RANCANG BANGUN WEB MOBILE PADA BIDAN PRAKTEK …
Transcript of RANCANG BANGUN WEB MOBILE PADA BIDAN PRAKTEK …
1
RANCANG BANGUN WEB MOBILE PADA BIDAN PRAKTEK
MANDIRI “HJ. SITI SAUDAH” DI KOTA
PALANGKA RAYA
PROPOSAL TUGAS AKHIR
Diajukan untuk Memenuhi Salah Satu Syarat Penulisan Tugas Akhir pada
Sekolah Tinggi Manajemen Informatika Dan Komputer
(STMIK) Palangkaraya
OLEH
NELLA SAFITRI
C1555201107
PROGRAM STUDI TEKNIK INFORMATIKA
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
(STMIK) PALANGKARAYA
2021
2
RANCANG BANGUN WEB MOBILE PADA BIDAN PRAKTEK
MANDIRI “HJ. SITI SAUDAH” DI KOTA
PALANGKA RAYA
PROPOSAL TUGAS AKHIR
Diajukan untuk Memenuhi Salah Satu Syarat Penulisan Tugas Akhir pada
Sekolah Tinggi Manajemen Informatika Dan Komputer
(STMIK) Palangkaraya
OLEH
NELLA SAFITRI
C1555201107
PROGRAM STUDI TEKNIK INFORMATIKA
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
(STMIK) PALANGKARAYA
2021
3
4
5
DAFTAR ISI
HALAMAN PERSETUJUAN ............................................................................. i
HALAMAN PENGESAHAN .............................................................................. ii
DAFTAR ISI ........................................................................................................ iii
DAFTAR TABEL ................................................................................................ iv
DAFTAR GAMBAR ........................................................................................... v
DAFTAR LAMPIRAN ......................................................................................... vi
BAB I PENDAHULUAN ................................................................................... 1
1.1 Latar Belakang .................................................................................. 1
1.2 Rumusan Masalah ............................................................................. 2
1.3 Batasan Masalah ................................................................................ 2
1.4 Tujuan dan Manfaat ........................................................................... 3
1.5 Sistematika Penulisan ........................................................................ 4
BAB II LANDASAN TEORI .............................................................................. 5
2.1 Tinjauan Pustaka ............................................................................... 5
2.2 Kajian Teori........................................................................................ 8
2.2.1 Web ............................................................................................ 8
2.2.2 Web Mobile ............................................................................... 8
2.3 Perangkat Lunak Yang Digunakan ..................................................... 10
BAB III ANALISIS DAN PERANCANGAN SISTEM
3.1 Lokasi Penelitian ................................................................................ 23
3.2 Analisis dan Pemecahan Masalah ...................................................... 23
3.3 Desain Sistem ..................................................................................... 26
3.4 Desain Proses ..................................................................................... 26
DAFTAR PUSTAKA ........................................................................................... 33
LAMPIRAN .......................................................................................................... 34
6
DAFTAR TABEL
Tabel 1. Kajian Penelitian yang Relevan .............................................................. 6
Tabel 2. Use Case Diagram ................................................................................... 11
Tabel 3. Activity diagram ...................................................................................... 12
Tabel 4. Simbol State Machine Diagram .............................................................. 13
Tabel 5. Entity RelationshipDiagram (ERD) ........................................................ 14
Tabel 6. Bobot Penilaian ....................................................................................... 22
Tabel 7. Performance Sistem Lama dan Baru ...................................................... 24
Tabel 8. Perbandingan Information ...................................................................... 24
Tabel 9. Perbandingan Economy ........................................................................... 25
Tabel 10. Perbandingan efficiency ........................................................................ 25
Tabel 11. Perbandingan Service ............................................................................ 26
7
DAFTAR GAMBAR
Gambar 1. Diagram Use case ............................................................................. 27
Gambar 2. Diagram Login Admin ...................................................................... 28
Gambar 3. Diagram Aktivitas Admin ................................................................. 29
Gambar 4.Diagram Aktifitas Pengguna ............................................................. 30
Gambar 5. form login admin. .............................................................................. 31
Gambar 6. Halaman Menu Utama ...................................................................... 32
8
DAFTAR LAMPIRAN
Lampiran 1 Surat tugas pembimbing tugas akhir
Lampiran 2 Lembar konsultasi Bimbingan Tugas Akhir
Lampiran 3 Surat Tugas Penguji Seminar
Lampiran 4 Berita Acara Penilian Seminar Proposal TA
9
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Saat ini teknologi informasi berkembang dengan sangat pesat sehingga
untuk mendapatkan informasi tidak lagi terbatas oleh jarak dan waktu.
Perkembangan teknologi yang terus berlanjut membawa dampak pada proses
pengelolaan data dan penyampaian informasi sesuai kebutuhan. Sehingga
setiap hal dapat dilakukan dengan lebih cepat, baik di bidang sektor
kesehatan.
Kegiatan pelayanan kebidanan yang berlokasi di jl. Seth Adji Panarung,
Kecamatan Pahandut, Kota Palangkaraya. Dalam proses kebidanan yang
dilakukan praktek bidan mandiri, berusaha memberikan pelayanan terbaik
terutama dalam pemberian layanan serta penyebarluasan informasi secara
cepat dan tepat. Berbagai informasi yang disebarkan mulai dari profil bidan
maupun penyebarluasan informasi pelayanan praktek tersebut, yang masih
menggunakan brosur maupun spanduk iklan.
Sedangkan pemanfaatan teknologi sebagai pendukung penyebarluasan
informasi sudah banyak berkembang, informasi berbasis web akan menjadi
alat bantu yang tidak hanya mampu untuk mengelola informasi, tetapi juga
dapat menjadi media informasi yang dinamis. Website juga dapat digunakan
untuk penyebarluasan, terkait dengan profil serta pelayanan Kesehatan ibu
dan anak yang dianggap mampu membangun, maupun memberikan kesan
10
dan informasi terbaik juga professional bagi Praktek Bidan Mandiri yang
memiliki website tersebut.
Berdasarkan beberapa uraian dan permasalahan di atas. Penulis tertarik
untuk mengambil judul ”Rancang Bangun Web Mobile Pada Praktek
Bidan Mandiri Hj. Siti Saudah di Kota Palangka Raya”.
1.2 Rumusan Masalah
Berdasarkan latar belakang di atas, rumusan masalah yaitu Bagaimana
membuat web mobile pada Praktek Bidan Mandiri Hj. Siti Saudah di Kota
Palangka Raya?
1.3 Batasan Masalah
Untuk membatasi masalah yang diambil dalam membangun Web
mobile pada Praktek Bidan Mandiri Hj. Siti Saudah di Kota Palangka Raya
,maka penulis perlu untuk memberikan batasan-batasan yang jelas agar
nantinya bahasan tidak keluar dari topik, Adapun batasan masalah tersebut
ialah sebagai berikut:
a) Web mobile ini sebagai media layanan kesehatan pada Praktek Bidan
Mandiri Hj. Siti Saudah di Kota Palangka Raya.
b) Sistem ini menyediakan layanan kesehatan dari praktek bidan mandiri Hj
Siti Saudah seperti pemeriksaan ibu hamil, proses persalinan, salon KB,
dan imunisasi balita.
c) Menyediakan data profile bidan .
11
1.4 Tujuan dan Manfaat
a. Tujuan
Adapun tujuan dari penelitian ini adalah untuk membuat sistem
informasi layanan Kesehatan di praktek Bidan mandiri Hj Siti Saudah di
Kota Palangka Raya berbasis web mobile
b. Manfaat
1) Bagi Pengguna
Adapun manfaat bagi pihak Bidan Praktek adalah
mempermudah dalam pemberian informasi kepada pasien dan
masyarakat luar melalui teknologi informasi berupa sebuah web
berbasis mobile.
2) Bagi Penulis
manfaat yang diperoleh penulis adalah dapat
mengimplementasikan ilmu yang telah di pelajari selama kuliah dan
meningkatkan kemampuan serta pengetahuan tentang Sistem
Informasi Web mobile
3) Bagi STMIK Palangka Raya
Manfaat yang di berikan kepada kampus STMIK Palangkaraya
adalah sebagai penambah literatur Pustaka di perpustakaan STMIK
Palangakaraya dan juga dapat di gunakan sebagai referensi tentang
sistem informasi web mobile bagi sivitas Akademik STMIK
Palangkaraya.
12
1.5 Sistematika Penulisan
Berikut ini merupakan gambaran singkat isi dari laporan tugas akhir
yang berisi uraian umum laporan tugas akhir:
BAB I PENDAHULUAN
Pada bab ini menjelaskan mengenai latar belakang tugas akhir, rumusan
masalah, batasan masalah, tujuan, serta sistematika penulisan laporan.
BAB II LANDASAN TEORI
Pada bab ini berisi mengenai landasan-landasan teori yang digunakan
dalam menunjang jalannya tugas akhir.
BAB III METODE PENELITIAN
Pada bab ini berisi mengenai analisa sistem, perancancangan
pemodelan data, serta perancangan user interface.
BAB IV HASIL DAN PEMBAHASAN
Pada bab ini berisi penerapan dari perancangan sistem yang telah dibuat
pada BAB III, serta gambaran umum tampilan dari sistem yang telah dibuat.
Serta tahap pengujian yang akan dilakukan pada sistem yang telah dibangun.
BAB V KESIMPULAN DAN SARAN
Pada bab ini berisi kesimpulan yang didapat dari pembahasan pada
bab-bab sebelumnya dan saran-saran yang dianggap perlu di perhatikan agar
memberikan manfaat dan kemajuan bagi sistem yang telah di buat dari tugas
akhir.
13
BAB II
LANDASAN TEORI
2.1 Tinjauan Pustaka
Penelitian yang relevan merupakan kajian yang berisi uraian sistematis
tentang informasi hasil penelitian orang lain yang disajikan dalam bentuk
pustaka yang dikaitkan dengan masalah penelitian yang sedang diteliti
dengan memaparkan ringkasan hasil penelitian yang relavan yang
mendukung judul, dengan fakta-fakta yang dikemukakan sejauh mungkin
yang tetap mengacu pada sumber aslinya.
Dalam hal ini telah diperoleh beberapa contoh penelitian-penelitian
terdahulu yang dapat digunakan sebagai bahan acuan pendukung judul serta
fakta-fakta terkait dalam pembahasan penelitian ini yang telah berhasil
dihimpun oleh penulis, yang dapat dilihat pada Tabel 1.
14
Tabel 1. Kajian Penelitian Yang Relevan
No Penulis/ Tahun Judul Penelitian Metode Hasil Perbedaan
1. Egen endo
lermatin/2018
Rancang Bangun
Rekam Medis
Berbasis Web pada
Klinik Pengobatan
Waterfall Hasilnya aplikasi ini dapat mempermudah
pihak klinik pengobatan palembang untuk
melihat perkembangan pasien hingga
pelayanan obat.
Penelitian sebelumnya membahas
tentang Rancang Bangun Rekam
Medis Berbasis Web pada Klinik
Pengobatan.
Sedangkan penulis membuat Rancang
Bangun berbasis web mobile pada
Bidan praktek mandiri Hj Siti Saudah.
2. Dani
Anggoro/2016
Analisa dan
Perancangan
Sistem Informasi
pelayanan Bidan
Praktek Swasta
(Studi kaus Bidan
Siviana)
Waterfall Pemilik usaha dapat dengan cepat
memperoleh laporan harian dengan lebih
cepat dan akurat, karena laporan bisa
dicetak sewaktu-waktu tanpa harus
mengumpulkan data dan mengkalkulasi
pendapatan dan pemasukan secara manual.
Penelitian sebelumnya menganalisa
dan membangun sistem informasi
pelayanan pada Bidan praktek swasta.
Sedangkan penulis membuat Rancang
Bangun berbasis web mobile pada
Bidan praktek mandiri Hj Siti Saudah.
3. Sugeng /2018 Sitem Informasi
Pendaftaran Pasien
Berbasis Web pada
klinik bersalin
Bidan Eva Helinda
Waterfall Hasilnya Sistem informasi dapat
mempercepat proses pendaftaran periksa
pasien agar lebih mudah dan tertib
sehingga tidak ada penumpukan pasien
pendaftar di klinik. Dan memungkinkan
pasien untuk melakukan pendaftaran
periksa secara online sehingga pasien tidak
harus datang langsung untuk melakukan
pendaftaran.
Pada penelitian sebelumnya
membahas tentang sistem pendaftara
pasien berbasis web.
Sedangkan penulis membuat Rancang
Bangun berbasis web mobile pada
Bidan praktek mandiri Hj Siti Saudah.
15
4. Dedy Hidayat
Kusuma,Moh.
NurShodiq,Dia
nniYusuf,Laila
tus
Saadah/2019
Sistem informasi
kesehatan ibu dan
anak
Waterfall Hasil pengujian menggunakan metode
black-box terhadap sistem ini
menunjukkan bahwa sistem telah mampu
memenuhi kebutuhan pengguna Bidan dan
ibu.
Penelitian sebelumnya membahas
tentang sistem informasi kesehatan ibu
dan anak.
Sedangkan penulis membuat Rancang
Bangun berbasis web mobile pada
Bidan praktek mandiri Hj Siti Saudah.
5 Hendra
Rohman, Selin
Sheralinda/
2020
Pengembangan
Sistem Informasi
Rawat jalan dan
Pelayanan anak
Persalinan di
Klinik Berbasis
Web
Waterfall Rancangan sistem informasi rawat jalan
dan pelayanan persalinan berbasis web
yang memilikibeberapa fasilitas yaitu
login, pengelolaan datapasien umum,
pemeriksaan ibu hamil dan melahirkan,
data kelahiran bayi, data obat,
datapembayaran, dan pelaporan.
Penelitian sebelumnya membahas
tentang sistem informasi rawat jalan
dan pelayanan persalinan berbasis
web.
Sedangkan penulis membuat Rancang
Bangun berbasis web mobile pada
Bidan praktek mandiri Hj Siti Saudah.
16
2.2 Kajian Teori
2.2.1 Web
Website merupakan kumpulan halaman-halaman yang digunakan
untuk menampilkan informasi teks, gambar diam atau gerak, animasi,
suara,dan atau gabungan dari semuanya, baik yang bersifat statis maupun
dinamis yang membentuk satu rangkaian bangunan yang saling terkait,
yang masingmasing dihubungkan dengan jaringan-jaringan halaman.
(Bekti; 2015)
Website (Web) juga dapat diartikan sebagai kumpulan halaman yang
menampilkan informasi data teks, data gambar diam atau gerak, data
animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat
statis maupun dinamis yang membentuk satu rangkain bangunan yang
saling terkait dimana masing-masing dihubungkan dengan jaringan-
jaringan halaman (hyperLink).
2.2.2 Web Mobile
Mobile web merupakan halaman HTML berbasis Browser yang bisa
diakses memakai perangkat portable seperti Smartphone atau Tablet lewat
jaringan seluler 3G, 4G,atau WIFI. Mobile Web mmemang dirancang
khusus untuk menanmpilkan data seperti teks, gambar juga Video dari
website kedalam tampilan yang lebih kescil yantu mobile.
17
Mobile web ini berguna untuk mengakses layana data secara wireless
memakai perangkat mobile seperti ponsel, PDA serta perangkat portable
yang sudah tersambung dengan jaringan telekomunikasi.
Menurut Brian Fling (2016) Web mobile merupakan situs web yang
dirancang khusus untuk perangkat mobile. Situs web mobile sering
memiliki desain yang sederhana dan biasanya bersifat memberikan
informasi (Abdurahman 2016).
Menurut Devi (2015) Web mobile juga satu-satunya platfrom yang
tersedia dan mampu berjalan pada semua perangkat mobile, dan
perancangan menggunakan standar dan protokol yang sama dengan desktop
web. Untuk dapat mendesain aplikasi web untuk mobile harus diperhatikan
betul bahwa karakteristik web untuk mobile berbeda dengan desktop
(Indriasari,dkk 2011).
Berdasarkan definisi diatas dapat disimpulkan website mobile adalah
situs yang dirancang khusus untuk perangkat mobile yang dirancang
menggunakan standar dan protokol yang sama dengan desktop web.
1. Beberapa aspek yang harus diperhatikan dalam perancangan website
mobile, yaitu : Keterbatasan fisik, meliputi bentuk fisik yang kecil dan
inputan terbatas.
2. Keterbatasan Teknis, meliputi tingkat keamanan yang terbatas, faktor
fisik yang bervariasi, input yang bervariasi seperti touchscreen, numeric
keypad, qwerty keypad, dan akses data yang bervariasi.
18
2.3 perangkat Lunak yang di gunakan
2.3.1 Unifield Modeling Language (UML)
Menurut Rosa (2013), UML (Unified Modeling Language) adalah
bahasa visual untuk pemodelan dan komunikasi mengenai sebuah sistem
dengan menggunakan diagram dan teks-teks pendukung.
UML hanya berfungsi untuk melakukan pemodelan. Jadi
penggunaan UML tidak terbatas pada metodelogi tertentu, meskipun pada
kenyataannya UML paling banyak digunakan pada metodelogi berorientasi
objek. UML mendefinisikan beberapa jenis diagram-diagram diantaranya
sebagai berikut:
1) Use Case Diagram
Use case adalah abstraksi dari interaksi antara sistem dan actor.
Use case bekerja dengan cara mendeskripsikan tipe interaksi antara user
sebuah system dengan sistemnya sendiri melalui sebuah cerita
bagaimana sebuah system dipakai. Use case merupakan konstruksi
untuk mendeskripsikan bagaimana system akan terlihat di mata user.
Sedangkan use case diagram memfasilitasi komunikasi diantara analis
dan pengguna serta antara analis dan client. Berikut adalah table 2
Usecase diagram.
19
Table 2. usecase diagram
Simbol Deskripsi
1 2
Use case
Fungsionalitas yang disediakan
system sebagai unit-unit yang
saling bertukar pesan antar unit
ataw actor, biasanya dinyatakan
dengan menggunakan kata kerja
di awal frase nama usecase
Aktor/actor
Orang, proses, atau sistem lain
yang berinteraksi dengan sistem
informasi yang akan dibuat diluar
sistem informasi yang akan dibuat
itu sendiri, jadi walaupun simbol
dari aktor adalah gambar orang,
tapi actor belum tentu merupakan
orang, biasanya dinyatakan
menggunakan kata benda di awal
frase nama actor.
Asosiasi/association
Komunikasi antara actor dan
usecase yang berpartisipasi pada
use case atau use case memiliki
interaksi dengan actor
Ekstensi/extend
Relasi usecase tambahan ke
sebuah use case yang
ditambahkan dapat berdiri sendiri
walaupun tanpa use case
tambahan.
Generalisasi/generalization
Hubungan generalisasi dan
spesialisasi (umum-khusus) antara
dua buah use case dimana fungsi
yang satu adalah fungsi yang lebih
umum dari lainnya.
Include
Relasi use case tambahan ke
sebuah use case dimana use case
yang ditambahkan memerlukan
use case ini untuk menjalankan
fungsinya atau sebagai syarat di
jalankan use case ini.
(Sumber : Kimmel, 2015:4)
Nama use case
<<extend>>
<<include>>
20
2) Activity Diagram
Activity diagram Menggambarkan rangkaian aliran dari aktivitas
dan digunakan untuk mendeskripsikan aktifitas yang dibentuk dalam
suatu operasi sehingga dapat juga digunakan untuk aktifitas lainnya
seperti use caseatau interaksi. Berikut merupakan Tabel 3. Simbol
Activity Diagram
Tabel 3. Simbol Activity diagram
Simbol Deskripsi
1 2
Status Awal
Status awal aktivasi sistem, sebuah
diagram aktivitas memiliki sebuah
status awal
Aktivitas
Aktivitas yang dilakukan sistem,
aktivasi biasanya diawali dengan
kata kerja
Pencabangan/Decision
Asosiasi percabangan jika ada
pilihan aktivitas lebih dari satu
Penggabungan
Asosiasi penggabungan dimana
lebih dari satu aktivitas
digabungkan menjadi satu.
Status Akhir
Status akhir yang dilakukan sistem,
sebuah diagram aktivitas memiliki
sebuah status akhir
(Sumber : Kimmel, 2015)
3) State MachingDiagram
21
State Machine diagram atau statechart diagram atau dalam
bahasa Indonesia disebut diagram mesin status atau sering juga disebut
diagram status digunakan untuk menggambarkan perubahan status atau
transisi status dari sebuah mesin atau objek.
Berikut ini komponen-komponen dasar yang ada dalam state
maching diagram :
Tabel 4.Simbol State Machine Diagram
Simbol Deskripsi
Start/Status Awal (initial
State)
Start atau initial state adalah state atau
keadaan awal pada saat sistem mulai
hidup.
End/ Status Akhir (Final
State)
End atau final state adalah state
keadaan akhir dari daur hidup suatu
sistem.
Event Event adalah kegiatan yang
menyebabkan berubahan status mesin.
State
State atau status adalah keadaan sistem
pada waktu tertentu. State dapat
berubah jika ada event tertentu yang
memicu perubahan tersebut.
(Sumber : Rosa, 2013:163)
1) ERD (Entity Relationship Diagram)
Menurut Fattadalam(Taufik, 2017)Entity Relationship Diagram
(ERD) adalah gambar atau diagram yang menunjukan informasi dibuat,
disimpan, dan digunakan dalam sistem bisnis.
State
22
Sedangkan menurut Rosa dan Shalahuddin (2015:50) “ ERD
digunakan untuk pemodelan basis data relasional sehingga jika
penyimpanan basis data menggunakan OODBMS maka perancangan
basis data tidak perlu menggunakan ERD.
ERD memiliki beberapa aliran notasi seperti notasi Chen
(dikembangkan oleh Peter Chen), Barker ( dikembangkan oleh Richard
Barker, Ian palmer, Harry Ellis), notasi Crow’s Foot, dan beberapa
notasi lainnya. Namun yang banyak digunakan adalah notasi dari Chen,
berikut adalah simbol-simbol yang digunakan ERD dengan notasi Chen
Tabel 5.Entity RelationshipDiagram (ERD)
Simbol Deskripsi
Entitas/entity
Entitas merupakan data inti yang
akan disimpan; bakal tabel pada
basis data; benda yang memiliki data
dan harus disimpan datanya agar
dapat diakses oleh aplikasi
komputer; penamaan entitas
biasanya lebih ke kata benda dan
belum merupakan nama table
Atribut
Field atau kolom data yang butuh
disimpan dalam suatu entitas.
Atribut kunci primer
Field atau kolom data yang butuh
disimpan dalam suatu entitas dan
digunakan sebagai kunci akses
record yang diinginkan; biasanya
berupa id; kunci primer dapat lebih
dari satu kolom, asalkan kombinasi
dari beberapa kolom tersebut dapat
nama_entitas
Nama_atribut
Nama_kunci_primer
23
bersifat unik (berbeda tanpa ada
yang sama)
Atribut multinilai/multivalue
Field atau kolom data yang butuh
disimpan dalam suatu entitas yang
dapat memiliki nilai lebih dari satu.
Relasi
Relasi yang menghubungkan antar
entitas; biasanya diawali dengan kata
kerja
Asosiasi / association
N
Penghubung antara relasi dan entitas
dimana kedua ujungnya memiliki
multiplicity kemungkinan jumlah
pemakaian .Kemungkinan jumlah
maksimum keterhubungan antara
entitas satu dengan entitas yang lain
disebut dengan kardinalitas 1 ke N
atau sering disebut dengan one to
many menghubungkan entitas A dan
entitas B
Sumber : Rosa dan Shalahuddin, (2015 : 50)
Jadi ERD (Entity Relationship Diagram)adalah gambar atau diagram
yang menunjukan informasi dibuat, disimpan, dan digunakan dalam sistem
bisnis. ERD ini digunakan untuk pemodelan basis data relasional.
3. Perangkat Lunak yang Digunakan
Adapun perangkat lunak yang digunakan dalam membangun “web
mobile pada Bidan Praktek Hj Siti Saudah di Palangaka Raya” ini yaitu:
Nama_atribut
Nama_relasi
24
a. ApacheWeb Server
ApacheWeb Server adalah server web yang dapat dijalankan di
banyak sistem operasi (Unix, BSD, Linux, Microsoft Windows dan Novell
Netware serta platform lainnya) yang berguna untuk melayani dan
memfungsikan situs web. Menurut Kurniawan :2010)
Protokol yang digunakan untuk melayani fasilitas web atau www ini
menggunakan HTTP. Apache memiliki fitur-fitur canggih seperti pesan
kesalahan yang dapat dikonfigurasi, autentikasi berbasis data dan lain-lain.
Apache juga didukung oleh sejumlah anatmuka pengguna atau tampilan
berbasis grafik (GUI) yang memungkinkan penanganan server menjadi
mudah.
Apache merupakan perangkat lunak sumber terbuka (open source)
dikembangkan oleh komunitas terbuka yang terdiri dari pengembang-
pengembang dibawah naungan ApacheSoftwareFoundation. WebServer
inilah nantinya yang akan penulis gunakan untuk membangung sistem yang
sedang dibahas.
b. MySQL
Mysql adalah system manajemen database SQL yang bersifat open
sourcevdan paling popular saat ini. System databases Mysql mendukung
fitur seperti multithreaded, muluuser dan SQL databases managemen system
(DBMS). Menurut MADCOMS (2016.12)
25
MySQL mendukung bahasa pemrograman PHP. MySQL juga
mempunyai query atau bahasa SQL (Structured Query Language) yang
simple dan menggunakan escape character yang sama dengan PHP.
MySQL mempunyai tampilan client yang mempermudah dalam
mengakses database dengan kata sandi untuk mengijinkan proses yang boleh
dilakukan. Untuk masuk ke dalam database disediakan user default yaitu
root dengan password yang dibuat sendiri pada saat melakukan instalasi
software.
c. phpMyAdmin
Menurut MADCOMS (2016), PHP MyAdmin adalah sebuah aplikasi
open source yang berfungsi untuk memudahkan manajemen MySQL.
Dengan menggunakan php MyAdmin, Anda dapat membuat database,
membuat tabel, meng-insert, menghapus dan meng-update data dengan GUI
dan terasa lebih mudah, tanpa perlu mengetikkan perintah SQL secara
manual.
d. Notepad ++
Notepad++ adalah sebuah aplikasi penyunting teks dan penyunting
kode sumber yang berjalan di sistem operasi Windows. Notepad++
menggunakan komponen Scintilla untuk dapat menampilkan dan
menyuntingan teks dan berkas kode yang sumber dari berbagai bahasa
pemrograman.
Notepad++ mendukung banyak bahasa pemrograman. Dukungan
dalam hal ini adalah dimengerti dan diterjemahkan menjadi teks oleh
26
Notepad++. Misalnya pada C++, fungsi-fungsinya akan di masukan
kedalam daftar fungsi dan kata-katanya akan berubah warna sesuai dengan
makna kata tersebut di C++.
e. HTML
HTML (Hyper Text Markup Language) merupakan salah satu fomat
yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan
dihalaman web. Dokumen ini dikenal sebagai web page. Dokumen HTML
merupakan dokumen yang disajikan pada web browser. Dokumen yang
disajikan dapat berupa gambar, suara dan text yang disajikan mengikuti
format yang tentnukan saat pengetikan HTML. Halama inilah yang diakses
pengguna untuk mendapatkan informasi. Menurut MADCOMS (2016).
Dalam membangun sistem ini, penulis menggunakan bahasa HTML5.
HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua
(World Wide WebConsortium, W3C) untuk mendefinisikan sebuah bahasa
markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML.
HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML
1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara
berbeda-beda oleh banyak perangkat lunak pembuat web.
f. PHP
PHP (Hypertext Prepprocessor) adalah bahasa script yang dapat
ditanamkan atau disisipkan kedalam HTML. PHP banyak dipakai untuk
27
membuat program situs web dinamis, PHP sering juga digunakan untuk
membangun sebuah CMS. Menurut MADCOMS (2016:2)
Dengan demikian kode program yang ditulis dalam PHP tidak terlihat
oleh user sehingga halaman web lebih terjamin. PHP dirancang untuk
membuat halaman web dinamis, yaitu halaman web yang dapat membentuk
sutau tampilan berdasarkan permintaan terkini, seperti menampilkan isi basis
data di halaman web.
g. Mozila Firefox
Firefox dapat dijalankan pada berbagai macam sistem operasi seperti
Microsoft Windows, Linux, Mac OS X, dan FreeBSD. Adapun versi Mozilla
Firefox yang penulis gunakan untuk membangun sistem adalah Mozilla
Firefox versi 51.0 Beta 6. Mozila firefox berfungsi sebagai web browser
yang digunakan sebagai tampilan program.
h. Click chart diagram & flowchart
Pengertian Flowchart dikembangkan oleh Herman Goldstine dan John
von Neumann di tahun 1940-an, sebagai representasi grafis dari keputusan
dan hasil keputusan dipetakan dalam bentuk individu. Flowchart
menggunakan simbol yang berbeda yang berisi informasi tentang langkah-
langkah atau urutan kejadian. Masing-masing dari simbol-simbol ini terkait
dengan panah untuk menggambarkan arah aliran proses.
28
Pengertian flowchart dapat disimpulkan sebagai sebuah metodologi
yang digunakan untuk menganalisis, meningkatkan, dokumen dan
mengelola proses atau program. Flowchart membantu untuk:
1) Pemahaman hubungan antara langkah-langkah proses yang berbeda
2) Mengumpulkan data tentang proses tertentu
3) Membantu dengan pengambilan keputusan
4) Mengukur kinerja proses
5) Menggambarkan struktur proses
6) Pelacakan aliran proses
7) Menyoroti langkah-langkah penting dan menghilangkan langkah-
langkah yang tidak perlu.
Pada pengertian flowchart di atas, flowchart terbentuk dari simbol-
simbol yang mewakili setiap fungsinya untuk mempresentasikan sebuah alur.
Simbol flowchart yang berbeda juga memiliki arti yang berbeda, namun
beberapa simbol umum yang digunakan pada flowchart adalah sebagai
berikut :
1) Terminator (start terminator, end terminator) : Berbentuk oval sebagai
diagram alur yang menunjukkan awal atau akhir proses.
2) Proses (process) : Berbentuk persegi panjang bentuk diagram alur, yang
menunjukkan langkah alur proses yang berjalan
29
3) Keputusan (decision) : Berbentuk berlian, yang menunjukkan bentuk
indikasi dari aliran proses yang bercabang
4) Konektor (A) : Bentuk lingkaran pada diagram alir yang digunakan untuk
menunjukkan lonjakan aliran proses
5) Data : Sebuah jajaran genjang yang menunjukkan input data atau output
(I / O) dalamproses.
6) Dokumen (document) : Digunakan untuk menunjukkan dokumen atau
laporan
2.4 Tahap pengumpulan data
a. Wawancara
Wawancara adalah teknik pengumpulan data yang dilakukan melalui
tatap muka dan tanya jawab langsung antara peneliti dan narasumber. Seiring
perkembangan teknologi, metode wawancara dapat pula dilakukan melalui
media-media tertentu, misalnya telepon, email, atau skype. Wawancara terbagi
atas dua kategori, yakni wawancara terstruktur dan tidak terstruktur
b. Kuesioner (angket)
Kuesioner merupakan metode pengumpulan data yang dilakukan
dengan cara memberi seperangkat pertanyaan atau pernyataan tertulis kepada
responden untuk dijawab. Kuesioner merupakan metode pengumpulan data
yang lebih efisien bila peneliti telah mengetahui dengan pasti variabel yag
akan diukur dan tahu apa yang diharapkan dari responden. Selain itu
kuesioner juga cocok digunakan bila jumlah responden cukup besar dan
tersebar di wilayah yang luas.
30
c. Skala Likert
Skala pengukuran merupakan kesepakatan yang di gunakan sebagai
acuan untuk menentukan panjang pendeknya interval yang ada dalam alat
ukur, sehingga alat ukur tersebut jika digunakan akan menghasilkan data
kuantitatif. Salah satu skala pengukuran adalah skala likert.
Skala likert digunakan untuk mengukur sikap, pendapat dan prsepsi
seseorang atau kelompok orang tentang fenomena atau gejala sosial yang
terjadi. Hal ini sudah sepesiflk dijelaskan oleh peneliti.
Yang selanjutnya disebut sebagai variable penelitian. Kemudian
dijabarkan melalui dimensi-dimensi menjadi sub-variabel, kemudian menjadi
indikator yang dapat dijadikan tolak ukur untuk menyusun item-item
pertanyaan atau pernyataan yang berhubungan dengan variabel penelitian.
Penyata an kemudian direspon dalam bentuk skala liken, yang diungkapkan
melalui kata-kata dengan menggunakan skala interval 1-5 seperti terlihat pada
Tabel 6.
Tabel 6. Bobot Penilaian
Pernyataan Skor
Sangat Setuju 5
Setuju 4
Netral 3
Tidak Setuju 2
SangatTidak Setuju 1
31
Skala likert merupakan metode skala bipolar yang mengukur baik
tanggapan positif atau negatif terhadap sebuah pernyataan dalam kuesioner
yang nantinya disimpulkan apakah sistem yang dibuat mendapatkan
tanggapan yang baik dari responden atau tidak.
32
BAB III
METODE PENELITIAN
3.1 Lokasi Penelitian
kegiatan pelayanan kebidanan yang di teliti oleh penulis berlokasi kan di jl.
Seth adji panarung, kecamatan pahandut, Kota palangkaraya. Dalam proses
kebidanan yang dilakukan praktek Bidan mandiri, berusaha memberikan
pelayanan terbaik terutama dalam pemberian layanan serta penyebarluasan
informasi secara cepat dan tepat Praktek Bidan Hj Siti Saudah merupakan
sebuah tempat pelaksanaan rangkaian sasaran. Berbagai informasi yang
disebarkan mulai dari profil Bidan maupun penyebarluasan informasi pelayanan
praktek tersebut, yang masih menggunakan brosur maupun spanduk iklan.
3.2 Analisis dan Pemecahan Masalah
Berdasarkan permasalahan diatas, maka aplikasi system yang akan
dibangun diharapkan dapat membantu dan mempermudah pelayanan di bidan
praktek mandiri Hj Siti Saudah dalam pemberian informasi, serta pengguna yang
mengakses aplikasi dalam mengetahui layanan kesehatan seperti pemeriksaan ibu
hamil, proses persalinan, salon KB, dan imunisasi balita.
A. Analisis
1) Analisis Kelemahan Sistem Dalam analisis kelemahan sistem, penulis
menggunakan metode analisis PIECES untuk mengidentifikasi masalah
pada sistem lama yang masih menggunakan buku log book ke sistem baru
berbasis arsitektur client server. Berikut terhadap beberapa aspek yang
akan dibahas berdasarkan PIFCES.
33
a. Performance (Kinerja)
Dilihat dari segi kinerja sistem (performance) berikut adalah
perbandingan dari sistem lama ke sistem baru seperti pada tabel 7.
Tabel 7. Perbandingan Performance
Sistem lama Sistem baru
1) Kurang efektif pada saat mencari
informasi, harus dibolak-balik
terlebih dahulu,sehingga akan ada
kesulitan untuk mencari informasi
diinginkan.
1) Dengan aplikasi “website Cepat
dalam melakukan mencari
informasi, tinggal dipilih menu
informasi yang diinginkan,
tampilan lebih menarik dan
mudah di akses menggunakan
fasilitas perangkat Mobile
b) Information
Informasi Dilihat dari segi informasi yang didapat dari sebuah
sistem yang akan dibangun. Berikut adalah perbandingan dari sistem lama
ke sistem baru seperti pada tabel 8.
Tabel 8. Perbandingan Information
Sistem lama Sistem baru
1) Kurang cepatnya dalam
memberikan informasi karena
penggunaanya dapat mengetahui
informasi jika hanya datang
ketempat praktek.
1) Pengguna lebih cepat dalam
mencari informasi dengan
memanfaatkan aplikasi berbasis
web mobile yang bisa diakses di
manapun.
34
c) Economy (Ekonomi)
Ditinjau dari segi ekonomi yang akan mempengaruhi
pengendalian biaya dan peningkatan manfaat dari sebuah sistem,
sehingga sistem baru yang akan dibangun dinilai lebih ekonomis
dibandingkan dengan sistem yang lama. Seprti pada tebel 9.
Tabel 9. Perbandingan Economy
Sistem lama Siste baru
1) Biaya untuk membeli alat tulis
seperti buku dan pulpen yang
terbilang mahal, mengingat
diperlukan banyak di setiap
bulangnya dan juga membutuhkan
ruang penyimpanan buku atau log
book yang nantinya menjadi
media arsip konvensinal
1) Biaya yang dikeluarkan cukup
murah karena aplikasi
menggunakan teknologi open
source, sehingga pihak BPM
dapat meminimalkan pengguna
”biaya untuk membeli alat tulis.
d) Effictency (Efisiensi)
Dilihat dari segi koefisiensi sistem yang digunakan untuk
menganalisis sistem lama dan sistem baru secara optimal. Berikut adalah
perbandingan dari sistem lama dan sistem baru seperti pada tabel 10.
Tabel 10. Perbandingan efficiency
Sistem lama Sistem baru
1) kurang efisien untuk digunakan
secara optimal, karena user tidak
bisa melihat kembali data.
1) efisien digunakan oleh user
terhadap data yang bisa dilihat
kembali.
35
e) Service (Layanan)
Ditinjau dari segi pelayanan digunakan untuk meningkatkan pelayanan
pegawai yang lebih baik dari sebuah sistem lama ke sistem baru. Berikut
adalah perbandingan dari sistem larna dan sistem baru.
Tabel 11. Perbandingan Service
Sistem lama Sistem baru
1) Pelayanan bidan kurang,
karena informasi yang
sebelumnya tidak ada untuk di
akses karna hanya berada pada
buku
1) Pelayan lebih cepat, karena
informasi di sedikan di sistem
yang tersedia pada web
sehingga tidak perlu datang
ketempat praktek.
3.3 Desain sistem
Berdasarkan tahapan pada pemodelan sistem yang penulis gunakan, maka
penulis akan menjelaskan tentang Unifield Modelling Language (UML). yaitu
salah satu tool atau model untuk merancang pengembangan sofware yang
berbasis object oriented.
3.4 Desain Proses
Pada tahapan ini akan menguraikan dalam beberapa diagram yaitu use
case diagram, activity diagram, dan class diagram.
a) Diagram Use case
Berikut adalah desain use case diagram, seperti pada gambar 2.
36
Gambar 1. Diagram Use case
deskripsi :
Pada gambar diatas terdapat aktor pengguna dan pengelola aplikasi,
yang dapat melakukan aksi yaitu pengguna mengkases sistem informasi.
Dan pengelola informasi dapat mengelola informasi atau penyedia
informasi.
b) Activity Diagram
Berdasarkan Use Case diagram maka Activity Diagram di
buat Berdasarkan cator yang ada pada Use case diagram dengan
tujuan menggambarkan aktifitas antara aktor dengan sistem.
1) Activity diagram login admin
Admin melakukan login dengan cara memasukkan
username dan password pada form login lalu menekan tombol
masuk. Sistem akan mengecek data yang di masukkan tersebut.
37
Jika cocok, sistem akan menampilkan halaman utama, jika tidak
maka sistem akan menampilkan halaman login. Seperti pada
gambar 3.
Gambar 2. Login Admin
1) Diagram aktifitas admin
Pada tahapan ini akan menguraikan diagram aktivitas Admin
dalam mengelola data pada sistem. Seperti pada gambar 4.
38
Gambar 3. Diagram aktivitas admin
Deskripsi :
Untuk mengakses form Tambah Data Admin menekan tombol
Tambah Data kemudian system dengan sistem keamanan pada input
data yang dimana akan menampilkan form Tambah Data.
Selanjutnya admin akan diberikan 3 tombol opsi yaitu tombol
hapus, tambah, batal. Apabila Admin menekan tombol batal maka
system akan menghapus list hasil Data pada tabel, kalau Admin
menekan tombol. tambah maka akan menambahkan data dari sistem
yang sudah di input dan system menampilkan form hasil data yang
sudah di input.
39
2) Diagram aktivitas pengguna
Pada tahapan ini akan menguraikan diagram aktivitas
pennguna dalam menggunakan sistem. Seperti pada gambar 5.
Gambar 4.diagram aktivitas pengguna
Deskripsi :
Untuk mengakses sistem maka pengguna wajib mebuka link
yang di harus di buka. Kemudian sistem akan menapilkan halaman
aplikasi dan menampilkan menu atau list yang hendak di akses setelah
di akses maka sistem akan menampilkan hasil yang di akses.
c) Desain interface/ Antar muka
Desain interface merupakan suatu gambara jalur pemakaian
sistem yang mudah di pahami dan mudah di gunakan. Perancangan
antar muka merupakan hal yang sangat penting dalam melakukan
perancangan perangkat lunak. Berikut rancangan antamuka pengguna
40
aplikasi sistem informasi web mobile pada Bidan praktek Hj Siti
Saudah dipalangkaraya.
1) Desain interface web mobile
Desain interface ini di gunakan sebagai gambaran jalur
pemakain sistem oleh admin yang merupakan untuk menginput dan
pegelola data.
1) Halaman form login admin
merupakan halaman dimana admin sebelum masuk ke halam
dasboard admin wajib mengisi username dan pasword terlebih dahulu,
Seperti pada gambar 6. form login admin
Gambar 5. form login admin
2) Halaman Menu Utama
Perancangan halaman utama untuk sistem yang akan di
bangun, pada bagian atas terdapat logo dan header, bagian kedua
41
terdapat menu item/link terkain dari system, Seperti pada gambar
7. Desain Antarmuka menu utama
Gambar 6. Halaman menu utama
42
DAFTAR PUSTAKA
Rohman,H & Selin Sheralinda 2020. Pengembangan Sistem Informasi Rawat
Jalan dan Pelayanan Persalinan di Klinik Berbasis Web, Jurnal Kesehatan
Vokasional, Vol. 5 No. 1
Kusuma,D.H dan Shodiq,M.N dkk, 2019 Sistem Informasi Kesehatan Ibu dan
Anak. Teknik Informatika, Politeknik Negeri Banyuwangi
Anggoro,D dan Nofiyani, 2016. Analisa dan Rancang Bangun Sistem Informasi
Pelayanan Bisan Praktek Swasta (Studi Kasus Bidan Praktek Silvina),
Jakarta Selatan
Putra, F.A.P., 2013. Analisis Dan Perancangan Sistem Informasi Rawat Jalan
Pada Bidan Praktek Swasta F.Herniwati Bekasi. Journal of Chemical
Information and Modeling, 53, pp.1689–1699
43
LAMPIRAN
Untuk lampiran terdiri atas:
a. Lampiran 1 Surat tugas pembimbing tugas akhir
b. Lampiran 2 Lembar konsultasi Bimbingan Tugas Akhir
c. Lampiran 3 Surat Tugas Penguji Seminar
d. Lampiran 4 Berita Acara Penilian Seminar Proposal TA
e. Daftar hadir peserta
44
45
46
47
48