BAB III ANALISIS DAN PERANCANGAN

Transkripsi

1 BAB III ANALISIS DAN PERANCANGAN III.1. Analisis Masalah Analisa sistem pada yang berjalan bertujuan untuk mengidentifikasi serta melakukan evaluasi terhadap sistem yang telah ada. Analisis dilakukan agar dapat menemukan masalah-masalah dalam pengolahan sistem geografis yang menjadi kendala dalam pencarian lokasi Klinik BPJS khusunya di di kota Medan. Adapun analisis sistem ini meliputi input, proses dan output yang dijabarkan sebagai berikut : III.1.1. Analisis Input Analisis sistem input yang sedang berjalan pada sistem yang lama adalah sebagai berikut : Tabel III.1. Analisis Input No Nama Klinik Alamat Lengkap Kecamatan Layanan 1. klinik asy-syifa 2. klinik avicenna jl. yos sudarso km. 12,8 no. 61 jl. tanjung raya no. 57 perum helvetia Medan Deli Medan Helvetia Melayani : ugd rawat inap rawat jalan skin care laboratorium konsultasi kesehatan Melayani : ugd rawat inap rawat jalan skin care laboratorium konsultasi kesehatan 3. klinik azizzi tempuling jl.tempuling no.111 a medan Medan Tembung Melayani : ugd rawat inap rawat jalan skin care laboratorium konsultasi kesehatan 30

2 31 4. klinik bina sejahtera jl.simpang kantor no.6 Medan Belawan Melayani : ugd rawat inap rawat jalan skin care laboratorium konsultasi kesehatan 5. klinik dandy jl. rumah potong hewan no. 15 lk IX Medan Perjuangan Melayani : ugd rawat inap rawat jalan skin care laboratorium konsultasi kesehatan III.1.2. Analisis Process Proses yang terjadi pada sistem yang dijelaskan pada langkah-langkah: Sistem Informasi Geografis Lokasi Klinik BPJS Masyarakat Klinik BPJS MULAI Melihat Papan Iklan / Brosur Iklan / Brosur Mengingat Alamat Mengunjungi Klinik BPJS Mengunjungi Klinik BPJS SELESAI Phase Gambar III.1. Proses Lokasi Klinik BPJS

3 32 III.1.3. Analisis Output Output yang dihasilkan dari sistem adalah informasi-informasi tempat Lokasi klinik BPJS yang ada di di kota Medan dan mengunjungi Lokasi klinik BPJS yang di inginkan maka Masyarakat akan mendapatkan jasa pelayanan sesuai dengan kebutuhan Masyarakat yang diberikan oleh pihak Lokasi klnik BPJS yang bersangkutan. Tabel III.2. Daftar Klinik BPJS No Nama Klinik Alamat Kecamatan 1 Klinik Mitra Sehat Jl. Gunung Krakatau No. 2A Medan Timur 2 Klinik Pratama Haji Medan Mabar Jl. K.L Yos Sudarso Km 8,2 Tj. Mulia Medan Deli 3 Klinik Azizzi Jl. Tempuling No. III A Medan Tembung 4 Klinik Purnakes Jl. Purwo No.2 Medan Perjuangan 5 Klinik Pratama Haji Tanjung Mulia Jl. KL. Yos Sudarso Km. 6,5 Tj Mulia No. 87D Medan Deli 6 Klinik Dandy Jl. Rumah Potong Hewan No. 15 Medan Deli lk IX 7 Klinik Timur Jaya Jl. KL. Yos Sudarso Km. 10,6 Medan Deli 8 Klinik Asy-Syifa Jl. KL. Yos Sudarso No. 61 Medan Deli 9 Klinik Bina Sejahtera Jl. KL. Yos Sudarso No. 68 Medan Belawan 10 Klinik Iman Jl. Pancing 1 Martubung Medan Labuan 11 Klinik Mutiara Jl. KL. Yos Sudarso Km. 10,5 Medan Deli 12 Klinik Laisya Jl. Karya Komp Karya Medan Barat

