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

Ukuran: px

Mulai penontonan dengan halaman:

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

Yuliani Darmadi
6 tahun lalu
Tontonan:

1 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 (diakses pada tanggal 14 Desember 2012) ( diakses pada tanggal 14 Desember 2012) ( diakses pada tanggal 24 February 2013) ( diakses pada tanggal 20 Maret 2013) ( diakses pada tanggal 14 November 2012) ( diakses pada tanggal 20 Desember 2013) oftware&itemid=106 ( diakses pada tanggal 10 January 2013) ( diakses pada tanggal 10 November 2012) ( diakses pada tanggal 24 February 2013) Nazrudin Safaat H. Pemerograman Aplikasi Mobile SmartPhone dan Tablet PC Berbasis Android: Informatika Bandung PENG, Dunlu dkk.2011.using JSON for Data Exchanging in Web Service Applications/ diakses pada tanggal 21 July

2 Pressman, R. S. (2002). Rekayasa Perangkat Lunak (Black Box & RPL) :Andi. Yogyakarta. Ramadha, Muklis dan Nurcahyo budi Nugroho.2009, IZ-Cahyo-DesainWeb2.pdf, diakses pada tanggal 21 July Saputra, Agus.2011.Trik dan Solusi Jitu Pemrograman PHP.PT Elex Media Komputindo:Jakarta. Wartri Hartono, Bimo PHP dan MySQL untuk Web. Andi Zaki, Ali & Edy,W.2012.Membuat Web Mobile dengan JQuery Mobile Android, Blackberry, dan Ipad.PT Elex Media Komputindo:Semarang. 97

3 INDEX.HTML <!DOCTYPE HTML> <html> <head> LAMPIRAN <meta http-equiv="content-type" name="viewport" content="initialscale=1.0, maximum-scale=1.0, userscalable=no, width=device-width"> <title> Aplikasi Pencarian Sekolah </title> <link rel="stylesheet" href="jquery.mobile/jquery.mobile css" /> <link rel="stylesheet" href="index.css" /> <body> <div data-role="page" id="home"> <div data-role="header"> <h1>aplikasi Pencarian Sekolah</h1> <div data-role="content"> <p> Selamat datang di aplikasi pencarian sekolah..<br /><br /> kota.. </p> Silahkan memilih <a href="#kategori" data-role="button" datainset="true"> JABODETABEK </a> <script src="jquery.mobile/jquery min"></script> <script src="jquery.mobile/jquery.mobile 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="lib.js"></script> </head> <div data-role="page" id="kategori"> <div data-role="header"> <h1><p> Selamat datang di aplikasi pencarian sekolah..<br /> </p></h1> <div data-role="content"> <ul id="kategorisekolah" datarole="listview" datainset="true"></ul> 98

4 <div data-role="page" id="list" data-add-back-btn="true" data-backbtn-text="kembali"> <div data-role="header"> <h1><p> Selamat datang di aplikasi pencarian sekolah..<br /> </p> List Sekolah</h1> </body> </html> <script> <div data-role="content">  <ul id="listsekolah" data-role="listview" datafilter="true" data-filterplaceholder="cari sekolah..." datainset="true"></ul> //AJAX MENGAMBIL KATEGORI SEKOLAH <ul id="detailsekolah" data-role="table" datainset="true"></ul> $.getjson(' gori.php', function(data) { console.log(data); //Untuk melihat data yang berhasil diambil di firebugs results = data.items; //Menampung array ke dalam variabel results <div data-role="page" id="detail" data-add-back-btn="true" data-backbtn-text="kembali"> <div data-role="header"> <h1><p> Selamat datang di aplikasi pencarian sekolah<br /> //menggunakan fungsi each untuk membuat elemen list, sesuai banyaknya array $.each(results, function (index, kategori) { var html; Sekolah</h1> </p> Detail //Membuat element list untuk setiap kategori html = '<li id="click" data-katid="'; <div data-role="content">  html += kategori.kat_id; html += '"><a id="click2" data-transition="slide" href="#list">'; html += kategori.kat_nama; 99

5 html += '</a></li>'; //Memasukkan ke dalam unordered list $('#kategorisekolah').append( html); ); //Memberikan fungsi ke setiap element $("li").bind("click", function(event){ var id = $(this).attr("data-katid"); ); carisekolah(id); ); function carisekolah(id) { $.getjson(' + id, function(data) { console.log(data); //Untuk melihat data yang berhasil diambil di firebugs results = data.items; //Menampung array ke dalam variabel results $('#listsekolah').empty(); //menggunakan fungsi each untuk membuat elemen list, sesuai banyaknya array //Membuat element list untuk setiap sekolah html = '<li datasekid="' + sekolah.content_id + '">'; html += '<a id="click" datatransition="slide" href="#detail">'; html += '<h2>' + sekolah.content_nama + '</h2></a>'; html += '<p>' + sekolah.content_alamat + '</p>'; html += '<p> Telepon : ' + sekolah.content_telepon + '</p>'; html += '</li>'; //Memasukkan ke dalam unordered list ); $('#listsekolah').append(html ); //Memberikan fungsi ke setiap element $("li").bind("click", function(event){ var id = $(this).attr("data-sekid"); ); detailsekolah(id); ); $.each(results, function (index, sekolah) { var html; function detailsekolah(id) { 100

