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 pendukung system, serta hasil pengujian terhadap aplikasi pda beberapa jenis device yang akan di gunakan untuk mengakses aplikasi. 4.1

Implementasi Setelah sistem dianalisis dan didesain secara rinci, maka akan menuju tahap

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. 4.1.1

Spesifikasi Kebutuhan Sistem Berikut spesifikasi kebutuhan sistem hardware dan software yang

digunakan pada saat membuat aplikasi ini: Hardware: 1. Proccesor Intel® Core™ i3 2. VGA NVIDIA GeForce 310M 3. Memory 4 GB (2x 2GB) DDR3 4. Hard Drive 298 GB 5. Display 14" WXGA LED, Max. Resolution 1366 x 768 6. Handphone Samsung Galaxy Grand Prime SM-G530H Software: 1. Operating System Windows 7 SP1 2. Eclipse IDE Luna 3. Android SDK versi 2.3.3 Gingerbread dan 4.1.2 Jelly Bean 4. Gliffy For UML 5. Xampp 39 http://digilib.mercubuana.ac.id/

40

6. Notepad++ 7. Navicate for MySQL 4.2

Pengumpulan Bahan Pengumpulan bahan atau material berupa file-file teks, gambar, dan tombol

navigasi yang diperoleh dengan cara membuat sendiri dan mengambil dari sumber lain, seperti yang tertera pada table di bawah ini: Tabel 4.1 Info Sumber Sumber Data Dosen

http://forlap.dikti.go.id/

Data Program Studi

http://forlap.dikti.go.id/

icon

http://ionicons.com/

persadaindonesia.png

http://tescaindonesia.org/assets/imagecache/thumb1/m ember-universitas-persada-indonesia-yai.jpg

persadaindonesia1.png

https://upload.wikimedia.org/wikipedia/id/thumb/f/f6/ Upiyai.jpg/360px-Upiyai.jpg

yasri.png

http://4.bp.blogspot.com/nRTqmIFD9ak/Thi270T1WoI/AAAAAAAAAWw/tp xQA398E0s/s1600/Yarsi.png

yasri1.png

http://rahmatfredy.blog.com/files/2011/02/fkyarsi2.jpg

mercubuana.png

http://mercubuana.ac.id/id/images/zt_bravi/logo_baru _umb.jpg

mercubuana1.png

http://3.bp.blogspot.com/-9CuwBQ6U_0/VGjDhtJlLYI/AAAAAAAAAEE/45IN2WQPY 44/s1600/Gedung-Universitas-Mercu-Buana-UMB.jpg

Lanjutan Tabel 4.1

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

41

untar.png

http://dc404.4shared.com/img/eLDJIilh/1222fce6bc8/ LOGO_UNTAR

untar1.png

http://harga.web.id/wp-content/uploads/UniversitasTarumanagara.jpg

satyagama.png

https://upload.wikimedia.org/wikipedia/id/5/5b/Logosatyagama-1.jpg

satyagama1.png

http://3.bp.blogspot.com/__JK6D1cvSA/VOjD5JgO1sI/AAAAAAAADfg/Rkv uXXh82n0/s1600/gedungdepan%2BSatya%2BGama.jpg

ukrida.png

https://pbs.twimg.com/profile_images/1122843779/67 75_1112561502771_1488927718_30373482_614743 6_n.jpg

ukrida1.png

http://kulitinta.com/wpcontent/uploads/2014/10/Universitas-Kristen-KridaWacana.jpg

esaunggul.png

http://www.esaunggul.ac.id/wpcontent/uploads/2012/07/logo-ke-bwh.jpg

esaunggul1.png

http://hoteldekatkampus.com/wpcontent/uploads/2014/09/Kampus-Universitas-EsaUnggul.jpg

Binus.png

http://www.indomog.com/home/wpcontent/assets/binus-340x213.jpg

Binus1.png

http://upload.wikimedia.org/wikipedia/commons/8/85/ Anggrek_Campus_-_Bina_Nusantara_University.JPG

Lanjutan Tabel 4.1


42

ubm.png

https://upload.wikimedia.org/wikipedia/id/3/38/Logo-ubm.gif

ubm1.png

https://shirotora.wordpress.com/files/2009/04/ubmgedung.jpg

unj.png

http://www.unj.ac.id/images/unj.png

unj1.png

http://1hal.com/wp-content/uploads/2015/04/unj1.jpg