4 33 Minimalis Blok A No.2 13 Klinik Millenium Jl. Kapten Muslim No.58c Medan Petisah 14 Klinik Griya Medical Center Jl. Kapten Muslim No.43b Medan Petisah 15 Klinik Permata Husada Jl. Asrama No. 12E Medan Medan Helvetia 16 Klinik Avicenna Jl. Tanjung Raya No.57c Medan Helvetia 17 Klinik Fid Happy Jl. Setia Budi No 68D Medan Sunggal 18 Klinik Sehat Wahida Jl. Setia Budi Blok C9-C11 Medan Sunggal 19 Klinik Diabetes Dharma Jl. Beringin Raya No. 1A-B Medan Helvetia Medan 20 Klinik Pratama Setia Budi Jl. Setia Budi No 379C Tanjung Medan Helvetia Sari III.2. Algoritma Djikstra Algoritma ini bertujuan untuk menemukan jalur terpendek berdasarkan bobot terkecil dari satu titik ke titik lainnya. Misalkan titik mengambarkan gedung dan garis menggambarkan jalan, maka algoritma Dijkstra melakukan kalkulasi terhadap semua kemungkinan bobot terkecil dari setiap titik.

5 34 Gambar III.2 Contoh keterhubungan antar titik dalam algoritma Dijkstra Pertama-tama tentukan titik mana yang akan menjadi node awal, lalu beri bobot jarak pada node pertama ke node terdekat satu per satu, Dijkstra akan melakukan pengembangan pencarian dari satu titik ke titik lain dan ke titik selanjutnya tahap demi tahap. Inilah urutan logika dari algoritma Dijkstra: 1. Beri nilai bobot (jarak) untuk setiap titik ke titik lainnya, lalu set nilai 0 pada node awal dan nilai tak hingga terhadap node lain (belum terisi) 2. Set semua node Belum terjamah dan set node awal sebagai Node keberangkatan 3. Dari node keberangkatan, pertimbangkan node tetangga yang belum terjamah dan hitung jaraknya dari titik keberangkatan. Sebagai contoh, jika titik keberangkatan A ke B memiliki bobot jarak 6 dan dari B ke node C berjarak 2, maka jarak ke C melewati B menjadi 6+2=8. Jika jarak ini lebih kecil dari jarak sebelumnya (yang telah terekam sebelumnya) hapus data lama, simpan ulang data jarak dengan jarak yang baru.

6 35 4. Saat kita selesai mempertimbangkan setiap jarak terhadap node tetangga, tandai node yang telah terjamah sebagai Node terjamah. Node terjamah tidak akan pernah di cek kembali, jarak yang disimpan adalah jarak terakhir dan yang paling minimal bobotnya. 5. Set Node belum terjamah dengan jarak terkecil (dari node keberangkatan) sebagai Node Keberangkatan selanjutnya dan lanjutkan dengan kembali ke step 3. III.3. Desain Sistem Desain sistem secara global menggunakan bahasa pemodelan UML yang terdiri dari Usecase Diagram, Class Diagram, dan Sequence Diagram. III.3.1. Usecase Diagram Secara garis besar, bisnis proses sistem yang akan dirancang digambarkan dengan usecase diagram yang terdapat pada Gambar III.2 :

7 36 Sistem Informasi Geografis Lokasi klinik BPJS Login Kelola Data klinik BPJS <extends> <extends> <extends> <extends> Kelola Lokasi klinik BPJS Kelola Data Berita Upload Gambar Upload Thumbnail Admin Beranda Comment User News Maps List Place About Us Gambar III.2. Use Case Diagram Sistem Geografis Lokasi Klinik BPJS Di kota Medan

