Perancangan dan Implementasi Sistem Informasi Geografis Berbasis Web (Studi Kasus Persediaan Darah di PMI Wilayah Jawa Tengah)

Transkripsi

1 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 : Program Studi Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga September 2011 i

2 ii

3 iii

4 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. iv

5 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 v

6 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 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 vi

7 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 Latar Belakang Rumusan Masalah Tujuan dan Manfaat Batasan Masalah Sistematika Penulisan... 5 Bab 2 Tinjauan Pustaka Penelitian Sebelumnya Sistem Informasi Geografis Google Maps Api Framework Codeigniter (CI) Metode Pengujian Sisten Bab 3 Metode Perancangan Sistem Analisis Kebutuhan Perancangan Sistem dan Perangkat Lunak Use Case Diagram Activity Diagram Sequence Diagram Class Diagram Deployment Diagram Perancangan Arsitektur MVC Desain User Interface Bab 4 Hasil dan Pembahasan Implementasi Implementasi Sistem Implementasi Basis Data Pengaturan Model View Controller (MVC).. 47 vii

8 4.1.4 Pengaturan Google Maps Api Implementasi Sistem Informasi Geografis PMI Wilayah Jawa Tengah Pengujian Sistem Bab 5 Kesimpulan dan Saran Kesimpulan Saran Daftar Pustaka viii

9 Daftar Gambar Halaman Gambar 2.1 Komponen-komponen Sistem Informasi Geografis.. 9 Gambar 2.2 Subsistem Sistem Informasi Geografis Gambar 2.3 Susunan Folder dari package CI Gambar 2.4 MVC dalam Aplikasi Web Gambar 3.1 Metode Waterfall Gambar 3.2 Use case diagram sistem Gambar 3.3 Activity diagram Guest Gambar 3.4 Activity diagram Member Gambar 3.5 Activity diagram Operator Gambar 3.6 Activity diagram Admin Gambar 3.7 Sequence diagram Guest mencari lokasi PMI kabupaten/kota Gambar 3.8 Sequence diagram Guest mengisi buku tamu Gambar 3.9 Sequence Diagram untuk member menambah berita 32 Gambar 3.10 Sequence Diagram untuk operator mengubah data persediaan darah Gambar 3.11 Sequence Diagram untuk admin mengelola galeri Gambar 3.12 Class diagram sistem Gambar 3.13 Deployment Diagram sistem Gambar 3.14 Desain Halaman utama sistem PMI di wilayah Jateng 42 Gambar 3.15 Desain Halaman Halaman Peta Gambar 3.16 Desain Form buku tamu Gambar 3.17 Desain Form tambah berita Gambar 4.2 Penerepan MVC pada aplikasi yang dibuat Gambar 4.3 Cara Kerja MVC pada aplikasi yang dibuat Gambar 4.4 Halaman GIS letak PMI Kab/Kota Gambar 4.5 Halaman GIS Rute PMI Kab/Kota Gambar 4.6 Halaman GIS mencari Persediaan darah Gambar 4.7 Halaman GIS profil PMI Kab/kota Gambar 4.8 Daftar UDD Kab/Kota wilayah Jawa Tengah Gambar 4.9 Daftar Persediaan darah PMI Kab/Kota wilayah Jawa Tengah Gambar 4.10 Galeri Foto PMI Kab/Kota Wilayah Jawa tengah Gambar 4.11 Form Buku tamu Gambar 4.12 Form Pendaftaran Member Gambar 4.13 Peringatan ketika login gagal Gambar 4.14 Form Tambah Berita Gambar 4.15 Halaman Daftar persediaan darah untuk operator ix

10 Gambar 4.16 Halaman perbaharui persediaan darah untuk operator 63 Gambar 4.17 Halaman rekap persediaan darah PMI Kab/Kota Gambar 4.18 Peringatan Sebelum menghapus gambar x

11 Daftar Kode Program Halaman Kode Program 4.1 Pengaturan base_url Kode Program 4.2 Pengaturan default_controller Kode Program 4.3 Pengaturan library utama Kode Program 4.4 Pengaturan database Kode Program 4.5 Kode Program untuk memanggil library jquery dan Google Maps API Kode Program 4.6 Controller untuk menu Profil PMI Provinsi Jawa Tengah Kode Program 4.7 Model untuk mengambil data PMI Kab/kota Kode Program 4.8 dari basis data View untuk halaman pencarian rute antar PMI kab/kota wilayah Jateng Kode Program 4.9 Pengaturan untuk tampilan peta Kode Program 4.10 Fungsi Findstok untuk pencarian jarak yang terdekat Kode Program 4.11 Controller untuk membuat Pdf xi

12 Daftar Lampiran Halaman Lampiran 1 Hasil Wawancara dengan petugas PMI Provinsi Jawa Tengah Lampiran 2 Kuisioner Pengujian Lampiran 3 Surat Keterangan Penelitian di PMI Provinsi Jawa Tengah Lampiran 4 Surat Keterangan telah mempresentasikan apllikasi.. 82 xii

13 Daftar Istilah GIS SIG MVC PHP UML : Geography Information System : Sistem Informasi Geografis : Model View Controller : Hypertext Preprocessor : Unified Modeling Language xiii

14 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 xiv