surapati.png

http://3.bp.blogspot.com/_ix8cgm8savU/SMzxGIEMNEI/AA AAAAAAAAM/uMpQHllUNsg/s400/UNISPA.gif

surapati1.png

http://static.panoramio.com/photos/large/73917732.jpg

ub.png

https://upload.wikimedia.org/wikipedia/id/e/e4/Universitasbor obudur.jpg

ub1.png

http://bimg.antaranews.com/banten/2015/04/ori/20150405753 48884.jpg

unkris.png

http://logokampuskampus.googlecode.com/files/LOGO%20UNKRIS.png

unkris1.png

http://kelas-karyawanunkris.nomor.net/_pts2/_baca_gambar.php?kodegb=unkris&i magenya=home_2

upt.png

http://univmputantular.0fees.net/BUKUPEDOMAN/PENGA NTAR_files/image005.jpg

upt1.png

http://mw2.google.com/mwpanoramio/photos/medium/16025186.jpg

udp.png

http://www.unsada.ac.id/wp-content/uploads/2012/06/logounsada1.jpg

udp1.png

http://pmb.unsada.ac.id/themes/images/animasi.gif

Lanjutan Tabel 4.1


43

uthamrin.png

https://pbs.twimg.com/profile_images/1814337748/ICON_MHT _400x400.png

uthamrin1.png

http://www.univthamrinaka.com/site/media/rokgallery/f/ff9b5a5 f-2be8-47be-b3e3-ab5d6bff5d50/905d27a1-d6a5-431d-83b093fda87ba700.jpg

urespati.png

http://i.ytimg.com/vi/Tift3Y5FWp0/hqdefault.jpg

urespati1.png

http://1.bp.blogspot.com/-hzDxDVRK84/VRlON46V3FI/AAAAAAAAARs/oCmO8NQijZ o/s1600/1908243_465475233553456_1370344999_n.jpg

utj.png

http://www.anneahira.com/images_wp/universitas-tamajagakarsa.jpg

utj1.png

http://photos.wikimapia.org/p/00/02/56/97/94_big.jpg

trilogi.png

https://pbs.twimg.com/profile_images/3432299687/03d29f797e9 b19971887082d2c968ac0_400x400.jpeg

trilogi1.png

https://encryptedtbn1.gstatic.com/images?q=tbn:ANd9GcQCLZSO2MH3B2ZnU 5iAqiSrCdtOrkyucZa7LwXcE93tkKTllzP_

usni.png

http://www.kesekolah.com/images2/sekolah/2012052815344240 381.jpg

usni1.png

http://farm2.static.flickr.com/1351/1385802703_b969fd14eb.jpg

upn.png

http://fk.upnvj.ac.id/id/files/large/c2d304bcdb950e285dc872747 58eb24b

Lanjutan Tabel 4.1


44

upn1.png

http://4.bp.blogspot.com/MMzZ6lOC5bE/Uwyj363Vn0I/AAAAAAAAAHs/UHaY BC3b3mI/s1600/upnn.JPG

up.png

http://www.annida-online.com/foto_berita/11logoparamadina.jpg

up1.png

http://harga.web.id/wp-content/uploads/UniversitasParamadina.jpg

Upancasila.png

http://2.bp.blogspot.com/F4OiP4MJfoE/UiRIPMZJZ3I/AAAAAAAADf4/XWOyZ O0RaN4/s1600/UNIVERSITAS+PANCASILA.png

Upancasila1.png

http://hoteldekatkampus.com/wpcontent/uploads/2014/09/univ-pancasila.jpg

un.png

https://upload.wikimedia.org/wikipedia/id/thumb/b/b6/Log o_Universitas_Nasional.gif/150pxLogo_Universitas_Nasional.gif

un1.png

https://upload.wikimedia.org/wikipedia/id/thumb/d/d5/Una s007.jpg/300px-Unas007.jpg

umpdeh.png

https://nq99.files.wordpress.com/2012/06/hamka2.jpg

umpdeh1.png

http://hoteldekatkampus.com/wpcontent/uploads/2014/12/universitas-muhammadiah-profdr-hamka.jpg

uip.png

http://4.bp.blogspot.com/_2Yej-nbjJ5A/TQxMEbXcYI/AAAAAAAAAB8/mOOjoPfqO8g/s1600/logounindra.jpg

Lanjutan Tabel 4.1


45

uip1.png