8 37 III.3.2. Class Diagram Rancangan kelas-kelas yang akan digunakan pada sistem yang akan dirancang dapat dilihat pada gambar III.3 : Sistem Informasi Geografis Lokasi klinik BPJS user Id_User Username Password Nama + login + reset thumbnail id name type size content + upload + download + delete komentar Kode_Komentar Nama Tanggal Pesan + kirim + reset 1 1 konten Kode_Konten Tanggal Terbit Judul Isi Thumbnail + tambah + reset + cari data + edit + hapus jalan Kode_Jalan Nama_Jalan Tipe_Jalan Lon Lat 1 1 klinik Kode_Tempat Nama_klinik Alamat Gambar Lon Lat Keterangan + tambah + reset + cari data + edit + hapus gambar id name type size content + upload + download + delete 1 1 Gambar III.3. Class Diagram Sistem Informasi GIS Lokasi Klinik BPJS III.3.3. Activity Diagram Bisnis proses yang telah digambarkan pada use case diagram di atas dijabarkan dengan activity diagram : 1. Activity Diagram Melihat Peta Aktivitas melihat peta diterangkan dalam langkah-langkah state, dimulai dari kegiatan melihat panel peta kemudian mencari Artikel Lokasi Klinik BPJS, selanjutnya menekan tombol atau link yang ada pada peta dan yang terakhir melihat informasi yang di sajikan dalam peta yang ditunjukkan pada gambar III.4:

9 38 Melihat Peta Admin Sistem mulai Beranda Click Peta klinik Click Salah Satu marka klinik Proses database Melihat Informasi Lokasi klinik Menampilkan informasi selesai Phase Gambar III.4. Activity Diagram Melihat Peta 2. Activity Diagram Login Administrator Website Aktvitas proses login admin diterangkan dalam langkah-langkah state, dimulai dari memasukkan username, memasukkan password, jika profil valid maka sistem akan mengaktifkan menu administrator, sedangkan jika tidak valid, maka tampilkan pesan kesalahan yang ditunjukkan pada gambar III.5 :

10 39 Login Memasukkan Username Memasukkan Password Valid Aktifkan Menu Administrator invalid Menampilkan Pesan Error Gambar III.5. Activity Diagram Login Admin 3. Activity Diagram Mengolah Data Lokasi Klinik BPJS Aktivitas proses mengolah data Lokasi Klinik BPJS diterangkan dalam langkah-langkah state yang ditunjukkan pada gambar III.6 :

11 40 Lokasi klinik BPJS Beranda Click Lokasi klinik BPJS Isi data klinik BPJS Click Tambah Proses database Click cari Update data klinik BPJS Ketika kata kunci Proses database Informasi data klinik BPJS Update data klinik BPJS Click hapus Pilih data Hapus? ya Proses database tidak Gambar III.6. Activity Diagram Mengolah Data Lokasi Klinik BPJS 4. Activity Diagram Mengolah Data Buku Tamu Aktvitas proses mengolah data Buku Tamu diterangkan dalam langkahlangkah state yang ditunjukkan pada gambar III.7 :

12 41 Buku Tamu Memilih aksi pada form Buku Tamu Tambah Hapus Mengisi Data Menyimpan Data Menekan Tombol Kirim Memilih Data Konfirmasi Penghapusan Menghapus Data Tidak Ya Gambar III.7. Activity Diagram Mengolah Data Buku Tamu 5. Activity Diagram Mengolah Data Berita Aktvitas proses mengolah data Berita diterangkan dalam langkah-langkah state yang ditunjukkan pada gambar III.8 :

13 42 berita Beranda Click berita Isi data berita Click Tambah Proses database Click cari Update data berita Ketika kata kunci Proses database Informasi data berita Update data berita Click hapus Pilih data Hapus? ya Proses database tidak Gambar III.8. Activity Diagram Mengolah Data Berita

