BAB IV

IMPLEMENTASI DAN PENGUJIAN

Bab ini menjelaskan mengenai implementasi dari prototype aplikasi pencarian lokasi rumah sakit BPJS berbasis android yang akan dibuat dan hasil pengujian terhadap aplikasi pada perangkat android. Pada bagian implementasi akan dibahas mengenai rancangan antarmuka aplikasi dan kode program yang akan diterapkan, sedangkan pengujian aplikasi menggunakan metode pengujian kotak hitam (black box testing). Metode pengujian ini dilakukan untuk mengetahui apakah aplikasi dapat berjalan sesuai yang diinginkan. 4.1

Implementasi Setelah sistem dianalisis dan didesain secara rinci, tahap selanjutnya

adalah implementasi. Implementasi sistem merupakan tahap meletakkan sistem sehingga siap untuk dioperasikan. Implementasi bertujuan untuk mengkonfirmasi modul-modul perancangan, sehingga pengguna dapat memberi masukan kepada pengembangan sistem. 4.1.1 Implementasi Basis Data Database terdapat pada server, database ini mempunyai 1 table, yaitu table tb_rumahsakit. Berikut merupakan SQL statement dari database ini. 1. SQL statement tb_rumahsakit CREATE TABLE IF NOT EXISTS `tb_rumahsakit` ( `id` int(11) NOT NULL, `nama_rs` varchar(50) NOT NULL, `alamat_rs` varchar(100) NOT NULL, `telepon_rs` varchar(15) NOT NULL, `latitude` double NOT NULL, `longitude` double NOT NULL,

49 http://digilib.mercubuana.ac.id/

50

`gambar` varchar(255) NOT NULL ) ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=latin1;

4.1.2

Implementasi Penulisan Kode Penulisan kode atau biasa disebut dalam bahasa inggris coding merupakan

bagian utama dalam pembuatan aplikasi ini. penulisan kode pada aplikasi ini menggunkan bahasa Javascript dan HTML5 sebagai penggunaan bahasa utamanya dengan editor Eclipse di running dengan menggunakan smartphone android, Sedangkan untuk database menggunakan MySQL acuannya adalah apakah aplikasi yang dibuat telah berjalan dengan seharusnya. Bila belum maka kode atau source code akan di perbaiki sampai di dapatkan aplikasi yang berjalan dan berfungsi dengan baik. Pada bagian ini akan dijabarkan penulisan kode dari aplikasi ini secara rinci. 4.1.2.1 Penulisan Kode Pada Halaman Menu Kode pada halaman menu merupakan tampilan awal setelah user membuka aplikasi. Pada halaman ini terdapat gambar marker, lima buah listview, header dan footer. Ketika salah satu Listview pada halaman menu aplikasi di tekan maka akan mengarahkan aplikasi ke halaman yang ditekan oleh user.

Berikut adalah tampilan halaman menu:

Gambar 4.1 Halaman Menu 4.1.2.2 Penulisan Kode Pada Halaman Rumah Sakit Terdekat Kode pada halaman rumah sakit terdekat merupakan tampilan map setelah user menekan rumah sakit terdekat pada halaman menu. Pada halaman ini terdapat map, marker posisi user, menampilkan marker rumah sakit mana saja yang

http://digilib.mercubuana.ac.id/

52

terdekat, tombol kembali, header dan footer. Ketika salah satu marker rumah sakit pada halaman rumah sakit terdekat di tekan maka akan menampilkan window nama rumah sakit dan terdapat tombol kembali untuk ke halaman sebelumnya.

Pada halaman ini terdapat kode untuk menghitung jarak dengan menggunakan rumus haversine untuk mengetahui rumah sakit terdekat dengan posisi pengguna dimana latitude/longitude rumah sakit didapat dari server dan latitude/longitude posisi pengguna didapat dengan menggunakan GPS pada handphone. Berikut adalah potongan kodenya: if (typeof(Number.prototype.toRad) === "undefined") { Number.prototype.toRad = function() { return this * Math.PI / 180; } } var lat2 = parseFloat(loaddata.latitude); var lon2 = parseFloat(loaddata.longitude); var lat1 = position.coords.latitude; var lon1 = position.coords.longitude; var R = 6371; // metres

http://digilib.mercubuana.ac.id/

53

var dlat1 = lat1.toRad(); var dlat2 = lat2.toRad(); var slat = (lat2-lat1).toRad(); var slon = (lon2-lon1).toRad(); var a = Math.sin(slat/2) * Math.sin(slat/2) + Math.cos(dlat1) * Math.cos(dlat2) * Math.sin(slon/2) * Math.sin(slon/2); var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a)); var d = R * c;

Berikut adalah tampilan halaman rumas sakit terdekat:

Gambar 4.2 Halaman rumah sakit terdekat 4.1.2.3 Penulisan Kode Pada Halaman Daftar Rumah Sakit Kode pada halaman daftar rumah sakit merupakan tampilan listview nama dan gambar rumah sakit yang diambil dari server berupa JSON setelah user menekan cari rumah sakit pada halaman menu. Pada halaman ini terdapat lisview nama dan rumah sakit, textbox cari rumah sakit, header dan footer. Ketika salah

http://digilib.mercubuana.ac.id/

54

satu listview rumah sakit pada halaman daftar rumah sakit di tekan maka akan mengarahkan user ke halaman info rumah sakit dan terdapat tombol kembali untuk ke halaman sebelumnya.

Pada halaman ini terdepat kode untuk mengambil data JSON pada web server dan menampilkan pada android PhoneGap. Berikut potongan kode tersebut: function getlistrs() { $.getJSON(url + 'pilihrs.php', function(data) { var listrs = data.items; $.each(listrs, function(index, loaddata) { $('#RsList').append('

href="detailrute.html?id='

loaddata.id + 'data-transition="flip" rel="external">' + '

' + loaddata.nama_rs + '

'); }); $('#RsList').listview('refresh'); }); }

http://digilib.mercubuana.ac.id/

+

55

Berikut adalah tampilan halaman daftar rumah sakit:

Gambar 4.3 Halaman Cari Rumah Sakit 4.1.2.4 Penulisan Kode Pada Halaman Info Rumah Sakit Kode pada halaman info rumah sakit merupakan tampilan detail rumah sakit yang diambil dari server berupa JSON berdasarkan id setelah user menekan salah satu rumah sakit pada halaman daftar rumah sakit. Pada halaman ini terdapat informasi gambar, nama, alamat, telepon, latitude/longitude, tombol panggil, tombol lihat rute header dan footer. Terdapat tombol lihat rute. Jika user menekan tombol panggil maka akan mengarahkan user ke menu panggilan. Jika user menekan tombol lihat rute maka akan mengarahkan user ke halaman rute rumah sakit dan terdapat tombol kembali untuk ke halaman sebelumnya.

Kembali

Info

id="gambarRS"

http://digilib.mercubuana.ac.id/

style="height:150px;

56

width:230px;"/>
data-role="listview"

data-inset="true"

data-theme="d"

data-

dividertheme="d">