http://hoteldekatkampus.com/wpcontent/uploads/2014/09/unindra-pgri-tempat-kuliah-bagiekonomi-lemah-170684-popoji.jpg

ubl.png

https://stronger182.files.wordpress.com/2008/03/budiluhur 1.jpg

ubl1.png

http://www.makemac.com/wpcontent/uploads/2014/06/Universitas-Budi-Luhur.jpg

ubj.png

http://www.ubharajaya.ac.id/sites/default/files/logoweb.gif

ubj1.png

http://2.bp.blogspot.com/glZTj0VLfd4/VP_Qak300RI/AAAAAAAABKE/0MBNw HeSHGU/s1600/ubhara%2Bjaya.jpg

uali.png

http://www.bdadesign.co.id/assets/showcase/2008/LOGO_ UAI.jpg

uali1.png

http://hoteldekatkampus.com/wpcontent/uploads/2014/09/Universitas_AlAzhar_Indonesia_dan_Masjid_Agung_AlAzhar_Terlihat_di_Parkir_Utama.jpg

utau.png

http://www.kesekolah.com/images2/sekolah/20140423175 51224447.jpg

utau1.png

http://www.sulselprov.go.id/foto_berita/30tanriabeng.jpg

ubakrie.png

http://www.bakrie.ac.id/images/stories/UBprofile/Logo.pn g

ubakrie1.png

https://img.okezone.com/content/2012/02/21/373/579981/ n55wMYHQQP.jpg

Lanjutan Tabel 4.1


46

um.png

http://ftumj.ac.id/images/UMJ.png

um1.png

http://pmb.umj.ac.id/foto_berita/20gedung-umj.jpg

uik.png

http://www.yukerja.com/files/logo_uika.png

uik1.png


up.png

https://upload.wikimedia.org/wikipedia/id/archive/3/3e/20 130912062645!Logo_Universitas_Pakuan.jpeg

up1.png

http://1.bp.blogspot.com/BS132fTqD9I/Ud6bW27O7TI/AAAAAAAAAGQ/yM44 R_v2mZw/s320/id-kampus-univ-pakuan.JPG

gundar.png

https://upload.wikimedia.org/wikipedia/id/1/19/Logo_Gun adarma.jpg

gundar1.png

http://diploma.gunadarma.ac.id/bisnis/asset/tiny/gudang/I mage/SELAMAT%20DATANG2.jpg

uinsh.png

http://alfukat.com/wp-content/uploads/2015/01/UINJakarta-Logo.jpg

uinsh1.png

http://1.bp.blogspot.com/-nuUGI9clJ24/UVHSQ4f7bI/AAAAAAAAAJc/ixQgnLMQwMk/s1600/Kampus+Un iversitas+Islam+Negeri+(UIN).jpg

umn.png

https://www.umn.ac.id/include/images/template/logo-fortwitter22.png

umn1.png

http://flashindonesia.files.wordpress.com/2009/12/news_pi c_15c_newcampus1.jpg

umatana.png

http://www.matanauniversity.ac.id/home/wpcontent/uploads/2014/09/default-logo.png

Lanjutan Tabel 4.1


47

umatana1.png

http://cdn.sindonews.net/dyn/620/content/2014/12/03/150/9322 57/paramount-land-siapkan-generasi-emas-Dck.jpg

Unis.png

https://upload.wikimedia.org/wikipedia/id/2/20/Unis.jpg

Unis1.png

http://sinarharapan.co/foto_suplemen/16unis%20tangerang.jpg

sgu.png

http://www.yukerja.com/files/Swiss-German-University.jpg

sgu1.png

http://www.infokampustangsel.com/slidehome/swissgerman/sg u.jpg

unpam.png

https://lh3.ggpht.com/ctSZq2TeU0SPmNw7Eo3UEjJ04gK9GurINgctR7TKxTsacWeXKAyB9nREKZ98FBnk -DR=w300

unpam1.png

http://img31.imageshack.us/img31/3854/fed3.jpg

upi.png

http://www.unpri.ac.id/images/logo-unpri.jpg

upi1.png

http://images.hukumonline.com/frontend/lt4badba90a162a.jpg

umt.png

http://simaku.net/g5umt/images/umt_big.png

umt1.png

http://umt.ac.id/umt/uploads/2014/09/Untitled-1.jpg

upj.png

https://wahyugthamrin.files.wordpress.com/2014/12/logo_bulat .png