14 43 6. Activity Diagram Mengolah Gambar Klinik BPJS Aktvitas proses mengolah data Gambar Klinik BPJS diterangkan dalam langkah-langkah state yang ditunjukkan pada gambar III.9 : Gambar Klinik Memilih aksi pada form upload gambar Upload Download Hapus Chose File Memilih gambar Menekan Tombol upload Memilih data Menekan Tombol download Memilih Data Konfirmasi Penghapusan Menghapus Data Tidak Ya Gambar III.9. Activity Diagram Mengolah Data Gambar Klinik BPJS 7. Activity Diagram Mengolah Gambar Blog Aktvitas proses mengolah data Gambar Blog diterangkan dalam langkahlangkah state yang ditunjukkan pada gambar III.10 : Gambar Blog Memilih aksi pada form upload gambar Upload Download Hapus Chose File Memilih gambar Menekan Tombol upload Memilih data Menekan Tombol download Memilih Data Konfirmasi Penghapusan Menghapus Data Tidak Ya Gambar III.10. Activity Diagram Mengolah Data Gambar Blog

15 44 III.3.4. Sequence Diagram Rangkaian kegiatan pada setiap terjadi event sistem digambarkan pada sequence diagram berikut: 1. Sequence Diagram pada Form Peta Serangkaian kegiatan saat terjadi event pada form peta dapat dilihat pada gambar III.11 : Melihat Peta User Tampilkan Menu () Main form Form Peta Menu () click form Peta () Gambar III.11. Sequence Diagram Form Peta

16 45 2. Sequence Diagram pada Form Login Serangkaian kegiatan saat terjadi event pada form login dapat dilihat pada gambar III.12 : Login Administrator Website Main form CotrollerLogin Proses Tampilkan Fom () Menu () click form login Validasi nama dan password () Koneksi Database() Invalid () Gambar III.12. Sequence Diagram Form Login 3. Sequence Diagram pada Form Data Klinik BPJS Serangkaian kegiatan saat terjadi event pada form Klinik BPJS dapat dilihat pada gambar III.13 :

17 46 Data klinik Administrator Website Form Data klinik ControllerUpdate klinik Gambar Jalan Tampilkan Fom () Menu () click form klinik () update data () Koneksi database () update data () Koneksi database () update data () Koneksi database () Close form () Gambar III.13. Sequence Diagram Form Klinik BPJS 4. Sequence Diagram pada Form Data Berita Serangkaian kegiatan saat terjadi event pada form data Berita dapat dilihat pada gambar III.14 : Berita Administrator Website Main form Form Berita Proses Tampilkan Fom () Menu () click form Berita () update data () Koneksi database () Close form () delete data () Koneksi database () Gambar III.14. Sequence Diagram Form Data Berita

18 47 5. Sequence Diagram pada Form Data Buku Tamu Serangkaian kegiatan saat terjadi event pada form buku tamu dapat dilihat pada gambar III.15 : Buku Tamu Administrator Website Main form Form Data Buku Tamu Proses Tampilkan Fom () Menu () click form Buku Tamu () update data () Koneksi database () Close form () delete data () Koneksi database () Gambar III.15. Sequence Diagram Form Buku Tamu 6. Sequence Diagram pada Form Gambar Klinik BPJS Serangkaian kegiatan saat terjadi event pada form Gambar Klinik BPJS dapat dilihat pada gambar III.16 :

19 48 Gambar Klinik BPJS Administrator Website Main form Form Upload Gambar Proses Tampilkan Fom () Menu () click form Upload Gambar () Close form () upload data () download data () delete data () Koneksi database () Koneksi database () Koneksi database () Gambar III.16. Sequence Diagram Form Gambar Klinik BPJS 7. Sequence Diagram pada Form Gambar Blog Serangkaian kegiatan saat terjadi event pada form Gambar Blog dapat dilihat pada gambar III.17 :

20 49 Gambar Blog Administrator Website Main form Form Upload Thumbnail Proses Tampilkan Fom () Menu () click form Upload Thumbnail () Close form () upload data () download data () delete data () Koneksi database () Koneksi database () Koneksi database () Gambar III.17. Sequence Diagram Form Gambar Blog

