pendidikan, website_pendidikan, koordinat_pendidikan akan digunakan untuk menunjukkan lokasi sekolah yang ada di Kota Pati
pada google map dan jenis yang digunakan untuk memisah sub kategori daftar sarana.
4.3 Pembahasan Aplikasi.
Secara garis besar, isi dari antarmuka utama terdiri dari beberapa menu utama dan sub menu, yaitu:
- Menu utama : terdiri dari daftar pelayanan umum yang ada di
Kota Pati.
- Sub menu : terdiri dari bagian – bagian atau instansi – instansi
yang terkait dengan pelayanan umum.
- Peta : menampilkan lokasi dari tiap – tiap instansi.
4.3.1 Aplikasi User Halaman Awal
Tampilan awal dari sistem informasi geografis pelayanan umum di Kota Pati ini merupakan pilihan menu untuk melihat secara
detail sarana pelayanan umum dalam bentuk icon yang terdapat pada layar emulator yang ada di Kota Pati. Di dalam tampilan awal
terdapat 7 sarana, yaitu :
- Sarana Industri
- Sarana Keamanan
- Sarana Kesehatan
- Sarana Pariwisata
- Sarana Pemerintahan
- Sarana Pendidikan
- Sarana Komunikasi
Selain itu juga terdapat menu “Pencarian” yang digunakan untuk pencarian daftar prasarana umum yang diharap bisa
membantu dalam menemukan daftar prasarana umum dalam list yang cukup banyak.
Untuk membuat icon dalam tampilan utama menggunakan canvas
dan graphics yang sudah tersedia pada pemorgraman J2ME dalam menentukan letak dari tiap – tiap icon.Gambar 4.10
menunjukkan tampilan awal aplikasi berupa icon pada layar emulator
.
Gambar 4.10 Tampilan Awal aplikasi
Ketika user memilih salah satu dari menu yang ada maka user
akan dibawa ke halaman berikutnya. Halaman bertikutnya berisi list kategori sarana pelayanan umum dari tiap – tiap sarana
yang ada dalam aplikasi tersebut. Misal, pada sarana kesehatan memiliki kategori sarana seperti rumah sakit, apotik, balai
pengobatan, PMI, puskesma. Kategori sarana kesehatan ditunjukkan pada Gambar 4.11.
Gambar 4.11 Kategori Sarana Kesehatan
Pada tiap – tiap kategori sarana berisi daftar sarana, misal apotik mempunyai daftar sarana : apotik Anugrah, apotik Asy Sifa,
apotik Dewi Sehat Farma, dan lain – lain. Daftar sarana kesehatan dapat dilihat pada Gambar 4.12.
Gambar 4.12 Daftar Sarana Kesehatan
Daftar list sarana kesehatan diambil dari database MySQL yang
terdapat pada
webhosting .
Dengan menggunakan
HttpConection aplikasi dapat memanggil data dari database
sehingga memungkinkan data dapat diupdate, edit, dan delete oleh administrator
melalui aplikasi admin. Hal ini digunakan apabila ada tambahan data informasi atau lokasi instansi yang baru. Terdapat 2
menu dalam daftar sarana keamanan, yaitu :
- Detail : berisikan tentang informasi mengenai nama, alamat,
nomor telepon, dan website instansi pada sesuai dengan bidang masing – masing.
- Peta : memberikan informasi letak lokasi pada peta google map.
Gambar 4.13 menunjukkan menu yang terdapat pada halaman daftar sarana keamanan.
Gambar 4.13
Menu Pada Halaman Daftar Sarana Kesehatan
Pada menu detail akan ditampilkan informasi mengenai alamat instansi secara lengkap. Data yang ditampilkan diambil dari
database melalui pengolahan data menggunakan PHP webhosting
kemudian J2ME memanggil fungsi PHP melalui HttpConection dan diolah menggunakan pemrograman J2ME sehingga data dapat
ditampilkan ke dalam layar emulator. Kode Program 4.2 menjelaskan proses memanggil data dari database yang akan
dipanggi pada pemrograman J2ME sehinga data dapat ditampikan pada layar emulator.
Kode Program 4.2 Class DetailSarana
Penjelasan HttpConection pada Kode Program 4.2 adalah sebagai berikut:
-
http = new PHTTPConnection; :
membuat objek baru untuk HTTP Conection.
-
http.connectWithUrlhttp_address +
?tbl=keamanan; :
mengkoneksilan ke dalam database tabel sarana_keamanan.
-
response = http.getHttpResponse; :
mendapatkan respon dari HttpConection.
-
responses = splitresponse,; :
memisahkan respon berdasarkan tanda , karena setiap lokasi sarana
dipisahkan dengan tanda .
-
String[] ss = splitresponses[i],; :
setiap 1 sarana mempunyai beberapa data seperti nama, alamat, dan lain
– lain, data dipisahkan dengan tanda sehingga harus di split menggunakan tanda .
1. http = new PHTTPConnection; 2.
3. http.connectWithUrlhttp_address + ?tbl=keamanan; 4. response = http.getHttpResponse;
5. responses = splitresponse,; 6. for int i = 0; i responses.length; i++ {
7. String[] ss = splitresponses[i],; 8.
9. Sarana s = new Sarana; 10. s.nama = ss[0];
11. s.alamat = ss[1]; 12. s.telp = ss[2];
13. s.website = ss[3]; 14. s.koordinat = ss[4];
15. 16. vecIndustri.addElements;
- source code line ke 9-14 : digunakan untuk memanggil data
instansi yang diambil dari database MySQL ke dalam bahasa pemrograman J2ME sehingga pada String “nama”, “alamat”,
“telp”, “website”, “koordinat” akan menghasilkan data instansi dari database. Demikian juga pada alamat, nomor telepon
instansi, dan website instansi. Hal ini dilakukan juga pada instansi – instansi yang lain. Data dari MySQL sebelumnya
diolah dalam PHP dengan tujuan untuk memisah antar field dari database, hal itu akan mumudahkan proses parsing dari
database agar bisa diolah ke dalam pemrograman J2ME. Data
yang diolah dari PHP, outputnya diberi batasan – batasan menggunakan tanda pagar kemudian data yang telah dipisah
dipanggil ke dalam variable yang telah di deklarasikan di dalam pemrograman J2ME. Kode Program 4.3 merupakan kode
program yang digunakan untuk mengakses database.
Kode Program 4.3 HttpConn.php
1. ?php 2. include Koneksi.inc;
3. 4. tbl = _REQUEST[tbl];
5. 6. if emptyid {
7. i = 0;
8. output = ;
9. result = mysql_querySELECT FROM sarana_tbl; 10.
while row = mysql_fetch_rowresult { 11.
sarana = 12. row[1]..row[2]..row[3]..row[4]..row[5];
13. if i==0 output = output..sarana;
14. else output = output..sarana;
15. i++;
16. }
17. echo output;
18. } 19. ?
Kode Program 4.3 diatas menjelaskan bahwa data yang diambil dipisah – pisah berdasarkan fieldnya dengan pemisah
menggunakan tandakarakter pagar
else output = output..sarana;
. Gambar 4.14 menunjukkan informasi mengenai nama, alamat, nomor telepon, dan website instansi yang
ditunjukkan kepada user.
Gambar 4.14 Informasi Apotik Asy Sifa
Dalam aplikasi ini juga terdapat menu searching yang berfungsi untuk pencarian daftar sarana. Setelah user memsukan
kata kunci maka aplikasi akan mencari data yang dimaksud di dalam data base dan list daftar sarana.
Kode Program 4.4
Pencarian Sarana
1. public void commandActionCommand c, Displayable d { 2. if c == cmdCari {
3. String cari = txtCari.getString; 4. if cari.trim.length 0 {
5. midlet.vecCari.removeAllElements; 6.
7. for int i=0; imidlet.vecKesehatan.size; i++ { 8. Sarana s = Saranamidlet.vecKesehatan.elementAti;
9. if s.nama.indexOfcari -1 { 10. midlet.vecCari.addElements;
11. } 12. }
Alur dari Kode Program 4.4 adalah sebagai berikut:
- Alur program baris 1 sampai 5 merupakan command cari, jika
ditekan command cari makan mengambil string dari textfield cari, jika kata yang dimasukan tidak kosong ada input dari user
vector akan dikosongkan.
- Alur program baris 7 sampai 12, melakukan loop vector
kesehatan, kemudian konversi setiap element vector ke sarana, melakukan pengecekan apakah nama sesuai pencarian, apabila
ada yang sama maka vector akan ditampilkan. Gambar 4.15 merupakan menu pencarian daftar sarana.
Gambar 4.15 Pencarian Sarana
Setelah user memasukan kata kunci, aplikasi melakukan proses pencarian data pada data base dan daftar sarana. Apabila
ditemukan aplikasi akan menampilkan hasil pencarian, sebaliknya bila tidak ditemukan user bisa kembali memasukan kata kunci lain.
Gambar 4.16 menunjukkan hasil pencarian sarana.
Gambar 4.16
Hasil Pencarian
4.3.2 Halaman Peta