upj1.png


ubd.png

http://www.buddhi.ac.id/wp-content/uploads/2014/08/logostie-copy.png

ubd1.png

http://assets.kompasiana.com/statics/crawl/555e6b050423bd0f 318b4568.jpeg

Lanjutan Tabel 4.1


48

upresiden.png

http://informasibeasiswas1.com/wpcontent/uploads/2009/09/president-university-277x300.png

upresiden1.png

http://www.president.ac.id/wpcontent/uploads/2010/09/hnr_5996-hnr_6000.jpg

4.3

Penulisan Code (coding) Pada bagian ini penulis akan menjabarkan source code dari aplikasi ini

secara rinci. Mulai dari halaman utama, halaman pilih perguruan tinggi, dan yang lainnya. Coding ini di tulis di program eclipse dan di running dengan ponsel samsung galaxy prime sebagai acuan apakah aplikasi sudah berjalan dengan semestinya. Bila belum maka kode akan kembali di perbaiki sehingga di dapatlah aplikasi berjalan dan berfungsi dengan baik. 4.3.1

Penulisan Kode Pada Menu Utama Kode pada halaman home, yang berisi list-button dari button pilih wilayah

menuju halaman wilayah yang di pilih dan tentang aplikasi di dalam panel.
//header aplikasi

//menampilkan isi panel

Aplikasi Informasi perguruan tinggi untuk program studi teknik informatika di wilayah jabodetabek
p>"Aplikasi ini dibuatuntuk menyelesaikantahapan tugas akhir perkuliahan".

Pilih Wilayah

//menampilkan button pilih wilayah function getWilayahList() { $.getJSON(serviceURL + 'get_wilayah.php', function(data) { $('#wilayahList li').remove();


49

wilayah = data.items; $.each(wilayah, function(index, arrwilayah) { $('#wilayahList').append( '' + arrwilayah.nm_wilayah + '' ); }); $('#Results').bind('pageinit', function() { $('#wilayahList').listview('refresh'); }); }); } //kode php setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $stmt = $dbh->query($sql); $wilayah = $stmt->fetchAll(PDO::FETCH_OBJ); $dbh = null; echo '{"items":'. json_encode($wilayah) .'}'; } catch(PDOException $e) { echo '{"error":{"text":'. $e->getMessage() .'}}'; } ?>

Ketika button panel di tap maka aplikasi akan menampilkan isi tentang aplikasi, seperti yang tergambar pada gambar 4.2, dan bila button panel kembali di tap maka aplikasi akan menampilkan buttton list pilih wilayah. Berikut adalah tampilan halaman awal aplikasi yang di ambil dari ponsel samsung galaxy prime:


50

Gambar 4.1 dan 4.2 Home Aplikasi 4.3.2

Penulisan Kode Pada Halaman Pilih Universitas

//Header Aplikasi
//Button Kembali aplikasi
//menampilkan Listview Pilih Universitas

//Kode Javascript function displayUniversitas() { $.getJSON(serviceURL + 'get_universitas.php?id='+id,function(data) { var universitas = data.items; console.log(universitas); $('#universitas li').remove(); $.each(universitas, function(index, arruniversitaslist) { $('#universitas').append(


51

'
'+ '' + '
' + arruniversitaslist.nm_universitas +'
' +'
'+''+'' + arruniversitaslist.deskripsi + ''+'
' +'
' + arruniversitaslist.alamat_univ + '
' + ''+'
' ); }); $('#universitas').listview('refresh'); }); //Kode php setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $stmt = $dbh->query($sql); $stmt->bindParam("id", $_GET['id']); $stmt->execute(); $universitas = $stmt->fetchAll(PDO::FETCH_OBJ); $dbh = null; echo '{"items":'. json_encode($universitas) .'}'; } catch(PDOException $e) { echo '{"error":{"text":'. $e->getMessage() .'}}'; } ?> }

Berikut adalah tampilan pada halaman pilih universitas berdasarkan wilayah yang di pilih sebelumnya pada halaman awal aplikasi:


52

Gambar 4.3 Halaman Pilih Universitas 4.3.3

Penulisan Kode Pada Halaman Profil Universitas

//Menampilkan Header
//Menampilkan tombo kembali
//Menampilkan Gambar Header

