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 Fowler,Martin.2005.UML Distilled Edisi 3, Panduan Singkat Bahasa Pemodelan Obej Standar,Yogyakarta : Andi. Fathansyah.2012 Basis Data. Bandung :Informatika http://id.wikipedia.org/wiki/HTML5 (diakses pada tanggal 14 Desember 2012) http://id.wikipedia.org/wiki/Sekolah ( diakses pada tanggal 14 Desember 2012) http://jqueryui.com/demos/ ( diakses pada tanggal 24 February 2013) http://jquerymobile.com/ ( diakses pada tanggal 20 Maret 2013) http://phonegap.com/ ( diakses pada tanggal 14 November 2012) http://www.json.org/ ( diakses pada tanggal 20 Desember 2013) http://www.komputikastmik.com/index.php?option=com_content&view=article&id=145:phonegap&catid=67:s oftware&Itemid=106 ( diakses pada tanggal 10 January 2013) http://www.tingali.com/live ( diakses pada tanggal 10 November 2012) http://www.w3schools.com/json/json_syntax.asp ( diakses pada tanggal 24 February 2013) Nazrudin Safaat H. Pemerograman Aplikasi Mobile SmartPhone dan Tablet PC Berbasis Android: Informatika Bandung. 2011 PENG, Dunlu dkk.2011.Using JSON for Data Exchanging in Web Service Applications/http://www.jofcis.com/publishedpapers/2011_7_16_5883_5890.pdf, diakses pada tanggal 21 July 2013.

96

Pressman, R. S. (2002). Rekayasa Perangkat Lunak (Black Box & RPL) :Andi. Yogyakarta. Ramadha, Muklis dan Nurcahyo budi Nugroho.2009,http://lppm.trigunadharma.ac.id/public/fileJurnal/323E6-OK-Jurnal11IZ-Cahyo-DesainWeb2.pdf, diakses pada tanggal 21 July 2013. Saputra, Agus.2011.Trik dan Solusi Jitu Pemrograman PHP.PT Elex Media Komputindo:Jakarta. Wartri Hartono, Bimo 2010. PHP dan MySQL untuk Web. Andi. 2007 Zaki, Ali & Edy,W.2012.Membuat Web Mobile dengan JQuery Mobile Android, Blackberry, dan Ipad.PT Elex Media Komputindo:Semarang.

97

LAMPIRAN

INDEX.HTML
Aplikasi Pencarian Sekolah

<meta http-equiv="Content-type" name="viewport" content="initialscale=1.0, maximum-scale=1.0, userscalable=no, width=device-width">

Selamat datang di aplikasi pencarian sekolah..

Aplikasi Pencarian Sekolah

Silahkan memilih kota..

JABODETABEK

<script src="jquery.mobile/jquery1.7.2.min">

<script src="jquery.mobile/jquery.mobile1.1.0.js">


<script type="text/javascript" charset="utf-8" src="cordova1.9.0.js">

<script type="text/javascript" charset="utf-8" src="index.js">

<script type="text/javascript" charset="utf-8" src="lib.js">

98


List Sekolah

<script>

//AJAX MENGAMBIL KATEGORI SEKOLAH

$.getJSON('http://appcarisekolah.besaba.com/include/kate gori.php', function(data) {

console.log(data); //Untuk melihat data yang berhasil diambil di firebugs results = data.items; //Menampung array ke dalam variabel results

//menggunakan fungsi each untuk membuat elemen list, sesuai banyaknya array

$.each(results, function (index, kategori) {

var html;

Selamat datang di aplikasi pencarian sekolah

Detail //Membuat element list untuk setiap kategori

Sekolah

html = '

html += '">';

html += kategori.kat_nama;

99

html += '
';

//Membuat element list untuk setiap sekolah

//Memasukkan ke dalam unordered list

html = '
';

$('#kategorisekolah').append( html);

html += '';

});

html += '
' + sekolah.content_nama + '
'; html += '
' + sekolah.content_alamat + '
';

//Memberikan fungsi ke setiap element

html += '
Telepon : ' + sekolah.content_telepon + '
';

$("li").bind("click", function(event){ var id = $(this).attr("data-katid");

html += '
';

carisekolah(id); //Memasukkan ke dalam unordered list

}); });

$('#listsekolah').append(html ); function carisekolah(id) {

});

$.getJSON('http://appcarisekolah.besaba.com/include/list .php?id=' + id, function(data) {

//Memberikan fungsi ke setiap element

console.log(data); //Untuk melihat data yang berhasil diambil di firebugs

$("li").bind("click", function(event){

results = data.items; //Menampung array ke dalam variabel results

var id = $(this).attr("data-sekid"); detailsekolah(id);

$('#listsekolah').empty();

});

//menggunakan fungsi each untuk membuat elemen list, sesuai banyaknya array

});

