BAB III ANALISIS DAN PERANCANGAN

(1)

30

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 jl. yos sudarso km.

12,8 no. 61 Medan Deli

Melayani : ugd rawat inap rawat jalan skin 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

(2)

4. klinik bina

sejahtera jl.simpang kantor no.6 Medan Belawan

5. klinik dandy jl. rumah potong

hewan no. 15 lk IX Medan Perjuangan

III.1.2. Analisis Process

Proses yang terjadi pada sistem yang dijelaskan pada langkah-langkah:

Sistem Informasi Geografis Lokasi Klinik BPJS Klinik BPJS Masyarakat Ph as e MULAI Melihat Papan Iklan / Brosur Iklan / Brosur Mengingat Alamat Mengunjungi Klinik BPJS Mengunjungi Klinik BPJS SELESAI

(3)

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 lk IX

Medan Deli

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)

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

Medan Helvetia

20 Klinik Pratama Setia Budi Jl. Setia Budi No 379C Tanjung Sari

Medan Helvetia

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)

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)

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)

Sistem Informasi Geografis Lokasi klinik BPJS Admin Login Kelola Data klinik BPJS Kelola Data Berita Upload Thumbnail Beranda Comment <extends> <extends> Upload Gambar <extends> User Kelola Lokasi klinik BPJS <extends> News Maps List Place About Us

Gambar III.2. Use Case Diagram Sistem Geografis Lokasi Klinik BPJS Di kota Medan

(8)

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

konten Kode_Konten Tanggal Terbit Judul Isi Thumbnail klinik Kode_Tempat Nama_klinik Alamat Gambar Lon Lat Keterangan gambar id name type size content thumbnail id name type size content jalan Kode_Jalan Nama_Jalan Tipe_Jalan Lon Lat user Id_User Username Password Nama komentar Kode_Komentar Nama Email Tanggal Pesan 1 1 1 1 1 1 + kirim + reset + login + reset + tambah + reset + cari data + edit + hapus + tambah + reset + cari data + edit + hapus + upload + download + delete + upload + download + delete

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)

Melihat Peta Sistem Admin P h as e Beranda

Click Peta klinik

Click Salah Satu marka klinik

Melihat Informasi Lokasi klinik

Proses database mulai

Menampilkan informasi

selesai

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)

Login

Memasukkan Username

Memasukkan Password

Aktifkan Menu Administrator Menampilkan Pesan Error

invalid Valid

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)

Lokasi klinik BPJS

Beranda

Click Lokasi klinik BPJS

Isi data klinik BPJS

Proses database

Update data klinik BPJS

tidak Click Tambah

Click cari

Ketika kata kunci Proses database

Update data klinik BPJS

ya Informasi data klinik BPJS

Click hapus

Pilih data

Hapus ? Proses database

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 langkah-langkah state yang ditunjukkan pada gambar III.7 :

(12)

Buku Tamu

Memilih aksi pada form Buku Tamu

Mengisi Data Menekan Tombol Kirim Menyimpan Data Memilih Data Konfirmasi Penghapusan Menghapus Data Tambah Hapus 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

(13)

berita

Beranda

Click berita

Isi data berita

Proses database

Update data berita

tidak Click Tambah

Click cari

Ketika kata kunci Proses database

Update data berita

ya Informasi data berita

Click hapus

Pilih data

Hapus ? Proses database

(14)

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

Chose File Menekan Tombol upload Memilih gambar Memilih Data Konfirmasi Penghapusan Menghapus Data Tidak Ya Memilih data Menekan Tombol download

Upload _Download _Hapus

Gambar III.9. Activity Diagram Mengolah Data Gambar Klinik BPJS

7. Activity Diagram Mengolah Gambar Blog

Aktvitas proses mengolah data Gambar Blog diterangkan dalam langkah-langkah state yang ditunjukkan pada gambar III.10 :

Gambar Blog

Memilih aksi pada form upload gambar

Chose File Menekan Tombol upload Memilih gambar Memilih Data Konfirmasi Penghapusan Menghapus Data Tidak Ya Memilih data Menekan Tombol download

Upload Download Hapus

(15)

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

Main form Form Peta

Menu ()

click form Peta ()

User

Tampilkan Menu ()

(16)

2. Sequence Diagram pada Form Login

Serangkaian kegiatan saat terjadi event pada form login dapat dilihat pada gambar III.12 :

Login

Main form CotrollerLogin

Tampilkan Fom ()

Menu ()

click form login

Validasi nama dan password () Invalid () Administrator Website Koneksi Database() Proses

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)

Data klinik

Form Data klinik ControllerUpdate klinik