//kode javascript function displayGambarUniversitas() { $.getJSON(serviceURL + 'get_gambar.php?id='+id,function(data) {var gambar_universitas = data.items; console.log(gambar_universitas); $('#gambar_universitas li').remove(); $.each(gambar_universitas, function(index, arruniversitasgambar) { $('#gambar_universitas').append( '' ); }); $('#detail_universitas').listview('refresh');


53

}); } //Kode php setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $stmt = $dbh->query($sql); $stmt->bindParam("id", $_GET['id']); $stmt->execute(); $gambar_universitas = $stmt->fetchALL(PDO::FETCH_OBJ); $dbh = null; echo '{"items":'. json_encode($gambar_universitas) .'}'; } catch(PDOException $e) { echo '{"error":{"text":'. $e->getMessage() .'}}'; } ?> //Menampilkan collapsible Set data dosen dan detail prodi

//Menampilkan data dosen h3>Dosen

NO Nama Dosen Gelar Pendidikan

//kode javascript function displayDetailUniversitas() { $.getJSON(serviceURL + 'get_detail_universitas.php?id='+id,function(data) { var detail_universitas = data.items; console.log(detail_universitas); $('#detail_universitas li').remove(); $.each(detail_universitas, function(index, arruniversitasdetail) { $('#detail_universitas').append( '' + '' + '' + arruniversitasdetail.nm_dosen + '' + '' + arruniversitasdetail.gelar + '' +'' arruniversitasdetail.pendidikan + '' + '' ); });


+

54

$('#detail_universitas').listview('refresh'); }); } //Kode php setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $stmt = $dbh->query($sql); $stmt->bindParam("id", $_GET['id']); $stmt->execute(); $detail_universitas = $stmt->fetchAll(PDO::FETCH_OBJ); $dbh = null; echo '{"items":'. json_encode($detail_universitas) .'}'; } catch(PDOException $e) { echo '{"error":{"text":'. $e->getMessage() .'}}'; } ?> //Menampilkan data detail prodi
Detail


55

Status Prodi Kode Prodi Nama Prodi Tanggal Berdiri SK Penyelengara Tanggal SK Rasio Dosen Alamat Kode Pos Telepon Faximile Email Website

//Kode Javascript function displayDeskripsiUniversitas() { $.getJSON(serviceURL + 'get_deskripsi_universitas.php?id='+id,function(data) { var deskripsi_universitas = data.items; console.log(deskripsi_universitas); $('#deskripsi_universitas li').remove(); $.each(deskripsi_universitas, function(index, arruniversitasdeskripsi) { $('#deskripsi_universitas').append( '' + '' + arruniversitasdeskripsi.status_prodi + '' + '' + arruniversitasdeskripsi.kd_prodi + '' + '' + arruniversitasdeskripsi.nm_prodi + '' + '' + arruniversitasdeskripsi.tgl_berdiri + '' + '' + arruniversitasdeskripsi.sk_penyelenggara + '' + '' + arruniversitasdeskripsi.tgl_sk + '' + '' + arruniversitasdeskripsi.rasio_dosen + '' + '' + arruniversitasdeskripsi.alamat + '' + '' + arruniversitasdeskripsi.kodepos + '' + '' + arruniversitasdeskripsi.telepon + '' + '' + arruniversitasdeskripsi.faximile + '' + '' + arruniversitasdeskripsi.email + '' + '' + arruniversitasdeskripsi.website + '' + '' ); }); $('#deskripsi_universitas').listview('refresh'); }); } //Kode php

56

try {

WHERE a.id_universitas ='".$_GET['id']."' ";

$dbh = new PDO("mysql:host=$server;dbname=$database", $username, $password); $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $stmt = $dbh->query($sql); $stmt->bindParam("id", $_GET['id']); $stmt->execute(); $deskripsi_universitas = $stmt->fetchAll(PDO::FETCH_OBJ); $dbh = null; echo '{"items":'. json_encode($deskripsi_universitas) .'}'; } catch(PDOException $e) { echo '{"error":{"text":'. $e->getMessage() .'}}'; } ?> //Menampilkan listview menu pada profil universitas

//kode javascript function displayMapUniversitas() { $.getJSON(serviceURL + 'get_lokasi.php?id='+id,function(data) { var map_universitas = data.items ; console.log(map_universitas); $('#map_universitas li').remove(); $.each(map_universitas, function(index, arruniversitasmap) { $('#map_universitas').append( '
' + '' + '
Lokasi
Lihat Lokasi
' +'' + '
' + '
' + '' + '
Navigasi
Lihat Rute
' + '' + '
' + '
' + '' + '
Telepon
kontak person
' + '' + '
' + '
' + '' + '
Website
Telusuri Web
' + '' + '
' + '
' + '' + '
Email
Kirim Email
' + '' + '
'