21 50 III.4. Desain Basis Data Desain basis data terdiri dari tahap merancang melakukan normalisasi tabel dan merancang struktur tabel III.4.1. Normalisasi Data Salah satu topik yang cukup kompleks dalam dunia manajemen database adalah proses untuk menormalisasi tabel-tabel dalam database relasional. Menghindari kemungkinan kehilangan data secara tidak disengaja/tidak diketahui. Alasan utama dari normalisasi database minimal sampai dengan bentuk normal ketiga adalah menghilangkan kemungkinan adanya insertion anomalies, deletion anomalies, dan update anomalies. Tipe-tipe kesalahan tersebut sangat mungkin terjadi pada database yang tidak normal. 1. Bentuk tidak normal Bentuk ini merupakan kumpulan data yang akan direkam, tidak ada keharusan mengikuti format tertentu, dapat saja tidak lengkap dan terduplikasi. Data dikumpulkan apa adanya sesuai keadaanya. Tabel III.3. Tabel Tidak Normal No Nama Klinik Alamat Lengkap Kecamatan Layanan Melayani : ugd rawat 1. klinik asy-syifa jl. yos sudarso km. inap rawat jalan skin Medan Deli 12,8 no. 61 care laboratorium konsultasi kesehatan 2. klinik avicenna jl. tanjung raya no. 57 perum helvetia Medan Helvetia 3. klinik azizzi tempuling jl.tempuling no.111 a medan Medan Tembung 4. klinik bina sejahtera jl.simpang kantor no.6 Medan Belawan

22 51 5. klinik dandy jl. rumah potong hewan no. 15 lk IX Medan Perjuangan 2. Bentuk normal tahap pertama (1 Normal Form) Sebuah tabel disebut 1NF jika : - Tidak ada baris yang duplikat dalam tabel tersebut. - Masing-masing cell bernilai tunggal Catatan : Permintaan yang menyatakan tidak ada baris yang duplikat dalam sebuah tabel berarti tabel tersebut memiliki sebuah kunci, meskipun kunci tersebut dibuat dari kombinasi lebih dari satu kolom atau bahkan kunci tersebut merupakan kombinasi dari semua kolom. Tabel III.4. Tabel Normal 1NF Kode Klinik Nama_Klinik klinik asysyifa klinik avicenna klinik azizzi tempuling klinik bina sejahtera 5 klinik dandy Alamat jl. yos sudarso km. 12,8 no. 61 jl. tanjung raya no. 57 perum helvetia jl.tempuling no.111 a medan jl.simpang kantor no.6 jl. rumah potong hewan no. 15 lk IX Kode Gambar Lon Lat

23 52 3. Bentuk normal tahap kedua (2 nd normal form) Bentuk normal kedua (2NF) terpenuhi jika pada sebuah tabel semua atribut yang tidak termasuk dalam primary key memiliki ketergantungan fungsional pada primary key secara utuh. Tabel III.5. Tabel Normal 2NF Kode_Jalan Nama_Jalan Koordinat 1 Imam Bonjol , Jalan Brigjen Katamso , Putri Hijau , Sisingamangaraja , Ir. H. Juanda , Diponegoro , Jend. Sudirman , Balaikota , Guru Patimpus , Perintis , Tabel III.6. Tabel Normal 2NF id name type size content 2 klinik asy-syifa image/jpeg [BLOB - 80,3 KB] 3 klinik avicenna image/jpeg [BLOB - 67,0 KB] 4 klinik azizzi tempuling image/jpeg [BLOB - 45,0 KB] 5 klinik bina sejahtera image/jpeg [BLOB - 69,5 KB] 6 klinik dandy image/jpeg [BLOB - 58,0 KB] 7 klinik diabetes dharma image/jpeg [BLOB - 66,5 KB] 4. Bentuk normal tahap Ketiga (3 nd normal form) Bentuk normal ketiga dari data order merupakan bentuk normal pertama, dimana telah dilakukan pemisahan data sehingga tidak adanya ketergantungan parsial. Setiap data memiliki kunci primer untuk membuat relasi antar data, bentuk ini dapat dilihat pada gambar berikut ini :

