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
1.
klinik asy-syifa
jl. yos sudarso km. 12,8 no. 61
Medan Deli
2.
klinik avicenna
jl. tanjung raya no. 57 perum helvetia
Medan Helvetia
3.
klinik azizzi tempuling
jl.tempuling no.111 a medan
30
Medan Tembung
Layanan Melayani : ugd rawat inap rawat jalan skin care laboratorium konsultasi kesehatan Melayani : ugd rawat inap rawat jalan skin care laboratorium konsultasi kesehatan Melayani : ugd rawat inap rawat jalan skin care laboratorium konsultasi kesehatan
31
4.
5.
klinik bina sejahtera
klinik dandy
jl.simpang kantor no.6
jl. rumah potong hewan no. 15 lk IX
Medan Belawan
Medan Perjuangan
Melayani : ugd rawat inap rawat jalan skin care laboratorium konsultasi kesehatan 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
Phase
SELESAI
Gambar III.1. Proses Lokasi Klinik BPJS
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
2
Klinik Pratama Haji
Jl. K.L Yos Sudarso Km 8,2 Tj. Medan Deli
Medan Mabar
Mulia
3
Klinik Azizzi
Jl. Tempuling No. III A
Medan Tembung
4
Klinik Purnakes
Jl. Purwo No.2
Medan Perjuangan
5
Klinik Pratama Haji
Jl. KL. Yos Sudarso Km. 6,5 Tj Medan Deli
Tanjung Mulia
Mulia No. 87D
Klinik Dandy
Jl. Rumah Potong Hewan No. 15 Medan Deli
6
Medan Timur
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
33
Minimalis Blok A No.2 13
Klinik Millenium
Jl. Kapten Muslim No.58c
Medan Petisah
14
Klinik Griya Medical
Jl. Kapten Muslim No.43b
Medan Petisah
Center 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.
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.
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 :
36
Sistem Informasi Geografis Lokasi klinik BPJS
Login <extends> Kelola Data klinik BPJS
<extends>
Kelola Lokasi klinik BPJS
Kelola Data Berita
<extends> Upload Gambar <extends> 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
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
komentar
jalan
gambar
Id_User Username Password Nama
Kode_Komentar Nama Email Tanggal Pesan + kirim + reset
Kode_Jalan Nama_Jalan Tipe_Jalan Lon Lat
id name type size content
+ login + reset
1
+ upload + download + delete
1
thumbnail id name type size content
1
+ upload + download + delete
1
konten
klinik
Kode_Konten Tanggal Terbit Judul Isi Thumbnail
Kode_Tempat Nama_klinik Alamat Gambar Lon Lat Keterangan
+ tambah + reset + cari data + edit + hapus
1
1
+ tambah + reset + cari data + edit + hapus
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:
38
Melihat Peta Admin
Sistem
mulai
Beranda
Click Peta klinik
Click Salah Satu marka klinik
Proses database
Melihat Informasi Lokasi klinik
Menampilkan informasi
Phase
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 :
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 :
40
Lokasi klinik BPJS
Beranda
Click Lokasi klinik BPJS
Isi data klinik BPJS
Click Tambah
Proses database
Update data klinik BPJS
Click cari
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 langkah-
langkah state yang ditunjukkan pada gambar III.7 :
41
Buku Tamu
Memilih aksi pada form Buku Tamu
Hapus
Tambah
Mengisi Data
Memilih Data
Menyimpan Data
Konfirmasi Penghapusan
Menekan Tombol Kirim
Tidak Ya
Menghapus Data
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 :
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
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
Hapus
Download
Chose File
Memilih Data
Memilih data
Menekan Tombol upload
Tidak
Konfirmasi Penghapusan
Memilih gambar Menekan Tombol download
Ya
Menghapus Data
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
Upload
Chose File
Memilih data
Memilih Data Konfirmasi Penghapusan
Memilih gambar Menekan Tombol upload
Hapus
Download
Menekan Tombol download
Tidak Ya
Menghapus Data
Gambar III.10. Activity Diagram Mengolah Data Gambar Blog
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
Main form
Form Peta
Tampilkan Menu ()
Menu () click form Peta ()
Gambar III.11. Sequence Diagram Form Peta
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 :
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 () delete data ()
Koneksi database ()
Close form ()
Gambar III.14. Sequence Diagram Form Data Berita
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 () delete data ()
Koneksi database ()
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 :
48
Gambar Klinik BPJS
Administrator Website
Main form
Form Upload Gambar
Proses
Tampilkan Fom ()
Menu () click form Upload Gambar () upload data () Koneksi database () download data ()
delete data ()
Koneksi database () Koneksi database ()
Close form ()
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 :
49
Gambar Blog
Administrator Website
Main form
Form Upload Thumbnail
Proses
Tampilkan Fom ()
Menu () click form Upload Thumbnail () upload data () Koneksi database () download data ()
delete data ()
Koneksi database () Koneksi database ()
Close form ()
Gambar III.17. Sequence Diagram Form Gambar Blog
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
1.
klinik asy-syifa
jl. yos sudarso km. 12,8 no. 61
Medan Deli
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
Layanan Melayani : ugd rawat inap rawat jalan skin care laboratorium konsultasi kesehatan
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
1
klinik asysyifa
2
klinik avicenna
3
klinik azizzi tempuling
4
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
10.985.101.942.034
40.335.784.279.645.000
10.985.082.832.777
40.265.080.028.494.200
10.984.982.509.177
4.017.335.559.456.800
10.123.982.509.177
4.234.335.559.456.500
10.984.982.341.451
4.017.542.559.456.800
1
2
3 4
5
52
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. Tabel III.5. Tabel Normal 2NF 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
Tabel III.6. Tabel Normal 2NF 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 klinik diabetes dharma
image/jpeg
59358
[BLOB - 58,0 KB]
image/jpeg
68082
[BLOB - 66,5 KB]
7
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 :
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
: Rifaldi_bpjs
Nama Tabel
: gambar
No 1. 2. 3. 4.
Tabel III.7. Rancangan Tabel Gambar Tipe Data Boleh Kosong Nama Field Id int(11) Tidak Name Text Tidak Type varchar(30) Tidak Size int(11) Tidak
Kunci Primary Key -
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
: Rifaldi_bpjs
Nama Tabel
: jalan
No 1. 2. 3. 4. 5.
Tabel III.8. Rancangan Tabel Jalan Nama Field Tipe Data Boleh Kosong kode_jalan int(5) Tidak nama_jalan varchar(30) Tidak tipe_jalan varchar(10) Tidak Lon Double Tidak Lat Double Tidak
Kunci Primary Key -
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
No 1. 2. 3. 4. 5.
Tabel III.9. Rancangan Tabel Komentar Nama Field Tipe Data Boleh Kosong kode_komentar int(5) Tidak Nama varchar(25) Tidak Email varchar(25) Tidak Tanggal Datetime Tidak pesan Text Tidak
Kunci Primary Key -
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
: Rifaldi_bpjs
Nama Tabel
: Berita
No 1. 2. 3. 4. 5. 6. 7.
Tabel III.10. Rancangan Tabel Berita Nama Field Tipe Data Boleh Kosong kode_berita int(11) Tidak tanggal Timestamp Tidak terbit varchar(6) Tidak judul Text Tidak isi Text Tidak thumbnail int(11) Tidak tag varchar(30) Tidak
Kunci Primary Key Foreign Key -
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
No 1. 2. 3. 4. 5. 6.
Tabel III.11. Rancangan Tabel Klinik Nama Field Tipe Data Boleh Kosong kode_tempat int(5) Tidak nama_klinik varchar(25) Tidak Alamat Text Tidak Gambar int(11) Tidak Lon Double Tidak Lat Double Tidak
Kunci Primary Key Foreign Key -
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
: Rifaldi_bpjs
Nama Tabel
: thumbnail
No 1. 2. 3. 4. 5.
Tabel III.12. Rancangan Tabel Thumbnail Nama Field Tipe Data Boleh Kosong Id int(11) Tidak Name Text Tidak Type varchar(30) Tidak Size int(11) Tidak Content Longblob Tidak
Kunci Primary Key -
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 No Nama Field Tipe Data Boleh Kosong int(11) Tidak 1. id_user varchar(12) Tidak 2. username varchar(12) Tidak 3. password varchar(25) Tidak 4. nama
Kunci Primary Key Unique -
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
58
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 :
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 :
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
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