57

); }); $('#map_universitas').listview('refresh'); }); } //Kode php
$dbh = new PDO("mysql:host=$server;dbname=$database", $username, $password); $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $stmt = $dbh->query($sql); $stmt->bindParam("id", $_GET['id']); $stmt->execute(); $map_universitas = $stmt->fetchALL(PDO::FETCH_OBJ); $dbh = null; echo '{"items":'. json_encode($map_universitas) .'}'; } catch(PDOException $e) { echo '{"error":{"text":'. $e->getMessage() .'}}'; } ?>

Gambar 4.4 Halaman Profil Perguruan Tinggi


58

4.3.4

Penlulisan Kode Pada Halaman Lokasi

//Menampilkan Header Aplikasi
//Menampilkan Button Kembali //Menampilkan Footer

//Memanggil id maps
//Kode Javascript Google Maps $('#lokasiuniversitas').live('pageshow', function(event) { getlokasi(); }); var myCenter; function getlokasi() { $.getJSON(serviceURL + 'get_lokasi.php?id='+id,function(data) { var lokasi = data.items; console.log(lokasi); $.each(lokasi, function(index, arruniversitasmap){ myCenter=new google.maps.LatLng(arruniversitasmap.lat, arruniversitasmap.lng); }); var marker; var mapProp = { center:myCenter, zoom:17, mapTypeId:google.maps.MapTypeId.ROADMAP }; var map=new google.maps.Map(document.getElementById('map_canvasku'),mapProp); marker=new google.maps.Marker({ position:myCenter, animation:google.maps.Animation.BOUNCE }); marker.setMap(map); }); } //Kode php memanggil latitude dan longitude dari database include 'config.php'; $sql = "SELECT a.id_universitas, a.id_wilayah, a.nm_universitas, a.deskripsi, a.alamat_univ, a.logo, a.gambar_header, a.lat, a.lng, b.id_dosen, b.nm_dosen,


59

b.gelar, b.pendidikan

try {

FROM tb_universitas AS a Left Join tb_dosen AS b ON a.id_universitas = b.id_universitas WHERE a.id_universitas ='".$_GET['id']."' ";

$dbh = new PDO("mysql:host=$server;dbname=$database", $username, $password); $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $stmt = $dbh->query($sql); $stmt->bindParam("id", $_GET['id']); $stmt->execute(); $detail_universitas = $stmt->fetchAll(PDO::FETCH_OBJ); $dbh = null; echo '{"items":'. json_encode($detail_universitas) .'}'; } catch(PDOException $e) { echo '{"error":{"text":'. $e->getMessage() .'}}'; } ?>


60

Gambar 4.6 Halaman Lokasi Perguruan Tinggi Jika button lokasi pada halaman profil perguruan tinggi aplikasi di tekan maka akan di direct ke halaman ini, halaman ini berisi maps lokasi perguruan tinggi. Di header juga terdapat tombol back , untuk kembali ke halaman profil perguruan tinggi. 4.3.5

Penulisan Kode Pada Halaman Rute Menuju lokasi Universitas

//Menampilkan Header Halaman Rute
//Menampilkan Button Back Halaman Rute //Menampilkan Maps Rute Menuju Lokasi Perguruan Tinggi


61

//Kode Javascript Google Maps Direction $('#ruteuniversitas').live('pageshow', function(event) { getrute(); }); $(document).ajaxError(function(event, request, settings) { if (confirm("Gagal koneksi ke server !!! Tekan OK untuk reload, Tekan Cancel untuk kembali ke Menu") == true) { location.reload(); } else { window.location.href = 'index.html'; } }); function getrute() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(success, error); } else { error('not supported'); } } var directionDisplay; var directionsService; var map; function success(position) { $.getJSON(serviceURL + 'get_lokasi.php?id='+id, function(data) { lokasi = data.items; console.log(lokasi); $.each(lokasi, function(index, arruniversitasmap){ tujuan = new google.maps.LatLng(arruniversitasmap.lat, arruniversitasmap.lng); }); directionsDisplay = new google.maps.DirectionsRenderer(); directionsService = new google.maps.DirectionsService(); map = new google.maps.Map(document.getElementById('map_canvas')); directionsDisplay.setMap(map); directionsDisplay.setPanel(document.getElementById("directionPanel")); 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); } }); });

} //Kode Php Get Latitude dan Longitude