24 53 gambar id klinik name type size content Kode_Tempat Nama_Klinik Alamat Gambar Lon Lat Keterangan jalan Kode_Jalan Nama_Jalan Koordinat Gambar III.18. Normalisasi 3NF III.4.2. Desain Tabel Setelah melakukan tahap normalisasi, maka tahap selanjutnya yang dikerjakan yaitu merancang struktur tabel pada basis data sistem yang akan dibuat, berikut ini merupakan rancangan struktur tabel tersebut: 1. Struktur Tabel Gambar Tabel gambar digunakan untuk menyimpan data id, name, type, size, content, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.7 berikut: Nama Database Nama Tabel : Rifaldi_bpjs : gambar Tabel III.7. Rancangan Tabel Gambar No Nama Field Tipe Data Boleh Kosong Kunci 1. Id int(11) Tidak Primary Key 2. Name Text Tidak - 3. Type varchar(30) Tidak - 4. Size int(11) Tidak -

25 54 5. Content Longblob Tidak - 2. Struktur Tabel Jalan Tabel jalan digunakan untuk menyimpan data Kode_Jalan, Nama_Jalan, Tipe_Jalan, Lon, Lat, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.8 berikut: Nama Database Nama Tabel : Rifaldi_bpjs : jalan Tabel III.8. Rancangan Tabel Jalan No Nama Field Tipe Data Boleh Kosong Kunci 1. kode_jalan int(5) Tidak Primary Key 2. nama_jalan varchar(30) Tidak - 3. tipe_jalan varchar(10) Tidak - 4. Lon Double Tidak - 5. Lat Double Tidak - 3. Struktur Tabel Komentar Tabel komentar digunakan untuk menyimpan data Kode_Komentar, Nama, , Tanggal, Pesan, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.9 berikut: Nama Database Nama Tabel : Rifaldi_bpjs : komentar Tabel III.9. Rancangan Tabel Komentar No Nama Field Tipe Data Boleh Kosong Kunci 1. kode_komentar int(5) Tidak Primary Key 2. Nama varchar(25) Tidak varchar(25) Tidak - 4. Tanggal Datetime Tidak - 5. pesan Text Tidak -

26 55 4. Struktur Tabel Berita Tabel Berita digunakan untuk menyimpan data Kode_Berita, Tanggal, Terbit, Judul, Isi, Thumbnail, Tag, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.10 berikut: Nama Database Nama Tabel : Rifaldi_bpjs : Berita Tabel III.10. Rancangan Tabel Berita No Nama Field Tipe Data Boleh Kosong Kunci 1. kode_berita int(11) Tidak Primary Key 2. tanggal Timestamp Tidak - 3. terbit varchar(6) Tidak - 4. judul Text Tidak - 5. isi Text Tidak - 6. thumbnail int(11) Tidak Foreign Key 7. tag varchar(30) Tidak - 5. Struktur Tabel Klinik Tabel Klinik BPJS digunakan untuk menyimpan data Kode_Tempat, Nama_klinik, Alamat, Gambar, Lon, Lat, Keterangan, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.11 berikut: Nama Database Nama Tabel : Rifaldi_bpjs : Klinik BPJS Tabel III.11. Rancangan Tabel Klinik No Nama Field Tipe Data Boleh Kosong Kunci 1. kode_tempat int(5) Tidak Primary Key 2. nama_klinik varchar(25) Tidak - 3. Alamat Text Tidak - 4. Gambar int(11) Tidak Foreign Key 5. Lon Double Tidak - 6. Lat Double Tidak -

