BAB V IMPLEMENTASI DAN PENGUJIAN
|
|
|
- Ridwan Chandra
- 6 tahun lalu
- Tontonan:
Transkripsi
1 BAB V IMPLEMENTASI DAN PENGUJIAN 5.1 Implementasi Basis Data 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 modulmodul 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. 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, ) ENGINE=InnoDB DEFAULT CHARSET=latin1; 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. 55
2 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> 1.3.2/jquery.mobile min.css" /> <link rel="stylesheet" href="index.css" /> <link rel="stylesheet" href="jquery.mobile- <script src="jquery.mobile-1.3.2/jquery min"></script> <script src="jquery.mobile-1.3.2/jquery.mobile min.js"></script> <script type="text/javascript" charset="utf-8" src="cordova 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() { 56
3 go_back, false); document.addeventlistener("backbutton", }, 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 data-role="header" data-position="fixed" datatheme="e"> <h1>menu</h1> <div data-role="content"> <p style="text-align: center"><input type="image" data-role="none" src=gambar/logors1.png /></p> <ul data-role="listview" datainset="true" data-theme="d"> <!-- <li><a href="#getallmarker">rumah Sakit Terdekat</a></li> --> 57
4 <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 data-role="footer" data-position="fixed" datatheme="e"> <h1> Copyright 2017</h1> <!-- <script type="text/javascript" charset="utf-8" src="index.js"></script> --> </body> </html> 58
5 Berikut adalah tampilan halaman menu: Gambar 5.1 Halaman menu 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> <head> 59
6 <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> 1.3.2/jquery.mobile min.css" /> <link rel="stylesheet" href="index.css" /> <link rel="stylesheet" href="jquery.mobile- <script src="jquery.mobile-1.3.2/jquery min"></script> <script src="jquery.mobile-1.3.2/jquery.mobile min.js"></script> <script type="text/javascript" charset="utf-8" src="cordova 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" datatheme="e"> <a href="index.html" rel="external">kembali</a><h1>radius</h1> <div data-role="content"> <ul data-role="listview" datainset="true" align="center" data-theme="d"> <li><p style="text-align: center">pilih radius yang anda inginkan </p> </li> 60
7 <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 data-role="footer" data-position="fixed" datatheme="e"> <h1> Copyright 2017</h1> </body> </hthml> 61
8 Berikut adalah tampilan halaman radius: Gambar 5.1 Halaman Radius 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 62
9 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> 1.3.2/jquery.mobile min.css" /> <link rel="stylesheet" href="index.css" /> <link rel="stylesheet" href="jquery.mobile- <script src="jquery.mobile-1.3.2/jquery min"></script> <script src="jquery.mobile-1.3.2/jquery.mobile min.js"></script> <script type="text/javascript" charset="utf-8" src="cordova 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=" d"></script> <style> #contentmap { padding: 0; position : absolute!important; top : 40px!important; right : 0; 63
10 } </style> bottom : 40px!important; left : 0!important; </head> <body> <div id="getallmarker1" data-role="page" class="mainpage"> <div data-role="header" data-position="fixed" datatheme="e"> <a href="index.html" rel="external">kembali</a><h1>map</h1> <div data-role="content"> <div id="contentmap"> <div id="map_canvas1" style="height:100%"> <div data-role="footer" data-position="fixed" datatheme="e"> <h1> Copyright 2017</h1> </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 64
11 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; } } position.coords.latitude; position.coords.longitude; parsefloat(loaddata.latitude); parsefloat(loaddata.longitude); var lat1 = var lon1 = var lat2 = var lon2 = lat1.torad(); lat2.torad(); lat1).torad(); lon1).torad(); var R = 6371; // metres var dlat1 = var dlat2 = var slat = (lat2- var slon = (lon2-65
12 Math.sin(slat/2) * Math.sin(slat/2) + var a = Math.cos(dlat1) * Math.cos(dlat2) * Math.sin(slon/2) * Math.sin(slon/2); Math.atan2(Math.sqrt(a), Math.sqrt(1-a)); var c = 2 * var d = R * c; google.maps.infowindow(); var info_window = new google.maps.event.addlistener(markerall, (function(markerall) { return function() { 'click', info_window.setcontent(loaddata.nama_rs+'</br> Jarak '+d+' km'); info_window.open(map, markerall); 66
13 Berikut adalah tampilan halaman lihat peta: Gambar 5.2 Halaman Lihat Peta 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. 67
14 <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> 1.3.2/jquery.mobile min.css" /> <link rel="stylesheet" href="index.css" /> <link rel="stylesheet" href="jquery.mobile- <script src="jquery.mobile-1.3.2/jquery min"></script> <script src="jquery.mobile-1.3.2/jquery.mobile min.js"></script> <script type="text/javascript" charset="utf-8" src="cordova 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 data-role="header" data-position="fixed" datatheme="e"> <a href="index.html" rel="external">kembali</a><h1>pilih Rumah Sakit</h1> <div data-role="content"> 68
15 <ul id="rslist" data-role="listview" datatheme="d" data-inset="true" data-filter="true" data-filterplaceholder="cari Rumah Sakit..."></ul> <div data-role="footer" data-position="fixed" datatheme="e"> <h1> Copyright 2017</h1> </body> </html> Berikut adalah tampilan halaman data lokasi: Gambar 5.3 Halaman Data Lokasi 69
16 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, maximumscale=1.0, user-scalable=no, width=device-width"> <title>pencarian Rumah Sakit</title> 1.3.2/jquery.mobile min.css" /> <link rel="stylesheet" href="index.css" /> <link rel="stylesheet" href="jquery.mobile- <script src="jquery.mobile-1.3.2/jquery min"></script> <script src="jquery.mobile /jquery.mobile min.js"></script> <script type="text/javascript" charset="utf- 8" src="cordova 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> 70
17 <script type="text/javascript" src=" e&language=id"></script> </head> <body> <div id="pagedetail" data-role="page" class="main-page"> <div data-role="header" dataposition="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 data-role="footer" dataposition="fixed" data-theme="e"> <div data-role="navbar"> <ul> 71
18 <li><a href="#directmap">lihat Rute</a></li> </ul> <h1> Copyright 2017</h1> <div id="directmap" data-role="page" class="main-page"> <div data-role="header" dataposition="fixed" data-theme="e"> <a href="#pagedetail">kembali</a><h1>rute</h1> <div data-role="content"> <ul data-role="listview" datainset="true" data-theme="d" data-dividertheme="d"> <li data-role="listdivider"></li> <li id="map_canvas" style=" height:300px;"></li> <li id="directionpanel"></li> </ul> <div data-role="footer" dataposition="fixed" data-theme="e"> <h1> Copyright 2017</h1> </body> 72
19 </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); } }); Berikut adalah tampilan halaman info lokasi rumah sakit : 73
20 Gambar 5.5 Info lokasi rumah sakit 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> 74
21 <meta http-equiv="content-type" name="viewport" content="initial-scale=1.0, maximumscale=1.0, user-scalable=no, width=device-width"> <title>pencarian Rumah Sakit</title> 1.3.2/jquery.mobile min.css" /> <link rel="stylesheet" href="index.css" /> <link rel="stylesheet" href="jquery.mobile- <script src="jquery.mobile-1.3.2/jquery min"></script> <script src="jquery.mobile /jquery.mobile min.js"></script> <script type="text/javascript" charset="utf- 8" src="cordova 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=" e&language=id"></script> </head> <body> <div id="pagedetail" data-role="page" class="main-page"> <div data-role="header" dataposition="fixed" data-theme="e"> <a href="daftarrs.html" rel="external">kembali</a><h1>info</h1> 75
22 <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 data-role="footer" dataposition="fixed" data-theme="e"> <div data-role="navbar"> <ul> <li><a href="#directmap">lihat Rute</a></li> </ul> <h1> Copyright 2017</h1> <div id="directmap" data-role="page" class="main-page"> <div data-role="header" dataposition="fixed" data-theme="e"> <a href="#pagedetail">kembali</a><h1>rute</h1> 76
23 <div data-role="content"> <ul data-role="listview" datainset="true" data-theme="d" data-dividertheme="d"> <li data-role="listdivider"></li> <li id="map_canvas" style=" height:300px;"></li> <li id="directionpanel"></li> </ul> <div data-role="footer" dataposition="fixed" data-theme="e"> <h1> Copyright 2017</h1> </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 77
24 }; directionsservice.route(request, function(response, status) { if (status == google.maps.directionsstatus.ok) { directionsdisplay.setdirections(response); } }); }); } Berikut adalah tampilan halaman rute lokasi rumah sakit: 78
25 Gambar 5.4 Halaman rute lokasi rumah sakit 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, maximumscale=1.0, user-scalable=no, width=device-width"> <title>pencarian Rumah Sakit</title> 1.3.2/jquery.mobile min.css" /> <link rel="stylesheet" href="index.css" /> <link rel="stylesheet" href="jquery.mobile- <script src="jquery.mobile-1.3.2/jquery min"></script> <script src="jquery.mobile /jquery.mobile min.js"></script> <script type="text/javascript" charset="utf- 8" src="cordova js"></script> <script type="text/javascript" charset="utf- 8" src="index.js"></script> </head> <body> 79
26 <div data-role="page" class="main-page" data-dom-cache="false"> <div data-role="header" dataposition="fixed" data-theme="e"> <a href="index.html" rel="external">kembali</a><h1>bantuan</h1> <div data-role="content"> <ul datarole="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" datarole="none" src=gambar/data.jpg style="width:250px; height:380px;" /></p> <p style="text-align: center"><input type="image" datarole="none" src=gambar/gps.jpg style="width:250px; height:380px;" /></p> 80
27 <ul datarole="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" datarole="none" src=gambar/mapsrs.png style="width:250px; height:380px;" /></p> <ul datarole="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" datarole="none" src=gambar/carirs.jpg style="width:250px; height:380px;" /></p> <p style="text-align: center"><input type="image" datarole="none" src=gambar/carirute.jpg style="width:250px; height:380px;" /></p> 81
28 <div data-role="footer" dataposition="fixed" data-theme="e"> <h1> Copyright 2017</h1> </body> </html> Berikut adalah tampilan halaman bantuan: Gambar 5.7 Halaman bantuan 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> 82
29 <meta http-equiv="content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, userscalable=no, width=device-width"> <title>pencarian Rumah Sakit</title> 1.3.2/jquery.mobile min.css" /> <link rel="stylesheet" href="index.css" /> <link rel="stylesheet" href="jquery.mobile- <script src="jquery.mobile-1.3.2/jquery min"></script> <script src="jquery.mobile-1.3.2/jquery.mobile min.js"></script> <script type="text/javascript" charset="utf-8" src="cordova 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" dataposition="fixed" data-theme="e"> <a href="index.html" rel="external">kembali</a><h1>tentang</h1> <div data-role="content"> <ul data-role="listview" datainset="true" align="center" data-theme="d"> <li><p style="textalign: center">aplikasi Pencarian Lokasi Rumah Sakit</br> 83
30 Dibuat untuk Tugas</br> Akhir Jurusan Tehnik Informatika</br> Fakultas Ilmu Komputer</br> <strong>universitas Mercubuana Jakarta</strong></p></li> </ul> <div data-role="footer" dataposition="fixed" data-theme="a"> <h1> Copyright 2017</h1> </body> </html> Berikut adalah tampilan halaman tentang: 84
31 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. 85
32 5.2.1 Lingkungan Pengujian Android. Aplikasi pencarian lokasi Rumah sakit ini diuji menggunakan Smartphone Spesifikasi Android: Asus Zenfone 5 A500CG Display x 1280 pixels Memory Internal 8GB RAM 2GB CPU Dual Core OS Android KitKat 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 1. Masuk halaman menu Normal Hasil Yang Diharapkan Menampilkan halaman menu 2. Memilih lihat peta Normal Menampilkan halaman radius 3. Memilih radius Normal Menampilkan 4. Memilih data Rumah sakit Tidak normal Normal Tidak normal halaman map lokasi Rumah sakit terdekat Menampilkan alert Menampilkan halaman daftar lokasi Rumah sakit Menampilkan alert 86
33 Lanjutan Tabel 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 Normal Menampilkan halaman sebelumnya halaman sebelumnya 10. Memilih keluar Normal Keluar aplikasi aplikasi Hasil Pengujian Aplikasi Tabel 5.2 Hasil Pengujian Aplikasi No Nama Tes Sifat Kegiatan 1. Masuk Normal halaman menu 2. Memilih Normal lihat peta 3. Memilih Normal radius Hasil Yang diharapkan Menampilkan halaman menu Menampilkan halaman radius Menampilkan halaman map Hasil Pengujian Valid Valid Valid 87
34 Lanjutan Tabel Memilih data Rumah sakit 5. Memilih lokasi Rumah sakit 6. Memilih lihat rute 7. Memilih bantuan 8. Memilih tentang 9. Kembali ke halaman sebelumnya 10. Memilih keluar aplikasi Tidak normal Menampilkan alert Valid Normal Menampilkan Valid halaman daftar lokasi Rumah sakit Tidak Menampilkan Valid normal alert Normal Menampilkan Valid halaman detail lokasi Rumah sakit Tidak Menampilkan Valid normal alert Normal Menampilkan Valid halaman map informasi rute Tidak Menampilkan Valid normal alert Normal Menampilkan Valid halaman bantuan Normal Menampilkan Valid halaman tentang Normal Menampilkan Valid halaman sebelumnya Normal Keluar aplikasi Valid 88
35 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 dan peta karena membutuhkan koneksi internet. 89
BAB IV IMPLEMENTASI DAN PENGUJIAN
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
BAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah sistem dianalisis dan didesain secara rinci, tahap selanjutnya adalah implementasi. Implementasi sistem merupakan tahap meletakkan sistem sehingga
BAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN Bab ini menjelaskan mengenai implementasi dari prototype aplikasi mobile pencarian lokasi apartemen di jakarta berbasis android yang akan dibuat dan hasil pengujian terhadap
DAFTAR PUSTAKA. Andi, Menguasai Pemerograman Web Dengan Java Script. Wahana Komputer 2010
DAFTAR PUSTAKA Andi, Menguasai Pemerograman Web Dengan Java Script. Wahana Komputer 2010 Enterprise,Jubilee.2011.Step by Step HTML5, cara cepat menguasai script HTML5,Yogyakarta : Elex Media Komputindo
DAFTAR PUSTAKA. Fathansyah. (2007). Basis Data. Informatika : Bandung.
DAFTAR PUSTAKA Fathansyah. (2007). Basis Data. Informatika : Bandung. Pressman, Roger S. (2012). Rekayasa Perangkat Lunak Buku Dua, Pendekatan Praktisi (Edisi 7). Andi : Yogyakarta. Saputra, Agus. (2012).
Menggunakan Vibration pada Cordova
Menggunakan Vibration pada Cordova Juli 2015 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Artikel kali ini akan menjelaskan cara menggetarkan perangkat mobile dengan menggunakan API Cordova. Teknik
BAB III ANALISA DAN PERANCANGAN Pada bagian ini penulis akan menjelaskan system analisis dan perancangan dalam membuat pembuatan aplikasi ini. Setelah semua kebutuhan selesai dianalisis, maka penulis akan
4. Tambahkan dukungan untuk platform Android. Silakan masuk ke folder..\cordova\workshop\ accelerometer dan jalankan perintah:
Menggunakan Accelerometer pada Cordova Juli 2015 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Accelerometer adalah sensor gerak yang mendeteksi perubahan (delta) dalam gerakan relatif terhadap posisi
Menggunakan Geolocation pada Cordova
Menggunakan Geolocation pada Cordova Juli 2015 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Geolocation memberikan informasi lokasi dari perangkat seperti garis lintang (latitude) dan bujur (longitude).
Menggunakan Connection pada Cordova
Menggunakan Connection pada Cordova Juli 2015 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Connection memberikan informasi tipe dari koneksi ke jaringan selular atau jaringan. Artikel kali ini akan
Menampilkan Battery Status pada Cordova
Menampilkan Battery Status pada Cordova Juli 2015 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Artikel kali ini akan menjelaskan cara menampilkan status baterai (battery status) pada perangkat mobile
BAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Implementasi atau tahap penerapan ini adalah suatu bentuk kegiatan yang merupakan rangkaian lanjutan dari kegiatan perancangan perangkat lunak, implementasi
MODUL 13 INTERKONEKSI CLIENT-SERVER JQUERY
MODUL 13 INTERKONEKSI CLIENT-SERVER JQUERY A. Tujuan : 1. Memahami pembuatan user interface 2. Memahami transmisi data pada user interface 3. Memahami passing parameter dalam koneksi client-server B. Dasar
BAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah melakukan analisa dan perancangan terhadap Aplikasi Panduan Wisata Religi Kota Tangerang dan Sekitarnya maka tahapan selanjutnya ialah tahap implementasi.
BAB 3 PERANCANGAN SISTEM
BAB 3 PERANCANGAN SISTEM 1. Perancangan sistem Gambar 1. Ilustrasi Garis Besar Perancangan Sistem. Sistem ini secara umum terdiri dari 3 bagian utama, yaitu bagian pengirim lokasi, server, dan pelacak.
BAB IV IMPLEMENTASI DAN PENGUJIAN. antarmuka, menu yang tersedia pada sistem, form-form masukan, analisis kinerja
BAB IV IMPLEMENTASI DAN PENGUJIAN Pada bab ini akan dibahas implementasi dari perancangan Sistem Informasi Geografis Pariwisata Pulau Bintan yang meliputi batasan implementasi, tampilan antarmuka, menu
BAB IV IMPLEMENTASI DAN PENGUJIAN. construction. Pada tahap construction dilakukan implementasi yang merupakan
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Tahapan Construction Setelah melewati tahapan inception dan elaboration selanjutnya tahapan construction. Pada tahap construction dilakukan implementasi yang merupakan
BAB IV PROTOTIPE, PENGEMBANGAN, DAN VERIFIKASI
BAB IV PROTOTIPE, PENGEMBANGAN, DAN VERIFIKASI Pada bab ini akan dibahas mengenai prototipe, pengembangan modul aplikasi Jafaik beserta faktor pendukung yang dibutuhkan oleh sistem, serta hasil pengujian
MENAMPILKAN GOOGLE MAPS DI WEB BROWSER DENGAN HTML5
MENAMPILKAN GOOGLE MAPS DI WEB BROWSER DENGAN HTML5 Agung Nugroho Agung.nugroho@raharja.info :: http://ngapainbingung.com Abstrak Google Maps merupakan maps yang paling popular karena keakuratannya dan
BAB IV. Implementasi dan Pengujian
BAB IV Implementasi dan Pengujian 4.1. Implementasi Aplikasi Setelah sistem dianalisis dan didesain secara rinci, maka akan menuju tahap implementasi dan pengujian aplikasi. Pada tahap implementasi terdapat
BAB IV IMPLEMENTASI DAN PENGUJIAN. program. Pada awal bagian ini dijabarkan spesifikasi perangkat keras dan lunak pada
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Implementasi prototype merupakan tahap pengembangan rancangan menjadi kode program. Pada awal bagian ini dijabarkan spesifikasi perangkat keras dan lunak
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM. 4.1 Spesifikasi Perangkat Keras dan Perangkat Lunak
64 BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Spesifikasi Perangkat Keras dan Perangkat Lunak 4.1.1 Spesifikasi Perangkat Keras Perangkat keras yang digunakan untuk aplikasi E-Dictionary alat ini adalah
BAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Hasil Berikut adalah tampilan hasil dan uji coba dari sistem informasi geografis penyebaran toko optik kacamata berbasis android di kota medan. IV.1.1. Tampilan Menu Utama
BAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN Pada BAB ini akan dibahas mengenai Implementasi aplikasi informasi perguruan tinggi untuk program studi teknik informatika di wilayah jabodetabek beserta factor-faktor
MODUL 12 PENGENALAN JQUERY MOBILE
MODUL 12 PENGENALAN JQUERY MOBILE INTERNET PROGRAMMING PENS A. Tujuan : 1. Memahami jquery mobile 2. Memahami interkoneksi antar halaman 3. Memahami pembuatan aplikasi jquery B. Dasar Teori Beberapa aplikasi
Menampilkan Markers Google Maps API dengan PHP dan MySQL
Menampilkan Markers Google Maps API dengan PHP dan MySQL Oleh: Hasyemi Rafsanjani Asyari Hai-hai teman-teman jagocoding. Kali ini sedikit lebih advance, tapi tetap masih pada topik tentang Google Maps!
BAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN Pembuatan Sistem Pakar Diagnosa Gangguan Perkembangan Batita dibangun dengan halaman utama yang berbeda tiap penggunaannya. Pada sistem ini, yang dapat mengakses adalah
BAB IV ANALISIS DAN PERANCANGAN SISTEM. atau tata cara memperoleh rute pariwisata di Provinsi Jawa Barat yang sedang
BAB IV ANALISIS DAN PERANCANGAN SISTEM 4.1. Analisis Sistem yang Berjalan Analisis sistem yang berjalan dilakukan untuk mengetahui bagaimana alur atau tata cara memperoleh rute pariwisata di Provinsi Jawa
BAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah tahap analisa dan tahap perancangan sistem aplikasi, maka tahap selanjutnya merupakan tahap implementasi. Akan dibahas mengenai tahap implementasi
BAB III ANALISA DAN DESAIN. yang jelas untuk perbaikan ataupun pengembangan dari suatu sistem.
27 BAB III ANALISA DAN DESAIN Analisis sistem digunakan untuk melakukan penguraian terhadap suatu sistem informasi secara nyata yang bertujuan untuk melakukan identifikasi terhadap masalah yang mungkin
BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM. Hardware yang dibutuhkan untuk membuat aplikasi adalah sebagai berikut :
BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM 3.1 Alat dan Bahan untuk Membuat Aplikasi 3.1.1 Alat 3.1.1.1 Hardware Hardware yang dibutuhkan untuk membuat aplikasi adalah sebagai berikut : a. Laptop
Menampilkan multiple marker Google Maps API
Menampilkan multiple marker Google Maps API Oleh: Hasyemi Rafsanjani Asyari Masih berhubungan dengan Google Maps, kali ini saya akan mengajarkan bagaimana menampilkan banyak marker pada map. Kalau pada
BAB 4 PERANCANGAN Perancangan Algoritma Algoritma shortest path (Haversine formula)
BAB 4 PERANCANGAN 4.1. Perancangan Algoritma 4.1.1 Algoritma shortest path (Haversine formula) Algoritma shortest path akan menghasilkan persamaan penting dalam sistem navigasi, nantinya haversine formula
BAB III ANALISA DAN PERANCANGAN 3.1 Analisa Sistem Tanah dalam perspektif ekonomi merupakan suatu investasi yang mempunyai nilai tinggi dan terus meningkat dari tahun ke tahun. Peningkatan nilai tanah
BAB IV IMPLEMENTASI SISTEM DAN PENGUJIAN
BAB IV IMPLEMENTASI SISTEM DAN PENGUJIAN 4.1 Implementasi Implementasi diterapkan dengan maksud agar sistem yang telah dibuat dapat berjalan secara efektif dan dapat membantu kebutuhan operator dilapangan
Mendeteksi Lokasi dengan HTML5 Geolocation
Mendeteksi Lokasi dengan HTML5 Geolocation Oleh: Hasyemi Rafsanjani Asyari Di tutorial kali ini masih berkaitan dengan google maps, yaitu kita akan membuat script dimana kita bisa mendeteksi lokasi dari
KAJIAN 3 Web Responsive
KAJIAN 3 Web Responsive Modul 10 Pengantar Web Responsive Modul 11 Perancangan Web Responsive 73 KAJIAN 3 Web Responsive MODUL 10 Pengantar Web Responsive 10.1. TUJUAN Mengetahui dan memahami dasar perancangan
TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah
TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah www.ilmuwebsite.com Bagian 7. Membuat Data Pagination Menggunakan
Menampilkan Google Maps V3 pada halaman website
Menampilkan Google Maps V3 pada halaman website Oleh: Hasyemi Rafsanjani Asyari Sekilas tentang Google Maps, ya semua mungkin hampir sudah tahu merupakan salah satu produk dari Google. Dengan Google Maps
Menampilkan Splash Screen pada Cordova
Menampilkan Splash Screen pada Cordova Juli 2015 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Artikel kali ini akan menjelaskan cara menampilkan splash screen dari sebuah aplikasi dengan menggunakan
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi Tahap implementasi adalah tahap penerapan aplikasi yang dibuat sesuai dengan analisis dan perancangan yang telah dilakukan sebelumnya dan diharapkan
BAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Hasil Berikut adalah tampilan hasil dan uji coba dari Sistem Informasi Geografis Lokasi Tempat Bersejarah Di Kota Medan Berbasis Android. IV.1.1. Tampilan Menu Utama Tampilan
BAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Proses Aplikasi Pada bab ini akan dibahas implementasi sistem rancang bangun Aplikasi pencarian pasal-pasal undang-undang hukum dengan metode String Matching hingga
BAB III ANALISIS DAN PERANCANGAN
BAB III ANALISIS DAN PERANCANGAN Bab ini akan menjelaskan sistem analisis dan perancangan pada aplikasi Pencarian Hadits Riyadhus shalihin, tahap pertama adalah analisis dan dilanjutkan dengan perancangan
BAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN Pada BAB ini akan dibahas mengenai Implementasi aplikasi Pahlawan Nasional beserta factor-faktor pendukung system, serta hasil pengujian terhadap aplikasi pada beberapa
LAMPIRAN.
61 DAFTAR PUSTAKA Andasasmita, Komar. 1990a. Notaris II, Contoh Akta Otentik dan Penjelasannya. Jawa Barat: Ikatan Notaris Indonesia Komisariat Jawa Barat. ------------------------------. 1990b. Notaris
BAB IV ANALISA DAN PERANCANGAN
BAB IV ANALISA DAN PERANCANGAN 4.1. Analisis Sistem Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM. 4.1 Implementasi Sistem Implementasi bisa diartikan sebagai pelaksanaan atau penerapan atau bisa
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi Sistem Implementasi bisa diartikan sebagai pelaksanaan atau penerapan atau bisa disebut juga sebagai proses untuk melakukan interaksi, Maka dalam
BAB IV HASIL DAN PEMBAHASAN. Pada tahap ini penulis mengumpulkan data-data berupa nama dan titik
BAB IV HASIL DAN PEMBAHASAN 4.1 Hasil Penelitian 4.1.1 Pengumpulan Data Pada tahap ini penulis mengumpulkan data-data berupa nama dan titik koordinat lokasi Apotik, Mall dan Supermarket. Data tentang apotik,
BAB V IMPLEMENTASI DAN PENGUJIAN APLIKASI. implementasi. Implementasi sistem adalah suatu tahap penerapan atau
BAB V IMPLEMENTASI DAN PENGUJIAN APLIKASI 5.1 Implementasi Setelah melakukan implementasi, maka tahapan selanjutnya ialah tahap implementasi. Implementasi sistem adalah suatu tahap penerapan atau pelaksanaan
6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco
6. HTML & CSS PTI15010 Pemrograman Web Agi Putra Kharisma, S.T., M.T. Genap 2014/2015 Desain slide ini dadaptasi dari University of San Fransisco HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan
Gambar 3.1 Flowchart Membuat Rute Lari
BAB III ANALISA DAN PERANCANGAN Bab ini akan menjelaskan analisa sistem dan perancangan sebuah prototipe aplikasi android untuk melakukan pembuatan rute lari dengan menggunakan algoritma haversine formula.
BAB IV. Implementasi dan Pengujian
BAB IV Implementasi dan Pengujian Pada BAB ini akan dibahas mengenai Implementasi aplikasi Tajwid dan Hijaiyah beserta factor-faktor pendukung system, serta hasil pengujian terhadap aplikasi pda beberapa
BAB III ANALISA DAN DESAIN
BAB III ANALISA DAN DESAIN III.1. Analisis Masalah Kemudahan untuk mendapatkan informasi merupakan salah satu tuntutan di era teknologi yang semakin berkembang, seperti misalnya kemudahan untuk mengakses
BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM SISTEM PENCARIAN LOKASI PERGURUAN TINGGI DI DAERAH ISTIMEWA YOGYAKARTA MENGGUNAKAN GOOGLE
BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM 4.1 Implementasi Sistem SISTEM PENCARIAN LOKASI PERGURUAN TINGGI DI DAERAH ISTIMEWA YOGYAKARTA MENGGUNAKAN GOOGLE MAPS BERBASIS ANDROID dibangun dengan menggunakan
PRAKTIKUM 10 REPORT LANJUTAN 72 C. TUGAS PENDAHULUAN Buat perancangan report untuk pegawai dan kerja seperti contoh dibawah ini : D. PERCOBAAN Buka da
Praktikum 10 Report Lanjutan A. TUJUAN 1. Menjelaskan tentang pengurutan dan pengelompokan data pada report 2. Menjelaskan tentang penambahkan header dan footer pada report 3. Menambahkan data dalam bentuk
Model Rute dan Peta Interaktif Posyandu di Kota Semarang menggunakan Geolocation dan Haversine Berbasis Mobile Android
Model Rute dan Peta Interaktif Posyandu di Kota Semarang menggunakan Geolocation dan Haversine Berbasis Mobile Android Sariyun Naja Anwar, Isworo Nugroho dan Edy Supriyanto Fakultas Teknologi Informasi,
Bab III PERANCANGAN SISTEM
Bab III PERANCANGAN SISTEM 1.1 Analisa Kebutuhan Telah dijelaskan dibab satu tentang masalah yang muncul dalam proses pemesanan tiket bus, dengan memanfaatkan fasilitas internet yaitu website. Penulis
Membuat Duplikasi Form dengan Jquery (Dynamic Form)
Membuat Duplikasi Form dengan Jquery (Dynamic Form) Oleh: Dimas Agung Noviyanto Membuat dynamic field mungkin bukan hal baru bagi seorang web programmer, field inputan yang dapat ditambah maupun di hapus
BAB III ANALISIS DAN PERANCANGAN
BAB III ANALISIS DAN PERANCANGAN III.1. Analisa Sistem Dalam tahap ini membahas tentang perancangan aplikasi yang penulis rencanakan, yaitu sebuah aplikasi yang bertujuan memberikan layanan absensi Sekolah
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
49 BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi Implementasi merupakan tahap pengembangan rancangan menjadi kode program. Pada awal bagian ini dijabarkan spesifikasi perangkat keras dan lunak
Aplikasi Location Base System Penyedia Informasi Layanan Darurat Berbasis Android
Aplikasi Location Base System Penyedia Informasi Layanan Darurat Berbasis Android Rifiana Arief 1, Gestyar Satrio Adji 2 Program Studi Sistem Informasi, Fakultas Ilmu Komputer dan Teknologi Informasi Universitas
BAB V IMPLEMENTASI DAN KESIMPULAN
BAB V IMPLEMENTASI DAN KESIMPULAN Pada bab ini penulis akan membahas lebih dalam mengenai implementasi dan hasil uji coba terhadap sistem aplikasi yang telah dibuat. Uji coba ini bertujuan untuk mengetahui
BAB IV IIMPLEMENTASI DAN PENGUJIAN. Implementasi merupakan tahap pengembangan dimana hasil analisis dan
BAB IV IIMPLEMENTASI DAN PENGUJIAN Implementasi merupakan tahap pengembangan dimana hasil analisis dan perancangan dijadikan acuan dalam pembuatan kode program. Pada awal bagian ini akan dijelaskan spesifikasi
BAB III ANALIS DAN PERANCANGAN
BAB III ANALIS DAN PERANCANGAN Bab akan menjelaskan sistem analisis dan perancangan pada aplikasi permainan asah otak dengan teka-teki logika berbasis Android, tahap pertama adalah analisis dan di lanjut
SISTEM INFORMASI GEOGRAFIS OBJEK WISATA MENGGUNAKAN GOOGLE MAPS API STUDI KASUS KABUPATEN MOJOKERTO
SISTEM INFORMASI GEOGRAFIS OBJEK WISATA MENGGUNAKAN GOOGLE MAPS API STUDI KASUS KABUPATEN MOJOKERTO Siswanto Jurusan Teknik Informatika, Dosen Pembimbing Politeknik Elektronika Negeri Surabaya Institut
BAB III ANALISIS DAN DESAIN SISTEM
BAB III ANALISIS DAN DESAIN SISTEM III.1. Analisa Sistem yang berjalan Proses yang sedang berjalan dalam penginformasian mengenai data lokasi Kantor Kecamatan di Kota Medan masih menggunakan daftar tabel
MODUL PRAKTIKUM SISTEM TERDISTRIBUSI
MODUL PRAKTIKUM SISTEM TERDISTRIBUSI WEB API Yuli Purwati, M.Kom Praktikum 8 7 Juni 2017 Aplikasi ASP.NET Web Api 1. Pembuatan Web Api Buat project baru pada Visual Studio, File New Project. Lalu, pilih
Lampiran Kode Program 1. Fw_jemput_penumpang.php Tugas Modul 2-3. <?php //Header File XML header("content-type: text/xml"); include("koneksi.php");
A. DataLokasi Tugas Modul 2-3
BAB IV HASIL DAN PEMBAHASAN. menyangkut dari kebutuhan-kebutuhan fisik, tenaga kerja dan dana. Perancangan sistem dapat diartikan sebagai :
BAB IV HASIL DAN PEMBAHASAN 4.1 Perancangan Sistem Perencanaan sistem adalah proses dimana sebuah sistem dirancang dan nantinya untuk dilakukan pengembangan sistem. Perencanaan sistem ini menyangkut dari
Membuat Chatbox Sederhana dengan Ajax jquery dan PHP PDO
Membuat Chatbox Sederhana dengan Ajax jquery dan PHP PDO Oleh: Ananda Mukhammad Ikhsan Chatbox adalah fitur yang cukup penting di website berbasis sosial media. Nah, kali ini saya akan memberikan tutorial
Membuat Scrollspy Dengan Bootstrap
Membuat Scrollspy Dengan Bootstrap Oleh: Hasyemi Rafsanjani Asyari Hai JagoCodingers. Apa kabar? Pernah ngga kalian membuka sebuah website lalu ada menu link navigasi yang akan terupdate atau terlihat
BAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Bagian ini akan menjelaskan mengenai batasan implementasi, lingkungan perangkat keras dan perangkat lunak, serta implementasi yang dilakukan berdasarkan
BAB 4 IMPLEMENTASI DAN PENGUJIAN
BAB 4 IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Implementasi adalah penerapan cara kerja sistem berdasarkan hasil analisa dan juga perancangan yang telah dibuat sebelumnya ke dalam suatu bahasa pemrograman
BAB V IMPLEMENTASI DAN PENGUJIAN PROGRAM
97 BAB V IMPLEMENTASI DAN PENGUJIAN PROGRAM Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang baru. Tahapan ini dilakukan setelah perancangan selesai dilakukan dan selanjutnya
BAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1. Implementasi Aplikasi Setelah sistem dianalisis dan didesain secara rinci, maka tahap selanjutnya yaitu implementasi dan pengujian aplikasi. Pada tahap implementasi
BAB IV UJI COBA DAN ANALISA
BAB IV UJI COBA DAN ANALISA Pada tahap ini dilakukan pengujian terhadap aplikasi yang telah dibuat untuk mengetahui apakah program telah dapat berjalan dan bekerja sebagaimana yang diharapkan. Selain itu
BAB IV HASIL DAN PEMBAHASAN
BAB IV HASIL DAN PEMBAHASAN IV.1. Tampilan Hasil Pada bab ini akan di jelaskan tampilan hasil dari aplikasi yang telah dibuat, yang digunakan untuk memperjelas tentang tampilan-tampilan yang ada pada Sistem
[SANGAT MUDAH] Cara Membuat Tab dengan Bootstrap
![[SANGAT MUDAH] Cara Membuat Tab dengan Bootstrap](/thumbs/60/44479155.jpg "[SANGAT MUDAH] Cara Membuat Tab dengan Bootstrap")
[SANGAT MUDAH] Cara Membuat Tab dengan Bootstrap Oleh: Arinadi Nur Rohmad Asalamualaikum.. Bagi yang seorang yang belum paham betul JQuery seperti saya, membuat Tab adalah pekerjaan yang cukup sulit..
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
59 BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 1.1 Implementasi Implementasi merupakan tahap pengembangan rancangan menjadi kode program. Pada awal bagian ini dijabarkan spesifikasi perangkat keras dan lunak
BAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Hasil Berikut adalah tampilan hasil dan uji coba dari Sistem Informasi Geografis Lokasi Toko Sepeda Gunung Di Kota Medan Berbasis Android. IV.1.1. Tampilan Menu Utama Tampilan
LEMBAR KERJA PRAKTIKUM. - JavaScript Alert yang ditampilkan browser saat membuka halaman home/index.html :
LEMBAR KERJA PRAKTIKUM Nim : 13-1401-164 Hari / Tgl TTD Asisten Nama Kelas : Muh. Idrus : DK-13 Mata kuliah : Pemrograman Web I Materi : JavaScript - JavaScript Alert yang ditampilkan browser saat membuka
MEMBANGUN SISTEM NAVIGASI DI SURABAYA MENGGUNAKAN GOOGLE MAPS API
MEMBANGUN SISTEM NAVIGASI DI SURABAYA MENGGUNAKAN GOOGLE MAPS API M. Syaiful Amri Jurusan Teknik Informatika, Dosen Pembimbing Politeknik Elektronika Negeri Surabaya Institut Teknologi Sepuluh Nopember
BAB IV HASIL DAN UJI COBA
65 BAB IV HASIL DAN UJI COBA IV.1. Tampilan Hasil Berikut ini dijelaskan tentang tampilan hasil dari Sistem Informasi Geografis Lokasi Laundri Di Kota Binjai Menggunakan Metode Haversine Formula Berbasis
4. BAB IV ANALISIS DAN PERANCANGAN SISTEM. diusulkan perancangan sistem baru, dimana kinerja dari suatu sistem yang baru
4. BAB IV ANALISIS DAN PERANCANGAN SISTEM 4.1 Perancangan Sistem Perancangan sistem dilakukan apabila tahap dari analisis sistem telah selesai dilakukan. Berdasarkan pada hasil analisis sistem yang sedang
Bab IV Prototipe Pengembangan dan Verifikasi
Bab IV Prototipe Pengembangan dan Verifikasi Pada bab ini akan dijelaskan tentang implementasi pada pengembangan yang telah direncanakan dan dirancang. Selain itu, pengujian dan verifikasi akan dilakukan
BAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Tampilan Hasil Dengan teknologi write once run everywhere, aplikasi-aplikasi android dapat dikembangkan dalam Java. Project Java Android digunakan untuk menjalankan dan
1.1. Latar Belakang Masalah
BAB I PENDAHULUAN 1.1. Latar Belakang Masalah Perkembangan teknologi khususnya dibidang mobile semakin pesat, khususnya teknologi informasi dan komunikasi. Dengan perkembangan teknologi yang maju, maka
BAB IV HASIL DAN PEMBAHASAN
BAB IV HASIL DAN PEMBAHASAN IV.1. Hasil Aplikasi telah dirancang menghasilkan informasi mengenai flora dan fauna beserta permainan tebak gambar dan tebak suara. IV.1 Tampilan Hasil Berikut ini dijelaskan
BAB I PENDAHULUAN. Universitas Kristen Maranatha
15 BAB I PENDAHULUAN 1.1. Latar Belakang Dengan perkembangan yang massif dari internet beberapa dekade ini banyak memberikan kontribusi yang besar untuk kemudahan dalam bekerja, baik untuk individu maupun
BAB III ANALISIS DAN DESAIN SISTEM
BAB III ANALISIS DAN DESAIN SISTEM III.1. Analisa Sistem yang berjalan Travel merupakan suatu agen yang melayani persoalan tiketing seperti pesawat terbang, kapal laut dan juga kereta api. Travel ini sudah
TUTORIAL APLIKASI WEB Dengan PHP dan MySQL
TUTORIAL APLIKASI WEB Dengan PHP dan MySQL Tutorial Aplikasi Web Dengan PHP dan MySQL A. DASAR TEORI PHP merpakan bahasa pemrograman yang sangat popular dalam pengembangan website dewasa ini, pada dasarnya,
BAB IV ANALISA DAN PERANCANGAN
BAB IV ANALISA DAN PERANCANGAN 4.1 Deskripsi Umum Sistem Sistem informasi kantor pemerintahan kota Pekanbaru yang dibangun merupakan aplikasi mobile menggunakan konsep client server. Aplikasi ini berfungsi
BAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Dalam implementasi aplikasi system informasi monitoring proyek konstruksi berbasis web, program akan di-install pada server yang disediakan oleh
3.9 Peta JSON Android Studio UML (Unified Modeling Language) Use Case Diagram
DAFTAR ISI HALAMAN JUDUL... ii HALAMAN PENGESAHAN... iii PERNYATAAN... iv MOTTO... v KATA PENGANTAR... vi DAFTAR ISI... viii DAFTAR GAMBAR... xi DAFTAR TABEL... xv INTISARI... xvi ABSTRACT... xvii BAB
BAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Jalannya Uji Coba Uji coba terhadap aplikasi dilakukan untuk melihat apakah fungsi-fungsi dasar aplikasi berjalan sebagaimana mestinya. Dalam melakukan uji coba terhadap
BAB III ANALISIS DAN PERANCANGAN SISTEM
28 BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 Alat dan Bahan 3.1.1 Alat Alat yang dibutuhkan untuk membangun Aplikasi Berbagi Cerita Wisata Surakata Berbasis Android yaitu meliputi hardware dan software
BAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Tampilan Hasil Berikut ini dijelaskan tentang tampilan hasil dari Sistem Informasi Geografis Penentuan Rute Terpendek Menuju Lokasi Lelang dapat dilihat sebagai berikut
BAB III ANALISIS DAN DESAIN SISTEM
BAB III ANALISIS DAN DESAIN SISTEM III.1. Analisa Masalah Perkembangan teknologi pada masa sekarang ini telah mengalami perubahan yang sangat pesat, sama halnya dengan perkembangan Elektronik. Salah satunya