62

include 'config.php'; $sql = "SELECT a.id_universitas, a.id_wilayah, a.nm_universitas, a.deskripsi, a.alamat_univ, a.logo, a.gambar_header, a.lat, a.lng, b.id_dosen, b.nm_dosen, b.gelar, b.pendidikan

try {

FROM tb_universitas AS a Left Join tb_dosen AS b ON a.id_universitas = b.id_universitas WHERE a.id_universitas ='".$_GET['id']."' ";

$dbh = new PDO("mysql:host=$server;dbname=$database", $username, $password); $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $stmt = $dbh->query($sql); $stmt->bindParam("id", $_GET['id']); $stmt->execute(); $detail_universitas = $stmt->fetchAll(PDO::FETCH_OBJ); $dbh = null; echo '{"items":'. json_encode($detail_universitas) .'}'; } catch(PDOException $e) { echo '{"error":{"text":'. $e->getMessage() .'}}'; } ?>


63

Gambar 4.7 Halaman Navigasi Menuju Perguruan Tinggi Jika button navigasi pada halaman profil perguruan tinggi aplikasi di tekan maka akan di direct ke halaman ini, halaman ini berisi maps rute dari lokasi pengguna menuju lokasi perguruan tinggi. Di header juga terdapat tombol back , untuk kembali ke halaman profil perguruan tinggi. 4.4

Pengujian Fungsionalitas Aplikasi Proses pengujian ini di lakukan dengan cara install aplikasi pada setiap

device. Dalam hal ini saya akan menggunakan metode pengujian aplikasi blackbox. Untuk melihat apakah fungsi-fungsi pada aplikasi berjalan dengan baik atau tidak,


64

dan juga mengetahui di bagian mana saja cacat aplikasi ini untuk segera dapat di perbaiki oleh penulis. 4.4.1

Lingkungan Pengujian Aplikasi informasi perguruan tinggi untuk program studi informatika dan 2

Smartphone Android dengan tipe OS yang berbeda. Spesifikasi : 

Samsung Galay Grand Prime SM-G530H



540 x 960 pixels (5.0 inches)



Memory Internal 8 GB



Android OS, v4.4.4 (KitKat)



Quad-core 1.2 GHz Cortex-A53



RAM – 1 GB

Spesifikasi :

4.4.2



Samsung Galaxy Ace 2 GT-I8160



Display - 480 x 800 pixels , 3.8 inches



Memory Internal 4 GB storage



RAM 768 MB



Android 0S, v4.1.2 (Jelly Bean)



Dual-core 800 MHz

Skenario Pengujian Pengujian aplikasi ini dilakukan pada tanggal 25 Oktober 2015

menggunakan SmartPhone Samsung Galaxy Prime SM-G530H, Samsung Galaxy Ace 2 GT-I8160. Item yang diuji antara lain: Tabel 4.2 Skenario Pengujian No.

Nama Tes

Hasil yang diharapkan

1.

Masuk menu utama

Menampilkan halaman menu utama


65

Lanjutan Tabel 4.2 2.

3.

4.

5.

6.

7. 8.

Memilih button pilih wilayah

Masuk

ke

dalam

halaman

pilih

perguruan tinggi Memilih perguruan tinggi yang di Menampilkan pilih Melihat

halaman

profil

perguruan tinggi nama

dosen

teknik Menampilkan daftar nama-nama dosen

informatika

teknik informatika

Melihat detail program studi teknik Menampilkan deskripsi program studi informatika

teknik informatika

Melihat lokasi perguruan tinggi

Menampilkan halaman maps lokasi perguruan tinggi

Melihat rute menuju perguruan Menampilkan rute pada maps menuju tinggi dari lokasi pengguna

perguruan tinggi

Menelpon kantor program studi

Menampilkan dialer panggilan telepon

Melihat website perguruan tinggi

Menampilkan dan beralih ke halaman browser smartphone pengguna dan

9

otomatis menelusuri website perguruan tinggi yang di pilih Mengirim email

Menampilkan dan beralih ke halaman email smartphone pengguna dan pada

10.