27 56 7. Keterangan Text Tidak - 6. Struktur Tabel Thumbnail Tabel thumbnail digunakan untuk menyimpan data id, name, type, size, content, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.12 berikut: Nama Database Nama Tabel : Rifaldi_bpjs : thumbnail Tabel III.12. Rancangan Tabel Thumbnail No Nama Field Tipe Data Boleh Kosong Kunci 1. Id int(11) Tidak Primary Key 2. Name Text Tidak - 3. Type varchar(30) Tidak - 4. Size int(11) Tidak - 5. Content Longblob Tidak - 7. Struktur Tabel User Tabel user digunakan untuk menyimpan data Id_User, Username, Password, Nama, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.13 berikut: Nama Database Nama Tabel : Rifaldi_bpjs : user Tabel III.13. Rancangan Tabel User Nama Database Rifaldi_bpjs Nama Tabel User No Nama Field Tipe Data Boleh Kosong Kunci 1. id_user int(11) Tidak Primary Key 2. username varchar(12) Tidak Unique 3. password varchar(12) Tidak - 4. nama varchar(25) Tidak -

28 57 III.5. Desain User Interface Tahap perancangan berikutnya yaitu desain sistem secara detail yang meliputi desain output sistem dan desain input sistem. III.5.1. Desain Output Berikut ini adalah rancangan tampilan desain peta yang akan dihasilkan oleh sistem, form peta ini berfungsi untuk menampilkan jalur menuju lokasi Klinik yang melayani BPJS di kota medan : Gambar III.19. Desain Tampilan Peta

29 58 III Desain Input Berikut ini adalah rancangan atau desain input sebagai antarmuka pengguna: 1. Desain Form Login Desain form login berfungsi untuk mengaktifkan menu atau halaman administrator yang dapat mengelola data yang berhubungan dengan data klinik BPJS, form tersebut dapat dilihat pada gambar III.20 : Gambar III.20. Desain Form Login 2. Desain Form Data Lokasi Klinik BPJS Desain form Data Lokasi Klinik BPJS berfungsi untuk mengelola data klinik BPJS yang meliputi input nama klinik, alamat klinik, keterangan klinik, gambar klinik dan letak koordinat klinik yang dapat ditentukan oleh administrator, form data lokasi klinik BPJS dapat dilihat pada gambar III.21 :

30 59 Gambar III.21. Desain Form Lokasi Klinik BPJS 3. Desain Form Data Berita Desain form Data Berita berfungsi untuk menampilkan berita utama pada halaman atau beranda sebagai informasi terbaru mengenai klinik BPJS, pada pengolahan data berita terdapat input data judul berita, isi berita dan perintah untuk diterbitkan atau tidaknya berita tersebut, form tersebut dapat dilihat pada gambar III.22 :

31 60 Gambar III.22. Desain Form Data Berita 4. Desain Form Data Buku Tamu Desain form Data Buku Tamu berfungsi untuk komentar atau saran dari pada pengunjung website mengenai berita atau jalur klinik BPJS yang ada di sistem tersebut, form buku tamu dapat dilihat pada gambar III.23 : Gambar III.23. Desain Form Buku Tamu

32 61 5. Desain Form Data Gambar Klinik BPJS Desain form Data Gambar Klinik BPJS berfungsi untuk mengapload gambar yang akan digunakan dalam peta, perintah yang terdapat pada form upload gambar adalah pilih file dan upload gambar, form tersebut dapat dilihat pada gambar III.24 : Gambar III.24. Desain Form Data Gambar Klinik BPJS 6. Desain Form Data Gambar Berita Desain form Data Gambar berita berfungsi untuk mengapload gambar yang akan digunakan dalam berita, perintah yang terdapat pada form upload gambar adalah pilih file dan upload gambar, form tersebut dapat dilihat pada gambar III.25 : Gambar III.25. Desain Form Data Gambar Berita