4.1.3 Pengaturan Model View Controller MVC
Penerapan konsep MVC pada sistem yang dibuat terlihat pada Gambar 4.2 dibawah ini :
Gambar 4.2
Penerepan MVC pada aplikasi yang dibuat
Gambar 4.3 Cara Kerja MVC pada aplikasi yang dibuat
Mekanisme kinerja MVC pada aplikasi yang dibuat, terlilhat pada Gambar 4.3 Ketika suatu alamat URL dibuka maka mengakses controller
yang ada dalam folder controllers untuk menjalankan fungsi. Selain itu juga memanggil helper dan library yang ada dalam controller serta
mengirimkan variabel dan nilai variabel. Dalam aplikasi yang dibuat, secara langsung jika tidak menuliskan
nama controller yang dituju, maka akan dianggap mengakses controller utama yaitu controller site. Begitu pula jika tidak menuliskan fungsinya,
maka dianggap fungsi index pada controller site. Setelah itu fungsi index dalam controller site akan memanggil view dengan nama home.php untuk
ditampilkan. Namun, jika diketahui nama Controller, fungsi dan ada variabel yang
dikirimkan, maka akan dilakukan proses pengolahan data yang berupa variabel yang dikirim dalam fungsi dalam Controller yang dituju. Adapula
pengolahan data yang berhubungan dengan data dalam basis data maka controller
akan memanggil model terletak pada folder models yang terkait. Dalam controller tidak boleh mengandung kode program untuk
mengakses basis data, controller melalui fungsinya akan memanggil model karena didalam model terdapat fungsi-fungsi khusus untuk penanganan basis
data. Dari mekanisme kinerja MVC ini, suatu fungsi dari controller mempunyai memiliki tampilan sendiri yang diletakkan dalam folder view.
4.1.4 Pengaturan Google Maps API 3
Saat ini versi terakhir Google Maps API adalah versi 3. Versi ini dapat tampil lebih cepat dari pada Google Maps API versi sebelumnya. Pada
aplikasi yang dibuat, khusus untuk tampilan Google Maps, digunakan plugin jQuery.
Pengaturan Google Maps Api 3 pada sistem :
a. Download plugin jQuery yaitu jquery-1.4.4.min.js dan jquery-1.4.js.
Kemudian membuat folder dengan nama js didalam directory XAMPPhtdocspmi_jateng,
letakkan plugin jQuery dalam folder js. b.
Download plugin Google Maps Api 3 untuk jQuery yaitu gmap3.min.js dan gmap3.js, setelah itu meletakkannya pada folder yang sama dengan
letak plugin jQuery yaitu folder js. c.
Menuliskan kode program untuk mengakses jQuery dan Google Maps API 3 pada head halaman view utama yaitu file index.php. Kode
program dapat dilihat pada Kode Program 4.1.
Kode Program 4.5 Kode Program untuk memanggil library jQuery dan Google Maps
API 3
d. Untuk pemakaiannya dalam tampilan sistem, pengaturan dilakukan
dalam view, karena jQuery bekerja sisi pengguna.
4.1.5 Implementasi Sistem Informasi Geografis PMI Wilayah Jawa
Kategori