Tampilkan Fom () Menu () click form klinik () update data () Administrator Website Koneksi database () Close form () Gambar Jalan update data () Koneksi database () update data () Koneksi database ()

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

Main form Form Berita Proses

Tampilkan Fom () Menu () click form Berita () update data () Administrator Website Koneksi database () Koneksi database () delete data () Close form ()

(18)

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

Main form Form Data Buku Tamu Proses

Tampilkan Fom () Menu () click form Buku Tamu () update data () Administrator Website Koneksi database () Koneksi database () delete data () Close form ()

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)

Gambar Klinik BPJS

Main form Form Upload Gambar Proses

Tampilkan Fom () Menu () click form Upload Gambar () upload data () Administrator Website Koneksi database () Koneksi database () delete data () Close form () Koneksi database () download data ()

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)

Gambar Blog

Main form Form Upload Thumbnail Proses

Tampilkan Fom () Menu () click form Upload Thumbnail () upload data () Administrator Website Koneksi database () Koneksi database () delete data () Close form () Koneksi database () download data ()

(21)

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

1. klinik asy-syifa jl. yos sudarso km.

12,8 no. 61 Medan Deli

Melayani : ugd rawat inap rawat jalan skin 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

(22)

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 Alamat

Kode

Gambar Lon Lat

1 klinik asy-syifa jl. yos sudarso km. 12,8 no. 61 1 10.985.101.942.034 40.335.784.279.645.000 2 klinik avicenna jl. tanjung raya no. 57 perum helvetia 2 10.985.082.832.777 40.265.080.028.494.200 3 klinik azizzi tempuling jl.tempuling no.111 a medan 3 10.984.982.509.177 4.017.335.559.456.800 4 klinik bina sejahtera jl.simpang kantor no.6 4 10.123.982.509.177 4.234.335.559.456.500 5 klinik dandy jl. rumah potong hewan no. 15 lk IX 5 10.984.982.341.451 4.017.542.559.456.800

(23)

3. Bentuk normal tahap kedua (2nd 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.

Kode_Jalan Nama_Jalan Koordinat

1 Imam Bonjol 3.58957,98.67419 2 Jalan Brigjen Katamso 3.58125,98.68261 3 Putri Hijau 3.59567,98.67569 4 Sisingamangaraja 3.58227,98.68468 5 Ir. H. Juanda 3.5753,98.67007 6 Diponegoro 3.57529,98.67193 7 Jend. Sudirman 3.57726,98.6668 8 Balaikota 3.58875,98.67827 9 Guru Patimpus 3.59335,98.66892 10 Perintis 3.59701,98.67838

id name type size content

2 klinik asy-syifa image/jpeg 82264 [BLOB - 80,3 KB]

3 klinik avicenna image/jpeg 68557 [BLOB - 67,0 KB]

4 klinik azizzi tempuling image/jpeg 46086 [BLOB - 45,0 KB]

5 klinik bina sejahtera image/jpeg 71177 [BLOB - 69,5 KB]

6 klinik dandy image/jpeg 59358 [BLOB - 58,0 KB]

7 klinik diabetes

dharma image/jpeg 68082 [BLOB - 66,5 KB]

4. Bentuk normal tahap Ketiga (3nd 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)

gambar id name type size content jalan Kode_Jalan Nama_Jalan Koordinat klinik Kode_Tempat Nama_Klinik Alamat Gambar Lon Lat Keterangan

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 : Rifaldi_bpjs

Nama Tabel : 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 -

(25)

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 : Rifaldi_bpjs Nama Tabel : 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, Email, Tanggal, Pesan, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.9 berikut:

Nama Database : Rifaldi_bpjs Nama Tabel : komentar

Tabel III.9. Rancangan Tabel Komentar

1. kode_komentar int(5) Tidak Primary Key

2. Nama varchar(25) Tidak -

3. Email varchar(25) Tidak -

4. Tanggal Datetime Tidak -

(26)

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 : Rifaldi_bpjs Nama Tabel : Berita

Tabel III.10. Rancangan Tabel Berita

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 : Rifaldi_bpjs Nama Tabel : Klinik BPJS

Tabel III.11. Rancangan Tabel Klinik

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 -

(27)

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 : Rifaldi_bpjs Nama Tabel : thumbnail

Tabel III.12. Rancangan Tabel Thumbnail

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 : Rifaldi_bpjs Nama Tabel : user

Tabel III.13. Rancangan Tabel User

Nama Database Rifaldi_bpjs

Nama Tabel User

1. id_user int(11) Tidak Primary Key

2. username varchar(12) Tidak Unique

3. password varchar(12) Tidak -

(28)

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 :

(29)

III.3.2.2. 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)

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)

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 :

(32)

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 :