BAB III ANALISIS DAN DESAIN SISTEM
III. 1. Analisa Sistem Yang Berjalan Analisa sistem yang berjalan dilakukan guna mengetahui gambaran umum sistem informasi geografis lokasi apotek 24 jam yang tersebar di kota Medan berbasis web, akan tetapi belum ditemukannya web berbasis geografis yang menyediakan layanan pencarian apotek 24 jam secara cepat dan efisien. Tabel III.1. Daftar nama Apotek yang buka 24 Jam di Kota Medan No 1 2 3 4 5 6 7 8 9 10
Nama Apotek Apotek Kimia Farma Palang Merah Apotek K24 Krakatau Apotek Firdaus Apotek K24 Kapten Muslim Apotek k-24 Iskandar Muda Apotek k-24 Pancing Apotek k-24 Setia Budi Apotek k-24 Sisingamanga Raja Apotek k-24 Pancing Apotek K24 HM Yamin
No. Telp 0614538938 06166367763 0614535684 0618462093 0614151939 06180017024 0618222424 0617862424 06180017024 0614735413
Alamat Jl. Palang Merah No 32 Jl. Gunung Krakatau No.197 C Jl. Prof HM Yamin SH No. 126 JL.Kapten Muslim No 76 Jl. Iskandar Muda No.150 C Jl. Willen Iskandar MMTC blok aa7 Jl. Setia Budi No.115 A Jl. Sisingamanga Raja No.446 C Jl. Willen Iskandar MMTC blok aa7 Jl. Prof HM Yamin SH No. 216-C
III.2. Evaluasi Sistem Yang Berjalan Berdasarkan analisa sistem yang sedang berjalan penulis menemukan beberapa kelemahan. Adapun permasalahan yang ditemui pada sistem yang berjalan adalah proses pencarian lokasi apotek 24 jam masih secara manual dimana masyarakat masih melakukan pencarian secara langsung dengan datang ke apotek yang dituju tanpa ada petunjuk atau kepastian bahwa apotek yang dituju masih buka atau telah tutup.
33
34
III.3. Desain Sistem Berdasarkan hasil analisa dan evaluasi sistem yang berjalan, maka dilakukan perancangan sistem yang baru untuk mengatasi masalah yang ada pada sistem yang sedang berjalan.
III.3.1. Desain Sistem Secara Global Adapun perancangan dari sistem yang akan dirancang, dalam tahap ini menggunakan Unified Modeling Language (UML) yang terdiri dari Diagram Use Case, Diagram Class, Diagram Sequence dan Diagram Activity.
III.3.1.1. Perancangan Diagram Use Case Diagram ini terutama sangat penting untuk mengorganisasikan dan memodelkan perilaku dari suatu sistem yang dibutuhkan dan menggambarkan fungsionalitas dari Sistem Informasi Geografis letak apotek 24 jam di kota Medan. Berikut Use Case diagram dapat dilihat pada gambar III.3. berikut ini : <<extend>> Olah Data Berita
Login
Berita <<uses>>
<<uses>> User
Peta
<<extend>> Olah Data Peta
<<uses>> <<uses>> Olah Data <
> Kelurahan <<uses>> Olah Data Kecamatan
<<uses>> Admin <<uses>>
<<uses>>
<>
Buku Tamu
<<extend>>
Olah data Apotek
Olah Data Buku Tamu
Gambar III.1. Diagram Use Case
<<uses>>
35
III.3.1.2. Diagram Class Diagram ini memperlihatkan himpunan kelas-kelas, antarmuka-antarmuka, kolaborasi-kolaborasi dan relasi-relasi antar objek yang digunakan. Berikut ini adalah Class Diagram untuk sistem informasi geografis letak apotek 24 jam di kota Medan :
berita - id* : int(3) - jam : time - tanggal : date - judul : varchar(10) - isi : text
tblkelurahan - id* : int(3) - kodekelurahan : char(5) - namakelurahan : varchar(35)
admin - id_admin* : int(3) - user : varchar(20) - pass : varchar(32) - status : char(1) peta - id* : int(3) - kodekecamatan : char(5) - kodekelurahan : char(5) - kodeapotek : char(5) - latitude : char(15) - longitude :char(15)
bukutamu - id* : int(3) - tanggal : date - jam : time - nama : varchar(10) - email : varchar(10) - komentar : text
tblkecamatan tblapotek - id* : int(3) - id* : int(3) no_telp : int - kodekecamatan : char(5) -- alamat - kodeapotek : char(5) : varchar(200) - namakecamatan : varchar(35) - namaapotek : varchar(35)
Gambar III.2. Diagram Class
III.3.1.3. Perancangan Diagram Sequence Adapun perancangan tahap selanjutnya adalah perancangan diagram sequence, Diagram ini memperlihatkan interaksi yang menekankan pada pengiriman pesan (message) dalam suatu waktu tertentu. Berikut ini adalah Sequence Diagram untuk sistem informasi geografis letak apotek 24 jam di kota medan :
36
Aktor
Aplikasi
Proses
Database
Permintaan UserName Dan Password Login UserName Dan Password Proses Login Dengan UserName Dan Password Validasi UserName Dan Password Tampilan Informasi Proses Login
Gambar III.3. Diagram Sequence Login
Aktor Aplikasi Database Proses Data Berita Melakukan Input Data Proses Penginputan Data Data Input Disimpan Tampilan Hasil Informasi Input Data Melakukan Edit Data Proses Pengeditan Data Data Edit Disimpan Tampilan Hasil Informasi Edit Data Melakukan Hapus Data Proses Penghapusan Data Data Dihapus Tampilan Hasil Informasi Hapus Data
Gambar III.4. Diagram Sequence Data Berita
Aktor Aplikasi Database Proses Data Kelurahan Melakukan Input Data Proses Penginputan Data Data Input Disimpan Tampilan Hasil Informasi Input Data Melakukan Edit Data Proses Pengeditan Data Data Edit Disimpan Tampilan Hasil Informasi Edit Data Melakukan Hapus Data Proses Penghapusan Data Data Dihapus Tampilan Hasil Informasi Hapus Data
Gambar III.5. Diagram Sequence Data Kelurahan
37
Aktor Aplikasi Database Proses Data Kecamatan Melakukan Input Data Proses Penginputan Data Data Input Disimpan Tampilan Hasil Informasi Input Data Melakukan Edit Data Proses Pengeditan Data Data Edit Disimpan Tampilan Hasil Informasi Edit Data Melakukan Hapus Data Proses Penghapusan Data Data Dihapus Tampilan Hasil Informasi Hapus Data
Gambar III.6. Diagram Sequence Data Kecamatan Aktor Aplikasi Database Proses Data Apotek Melakukan Input Data Proses Penginputan Data Data Input Disimpan Tampilan Hasil Informasi Input Data Melakukan Edit Data Proses Pengeditan Data Data Edit Disimpan Tampilan Hasil Informasi Edit Data Melakukan Hapus Data Proses Penghapusan Data Data Dihapus Tampilan Hasil Informasi Hapus Data
Gambar III.7. Diagram Sequence Data Apotek Aktor Aplikasi Database Proses Data Peta Melakukan Input Data Proses Penginputan Data Data Input Disimpan Tampilan Hasil Informasi Input Data Melakukan Edit Data Proses Pengeditan Data Data Edit Disimpan Tampilan Hasil Informasi Edit Data Melakukan Hapus Data Proses Penghapusan Data Data Dihapus Tampilan Hasil Informasi Hapus Data
Gambar III.8. Diagram Sequence Data Peta
38
Aktor Aplikasi
Proses
Database
Buku Tamu Melakukan Input Data Proses Penginputan Data Data Input Disimpan Tampilan Hasil Informasi Input Data Melakukan Edit Data Proses Pengeditan Data Data Edit Disimpan Tampilan Hasil Informasi Edit Data Melakukan Hapus Data Proses Penghapusan Data Data Dihapus Tampilan Hasil Informasi Hapus Data
Gambar III.9. Diagram Sequence Data Buku Tamu
Aktor Menu Berita
Melihat informasi berita
Tampilan Informasi berita
Gambar III.10. Diagram Sequence melihat Berita
Aktor Menu Peta
Melihat informasi peta
Tampilan Informasi peta
Gambar III.11. Diagram Sequence melihat Peta
39
Aktor Aplikasi
Proses
Database
Data Bukutamu
Melakukan Input Data
Proses Penginputan Data
Data Input Disimpan Tampilan Hasil Informasi input Data
Gambar III.12. Diagram Sequence melihat bukutamu
III.3.2. Desain Sistem Secara Detail Adapun desain sistem secara
detail sistem informasi geografis letak
apotek 24 jam kota medan berbasis web, antara lain : III.3.2.1. Desain Output Desain output merupakan hasil dari inputan yang telah dilakukan maka perancangan interface desain output sistem informasi geografis letak apotek 24 jam kota medan dapat dilihat pada gambar berikut ini : 1. Desain Output Berita HEADER Home Berita Profil Peta Buku Tamu Login HALAMAN BERITA
ISI KALENDER
ISI ISI
KATA TERIMA KASIH
ISI ISI
Gambar III.13. Desain Output Berita
40
Keterangan : Gambar III.13. diatas merupakan tampilan hasil output dari input data berita yang telah dilakukan oleh admin. 2. Desain Output Buku Tamu HEADER Home Berita Profil Peta Buku Tamu Login HALAMAN BUKUTAMU Input Buku Tamu
ISI KALENDER
TANGGAL
NAMA
EMAIL
KOMENTAR
KATA TERIMA KASIH
Gambar III.14. Desain Output Buku Tamu Keterangan : Gambar III.14. diatas merupakan tampilan hasil output dari input buku tamu yang telah dilakukan oleh pengunjung. 3. Desain Output Peta HEADER Home Berita Profil Peta Buku Tamu Login LONGITUDE : 0.000000, LATITUDE : 0.000000
Search :
Nama Apotek
Pan Zoom In Zoom Out
size
Refresh
KECAMATAN JALAN ARTERI
ISI PETA
JALAN KOLEKTOR JALAN TOL JALAN LAIN Query Search Radius (km)
Gambar III.15. Desain Output Peta
(km)
Search
41
Keterangan : Gambar III.15. diatas merupakan tampilan hasil output dari input data peta yang telah dilakukan oleh admin.
III.3.2.2. Desain Input Perancangan interface desain input sistem ini dapat dilihat pada gambar berikut ini: 1. Desain Input Berita HEADER
MENU ADMIN
BERITA
Berita
Input Berita
Data Kecamatan
Judul :
Data Kelurahan Isi : Data Apotek Data Peta Buku Tamu
Simpan
Batal
Logout
Gambar III.16. Desain Input Berita Keterangan : Gambar III.16. diatas merupakan tampilan untuk mengolah data berita yang dilakukan oleh admin. 2. Desain Input Buku Tamu HEADER Home Berita Profil Peta Buku Tamu HALAMAN BUKUTAMU
Silahkan isi bukutamu ISI KALENDER
Nama : Email : Komenta :
KATA TERIMA KASIH
Simpan
Batal
Terima kasih atas komentar anda Lihat Buku Tamu
Gambar III.17. Desain Input Buku Tamu
42
Keterangan : Gambar III.17. diatas merupakan tampilan untuk menginputkan data pengunjung yang dilakukan oleh pengunjung.
3. Desain Input Kecamatan HEADER
MENU ADMIN
HALAMAN KECAMATAN
Berita
Input Kecamatan
Data Kecamatan
Kode Kecamatan :
Data Kelurahan
Nama Kecamatan :
Data Apotek
Simpan
Batal
Data Peta Buku Tamu Logout
Gambar III.18. Desain Input Kecamatan Keterangan : Gambar III.18. diatas merupakan tampilan untuk mengolah data kecamatan yang dilakukan oleh admin.
4. Desain Input Kelurahan HEADER
MENU ADMIN
HALAMAN KELURAHAN
Berita
Input Kelurahan
Data Kecamatan
Kode Kelurahan :
Data Kelurahan
Nama Kelurahan :
Data Apotek
Simpan
Batal
Data Peta Buku Tamu Logout
Gambar III.19. Desain Input Kelurahan Keterangan : Gambar III.19. diatas merupakan tampilan untuk mengolah data kelurahan yang dilakukan oleh admin.
43
5. Desain Input Apotek HEADER
MENU ADMIN
HALAMAN APOTEK
Berita
Input Apotek
Data Kecamatan
Kode Apotek :
Data Kelurahan
Nama Apotek:
Data Apotek
No. Telp:
Data Peta
Alamat:
Buku Tamu Logout
Simpan
Batal
Gambar III.20. Desain Input Apotek Keterangan : Gambar III.20. diatas merupakan tampilan untuk mengolah data Apotek yang dilakukan oleh admin.
6. Desain Input Peta HEADER
MENU ADMIN Berita Pan
Data Kecamatan
Zoom In Data Kelurahan
Zoom Out
size
Data Apotek
ISI PETA
Data Peta Buku Tamu Logout
Input Lokasi Peta Kecamatan :
Kelurahan :
Apotek :
Longitude : Latitude : No telp : Alamat : Simpan
Batal
Gambar III.21. Desain Input Peta
44
III.3.2.3. Desain Database Pada tahap desain database ini penulis menggunakan aplikasi database My Sql dimana penulis merancang ada 7 tabel di dalam database ini. III.3.2.3.1. Kamus Data Adapun susunan dari kamus data yang digunakan dalam perancangan Sistem informasi geografis letak Apotek 24 jam di kota Medan adalah sebagai berikut : Admin
= id_admin, user, pass, status
berita
= id, jam, tanggal, judul, isi
bukutamu
= id, tanggal, jam, nama, email, komentar
peta
= id, kodekecamatan, kodekelurahan, kodeApotek, latitude, longitude
tblkecamatan
= id, kodekecamatan, namakecamatan
tblkelurahan
= id, kodekelurahan, namakelurahan
tblapotek
= id, kodeapotek, namaapotek, no_telp, alamat
III.3.2.3.2. Normalisasi Pada tahap ini lakukan normalisasi agar menghasilkan tabel / file yang akan digunakan sebagai penyimpan data. Berikut ini adalah proses normalisasi tabel database yang penulis gunakan dalam perancangan sistem informasi geografis letak apotek 24 jam di kota medan:
45
Tabel III.2. 1NF Id Kodekecamatan Kodekelurahan Kodeapotek Longitude latitude Id
Jam Tanggal Judul Isi
Id Tanggal Jam Nama Email Komentar Id User Pass Status Id Kodekelurahan Namakelurahan Id Kodekecamatan Namakecamatan Id Kodeapotek Namaapotek no_telp
Alamat
Tabel III.3. 2NF Tanggal Jam Nama Email Komentar Judul Isi Longitude Latitude Id Kodekelurahan Namakelurahan Kodekecamatan Namakecamatan Kodeapotek Namaapotek No_telp Alamat User Pass Status
Tabel III.4. 3NF tblkelurahan
tblkecamatan
tblapotek
- id* : int(11) - kodekelurahan : char(5) - namakelurahan : varchar(35)
- id* : int(11) - kodekecamatan : char(5) - namakecamatan : varchar(35)
- id* : int(11) - kodeapotek : char(5) - namaapotek : varchar(35) - no_telp : char(5) - alamat : varchar(200)
peta
berita
- id* : int(11) - kodekecamatan : char(5) - kodekelurahan : char(5) - kodeapotek : char(5) - latitude : char(15) - longitude :char(15)
- id* : int(11) - jam : time - tanggal : date - judul : varchar(10) - isi : text
bukutamu - id* : int(11) - tanggal : date - jam : time - nama : varchar(10) - email : varchar(10) - komentar : text
admin - id_admin* : int(11) - user : varchar(20) - pass : varchar(32) - status : char(1)
46
III.3.2.3.3. Desain Tabel / File Adapun perancangan sistem informasi geografis letak apotek 24 jam di kota medan dalam tahap desain tabel penulis menggunakan aplikasi database My Sql dimana penulis merancang beberapa tabel yaitu sebagai berikut : 1. Tabel admin Merupakan tabel yang digunakan untuk mengisi data admin untuk login. Database
: anwar
Primary key
: id_admin
Tabel III.5. Admin Nama Field Tipe Nilai Id_admin(*) Int 3 User Varchar 20 Password Varchar 6 Status Char 1 Keterangan (*) : Primary Key
2. Tabel berita Merupakan tabel untuk mengolah seluruh data berita. Database
: anwar
Primary key
: id
Tabel III.6. Berita Nama Field Tipe id (*) Int Jam Time Tanggal Date Judul Varchar Isi Text Keterangan (*) : Primary Key
Nilai 3 30 -
47
3. Tabel bukutamu Merupakan tabel untuk mengolah seluruh data buku tamu. Database
: anwar
Primary key
: id
Tabel III.7. Bukutamu Nama Field Tipe id (*) Int Tanggal Date Jam Time Nama Varchar Email Varchar Komentar Text Keterangan (*) : Primary Key
Nilai 3 10 35 -
4. Tabel peta Merupakan tabel untuk mengolah seluruh data peta. Database
: anwar
Primary key
: id
Tabel III.8. Peta Nama Field Tipe Nilai id(*) Int 3 Kodekecamatan Char 5 Kodekelurahan Char 5 KodeApotek Char 5 Latitude Char 15 Longitude Char 15 Keterangan (*) : Primary Key
5. Tabel tblkecamatan Merupakan tabel untuk mengolah seluruh data kecamatan. Database : anwar Primary key : id
48
Tabel III.9. Tblkecamatan Nama Field Tipe Nilai id(*) Int 3 Kodekecamatan Char 5 Namakecamatan Varchar 35 Keterangan (*) : Primary Key
6. Tabel tblkelurahan Merupakan tabel untuk mengolah seluruh data kelurahan. Database : anwar Primary key : id Tabel III.10. Tblkelurahan Nama Field Tipe Nilai id(*) Int 3 Kodekelurahan Char 5 Namakelurahan Varchar 35 Keterangan (*) : Primary Key
7. Tabel tblapotek Merupakan tabel untuk mengolah seluruh data Apotek. Database : anwar Primary key : id Tabel III.11. Tblapotek Nama Field Tipe Nilai id(*) Int 3 KodeApotek Char 5 NamaApotek Varchar 35 No_telp Int 5 Alamat Varchar 35 Keterangan (*) : Primary Key
49
III.3.2.4. Entity Relationship Diagram Adapun Entity Relationship Diagram (ERD) yang penulis gunakan dalam perancangan sistem informasi geografis letak apotek 24 jam di kota medan dapat dilihat pada gambar III.15. berikut ini : id
Latitud eeee
Longitude
kodekecamatan
kodekelurahan
id
namakecamata n
kodeapote k
id Peta
tblkecamatan
tblkelurahan
namakeluraha n kodekelurahan
kodekecamata n tblapotek
no_telp
alamat
id
kodeapotek
namaapotek
Gambar III.22. Entity Relationship Diagram
III.3.2.5. Logika Program Logika program yang digunakan untuk sistem ini penulis rancang dengan menggunakan activity diagram berikut ini :
Login Tidak Ya Menu Utama Tampilan
Gambar III.23. Activity Diagram Login
50
Berita batal Y
T
Input
Y
Simpan
batal
T
T
Y
Edit
Y
Simpan
T Y
Hapus
T
Keluar
Hasil
T Y
Tampilan
Gambar III.24. Activity Diagram Olah Data Berita
Kelurahan batal Y
T
Input
Y
Simpan
batal
T
T
Y
Edit
Y
Simpan
T Y
Hapus
T
Keluar
Hasil
T Y
Tampilan
Gambar III.25. Activity Diagram Olah Data Kelurahan
51
Kecamatan batal Y
T
Input
Y
Simpan
batal
T
T
Y
Edit
Y
Simpan
T Y
Hapus
T
Keluar
Hasil
T Y
Tampilan
Gambar III.26. Activity Diagram Olah Data Kecamatan
Apotek batal Y
T
Input
Y
Simpan
batal
T
T
Y
Edit
Y
Simpan
T Y
Hapus
T
Keluar
Hasil
T Y
Tampilan
Gambar III.27. Activity Diagram Olah Data Apotek
Peta batal Y
T Input
Y
Simpan
T Y
Hapus
T
Keluar
Hasil
T Y
Tampilan
Gambar III.28. Activity Diagram Olah Data Peta
52
Peta batal Y
T Input
Y
Simpan
T Y
Hapus
T
Keluar
Hasil
T Y
Tampilan
Gambar III.29. Activity Diagram Olah Data Buku Tamu
Menu Utama
Berita
Tampilan Berita
Gambar III.30. Activity Diagram Berita
Menu Utama
Peta
Tampilan Peta
Gambar III.31. Activity Diagram Peta
Menu Utama
Bukutamu
Tampilan Bukutamu
Gambar III.32. Activity Diagram Bukutamu
