Lampiran Kode Program

Ukuran: px
Mulai penontonan dengan halaman:

Download "Lampiran Kode Program"

Transkripsi

1 Lampiran Kode Program 1. Fw_jemput_penumpang.php <?php include 'fw.php'; $nama_titik_yang_diklik = = $_POST['nilai_koordinat_semua_titik']; $nilai_koordinat_semua_titik = json_decode("$nilai_koordinat_semua_titik", = $_POST['nilai_koordinat_mobil_sekarang']; $nilai_koordinat_mobil_sekarang = json_decode("$nilai_koordinat_mobil_sekarang", true); //tambahkan kedalam nilai koordinat semua titik //buat id mobil for ($i = 0; $i < count($nilai_koordinat_mobil_sekarang); $i++) { $nilai_koordinat_semua_titik["m$i"] = $nilai_koordinat_mobil_sekarang[$i]; $id_mobil[$i] = = $_POST['nilai_koordinat_path_yang_di_klik']; $nilai_koordinat_path_yang_di_klik = json_decode("$nilai_koordinat_path_yang_di_klik", true); //masukkan koordinat yang di klik ke dalam semua koordinat agar dikenali $nilai_koordinat_semua_titik[$nama_titik_yang_diklik] = = $_POST['nama_koordinat_samping_yang_diklik']; $nama_koordinat_samping_yang_diklik = json_decode("$nama_koordinat_samping_yang_diklik", = $_POST['koordinat_semua_path']; $koordinat_semua_path = json_decode("$koordinat_semua_path", = $_POST['nama_koordinat_samping_mobil']; $nama_koordinat_samping_mobil = json_decode("$nama_koordinat_samping_mobil", true);

2 48 for ($i = 0; $i < count($nilai_koordinat_mobil_sekarang); $i++) { $koordinat_semua_path[] = Array($nama_koordinat_samping_mobil[$i][0], $id_mobil[$i]); $koordinat_semua_path[] = Array($id_mobil[$i], $nama_koordinat_samping_mobil[$i][0]); $koordinat_semua_path[] = Array($nama_koordinat_samping_mobil[$i][1], $id_mobil[$i]); $koordinat_semua_path[] = Array($id_mobil[$i], $nama_koordinat_samping_mobil[$i][1]); $koordinat_semua_path[] = Array($nama_koordinat_samping_yang_diklik[0], $nama_titik_yang_diklik); $koordinat_semua_path[] = Array($nama_titik_yang_diklik, $nama_koordinat_samping_yang_diklik[0]); $koordinat_semua_path[] = Array($nama_koordinat_samping_yang_diklik[1], $nama_titik_yang_diklik); $koordinat_semua_path[] = Array($nama_titik_yang_diklik, $nama_koordinat_samping_yang_diklik[1]); foreach ($koordinat_semua_path as $path => $titik_path) { $x_asal = $nilai_koordinat_semua_titik[$titik_path[0]][0]; $y_asal = $nilai_koordinat_semua_titik[$titik_path[0]][1]; $x_tujuan = $nilai_koordinat_semua_titik[$titik_path[1]][0]; $y_tujuan = $nilai_koordinat_semua_titik[$titik_path[1]][1]; $jarak_path[] = round(sqrt(pow(($x_asal - $x_tujuan), 2) + pow(($y_asal - $y_tujuan), 2))); foreach ($nilai_koordinat_semua_titik as $key => $value) { $key_nilai_koordinat_semua_titik [] = $key; //bentuk matrix for ($i = 0; $i < count($nilai_koordinat_semua_titik); $i++) { for ($j = 0; $j < count($nilai_koordinat_semua_titik); $j++) { for ($k = 0; $k < count($koordinat_semua_path); $k++) { if ($key_nilai_koordinat_semua_titik[$i] == $koordinat_semua_path[$k][0] && $key_nilai_koordinat_semua_titik[$j] == $koordinat_semua_path[$k][1]) { $matrix_path[$i][$j] = $jarak_path[$k]; break; else { $matrix_path[$i][$j] = 0;

3 49 //$hasil[] = $matrix_path; $path_terpendek = Array(); $fw = new Floyd($matrix_path, $key_nilai_koordinat_semua_titik); //mendapatkan posisi path mobil; $counter = 0; foreach ($nilai_koordinat_semua_titik as $key => $value) { for ($i = 0; $i < count($nilai_koordinat_mobil_sekarang); $i++) { if ($id_mobil[$i] == $key) { $index_mobil[] = $counter; $counter++; //cari path tedekat dengan membandingkan semua mobil for ($i = 0; $i < count($index_mobil); $i++) { = $fw->get_path($index_mobil[$i], count($key_nilai_koordinat_semua_titik) - = $fw->jarak_terpendek($index_mobil[$i], count($key_nilai_koordinat_semua_titik) - 1); //ambil mobil yang memiliki jarak paling dekat dengan penumpang $id_mobil_terdekat = array_search(min($jarak), $jarak); //ambil nama mobil, kemudian bandingkan di semua path agar mobil yang terdekat diketahui titiknya $nama_mobil = $id_mobil[$id_mobil_terdekat]; $i = 0; foreach ($nilai_koordinat_semua_titik as $key => $value) { if ($key == $nama_mobil) { $id_lokasi_mobil_terdekat = $i; break; $i++; //setelah mobil yang terdekat diperoleh, temukan ambil path yang dilalui oleh mobil paling = $fw->get_path($id_lokasi_mobil_terdekat, count($key_nilai_koordinat_semua_titik) - 1); //untuk cek apakah looping pertama atau tidak untuk membuat M atau L $status_posisi = 0;

4 50 // buat path dengan ketentuan jalur terpendek foreach ($path_terpendek as $i) { if ($status_posisi == 0) { $ambil_koordinat = "M". $nilai_koordinat_semua_titik[$key_nilai_koordinat_semua_titik[$i]][0]. " ". $nilai_koordinat_semua_titik[$key_nilai_koordinat_semua_titik[$i]][1]; $status_posisi++; else { $ambil_koordinat = "L". $nilai_koordinat_semua_titik[$key_nilai_koordinat_semua_titik[$i]][0]. " ". = $path_akhir. $ambil_koordinat; $nama_titik_yang_dilalui_terpendek[] = $key_nilai_koordinat_semua_titik[$i]; $hasil[] = $id_mobil_terdekat; $hasil[] = $jarak[$id_mobil_terdekat]; $hasil[] = $path_akhir; $hasil[] = $nama_titik_yang_dilalui_terpendek; $hasil[] = $jarak[$id_mobil_terdekat]; $hasil[] = $matrix_path; echo json_encode(@$hasil);?> 2. Fw.php <?php define('infinite', pow(2, (20 * 8-2) - 1)); class Floyd { var $panjang_path = array(array()); var $inisialisasi_path = array(array()); var $path; var $jumlah_path; var $nama_titik; var $temp = array(); function Floyd($matrix_path, $nama_titik='') { $this->path = $matrix_path; $this->jumlah_path = count($this->path); if (!empty($nama_titik) && $this->jumlah_path == count($nama_titik)) { $this->nama_titik = $nama_titik;

5 51 $this-> floydwarshall(); // echo $this->jumlah_path. "sss"; function floydwarshall() { // Initialization for ($i = 0; $i < $this->jumlah_path; $i++) { for ($j = 0; $j < $this->jumlah_path; $j++) { if ($i == $j) { $this->panjang_path[$i][$j] = 0; else if ($this->path[$i][$j] > 0) { $this->panjang_path[$i][$j] = $this->path[$i][$j]; else { $this->panjang_path[$i][$j] = INFINITE; $this->inisialisasi_path[$i][$j] = $i; // Algorithm for ($k = 0; $k < $this->jumlah_path; $k++) { for ($i = 0; $i < $this->jumlah_path; $i++) { for ($j = 0; $j < $this->jumlah_path; $j++) { if ($this->panjang_path[$i][$j] > ($this->panjang_path[$i][$k] + $this- >panjang_path[$k][$j])) { $this->panjang_path[$i][$j] = $this->panjang_path[$i][$k] + $this- >panjang_path[$k][$j]; $this->inisialisasi_path[$i][$j] = $this->inisialisasi_path[$k][$j]; function get_path($i, $j) { $this->temp = Array(); if ($i!= $j) { $this-> get_path($i, $this->inisialisasi_path[$i][$j]); array_push($this->temp, $j); function get_path($i, $j) { $this-> get_path($i, $j); return $this->temp;

6 52 function ambil_path($i, $j) { if ($i!= $j) { $this->ambil_path($i, $this->inisialisasi_path[$i][$j]); if (!empty($this->nama_titik)) { print($this->nama_titik[$j]). ' '; // $path[] = $this->nama_titik[$j]; else { print($j). ' ';?> // return $path; function jarak_terpendek($i, $j) { return $this->panjang_path[$i][$j]; 3. Admin.php <?php include 'koneksi.php'; mysql_query("truncate TABLE lokasi_penumpang");?> <!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>pth</title> <script type="text/javascript" src="js/raphael-min.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <link href="css.css" rel="stylesheet" type="text/css" /> </head> <body> <header id="header"> JALUR TERPENDEK DENGAN ALGORITMA FLOYD </header> <?php include 'include/nav.php';?> <div id="map">

7 53 <div id="canvas" style="float: left; background-image:url(img/peta.jpg); background-repeat:no-repeat;"></div> <div id="canvas" style="float: right; width:19%;height:500px; border:1px solid black; overflow: scroll"> <label style="text-align: center; color: blue;"><h3>keterangan</h3></label> <label id="keterangan"></label> </div> <?php /* untuk mengambil semua data yang ada pada database yang akan diparsing ke javascript */ $q_titik = mysql_query("select (SELECT x FROM titik WHERE nama_titik=path.asal)as nilai_asal_x, (SELECT y FROM titik WHERE nama_titik=path.asal)as nilai_asal_y, (SELECT x FROM titik WHERE nama_titik=path.tujuan)as nilai_tujuan_x, (SELECT y FROM titik WHERE nama_titik=path.tujuan)as nilai_tujuan_y, id, asal, tujuan FROM path ORDER BY id ASC") or die(mysql_error()); while ($row = mysql_fetch_array($q_titik)) = "M". $row['nilai_asal_x']. " ". $row['nilai_asal_y']. "L". $row['nilai_tujuan_x']. " ". $row['nilai_tujuan_y']; = "M". $row['nilai_tujuan_x']. " ". $row['nilai_tujuan_y']. "L". $row['nilai_asal_x']. " ". $row['nilai_asal_y']; //untuk mengetahui path = = = = = = = = Array($row['asal'], $row['tujuan']); $q_titik_macet = mysql_query("select (SELECT x FROM titik WHERE nama_titik=path_macet.asal)as nilai_asal_x_macet, (SELECT y FROM titik WHERE nama_titik=path_macet.asal)as nilai_asal_y_macet, (SELECT x FROM titik WHERE nama_titik=path_macet.tujuan)as nilai_tujuan_x_macet,

8 54 (SELECT y FROM titik WHERE nama_titik=path_macet.tujuan)as nilai_tujuan_y_macet, id, asal, tujuan FROM path_macet ORDER BY id ASC") or die(mysql_error()); while ($row_macet = mysql_fetch_array($q_titik_macet)) = "M". $row_macet['nilai_asal_x_macet']. " ". $row_macet['nilai_asal_y_macet']. "L". $row_macet['nilai_tujuan_x_macet']. " ". $row_macet['nilai_tujuan_y_macet']; = "M". $row['nilai_tujuan_x']. " ". $row['nilai_tujuan_y']. "L". $row['nilai_asal_x']. " ". $row['nilai_asal_y']; //untuk mengetahui path = = = = = = = = Array($row_macet['asal'], $row_macet['tujuan']); // print_r($koordinat_semua_path); // print_r($nama_path_asal); //print_r($nama_path_asal); //untuk mengambil titik aja agar bisa diambil group berdasarkan nama titik $q_nama_path_asal = mysql_query("select * FROM titik ORDER BY id ASC") or die(mysql_error()); while ($row = mysql_fetch_array($q_nama_path_asal)) { $nama_titik_asal[] = $row['nama_titik']; $nilai_koordinat_semua_titik[$row['nama_titik']] = Array($row['x'], $row['y']); // print_r($koordinat_xy); // print_r($nama_titik_asal); //group dari masing-masing titik, pada posisi ini semua simpang diambil nilainya pada masing-masing titik for ($i = 0; $i <= count($nilai_koordinat_semua_titik); $i++) = mysql_query("select * FROM path WHERE asal='$nama_titik_asal[$i]' ORDER BY id ASC") or die(mysql_error()); while ($row = mysql_fetch_array($q_cabang_titik)) {

9 55 = $row['id']; //membuat variable dinamis, agar bisa diparsing ke = $row['id'];?> <script type="text/javascript"> var mobil = new Array(); var teks_no_mobil =new Array(); var path_mobil= new Array(); //parsing semua nilai yang sudah dimasukkan ke array di php var path_semua = <?php echo json_encode($path);?>; var nilai_asal_x= <?php echo json_encode($nilai_asal_x);?>; var nilai_asal_y= <?php echo json_encode($nilai_asal_y);?>; var nilai_tujuan_x= <?php echo json_encode($nilai_tujuan_x);?>; var nilai_tujuan_y= <?php echo json_encode($nilai_tujuan_y);?>; var nilai_koordinat_semua_titik= <?php echo json_encode($nilai_koordinat_semua_titik);?>; var koordinat_semua_path= <?php echo json_encode($koordinat_semua_path);?>; var path_semua_macet = <?php echo json_encode($path_macet);?>; var nilai_asal_x_macet= <?php echo json_encode($nilai_asal_x_macet);?>; var nilai_asal_y_macet= <?php echo json_encode($nilai_asal_y_macet);?>; var nilai_tujuan_x_macet= <?php echo json_encode($nilai_tujuan_x_macet);?>; var nilai_tujuan_y_macet= <?php echo json_encode($nilai_tujuan_y_macet);?>; var nilai_koordinat_semua_titik_macet= nilai_koordinat_semua_titik; var koordinat_semua_path_macet= <?php echo json_encode($koordinat_semua_path_macet);?>;?>; var id_path_semua = <?php echo json_encode($id_path);?>; var nama_path_asal_semua = <?php echo json_encode($nama_path_asal); var nama_path_tujuan_semua = <?php echo json_encode($nama_path_tujuan);?>; // var nama_titik_asal_semua = <?php echo json_encode($nama_titik_asal);?>; var cabang_titik_semua=<?php echo json_encode($cabang_titik)?>; // console.log(cabang_titik_semua); var canvas = Raphael("canvas", 1200, 600); // canvas.canvas.style.backgroundcolor = 'LIGHTBLUE'; var jumlah_taksi = 3; var path_penumpang = new Array(); var path_penumpang_macet = new Array();

10 56 var counter_penumpang = 0; var panjang_path = new Array(); var attr_path_mobil={"stroke": "#000", "stroke-width": "10", opacity:.1; var attr_path_mobil_macet={"stroke": "RED", "stroke-width": "10",opacity:.2; var attr_path_mobil_transparan={"stroke-width": "0", opacity:.1; var attr_path_mobil_terpendek={"stroke": "RED", "stroke-width": "4"; var attr_teks_no_mobil = {fill: '#ff0000',"font-size": 16; var attr_warna_mobil = {fill: 'YELLOW'; var attr_circle_penumpang = {fill: 'GREEN',opacity:.5; var attr_teks_panjang_path ={"stroke": "BLUE","font-size": 12; var attr_teks_penumpang ={"stroke": "BLUE","font-size": 12; var attr_titik={"stroke": "RED","font-size": 14; var nilai_koordinat_mobil_sekarang = new Array(); var asal_mobil_sekarang_kirim_php = new Array(); var tujuan_mobil_sekarang_kirim_php = new Array(); var nama_koordinat_samping_mobil = new Array(); var circle_penumpang = new Array(); var status_jemput_penumpang = new Array(); var path_jemput_penumpang = new Array(); var mobil_jemput_penumpang= new Array(); var random_index_asal; var mobil_yang_sedang_menjemput_penumpang = new Array(); var counter_penumpang = 0; var keterangan=""; var path_circle_penumpang = new Array(); var jarak_header = 80; window.onload = function() { //jumlah mobil for(var i=0; i<jumlah_taksi; i++){ mobil_jemput_penumpang[i] = -1; mobil_yang_sedang_menjemput_penumpang[i] = -1; //random index path random_index_asal= Math.floor(Math.random()*path_semua.length); console.log(random_index_asal); mobil[i] = canvas.circle(100, 200, 15).attr(attr_warna_mobil); teks_no_mobil[i] = canvas.text(100, 200,"M"+i).attr(attr_teks_no_mobil); path_mobil[i] = canvas.path(path_semua[random_index_asal]).attr(attr_path_mobil_transparan); id_path_yang_sedang_digunakan[i] = id_path_semua[random_index_asal]; asal_sekarang[i] = nama_path_tujuan_semua[random_index_asal];

11 57 counter[i] = 0; // //path sebagain inisialisasi asal, karena variable path yang digunakan untuk animasi //setelah masuk method animasi maka isi path akan berubah2 // for(var i=0; i<jumlah_taksi; i++){ // //hanya menampilkan garis saja agar tidak kelihatan kosong saat mobil berjalan //garis yang ditampilkan dijadikan path penumpang for(var i=0; i<path_semua.length;i++){ path_penumpang[i] = canvas.path(path_semua[i]).attr(attr_path_mobil); //buat id masing-masing path path_penumpang[i].data("id",id_path_semua[i]); // hitung_panjang_path(); var x_tengah = (eval(nilai_asal_x[i]) + eval(nilai_tujuan_x[i]))/eval(2); var y_tengah = (eval(nilai_asal_y[i]) + eval(nilai_tujuan_y[i]))/eval(2); panjang_path[i] = Math.sqrt(Math.pow((nilai_asal_x[i] - nilai_tujuan_x[i]), 2) + Math.pow((nilai_asal_y[i]- nilai_tujuan_y[i]), 2)); canvas.text(x_tengah, y_tengah, panjang_path[i].tofixed(0)).attr(attr_teks_panjang_path); //tampilkan text pada masing-masing titik canvas.text(nilai_asal_x[i], nilai_asal_y[i],nama_path_asal_semua[i]).attr(attr_titik); for(var i=0; i<path_semua_macet.length;i++){ console.log("macet : " +path_semua_macet[i]); path_penumpang_macet[i] = canvas.path(path_semua_macet[i]).attr(attr_path_mobil_macet); for(var i=0;i<path_penumpang.length; i++){ path_penumpang[i].click(function(event) { //untuk mendapatkan id path yang diklik, kemudian ambil ujung dari path yang diklik, //ini berfungsi untuk menambah titik yang diklik pada floyd var id_path_yang_diklik = this.data("id"); var index_yang_diklik; for(var j=0; j<id_path_semua.length; j++){ if(id_path_semua[j] == id_path_yang_diklik){

12 58 index_yang_diklik = j; break; var nama_koordinat_samping_yang_diklik = [nama_path_asal_semua[index_yang_diklik],nama_path_tujuan_semua[index_yang_d iklik]]; //alert(titik_samping_yang_diklik); var nilai_koordinat_path_yang_di_klik = [event.x, event.yjarak_header]; // console.log("tujuan mobil sekarang: "+ koordinat_path_yang_di_klik); // console.log("koordinat semua titik: "+ koordinat_semua_titik); //mendapatkan tujuan semua mobil agar bisa dikirim ke floyd var daftar_tujuan_mobil = tujuan_mobil_sekarang(); Array();; var nilai_koordinat_mobil_sekarang_yang_tidak_menjemput = new var counter_mobil_yang_menjemput =0; for(var j=0;j<nilai_koordinat_mobil_sekarang.length; j++){ if(mobil_yang_sedang_menjemput_penumpang[j] == -1){ nilai_koordinat_mobil_sekarang_yang_tidak_menjemput[j] = nilai_koordinat_mobil_sekarang[j]; else{ $.ajax({ type: 'POST', cache: false, url: 'floyd/fw_jemput_penumpang.php', data: { nilai_koordinat_semua_titik:json.stringify(nilai_koordinat_semua_titik), koordinat_semua_path:json.stringify(koordinat_semua_path), nilai_koordinat_path_yang_di_klik:json.stringify(nilai_koordinat_path_yang_di_kli k), nama_koordinat_samping_yang_diklik:json.stringify(nama_koordinat_samping_yan g_diklik), nilai_koordinat_mobil_sekarang:json.stringify(nilai_koordinat_mobil_sekarang_yan g_tidak_menjemput),

13 59 nama_koordinat_samping_mobil:json.stringify(nama_koordinat_samping_mobil), success: function(hasil) { console.log(hasil); var nilai_balik = jquery.parsejson(hasil); // path_menjemput_penumpang = canvas.path(nilai_balik[2]).attr(attr_path_mobil_terpendek); // path_mobil[nilai_balik[0]] = canvas.path(path_menjemput_penumpang); status_jemput_penumpang[nilai_balik[0]] = 0; mobil_jemput_penumpang[nilai_balik[0]] = nilai_balik[0]; var random_warna=((1<<24)*math.random() 0).toString(16); attr_path_mobil_terpendek ={"stroke": "#"+random_warna,"stroke-width": "4"; var attr_random_warna_penumpang ={"stroke": "#"+random_warna,"stroke-width": "4", fill:"'#"+random_warna+"'", opacity:0.4; path_jemput_penumpang[nilai_balik[0]] = canvas.path(nilai_balik[2]).attr(attr_path_mobil_terpendek); //lingkaran penumpang circle_penumpang[nilai_balik[0]]=canvas.circle(event.x, event.y-jarak_header, 50).attr(attr_random_warna_penumpang); //tampilkan nama penumpang counter_penumpang++; path_circle_penumpang[nilai_balik[0]] = canvas.text(event.x, event.y-jarak_header,"penumpang "+counter_penumpang).attr(attr_teks_penumpang); 1; keterangan; mobil_yang_sedang_menjemput_penumpang[nilai_balik[0]] = keterangan = "<br/>mobil : M"+nilai_balik[0] + "<br/> Jarak :" +nilai_balik[4] + "<br/>penumpang :" +"Penumpang "+counter_penumpang + "<br/><br/>"+keterangan; document.getelementbyid("keterangan").innerhtml = var nilai_koordinat_asal_untuk_mengantar = nilai_koordinat_path_yang_di_klik; console.log("koordinat Penumpang : " + nilai_koordinat_asal_untuk_mengantar); $.ajax({ type: 'POST', cache: false, url: 'floyd/data_penumpang.php', data: {

14 60 counter_penumpang), operasi:json.stringify("insert"), nama_mobil:json.stringify("m "+nilai_balik[0]), nama_penumpang:json.stringify("penumpang " + koordinat:json.stringify(nilai_koordinat_path_yang_di_klik), nama_titik_samping_koordinat:json.stringify(nama_koordinat_samping_yang_dikli k), success: function(hasil) { //alert(hasil); ); ); ); window.setinterval("method_mobil()", 30); //method_animasi(); ; function hitung_panjang_path(){ for(var i=0; i<path_semua.length;i++){ var x_tengah = (eval(nilai_asal_x[i]) + eval(nilai_tujuan_x[i]))/eval(2); var y_tengah = (eval(nilai_asal_y[i]) + eval(nilai_tujuan_y[i]))/eval(2); panjang_path[i] = Math.sqrt(Math.pow((nilai_asal_x[i] - nilai_tujuan_x[i]), 2) + Math.pow((nilai_asal_y[i]- nilai_tujuan_y[i]), 2)); canvas.text(x_tengah, y_tengah, panjang_path[i].tofixed(0)).attr(attr_teks_panjang_path); var nilai = new Array(); function tujuan_mobil_sekarang(){ return asal_sekarang; var posisi = new Array(); function method_mobil(){ for(var i = 0; i<mobil.length; i++){ posisi[i] = method_animasi(i); mobil[i].attr({cx: posisi[i].x, cy: posisi[i].y); //agar teks ikut bergerak teks_no_mobil[i].attr({x: posisi[i].x, y: posisi[i].y);

15 61 nilai_koordinat_mobil_sekarang[i] = [Math.round(posisi[i].x),Math.round(posisi[i].y)] // nilai_koordinat_mobil_sekarang_x[i] = Math.round(posisi[i].x); // nilai_koordinat_mobil_sekarang_y[i] = Math.round(posisi[i].y); var counter = new Array(); var id_path_yang_sedang_digunakan = new Array(); var asal_sekarang = new Array(); var kategori_titik = new Array(); var pos = new Array(); var hasil_random = new Array(); var id = new Array(); function method_animasi(index_mobil){ for(var i=0;i<status_jemput_penumpang.length;i++){ if(status_jemput_penumpang[i] == 0 && index_mobil == mobil_jemput_penumpang[i]){ path_mobil[index_mobil] = path_jemput_penumpang[i]; counter[index_mobil] =0; status_jemput_penumpang[i]++; for(var i=0;i<mobil_jemput_penumpang.length;i++){ //jika sudah sampai pada penumpang if(counter[index_mobil] >= path_mobil[index_mobil].gettotallength() && index_mobil == mobil_jemput_penumpang[i]){ counter[index_mobil] = 0; mobil_jemput_penumpang[i] = -1; mobil_yang_sedang_menjemput_penumpang[i] = -1; path_mobil[index_mobil] = canvas.path(path_semua[0]); id_path_yang_sedang_digunakan[index_mobil] = id_path_semua[0]; asal_sekarang[index_mobil] = nama_path_tujuan_semua[0]; path_jemput_penumpang[i].remove(); circle_penumpang[i].remove(); path_circle_penumpang[i].remove(); // alert("sampai"); if(counter[index_mobil] >= path_mobil[index_mobil].gettotallength() && index_mobil!= mobil_jemput_penumpang){ for(var asal in cabang_titik_semua){ if(asal == asal_sekarang[index_mobil]){ kategori_titik[index_mobil]= cabang_titik_semua[asal];

16 62 //console.log("hasil asal:"+kategori_titik); for(var i=0; i<=path_semua.length;i++){ if(id_path_yang_sedang_digunakan[index_mobil] ==id_path_semua[i]){ hasil_random[index_mobil] = kategori_titik[index_mobil][math.floor(math.random()*kategori_titik[index_mobil].l ength)]; id[index_mobil]=0; //dapatkan nilai dan ambil indeksnya di array for(var i=0;i<id_path_semua.length;i++){ if(id_path_semua[i] == hasil_random[index_mobil]){ id[index_mobil]=i; break; asal_mobil_sekarang_kirim_php[index_mobil] = asal_sekarang[index_mobil]; path_mobil[index_mobil] = canvas.path(path_semua[id[index_mobil]]).attr(attr_path_mobil_transparan); id_path_yang_sedang_digunakan[index_mobil] = id_path_semua[id[index_mobil]]; asal_sekarang[index_mobil] = nama_path_tujuan_semua[id[index_mobil]]; tujuan_mobil_sekarang_kirim_php[index_mobil] = asal_sekarang[index_mobil]; nama_koordinat_samping_mobil[index_mobil] = [asal_mobil_sekarang_kirim_php[index_mobil], tujuan_mobil_sekarang_kirim_php[index_mobil]]; counter[index_mobil]=0; //ambil x dan y pada posisi counter counter[index_mobil]++; pos[index_mobil] = path_mobil[index_mobil].getpointatlength(counter[index_mobil]); return pos[index_mobil]; ; </script> </div> </body> </html> <?php include 'include/footer.php';?>

Levenshtein Distance.php

Levenshtein Distance.php LISTING PROGRAM Levenshtein Distance.php

Lebih terperinci

Pemrograman Web PRAKTIKUM 6. Query Data 2. TUJUAN BELAJAR Mahasiswa dapat menggunakan PHP dan MySQL untuk mengupdate data

Pemrograman Web PRAKTIKUM 6. Query Data 2. TUJUAN BELAJAR Mahasiswa dapat menggunakan PHP dan MySQL untuk mengupdate data PRAKTIKUM 6 Query Data 2 TUJUAN BELAJAR Mahasiswa dapat menggunakan PHP dan MySQL untuk mengupdate data MATERI Program edit dan hapus TUGAS Menambahkan fitur edit dan hapus untuk semua form input data

Lebih terperinci

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

Lebih terperinci

TUTORIAL APLIKASI WEB Dengan PHP dan MySQL

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,

Lebih terperinci

Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap [Part 2]

Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap [Part 2] Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap 2.3.2 [Part 2] Oleh: d-newbie pada tutorial sebelumnya kita sudah membuat 2 modal, yaitu modal "Masuk" dan modal "Daftar" dan pada tahap ini

Lebih terperinci

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

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

Lebih terperinci

LAPORAN PERTEMUAN 2 PERULANGAN DAN FORM PHP

LAPORAN PERTEMUAN 2 PERULANGAN DAN FORM PHP Hari/Tanggal Laporan Paraf Awal Resmi LAPORAN PERTEMUAN 2 PERULANGAN DAN FORM PHP OLEH : HADYAN DWIHASAN PUTRA 426 16 022 Jurusan Teknik Elektro Program Studi D4 Teknik Multimedia dan Jaringan Politeknik

Lebih terperinci

buat Lightbox mu sendiri dengan jquery

buat Lightbox mu sendiri dengan jquery buat Lightbox mu sendiri dengan jquery Oleh: putra surya herlambang assalamualikum wr wb. apakah kamu pernah melihat gambar pada website yang ketika kamu klik lalu akan muncul suatu kotak besar yang juga

Lebih terperinci

LEMBAR KERJA PRAKTIKUM. - JavaScript Alert yang ditampilkan browser saat membuka halaman home/index.html :

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

Lebih terperinci

Dari potongan program pada Gambar 1 dijelaskan bahwa, program

Dari potongan program pada Gambar 1 dijelaskan bahwa, program Modul 14 e 1. TUJUAN Mahasiswa mampu membuat grafik dari localhost dengan bantuan libraby highcharts Mahasiswa mampu menghosting grafik dari localhost menjadi online pada hostinger Mahasiswa mampu mengakses

Lebih terperinci

Tutorial jquery Ajax Bagian 2 (Input, Update, Delete, Animasi Loading)

Tutorial jquery Ajax Bagian 2 (Input, Update, Delete, Animasi Loading) Tutorial jquery Ajax Bagian 2 (Input, Update, Delete, Animasi Loading) 17:08 20 Oct 2010 @Ajax Pada artikel sebelumnya kita telah belajar dan mengenal jquery dan penggunaan fungsi load() di Tutorial jquery

Lebih terperinci

Checkbox dengan Foreach dan MYSQL

Checkbox dengan Foreach dan MYSQL Checkbox dengan Foreach dan MYSQL Dwi Jayanthi dwi1607@gmail.com Abstrak Pada tutorial ini, kita akan membahas tentang Insert Data Checkbox dengan Foreach ke database MySQL. Komponen Checkbox merupakan

Lebih terperinci

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara Halaman Utama Tampilan Menu Tampilan Galeri Tampilan Admin Listing Program Halaman Utama

Lebih terperinci

MODUL PRAKTIKUM SISTEM TERDISTRIBUSI

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

Lebih terperinci

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

Lebih terperinci

BAB X AKSES DAN MANIPULASI DATA

BAB X AKSES DAN MANIPULASI DATA BAB X AKSES DAN MANIPULASI DATA A. TUJUAN Memahami konsep dasar akses dan manipulasi data. Mampu mengintegrasikan aplikasi PHP dengan database MySQL. Mampu menghasilkan aplikasi web database untuk pengolahan

Lebih terperinci

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 TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah www.ilmuwebsite.com Bagian 4. CRUD (Create, Read, Update, Delete)

Lebih terperinci

Membuat Sistem Pertemanan Sederhana

Membuat Sistem Pertemanan Sederhana Membuat Sistem Pertemanan Sederhana Oleh: Dadan Pada artikel kali ini saya akan menunkukan kepada Anda cara membuat sistem pertemanan seperti pada website jejaring sosial. Contohnya yah seperti pada website

Lebih terperinci

SEKOLAH TINGGI MANAJEMEN INFORMATIKA & KOMPUTER JAKARTA STI&K SATUAN ACARA PERKULIAHAN

SEKOLAH TINGGI MANAJEMEN INFORMATIKA & KOMPUTER JAKARTA STI&K SATUAN ACARA PERKULIAHAN SEKOLAH TINGGI MANAJEMEN INFORMAA & KOMPUTER JAKARTA STI&K SATUAN ACARA PERKULIAHAN Mata Kuliah : PEMROGRAMAN WEB 2 (PHP & MYSQL) Kode Mata Kuliah : MI - 26223 Jurusan / Jenjang : D3 MANAJEMEN INFORMAA

Lebih terperinci

LAMPIRAN A : LISTING PROGRAM

LAMPIRAN A : LISTING PROGRAM 1 LAMPIRAN A : LISTING PROGRAM 1. Halaman Umum Index.php

Lebih terperinci

Pertemuan 2. Muhadi Hariyanto

Pertemuan 2. Muhadi Hariyanto Pertemuan 2 Muhadi Hariyanto Variabel Diperlukan dalam pemrograman PHP karena berfungsi sebagai tempat untuk menampung suatu nilai data. Bisa berupa masukan atau keluaran. Tidak diperlukan deklarasi awal

Lebih terperinci

Langkah 1. Asep Tatang S.

Langkah 1. Asep Tatang S. Membuat Halaman Kamus Istilah Sederhana Menggunakan PHP dan MySql Asep Tatang S. sasakala@gmail.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara

Lebih terperinci

Membuat Duplikasi Form dengan Jquery (Dynamic Form)

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

Lebih terperinci

Menangani Input dari User

Menangani Input dari User Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni

Lebih terperinci

Lampiran 1. Flowchart perancangan sistem

Lampiran 1. Flowchart perancangan sistem Lampiran 1. Flowchart perancangan sistem Mulai Identifikasi Data Desain Program Desain Basis Data Input Data Desain Layout Programming Diagnosa Program idak Benar idak a Uji ampilan Data Benar idak a Dokumentasi

Lebih terperinci

echo zine, issue // Pengamanan URL dengan MAC

echo zine, issue // Pengamanan URL dengan MAC echo zine, issue 14 -----------[ Message Authentication Code dan Implementasinya ]------------ -------------------------------------------------------------------------- ------------------[ Amri Shodiq

Lebih terperinci

Mencetak Data Ke Word atau Excell

Mencetak Data Ke Word atau Excell Mencetak Data Ke Word atau Excell dengan PHP Mungkin ada sebagian di antara kalian yang memikirkan bagaimana caranya mencetak data yang telah kita buat dengan PHP ke dalam bentuk Word atau Excel. Nah setelah

Lebih terperinci

MEMBUAT MASTER BERITA Teknik Informatika Sopingi, M.Kom

MEMBUAT MASTER BERITA Teknik Informatika Sopingi, M.Kom MEMBUAT MASTER BERITA Teknik Informatika Sopingi, M.Kom 1. Buatlah File index.php File ini digunakan untuk menampilkan form dan datagrid tabel berita Memanggil koneksi manage BERITA

Lebih terperinci

Chart Dinamis dengan PHP-XML-JSChart

Chart Dinamis dengan PHP-XML-JSChart Chart Dinamis dengan PHP-XML-JSChart Fadlika Dita Nurjanto fadlikadn@gmail.com http://fadlikadn.wordpress.com Lisensi Dokumen: Copyright 2003-2011 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat

Lebih terperinci

Upload File dengan Metode AJAX

Upload File dengan Metode AJAX Upload File dengan Metode AJAX Oleh: Cecep Yusuf Saya akan membahas bagaimana membuat form upload file beserta prosesnya dengan menggunakan teknik AJAX memakai library Ajax File Upload, salah satu library

Lebih terperinci

AJAX dengan jquery Part 3

AJAX dengan jquery Part 3 AJAX dengan jquery Part 3 Oleh: Cecep Yusuf Pada tutorial ini, kita akan belajar bagaimana mengirim data POST dari sebuah form dan dikirim dengan metode AJAX post dengan menggunakan jquery. Selamat pagi

Lebih terperinci

Dropdown Berhubungan (Sync Dropdown) Dengan CI & MySQL

Dropdown Berhubungan (Sync Dropdown) Dengan CI & MySQL Dropdown Berhubungan (Sync Dropdown) Dengan CI & MySQL Oleh: Gilang Sonar Amanu Saya mau coba share lagi, tutorial sederhana namun sering bgt digunakan untuk berbagai kasus. Mungkin bisa berguna khususnya

Lebih terperinci

LAMPIRAN. Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru?

LAMPIRAN. Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru? LAMPIRAN Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. Indonesia News Center. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru? Jawab: Ya, kami membutuhkan

Lebih terperinci

Membuat Chatbox Sederhana dengan Ajax jquery dan PHP PDO

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

Lebih terperinci

BAB IV HASIL DAN PEMBAHASAN. Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring

BAB IV HASIL DAN PEMBAHASAN. Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring BAB IV HASIL DAN PEMBAHASAN 3.1 PROGRAM PENGHUBUNG DATABASE Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring Menggunakan unit program didukung oleh pemrograman PHP dan database server

Lebih terperinci

Deteksi Tubrukan Objek Dengan HTML5 [Part 3]

Deteksi Tubrukan Objek Dengan HTML5 [Part 3] Deteksi Tubrukan Objek Dengan HTML5 [Part 3] Oleh: Yudhistira Bayu W BismillahirahmanirahimAssalamualaikum wr.wb Alhamdulillah kita sudah sampai di part terakhir yaitu part ke 3 dari tutorial tubrukan

Lebih terperinci

Pemrograman PHP Lanjut. Ahmad Zainudin, S.ST Pemrograman Internet

Pemrograman PHP Lanjut. Ahmad Zainudin, S.ST Pemrograman Internet Pemrograman PHP Lanjut Ahmad Zainudin, S.ST Pemrograman Internet 2014 PHP5 PHP adalah bahasa pemrograman server-scripting Bersifat powerful, dinamis dan mendukung web interactive Tampilan PHP5 PHP merupakan

Lebih terperinci

Pengantar Pemrograman Sisi Server

Pengantar Pemrograman Sisi Server Pengantar Pemrograman Sisi Server PHP 1 Agenda Kilas balik materi minggu lalu Pengenalan PHP Variabel Fungsi Pengulangan (loop) Pengatur aliran (control flow) Array 2 KILAS BALIK MATERI MINGGU LALU 3 Coding

Lebih terperinci

DAFTAR PUSTAKA. Fathansyah. (2007). Basis Data. Informatika : Bandung.

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

Lebih terperinci

Sortable Datagrid dengan Paginating Data

Sortable Datagrid dengan Paginating Data Sortable Datagrid dengan Paginating Data Sebelumnya saya mohon maaf, sudah absen beberapa lama tidak ada artikel yang dibuat. Pada kesempatan kali ini akan kita coba membahas tentang Datagrid yang ditambah

Lebih terperinci

BAB III PERANCANGAN ALAT

BAB III PERANCANGAN ALAT BAB III PERANCANGAN ALAT 3.1 Gambaran Umum Rancangan alat pengendali pintu melalui monitoring kamera yang digunakan pada penulisan ini terdapat 2 cara yang dilakukan yaitu melalui kamera yang akan mengambil

Lebih terperinci

By Desrizal. Pengenalan AJAX

By Desrizal. Pengenalan AJAX 1 Pengenalan AJAX 1 Apa yang harus anda ketahui Sebelum anda memulai belajar PHP AJAX anda harus sudah mempunyai pengetahuan dasar mengenai : 1. HTML 2. Javascript 3. PHP Silahkan membaca buku atau dari

Lebih terperinci

Bermain Dynamic Tabel Row dengan menggunakan Javascript

Bermain Dynamic Tabel Row dengan menggunakan Javascript Bermain Dynamic Tabel Row dengan menggunakan Javascript 20 06 2008 Jika kita adalah orang yang berkutat dengan dunia IT terutama bidang aplikasi web programming, pasti akan sering menjumpai proses insert,

Lebih terperinci

BAB V DESAIN WEB CSS

BAB V DESAIN WEB CSS BAB V DESAIN WEB CSS A. KOMPETENSI DASAR Memahami konsep dan strategi desain web yang rapi berbasis HTML dan CSS/CSS3. Mampu mengoptimalkan fitur-fitur CSS dalam desain web. Mampu memanfaatkan pendekatan

Lebih terperinci

2. DASAR TEORI 2.1 PHP5

2. DASAR TEORI 2.1 PHP5 Modul 2 1. TUJUAN Mahasiswa dapat memahami pemrograman server side menggunakan PHP5 Mahasiswa dapat mengetahui sintak-sintak yang digunakan dalam penanganan form dengan menggunakan metode GET dan POST

Lebih terperinci

PHP Programing. M.M. Ubaidillah. Dasar-dasar PHP. merupakan bahasa pemrograman berbasis web yang memiliki kemampuan untuk memproses data dinamis.

PHP Programing. M.M. Ubaidillah. Dasar-dasar PHP. merupakan bahasa pemrograman berbasis web yang memiliki kemampuan untuk memproses data dinamis. PHP Programing M.M. Ubaidillah Dasar-dasar PHP Bagian I. Pengenalan PHP 1. PHP ( Hypertext Preprocessor) merupakan bahasa pemrograman berbasis web yang memiliki kemampuan untuk memproses data dinamis.

Lebih terperinci

Tutorial Jquery. Untuk mencari sebuah element HTML, dengan JavaScript kita menggunakan fungsi getelementbyid():

Tutorial Jquery. Untuk mencari sebuah element HTML, dengan JavaScript kita menggunakan fungsi getelementbyid(): Tutorial Jquery Apa itu Jquery? Sederhananya Jquery adalah sebuah library JavaScript. Dimana library adalah kumpulan dari berbagai fungsi siap pakai untuk memudahkan pembuatan sebuah aplikasi. Dengan demikian,

Lebih terperinci

Prak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com

Prak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com Prak. E-Bussiness & E-Commerce HTML (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto@gmail.com liyantanto.wordpress.com Pendahuluan HTML adalah sebuah bahasa markup yang digunakan untuk membuat

Lebih terperinci

AJAX dengan jquery Part 2

AJAX dengan jquery Part 2 AJAX dengan jquery Part 2 Oleh: Cecep Yusuf Kita akan belajar bagaimana cara membuat AJAX dengan response data HTML memakai metode GET dan dimasukkan ke dalam elemen yang ditentukan pada halaman utama.

Lebih terperinci

SImple Pop-Up Modal dengan CSS3 dan Jquery

SImple Pop-Up Modal dengan CSS3 dan Jquery SImple Pop-Up Modal dengan CSS3 dan Jquery Oleh: d-newbie Assalamualaikum wr.wb. bertemu lagi dengan saya, kali ini saya akan menulis tutorial tentang pop-up, apa itu pop-up? Kalo menurut wikipedia pop-up

Lebih terperinci

BAB IV IMPLEMENTASI SISTEM DAN PENGUJIAN

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

Lebih terperinci

LISTING PROGRAM. brute.php

LISTING PROGRAM. brute.php 89 LISTING PROGRAM brute.php $time_start = microtime(true); function bruteforce($cari,$kata) $ditemukan=0; //$cari="katu"; //$kata="kata kita ke katu kate"; $cari_arr= str_split($cari); //mengubah kata

Lebih terperinci

Create Read Update Delete using PHP MySql

Create Read Update Delete using PHP MySql 2016 Create Read Update Delete using PHP MySql CRUD TABEL ALUMNI DWI SETIYA NINGSIH // 210 315 70 25 [COMPANY NAME] [Company address] SS Program Gambar 1.1 Tampilan index.php Gambar 2.1 Tampilan edit.php

Lebih terperinci

PERCABANGAN. Contoh :

PERCABANGAN. Contoh : PERCABANGAN Dalam merancang sebuah halaman Web yang dinamis dan interaktif diperlukan perintah - perintah yang dapat mengatur aliran informasi dari halaman Web tersebut. Dengan menggunakan JavaScript kita

Lebih terperinci

Membuat Login Dengan PHP dan MYSQL

Membuat Login Dengan PHP dan MYSQL Membuat Login Dengan PHP dan MYSQL Ramdhan Indra Bangun dadhan.rpl@gmail.com :: Abstrak Aplikasi login User dalam suatu situs dinamis menggunakan php sudah hamper menjadi kebutuhan wajib. Tanpa adanya

Lebih terperinci

MODUL 13 INTERKONEKSI CLIENT-SERVER JQUERY

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

Lebih terperinci

Praktikum 3 Cookie, Session, dan Database MySQL

Praktikum 3 Cookie, Session, dan Database MySQL Praktikum Cookie, Session, dan Database MySQL Tujuan Praktikum : Memberikan pemahaman kepada mahasiswa tentang cookie dan bagaimana menggunakannya. Memberikan pemahaman kepada mahasiswa tentang session

Lebih terperinci

AJAX dengan jquery Part 4

AJAX dengan jquery Part 4 AJAX dengan jquery Part 4 Oleh: Cecep Yusuf Kali ini kita akan mempelajari bagaimana data dikirim melalui HTTP Request dan client akan menerima data callback berupa JSON, melanjutkan tutorial sebelumnya.

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-6 (JavaScript) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-6 (JavaScript) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan JavaScript? Pendeklarasian JavaScript JavaScript

Lebih terperinci

Pertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1

Pertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1 Pertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1 Konsep Client Side Scripting JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript Komentar

Lebih terperinci

Gambar 4. 1 Implementasi Tabel Admin 58

Gambar 4. 1 Implementasi Tabel Admin 58 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah tahap analisa dan tahap perancangan sistem aplikasi yang sudah dijelaskan pada Bab III, maka tahap selanjutnya merupakan tahap implementasi. Pada

Lebih terperinci

PHP mendukung komentar yang digunakan pada C, C++ dan Shell Unix. Sebagai contoh:

PHP mendukung komentar yang digunakan pada C, C++ dan Shell Unix. Sebagai contoh: Perintah Dasar Tag PHP Ketika PHP membaca suatu file, proses akan berlangsung hingga ditemukan tag khusus yang berfungsi sebagai tanda dimulainya interpretasi teks tersebut sebagai kode PHP. PHP akan menjalankan

Lebih terperinci

Membuat Toko Buku dengan PHP - MySQL

Membuat Toko Buku dengan PHP - MySQL Membuat Toko Buku dengan PHP - MySQL Iman Amalludin iman.llusion@gmail.com :: http://blog.imanllusion.hostzi.com Abstrak PHP. Apa itu? PHP (Hypertext Preprocessor) adalah bahasa skrip yang dapat ditanamkan

Lebih terperinci

Dasar Membuat App Facebook

Dasar Membuat App Facebook Dasar Membuat App Facebook Oleh: titan Sebagaimana seperti yang kita ketahui facebook bukan hanya sebatas sosial network untuk berinteraksi dengan teman kita di dunia maya. Dengan jelinya facebook menggaet

Lebih terperinci

Sanksi Pelanggaran Pasal 72 Undang-undang Nomor 19 Tahun 2002 Tentang Hak Cipta 1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan

Sanksi Pelanggaran Pasal 72 Undang-undang Nomor 19 Tahun 2002 Tentang Hak Cipta 1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan Sanksi Pelanggaran Pasal 72 Undang-undang Nomor 19 Tahun 2002 Tentang Hak Cipta 1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan perbuatan sebagaimana dimaksud dalam Pasal 2 Ayat (1) atau

Lebih terperinci

Langkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna

Langkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna Dalam tutorial cara membuat form login dengan PHP dan MySQL, kita akan belajar membuat halaman login untuk website dengan menggunakan PHP Session. Tutorial ini merupakan tutorial tingkat dasar, sederhana

Lebih terperinci

Pertemuan Ke-13 (PHP & MYSQL) Adi Widodo,S.Kom.,MMSI 1

Pertemuan Ke-13 (PHP & MYSQL) Adi Widodo,S.Kom.,MMSI 1 Pertemuan Ke-13 (PHP & MYSQL) Adi Widodo,S.Kom.,MMSI 1 Dasar Pemrograman PHP dan MySQL MATERI 1: PENGENALAN PHP PHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada server side. Artinya

Lebih terperinci

Tutorial Membuat WEB Dinamis Dengan PHP

Tutorial Membuat WEB Dinamis Dengan PHP Tutorial Membuat WEB Dinamis Dengan PHP Muhammad Dede Soleman muhammad.dede@raharja,info Abstrak Dalam sisi programming kita dituntut untuk membuat sebuah program semenarik mungkin agar dapat dilihat oleh

Lebih terperinci

108

108 LAMPIRAN 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 KODE PROGRAM 1. Script Konsultasi 1.

Lebih terperinci

Membuat sendiri active record sederhana ala framework

Membuat sendiri active record sederhana ala framework Membuat sendiri active record sederhana ala framework Oleh: Fuad Indra Setiawan Jaman sekarang banyak bermunculan framework-framework berbasis php seperti CodeIgniter, Cake php, Ruby On Rails, YII dsb.

Lebih terperinci

LAMPIRAN LISTING PROGRAM WEBSITE

LAMPIRAN LISTING PROGRAM WEBSITE LAMPIRAN LISTING PROGRAM WEBSITE 1. Halaman Home (index.php) $judul_hal=home; function isi() include("koneksi.php");

Lebih terperinci

Control Flow & Array. Pemrograman Web. Rajif Agung Yunmar, S.Kom

Control Flow & Array. Pemrograman Web. Rajif Agung Yunmar, S.Kom Control Flow & Array Pemrograman Web Rajif Agung Yunmar, S.Kom Control Flow Aliran kendali : bagaimana urutan eksekusi perintah dalam program. Contoh: Percabangan ( Branching ) Perulangan ( Looping ) Perpindahan

Lebih terperinci

Script PHP dan MySQL J A M K E E M P A T

Script PHP dan MySQL J A M K E E M P A T J A M K E E M P A T Script PHP dan MySQL l l l l l l Membuat Koneksi ke Server Menyeleksi Database Mengakses Query Menampilkan Hasil Query Latihan Jam Keempat Soal Jam Keempat Membuat Koneksi ke Server

Lebih terperinci

Cara Membuat website dengan Dreamweaver

Cara Membuat website dengan Dreamweaver Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See

Lebih terperinci

Masih tentang bagaimana membuat layout dengan CSS, kita lanjutkan untuk membuat layout yang lain. Berikut ini adalah desain layout yang akan kita buat

Masih tentang bagaimana membuat layout dengan CSS, kita lanjutkan untuk membuat layout yang lain. Berikut ini adalah desain layout yang akan kita buat Contoh ke dua layout menggunakan CSS Masih tentang bagaimana membuat layout dengan CSS, kita lanjutkan untuk membuat layout yang lain. Berikut ini adalah desain layout yang akan kita buat HEADER ISI NAVIGASI

Lebih terperinci

LAMPIRAN Source Code Untuk Menampilkan Halaman Home

LAMPIRAN Source Code Untuk Menampilkan Halaman Home LAMPIRAN Source Code Untuk Menampilkan Halaman Home memanggil file koneksi.php untuk membuat sebuah koneksi ke database include 'koneksi.php'; $q="select * FROM buku order by id_buku desc limit 0,5"; $q=mysql_query($q);

Lebih terperinci

BAB 4 PERANCANGAN LAYAR

BAB 4 PERANCANGAN LAYAR BAB 4 PERANCANGAN LAYAR 4.1 User Interface User Interface desaign adalah merupakan sebuah bagian dari bidang studi yang di sebut interaksi manusia dengan komputer. User interface merupakan bagian yang

Lebih terperinci

SEARCHING, EDIT / UPDATE DAN DELETE. PHP & MYSQL Part Two

SEARCHING, EDIT / UPDATE DAN DELETE. PHP & MYSQL Part Two SEARCHING, EDIT / UPDATE DAN DELETE PHP & MYSQL Part Two Maskie Z.O Review Project yang telah dibuat sebelumnya : Cek.php (Session) Index3.htm l Login1.php List1.ph p FmSiswaIn.P hp FmSiswaSim. php Index3.Html

Lebih terperinci

AJAX dengan jquery Part 1

AJAX dengan jquery Part 1 AJAX dengan jquery Part 1 Oleh: Cecep Yusuf Kali ini saya akan share tutorial AJAX dengan jquery. Dengan menggunakan jquery, penggunaan AJAX akan jauh menjadi lebih mudah. Penjelasan Kali ini saya akan

Lebih terperinci

MODUL 7. Pengantar jquery

MODUL 7. Pengantar jquery MODUL 7 Pengantar jquery Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang 2016 Pertemuan 7 7.1 Tujuan : 1. Mahasiswa dapat memahami mengenai PHP dengan jquery 2. Mahasiswa dapat mengaplikasikan

Lebih terperinci

CSS (Cascade Style Sheet)

CSS (Cascade Style Sheet) CSS (Cascade Style Sheet) CSS merupakan bahasa (script) yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan

Lebih terperinci

Web dan HTML Dasar. Siti Maesyaroh, M.Kom

Web dan HTML Dasar. Siti Maesyaroh, M.Kom Web dan HTML Dasar Siti Maesyaroh, M.Kom 1 Pengenalan Word Wide Web What is an Word Wide Web? Protocol Address HTML 2 Pengenalan Word Wide Web Bagaiman Word Wide Web bekerja? Informasi disimpan dalam dokumen

Lebih terperinci

BAB III IMPLEMENTASI. Program penghubung database tersebut disimpan dengan nama. konek.php. Berikut merupakan kode program penghubung Database :

BAB III IMPLEMENTASI. Program penghubung database tersebut disimpan dengan nama. konek.php. Berikut merupakan kode program penghubung Database : BAB III IMPLEMENTASI 3.1 Program Penghubung Database Program penghubung database tersebut disimpan dengan nama konek.php. Berikut merupakan kode program penghubung Database :

Lebih terperinci

Multiple Upload dengan Jumlah Dinamis Menggunakan Javascript dalam Framework CodeIgniter

Multiple Upload dengan Jumlah Dinamis Menggunakan Javascript dalam Framework CodeIgniter http://akbaraziz.staff.ipb.ac.id/2011/02/02/multiple-upload-dengan-jumlah-dinamis-menggunakan-ja v Multiple Upload dengan Jumlah Dinamis Menggunakan Javascript dalam Framework CodeIgniter Biasanya jika

Lebih terperinci

CSS. inheritance (pewarisan)

CSS. inheritance (pewarisan) {CSS} lanjut CSS inheritance (pewarisan) sebuah elemen mewarisi beberapa nilai dari properti yang dimiliki oleh elemen parent-nya http://www.w3.org/tr/css21/cascade.html#inheritance http://www.slideshare.net/diniscorreia/htmlcss-3-introduction-to-css

Lebih terperinci

Menampilkan multiple marker Google Maps API

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

Lebih terperinci

AJAX Tutorial. Contoh AJAX Dasar 1

AJAX Tutorial. Contoh AJAX Dasar 1 Contoh AJAX Dasar 1 Setelah Anda mengenal dasar-dasar tentang konsep AJAX, XML dan Javascript, berikut ini akan kita bahas mengenai contoh aplikasi AJAX dasar. Pada contoh ini kita akan membuat aplikasi

Lebih terperinci

Modul 1. Variabel dan String

Modul 1. Variabel dan String Modul 1. Variabel dan String A. Kompetensi dan Pokok Bahasan Kompetensi Umum: Mahasiswa diharapkan mampu merancang, membuat dan menjalankan bahasa pemrograman PHP dasar dan PHP lanjut Kompetensi Khusus:

Lebih terperinci

AJAX. Pemrograman Web. Rajif Agung Yunmar, S.Kom

AJAX. Pemrograman Web. Rajif Agung Yunmar, S.Kom AJAX Pemrograman Web Rajif Agung Yunmar, S.Kom Synchronous Metode request HTTP yang sering digunakan dengan cara ini adalah metode POST dan GET. Pada saat client mengirimkan request terhadap server, client

Lebih terperinci

E-trik Ajax. Database MySQL. Dedi Alnas

E-trik Ajax. Database MySQL. Dedi Alnas E-trik Ajax Database MySQL Dedi Alnas Pengenalan MySQL Tutorial kali ini akan membahas cara pembuatan aplikasi web yang dapat dihubungkan dengan MySQL. Pada paket instalasi Xampp terdapat MySQL dan phpmyadmin.

Lebih terperinci

Penanganan Formulir PHP. Pemrograman Web - Penanganan Formulir. Agi Putra Kharisma, ST., MT.

Penanganan Formulir PHP. Pemrograman Web - Penanganan Formulir. Agi Putra Kharisma, ST., MT. Penanganan Formulir PHP 1 Agenda Materi Pengayaan Pertemuan Sebelumnya Formulir HTML Jenis Masukan Pada Formulir HTML Metode Pengiriman Formulir Validasi Formulir 2 MATERI PENGAYAAN PERTEMUAN SEBELUMNYA

Lebih terperinci

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM. 4.1 Spesifikasi Perangkat Keras dan Perangkat 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

Lebih terperinci

MODUL PEMROGRAMAN WEB

MODUL PEMROGRAMAN WEB MODUL PEMROGRAMAN WEB CONTROL FLOW & ARRAY Rajif Agung Yunmar, S.Kom STMIK AMIKOM Yogyakarta 2011 DAFTAR ISI Control Flow... 1 1. Percabangan... 1 1.1 Pernyataan if... 1 1.2 Pernyataan else if dan else...

Lebih terperinci

SMH2D3 Web Programming. 7 BAB V PHP SESSION & COOKIES. H a l IDENTITAS. Kajian Teknik pemrograman menggunakan PHP

SMH2D3 Web Programming. 7 BAB V PHP SESSION & COOKIES. H a l IDENTITAS. Kajian Teknik pemrograman menggunakan PHP 7 BAB V PHP SESSION & COOKIES 71 IDENTITAS Kajian Teknik pemrograman menggunakan PHP Topik Penggunaan Library PHP dan teknik lanjutan Web Dinamis Kompetensi Utama 1 Memahami penggunaan Form dan Validasi

Lebih terperinci