$.each(results, function (index, sekolah) { var html; function detailsekolah(id) {

100

$.getJSON('http://appcarisekolah.besaba.com/include/deta il.php?id=' + id, function(data) {

html += ' No telpon ';

console.log(data); //Untuk melihat data yang berhasil diambil di firebugs

html += '' + sekolah.content_telepon + '';

html += ' : ';

html += ''; results = data.items; //Menampung array ke dalam variabel results

html += ''; html += ''; html += '';

$('#detailsekolah').empty(); //menggunakan fungsi each untuk membuat elemen list, sesuai banyaknya array

html += ' Fax '; html += ' : ';

$.each(results, function (index, sekolah) {

html += ' 021-8402792 ';

var html;

html += '';

html = '
';

html += '';

//html += '
';

html += ''; html += '';

html += '
' + sekolah.content_nama + '
';

html += ' Email ';

html += '
';

html += ' : ';

html += ' ';

html += '';

html += '';

html += '';

html += '';

html += ''; html += '

' + sekolah.content_email + '

';

html += ' Alamat '; html += ' : ';

//Memasukkan ke dalam unordered list

html += '' + sekolah.content_alamat + '';

$('#detailsekolah').append(ht

html += '';

ml);

html += '';

});

html += '';

});

101

}

$sql .= "ORDER BY kat_id ASC ";

}

//Mengirim sql ke server

KATEGORI.PHP

$result = mysql_query($sql) or die(mysql_error());

//Koneksi ke database //Mengambil data dalam bentuk array & memasukkan ke variabel $items

$connection = mysql_connect("localhost","root","" );

while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) {

if (!$connection) { die("Database connection failed: " . mysql_error());

array_push($items,$row); }

}

//Pilih database

//Menampilkan $items dalam bentuk json

$db_select = mysql_select_db("sekolah",$connecti on);

echo '{"items":'. json_encode($items) .'}';

if (!$db_select) { ?> die("Database selection failed: " . mysql_error());

LIST.PHP

}

//Buat variabel untuk menampung data array

$id = $_GET['id'];

$items = array(); //Koneksi ke database $connection = mysql_connect("localhost","root","" );

//Query sql untuk mengambil data kategori

if (!$connection) {

$sql = "SELECT kat_id, kat_nama ";

die("Database connection failed: " . mysql_error());

$sql .= "FROM ref_kategori ";

}

$sql .= "WHERE kat_id IN (16,17,18,19,20,25) ";

102

//Pilih database

//Menampilkan $items dalam bentuk json


echo '{"items":'. json_encode($items) .'}';

if (!$db_select) {

?>

die("Database selection failed: " . mysql_error());

DETAIL.PHP
} $id = $_GET['id']; //Buat variabel untuk menampung data array

//Koneksi ke database

$items = array();

$connection = mysql_connect("localhost","root","" );


if (!$connection) { die("Database connection failed: " . mysql_error());

$sql = "SELECT content_id, content_nama, content_alamat ";

}

$sql .= "FROM content "; //Pilih database

$sql .= "WHERE content_kategori_id = '{$id}' ";


$sql .= "ORDER BY content_nama ASC LIMIT 10";

if (!$db_select) { //Mengirim sql ke server

die("Database selection failed: " . mysql_error());

$result = mysql_query($sql) or die(mysql_error());

}

//Mengambil data dalam bentuk array & memasukkan ke variabel $items

//Buat variabel untuk menampung data array


$items = array();



$sql = "select kat_id, kat_nama, content_id, content_nama,

103

content_alamat, content_telepon, content_fax, content_email ";


$sql .= "FROM ref_kategori,content ";


$sql .= "WHERE content_id = '{$id}' AND content_kategori_id=kat_id "; $sql .= "ORDER BY content_nama ASC ";

//Menampilkan $items dalam bentuk json echo '{"items":'. json_encode($items) .'}';

//Mengirim sql ke server $result = mysql_query($sql) or die(mysql_error());

?> //Mengambil data dalam bentuk array & memasukkan ke variabel $items

104

DAFTAR PUSTAKA. Andi, Menguasai Pemerograman Web Dengan Java Script. Wahana Komputer 2010

Recommend Documents

Aplikasi Pencarian Sekolah

Selamat datang di aplikasi pencarian sekolah..

Selamat datang di aplikasi pencarian sekolah.. List Sekolah

Selamat datang di aplikasi pencarian sekolah Detail //Membuat element list untuk setiap kategori Sekolah

' + sekolah.content_nama + '

Selamat datang di aplikasi pencarian sekolah..

List Sekolah

Selamat datang di aplikasi pencarian sekolah

Detail //Membuat element list untuk setiap kategori

Sekolah