BAB V
IMPLEMENTASI
DAN PENGUJIAN
5.1 Implementasi Basis DataSetelah 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.
Database terdapat pada server, database ini mempunyai 1 table, yaitu table tb_rs. Berikut merupakan SQL statement dari database ini.
5.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.
CREATE TABLE `tb_rs` ( `id` int(11) NOT NULL,
`nama_rs` varchar(50) NOT NULL, `alamat_rs` varchar(225) NOT NULL, `telepon_rs` varchar(15) NOT NULL, `latitude` double NOT NULL,
`longitude` double NOT NULL,
5.1.2.1 Penulisan Kode Pada Halaman Menu
Kode pada halaman menu merupakan tampilan awal setelah user membuka aplikasi. Pada halaman ini terdapat gambar logo, lima buah button, header dan footer. Ketika salah satu button pada halaman menu aplikasi di tekan maka akan mengarahkan aplikasi ke halaman yang ditekan oleh user.
<html> <head>
<meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
<title>Pencarian Rumah Sakit</title>
<link rel="stylesheet" href="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css" />
<link rel="stylesheet" href="index.css" />
<script src="jquery.mobile-1.3.2/jquery-1.7.2.min"></script>
<script src="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
<script type="text/javascript" charset="utf-8" src="index.js"></script>
<script type="text/javascript" charset="utf-8" src="js/map.js"></script>
<script type="text/javascript" charset="utf-8" src="js/getdata.js"></script>
<script>
document.addEventListener('deviceready', function() {
document.addEventListener("backbutton", go_back, false); }, false); function go_back(){ } function onLoad(){ document.addEventListener("deviceready", onDeviceReady, true); } function exitFromApp(){ navigator.app.exitApp(); } </script> </head> <body onload="onLoad();">
<div data-role="page" class="main-page">
<div role="header" position="fixed" data-theme="e">
<h1>Menu</h1> </div>
<div data-role="content">
<p style="text-align: center"><input type="image" data-role="none" src=gambar/logors1.png /></p>
<ul data-role="listview"
data-inset="true" data-theme="d">
<!-- <li><a
<li><a href="radius.html" rel="external">Rumah Sakit Terdekat</a></li>
<li><a href="daftarrs.html" rel="external">Cari Rumah Sakit</a></li>
<li><a href="bantuan.html" rel="external">Bantuan</a></li> <li><a href="tentang.html" rel="external">Tentang</a></li> <li><a name="buttonClick" onclick="exitFromApp()">Keluar</a></li> </ul> </div>
<div role="footer" position="fixed" data-theme="e"> <h1>© Copyright 2017</h1> </div> </div>
<!-- <script type="text/javascript" charset="utf-8" src="index.js"></script> -->
</body> </html>
Berikut adalah tampilan halaman menu:
Gambar 5.1 Halaman menu
4.1.2.2 Penulisan Kode Pada Halaman Radius
Kode pada halaman radius merupakan tampilan sebuah button listview radius setelah user menekan lihat peta pada halaman menu. Pada halaman ini terdapat textbox pilih radius, button listview radius, tombol kembali, header dan footer. Ketika salah satu button listview radius pada halaman radius di tekan maka akan menampilkan peta serta jarak antara posisi user dengan lokasi tersebut dan terdapat tombol kembali untuk ke halaman sebelumnya. <html>
<meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
<title>Pencarian Rumah Sakit</title>
<link rel="stylesheet" href="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css" />
<link rel="stylesheet" href="index.css" />
<script src="jquery.mobile-1.3.2/jquery-1.7.2.min"></script>
<script src="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
<script type="text/javascript" charset="utf-8" src="index.js"></script>
</head>
<body>
<div data-role="page" class="main-page">
<div role="header" position="fixed" data-theme="e">
<a href="index.html"
rel="external">Kembali</a><h1>Radius</h1> </div>
<div data-role="content">
<ul data-role="listview" data-inset="true" align="center" data-theme="d">
<li><p style="text-align: center">Pilih radius yang anda inginkan </p> </li>
<li><a href="peta.html" rel="external">Radius 1Km</a></li> <li><a href="peta2.html" rel="external">Radius 2Km</a></li> <li><a href="peta3.html" rel="external">Radius 3Km</a></li> </ul> </div>
<div role="footer" position="fixed" data-theme="e"> <h1>© Copyright 2017</h1> </div> </div> </body> </hthml>
Berikut adalah tampilan halaman radius:
Gambar 5.1 Halaman Radius
5.1.2.3 Penulisan Kode Pada Halaman Lihat Peta
Kode pada halaman lihat peta merupakan tampilan map setelah user menekan lihat peta pada halaman menu. Pada halaman ini terdapat map, marker posisi user, menampilkan marker lokasi rumah sakit mana saja yang terdekat dengan radius 3km dari posisi user, tombol kembali, header dan footer. Ketika salah satu marker rumah sakit pada halaman lihat peta di tekan maka akan menampilkan window nama lokasi Rumah sakit serta jarak
antara posisi user dengan lokasi tersebut dan terdapat tombol kembali untuk ke halaman sebelumnya.
<html> <head>
<meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
<title>Pencarian Rumah Sakit</title>
<link rel="stylesheet" href="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css" />
<link rel="stylesheet" href="index.css" />
<script src="jquery.mobile-1.3.2/jquery-1.7.2.min"></script>
<script src="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
<script type="text/javascript" charset="utf-8" src="index.js"></script>
<script type="text/javascript" charset="utf-8" src="js/map.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3&sensor=false&language=i d"></script> <style> #contentmap { padding: 0;
position : absolute !important; top : 40px !important;
bottom : 40px !important; left : 0 !important; } </style> </head> <body>
<div id="getallmarker1" data-role="page" class="main-page">
<div role="header" position="fixed" data-theme="e"> <a href="index.html" rel="external">Kembali</a><h1>Map</h1> </div> <div data-role="content"> <div id="contentmap"> <div id="map_canvas1" style="height:100%"></div> </div> </div>
<div role="footer" position="fixed" data-theme="e"> <h1>© Copyright 2017</h1> </div> </div> </body> </html>
Pada halaman ini terdapat kode untuk menghitung jarak dengan menggunakan rumus haversine formula serta kode radius sejauh 3km untuk mengetahui lokasi rumah sakit
terdekat dengan posisi pengguna dimana latitude/longitude lokasi 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 lat1 = position.coords.latitude; var lon1 = position.coords.longitude; var lat2 = parseFloat(loaddata.latitude); var lon2 = parseFloat(loaddata.longitude); var R = 6371; // metres var dlat1 = lat1.toRad(); var dlat2 = lat2.toRad();
var slat =
(lat2-lat1).toRad();
var slon =
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;
var info_window = new
google.maps.InfoWindow(); google.maps.event.addListener(markerall, 'click', (function(markerall) { return function() { info_window.setContent(loaddata.nama_rs+'</br> Jarak '+d+' km'); info_window.open(map, markerall);
Berikut adalah tampilan halaman lihat peta:
Gambar 5.2 Halaman Lihat Peta
4.1.2.4 Penulisan Kode Pada Halaman Data Lokasi Kode pada halaman data lokasi merupakan tampilan listview nama yang diambil dari server berupa JSON setelah user menekan cari data lokasi pada halaman menu. Pada halaman ini terdapat lisview nama lokasi rumah sakit, textbox cari data lokasi, header dan footer. Ketika salah satu listview nama lokasi rumah sakit pada halaman data lokasi di tekan maka akan mengarahkan user ke halaman detail lokasi rumah sakit dan terdapat tombol kembali untuk ke halaman sebelumnya.
<html> <head>
<meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
<title>Pencarian Rumah Sakit</title>
<link rel="stylesheet" href="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css" />
<link rel="stylesheet" href="index.css" />
<script src="jquery.mobile-1.3.2/jquery-1.7.2.min"></script>
<script src="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
<script type="text/javascript" charset="utf-8" src="index.js"></script>
<script type="text/javascript" charset="utf-8" src="js/getdata.js"></script>
</head>
<body>
<div data-role="page" id="pagelist" class="main-page"> <div role="header" position="fixed" data-theme="e">
<a href="index.html"
rel="external">Kembali</a><h1>Pilih Rumah Sakit</h1> </div>
<ul id="RsList" role="listview" data-theme="d" data-inset="true" data-filter="true" data-filter-placeholder="Cari Rumah Sakit..."></ul>
</div>
<div role="footer" position="fixed" data-theme="e"> <h1>© Copyright 2017</h1> </div> </div> </body> </html>
Berikut adalah tampilan halaman data lokasi:
4.1.2.5 Penulisan Kode Pada Halaman Info Lokasi Rumah sakit
Kode pada halaman info lokasi rumah sakit merupakan tampilan detail lokasi rumah sakit yang diambil dari server berupa JSON berdasarkan id setelah user menekan salah satu lokasi rumah sakit pada halaman daftar lokasi rumah sakit. Pada halaman ini terdapat informasi nama, alamat, telepon, latitude/longitude, tombol lihat rute header dan footer. Terdapat tombol lihat rute. Jika user menekan tombol lihat rute maka akan mengarahkan user ke halaman rute rumah sakit dan terdapat tombol kembali untuk ke halaman sebelumnya.
<html> <head>
<meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
<title>Pencarian Rumah Sakit</title>
<link rel="stylesheet" href="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css" />
<link rel="stylesheet" href="index.css" /> <script src="jquery.mobile-1.3.2/jquery-1.7.2.min"></script>
<script
src="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
<script type="text/javascript" charset="utf-8" src="index.js"></script>
<script type="text/javascript" charset="utf-8" src="js/getdetailrute.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3&sensor=fals e&language=id"></script> </head> <body>
<div id="pagedetail" data-role="page" class="main-page">
<div data-role="header" data-position="fixed" data-theme="e">
<a href="daftarrs.html" rel="external">Kembali</a><h1>Info</h1>
</div>
<div data-role="content"> <ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="d"> <li id="namaRS"></li> <li id="alamatRS"></li> <li id="teleponRS"></li> <li id="latRS"></li> <li id="lngRS"></li> </ul> </div>
<div data-role="footer" data-position="fixed" data-theme="e">
<div data-role="navbar"> <ul>
<li><a href="#directmap">Lihat Rute</a></li> </ul> </div> <h1>© Copyright 2017</h1> </div> </div>
<div id="directmap" data-role="page" class="main-page">
<div data-role="header" data-position="fixed" data-theme="e">
<a
href="#pagedetail">Kembali</a><h1>Rute</h1> </div>
<div data-role="content">
<ul role="listview" data-inset="true" data-theme="d" data-dividertheme="d">
<li data-role="list-divider"></li> <li id="map_canvas" style=" height:300px;"></li> <li id="directionPanel"></li> </ul> </div>
<div data-role="footer" data-position="fixed" data-theme="e">
<h1>© Copyright 2017</h1> </div>
</div> </body>
</html>
Pada halaman ini terdapat kode untuk mengambil data lokasi rumah sakit berdasarkan lokasit yang dipilih dan akan menampilkan info lokasi tersebut dan di tampilkan dalam bentuk listview. Berikut potongan kode tersebut:
function getdetailrs() { $.getJSON(url + 'ambildetailrs.php?id='+id, function(data) { loaddetailrs = data.items; console.log(loaddetailrs); $('#namars').text('Nama : '+loaddetailrs.nama_rs); $('#alamatrs').text('Alamat : '+loaddetail rs.alamat_rs); $('#teleponpk').text('Telepon : '+loaddetailpk.telepon_pk); $('#latpk').text('Latitude : '+loaddetailpk.latitude); $('#lngpk').text('Longitude : '+loaddetailpk.longitude); }); }
Gambar 5.5 Info lokasi rumah sakit
4.1.2.6 Penulisan Kode Pada Halaman Rute Lokasi Rumah Sakit
Kode pada halaman Rute lokasi rumah sakit merupakan tampilan map dan informasi rute menuju lokasi rumah sakit setelah user menekan tombol lihat rute pada halaman info lokasi rumah sakit. Pada halaman ini terdapat marker rute dari posisi user sampai tujuan, informasi rute jalan, header dan footer. Ketika salah satu marker atau informasi rute pada halaman rute lokasi rumah sakit di tekan maka akan menampilkan window pada map alamat tersebut dan terdapat tombol kembali untuk ke halaman sebelumnya.
<html> <head>
<meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
<title>Pencarian Rumah Sakit</title>
<link rel="stylesheet" href="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css" />
<link rel="stylesheet" href="index.css" /> <script src="jquery.mobile-1.3.2/jquery-1.7.2.min"></script>
<script
src="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
<script type="text/javascript" charset="utf-8" src="index.js"></script>
<script type="text/javascript" charset="utf-8" src="js/getdetailrute.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3&sensor=fals e&language=id"></script> </head> <body>
<div id="pagedetail" data-role="page" class="main-page">
<div data-role="header" data-position="fixed" data-theme="e">
<a href="daftarrs.html" rel="external">Kembali</a><h1>Info</h1>
<div data-role="content"> <ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="d"> <li id="namaRS"></li> <li id="alamatRS"></li> <li id="teleponRS"></li> <li id="latRS"></li> <li id="lngRS"></li> </ul> </div>
<div data-role="footer" data-position="fixed" data-theme="e"> <div data-role="navbar"> <ul> <li><a href="#directmap">Lihat Rute</a></li> </ul> </div> <h1>© Copyright 2017</h1> </div> </div>
<div id="directmap" data-role="page" class="main-page">
<div data-role="header" data-position="fixed" data-theme="e">
<a
href="#pagedetail">Kembali</a><h1>Rute</h1> </div>
<div data-role="content">
<ul role="listview" data-inset="true" data-theme="d" data-dividertheme="d">
<li data-role="list-divider"></li> <li id="map_canvas" style=" height:300px;"></li> <li id="directionPanel"></li> </ul> </div>
<div data-role="footer" data-position="fixed" data-theme="e"> <h1>© Copyright 2017</h1> </div> </div> </body> </html>
Pada halaman ini terdepat kode untuk menampilkan informasi rute dan jalan menuju lokasi rumah sakit yang dipilih sebelumnya. Kode ini memanfaatkan Google Map API untuk mendapatkan data-data informasi jalan dan map. Berikut potongan kode tersebut:
var tujuan = new
google.maps.LatLng(loaddata.latitude, loaddata.longitude); var posisi = position.coords.latitude + ',' + position.coords.longitude; var request = { origin:posisi, destination:tujuan, travelMode: google.maps.DirectionsTravelMode.DRIVING
}; directionsService.route(request, function(response, status) { if (status == google.maps.DirectionsStatus.OK) { directionsDisplay.setDirections(response); } }); }); }
Gambar 5.4 Halaman rute lokasi rumah sakit 4.1.2.7 Penulisan Kode Pada Halaman Bantuan
Kode pada halaman bantuan merupakan tampilan informasi bantuan bagaimana menggunakan aplikasi ini, setelah user menekan lisview bantuan. Pada halaman ini terdapat gambar , text, tombol kembali, header dan footer. Menampilkan informasi bantuan dalam menggunakan aplikasi dan terdapat tombol kembali untuk ke halaman sebelumnya.
<html> <head>
<meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
<title>Pencarian Rumah Sakit</title>
<link rel="stylesheet" href="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css" />
<link rel="stylesheet" href="index.css" /> <script src="jquery.mobile-1.3.2/jquery-1.7.2.min"></script>
<script
src="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
<script type="text/javascript" charset="utf-8" src="index.js"></script>
</head>
<div data-role="page" class="main-page" data-dom-cache="false">
<div data-role="header" data-position="fixed" data-theme="e"> <a href="index.html" rel="external">Kembali</a><h1>Bantuan</h1> </div> <div data-role="content"> <ul
data-role="listview" data-inset="true" data-theme="d">
<li><p>Aplikasi
pencarian lokasi rumah sakit
<p>berbasis android dapat menemukan keberadaan
<p>rumah sakit terdekat dengan posisi anda dan
<p>dapat melihat rute jalan menuju rumah sakit.
<p>Untuk memulai aplikasi, terlebih dahulu anda
<p>mengaktifkan data internet dan mengaktifkan <p> GPS pada android.<br></li>
</ul>
<p
style="text-align: center"><input type="image" data-role="none" src=gambar/data.jpg style="width:250px; height:380px;" /></p>
<p
style="text-align: center"><input type="image" data-role="none" src=gambar/gps.jpg style="width:250px; height:380px;" /></p>
<ul data-role="listview" data-inset="true" data-theme="d">
<li><p>Untuk dapat
melihat lokasi terdekat dapat dilakukan
<p>dengan memilih rumah sakit terdekat dan untuk me-
<p>lihat jaraknya dengan mentap marker rumah sakit pada map
<p>pada map.<br></p></li>
</ul>
<p
style="text-align: center"><input type="image" data-role="none" src=gambar/mapsrs.png style="width:250px; height:380px;" /></p>
<ul
data-role="listview" data-inset="true" data-theme="d">
<li><p>Untuk dapat
melihat rute rumah sakit dengan me-
<p>milih cari rumah sakit kemudian pilih rumah sakit
<p>setelah itu mentap button lihat rute.<br></p></li>
</ul>
<p
style="text-align: center"><input type="image" data-role="none" src=gambar/carirs.jpg style="width:250px; height:380px;" /></p>
<p
style="text-align: center"><input type="image" data-role="none" src=gambar/carirute.jpg style="width:250px; height:380px;" /></p>
<div data-role="footer" data-position="fixed" data-theme="e"> <h1>© Copyright 2017</h1> </div> </div> </body> </html>
Berikut adalah tampilan halaman bantuan:
Gambar 5.7 Halaman bantuan
4.1.2.8 Penulisan Kode Pada Halaman Tentang
Kode pada halaman Tentang merupakan tampilan profil aplikasi, setelah user menekan lisview tentang. Pada halaman ini terdapat gambar , text, tombol kembali, header dan footer. Menampilkan profil aplikasi dan terdapat tombol kembali untuk ke halaman sebelumnya.
<html> <head>
<meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
<title>Pencarian Rumah Sakit</title>
<link rel="stylesheet" href="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css" />
<link rel="stylesheet" href="index.css" />
<script src="jquery.mobile-1.3.2/jquery-1.7.2.min"></script>
<script src="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
<script type="text/javascript" charset="utf-8" src="index.js"></script>
</head>
<body>
<div data-role="page" class="main-page">
<div data-role="header" data-position="fixed" data-theme="e">
<a href="index.html"
rel="external">Kembali</a><h1>Tentang</h1> </div>
<div data-role="content">
<ul role="listview" data-inset="true" align="center" data-theme="d">
<li><p
style="text-align: center">Aplikasi Pencarian Lokasi Rumah Sakit</br>
Dibuat untuk Tugas</br>
Akhir Jurusan Tehnik
Informatika</br> Fakultas Ilmu Komputer</br> <strong>Universitas Mercubuana Jakarta</strong></p></li> </ul> </div> </div>
<div data-role="footer" data-position="fixed" data-theme="a"> <h1>© Copyright 2017</h1> </div> </div> </body> </html>
Gambar 5.8 Halaman tentang 5.2 Pengujian Fungsionalitas
Proses pengujian ini di lakukan dengan cara install aplikasi pada device. Dalam hal ini penulis akan menggunakan metode pengujian aplikasi blackbox. Untuk melihat apakah fungsi-fungsi pada aplikasi berjalan dengan baik atau tidak dan juga mengetahui di bagian mana saja terdapat kesalahan pada aplikasi ini untuk segera dapat di perbaiki oleh penulis.
5.2.1 Lingkungan Pengujian
Aplikasi pencarian lokasi Rumah sakit ini diuji menggunakan Smartphone
Android.
Spesifikasi Android:
Asus Zenfone 5 A500CG
Display 5” – 720 x 1280 pixels
Memory Internal – 8GB
RAM – 2GB
CPU – Dual Core
OS – Android KitKat4.4.2 5.2.2 Skenario Pengujian
Pengujian aplikasi ini dilakukan menggunakan SmartPhone Asus Zenfone 5. Item yang diuji antara lain:
Tabel 5.1 Skenario Pengujian Aplikasi
No Nama Tes Sifat Kegiatan Hasil Yang
Diharapkan
1. Masuk halaman
menu
Normal Menampilkan
halaman menu
2. Memilih lihat peta Normal Menampilkan
halaman radius
3. Memilih radius Normal Menampilkan
halaman map lokasi Rumah sakit terdekat Tidak normal Menampilkan alert
4. Memilih data Rumah sakit Normal Menampilkan halaman daftar lokasi Rumah sakit
Lanjutan Tabel 5.1
5. Memilih lokasi
Rumah sakit
Normal Menampilkan
halaman info lokasi Rumah sakit
Tidak normal Menampilkan alert
6. Memilih lihat rute Normal Menampilkan
halaman map informasi rute Tidak normal Menampilkan alert
7. Memilih bantuan Normal Menampilkan
halaman bantuan
8. Memilih tentang Normal Menampilkan
halaman tentang 9. Kembali ke halaman sebelumnya Normal Menampilkan halaman sebelumnya 10. Memilih keluar aplikasi
Normal Keluar aplikasi
5.2.3 Hasil Pengujian Aplikasi
Tabel 5.2 Hasil Pengujian Aplikasi
No Nama Tes Sifat
Kegiatan Hasil Yang diharapkan Hasil Pengujian 1. Masuk halaman menu Normal Menampilkan halaman menu Valid 2. Memilih lihat peta Normal Menampilkan halaman radius Valid 3. Memilih radius Normal Menampilkan halaman map Valid
Lanjutan Tabel 5.2 Tidak normal Menampilkan alert Valid 4. Memilih data Rumah sakit Normal Menampilkan halaman daftar lokasi Rumah sakit Valid Tidak normal Menampilkan alert Valid 5. Memilih lokasi Rumah sakit Normal Menampilkan halaman detail lokasi Rumah sakit Valid Tidak normal Menampilkan alert Valid 6. Memilih lihat rute Normal Menampilkan halaman map informasi rute Valid Tidak normal Menampilkan alert Valid 7. Memilih bantuan Normal Menampilkan halaman bantuan Valid 8. Memilih tentang Normal Menampilkan halaman tentang Valid 9. Kembali ke halaman sebelumnya Normal Menampilkan halaman sebelumnya Valid 10. Memilih keluar aplikasi
5.3 Analisis Hasil Pengujian
Setelah tahap pengujian blackbox diatas terhadap semua fungsi pada Aplikasi pencarian lokasi Rumah sakit dengan menggunkan metode haversine
formula berbasis android yang sudah dijalankan, maka dapat disimpulkan:
1. Pada saat pembuatan aplikasi penulis menggunakan smartphone android untuk mengetahui error dan yang lainnya, sehingga aplikasi dapat berjalan dengan baik pada android.
2. Fungsi-fungsi pada aplikasi berjalan dengan baik seperti, mengambil data JSON pada web server, menampilkan peta lokasi Rumah sakit terdekat dengan radius yang dipilih oleh pengguna, menampilkan peta rute menuju lokasi Rumah sakit dari posisi pengguna dan menampilkan informasi rute. 3. Aplikasi membutuhkan waktu untuk mengakses data lokasi Rumah sakit
