i
Perancangan dan Implementasi Sistem Informasi
Geografis Berbasis Web
(Studi Kasus Persediaan Darah
di PMI Wilayah Jawa Tengah)
SKRIPSI
Diajukan kepada Fakultas Teknologi Informasi
untuk memperoleh Gelar Sarjana Komputer
Oleh:
Riana Weningtyas
NIM : 672007325
Program Studi Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
September 2011
iv
Prakata
Puji syukur kepada Tuhan Yang Maha Esa atas segala limpahan berkat dan anugerahNya terhadap penulis, sehingga penulis mampu menyelesaikan skripsi yang berjudul “Perancangan dan Implementasi Sistem Informasi Geografis Berbasis Web (Studi Kasus Persediaan Darah di PMI Wilayah Jawa Tengah)” ini.
Skripsi ini diajukan untuk memenuhi salah satu persyaratan guna memperoleh gelar Sarjana Komputer, Fakultas Teknologi Informasi Program Studi Teknik Informatika, Universitas Kristen Satya Wacana, Salatiga.
Dalam penyelesaian skripsi ini, penulis tidak mungkin lepas dari bantuan, doa, dan dukungan dari berbagai pihak. Oleh karena itu, pada kesempatan ini, penulis ingin mengucapkan terima kasih kepada:
1. Bapak Andeka Rocky Tanaamah, SE., M.Cs. selaku Dekan Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga.
2. Bapak Dian W. Chandra, S.Kom., M.Cs. selaku Ketua Program Studi Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga.
3. Bapak Kristoko Dwi Hartomo, M.Kom. sebagai pembimbing pertama yang selalu membimbing penulis dengan sabar dan banyak membantu penulis dalam menyelesaikan skripsi ini.
4. Bapak Frederik Samuel Papilaya, S.Kom., M.Cs. sebagai pembimbing kedua yang selalu membimbing dengan sabar, memberikan ide, dan banyak membantu penulis dalam menyelesaikan skripsi ini.
5. Bapak Adriyanto Juliastomo Gundo, S.Si., M.Pd., selaku Koordinator KP/TA, Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana, Salatiga.
v
6. Bapak Danang AP sebagai staff IT/Infokom di PMI Provinsi Jawa Tengah, yang telah membantu dalam pencarian data serta memberi kritik dan saran untuk kebaikan skripsi ini, serta seluruh staff dan karyawan dari PMI Provinsi Jawa Tengah, terimakasih atas keramahan dan bantuannya dalam proses perizinan penelitian
7. Seluruh dosen dan karyawan Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana, terima kasih atas bantuan dan kebersamaannya selama ini.
8. Bapak, ibu yang selalu mendukung saya dalam segala hal. Terimakasih untuk dukungan dan kepercayaan yang diberikan.
9. Kakak ku Yohanes Elly Hermawan yang telah menjaga aku selama di FTI, adikku Kristin Natalina terimakasih untuk setiap kasih sayang dan tentunya bantuan yang diberikan selama ini.
10. Sahabat-sahabat tersayang Chymink, Putri, Desi, Tulus, Krisna Mas Aji dan Tante Yiska semangat jalani hidup bersama Tuhan.
11. Albab Heri Prasetyo dan Bramadi Krisasta yang telah rela meluangkan waktu untuk membantu memahami framework Codeigniter dan memberi saran untuk penulis.
12. Anak-anak kos Seruni yang luarbiasa. Gembul, Cilik, Tilar, Ikok, Ester, Sukris, Tiur, Rani, cepet lulus yah semua.
13. Mbak Dianing Diah Lestari dan Mbak Irene Valentina terimakasih untuk dan seluruh bantuan yang diberikan. Tanpa kalian aku ga akan bisa alami semua pengalaman luarbiasa di FTI.
14. Seluruh keluarga ku di PD Refresh FTI dan para Refresh warior. Kak Anthony, Mas Gogo, Mas Ridho, Mbak Nawang, Mbk Iin, Kak Calvin, Kak Heni, Kak Erma, Kak Anthon, Jojo, Samuel, Nata, Ulis, Melani, Alva, Indra, Dimas, Franklin, Faya, Jemima, Valen, Jerly, Dino, Rosa, Camel, Eko, Gdhe Agus, Fany dan semua keluarga Refresh yang tidak
vi
bisa saya sebutkan satu persatu. Terimakasih untuk dukungan doa dan kehangatan Keluarga yang diberikan.
15. Semua teman-teman seperjuangan Luchi, Karis, Nias, Nia, Yana, Yustina, Frans, Ingga, Novi, Okto, Putri Puspita, Yere, Agus, Haryoko, Aubing, Raditya, Victor, Boncel, Nur Fiqi, Rian, Destarius dan seluruh mahasiswa FTI Angkatan 2007. Terima kasih buat kebersamaan, dukungan, dan semangat yang kalian berikan selama ini. Semangat kawan !
16. Kakak dan adik angkatan (2003, 2004, 2005, 2006, 2008, 2009) yang tak bisa disebut satu per satu, terima kasih atas kebersamaan di dalam satu keluarga FTI.
17. Semua staff dan karyawan FTI / UKSW, terimakasih atas bantuannya selama ini.
18. Semua pihak yang tidak mungkin disebutkan satu per satu yang turut membantu dan memberikan kontribusi hingga skripsi ini terselesaikan.
Thanks for all.
Penulis menyadari masih banyak kekurangan dalam penyelesaian skripsi ini. Oleh karena itu, penulis mengharapkan sumbang saran dan pikiran untuk perbaikan di masa yang akan datang. Semoga skripsi ini dapat memberikan manfaat bagi semua pihak.
Salatiga, September 2011 Riana Weningtyas Penulis
vii
Daftar Isi
Halaman
Halaman Judul ... i
Halaman Persetujuan ... ii
Halaman Pengesahan ... iii
Halaman Pernyataan ... iv
Prakata ... v
Daftar Isi ... ix
Daftar Gambar ... xi
Daftar Kode Program ... xii
Daftar Lampiran ... xiv
Daftar Istilah ... xv
Abstract ... xvi
Bab 1 Pendahuluan ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 3
1.3 Tujuan dan Manfaat ... 3
1.4 Batasan Masalah ... 4
1.5 Sistematika Penulisan ... 5
Bab 2 Tinjauan Pustaka ... 7
2.1 Penelitian Sebelumnya ... 7
2.2 Sistem Informasi Geografis ... 8
2.3 Google Maps Api ... 12
2.4 Framework Codeigniter (CI) ... 14
2.5 Metode Pengujian Sisten... 17
Bab 3 Metode Perancangan Sistem ... 19
3.1 Analisis Kebutuhan ... 20
3.2 Perancangan Sistem dan Perangkat Lunak ... 23
3.2.1 Use Case Diagram ... 23
3.2.2 Activity Diagram ... 26
3.2.3 Sequence Diagram ... 30
3.2.4 Class Diagram ... 37
3.2.5 Deployment Diagram ... 38
3.2.6 Perancangan Arsitektur MVC ... 39
3.2.7 Desain User Interface ... 42
Bab 4 Hasil dan Pembahasan ... 55
4.1 Implementasi ... 45
4.1.1 Implementasi Sistem ... 45
4.1.2 Implementasi Basis Data... 46
viii
4.1.4 Pengaturan Google Maps Api 3 ... 48
4.1.5 Implementasi Sistem Informasi Geografis PMI Wilayah Jawa Tengah ... 49
4.2 Pengujian Sistem ... 66
Bab 5 Kesimpulan dan Saran ... 73
5.1 Kesimpulan ... 73
5.2 Saran ... 74
ix
Daftar Gambar
Halaman
Gambar 2.1 Komponen-komponen Sistem Informasi Geografis .. 9
Gambar 2.2 Subsistem Sistem Informasi Geografis ... 10
Gambar 2.3 Susunan Folder dari package CI ... 15
Gambar 2.4 MVC dalam Aplikasi Web ... 16
Gambar 3.1 Metode Waterfall ... 20
Gambar 3.2 Use case diagram sistem ... 24
Gambar 3.3 Activity diagram Guest ... 26
Gambar 3.4 Activity diagram Member ... 27
Gambar 3.5 Activity diagram Operator ... 28
Gambar 3.6 Activity diagram Admin ... 29
Gambar 3.7 Sequence diagram Guest mencari lokasi PMI kabupaten/kota ... 30
Gambar 3.8 Sequence diagram Guest mengisi buku tamu ... 31
Gambar 3.9 Sequence Diagram untuk member menambah berita 32 Gambar 3.10 Sequence Diagram untuk operator mengubah data persediaan darah... 33
Gambar 3.11 Sequence Diagram untuk admin mengelola galeri .... 36
Gambar 3.12 Class diagram sistem ... 37
Gambar 3.13 Deployment Diagram sistem... 38
Gambar 3.14 Desain Halaman utama sistem PMI di wilayah Jateng 42 Gambar 3.15 Desain Halaman Halaman Peta ... 42
Gambar 3.16 Desain Form buku tamu... 43
Gambar 3.17 Desain Form tambah berita ... 43
Gambar 4.2 Penerepan MVC pada aplikasi yang dibuat ... 47
Gambar 4.3 Cara Kerja MVC pada aplikasi yang dibuat ... 47
Gambar 4.4 Halaman GIS letak PMI Kab/Kota ... 51
Gambar 4.5 Halaman GIS Rute PMI Kab/Kota ... 52
Gambar 4.6 Halaman GIS mencari Persediaan darah... 54
Gambar 4.7 Halaman GIS profil PMI Kab/kota ... 58
Gambar 4.8 Daftar UDD Kab/Kota wilayah Jawa Tengah ... 58
Gambar 4.9 Daftar Persediaan darah PMI Kab/Kota wilayah Jawa Tengah... 59
Gambar 4.10 Galeri Foto PMI Kab/Kota Wilayah Jawa tengah ... 60
Gambar 4.11 Form Buku tamu ... 60
Gambar 4.12 Form Pendaftaran Member ... 61
Gambar 4.13 Peringatan ketika login gagal ... 62
Gambar 4.14 Form Tambah Berita ... 62
x
Gambar 4.16 Halaman perbaharui persediaan darah untuk operator 63 Gambar 4.17 Halaman rekap persediaan darah PMI Kab/Kota ... 64 Gambar 4.18 Peringatan Sebelum menghapus gambar ... 65
xi
Daftar Kode Program
Halaman
Kode Program 4.1 Pengaturan base_url ... 46
Kode Program 4.2 Pengaturan default_controller ... 46
Kode Program 4.3 Pengaturan library utama ... 46
Kode Program 4.4 Pengaturan database ... 46
Kode Program 4.5 Kode Program untuk memanggil library jQuery dan Google Maps API 3 ... 49
Kode Program 4.6 Controller untuk menu Profil PMI Provinsi Jawa Tengah ... 50
Kode Program 4.7 Model untuk mengambil data PMI Kab/kota dari basis data ... 52
Kode Program 4.8 View untuk halaman pencarian rute antar PMI kab/kota wilayah Jateng ... 53
Kode Program 4.9 Pengaturan untuk tampilan peta ... 53
Kode Program 4.10 Fungsi Findstok untuk pencarian jarak yang terdekat ... 56
xii
Daftar Lampiran
Halaman Lampiran 1 Hasil Wawancara dengan petugas PMI Provinsi
Jawa Tengah... 78 Lampiran 2 Kuisioner Pengujian ... 80 Lampiran 3 Surat Keterangan Penelitian di PMI Provinsi
Jawa Tengah... 81 Lampiran 4 Surat Keterangan telah mempresentasikan apllikasi .. 82
xiii
Daftar Istilah
GIS : Geography Information System SIG : Sistem Informasi Geografis MVC : Model View Controller PHP : Hypertext Preprocessor UML : Unified Modeling Language
xiv
Abstract
CodeIgniter Framework is an open source application for building dynamic websites based PHP. This framework supports object-oriented programming and the Model View Controller (MVC) ,both make it easier to build and develop applications.
In this study, the CodeIgniter framework will be implemented in Geographic Information Systems PMI in The Central Java that displays the mappings in the form of digital maps using a Google Maps Api 3. As a result, this system can provide information about PMI in The Central Java and makes it easier to search of blood supplies locations in PMI in The Central Java with the closest distance.