form email tujuan otomatis terisi email perguruan tinggi yang di pilih.

11.

12.

Menekan tombol kembali pada Kembali pada halaman pilih perguruan smartphone

tinggi

Menekan tombol kembali pada Kembali pada halaman pilih wilayah smartphone


66

Lanjutan Tabel 4.2 13.

Menekan tombol kembali pada Menampilkan notifikasi exit aplikasi smartphone

14.

Memilih cancel

Tetap di halaman wilayah

15.

Memilih button exit

Keluar dari aplikasi

4.4.3 Hasil Pengujian Tabel 43 Hasil pengujian No.

Nama Tes

Hasil yang diharapkan

Hasil Pengujian

1.

2.

3.

Masuk

menu Menampilkan halaman menu utama

Sesuai

utama Memilih button Masuk

ke

dalam

pilih wilayah

perguruan tinggi

Memilih

Menampilkan

halaman

halaman

pilih Sesuai

profil Sesuai

perguruan tinggi perguruan tinggi yang di pilih Melihat

4.

dosen

nama Menampilkan daftar nama-nama dosen Sesuai teknik teknik informatika

informatika

5.

Melihat

detail Menampilkan deskripsi program studi Sesuai

program

studi teknik informatika

teknik informatika

6.

Melihat

lokasi Menampilkan halaman maps lokasi Sesuai

perguruan tinggi

perguruan tinggi


67

Lanjutan Tabel 4.3 Melihat rute menuju Menampilkan rute pada maps menuju Sesuai 7.

perguruan

tinggi perguruan tinggi

dari

lokasi

pengguna 8.

Menelpon

Sesuai

program studi Melihat

9

kantor Menampilkan dialer panggilan telepon

website Menampilkan dan beralih ke halaman Sesuai

perguruan tinggi

browser smartphone

pengguna dan

otomatis menelusuri website perguruan tinggi yang di pilih. Mengirim email

Menampilkan dan beralih ke halaman Sesuai email smartphone pengguna dan pada

10.

form email tujuan otomatis terisi email perguruan tinggi yang di pilih. Menekan

11.

kembali

tombol Kembali pada halaman pilih perguruan Sesuai pada tinggi.

smartphone Menekan 12.

kembali

tombol Kembali pada halaman pilih wilayah

Sesuai

pada

smartphone Menekan 13.

kembali

tombol Menampilkan notifikasi exit aplikasi

Sesuai

pada

smartphone 14.

Memilih cancel

Tetap di halaman wilayah

15.

Memilih button exit Keluar dari aplikasi


Sesuai Sesuai

68

4.5

Kesimpulan Hasil Pengujian Berikut ini adalah analis dari aplikasi informasi perguruan tinggi

untuk program studi teknik informatika yang sudah di jalankan pada 2 Smartphone di atas. 1. Aplikasi berjalan baik pada android, karena pada saat pembuatan penulis menggunakan smartphone android untuk mengetahui error dan yang lainnya. 2. Jeda delay transisi tiap page kurang dari 1 detik, karena proses pemanggilan data dari server memerlukan rata-rata pencarian data pada setiap tabel memerlukan waktu 0.0030 detik. 3. Tampilan berjalan sangat baik, bisa di sesuaikan terhadap resolusi layar android, dengan memakai tag viewport skala lebar halaman dapat dioptimalkan untuk sesuai dengan lebar layar perangkat. 4. Aplikasi dapat berjalan di Semua OS Android Ginggerbread (2.3.6), Honeycomb (3.0), Ice Cream Sandwich (4.0.1), Jelly Bean (4.1.2) dan Lollipop (5.1).


Report "BAB IV IMPLEMENTASI DAN PENGUJIAN"

Your name

Email

Reason

Description

Copyright © 2024 ADOC.PUB. All rights reserved.
About Us | Privacy Policy | Terms of Service | Copyright | Contact Us | Cookie Policy

Sign In

Email

Password

Remember me Forgot password?

Our partners will collect data and use cookies for ad personalization and measurement. Learn how we and our ad partner Google, collect and use data. Agree & close

BAB IV IMPLEMENTASI DAN PENGUJIAN

Recommend Documents

Aplikasi Informasi perguruan tinggi untuk program studi teknik informatika di wilayah jabodetabek

Pilih Wilayah

' + arruniversitaslist.nm_universitas +'

Detail

Lokasi

Navigasi

Telepon

Website

Email