perancangan dan implementasi sistem informasi geografis...
TRANSCRIPT
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
ii
iii
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
4.1.3 Pengaturan Model View Controller (MVC) .. 47
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
Daftar Pustaka ................................................................................. 75
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
Gambar 4.15 Halaman Daftar persediaan darah untuk operator ..... 63
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
Kode Program 4.11 Controller untuk membuat Pdf ....................... 59
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.
Keywords: Framework, Codeigniter, Google Maps Api, Geographic Information Systems