6 $.getjson(' il.php?id=' + id, function(data) { console.log(data); //Untuk melihat data yang berhasil diambil di firebugs results = data.items; //Menampung array ke dalam variabel results $('#detailsekolah').empty(); //menggunakan fungsi each untuk membuat elemen list, sesuai banyaknya array $.each(results, function (index, sekolah) { var html; html = '<div id="content-header">'; //html += '<div class="contentheader">'; html += '<blockquote><b>' + sekolah.content_nama + '</b></blockquote>'; html += ''; html += '<table align="center" class="content-table" id="contenttable"> '; html += '<tr>'; html += '<td><img SRC="jquery.mobile/images/icon/home.jpg"></td>'; html += '<td> Alamat </td>'; html += '<td> : </td>'; html += '<td>' + sekolah.content_alamat + '</td>'; html += '</tr>'; html += '<tr>'; html += '<td><img SRC="jquery.mobile/images/icon/phon e.jpg"></td>'; html += '<td> No telpon </td>'; html += '<td> : </td>'; html += '<td>' + sekolah.content_telepon + '</td>'; html += '</td>'; html += '</tr>'; html += '<tr>'; html += '<td><img SRC="jquery.mobile/images/icon/fax. jpg"></td>'; html += '<td> Fax </td>'; html += '<td> : </td>'; html += '<td> </td>'; html += '</td>'; html += '</tr>'; html += '<tr>'; html += '<td><img SRC="jquery.mobile/images/icon/emai l.jpg"></td>'; html += '<td> </td>'; html += '<td> : </td>'; html += '<td>' + sekolah.content_ + '</td>'; html += '</td>'; html += '</tr>'; html += '</table>'; //Memasukkan ke dalam unordered list ml); $('#detailsekolah').append(ht ); ); 101

7 $sql.= "ORDER BY kat_id ASC "; </script> KATEGORI.PHP <?php //Mengirim sql ke server $result = mysql_query($sql) or die(mysql_error()); //Koneksi ke database $connection = mysql_connect("localhost","root","" ); if (!$connection) { //Mengambil data dalam bentuk array & memasukkan ke variabel $items while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) { die("database connection array_push($items,$row); //Pilih database $db_select = mysql_select_db("sekolah",$connecti on); if (!$db_select) { die("database selection //Menampilkan $items dalam bentuk json echo '{"items":'. json_encode($items).'';?> LIST.PHP <?php //Buat variabel untuk menampung data array $items = array(); //Query sql untuk mengambil data kategori $sql = "SELECT kat_id, kat_nama "; $sql.= "FROM ref_kategori "; $sql.= "WHERE kat_id IN (16,17,18,19,20,25) "; $id = $_GET['id']; //Koneksi ke database $connection = mysql_connect("localhost","root","" ); if (!$connection) { die("database connection 102

8 //Pilih database $db_select = mysql_select_db("sekolah",$connecti on); if (!$db_select) { die("database selection //Menampilkan $items dalam bentuk json echo '{"items":'. json_encode($items).'';?> DETAIL.PHP <?php //Buat variabel untuk menampung data array $items = array(); //Query sql untuk mengambil data kategori $sql = "SELECT content_id, content_nama, content_alamat "; $id = $_GET['id']; //Koneksi ke database $connection = mysql_connect("localhost","root","" ); if (!$connection) { die("database connection $sql.= "FROM content "; $sql.= "WHERE content_kategori_id = '{$id' "; $sql.= "ORDER BY content_nama ASC LIMIT 10"; //Pilih database $db_select = mysql_select_db("sekolah",$connecti on); if (!$db_select) { //Mengirim sql ke server $result = mysql_query($sql) or die(mysql_error()); die("database selection //Mengambil data dalam bentuk array & memasukkan ke variabel $items while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) { //Buat variabel untuk menampung data array $items = array(); array_push($items,$row); //Query sql untuk mengambil data kategori $sql = "select kat_id, kat_nama, content_id, content_nama, 103

9 content_alamat, content_telepon, content_fax, content_ "; $sql.= "FROM ref_kategori,content "; $sql.= "WHERE content_id = '{$id' AND content_kategori_id=kat_id "; $sql.= "ORDER BY content_nama ASC "; //Mengirim sql ke server $result = mysql_query($sql) or die(mysql_error()); while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) { array_push($items,$row); //Menampilkan $items dalam bentuk json echo '{"items":'. json_encode($items).'';?> //Mengambil data dalam bentuk array & memasukkan ke variabel $items 104

dokumen-dokumen yang mirip

BAB III ANALISIS DAN PERANCANGAN SISTEM

BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisis Masalah Perkembangan aplikasi berbasis web mendorong kemajuan di bidang pembuatan aplikasi telepon seluler. Namun kita dapat lebih mudah melakukan pembuatan