tag:blogger.com,1999:blog-13327265732070374492024-03-12T19:33:28.019-07:00isMediaNettempat berbagi ilmu programming, free cms, tutorialisMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.comBlogger41125tag:blogger.com,1999:blog-1332726573207037449.post-16403121756238077622011-12-09T15:11:00.000-08:002011-12-09T15:17:34.792-08:00Membuat Video streaming dan shopping cart Aplikasi penyewaan Disk menggunakan PHP<div dir="ltr" style="text-align: left;" trbidi="on"><div class="fullpost" style="text-align: justify;">What's up Bro.. Setelah beberapa waktu yang lalu membuat cms sederhana penyewaan disk yang berhubungan atau dipkai kasir nah kali ini akan dibahas penyewaan disk tapi yang berhubungan dengan pelanggan. Tapi tunggu dulu aplikasi kali ini sangat berbeda dan tidak ada hubungannya dengan posting-posting sebelumnya meskipun dalam membahas suatu bidang yang sama yaitu penyewaan.<br />
Jika dilakukan perbandingan tentunya bagusan aplikasi kali ini. Aplikasi kali ini juga bisa diterapkan pada kehidupan nyata, "baca - coba - gunakan", terutama buat yang sedang berusaha membuat toko online atau online store yang membutuhkan shopping cart.<br />
Initialisasi, inspirasi awal membuat aplikasi ini yaitu kerja praktek membuat web broad cast, penyewaan Disk streaming, dan online store. nah dari ketiga hal tersebut maka terinspirasilah untuk membuat aplikasi web penyewaan disk.<br />
<a name='more'></a><br />
Gambaran umum aplikasi penyewaan disk. Pada suatu tempat penyewaan disk yang lumayan besar dan terdapat beberapa PC untuk melihat trial-trial clip dari film yang disediakan. Dari PC yang disediakan itulah aplikasi ini diterapkan menggunakan lokal wifi, koneksi lokal internet dalam satu gedung. <br />
SRS atau requirement aplikasiny seperti ini:<br />
1. pelanggan dapat melihat daftar disk yang disediakan<br />
2. Pelanggan dapat melihat video clip film tersebut dalam bentuk video streaming<br />
3. Pelanggan dapat meminjam langsung melalui PC yang disediakan(jadi pelanggan ke kasir hanya tinggal bayar dan mengambil disk yang dipinjam)<br />
4. Pelanggan dapat mengetahui jumlah disk yang dipinjam dan berapa harganya<br />
5. Pelanggan dapat melihat film apa yang paling popular melalui side bar.<br />
6. Pelanggan dapat melihat rekomendasi film<br />
7. Pelanggan dapat mengedit jumlah peminjaman selama belum eksekusi peminjaman<br />
8. pelanggan dapat menghapus peminjaman selama belum eksekusi peminjaman<br />
nah itulah gambaran umum tentang fungsionalitas aplikasi.<br />
Sebelum memasukki pembahsan kode dan apa saja yang dibutuhkan perhatikanlah praktik ini<br />
1. Tampilan halaman utama yang menggunakan design sama seperti pada posting sebelumnya. <br />
<a href="http://2.bp.blogspot.com/-FbvN6fazHTQ/TuKKiAGdPKI/AAAAAAAAAGU/P0awqWWUjwM/s1600/1.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://2.bp.blogspot.com/-FbvN6fazHTQ/TuKKiAGdPKI/AAAAAAAAAGU/P0awqWWUjwM/s320/1.PNG" width="320" /></a><br />
terlihat bahwa tersedia tiga disk yang masing-masing disk terdapat gambaran singkat, tombol pinjam, tombol view, dan gambar disk. Dibagian atas terdapat dua menu, daftar disk dan keranjang. Daftar disk fungsinya untuk melihat semua disk yang tersedia. Keranjang digunakan untuk melihat daftar disk yang hendak dipinjam dan sudah dipilih. Pada bagian samping kanan terdapat sidebar keranjang, popular klip, dan rekomendasi klip. Side bar keranjang memberikan informasi tentang harga dan jumlah disk yang hendak dipinjam, popular klip memberikan informasi tentang klip-klip popular, terus bagaimana tahu kalau suatu disk itu popular diantara yang lainnya? sip pertanyaan yang cerdas. Pada aplikasi php ini algoritma untuk mendapatkan popular disk hanya dengan berapa banyak klik pada suatu disk. Side bar rekomendasi memberikan informasi mengenai daftar disk yang direkomendasikan oleh administrator utuk dipinjam. Terus apa fungsinya side bar ini? yah fungsinya untuk menampilkan video tertentu sesuai dengan kepentingan admin<br />
2. Ketika melakukan klik terhadap menu keranjang.<br />
Ketika keranjang masih kosong atau belum melakukan peminjaman (klik tombol pinjam pada disk)<br />
<a href="http://3.bp.blogspot.com/-XSximprH03o/TuKKuvLQxbI/AAAAAAAAAGc/vZZayo5j2-s/s1600/2.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://3.bp.blogspot.com/-XSximprH03o/TuKKuvLQxbI/AAAAAAAAAGc/vZZayo5j2-s/s320/2.PNG" width="320" /></a><br />
Ketika sudah ada peminjaman<br />
<a href="http://2.bp.blogspot.com/-VuNw2kaXss8/TuKK6A-EcJI/AAAAAAAAAGk/A9r7mFZQXgo/s1600/3.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://2.bp.blogspot.com/-VuNw2kaXss8/TuKK6A-EcJI/AAAAAAAAAGk/A9r7mFZQXgo/s320/3.PNG" width="320" /></a><br />
penjelasan: pada bagian atas maka akan keluar alert jika belum melakukan pemilihan. Jika sudah melakukan peminjaman sebelumnya maka akan menampilkan daftar disk yag sudah dipinjam, jumlah disk, harga, dan total yang harus dibayarkan.<br />
3. Tampilan ketika mengaklik tombol pinjam<br />
<a href="http://2.bp.blogspot.com/-ATNWemvPRPI/TuKLHuDD_EI/AAAAAAAAAGs/YGpnCIM7xoc/s1600/4.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://2.bp.blogspot.com/-ATNWemvPRPI/TuKLHuDD_EI/AAAAAAAAAGs/YGpnCIM7xoc/s320/4.PNG" width="320" /></a><br />
<br />
4. Tampilan ketika mengeklik tombol view<br />
<a href="http://2.bp.blogspot.com/-0Yj_nISNjxk/TuKLc_LRziI/AAAAAAAAAG0/9_hHLh_d3zI/s1600/5.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://2.bp.blogspot.com/-0Yj_nISNjxk/TuKLc_LRziI/AAAAAAAAAG0/9_hHLh_d3zI/s320/5.PNG" width="320" /></a><br />
<br />
5. Pada tampilan keranjang terdapat form jumlah<br />
<a href="http://1.bp.blogspot.com/-3RsobpkSP-U/TuKL4ULOZpI/AAAAAAAAAG8/FfBIK3VC77o/s1600/6.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://1.bp.blogspot.com/-3RsobpkSP-U/TuKL4ULOZpI/AAAAAAAAAG8/FfBIK3VC77o/s320/6.PNG" width="320" /></a><br />
<br />
6. Pada tampilan keranjang mengeklik hapus maka isi keranjang akan dihapus<br />
<a href="http://2.bp.blogspot.com/-ObE8cOWw1tQ/TuKMGFwx3cI/AAAAAAAAAHE/pwgqw_4tjAw/s1600/7.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://2.bp.blogspot.com/-ObE8cOWw1tQ/TuKMGFwx3cI/AAAAAAAAAHE/pwgqw_4tjAw/s320/7.PNG" width="320" /></a><br />
<br />
Pembuatan Aplikasi PHPnya<br />
tool yang digunakan dalam pembuatan <br />
1. xampp versi 1.7.2 atau 1.7.3, juika menggunakan xampp versi sesudahnya maka akan ditemui eror<br />
2. browser fire fox<br />
3. notepad ++<br />
4. flow player dan jquery-nya(flowplayer-3.2.7.swf, flowplayer.controls-3.2.5.swf, flowplayer-3.2.6.min.js)<br />
<br />
hal pertama yang perlu dilakukan adalah membuat database di phpmyadmin. terus bagaimana Caranya? Oke dah dibuatin langkah-langkahnya dari awal banget.<br />
1. hidupkan control pada xampp<br />
<a href="http://3.bp.blogspot.com/-Cd55GAwzQ_M/TuKMcg1BafI/AAAAAAAAAHM/gYjAAHb0LZI/s1600/9.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://3.bp.blogspot.com/-Cd55GAwzQ_M/TuKMcg1BafI/AAAAAAAAAHM/gYjAAHb0LZI/s320/9.PNG" width="320" /></a><br />
2. tekan tombol start hingga muncul running<br />
<a href="http://3.bp.blogspot.com/-LGB18pllDPk/TuKMxQARw-I/AAAAAAAAAHU/6WOpYFsJ4is/s1600/10.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="274" src="http://3.bp.blogspot.com/-LGB18pllDPk/TuKMxQARw-I/AAAAAAAAAHU/6WOpYFsJ4is/s320/10.PNG" width="320" /></a><br />
3. buka browser dan tuliskan http://localhost/phpmyadmin<br />
<a href="http://4.bp.blogspot.com/-r2EMMA1tSx4/TuKM8Fz2PkI/AAAAAAAAAHc/XcJPc5uAmaw/s1600/11.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://4.bp.blogspot.com/-r2EMMA1tSx4/TuKM8Fz2PkI/AAAAAAAAAHc/XcJPc5uAmaw/s320/11.PNG" width="320" /></a><br />
4. Buatlah database dengan menuliskan nama database seperti gambar dibawah ini<br />
<a href="http://4.bp.blogspot.com/-B9MgpkyjlEo/TuKNGSB7LmI/AAAAAAAAAHk/wjfJjUdrWPM/s1600/12.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://4.bp.blogspot.com/-B9MgpkyjlEo/TuKNGSB7LmI/AAAAAAAAAHk/wjfJjUdrWPM/s320/12.PNG" width="320" /></a><br />
buatlah tabel-tabel dibawah ini<br />
1.tabel disk (berfungsi untuk menyimpan data disk)<br />
<a href="http://4.bp.blogspot.com/-EtRyq80QOiE/TuKNPCA8uwI/AAAAAAAAAHs/zVh2hqsNiEI/s1600/13.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="86" src="http://4.bp.blogspot.com/-EtRyq80QOiE/TuKNPCA8uwI/AAAAAAAAAHs/zVh2hqsNiEI/s320/13.PNG" width="320" /></a><br />
2. tabel keranjang(berfungsi untuk menyimpan daftar disk yang disimpan sementara atau temp)<br />
<a href="http://1.bp.blogspot.com/-gupOA4uYTrk/TuKNXC-FsvI/AAAAAAAAAH0/ZRvcO41Tqmg/s1600/14.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="76" src="http://1.bp.blogspot.com/-gupOA4uYTrk/TuKNXC-FsvI/AAAAAAAAAH0/ZRvcO41Tqmg/s320/14.PNG" width="320" /></a><br />
3. tabel member (berfungsi untuk menyimpan data member)<br />
<a href="http://1.bp.blogspot.com/-BIDX6d5dzac/TuKNhG0IwTI/AAAAAAAAAH8/mD-eFl0CHPQ/s1600/15.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="59" src="http://1.bp.blogspot.com/-BIDX6d5dzac/TuKNhG0IwTI/AAAAAAAAAH8/mD-eFl0CHPQ/s320/15.PNG" width="320" /></a><br />
4. tabel pegawi (berfungsi untuk menyimpan data user: kasir atau admin)<br />
<a href="http://2.bp.blogspot.com/-iUdTWjXD6ks/TuKNo4YL8oI/AAAAAAAAAIE/CbMtTxEPZFs/s1600/16.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="41" src="http://2.bp.blogspot.com/-iUdTWjXD6ks/TuKNo4YL8oI/AAAAAAAAAIE/CbMtTxEPZFs/s320/16.PNG" width="320" /></a><br />
5. tabel transaksi (berfungsi untuk menyimpan hubungan tabel member dengan tabel transaksi yang dipinjam)<br />
<a href="http://4.bp.blogspot.com/-PXUlCVxRS5g/TuKNwEsRXmI/AAAAAAAAAIM/k9Jfnf7867I/s1600/17.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="47" src="http://4.bp.blogspot.com/-PXUlCVxRS5g/TuKNwEsRXmI/AAAAAAAAAIM/k9Jfnf7867I/s320/17.PNG" width="320" /></a><br />
6. tabel transaksi_detil (berfungsi untuk menghubungkan id_transaksi dengan disk yang dipinjam)<br />
<a href="http://2.bp.blogspot.com/-gmun-vcC3WQ/TuKN2T0c-NI/AAAAAAAAAIU/Fm0sO88MH1E/s1600/18.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="45" src="http://2.bp.blogspot.com/-gmun-vcC3WQ/TuKN2T0c-NI/AAAAAAAAAIU/Fm0sO88MH1E/s320/18.PNG" width="320" /></a><br />
<br />
Setalah membuat database dengan tabel-tabelnya, buatlah sebuah folder pada folder htdocs di folder xampp sebagai tempat penyimpanan file aplikasi php (misalnya nama folder upl). <br />
<a href="http://3.bp.blogspot.com/-H0QRn5RBiLw/TuKOBNntYpI/AAAAAAAAAIc/wlHY1XQgSrM/s1600/19.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://3.bp.blogspot.com/-H0QRn5RBiLw/TuKOBNntYpI/AAAAAAAAAIc/wlHY1XQgSrM/s320/19.PNG" width="320" /></a><br />
Di dalam folder upl buatlah folder-folder (subfolder) berikut:<br />
1.admin (berfungsi untuk meletakan file-file aplikasi cpanel admin nantinya)<br />
2.config(berfungsi untuk meletakkan file konfigurasi database dan file fungsi-fungsi umum)<br />
3.css(berfungsi untuk meletakkan file css yang mengatur design tampilan web)<br />
4.javascript(berisi file javascript untuk operasi flowplayer)<br />
5.thumnail(berfungsi untuk menyimpan file gambar atau screen shot video yang akan ditampilkan sebagai cover video)<br />
6.video(berfungsi untuk meletakkan file video)<br />
7.flash(berfungsi untuk meletakkan file flash yang akan menampilkan video streaming)<br />
<a href="http://2.bp.blogspot.com/-wwwqzlk7-bg/TuKOLvfktcI/AAAAAAAAAIk/88lZdff-Ugw/s1600/20.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="75" src="http://2.bp.blogspot.com/-wwwqzlk7-bg/TuKOLvfktcI/AAAAAAAAAIk/88lZdff-Ugw/s320/20.PNG" width="320" /></a><br />
<br />
Setelah membuat folder-folder tersebut langkah pertama yang harus dilakukan adalah mendownload file flow player untuk menampilkan video streaming. hal ini dilakukan karena pada aplikasi kali ini tidak menggunakan code HTML 5. File flow player tersebut ada tiga yaitu: flowplayer-3.2.7.swf, flowplayer.controls-3.2.5.swf,dan flowplayer-3.2.6.min.js. Temen-temen dapat men-download disitus resminya.[ALAMAT SITUS]. Setelah mendapatkan filenya, taruh file flowplayer-3.2.7.swf dan flowplayer.controls-3.2.5.swf di folder flash, sedangkan file flowplayer-3.2.6.min.js di folder javascript<br />
Setelah itu mulailah mengcoding.<br />
coding pertama<br />
masuklah kefolder config buatlah file untuk melakukan koneksi terhadap database yang telah dibuat di awal misal nama file koneksi database koneksi_db.php<br />
source code:<br />
<table border="1" cellpadding="5" cellspacing="1" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php</span><br />
<span style="font-family: courier new,courier;"> $server="localhost"; //nama server</span><br />
<span style="font-family: courier new,courier;"> $user="root"; //user database</span><br />
<span style="font-family: courier new,courier;"> $password=""; //password database</span><br />
<span style="font-family: courier new,courier;"> $database="upl_db"; //nama database</span><br />
<span style="font-family: courier new,courier;"> //memanggil fungsi bawaan PHP untuk melakukan koneksi terhadap server</span><br />
<span style="font-family: courier new,courier;"> mysql_connect($server, $user, $password) or die(mysql_error());</span><br />
<span style="font-family: courier new,courier;"> //memanggil fungsi bawaan PHP untuk memilih database yang telah kita buat</span><br />
<span style="font-family: courier new,courier;"> mysql_select_db($database) or die(mysql_error()); </span><br />
<span style="font-family: courier new,courier;">?></span></td> </tr>
</tbody> </table><br />
masih difolder yang sama buatlah fungsi-fungsi umum untuk memudahkan misal namanya function.php<br />
source code: <br />
<table border="1" cellpadding="5" cellspacing="1" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php<br />
include"koneksi_db.php"; //memanggil fungsi koneksi_db.php yang telah dibuat<br />
//fungsi untuk mengembalikan isi database secara keseluruhan<br />
function get_all_data($tabel){<br />
return mysql_query("SELECT * FROM $tabel");<br />
}<br />
//fungsi untuk mengembalikan isi database dengan value atribut tertentu<br />
function get_data_filter($tabel, $filter, $value){<br />
return mysql_query("SELECT * FROM $tabel WHERE $filter='$value'");<br />
}<br />
?></span></td> </tr>
</tbody> </table><br />
masih difolder yang sama juga buatlah file untuk melakukan pengaturan waktu misalnya nama file waktu.php<br />
source code: <br />
<table border="1" cellpadding="5" cellspacing="1" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php<br />
$seminggu = array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu");<br />
$hari = date("w");<br />
$hari_ini = $seminggu[$hari];<br />
<br />
$tgl_sekarang = date("Ymd");<br />
$tgl_skrg = date("d");<br />
$bln_sekarang = date("m");<br />
$thn_sekarang = date("Y");<br />
$jam_sekarang = date("H:i:s");<br />
<br />
$nama_bln=array(1=> "Januari", "Februari", "Maret", "April", "Mei", <br />
"Juni", "Juli", "Agustus", "September", <br />
"Oktober", "November", "Desember");<br />
?></span></td> </tr>
</tbody> </table><br />
Setelah membuat file-file diatas pada folder config kembalilah ke root folder upl sejajar dengan folder-folder yang telah kita buat di dalam folder upl buatlah file index.php sebagi file yang akan dieksekusi pertama kali ketika folder upl di panggil melalui browser<br />
index.php<br />
source code: <br />
<table border="1" cellpadding="5" cellspacing="1" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php<br />
header("location:media.php?operasi=disk");<br />
// fungsi bawaan PHP "header" berfungsi untuk melakukan redirect. Pada file ini berfungsi untuk melakukan redirect ke file media.php dengan pilihan operasi adalah disk<br />
?></span></td> </tr>
</tbody> </table><br />
<br />
file media.php<br />
File ini berfungsi sebagai kerangka utama pada aplikasi kali ini. Fungsi file ini antara lain menghubungkan semua file-file yang ada, sebagai tampilan utama<br />
source code<br />
<br />
<table border="1" cellpadding="5" cellspacing="1" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php<br />
session_start(); <br />
?><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title><br />
</title> <br />
<!--memanggil file javascript untuk mengtaur video streaming--><br />
<script type="text/javascript" src="javascript/flowplayer-3.2.6.min.js"></script><br />
<!--memanggil file css untuk mengatur tampilan--><br />
<link href="css/style.css" rel="stylesheet" type="text/css"><br />
</head><br />
<body> <br />
<div id="wrapper"><br />
<div id="header"></div><br />
<div id="menu"><br />
<!--Memanggil file daftar_menu.php yang berisi menu-menu pada aplikasi ini--><br />
<?php include"daftar_menu.php";?> <br />
</div><br />
<div id="content"> <br />
<div id="left-side"><br />
<!--memanggil file pilih_operasi.php untuk menampilkan hasil pilihan pada menu, jadi ketika mengeklik suatu menu tertenu maka efeknya terlihat dari file ini--><br />
<?php include "pilih_operasi.php";?><br />
</div> <br />
<div id="right-side"><br />
<!--memanggil file side bar tampilan samping--><br />
<?php<br />
include"sidebar.php";<br />
?><br />
</div><br />
<div style="clear:both;"></div><br />
</div> <br />
<div id="footer"><br /><br />
&copy;-right <a href='http://ismedianet.blogspot.com'>three good man</a><br />
</div><br />
</div><br />
</body><br />
</html></span></td> </tr>
</tbody> </table><br />
Berdasarkan file media.php penjelasan dari bagian paling atas<br />
1. memanggil file flowplayer-3.2.6.min.js<br />
pada file ini tidak perlu melakukan perubahan apapun cukup dipanggil saja<br />
2. memanggil file style.css<br />
File ini berfungsi untuk mengatur tampilan aplikasi. file ini terletak difolder css. Perlu diketahui folder css dibuat lagi sebuah sub folder dengan nama "gambar" yang berfungsi untuk menyimpan file tampilan aplikasi<br />
source code <br />
<table border="1" cellpadding="5" cellspacing="1" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;">/*memberi style pada body*/<br />
body{<br />
font-family:comic sans Ms;<br />
}<br />
<br />
/*pengaturan halaman yang mencakup semua*/<br />
#wrapper{<br />
border: 2px solid #0f9c08;<br />
margin-right:auto;<br />
margin-left:auto;<br />
width: 780px;<br />
background-color:#effdf8;<br />
}<br />
#header{ <br />
background-image:url(gambar/header.png);<br />
background-repeat: no-repeat;<br />
width: 780px;<br />
height:100px;<br />
margin-right:auto;<br />
margin-left:auto;<br />
position:relative; <br />
text-align: left; <br />
}<br />
<br />
/*pengaturan halaman utama*/<br />
#content{<br />
position:relative;<br />
color:#7c9485;<br />
width: 780px;<br />
margin-right:auto;<br />
margin-left:auto;<br />
background-color:#b9f3db;<br />
}<br />
#left-side{<br />
background-color:#dafcf4;<br />
float:left;<br />
padding: 20px 30px 20px 30px;<br />
width: 500px;<br />
}<br />
#right-side{<br />
float:right;<br />
width: 200px;<br />
}<br />
#player{<br />
border:10px solid #05b675;<br />
width:480 px;<br />
height:350px;<br />
}<br />
.player_detil{<br />
border:1px solid #05b675;<br />
width:480 px;<br />
}<br />
<br />
#content h3{<br />
color: #86978c;<br />
text-align:center;<br />
}<br />
a.tombol{<br />
text-decoration:none;<br />
color:#86978c;<br />
background-color:#18d080;<br />
padding: 2px 2px 2px 2px;<br />
font-weight:bolt;<br />
font-family:verdana;<br />
border:solid;<br />
}<br />
#content a:hover{<br />
text-decoration: underline overline;<br />
color:red;<br />
background-color:white;<br />
}<br />
<br />
/*pengaturan menu*/<br />
#menu{<br />
position:relative;<br />
margin-left:0px;<br />
width: 780px;<br />
height:33px;<br />
background:url(gambar/menu.png)repeat-x;<br />
margin-right:auto;<br />
margin-left:auto;<br />
border-bottom: 2px solid #0f9c08;<br />
}<br />
#menu ul{<br />
padding:0px;<br />
margin:0px;<br />
list-style:none;<br />
}<br />
#menu ul li{<br />
float:left;<br />
position:relative;<br />
}<br />
#menu a:link, #menu a:visited{ <br />
border-left:1px solid #0f9c08;<br />
border-right:1px solid #000;<br />
color: #265180;<br />
display: list-item;<br />
padding: 5px 10px 5px 10px;<br />
text-decoration:none; <br />
text-align:center;<br />
}<br />
#menu a:hover{<br />
background-color:#ddf8ef;<br />
color: #000;<br />
}<br />
<br />
/*pengaturan footer*/<br />
#footer{<br />
background-image:url(gambar/footer.png);<br />
font-size:70%;<br />
background-color:#effae1;<br />
margin-right:auto;<br />
margin-left:auto;<br />
width: 780px;<br />
height:40px;<br />
}<br />
<br />
/*pengaturan table data*/<br />
table.list {<br />
font-family: Tahoma; <br />
font-size: 8pt;<br />
border-collapse: collapse;<br />
margin-top:10px;<br />
margin-left:9px;<br />
width:450px;<br />
border: 1px solid #33925d;<br />
<br />
}<br />
table.list a:link, table.list a:visited{<br />
text-decoration:none;<br />
color:#12b00a;<br />
}<br />
.list td{<br />
padding: 0.5em;<br />
vertical-align: center;<br />
border-collapse: collapse;<br />
}<br />
<br />
table.view_detil{<br />
font-family: Tahoma; <br />
font-size: 8pt;<br />
border-collapse: collapse;<br />
margin: 15px 15px 15px 15px;<br />
border:1px solid #000;<br />
width:450px;<br />
}<br />
<br />
table.data{<br />
font-family: Tahoma; <br />
font-size: 8pt;<br />
border-collapse: collapse;<br />
margin: 15px 15px 15px 15px;<br />
border:1px solid #000;<br />
width:450px;<br />
}<br />
/*pengaturan form dan aksinya*/<br />
#alert{<br />
position:absolute;<br />
top:165px;<br />
margin-left:235px;<br />
color: red;<br />
}<br />
#spesial{<br />
position:absolute;<br />
top:135px;<br />
margin-left:100px;<br />
color: red;<br />
font-size:12px;<br />
}<br />
<br />
#trans{<br />
position:absolute;<br />
top:145px;<br />
margin-left:235px;<br />
font-size:small;<br />
width: 300px;<br />
}<br />
hr{<br />
color:33925d;<br />
}<br />
</span></td> </tr>
</tbody> </table><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-KZvchnQIrGc/TuKOu13LmFI/AAAAAAAAAIs/dXAKjtEZPK4/s1600/header.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><br />
di folder gambar silakan buatlah gambar sesuai css tersebut dengan nama footer.png, header.png, dan menu.png<br />
header.jpg<br />
<a href="http://1.bp.blogspot.com/-KZvchnQIrGc/TuKOu13LmFI/AAAAAAAAAIs/dXAKjtEZPK4/s1600/header.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-KZvchnQIrGc/TuKOu13LmFI/AAAAAAAAAIs/dXAKjtEZPK4/s1600/header.png" /></a><br />
<br />
footer.png<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-Nc6cBJAmAOA/TuKO8WzYdSI/AAAAAAAAAI0/WN2KjyQJUjo/s1600/footer.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-Nc6cBJAmAOA/TuKO8WzYdSI/AAAAAAAAAI0/WN2KjyQJUjo/s1600/footer.png" /></a></div>menu.png<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-5H3OesWjvU8/TuKPEtuDbqI/AAAAAAAAAI8/xgjX55-KPq0/s1600/menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-5H3OesWjvU8/TuKPEtuDbqI/AAAAAAAAAI8/xgjX55-KPq0/s1600/menu.png" /></a></div><br />
3. memanggil file daftar_menu.php<br />
File ini berfungsi untuk menampilkan menu-menu pada aplikasi<br />
source code <br />
<table border="1" cellpadding="5" cellspacing="1" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><html><br />
<head><br />
<title></title><br />
</head><br />
<body><br />
<ul><li><a href=?operasi=disk>Daftar Disk</a></li><br />
<li><a href=?operasi=keranjang>Keranjang</a></li> <br />
</ul> <br />
</body><br />
</html></span></td> </tr>
</tbody> </table><br />
4. memanggil file pilih_operasi.php<br />
File ini berfungsi untuk menampilkan hasil pemilihan pada menu<br />
source code <br />
<table border="1" cellpadding="5" cellspacing="1" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php<br />
include"config/function.php";<br />
if ($_GET['operasi']==disk){<br />
include"list_video.php";<br />
}else if ($_GET['operasi']==keranjang){<br />
include"keranjang.php";<br />
}<br />
?></span></td> </tr>
</tbody> </table><br />
Berdasarkan file tersebut terlihat bahwa jika operasi adalah disk maka akan memanggil file list_video.php dan keranjang.php. <br />
<br />
4.1 file list_video.php berfungsi untuk menampilkan semua file video yang ada didalam database<br />
source code:<br />
<br />
<table border="1" cellpadding="5" cellspacing="1" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php<br />
switch ($_GET['aksi']){<br />
default:<br />
$data=get_all_data('disk');<br />
while ($list_video=mysql_fetch_array($data)){<br />
echo"<br />
<table class='list'><br />
<tr><br />
<td rowspan=5 width=150px align='center' valign='center'><br />
<img src='thumnail/$list_video[gambar]' width='80px' height='90px'><br />
</td><br />
</tr><br />
<tr><br />
<td>$list_video[judul]</td><br />
</tr><br />
<tr><br />
<td>$list_video[harga]</td><br />
</tr><br />
<tr><br />
<td>$list_video[stok]</td><br />
</tr><br />
<tr><br />
<td><input type='button' onclick=location.href='?operasi=keranjang&aksi=tambah&id_disk=$list_video[id_disk]' value='pinjam'><br />
<input type='button' onclick=location.href='?operasi=disk&aksi=view&id_disk=$list_video[id_disk]' value='view'></td><br />
</tr><br />
</table><br />
";<br />
}<br />
break;<br />
case "view":<br />
$sql_view=get_data_filter('disk','id_disk',$_GET['id_disk']) or die (mysql_error());<br />
$view=mysql_fetch_array($sql_view);<br />
mysql_query("UPDATE disk SET rating=$view[rating]+1 WHERE id_disk=$_GET[id_disk]");<br />
include"view_video.php";<br />
break;<br />
}<br />
?></span></td> </tr>
</tbody> </table><br />
<br />
4.1.1 view_video.php<br />
Berdasarkan file list_video.php terlihat bahwa ada pemanggilan file view_video.php. file ini berfungsi untuk menampilkan video streaming<br />
source code:<br />
<br />
<table border="1" cellpadding="5" cellspacing="1" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><html><br />
<head><br />
<title><br />
</title><br />
</head><br />
<body><br />
<div id="player"></div> <br />
<div class="player_detil"><br />
<?php<br />
echo"<br />
<table class='view_detil' cellpadding='5px'><br />
<tr><br />
<td width='100px'>Judul</td><td>: $view[judul]</td><br />
</tr><br />
<tr><br />
<td>Jumlah Disk</td><td>: $view[stok]</td><br />
</tr><br />
<tr><br />
<td>Harga Sewa</td><td>: Rp. $view[harga]</td><br />
</tr><br />
<tr><br />
<td></td><td><p align='right' style='padding-right:20px;'><br />
<input type='button' value='pinjam' onclick=\"window.location= ('?operasi=keranjang&aksi=tambah&id_disk=$view[id_disk]');\"><br />
<input type='button' value='balik' onclick=self.history.back()><br />
</p></td><br />
</tr> <br />
</table><br />
<br />
";<br />
?><br />
</div><br />
<script type="text/javascript"><br />
$f("player", "flash/flowplayer-3.2.7.swf",{ <br />
clip:{<br />
url:'<?php echo "video/".$view['file'];?>',<br />
autoPlay:true,<br />
autoBuffering: true<br />
}<br />
});<br />
</script> <br />
</body><br />
</html><br />
</span></td> </tr>
</tbody> </table><br />
<br />
4.2 keranjang.php<br />
file keranjang.php berfungsi untuk melakukan operasi-operasi keranjang<br />
source code:<br />
<br />
<table border="1" cellpadding="5" cellspacing="1" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php<br />
include"config/koneksi_db.php";<br />
include"config/waktu.php";<br />
switch($_GET['aksi']){<br />
default:<br />
$id_session = session_id();<br />
$sql="SELECT * FROM keranjang, disk WHERE keranjang.id_session='$id_session' AND keranjang.id_disk=disk.id_disk";<br />
$sql_eks=mysql_query($sql);<br />
$jml_data=mysql_num_rows($sql_eks);<br />
if ($jml_data<1){<br />
echo "<script>window.alert('Keranjang Belanjanya Masih Kosong');window.location=('index.php')</script>";<br />
}else{<br />
echo"<br />
<form action=?operasi=keranjang&aksi=update method=POST><br />
<table class='data' border=1 ><br />
<tr align='center'><br />
<th>No</th><br />
<th>disk</th><br />
<th>judul</th><br />
<th>jumlah</th><br />
<th>harga</th><br />
<th>sub total</th><br />
<th>Hapus</th><br />
</tr>";<br />
$i=1;<br />
$total_bayar=0;<br />
while ($data=mysql_fetch_array($sql_eks)){<br />
$sub_total=$data['harga']*$data['jumlah'];<br />
$total_bayar=$total_bayar + $sub_total;<br />
echo"<br />
<tr align='center'><br />
<td>$i</td><br />
<td width=150px align='center' valign='center'><br />
<img src='thumnail/$data[gambar]' width='80px' height='90px'><br />
</td><br />
<td><br />
$data[judul]<br />
</td><br />
<td><br />
<input type='hidden' name='id_keranjang[$i]' value='$data[id_keranjang]'><br />
<input type='text' name='jumlah[$i]' value='$data[jumlah]' size=1 ><br />
</td><br />
<td><br />
$data[harga]<br />
</td><br />
<td><br />
$sub_total<br />
</td><br />
<td><a href=?operasi=keranjang&aksi=hapus&id_keranjang=$data[id_keranjang] onclick=\"window.alert('Apakah Anda yakin akan menghapus data $data[judul]');\">hapus</a></td><br />
</tr> <br />
"; <br />
$i++;<br />
}<br />
<br />
echo"<br />
<tr><br />
<td colspan=7 align='right'><br />
Total Bayar: Rp. $total_bayar &nbsp;&nbsp;<br />
</td><br />
</tr><br />
<tr><br />
<td colspan=7><br />
<input type='submit' value='update'><br />
<input type='button' value='lanjut pilih' onclick=window.location=('index.php')><br />
<input type='button' value='selesai memilih' onclick=window.location=('?operasi=keranjang&aksi=selesai')><br />
</td><br />
</tr></table></form>";<br />
} <br />
break;<br />
case"tambah":<br />
$id_session = session_id();<br />
$sql_stok=mysql_query("SELECT stok FROM disk WHERE id_disk='$_GET[id_disk]'");<br />
$jml_stok=mysql_fetch_array($sql_stok);<br />
$stok=$jml_stok['stok'];<br />
if ($stok==0){<br />
echo "<script>window.alert('Disk sudah dipinjam semuanya!');window.location=('index.php')</script>";<br />
}else{<br />
$sql_cek=mysql_query("SELECT * FROM keranjang WHERE id_disk='$_GET[id_disk]' AND id_session='$id_session'");<br />
$hasil_cek=mysql_num_rows($sql_cek);<br />
if ($hasil_cek==0){<br />
mysql_query("INSERT INTO keranjang (id_disk, id_session, jumlah, tgl_pinjam, jam_pinjam, stok_disk) VALUES('$_GET[id_disk]','$id_session',1, '$tgl_sekarang', '$jam_sekarang', '$stok')") or die (mysql_error());<br />
}else{<br />
mysql_query("UPDATE keranjang SET jumlah=jumlah+1 WHERE id_session='$id_session' AND id_disk='$_GET[id_disk]'") or die (mysql_error());<br />
}<br />
echo "<script>window.alert('Data telah ditambahkan kedalam keranjang');window.location=('?operasi=keranjang')</script>";<br />
}<br />
break;<br />
case"update":<br />
$id_keranjang = $_POST['id_keranjang'];<br />
$jml_data = count($id_keranjang);<br />
$jumlah = $_POST['jumlah'];<br />
$i=1;<br />
while ($i <= $jml_data){<br />
$sql_stok_keranjang=mysql_query("SELECT stok_disk FROM keranjang WHERE id_keranjang='$id_keranjang[$i]'") or die (mysql_error());<br />
while ($stok_keranjang=mysql_fetch_array($sql_stok_keranjang)){<br />
if ($jumlah[$i] > $stok_keranjang['stok_disk']){<br />
echo "<script>window.alert('Jumlah yang dipinjam melebihi stok yang ada'); window.location=('?operasi=keranjang')</script>";<br />
}else{<br />
mysql_query("UPDATE keranjang SET jumlah = '$jumlah[$i]' WHERE id_keranjang = '$id_keranjang[$i]'");<br />
echo "<script>window.alert('Data berhasil diupdate'); window.location=('?operasi=keranjang')</script>";<br />
}<br />
}<br />
$i++;<br />
} <br />
break;<br />
case"hapus":<br />
mysql_query("DELETE FROM keranjang WHERE id_keranjang='$_GET[id_keranjang]'");<br />
echo "<script>window.location=('?operasi=keranjang')</script>";<br />
break;<br />
case"selesai":<br />
<br />
if (isset($_POST['id_member'])){<br />
$sql_member=mysql_query("SELECT * FROM member WHERE id_member='$_POST[id_member]'") or die (mysql_error());<br />
$jml_member=mysql_num_rows($sql_member);<br />
if ($jml_member<1){<br />
echo "<script>window.alert('Anda belum terdaftar, silakan mendaftar kebagian kasir'); window.location=('?operasi=keranjang&aksi=hapus&id_keranjang=$_POST[id_member]')</script>";<br />
}else{<br />
function pindah_isi(){<br />
$isikeranjang = array();<br />
$sid = session_id();<br />
$sql = mysql_query("SELECT * FROM keranjang WHERE id_session='$sid'") or die (mysql_error());<br />
while ($r=mysql_fetch_array($sql)) {<br />
$isikeranjang[] = $r;<br />
}<br />
return $isikeranjang;<br />
}<br />
$tgl_skrg = date("Ymd");<br />
//simpan peminjaman<br />
mysql_query("INSERT INTO transaksi(status_peminjaman,id_member, tanggal) VALUES ('pengajuan',$_POST[id_member],'$tgl_skrg')");<br />
//insert id<br />
$id_transaksi=mysql_insert_id();<br />
$isikeranjang=pindah_isi();<br />
$jml= count($isikeranjang);<br />
// simpan data detail transaksi<br />
for ($i = 0; $i < $jml; $i++){<br />
mysql_query("INSERT INTO transaksi_detil(id_transaksi, id_disk, jumlah) <br />
VALUES('$id_transaksi',{$isikeranjang[$i]['id_disk']}, {$isikeranjang[$i]['jumlah']})");<br />
}<br />
<br />
for ($i = 0; $i < $jml; $i++) {<br />
mysql_query("DELETE FROM keranjang<br />
WHERE id_keranjang = {$isikeranjang[$i]['id_keranjang']}");<br />
}<br />
echo "<script>window.alert('Data telah terkirim silakan melakukan pembayaran dan pengambilandisk dibagian kasir'); window.location=('?operasi=disk')</script>";<br />
}<br />
}else{<br />
$id_session = session_id();<br />
$sql="SELECT * FROM keranjang, disk WHERE keranjang.id_session='$id_session' AND keranjang.id_disk=disk.id_disk";<br />
$sql_eks=mysql_query($sql);<br />
echo"<br />
<form action=media.php?operasi=keranjang&aksi=selesai method='POST'><br />
ID Member: <input type=text name=id_member><br /><br /><br />
Informasi peminjaman<br />
<table class='data' border=1 ><br />
<tr align='center'><br />
<th>No</th><br />
<th>judul</th><br />
<th>jumlah</th><br />
<th>harga</th><br />
<th>sub total</th><br />
</tr>";<br />
$i=1;<br />
$total_bayar=0;<br />
while ($data=mysql_fetch_array($sql_eks)){<br />
$sub_total=$data['harga']*$data['jumlah'];<br />
$total_bayar=$total_bayar + $sub_total;<br />
echo"<br />
<tr><br />
<td>$i</td><br />
<td><br />
$data[judul]<br />
</td><br />
<td><br />
$data[jumlah]<br />
</td><br />
<td><br />
$data[harga]<br />
</td><br />
<td><br />
$sub_total<br />
</tr> <br />
"; <br />
$i++;<br />
}<br />
<br />
echo"<br />
<tr><br />
<td colspan=7 align='right'><br />
Total Bayar: Rp. $total_bayar &nbsp;&nbsp;<br />
</td><br />
</tr><br />
<tr><br />
<td colspan=7><br />
<input type='submit' value='proses'> <br />
</td><br />
</tr></table></form>"; <br />
};<br />
break;<br />
}<br />
?></span></td> </tr>
</tbody> </table><br />
<br />
5. memanggil file sidebar.php<br />
berfungsi untuk mengatur tampilan samping<br />
source code:<br />
<table border="1" cellpadding="5" cellspacing="1" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><html><br />
<head><br />
<title><br />
</title><br />
</head><br />
<body><br />
<br />
<div style=" background-color:#05b675; color:#055b3c; border:2px solid #0F9C08; width:200px; float:right; margin:10px 7px 0px 0px;" align="center">Keranjang</div><br />
<div style="border-top:0px; border-left:2px solid #0F9C08; border-right:2px solid #0F9C08; border-bottom:2px solid #0F9C08; width:180px; float:right; margin:0px 7px 5px; font-family: Tahoma; font-size: 8pt; padding: 10px 10px 10px 10px;" ><br />
<?php<br />
$id_session = session_id();<br />
$sql="SELECT * FROM keranjang, disk WHERE keranjang.id_session='$id_session' AND keranjang.id_disk=disk.id_disk";<br />
$sql_eks=mysql_query($sql);<br />
while ($data=mysql_fetch_array($sql_eks)){<br />
$sub=$data['harga']*$data['jumlah'];<br />
$total=$total + $sub;<br />
$jml_disk=$jml_disk + $data['jumlah'];<br />
}<br />
?><br />
Jumlah Disk :<?php echo$jml_disk;?> <br><br><br />
Total: Rp. <?php echo$total;?><br><br><br />
<a href=?operasi=keranjang>Lihat Keranjang</a><br />
</div><br />
<br />
<div style=" background-color:#05b675; color:#055b3c; border:2px solid #0F9C08; width:200px; float:right; margin:10px 7px 0px 0px;" align="center">Popular Klip</div><br />
<div style="border-top:0px; border-left:2px solid #0F9C08; border-right:2px solid #0F9C08; border-bottom:2px solid #0F9C08; width:180px; float:right; margin:0px 7px 5px; font-family: Tahoma; font-size: 8pt; padding: 10px 10px 0px 10px;" ><br />
<?php<br />
include"rating.php";<br />
?> <br />
</div><br />
<div style=" background-color:#05b675; color:#055b3c; border:2px solid #0F9C08; width:200px; float:right; margin:10px 7px 0px 0px;" align="center">Rekomendasi Klip</div><br />
<div style="border-top:0px; border-left:2px solid #0F9C08; border-right:2px solid #0F9C08; border-bottom:2px solid #0F9C08; width:180px; float:right; margin:0px 7px 5px; font-family: Tahoma; font-size: 8pt; padding: 10px 10px 0px 10px;" ><br />
<?php include"rekomendasi.php";?> <br />
</div><br />
</body><br />
</html></span></td> </tr>
</tbody> </table><br />
5.1 rating.php<br />
terlihat bahwa file sidebar.php memanggil file rating.php yang berfungsi untuk melakukan operasi terhadap video yang sering dibuka<br />
source code:<br />
<table border="1" cellpadding="5" cellspacing="1" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php<br />
$populer=mysql_query("SELECT * FROM disk ORDER BY rating DESC LIMIT 5");<br />
while ($view=mysql_fetch_array($populer)){<br />
echo "<a href=?operasi=disk&aksi=view&id_disk=$view[id_disk]>$view[judul] &nbsp; ($view[rating])</a><br><br>";<br />
}<br />
?></span></td> </tr>
</tbody> </table><br />
5.2 rekomendasi.php<br />
terlihat bahwa file sidebar.php memanggil file rekomendasi.php yang berfungsi untuk menampilkan rekomendasi video<br />
source code:<br />
<table border="1" cellpadding="5" cellspacing="1" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php<br />
$get_video=get_data_filter('disk', 'isRecomended','Y');<br />
while ($view=mysql_fetch_array($get_video)){<br />
echo "<a href=?operasi=disk&aksi=view&id_disk=$view[id_disk]>$view[judul]</a><br><br>";<br />
}<br />
?></span></td> </tr>
</tbody> </table><br />
Untuk bisa berjalan silakan isi tabel disk secara manual di database phpmyadmin<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-5LuOzzgKSb8/TuKP13EwWMI/AAAAAAAAAJE/TlO3-143KtU/s1600/21.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="http://3.bp.blogspot.com/-5LuOzzgKSb8/TuKP13EwWMI/AAAAAAAAAJE/TlO3-143KtU/s400/21.PNG" width="400" /></a></div>untuk atribut gambar dan file pada database hendaknya diisi sesuai nama file yang akan dipanggil yang berada di folder thumnail dan video<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-wVfaSwkyucA/TuKTH3CEDFI/AAAAAAAAAJM/lGbZHWzyYzg/s1600/22.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://2.bp.blogspot.com/-wVfaSwkyucA/TuKTH3CEDFI/AAAAAAAAAJM/lGbZHWzyYzg/s320/22.PNG" width="320" /></a></div><br />
nah udah dibahas semua, semoga bermanfaat ya..<br />
<a href="http://www.mediafire.com/?70i1mkxei43o6al" target="_blank">download source code full</a><br />
<br />
Untuk pembahasan mendatang tentang pembuatan cmsnya :)</div></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com8tag:blogger.com,1999:blog-1332726573207037449.post-71390568627251687162011-12-05T12:21:00.000-08:002011-12-05T12:21:54.634-08:00Object Oriented VS Konvensional Paradigma<div dir="ltr" style="text-align: left;" trbidi="on"><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-doP90mfdn_o/Tt0ne70N-rI/AAAAAAAAAGM/fWC__WcGvPg/s1600/images.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="http://2.bp.blogspot.com/-doP90mfdn_o/Tt0ne70N-rI/AAAAAAAAAGM/fWC__WcGvPg/s1600/images.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Object Vs Konvensional</td></tr>
</tbody></table><div class="fullpost" style="text-align: justify;">Tidak dapat dipungkiri teknik memrogram menggunakan paradigma object Oriented memiliki banyak kelebihan jika dibandingkan dengan teknik memrogram konvensional untuk saat ini. Seperti itulah banyak pendapat profesional developper tentang konsep pemrograman OO vs Konvensional. Meskipun demikian adanya, menurut saya tidaklah harus kita bulet-bulet mengikuti hal tersebut dan melakukan hijrah total kedalam object oriented karena setia teknik atau konsep memrogram selalu ada kelebihan dan kekurangannya. keadaanlah yang membuat suatu teknik menjadi paling tepat untuk digunakan apakah itu object oriented ataupun konvensional</div><div class="fullpost" style="text-align: justify;">Mengetahui kenyataan tersebut tentang banyaknya pendapat OO vs Konvensional sempat membuat shock juga. Betapa tidak? setelah lumayan banyak waktu dihabiskan untuk belajar memrogram menggunakan konvensional ternyata ada teknik yang lebih bagus "katanya" membuat merasa "sia-sia" belajar yang dilakukan saat ini. Mencari dan terus mencari beberapa teori dasar pada akhirnya mendapatkan sejarahnya tentang memrogram. Ternyata teknik memrogram konvensional juga pernah berjaya seperti object saat ini sampai pada kahirnya lahirlah suatu teknik memrogram yang baru yaitu object oriented. mirip dengan konsep database juga dimana terdapat banyak konsep dasar tentang database. meskipun pada database saat ini telah lahir yang terbaru yang berbasis object namun masih belum mengalahkan ketenaran database relasional, yah mungkin karena mudah dipahami.<a name='more'></a><br />
lanjut lagi, pada awalnya sempat terjadi guncangan, namun setelah mempelajari lebih dalam perasaan shock itupun sedikit demi sedikit menghilang. mengapa demikian? yah karena dari konvensionallah mulai mengetahui dasar-dasar memrogram, dasar-dasar algoritma atau singkatnya untuk seorang yang baru memulai untuk belajar memrogram (coding) akan lebih baik menggunakan konvensional karena mudah untuk dipahami dan kebanyakan bukupun memulai penjelasan tentang algoritma menggunakan konvensional baru pada akhirnya menawarkanteknik yang lebih optimal saat ini yaitu obect oriented. nah dari situ tetap semangat programmer muda, termasuk penulis hehe..<br />
Memrogram, scripting PHP menggunakan teknik object oriented menurut sang ahli sebetulnya tidaklah tepat 100%, namun tetap saja lebih baik meskipun ada beberapa pelanggaran konsep OO didalamnya. Jika menginginkan kemurnian OO maka yang tepat menggunakan java, C, atau yang lainnya.<br />
Beberapa refensi dari sebuah buku<br />
sKemampuan bahasa pemrograman server-side scripting (PHP, ASP) untuk melakukan"include" diantara file web page sehingga mengurangi kerja dan memangkas waktu mantenance. Sebagai contoh, misalkan suatu<br />
situs berisi menu di bagian atas setiap halaman web, dan menu ini identik seluruh halaman web. Kita bisa melakukan kopi, paste kode yang sesuai, kedalam setiap halaman web untuk memunculkan menu tersebut. Akan tetapi hal tersebut rumit dan tidak produktif karena memperbanyak kode yang sama (redudansi). Akan jauh lebih baik jika kita hanya menuliskan sebuah code sekali saja untuk menyisipkan atau memunculkan menu disemua halaman web yang dibutuhkan. Menggunakan cara tersebut juga akan memudahkan kita dalam melakukan perubahan (update), cukup merubah sebuah file maka semuanya akan berubah sehingga tidak perlu melakukan perubahan pada banyak file.<br />
Nah menggunakan cara tersebut akan sangat memudahkan programmer jika akan melakukan perubahan pada sebuah situs yang memiliki halaman web sangat banyak. Pendekatan seperti ini dapat diringkas sebagai "include and reuse" bukan "rewrite". Pada teknik memrogram Object Oriented hal tersebut adalah perpanjangan atau ekstention dari object. Objek menyederhanakan pengembangan web dengan menghilangkan kebutuhan untuk copy, paste, dan mengadaptasi kode yang sudah ada.<br />
tetap semangat<br />
to be continued</div></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-53268389182559463702011-12-04T15:38:00.000-08:002011-12-04T15:42:33.003-08:00Cara Pengunjung Lebih Dekat dan Mengenali Blog<div dir="ltr" style="text-align: left;" trbidi="on"><div class="fullpost" style="text-align: justify;"><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-VY1VVc8TIK8/TtwE9R5yUaI/AAAAAAAAAGE/RrOOpoEL2ps/s1600/utama.PNG" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="160" src="http://3.bp.blogspot.com/-VY1VVc8TIK8/TtwE9R5yUaI/AAAAAAAAAGE/RrOOpoEL2ps/s200/utama.PNG" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Membuat translator di blog</td></tr>
</tbody></table>Nah setelah beberapa waktu yang lalu membuat posting tentang "Cara Search Engine Lebih Dekat dan Mengenali Blog", kali ini ingin mencoba supaya blog tidak hanya dekat dengan search engine akan tetapi lebih dari itu tujuan utama suatu blog sebenarnya adalah pengunjung. kalau menurut saya si ada dua komponen eksternal yang sangat penting dalam blogging, yaitu berkaitan dengan publikasi blog sehingga blog kita diketahui dan penyajian informasi sehingga pengunjung betah lama-lama diblog klik sini, klik sana, diklik semua haha..</div><div class="fullpost" style="text-align: justify;">Temen-temen mungkin pernah, eits nda cuma pernah ikh tapi selalu mungkin melakukan searching melalui search engine seperti google atau yang lainnya. Nah setelah itu langsung aja klik di hasil pencarian yang nomor satu tapi setelah klik eeeh ternyata isinya nda karuan ga betah da.. terus coba da klik-klik yang lainnya yang dibawahnya eeh koq malah tampilan, informasi dan lain sebagainya lebih bagus? mungkin sempat tanya dihati koq seach engine ga tahu ya padahal isinya jelek koq nomor satu, yang bagus malah nda nomor satu? Yah itulah karena sibloggernya hanya menginnginkan PR saja namun secara kualitas informasi tidak diperhatikan. Nah semoga kita bukan yang seperti itu. Memang PR teratas bagus namun akan lebih bagus jika konten blog juga berkualitas.<br />
<a name='more'></a></div><div class="fullpost" style="text-align: justify;">Koq jadi panjang lebar gito jadi luas dah.. hehe.. yah permulaan biar tidak bored. Jadi pada kali ini akan coba share memasang translator diblog kita supaya orang manca lebih mudah mengerti tulisan-tulisan kita. Sebetulnya ada banyak web yang menyediakan fasilitas itu, salah duanya google atau kamus.net</div><div class="fullpost" style="text-align: justify;">1. Membuat translator google diblog</div><div class="fullpost" style="text-align: justify;">Hal pertama yang musti temen-temen cari itu coding translatornya, nah temen-temen bisa mengkopi kode dibawah ini</div><div class="fullpost" style="text-align: justify;"><table border="0" cellpadding="5" style="background-color: snow; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><br />
<div class="fullpost">style><br />
.google_translate img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;border:0;}<br />
.google_translate:hover img {filter:alpha(opacity=30);-moz-opacity: 0.30;opacity: 0.30;border:0;}<br />
.google_translatextra:hover img {filter:alpha(opacity=0.30)-moz-opacity: 0.30opacity: 0.30;border:0;}<br />
</style><br />
<center><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a><br />
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a><br />
</center></div></td> </tr>
</tbody> </table></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">hasilnya</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-SsZvXsWZxDk/TtwDrSJmgvI/AAAAAAAAAFs/nnk9oXARA3A/s1600/google.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-SsZvXsWZxDk/TtwDrSJmgvI/AAAAAAAAAFs/nnk9oXARA3A/s1600/google.PNG" style="cursor: move;" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Nah setelah itu untuk yang pake blogspot bisa memilih menu tab design setelah login sebagai admin dan menambahkan gadget html/javascript untuk yang pake cms wordpress juga hampir mirip untuk yang pake cms lainnya intinya sama memasukkan kode itu ke salah satu bagian di web temen-temen setelah itu? tinggal disimpen atau upload dah.. jadi dah... gampang kan..</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">2. membuat translator menggunakan kamus.net</div><div style="text-align: justify;">Langkah pertama kunjungi web resminya di kamus.net</div><div style="text-align: justify;">setelah itu pilih menu tab link to us</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-xRhdKiMfzEU/TtwD7Hea10I/AAAAAAAAAF0/PhdlBGnHY1w/s1600/kamus1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://3.bp.blogspot.com/-xRhdKiMfzEU/TtwD7Hea10I/AAAAAAAAAF0/PhdlBGnHY1w/s320/kamus1.PNG" width="320" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">setelah itu kopi da kode yang ada... ada dua jenis kode & pilih salah satu</div><div class="fullpost" style="text-align: justify;"><table border="0" cellpadding="5" style="background-color: snow; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><br />
<div class="fullpost"><script language="javascript"><br />
function openWindow() {<br />
popupWin = window.open(<br />
'http://www.kamus.net/search/', <br />
'remote', 'width=234,height=361, left=20,top=20'<br />
)<br />
}<br />
</script><br />
<br />
<a href="javascript:openWindow();"><br />
<img src="http://www.kamus.net/images/link/kamus_link2.jpg" <br />
width="97" height="27" border="0"><br />
</a></div></td> </tr>
</tbody> </table></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">atau</div><div style="text-align: justify;"><br />
</div><div class="fullpost" style="text-align: justify;"><table border="0" cellpadding="5" style="background-color: snow; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><br />
<div class="fullpost"><a href="http://www.kamus.net"><br />
<img src="http://www.kamus.net/images/link/kamus_link2.jpg" <br />
width="97" height="27" border="0"><br />
</a></div></td> </tr>
</tbody> </table></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">hasilnya</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-jkcDLs1pSNM/TtwEEedLIwI/AAAAAAAAAF8/WQWIlorJZ_U/s1600/kamus2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-jkcDLs1pSNM/TtwEEedLIwI/AAAAAAAAAF8/WQWIlorJZ_U/s1600/kamus2.PNG" /></a></div><div style="text-align: justify;">Semoga bermanfaat</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-87495896621989456582011-12-01T11:21:00.000-08:002011-12-01T11:23:21.867-08:00Cara search engine lebih dekat dan mengenali blog<div dir="ltr" style="text-align: left;" trbidi="on"><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-NX-D-Z6W-_o/TtfTWn7__iI/AAAAAAAAAFk/8Vwgxj8RqOw/s1600/PR.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="168" src="http://2.bp.blogspot.com/-NX-D-Z6W-_o/TtfTWn7__iI/AAAAAAAAAFk/8Vwgxj8RqOw/s200/PR.jpg" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">meningkatkan page rank, traffic web</td></tr>
</tbody></table><div class="fullpost" style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">meningkatkan traffik pengunjung ke halaman web yang dibuat menjadi sebuah keniscayaan buat seorang yang berkecimpung didunia bisnis on-lne. Ide menulis topik ini bukanlah karena pada saat ini blog berada paga PR (page rank) yang tinggi akan tetapi karena pada proses meningkatkan PR mendapatkan suatu artikel yang membuat sangat bermanfaat dan artikel tersebut bereaksi. Membaca judul posting mungkin ada yang berpikiran kaya manusia aja hehe..ya seperti itulah semua yang disusun oleh manusia akan memiliki konstruksi atau sifat yang miri dengan kehidupan nyata.<br />
Ada beberapa pengetahuan dasar yang perlu diketahui oleh new webie untuk memulainya. Beberapa istilah yang berkaitan dengan internet marketing menjadi sesuatu yang sangat dicari dan diminati. surfing dari web yang satu ke web yang lain menjadi aktivitas tap harinya hanya untuk meningkatkan PR, atau sekedar mengenalkan blog.<br />
Kali ini akan ada tida istilah lumayan penting untuk menunjang peningkatan PR, atau kedekatan blog kita dengan search engine<br />
<a name='more'></a><br />
1. Meta tag description<br />
Kata-kata ini mungkin menjadi sesuatu yang asing buat yang baru pertama kali awal diawal-awal kenalan dengan internet. Apalagi untuk yang tidak memiliki basis dari informatika atau yang berkaitan dengan ilmu komputer. bahkan terkadang yang berasal dari kalangan informatikan atau ilmu komputerpun tidak mengetahui hal tersebut. saya juga pada awal termasuk sama seperti pembaca tidak tahu tentang hal itu hehe.<br />
Jadi meta tag description kurang lebih memiliki fungsi untuk memberitahukan gambaran mengenai isi dari halaman blog atau web. meta tag merupakan sintak atau kode dalam html. meta tag ini diletakan pada heading atau diantara heading. contoh penulisannya<br />
<br />
<meta name="description" content="ismedianet.blogdpot.com, belajar cms, cms sederhana">. <br />
nah dengan meta tag itu web atau blog kita seperti memberitahukan pada search engine "ini loh saya menyediakan artikel, infomasi tentang cms sederhana, belajar cms di alamat ismedianet.blogspot.com". Nah kurang lebih seperti itu penjelasannya. Silakan mencari referensi lain supaya lebih memahaminya<br />
<br />
2. Meta tag keyword<br />
memiliki sedikit kemiripan dengan meta tag description meta tag keyword yaitu sama-sama terletak diantara heading dan memiliki fungsi untuk menentukan kata kunci untuk menemukan blog melalui search engine.<br />
sintak dasar meta tag keyword<br />
<br />
<meta name="keywords" content="keyword1, keyword2, keyword3"> </div><div class="fullpost" style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"><br />
atau </div><div class="fullpost" style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"><br />
<meta name="keywords" content="keyword1 keyword2 keyword3"></div><div class="fullpost" style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"></div><div class="fullpost" style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">keduacara penulisan itu memiliki fungsi yang sama<br />
<br />
contoh<br />
<meta name="keywords" content="cms sederhana, belajar cms, design web"><br />
tips: jangan mengulang kata yang sama lebih dari tiga kali, jangan membuat keyword yang tidak ada hubungannya dengan isi blog. isikanlah keyword sesuai isi blog anda supaya tidak dianggap spamming.<br />
<br />
3. meta tag robots<br />
meta tag ini berfungsi untuk menentukan halaman blog yang boleh diindex oleh spider dan halaman mana yang tidak. tag ini menjadi sangat penting jika anda menggunakan frame untuk navigasi pada blog anda.<br />
format dasar meta tag robots<br />
<meta name="robots" content="index|noindex|follow|nofollow"><br />
sebagai contoh jika anda menginginkan spider membaca main page, dan menelusuri semua link yang ada maka tambahkan tag seperti ini<br />
<meta name="robots" content ="index follow"><br />
perintah supaya spider tidak mengindex ataupun menelusuri link yang ada<br />
<meta name="robots" content ="noindex nofollow"><br />
<br />
untuk memudahkan dalam mencari tag-tag yang ada diatas silakan menggunakan ctrl + F untuk melakukan pencarian dikode blog html editor untuk blogger blogspot, menulis sendiri bagi yang membuat cms sendiri atau untuk para pengguna cms wordpress silakan cari kode tersebut diantara sintak <head> ..... </head><br />
<br />
semoga sukses</div></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com3tag:blogger.com,1999:blog-1332726573207037449.post-40745889002168284232011-11-30T14:52:00.000-08:002011-11-30T14:52:10.610-08:00Tips dalam memrogram di internet atau web<div dir="ltr" style="text-align: left;" trbidi="on"><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-2Yi-dYJD-Fo/TtazMtkUl7I/AAAAAAAAAFc/8wb3-nV4cSs/s1600/good.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="http://4.bp.blogspot.com/-2Yi-dYJD-Fo/TtazMtkUl7I/AAAAAAAAAFc/8wb3-nV4cSs/s1600/good.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">team development</td></tr>
</tbody></table><div class="fullpost" style="text-align: justify;">Metode atau teknik merogram menjadi sangat penting dalam prakteknya karena masing-masing bahasa pemrograman memiliki peraturan-peraturan tersendiri dimana programmer harus mengikuti ketentuan tersebut. Tidak seperti posting-posting sebelumnya yang banyak membahasa teknis memrogram di PHP, membuat tutorial, dan semua hal yang berkaitan erat dengan pemrograman internet lebih dekat ke pemrograman web. Pada kali ini ingin sekali berbagi sedikit pengalaman, tidak banyak hehe.. tentang tips memrogram.<br />
Be slow down, peregangan, relaksasi, pendinginan dan lain-lain istilahnya pada posting kali ini. eits jangan meremehkan hal tersebut. Memang terlihat seperti bermalas-malasan untuk orang tertentu yang teramat sangat serius, atau untuyk orang yang tidak mengetahui secara full time kegiatan-kegiatan kita. But... tidaklah perlu mendengarkan komentar-komentar yang tidak membangun. kecuali emang beneran kita pemalas hehe..<a name='more'></a>Berawal dari sebuah proyek atau tugas dalam sebuah tim dengan kemampuan atau teknik memrogram yang berbeda-beda. ada yang sudah mahir, ada yang belum tahu apa-apa, ada yang masih mereferensi banyak materi, ada banyak perbedaan-perbedaan. Dengan perbedaan-perbedaan tersebut semoga dapat menguatkan. Meskipun terkadang menjadikan frustasi, hehe.. betapa tidak? mungkin secara formal memiliki status yang sama namun informalnya jelas sangat berbeda. masing-masing punya cara pandang tersendiri dalam menghadapi kehidupan.<br />
Dalam sebuah tim menjadi sebuah keniscayaan bahwa harus ada pembagian job dengan jelas sesuai dengan keahlian masing-masing. pemnagian modul atau fungsi-fungsi dari aplikasipun dilakukan dengan kesepakatan bersama. namun pada perjalanannya biasanya requirement akan berubah mengikuti logika, kondisi, atau permintaan.<br />
Pembuatan fungsi-fungsi, modul atau apapun dilakukan oleh tiap-tiap yang bertanggung jawab di PC, laptop masing-masing. nah pada bagian ini terkadang ada bagian yang lupa atau tidak terpikirkan oleh semua anggota bahwa PC atau laptop tiap anggota terkadang memiliki keadaaan yang berbeda-beda. Maksudnya? hehe emang perlu terjun secara langsung untuk lebih mudah memahami hehe.. Jadi tiap komputer memiliki spesifikasi yang berbeda-beda n terkadang versi aplikasi bahasa pemrograman yang berbeda-beda sehingga terkadang cara menulis suatu alur algoritma berbeda tiaqp versinya. Nah sekarang pasti sudah pada tau ni.. siip. sesuatu yang hendaknya menjadi perhatian agar tidak terjadi error pada akhirnya atau memrogram dua kali.<br />
Berkaca dari pengalaman sendiri ketika membuat sebuah aplikasi web menggunakan PHP. nah jadi kami fokus pada SRS fungsi, database dll tapi tidak memperhatikan pondasi awal tentang keadaan lingkungan program. masing-masing memrogram dengan komputer sendiri-sendiri dan sukses. Tapi apa yang terjadi ketika integrasi secara keseluruhan? ERROR menjadi pemandangan di bagian integrasi. bukan karena salah algoritma tetapi karena beberapa huruf atau sintak atau apalah peraturan pendukung aplikasi yang berbeda.<br />
tidak cuma pada kasus ini temen-temen developper pasti sering menemui hal ini dalam pemrograman web. Betapa tidak, dalam pemrograman web menggunakan php banyak sekali ditemukan aplikasi yang dapat digunakan selain itu tiap-tiap aplikasi juga memiliki versi-versi yang berbeda-beda dengan eksekusi program yang berbeda-beda.<br />
Pada pengalaman ini terjadi karena adanya perbedaan versi aplikasi yaitu versi xampp 1.7.3 dan xampp 1.7.4 yang membuat fatal dan mengurangi waktu tidur kami untuk mengintegrasikan.<br />
So sarannya: sebelum mendevelop suatu aplikasi apapun klhususnya web perhatikan lingkungan yang akan menjadi kondisi tempat aplikasi itu dijalankan OK. semoga bermanfaat.</div></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-85267113966171498732011-11-29T17:15:00.000-08:002011-11-29T17:17:01.624-08:00implementasi web service, php, mysql, google map<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Membangun sistem pencarian lokasi fasilitas umum terintegrasi yang terhubung dengan beberapa sistem informasi yang berada di lain server.</div><div class="fullpost" style="text-align: justify;">Hasil pencarian berupa visualisasi peta pada google map dengan kooordinat tertentu yang menunjukan lokasi pencarian.<br />
Bagaimana cara membangun aplikasi web service sederhana tersebut dengan menggunakan PHP NuSoap sebagai pustaka web service-nya?<br />
Akan dibangun beberapa sistem aplikasi fasilitas umum (dapat berupa dinas, atau organisai) yang menyediakan data, dibuat service berupa nama, jenis fasilitas umum (sekolah, hotel, rumah sakit, bank, dll). Sistem ini dapat dikatakan sebagai provider (penyedia layanan), dan selanjutnya di sebut server.<br />
Kemudian dibangun aplikasi client untuk melakukan melakukan request ke masing-masing sistem server (penyedia service) berdasarkan parameter tertentu.<br />
<a name='more'></a><a href="http://2.bp.blogspot.com/-uTkIWj7Tu8g/TtWDh4M-FtI/AAAAAAAAAFU/pT9wh_4mds0/s1600/1.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://2.bp.blogspot.com/-uTkIWj7Tu8g/TtWDh4M-FtI/AAAAAAAAAFU/pT9wh_4mds0/s320/1.PNG" width="320" /></a><br />
Aplikasi ketiga berupa aplikasi untuk menampilkan hasil pencarian melalui visualisasi dengan google map lokasi yang berhasil ditemukan.<br />
Solusi studi kasus akan di bagi menjadi 5 Tahapan, yaitu :<br />
Merancang Arsitektur Sistem<br />
Merancang dan Membuat Struktur Database/Tabel<br />
Membuat Script Web Service Server (WSDL)<br />
Membuat Script Web Service Client<br />
Visualisasi dengan GoogleMap<br />
Database untuk salah satu sistem (contoh) :<br />
Database Engine : MySQL<br />
Database Navigator : PhpMyAdmin<br />
Struktur Database / Table<br />
Database Name : dbwsmap<br />
Table Name : tbldinkes<br />
<a href="http://3.bp.blogspot.com/-f0RRAaHpD6A/TtWDP0z_65I/AAAAAAAAAFM/R4JYEdNeDNY/s1600/2.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="169" src="http://3.bp.blogspot.com/-f0RRAaHpD6A/TtWDP0z_65I/AAAAAAAAAFM/R4JYEdNeDNY/s320/2.PNG" width="320" /></a><br />
CREATE TABLE `tbldinkes` (<br />
`id` int(11) NOT NULL auto_increment,<br />
`kode` varchar(10) NOT NULL,<br />
`nama` varchar(100) NOT NULL,<br />
`jenis` varchar(100) default NULL,<br />
`alamat` varchar(100) default NULL,<br />
`kapasitas` bigint(20) NOT NULL default '0',<br />
`website` varchar(100) default NULL,<br />
`latitude` float(14,9) NOT NULL default '0.000000000',<br />
`longitude` float(14,9) NOT NULL default '0.000000000',<br />
PRIMARY KEY (`id`),<br />
UNIQUE KEY `kode` (`kode`)<br />
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=0 <br />
<br />
Kebutuhan :<br />
Xampp (Apache, PHP, MySQL)<br />
Library NuSOAP<br />
<br />
Bagan Komunikasi Script<br />
<a href="http://3.bp.blogspot.com/-jubdQ6i-0VE/TtWDGdw0UvI/AAAAAAAAAFE/UCN5Xo_9bG0/s1600/3.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="75" src="http://3.bp.blogspot.com/-jubdQ6i-0VE/TtWDGdw0UvI/AAAAAAAAAFE/UCN5Xo_9bG0/s200/3.PNG" width="200" /></a><br />
<br />
<a href="http://4.bp.blogspot.com/-rjCScOmR6hk/TtWC_rDQbxI/AAAAAAAAAE8/b8oPJh-fXbE/s1600/4.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="158" src="http://4.bp.blogspot.com/-rjCScOmR6hk/TtWC_rDQbxI/AAAAAAAAAE8/b8oPJh-fXbE/s320/4.PNG" width="320" /></a><br />
index.php<br />
<?<br />
//just for simple security - all php files must called from index.php<br />
define ( 'MUST_FROM_INDEX', 'SAMPLE_WS_SERVER' );<br />
//load nusoap library<br />
require '../lib/nusoap.php';<br />
//load db configuration<br />
require 'db_config.php';<br />
//run ws server<br />
require 'ws_server.php';<br />
?><br />
<br />
Penyedia Service :<br />
Ws_server.php<br />
Form Entri :</div><div class="separator" style="clear: both; text-align: justify;"><a href="http://3.bp.blogspot.com/-ETyDjdduxhc/TtWC0nY_7NI/AAAAAAAAAE0/mUCU99KIxvk/s1600/5.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://3.bp.blogspot.com/-ETyDjdduxhc/TtWC0nY_7NI/AAAAAAAAAE0/mUCU99KIxvk/s200/5.PNG" width="175" /></a></div><div class="fullpost" style="text-align: justify;"><br />
<a href="http://4.bp.blogspot.com/-qJQDKfca1_g/TtWChpCSQNI/AAAAAAAAAEs/WG-77u1htsw/s1600/6.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="67" src="http://4.bp.blogspot.com/-qJQDKfca1_g/TtWChpCSQNI/AAAAAAAAAEs/WG-77u1htsw/s400/6.PNG" width="400" /></a><br />
Contoh Konversi<br />
Longitude : X = 106o50’30” BT<br />
Latitude : Y = 6o20’00” LS<br />
1o = 60’ (1 Derajat = 60 Menit)<br />
1’ = 60” (1 Menit = 60 Detik)<br />
1o = 60’x60’ = 360” (1 Derajat = 3600 Detik)<br />
Koordinat X ( Bujur )<br />
50’ = 50/60 = 0.833o <br />
(50 Menit = 0.833 Derajat)<br />
30” = 30/3600 = 0.00833o <br />
(30 Detik = 0.00833 Derajat)<br />
50’30” = 0.833 + 0.00833 = 84133 o<br />
X = 106,8413 o (Decimal Degree)</div><div class="fullpost" style="text-align: justify;"><a href="http://www.mediafire.com/?p5d4sr2e35vqq2a" target="_blank">download lengkapnya [share implementasi web service, php, mysql, google map] (pdf)</a><br />
<br />
</div></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-13095080075299903232011-11-29T16:07:00.000-08:002011-11-29T16:07:52.371-08:00Dasar teori pemrograman internet<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-3qu7BEJWsTs/TtVzk5cF5GI/AAAAAAAAAEk/cIBPzvlEVRw/s1600/html.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://4.bp.blogspot.com/-3qu7BEJWsTs/TtVzk5cF5GI/AAAAAAAAAEk/cIBPzvlEVRw/s1600/html.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Everything about basic Pemrograman Internet<br />
</td></tr>
</tbody></table><div style="text-align: justify;">Setelah beberapa waktu yang lalu membahas tentang praktek PHP, JQUERY, AJAX dll. kali ini akan kembali lagi pada dasar-dasar supaya kita bener-bener paham tentang pemrograman web, pemrograman Internet, HTML dan semua pendukungnya<br />
Hypermedia adalah dimana seorang pengguna dengan mudahnya memilih item berikutnya yang diinginkan dan dengan segera ditransport ke lokasi baru yang diinginkan tadi. Sebagai contoh adalah suatu audio CD dimana anda dapat memilih lagu kelima dan langsung dapat didengarkan lagu tersebut. Berbeda dengan sebuah audiotape dimana anda harus mencari</div><a name='more'></a><br />
mulai dari lokasi saat ini tape anda hingga diawal lagu yang diinginkan. Ketika konsep ini diaplikasikan pada suatu teks maka akan didapatkan suatu hypertext, dimana dengan {clicking} pada suatu link atau hotspot (hyperlink) anda dengan segera dikirimkan menuju ke lokasi baru dalam halaman yang sama atau halaman baru atau secara bersamaan. Ketika anda melakukan interlink dalam jumlah yang banyak halaman teks pada komputer yang berbeda di segala penjuru dunia, anda seolah-olah mendapatkan sistem seperti jaring laba-laba daripada link-link dan halaman-halaman tersebut. Hal inilah yang dikenal dengan World Wide Web, suatu sistem dimana suatu halaman disimpan pada beberapa web server (penyedia layanan web) yang berbeda-beda, tersambung dengan atau menuju ke internet, kesemuanya itu tersambung bersama. Sistem ini sangatlah bermanfaat karena semua halaman dibuat dalam format yang sama. Format atau “language” ini dinamakan HTML (Hypertext Markup Language) yang merupakan bagian dari standar internasional untuk dokumen elektronik yang dinamakan SGML (Standard Generalized Markup Languages). Pada bab ini anda akan dikenalkan dengan format halaman HTML, anda akan mempelajari tentang komponen yang membuat HTML dan bagaimana membuat halaman yang dapat dipublish di World Wide Web. HTML (Hypertext Markup Language) merupakan salah satu format yang digunakan dalam dokumen dan aplikasi yang berjalan di web browser. Karena itu, untuk bisa melakukan pemrograman aplikasi di atas web Anda harus terlebih dahulu menguasai HTML. Walaupun sekarang telah banyak terdapat tool yang dapat Anda gunakan untuk membuat halaman secara WYSIWYG (what you see is what you get) seperti Dreamweaver, Frontpage dan Netscape Editor, namun Anda tetap harus menguasai HTML terutama untuk membuat aplikasi dengan teknologi CGI<br />
<br />
Pembuatan Halaman HTML<br />
Memilih Text Editor<br />
Saat ini ada banyak sekali program aplikasi yang dapat digunakan untuk membuat halaman web. Text Editor adalah program pengolah kata yang paling dasar tanpa ada fitur-fitur yang ‘aneh-aneh’ seperti pengolah kata pada umumnya seperti Ms Word. Salah satu kelebihan dari text editor adalah suatu file yang dibuat dengan program ini disimpan hampir tanpa ada kode rahasia yang tak terlihat seperti halnya dokumen Ms Word atau pengolah kata yang lainnya, yang akan secara drastis akan menimbulkan efek pada dokumen anda saat akan ditampilkan di web browser. Dengan kata lain akan lebih mudah untuk membangun suatu halaman web dengan menggunakan text editor biasa dari pada suatu pengolah kata. HTML editor mempermudah pengguna untuk membuat halaman web dengan cepat dan mudah hanya dengan menekan beberapa buah tombol yang disediakan dan kemudian program aplikasi ini akan menghasilkan “source code” HTML untuk anda, daripada memasukan semua kode-kode HTML dengan mengetikkannya satu persatu. HTML editor merupakan suatu alat yang tepat bagi seorang web developer; meskipun seharusnya juga sangat penting untuk mempelajari dan mengetahui bahasa HTML sehingga anda dapat mengedit kode-kode yang ada dan membetulkan dokumen anda jika tidak dapat dilakukan oleh HTML editor. Ms Word dan Corel WordPerfect versi yang ada saat ini juga telah mempunyai kemampuan untuk membuat halaman web.<br />
Dalam hal ini, kita akan menggunakan text editor standar dari Ms. Windows, yaitu NotePad. Anda dapat melakukan semua latihan dan konsep ini dengan text editor apapun pada berbagai platform yang lain juga.<br />
<br />
Memulai NotePad<br />
NotePad adalah text editor standar yang ada baik di versi 16 bit maupun 32 bit sistem operasi Ms<br />
Windows. Untuk memulai NotePad di Ms Windows ikuti langkah-langkah berikut:<br />
1. Click pada tombol “Start” yang ada pada task bar Windows.<br />
2. Click pada “Program” dan lalu click pada menu direktori berlabel “Accessories”.<br />
3. Kemudian click pada shortcut “NotePad”.<br />
Menyimpan File Script<br />
Setelah anda membuat script-script HTML, tentunya anda ingin segera menyimpan file tersebut<br />
dalam ekstensi HTML atau ekstensi lainnya. Ikuti langkah berikut:<br />
1. Click tombol “File” pada taskbar notepad, kemudian pilih “Save”.<br />
2. Pada field isian nama file (filename) , ketikkan namafile.html (“namafile” dapat anda ganti<br />
dengan nama file yang anda sukai, misalnya file1.html)<br />
3. Coba jalankan browser dengan membuka “Internet Explorer”.<br />
4. Click pada menu "File .."<br />
5. Pilih pada option "Open .." yang ada pada menu "File .."<br />
6. Pada dialog box "Open" klik pada tombol "Browse .." dan cari file yang ingin ditampilkan.<br />
7. Selanjutnya pilih tombol "Ok" jika file telah dipilih.<br />
Mengedit File Script<br />
Saat ini anda telah membuka dan menampilkan hasil kerja anda dalam suatu web browser, sekarang anda dapat melanjutkan pekerjaan anda dengan menambahkan dan mengedit file html tersebut, kemudian menyimpan hasil perubahan tersebut dan lalu menampilkan hasil perubahan file itu. Anda akan lebih produktif jika anda belum menutup web browser anda; cukup hanya dengan me-minimize web browser dan melanjutkan pekerjaan anda. Ketika anda ingin menampilkan hasil kerja anda yang sudah diedit:<br />
1. simpan hasil perubahan file html anda<br />
2. pindah ke aplikasi web browser<br />
3. Pada Ms Internet Explorer tekan tombol "REFRESH"<br />
Web Browser akan me-load dokumen yang sama tapi dengan revisi baru tadi. Proses ini adalah<br />
siklus Edit, Save, dan View.<br />
<br />
Dasar-Dasar HTML<br />
HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext Markup Language). Dikatakan markup language karena HTML berfungsi untuk ’memperindah’ file teks biasa untuk ditampilkan pada program web browser. Hal ini dilakukan dengan menambahkan elemen atau sering disebut sebagai tag-tag pada file teks biasa tersebut. Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan simbol lebih besar<br />
(<) dan (>). Pasangan dari sebuah tag ditandai dengan simbol garis miring (/). Misalnya pasangan dari tag <contoh> adalah </contoh>. Dalam hal ini <contoh> kita sebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu. Jadi misalnya elemen <contoh> bila ditulis dengan atributnya adalah sebagai berikut: <contoh atribut1=”nilai_atribut1” atribut2=” nilai_atribut2” … >. Dalam penulisan tag HTML tidaklah<br />
case sensitive artinya penggunaan huruf kecil ataupun kapital tidaklah menjadi masalah. Struktur Dasar Dokumen HTML<br />
Setiap dokumen HTML memiliki struktur dasar atau susunan file sebagai berikut:<br />
<div style="text-align: justify;"><br />
</div><table border="0" style="background-color: lightcyan; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><html></span><br />
<span style="font-family: courier new,courier;"><head></span><br />
<span style="font-family: courier new,courier;"><title>teks pada title bar web browser</title></span><br />
<span style="font-family: courier new,courier;"></head></span><br />
<span style="font-family: courier new,courier;"><body></span><br />
<span style="font-family: courier new,courier;">Berisi tentang text, gambar, atau apapun yang</span><br />
<span style="font-family: courier new,courier;">tampil pada dokumen web.</span><br />
<span style="font-family: courier new,courier;"></body></span><br />
<span style="font-family: courier new,courier;"></html></span></td> </tr>
</tbody> </table><br />
<div style="text-align: justify;">Seperti terlihat, struktur file HTML diawali dengan sebuah tag <html> dan ditutup dengan tag </html>. Di dalam tag ini terdapat dua buah bagian besar, yaitu yang diapit oleh tag <head> ... </head> dan tag <body> ... </body>.<br />
Bagian yang diapit oleh tag HEAD merupakan header dari halaman HTML dan tidak ditampilkan pada browser. Bagian ini berisi tag-tag header seperti <title> ... </title> yang berfungsi untuk mengeluarkan judul pada title bar window web browser. Bagian kedua, yang diapit oleh tag BODY merupakan bagian yang akan ditampilkan pada halaman web browser nantinya. Pada bagian ini Anda akan menuliskan semua jenis informasi berupa teks dengan bermacam format maupun gambar yang ingin Anda sampaikan pada pengguna nantinya.<br />
<br />
(Bimo Sunafri hantono)</div></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-39684596462673944182011-11-24T01:03:00.000-08:002011-11-24T01:09:43.522-08:00interaksi php mysql menggunakan post metode ajax<div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-size: small;">Dengan Ajax dan metode POST, buatlah sebuah form untuk mengisi data table berikut :</span><br />
<table border="1" cellpadding="0" cellspacing="0"><tbody>
<tr> <td valign="top" width="206"><br />
<span style="font-size: small;"><b>Field</b></span></td> <td valign="top" width="141"><br />
<span style="font-size: small;"><b>Tipe data</b></span></td> <td valign="top" width="272"><br />
<span style="font-size: small;"><b>Keterangan</b></span></td> </tr>
<tr> <td valign="top" width="206"><br />
<span style="font-size: small;">user_id</span></td> <td valign="top" width="141"><br />
<span style="font-size: small;">int</span></td> <td valign="top" width="272"><br />
<span style="font-size: small;">primary key, auto increment, not null</span></td> </tr>
<tr> <td valign="top" width="206"><br />
<span style="font-size: small;">first_name</span></td> <td valign="top" width="141"><br />
<span style="font-size: small;">varchar(50)</span></td> <td valign="top" width="272"><br />
<span style="font-size: small;">Not null</span></td> </tr>
<tr> <td valign="top" width="206"><br />
<span style="font-size: small;">last_name</span></td> <td valign="top" width="141"><br />
<span style="font-size: small;">varchar(50)</span></td> <td valign="top" width="272"><br />
<span style="font-size: small;">Not null</span></td> </tr>
<tr> <td valign="top" width="206"><br />
<span style="font-size: small;">address</span></td> <td valign="top" width="141"><br />
<span style="font-size: small;">varchar(100)</span></td> <td valign="top" width="272"><br />
<span style="font-size: small;">Not null</span></td> </tr>
</tbody> </table><span style="font-size: small;">Setelah pengisian selesai dilakukan, pada halaman tersebut ada notifikasi bahwa</span><br />
<span style="font-size: small;">data telah dimasukkan!</span><br />
<a name='more'></a><span style="font-size: small;"><b></b></span><br />
<span style="font-size: small;"><b>I. </b><b>Pembahasan</b></span><br />
<span style="font-size: small;">Ajax merupakan suatu teknik utnuk membuat suatu website interaktif yang terdiri dari beberapa komponen seperti JavaScript,XML,XMLHttpRequest (XHR) objek, DOM, dll. Berdasarkan pada pengertian tersebut maka untuk membangun website yang melibatkan database dan ajax sama seperti membangun website dengan koneksi database hanya saja perlu ditambahkan beberapa komponen ajax.<b></b></span><br />
<span style="font-size: small;"><b>a. </b><b>Source code pada aplikasi ajax melipti:</b></span><br />
<span style="font-size: small;">Source code pada <i>formInput.php</i></span><br />
<span style="font-size: small;">Pada FormInput.php terdapat script yang menampilkan form input dan source code untuk melakukan teknik ajax. Source code yang berkaitan dengan ajax terletak diantara script head.<i><br />
</i></span><br />
<table border="0" style="background-color: ghostwhite; height: 1583px; width: 500px;"><tbody>
<tr> <td><div><span style="font-size: small;"><<span style="font-family: courier new,courier;">!--</span></span><br />
<span style="font-family: courier new,courier; font-size: small;">* File : formInput.php</span><br />
<span style="font-family: courier new,courier; font-size: small;"> * Desc : menampilkan form input ke database dengan teknik AJAX</span><br />
<span style="font-family: courier new,courier; font-size: small;">--></span><br />
<span style="font-family: courier new,courier; font-size: small;"><html></span><br />
<span style="font-family: courier new,courier; font-size: small;"><head></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <title>Form Dengan Ajax</title></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <link rel="stylesheet" type="text/css" href="style.css"></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <script type="text/JavaScript" src="ajax_dasar.js"></script></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <script type="text/JavaScript"></span><br />
<span style="font-family: courier new,courier; font-size: small;"> var xmlhttp;</span><br />
<span style="font-family: courier new,courier; font-size: small;"> function ajaxget(){</span><br />
<span style="font-family: courier new,courier; font-size: small;"> xmlhttp = GetXmlHttpObject();</span><br />
<span style="font-family: courier new,courier; font-size: small;"> if (xmlhttp==null)</span><br />
<span style="font-family: courier new,courier; font-size: small;"> {</span><br />
<span style="font-family: courier new,courier; font-size: small;"> alert ("Browser tidak kompatibel dengan teknik Ajax!");</span><br />
<span style="font-family: courier new,courier; font-size: small;"> return;</span><br />
<span style="font-family: courier new,courier; font-size: small;"> }</span><br />
<span style="font-family: courier new,courier; font-size: small;"> xmlhttp.onreadystatechange=stateChanged;</span><br />
<span style="font-family: courier new,courier; font-size: small;"> //mendapatkan value masukan user</span><br />
<span style="font-family: courier new,courier; font-size: small;"> var formFirst=encodeURIComponent(document.getElementById("first").value);</span><br />
<span style="font-family: courier new,courier; font-size: small;"> var formLast=encodeURIComponent (document.getElementById("last").value);</span><br />
<span style="font-family: courier new,courier; font-size: small;"> var formAddress=encodeURIComponent (document.getElementById("address").value); </span><br />
<span style="font-family: courier new,courier; font-size: small;"> var url = "insert_data.php"; </span><br />
<span style="font-family: courier new,courier; font-size: small;"> var kirim = "first="+formFirst+"&last="+formLast+"&address="+formAddress;</span><br />
<br />
<span style="font-family: courier new,courier; font-size: small;"> xmlhttp.open("POST",url,true);</span><br />
<span style="font-family: courier new,courier; font-size: small;"> xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");</span><br />
<br />
<span style="font-family: courier new,courier; font-size: small;"> xmlhttp.setRequestHeader("Content-length",kirim.length);</span><br />
<span style="font-family: courier new,courier; font-size: small;"> xmlhttp.setRequestHeader("Connection","close");</span><br />
<span style="font-family: courier new,courier; font-size: small;"> xmlhttp.send(kirim);</span><br />
<span style="font-family: courier new,courier; font-size: small;"> }</span><br />
<br />
<span style="font-family: courier new,courier; font-size: small;"> function stateChanged(){</span><br />
<span style="font-family: courier new,courier; font-size: small;"> if (xmlhttp.readyState==4)</span><br />
<span style="font-family: courier new,courier; font-size: small;"> {</span><br />
<span style="font-family: courier new,courier; font-size: small;"> document.getElementById("result").innerHTML=xmlhttp.responseText;</span><br />
<span style="font-family: courier new,courier; font-size: small;"> }</span><br />
<span style="font-family: courier new,courier; font-size: small;"> }</span><br />
<span style="font-family: courier new,courier; font-size: small;"> </script></span><br />
<span style="font-family: courier new,courier; font-size: small;"></head></span><br />
<br />
<span style="font-family: courier new,courier; font-size: small;"><body></span><br />
<span style="font-family: courier new,courier; font-size: small;"><div id="InputForm"></span><br />
<span style="font-family: courier new,courier; font-size: small;"><div id="welcome"> <strong>Form dengan Ajax</strong></div></span><br />
<span style="font-family: courier new,courier; font-size: small;"><form method="POST" ></span><br />
<span style="font-family: courier new,courier; font-size: small;"> first name: <br /> <input type="text" id="first" name="first" size="25" /> <br /></span><br />
<span style="font-family: courier new,courier; font-size: small;"> last name: <br /><input type="text" id="last" name="last" size="25" /> <br /></span><br />
<span style="font-family: courier new,courier; font-size: small;"> address: <br /><input type="text" id="address" name="address" size="25" /> <br /></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <input type="button" value="submit" onClick="ajaxget()" /> </span><br />
<span style="font-family: courier new,courier; font-size: small;"> <center>&copy;-Priatmoko</center></span><br />
<span style="font-family: courier new,courier; font-size: small;"></form></span><br />
<span style="font-family: courier new,courier; font-size: small;"><div id="result"> </div></span><br />
<span style="font-family: courier new,courier; font-size: small;"></div></span><br />
<span style="font-family: courier new,courier; font-size: small;"></body></span><br />
<span style="font-family: courier new,courier; font-size: small;"></html></span></div></td> </tr>
</tbody> </table><span style="font-size: small;"><i><br />
</i></span><br />
<span style="font-size: small;"> Source code pada <i>insert_data.php</i></span><br />
<span style="font-size: small;">Pada file <i>insert_data.php </i> berisi script untuk mengeksekusi <i>formInput.php</i> yang terdiri dari koeksi dengan database dan query untuk melakukan input kedalam database.</span><br />
<table border="0" style="background-color: ghostwhite; height: 660px; width: 500px;"><tbody>
<tr> <td><br />
<div><span style="font-size: small;"><?php</span><br />
<span style="font-size: small;">/*</span><br />
<span style="font-size: small;">* File : insert_data.php</span><br />
<span style="font-size: small;"> * Desc : untuk melakukan insert data</span><br />
<span style="font-size: small;"> */</span><br />
<br />
<span style="font-size: small;">$first = $_POST['first'];</span><br />
<span style="font-size: small;">$last = $_POST['last'];</span><br />
<span style="font-size: small;">$address = $_POST['address'];</span><br />
<br />
<span style="font-size: small;">//koneksi ke database </span><br />
<span style="font-size: small;">$koneksi = mysql_connect("localhost", "root", "") or die('tidak bisa terkonkesi : '.mysql_error());</span><br />
<span style="font-size: small;">//memilih basis data</span><br />
<span style="font-size: small;">mysql_select_db("PI_AJAX");</span><br />
<br />
<span style="font-size: small;">$query="INSERT INTO user (first_name, last_name, address) VALUES('$first','$last','$address')";</span><br />
<span style="font-size: small;">$status = mysql_query($query);</span><br />
<br />
<span style="font-size: small;">if($status) {</span><br />
<span style="font-size: small;"> echo 'insert berhasil !';</span><br />
<span style="font-size: small;">}else {</span><br />
<span style="font-size: small;"> echo 'insert gagal !';</span><br />
<span style="font-size: small;">}</span><br />
<span style="font-size: small;">?></span></div></td> </tr>
</tbody> </table><div><br />
<br />
<span style="font-size: small;"> Source code pada <i>ajax_dasar.php</i></span></div><span style="font-size: small;">Pada file <i>ajax_dasar.php</i> terdapat fungsi untu memanggil object XHR dan filter object XHR. Fungsi tersebut juga dapat mengembalukan nilai null jika browser tidak <i>compatible</i>.</span><br />
<table border="0" style="background-color: ghostwhite; width: 500px;"><tbody>
<tr> <td><br />
<div><div><span style="font-size: small;">/*</span><br />
<span style="font-size: small;">* File : ajax_dasar.js</span><br />
<span style="font-size: small;"> * Desc : fungsi untuk melakukan operasi dasar pada teknik ajax</span><br />
<span style="font-size: small;"> */</span><br />
<span style="font-size: small;">function GetXmlHttpObject(){</span><br />
<span style="font-size: small;"> if (window.XMLHttpRequest){</span><br />
<span style="font-size: small;">/*filter untuk semua browser*/</span><br />
<span style="font-size: small;"> return new XMLHttpRequest();</span><br />
<span style="font-size: small;"> }else if (window.ActiveXObject){</span><br />
<span style="font-size: small;">/*filter untuk semua IE*/</span><br />
<span style="font-size: small;"> return new ActiveXObject("Microsoft.XMLHTTP");</span><br />
<span style="font-size: small;">}else{</span><br />
<span style="font-size: small;">/*filter untuk browser yang tidak kompatible*/</span><br />
<span style="font-size: small;"> return null;</span><br />
<span style="font-size: small;">}</span><br />
<span style="font-size: small;">}</span></div></div></td> </tr>
</tbody> </table><a href="http://www.blogger.com/goog_1022551951"><br />
</a><br />
<a href="http://www.mediafire.com/?ge33524c4wbyty9" target="_blank">download interaksi php mysql menggunakan post metode ajax pdf</a><br />
<a href="http://www.mediafire.com/?kc4ju3jgaowny3v" target="_blank">source code interaksi php mysql menggunakan post metode ajax</a><br />
<span style="font-size: small;">Selain file-file diatas juga terdapat file tambahan untuk mengatur tampilan yaitu <i>style.css</i></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-p8qRyP5VI3Q/Ts4IMgbkSeI/AAAAAAAAAEM/7qllKrNlzFY/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://1.bp.blogspot.com/-p8qRyP5VI3Q/Ts4IMgbkSeI/AAAAAAAAAEM/7qllKrNlzFY/s400/1.PNG" width="358" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-RoRnAYgAUD4/Ts4ISkXNQCI/AAAAAAAAAEU/KzKL3X-WVOU/s1600/2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://1.bp.blogspot.com/-RoRnAYgAUD4/Ts4ISkXNQCI/AAAAAAAAAEU/KzKL3X-WVOU/s400/2.PNG" width="328" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-AUUTTtBPJ-U/Ts4IXt1bqwI/AAAAAAAAAEc/oqL2228jJrg/s1600/3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="283" src="http://2.bp.blogspot.com/-AUUTTtBPJ-U/Ts4IXt1bqwI/AAAAAAAAAEc/oqL2228jJrg/s400/3.PNG" width="400" /></a></div></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-47532592175870412522011-11-19T16:30:00.000-08:002011-11-19T16:43:29.949-08:00Dasar dan implementasi PHP menggunakan Ajax<div dir="ltr" style="text-align: left;" trbidi="on"><div class="fullpost"><div style="text-align: justify;">Tools<br />
Apache web server, PHP, MySQL, text editor, browser<br />
<br />
<br />
2. Dasar Teori<br />
Ajax (Asynchronous JavaScript and XML) merupakan salah satu teknik berbasis JavaScript untuk membuat “background server calls” dan menerima data dari server sebatas yang diperlukan saja, tanpa harus me-load halaman secara keseluruhan. Sebagai contoh, dalam sebuah form pengisian untuk account email baru misalnya, server bisa memberikan saran email apa yang cocok untuk user dengan nama tertentu berdasarkan kombinasi nama user tersebut tanpa harus me-load keseluruhan halaman. Contoh yang lain adalah Google Suggest, Gmail,Google Maps, dsb.<br />
<a name='more'></a><br />
<br />
Secara umum, teknologi yang menjadi dasar Ajax adalah :<br />
? JavaScript<br />
? Document Object Model (DOM) untuk memanipulasi bagian dari halaman<br />
HTML<br />
? XMLHttpRequest (XHR) Object yang memungkinkan JavaScript untuk<br />
mengakses server secara asinkron. XHR diimplementasikan secara berbeda pada browser tertentu. Sebagai contoh untuk IE6 diimplemntasikan dengan :<br />
xhr = new ActiveXObject(“Microsoft.XMLHttp”);<br />
Sedangkan untuk browser lain :<br />
xhr = new XMLHttpRequest();<br />
<br />
<br />
<br />
3. Langkah Praktikum<br />
Review JavaScript, DOM, & CSS</div><table border="0" style="background-color: mintcream; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><!--</span><br />
<span style="font-family: courier new,courier;">File : csstest.html</span><br />
<span style="font-family: courier new,courier;">Desc : Refreshing penggunaan JS, CSS, dan DOM</span><br />
<span style="font-family: courier new,courier;">--></span><br />
<span style="font-family: courier new,courier;"><html></span><br />
<span style="font-family: courier new,courier;"><head></span><br />
<span style="font-family: courier new,courier;"><title>css,dom,js</title></span><br />
<span style="font-family: courier new,courier;"><script type="text/JavaScript" src="csstest.js" ></script></span><br />
<span style="font-family: courier new,courier;"><link href="styles.css" type="text/css" rel="stylesheet"/></span><br />
<span style="font-family: courier new,courier;"></head></span><br />
<span style="font-family: courier new,courier;"><body></span><br />
<span style="font-family: courier new,courier;"><table border="1" id="tabel"></span><br />
<span style="font-family: courier new,courier;"><tr></span><br />
<span style="font-family: courier new,courier;"><td>baris satu</td></span><br />
<span style="font-family: courier new,courier;"></tr></span><br />
<span style="font-family: courier new,courier;"><tr></span><br />
<span style="font-family: courier new,courier;"><td>baris dua</td></span><br />
<span style="font-family: courier new,courier;"></tr></span><br />
<span style="font-family: courier new,courier;"></table></span><br />
<span style="font-family: courier new,courier;"><br /></span><br />
<span style="font-family: courier new,courier;"><input type="button" value="set style 1" onclick="setstyle1();" /></span><br />
<span style="font-family: courier new,courier;"><input type="button" value="set style 2" onclick="setstyle2();" /></span><br />
<span style="font-family: courier new,courier;"></body></span><br />
<span style="font-family: courier new,courier;"></html></span></td> </tr>
</tbody> </table><br />
<br />
<table border="0" style="background-color: mintcream; width: 500px;"><tbody>
<tr> <td>/**<br />
* File : csstest.js<br />
* Desc : JS untuk setting style tabel*/<br />
function setstyle1(){<br />
//mendapatkan referensi elemen html<br />
tabel = document.getElementById("tabel");<br />
//set style<br />
tabel.className = "Tabel1";<br />
}<br />
function setstyle2(){<br />
tabel = document.getElementById("tabel");<br />
tabel.className = "Tabel2";<br />
}<br />
<br />
<br />
</td> </tr>
</tbody> </table><br />
<table border="0" style="background-color: mintcream; width: 500px;"><tbody>
<tr> <td>/**<br />
* File : styles.css<br />
* Desc : css style tabel<br />
*/<br />
.Tabel1{<br />
border: green 1px solid;<br />
background-color: red;<br />
}<br />
.Tabel2{<br />
border: blue 1px solid;<br />
background-color: maroon;<br />
}</td> </tr>
</tbody> </table><br />
XHR object<br />
<table border="0" style="background-color: mintcream; width: 500px;"><tbody>
<tr> <td><!--<br />
File : ajax_readfile.html<br />
Desc : membaca text file dengan ajax --><br />
<html><br />
<head><br />
<title>Read Text File Ajax</title><br />
<script language="javascript" type="text/javascript"><br />
var XMLHttpRequestObject = false;<br />
if (window.XMLHttpRequest) {<br />
XMLHttpRequestObject = new XMLHttpRequest();<br />
} else if (window.ActiveXObject) {<br />
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");<br />
}<br />
function getData(dataSource, divID)<br />
{<br />
if(XMLHttpRequestObject) {<br />
var obj = document.getElementById(divID); XMLHttpRequestObject.open("GET", dataSource); XMLHttpRequestObject.onreadystatechange = function()<br />
{ //jika request dan transaksi selesai,maka .... if (XMLHttpRequestObject.readyState == 4 &&<br />
XMLHttpRequestObject.status == 200) {<br />
obj.innerHTML = XMLHttpRequestObject.responseText;<br />
}<br />
} //tidak mengirim apapun jika GET yang digunakan<br />
XMLHttpRequestObject.send(null);<br />
}<br />
}<br />
</script><br />
</head><br />
<body><br />
<form><input type="button" value="tampilkan pesan" onclick="getData('data.txt','targetDiv')"></form><br />
<div id="targetDiv"><br />
<p>data akan di sini ....</p><br />
</div><br />
</body><br />
</html></td> </tr>
</tbody> </table><div style="text-align: justify;"><br />
<br />
Ajax di atas akan membaca file data.txt sebagai berikut, dengan lokasi data.txt sama dengan ajax_readfile.html :<br />
Seharusnya teks ini bisa anda baca karena telah di-fetch Ajax<br />
<br />
Jika dicermati, metode yang digunakan untuk membuka URL menggunakan metode GET. Metode POST bisa digunakan ketika data yang akan dikirimkan ke server banyak.<br />
<br />
PHP dan AJAX<br />
Pada sesi kali ini, Ajax akan digunakan dengan PHP. Form berikut adalah form isian nama dan umur, dan hasil masukan nama dan umur akan ditampilkan pada form tersebut TANPA berpindah form :</div><table border="0" style="background-color: mintcream; width: 500px;"><tbody>
<tr> <td><!--<br />
File : ajax_form.php<br />
Desc : membaca form dengan ajax<br />
--><br />
<html><br />
<head><br />
<title>Read Data Ajax</title><br />
<script type="text/JavaScript" src="ajax_dasar.js"></script><br />
<script type="text/JavaScript"><br />
var xmlhttp;<br />
function ajaxget(){<br />
xmlhttp = GetXmlHttpObject();<br />
if (xmlhttp==null)<br />
{<br />
alert ("Your browser does not support AJAX!");<br />
return;<br />
}<br />
xmlhttp.onreadystatechange=stateChanged;<br />
//mendapatkan value masukan user<br />
var vname=encodeURIComponent(document.getElementById("name").value) var vage=encodeURIComponent(document.getElementById("age").value) var url = "get_data.php?name="+vname+"&age="+vage;<br />
xmlhttp.open("GET",url,true);<br />
xmlhttp.send(null);<br />
}<br />
<br />
function stateChanged(){<br />
if (xmlhttp.readyState==4)<br />
{<br />
document.getElementById("result").innerHTML=xmlhttp.responseText;<br />
}<br />
}<br />
</script><br />
</head><br />
<body><br />
<form method="GET" ><br />
Your name: <input type="text" id="name" name="name" size="25" /> <br /> Your age: <input type="text" id="age" name="age" size="25" /> <br /><br />
<input type="button" value="submit" onClick="ajaxget()" /><br />
</form><br />
<div id="result"> </div><br />
</body><br />
</html></td> </tr>
</tbody> </table><br />
<table border="0" style="background-color: mintcream; width: 500px;"><tbody>
<tr> <td><?php<br />
/**<br />
* File : get_data.php<br />
* Desc : dokumen untuk mendapatkan data dengan form dan PHP<br />
*/<br />
$name = $_GET['name'];<br />
$age = $_GET['age'];<br />
echo 'your name is '.$name." and your age is ".$age;<br />
?></td> </tr>
</tbody> </table><a href="http://www.mediafire.com/download.php?m2ce300jq316d7m" target="_blank">download pdf</a></div></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-31631997218178724332011-11-16T05:54:00.000-08:002011-11-16T05:54:38.260-08:00Pembahasan source code cms kasir sederhana menggunakan php<div dir="ltr" style="text-align: left;" trbidi="on"><div class="fullpost"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: justify;"><span style="font-size: small;">setelah release versi sederhana cms sebagai sarana belajar. Sebelumnya telah dijelaskan sedikit tentang posting terdahulu tentang kasir 0.1 beserta source code bisa di unduh secara gratis. telah berkali-kali dijelaskan tentang kesederhanaan cms tersebut dengan maksud untuk mempermudah buat junior porogrammer atau new webie untuk memulai membuat web atau aplikasi yang teramat sangat kompleks... uih kedengarannya ngeri hehe... tenang aja hal tersebut akan menjadi hal yang biasa nantinya.</span><br />
<span style="font-size: small;">Walaupun aplikasi tersebut masih sangat sederhana yang seharusnya memudahkan untuk dipahami namun penulis menyadari penempatan file dan coding secara keseluruhan masih bisa dibilang acak-acakan. Tapi dari situlah penulis pada awalnya mulai memahami bagaimana membangun cms sederhana dijaman lampau meski baru sempat release secara gratis.. yaiya lah gratis mana ada yang mau beli gituan hehe.. ilmunya Gan..</span><br />
<span style="font-size: small;">lanjut..</span></div><a name='more'></a><span style="font-size: small;">Instalasi kasir 1.0</span><br />
<span style="font-size: small;">setelah mendownload file cms dan melakukan ekstaksi akan ditemui readmefirst dan kasir.sql. silakan baca file readmefirs.txt untuk lebih mudah dalam memahami. file kasir.sql merupakan file database, silakan pasang databasenya, semoga sudah paham cara memasang database ya.. kalau belum silakan tanya tetangga sebelah atau mampir lagi sini hehe..</span><br />
<span style="font-size: small;">penjelasan kode</span><br />
<span style="font-size: small;">pada file root kasir0.1 akan ditemui beberapa file sesuai dengan gambar</span><br />
<br />
<div style="text-align: justify;"></div><div style="text-align: justify;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-i9e5AZMsnVE/TsPAAEUazuI/AAAAAAAAAEE/3Wnc9NQBWD8/s1600/root+folder.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" src="http://2.bp.blogspot.com/-i9e5AZMsnVE/TsPAAEUazuI/AAAAAAAAAEE/3Wnc9NQBWD8/s400/root+folder.PNG" width="400" /></a></div><div style="text-align: justify;"><br />
<span style="font-size: small;">file credits.php berisi profil yang sebenarnya tidak terlalu penting.</span><br />
<span style="font-size: small;">file index.php merupakan yang pertama kali akan dieksekusi oleh server.</span><br />
<span style="font-size: small;">source code</span></div><table border="0" style="background-color: mintcream; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier; font-size: small;"><?php</span><br />
<span style="font-family: courier new,courier; font-size: small;"> header("location:login.php");</span><br />
<span style="font-family: courier new,courier; font-size: small;"> //menggunakan fungsi redirect supaya memudahkan jika ada perubahan tentang file yang diload pertama kali</span><br />
<span style="font-size: small;"><span style="font-family: courier new,courier;">?></span><span style="font-family: courier new,courier;"><br style="font-family: courier new,courier;" /></span></span></td> </tr>
</tbody> </table><div style="text-align: justify;"><br />
<span style="font-family: courier new,courier; font-size: small;">di sini file indek sengaja hanya berisi fungsi redirect (header) supaya memudahkan untuk memilih file mana yang akan diload. hal ini juga akan memudahkan jika akan dilakukan penggantian file yang akan diload. header merupakan fungsi bawaan dari php. terlihat di code-nya bahwa yang diload dari index adalah file login (file login.php dijadikan sebagai tampilan pertama)</span><br />
<br />
<span style="font-family: courier new,courier; font-size: small;">file login.php </span><br />
<span style="font-family: courier new,courier; font-size: small;">file ini berisi tampilan login dan filterisasi session artinya jika telah melakukan login sesuai dengan user yang terdaftar didatabase maka tampilan utama yang tadinya login akan diganti dengan file media.php buka tampilan login lagi.</span><br />
<br />
<span style="font-family: courier new,courier; font-size: small;">source code</span></div><div style="text-align: justify;"><br />
</div><table border="0" style="background-color: mintcream; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier; font-size: small;"><span style="font-family: courier new,courier;"><?php</span><br />
<span style="font-family: courier new,courier;"> session_start();//memulai session</span><br />
<span style="font-family: courier new,courier;"> error_reporting(0);//matikan semua error</span><br />
<span style="font-family: courier new,courier;"> if (empty($_SESSION['username']) AND empty($_SESSION['passuser']) AND $_SESSION['login']==0){ </span><br />
<span style="font-family: courier new,courier;">?></span><br />
<span style="font-family: courier new,courier;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></span><br />
<span style="font-family: courier new,courier;"><html></span><br />
<span style="font-family: courier new,courier;"> <head></span><br />
<span style="font-family: courier new,courier;"> <title></span><br />
<span style="font-family: courier new,courier;"> </title></span><br />
<span style="font-family: courier new,courier;"> <link href="default.css" rel="stylesheet" type="text/css" media="screen"></span><br />
<span style="font-family: courier new,courier;"> <script language="javascript"></span><br />
<span style="font-family: courier new,courier;"> function validasi(form){</span><br />
<span style="font-family: courier new,courier;"> if (form.user_name.value == ""){</span><br />
<span style="font-family: courier new,courier;"> alert("Anda belum mengisikan Username.");</span><br />
<span style="font-family: courier new,courier;"> form.user_name.focus();</span><br />
<span style="font-family: courier new,courier;"> return (false);</span><br />
<span style="font-family: courier new,courier;"> } </span><br />
<span style="font-family: courier new,courier;"> if (form.password.value == ""){</span><br />
<span style="font-family: courier new,courier;"> alert("Anda belum mengisikan Password.");</span><br />
<span style="font-family: courier new,courier;"> form.password.focus();</span><br />
<span style="font-family: courier new,courier;"> return (false);</span><br />
<span style="font-family: courier new,courier;"> }</span><br />
<span style="font-family: courier new,courier;"> return (true);</span><br />
<span style="font-family: courier new,courier;"> }</span><br />
<span style="font-family: courier new,courier;"> </script></span><br />
<span style="font-family: courier new,courier;"> </head></span><br />
<span style="font-family: courier new,courier;"> <body></span><br />
<span style="font-family: courier new,courier;"> <div id="loginbox"></span><br />
<span style="font-family: courier new,courier;"> <div class="top-login"></span><br />
<span style="font-family: courier new,courier;"> </div></span><br />
<span style="font-family: courier new,courier;"> <div class="main-login"></span><br />
<span style="font-family: courier new,courier;"> <div class="login-header"></span><br />
<span style="font-family: courier new,courier;"> <div class="logo"></span><br />
<span style="font-family: courier new,courier;"> <span class="title"></span><br />
<span style="font-family: courier new,courier;"> <img src="images/logo.png" alt="" width="80" height="80" class="picture" /></span><br />
<span style="font-family: courier new,courier;"> </span></span><br />
<span style="font-family: courier new,courier;"> </div></span><br />
<span style="font-family: courier new,courier;"> </div></span><br />
<span style="font-family: courier new,courier;"> <form name="login" action="validasi.php" method="POST" onSubmit="return validasi(this)"></span><br />
<span style="font-family: courier new,courier;"> <div class="login-inside"></span><br />
<span style="font-family: courier new,courier;"> <div class="login-data"></span><br />
<span style="font-family: courier new,courier;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"></span><br />
<span style="font-family: courier new,courier;"> <tr></span><br />
<span style="font-family: courier new,courier;"> <td><div align="center"></span><br />
<span style="font-family: courier new,courier;"> <table cellpadding="0" cellspacing="0"></span><br />
<span style="font-family: courier new,courier;"> <tr></span><br />
<span style="font-family: courier new,courier;"> <td height="25">Username</td></span><br />
<span style="font-family: courier new,courier;"> <td> :</span><br />
<span style="font-family: courier new,courier;"> <input type="text" name="user_name" class="text" /></td></span><br />
<span style="font-family: courier new,courier;"> </tr></span><br />
<span style="font-family: courier new,courier;"> <tr></span><br />
<span style="font-family: courier new,courier;"> <td height="26">Password</td></span><br />
<span style="font-family: courier new,courier;"> <td> :</span><br />
<span style="font-family: courier new,courier;"> <input type="password" class="text" name="password" /></td></span><br />
<span style="font-family: courier new,courier;"> </tr></span><br />
<br />
<span style="font-family: courier new,courier;"> <tr></span><br />
<span style="font-family: courier new,courier;"> <td colspan="2"><div align="right"></span><br />
<span style="font-family: courier new,courier;"> <input name="submit" class="submit" type="submit" value="LOGIN" /></span><br />
<span style="font-family: courier new,courier;"> </div></td></span><br />
<span style="font-family: courier new,courier;"> </tr></span><br />
<span style="font-family: courier new,courier;"> </table></span><br />
<span style="font-family: courier new,courier;"> </div></td></span><br />
<span style="font-family: courier new,courier;"> </tr></span><br />
<span style="font-family: courier new,courier;"> </table></span><br />
<span style="font-family: courier new,courier;"> </div></span><br />
<span style="font-family: courier new,courier;"> </div></span><br />
<span style="font-family: courier new,courier;"> </form></span><br />
<span style="font-family: courier new,courier;"> </div></span><br />
<span style="font-family: courier new,courier;"> <div class="bottom-login"></div></span><br />
<span style="font-family: courier new,courier;"> </div></span><br />
<span style="font-family: courier new,courier;"> <p align="center"><small>&copy;&nbsp; Copy Right 2011 &nbsp;&nbsp; Design by ismedia<br /></span><br />
<span style="font-family: courier new,courier;"> free simple cms for learning</small></p></span><br />
<span style="font-family: courier new,courier;"> </body></span><br />
<span style="font-family: courier new,courier;"></html></span><br />
<span style="font-family: courier new,courier;"><?php</span><br />
<span style="font-family: courier new,courier;">}else{</span><br />
<span style="font-family: courier new,courier;"> header('location:media.php?module=home');</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<span style="font-family: courier new,courier;">?></span></span></td> </tr>
</tbody> </table><div style="text-align: justify;"><br />
<br />
<span style="font-size: small;">file login ini digunakan sebagai halaman awal untuk melakukan filterisasi user melalui form input username dan password.</span><br />
<br />
<span style="font-size: small;">file media.php</span><br />
<span style="font-size: small;">file ini bisa dikatakan kerangka utama sebagai tampilan ketika sudah melakukan login. Pada file ini akan memanggil dua file yaitu file menu.php dan isi.php. File menu berfungsi untuk memanggil menu-menu atau fungsi-fungsi apa yang bisa dilakukan melalui aplikasi tersebut. tampilan menu akan berbeda antara admin dan user biasa caranya dengan melakukan filterisasi session. file isi berfungsi untuk menampilkan hasil dari pemanggilan menu.</span><br />
<br />
<span style="font-size: small;">source code</span></div><table border="0" style="background-color: mintcream; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier; font-size: small;"><span style="font-family: courier new,courier;"><?php<br />
session_start();//memulai session<br />
error_reporting(0);//matikan semua error<br />
include "timeout.php";//memasukan fungsi pada timeout untuk memberikan durasi waktu maks tidak ada operasi<br />
if($_SESSION[login]==1){<br />
if(!cek_login()){<br />
$_SESSION[login] = 0;<br />
if ($_SESSION[login]==0){<br />
header('location:notifi.php?tanda=time');<br />
}<br />
}<br />
if (empty($_SESSION['username']) AND empty($_SESSION['passuser']) AND $_SESSION['login']==0){<br />
header('location:notifi.php?tanda=autority');<br />
}else{<br />
<br />
<br />
?><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<title><br />
</title><br />
<link href='default.css' rel='stylesheet' type='text/css'> <br />
</head><br />
<body><br />
<div id="wrapper"> <br />
<div id="header"><br />
<div class="logo"><br />
<img src="images/logo.png" alt="Logo" width="50" height="50" class="picture" /><br />
</div><br />
<div class="menu-header"><br />
<ul><br />
<li><br />
<a href="?module=home"><img src="images/home.png" height="14px" width="18px" border="0px"/>&nbsp;&nbsp;Beranda</a><br />
</li><br />
<li><br />
<a href="logout.php" onclick="return confirm('Akan keluar dari halaman Administrator?');"><br />
<img src="images/logout.png" height="14px" width="14px" border="0px" />&nbsp;&nbsp;Log out</a><br />
</li><br />
<li><br />
</li><br />
<li><br />
</li><br />
</ul><br />
</div><br />
</div> <br />
<div id="page"><br />
<div id="sidebar"> <br />
<br /><br /><br />
<?php<br />
//memanggil file menu.php<br />
include"menu.php";<br />
?> <br />
</div><br />
<br />
<div id="content"><br />
<?php<br />
//memanggil file isi.php<br />
include"isi.php";<br />
?><br />
</div><br />
<div id="footer"></div><br />
</div><br />
</div> <br />
</body><br />
<meta http-equiv="content-type" content="text/html;charset=UTF-8"><br />
</html><br />
<?php<br />
}<br />
}else{<br />
header('location:notifi.php?tanda=autority');<br />
} <br />
?></span></span></td> </tr>
</tbody> </table><div style="text-align: justify;"><br />
<br />
<br />
<span style="font-size: small;">file validasi.php</span><br />
<span style="font-size: small;">file ini dijalankan setelah file login. File ini berfungsi untuk mengeksekusi perintah login yaitu melakukan pengecekkan terhadap database apakah masukkan login telah terdaftar sebelumnya atau belum. Pada file ini terdapat pemanggilan terhadap beberapa fungsi diantaranya koneksi database, sql injection dan lain-lain namun inti utamanya melakukan validasi masukkan login.</span><br />
<br />
<span style="font-size: small;">source code</span></div><div style="text-align: justify;"><br />
</div><table border="0" style="background-color: mintcream; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier; font-size: small;"><span style="font-family: courier new,courier;"><?php<br />
include("konfigurasi/config.php");<br />
konek_db();<br />
$user =anti_injection($_POST['user_name']);<br />
$password =anti_injection(md5($_POST['password']));<br />
if (!(ctype_alnum($user)) OR !(ctype_alnum($password))){<br />
header("location:notifi.php?tanda=tipe_data");<br />
}else{<br />
$sql="SELECT * FROM users WHERE username='$user' AND password='$password'";<br />
$login=mysql_query($sql) or die("ERROR".mysql_error());<br />
$ketemu=mysql_num_rows($login);<br />
// Apabila user dan password ditemukan<br />
if ($ketemu > 0){<br />
$r=mysql_fetch_array($login);<br />
session_start();<br />
include "timeout.php";<br />
//menginstance session dengan data di database<br />
$_SESSION[namauser] = $r[username];<br />
$_SESSION[passuser] = $r[password]; <br />
$_SESSION[stat] = $r[status];<br />
// session timeout<br />
$_SESSION[login] = 1;<br />
timer(); <br />
header('location:media.php?module=home');<br />
}else{<br />
header("location:notifi.php?tanda=user"); <br />
}<br />
}<br />
<br />
<br />
<br />
?></span></span></td> </tr>
</tbody> </table><div style="text-align: justify;"><br />
<span style="font-size: small;">Mungkin sampai disini dulu penjelasannya. Untuk file-file lainnya bisa dipelajari sendiri dahulu ya..</span><br />
<span style="font-size: small;">kalau ada yang bingung bisa ditanyakan</span></div></div></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com2tag:blogger.com,1999:blog-1332726573207037449.post-4799565752118111902011-11-14T07:54:00.000-08:002011-11-24T20:12:22.729-08:00Membuat cms rental Disk sederhana edisi revisi<div dir="ltr" style="text-align: left;" trbidi="on"><div class="fullpost" style="text-align: justify;">Menyambung posting sebelumnya tentang pembuatan cms sederhana yang masih underconstruction. Pembaca mungkin masih ingat posting <a href="http://ismedianet.blogspot.com/2011/11/pembahasan-studi-kasus-membuat-cms.html" target="_blank">Pembahasan Studi kasus membuat cms sederhana</a>. nah disitu ismedia berjanji untuk melanjutkan program. Setelah satu minggu vakum ismedia sangat bersyukur masih diberi kesempatan untuk mnyelesaikan dengan baik meskipun masih banyak kekurangan yang perlu banyak diperbaiki.<br />
Nah tantangan ni buat para pembaca untuk memahami source codenya yang bisa didownload. kalau ada kesulitan silakan komen. Ismedia siap membantu sebisanya:)</div><div class="fullpost" style="text-align: justify;">beberapa interfacenya<br />
<a name='more'></a></div><div class="fullpost" style="text-align: justify;">halaman pada menu transaksi </div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-isSsq2TqrcI/TsE356HcwBI/AAAAAAAAACo/MCG1w_8q_wY/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="http://2.bp.blogspot.com/-isSsq2TqrcI/TsE356HcwBI/AAAAAAAAACo/MCG1w_8q_wY/s400/1.PNG" width="400" /> </a></div><div class="separator" style="clear: both; text-align: left;"> Halaman pada menu pelanggan</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-ooyA6R6s-Vg/TsE4Kb2mHfI/AAAAAAAAACw/i4hKzIwNbac/s1600/2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="http://2.bp.blogspot.com/-ooyA6R6s-Vg/TsE4Kb2mHfI/AAAAAAAAACw/i4hKzIwNbac/s400/2.PNG" width="400" /></a></div><div class="fullpost" style="text-align: justify;">Halaman pada menu disc</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-z2RVMl26XAA/TsE4f2HIjcI/AAAAAAAAAC4/1lxyEesIT48/s1600/3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="http://4.bp.blogspot.com/-z2RVMl26XAA/TsE4f2HIjcI/AAAAAAAAAC4/1lxyEesIT48/s400/3.PNG" width="400" /></a></div><div class="fullpost" style="text-align: justify;">Halaman pada menu harga</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-FoATfX0_K3E/TsE4spTnDKI/AAAAAAAAADA/oM7mDHMElaU/s1600/4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://4.bp.blogspot.com/-FoATfX0_K3E/TsE4spTnDKI/AAAAAAAAADA/oM7mDHMElaU/s320/4.PNG" width="320" /></a></div><div class="fullpost" style="text-align: justify;"><a href="http://www.mediafire.com/download.php?82wmebv9bwwx6ye" target="_blank">Download full codenya</a></div></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-64508956363226255332011-11-14T07:39:00.000-08:002011-11-14T07:42:33.499-08:00belajar membuat cms kasir sederhana menggunakan php<div dir="ltr" style="text-align: left;" trbidi="on"><div class="fullpost" style="text-align: justify;">Ismedia mengucapkan terima kasih dan selamat datang kepada para pengunjung blog. Tulisan ini mungkin yang pertama setelah satu minggu lebih vakum untuk melaksanakan tugas lainnya.<br />
Nah menyambung beberapa posting sebelumnya pada posting kali ini ismedianet mencoba untuk berbagi ilmu tentang bagaimana membuat aplikasi sedehana dengan PHP. yah mungkin di implementasi pada kehidupan nyata aplikasi ini sangat jarang ditemukan dibangun menggunakan PHP, mungkin malah tidak ada :). namun karena untuk kepentingan pembelajaran maka penulis ismedia membuat hal tersebut sebagai bahan pembelajaran bersama.<br />
Pada posting kali ini tidak akan ditampilkan dihalaman ini mengenai source code program atau penjelasan detail mengenail program namun yang pasti aplikasi ini masih sangat banyak kekurangannya :). Kesederhanaan aplikasi dimaksudkan agar lebih mudah dipahami.<br />
Jika ada kebingungan atau masalah silakan komen:)<br />
beberapa interface yang ada<br />
<a name='more'></a>1. Interface login</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-N6rMU4VrCsQ/TsE0-nraa5I/AAAAAAAAACQ/ZWHr3OS5qzM/s1600/login.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://3.bp.blogspot.com/-N6rMU4VrCsQ/TsE0-nraa5I/AAAAAAAAACQ/ZWHr3OS5qzM/s320/login.PNG" width="320" /></a></div><div class="fullpost" style="text-align: justify;"><br />
2. Halaman Admin</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-oN3xtqOlLrQ/TsE1Oq8hGCI/AAAAAAAAACY/kSFOv9NOFV8/s1600/admin.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://1.bp.blogspot.com/-oN3xtqOlLrQ/TsE1Oq8hGCI/AAAAAAAAACY/kSFOv9NOFV8/s320/admin.PNG" width="320" /></a></div><div class="fullpost" style="text-align: justify;"><br />
3. Halaman user/kasir</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-ibgcFYNMtvw/TsE1bmiKeOI/AAAAAAAAACg/qBzjO4FRpas/s1600/user.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="http://3.bp.blogspot.com/-ibgcFYNMtvw/TsE1bmiKeOI/AAAAAAAAACg/qBzjO4FRpas/s320/user.PNG" width="320" /></a></div><div class="fullpost" style="text-align: justify;"><br />
Untuk lebih jelasnya silakan download<br />
<a href="http://www.mediafire.com/download.php?rf7vlqjbt854o1m" target="_blank">source code aplikasi kasir sederhana</a></div></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com3tag:blogger.com,1999:blog-1332726573207037449.post-72459834316190090422011-11-03T14:36:00.000-07:002011-11-03T14:36:13.346-07:00Membuat Insert Database menggunakan prepared statement metode Object Oriented<div dir="ltr" style="text-align: left;" trbidi="on"><div class="fullpost" style="text-align: justify;">Merancang program menggunakan pendekatan object memiliki karakteristik yang berbeda dengan pendekatan konvensional, termasuk perancangan program pada program ini. Perbedaan dengan praktikum-praktikuim sebelumnya terlihat pada cara melakukan koneksi, eksekusi query dan lain-lain. Perbedaan-perbedaan tersebut dapat dilihat dari sintak-sintak berikut.<br />
Daftar file beserta sintaknya:<br />
1. File form_input.php<br />
Pada file ini berisi sintak untuk menampilkan form masukkan, untuk memasukkan data ke dalam database.<br />
<a name='more'></a><br />
<table border="0" style="background-color: ghostwhite; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><!--</span><br />
<span style="font-family: courier new,courier;"> nama : form_input.php</span><br />
<span style="font-family: courier new,courier;">--></span><br />
<span style="font-family: courier new,courier;"><html></span><br />
<span style="font-family: courier new,courier;"> <head></span><br />
<span style="font-family: courier new,courier;"> <title>Form edit golongan harga</title></span><br />
<span style="font-family: courier new,courier;"> </head></span><br />
<span style="font-family: courier new,courier;"> <body></span><br />
<span style="font-family: courier new,courier;"> <a href="tampil.php">[Daftar User]</a></span><br />
<span style="font-family: courier new,courier;"> <form method="post" action="proses.php"></span><br />
<span style="font-family: courier new,courier;"> <table align="center"></span><br />
<span style="font-family: courier new,courier;"> <tr></span><br />
<span style="font-family: courier new,courier;"> <th colspan="2">Masukkan Data User</th></span><br />
<span style="font-family: courier new,courier;"> </tr></span><br />
<span style="font-family: courier new,courier;"> <tr><td>Nama awal </td><td>: <input type="text" name="first" ></td></span><br />
<span style="font-family: courier new,courier;"> </tr></span><br />
<span style="font-family: courier new,courier;"> <tr><td>Nama akhir </td><td>: <input type="text" name="last" ></td></span><br />
<span style="font-family: courier new,courier;"> </tr></span><br />
<span style="font-family: courier new,courier;"> <tr><td>Alamat </td><td>: <input type="text" name="address" ></td></span><br />
<span style="font-family: courier new,courier;"> </tr> </span><br />
<span style="font-family: courier new,courier;"> <tr colspan="2"><td><input type="submit" name="simpan" value="simpan"></td> </tr></span><br />
<span style="font-family: courier new,courier;"> </table></span><br />
<span style="font-family: courier new,courier;"> </form></span><br />
<span style="font-family: courier new,courier;"> </body></span><br />
<span style="font-family: courier new,courier;"></html></span></td> </tr>
</tbody> </table><br />
<br />
<br />
2. Form proses.php<br />
Pada file ini berisi sintak-sintak untuk memroses masukkan data dari form input, melakukan pengecekkan masukkan dan link untuk menambah data lagi.<br />
<table border="0" style="background-color: ghostwhite; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php<br />
/*<br />
nama : proses.php<br />
desc : berisi sintak untuk mengeksekusi masukkan dari form_input.php<br />
*/<br />
//melakukan koneksi ke database<br />
$mysqli = new mysqli("localhost","root","","oo_pi");<br />
//melakukan pengecekkan apakah koneksi gagal atau berhasil<br />
if (mysqli_connect_errno()) {<br />
printf("Connect failed: %s\n", mysqli_connect_error());<br />
exit();<br />
}<br />
//mengekcek masukkan apakah kososng atau tidak<br />
if ($_POST['first']=="" or $_POST['last']=="" or $_POST['address']==""){<br />
echo"<center>Maaf masukkan tidak boleh kosong</center>";<br />
}else{<br />
$query = "INSERT INTO users (first_name, last_name, address) VALUES (?,?,?)";<br />
$stmt = $mysqli->prepare($query);<br />
$stmt->bind_param("sss", $_POST['first'], $_POST['last'], $_POST['address']);<br />
//mengeksekusi<br />
$stmt->execute();<br />
//untuk menutup<br />
$stmt->close();<br />
if ($stmt) {<br />
echo "<center>insert berhasil</center>";<br />
}else{<br />
echo "<center>insert gagal</center>";<br />
} <br />
}<br />
echo "<center><br><a href='form_input.php'>Kembali</a></center>";<br />
?></span></td> </tr>
</tbody> </table><br />
<br />
<br />
3. File tampil.php<br />
Pada file ini berisi sintak untuk menampilkan data pada table user kedalam browser, selain itu juga terdapat link untuk menambah data.<br />
<br />
<table border="0" style="background-color: ghostwhite; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php<br />
/*<br />
nama : tampil.php<br />
desc : berisi sintak untuk menampilkan data pada table users<br />
*/<br />
//sintak untuk melakukan koneksi database<br />
$oo = new mysqli("localhost","root","","oo_pi");<br />
if(mysqli_connect_error()){<br />
echo("Failed to connect because : ".mysqli_connect_error());<br />
exit();<br />
}<br />
//untuk melakukan pengecekkan terhadap table<br />
$result = $oo->query("select * from users order by first_name");<br />
if (!isset($result)){<br />
echo"database kosong";<br />
}else{<br />
//tabel yang akan ditampilkan sebagai object<br />
echo "<br />
<br><a href='form_input.php'>[Tambah Data]</a><br />
<h2 align=center>Daftar User</caption></h2><br />
<table padding=5px border=1px align=center><br />
<tr align='center'><br />
<th>&nbsp;No&nbsp;</th><br />
<th>&nbsp;First Name&nbsp;</th><br />
<th>&nbsp;Last Name&nbsp;</th><br />
<th>&nbsp;Address&nbsp;</th><br />
<br />
</tr><br />
<br />
";<br />
$i=1;<br />
while($data = $result->fetch_object()){ <br />
echo "<br />
<tr><br />
<td>&nbsp;$i&nbsp;</td><br />
<td>&nbsp;$data->first_name&nbsp;</td><br />
<td>&nbsp;$data->last_name&nbsp;</td><br />
<td>&nbsp;$data->address&nbsp;</td><br />
</tr><br />
<br />
";<br />
$i++;<br />
}<br />
echo"</table>";<br />
}<br />
?></span></td> </tr>
</tbody> </table><br />
download<br />
<a href="http://www.mediafire.com/?01uxy5o9iz5ij4j" target="_blank">tutorial pdf</a><br />
<a href="http://www.mediafire.com/?3s0re8d791sfnns" target="_blank">source code OO (rar)</a></div></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-86755199419661676612011-11-02T12:38:00.000-07:002011-11-03T14:42:19.865-07:00Pemrograman Berorientasi Objek (PBO) PHP<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="fullpost" style="text-align: justify;"><br />
1. Tujuan<br />
1. mengenal dasar-dasar PBO menggunakan PHP<br />
2. mampu memanfaatkan PBO untuk koneksi ke basis data<br />
<br />
2. Tools<br />
text editor, apache web server, mysql database server<br />
<br />
3. Langkah Praktikum<br />
3.1.Dasar-dasar PBO dengan PHP Deklarasi class dan instansiasi<br />
Deklarasi class dan instansiasi<br />
<a name='more'></a><br />
<table border="0" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php</span><br />
<span style="font-family: courier new,courier;">/**</span><br />
<span style="font-family: courier new,courier;">* File : BasicClass.php</span><br />
<span style="font-family: courier new,courier;">* Desc : Program yang menunjukkan deklarasi dasar class di PHP</span><br />
<span style="font-family: courier new,courier;">*/</span><br />
<span style="font-family: courier new,courier;">class BasicClass {</span><br />
<span style="font-family: courier new,courier;">//deklarasi method / behavior public function sayHello($name){</span><br />
<span style="font-family: courier new,courier;">echo "hello, ".$name."<br />";</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<span style="font-family: courier new,courier;">//instansiasi class BasicClass</span><br />
<span style="font-family: courier new,courier;">$basicClass = new BasicClass();</span><br />
<span style="font-family: courier new,courier;">$basicClass->sayHello("Panji");</span><br />
<span style="font-family: courier new,courier;">//mengakses method secara langsung dengan operator "::" BasicClass::sayHello("panji");</span><br />
<span style="font-family: courier new,courier;">?></span></td> </tr>
</tbody> </table><br />
Atribut class, Konstruktor dan destruktor<br />
Konstruktor dijalankan ketika instansiasi dilakukan dan destruktor PHP akan dijalankan saat skrip class selesai dijalankan.<br />
<table border="0" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php</span><br />
<span style="font-family: courier new,courier;">/**</span><br />
<span style="font-family: courier new,courier;">* File : Student.php</span><br />
<span style="font-family: courier new,courier;">* Desc : Program menunjukkan deklarasi Atribut class,</span><br />
<span style="font-family: courier new,courier;">* Konstruktor dan destruktor</span><br />
<span style="font-family: courier new,courier;">*/</span><br />
<span style="font-family: courier new,courier;">class Student {</span><br />
<span style="font-family: courier new,courier;">//deklarasi atribut public $id;</span><br />
<span style="font-family: courier new,courier;">public $name;</span><br />
<span style="font-family: courier new,courier;">//konstruktor</span><br />
<span style="font-family: courier new,courier;">function construct($id,$name) {</span><br />
<span style="font-family: courier new,courier;">$this->id = $id;</span><br />
<span style="font-family: courier new,courier;">$this->name = $name;</span><br />
<span style="font-family: courier new,courier;">echo "konstruktor dijalankan"."<br />";</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<span style="font-family: courier new,courier;">//destruktor</span><br />
<span style="font-family: courier new,courier;">function destruct() {</span><br />
<span style="font-family: courier new,courier;">echo "destruktor dijalankan";</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<span style="font-family: courier new,courier;">$student = new Student(1790999, "Havit Choirul Rovik");</span><br />
<span style="font-family: courier new,courier;">//akses member variabel/atribut secara langsung</span><br />
<span style="font-family: courier new,courier;">//melanggar konsep enkapsulasi !</span><br />
<span style="font-family: courier new,courier;">echo $student->id."<br />";</span><br />
<span style="font-family: courier new,courier;">echo $student->name."<br />";</span><br />
<br />
<span style="font-family: courier new,courier;">?></span></td> </tr>
</tbody> </table><br />
<br />
<br />
Pewarisan<br />
<table border="0" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php</span><br />
<br />
<span style="font-family: courier new,courier;">/**</span><br />
<span style="font-family: courier new,courier;">* File : Employee.php</span><br />
<span style="font-family: courier new,courier;">* Desc : program php untuk menunjukkan inheritance</span><br />
<span style="font-family: courier new,courier;">*</span><br />
<span style="font-family: courier new,courier;">*/</span><br />
<span style="font-family: courier new,courier;">class Pegawai {</span><br />
<span style="font-family: courier new,courier;">//deklarasi atribut, sebaiknya private private $nip;</span><br />
<span style="font-family: courier new,courier;">private $nama;</span><br />
<span style="font-family: courier new,courier;">function construct($nip,$nama) {</span><br />
<span style="font-family: courier new,courier;">$this->nip=$nip;</span><br />
<span style="font-family: courier new,courier;">$this->nama=$nama;</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<span style="font-family: courier new,courier;">//selektor method :</span><br />
<span style="font-family: courier new,courier;">public function getNip(){</span><br />
<span style="font-family: courier new,courier;">return $this->nip;</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<br />
<span style="font-family: courier new,courier;">public function getNama(){</span><br />
<span style="font-family: courier new,courier;">return $this->nama;</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<br />
<span style="font-family: courier new,courier;">class PegawaiHonorer extends Pegawai {</span><br />
<span style="font-family: courier new,courier;">private $upahHarian;</span><br />
<span style="font-family: courier new,courier;">function construct($nip,$nama,$upah) {</span><br />
<span style="font-family: courier new,courier;">//akses konstruktor super class parent:: construct($nip, $nama);</span><br />
<span style="font-family: courier new,courier;">$this->upahHarian = $upah;</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<span style="font-family: courier new,courier;">//selektor untuk upah harian public function getUpahHarian(){</span><br />
<span style="font-family: courier new,courier;">return $this->upahHarian;</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<br />
<span style="font-family: courier new,courier;">}</span><br />
<br />
<span style="font-family: courier new,courier;">$honorer = new PegawaiHonorer(12,"Kuncara",10000);</span><br />
<span style="font-family: courier new,courier;">//konsep enkapsulasi : atribut harus diakses melalui selektor method !</span><br />
<span style="font-family: courier new,courier;">echo "Nama : ".$honorer->getNama()."<br />";</span><br />
<span style="font-family: courier new,courier;">echo "NIP : ".$honorer->getNip()."<br />";</span><br />
<span style="font-family: courier new,courier;">echo "Upah : ".$honorer->getUpahHarian()."<br />";</span><br />
<span style="font-family: courier new,courier;">//selesai menampilkan data pegawai</span><br />
<span style="font-family: courier new,courier;">?></span></td> </tr>
</tbody> </table><br />
<br />
Latihan: tambahkan modifier private ke class pegawai sehingga menjadi<br />
private class pegawai {. . .<br />
apa yang terjadi ? Apa kesimpulan anda ?<br />
<br />
Polimorfisme<br />
<br />
<table border="0" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php</span><br />
<span style="font-family: courier new,courier;">/**</span><br />
<span style="font-family: courier new,courier;">* File : Polimorfik.php</span><br />
<span style="font-family: courier new,courier;">* Desc : Program yang menunjukkan polimorfisme</span><br />
<span style="font-family: courier new,courier;">*/</span><br />
<span style="font-family: courier new,courier;">require_once 'Pegawai.php';</span><br />
<br />
<span style="font-family: courier new,courier;">class PegawaiTetap extends Pegawai {</span><br />
<span style="font-family: courier new,courier;">private $gajiBulanan;</span><br />
<span style="font-family: courier new,courier;">function construct($nip,$nama,$gaji) {</span><br />
<span style="font-family: courier new,courier;">//akses konstruktor super class parent:: construct($nip, $nama);</span><br />
<span style="font-family: courier new,courier;">$this->gajiBulanan = $gaji;</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<span style="font-family: courier new,courier;">public function getGajiBulanan() {</span><br />
<span style="font-family: courier new,courier;">return $this->gajiBulanan;</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<span style="font-family: courier new,courier;">$pegawai = new Pegawai(10,"Fredi");</span><br />
<span style="font-family: courier new,courier;">$pegawai_tetap = new PegawaiTetap(10, "Fredi", 40000);</span><br />
<span style="font-family: courier new,courier;">echo "Nama : ".$pegawai_tetap->getNama()."<br />";</span><br />
<span style="font-family: courier new,courier;">echo "NIP : ".$pegawai_tetap->getNip()."<br />";</span><br />
<span style="font-family: courier new,courier;">echo "Upah : ".$pegawai_tetap->getGajiBulanan()."<br />";</span><br />
<span style="font-family: courier new,courier;">//pegawai tetap adalah tipe pegawai ?</span><br />
<span style="font-family: courier new,courier;">if($pegawai_tetap instanceof $pegawai)</span><br />
<span style="font-family: courier new,courier;">echo "Fredi adalah pegawai tetap dan juga pegawai";</span><br />
<span style="font-family: courier new,courier;">?></span></td> </tr>
</tbody> </table><br />
<br />
PBO untuk basis data<br />
PHP 5 memperkenalkan MySQL improved (MySQLi) API yang memberikan fitur baru seperti object oriented database access, prepared statement, dsb. Untuk mencoba MySQLi, buatlah tabel users berikut :<br />
<br />
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; height: 136px; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr style="height: 18.4pt;"> <td style="border: 1pt solid black; height: 18.4pt; padding: 0cm; text-align: center; width: 133.3pt;" valign="top" width="178"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.6pt -1pt 0.0001pt 2.75pt;"><span style="font-family: 'Arial','sans-serif';">F</span><span style="font-family: 'Arial','sans-serif';">i</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: -0.05pt;">e</span><span style="font-family: 'Arial','sans-serif';">l</span><span style="font-family: 'Arial','sans-serif';">d</span></div></td> <td style="-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: black black black -moz-use-text-color; border-style: solid solid solid none; border-width: 1pt 1pt 1pt medium; height: 18.4pt; padding: 0cm; text-align: center; width: 95.9pt;" valign="top" width="128"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.6pt -1pt 0.0001pt 2.85pt;"><span style="font-family: 'Arial','sans-serif'; letter-spacing: -0.1pt;">T</span><span style="font-family: 'Arial','sans-serif';">iped</span><span style="font-family: 'Arial','sans-serif';">a</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: 0.05pt;">t</span><span style="font-family: 'Arial','sans-serif';">a</span></div></td> <td style="-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: black black black -moz-use-text-color; border-style: solid solid solid none; border-width: 1pt 1pt 1pt medium; height: 18.4pt; padding: 0cm; text-align: center; width: 198pt;" valign="top" width="264"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.6pt -1pt 0.0001pt 2.85pt;"><span style="font-family: 'Arial','sans-serif'; letter-spacing: -0.2pt;">K</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: -0.05pt;">e</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: 0.05pt;">t</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: 0.05pt;">e</span><span style="font-family: 'Arial','sans-serif';">r</span><span style="font-family: 'Arial','sans-serif';">a</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: -0.05pt;">n</span><span style="font-family: 'Arial','sans-serif';">g</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: 0.1pt;">a</span><span style="font-family: 'Arial','sans-serif';">n</span></div></td> </tr>
<tr style="height: 18.3pt;"> <td style="-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color black black; border-right: 1pt solid black; border-style: none solid solid; border-width: medium 1pt 1pt; height: 18.3pt; padding: 0cm; text-align: left; width: 133.3pt;" valign="top" width="178"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.6pt -1pt 0.0001pt 2.75pt;"><span style="font-family: 'Arial','sans-serif';">u</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: -0.05pt;">s</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: 0.05pt;">e</span><span style="font-family: 'Arial','sans-serif';">r</span><span style="font-family: 'Arial','sans-serif';">_<span style="letter-spacing: 0.05pt;">i</span></span><span style="font-family: 'Arial','sans-serif';">d</span></div></td> <td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; height: 18.3pt; padding: 0cm; text-align: left; width: 95.9pt;" valign="top" width="128"><br />
<div align="center" class="MsoNormal" style="line-height: normal; margin: 2.7pt 35pt 0.0001pt 36.3pt; text-align: left;"><span style="font-family: 'Courier New';">int</span></div></td> <td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; height: 18.3pt; padding: 0cm; text-align: left; width: 198pt;" valign="top" width="264"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.65pt -1pt 0.0001pt 2.85pt;"><span style="font-family: 'Arial','sans-serif'; font-size: 10pt; letter-spacing: -0.05pt;">p</span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt;">ri<span style="letter-spacing: -0.05pt;">ma</span><span style="letter-spacing: 0.1pt;">r</span>y</span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt; letter-spacing: -0.4pt;">k</span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt; letter-spacing: 0.05pt;">e</span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt;">y, <span style="letter-spacing: 0.15pt;"> </span><span style="letter-spacing: -0.05pt;">a</span><span style="letter-spacing: 0.05pt;">u</span>toi<span style="letter-spacing: -0.05pt;">n</span>c<span style="letter-spacing: -0.25pt;">r</span><span style="letter-spacing: 0.05pt;">e</span><span style="letter-spacing: -0.05pt;">m</span><span style="letter-spacing: 0.05pt;">e</span><span style="letter-spacing: -0.05pt;">n</span>t,<span style="letter-spacing: -0.05pt;">n</span>ot<span style="letter-spacing: 0.05pt;">n</span><span style="letter-spacing: -0.05pt;">u</span>ll</span></div></td> </tr>
<tr style="height: 18.4pt;"> <td style="-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color black black; border-right: 1pt solid black; border-style: none solid solid; border-width: medium 1pt 1pt; height: 18.4pt; padding: 0cm; text-align: left; width: 133.3pt;" valign="top" width="178"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.6pt -1pt 0.0001pt 2.75pt;"><span style="font-family: 'Arial','sans-serif'; letter-spacing: 0.05pt;">f</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: 0.05pt;">i</span><span style="font-family: 'Arial','sans-serif';">r</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: -0.05pt;">s</span><span style="font-family: 'Arial','sans-serif';">t</span><span style="font-family: 'Arial','sans-serif';">_n</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: -0.05pt;">a</span><span style="font-family: 'Arial','sans-serif';">m</span><span style="font-family: 'Arial','sans-serif';">e</span></div></td> <td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; height: 18.4pt; padding: 0cm; text-align: left; width: 95.9pt;" valign="top" width="128"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.8pt -1pt 0.0001pt 11.75pt;"><span style="font-family: 'Courier New';">varchar(50)</span></div></td> <td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; height: 18.4pt; padding: 0cm; text-align: left; width: 198pt;" valign="top" width="264"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.65pt -1pt 0.0001pt 2.85pt;"><span style="font-family: 'Arial','sans-serif'; font-size: 10pt; letter-spacing: -0.05pt;">n</span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt;">ot </span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt; letter-spacing: 0.05pt;">n</span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt; letter-spacing: -0.05pt;">u</span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt;">ll</span></div></td> </tr>
<tr style="height: 18.3pt;"> <td style="-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color black black; border-right: 1pt solid black; border-style: none solid solid; border-width: medium 1pt 1pt; height: 18.3pt; padding: 0cm; text-align: left; width: 133.3pt;" valign="top" width="178"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.6pt -1pt 0.0001pt 2.75pt;"><span style="font-family: 'Arial','sans-serif'; letter-spacing: 0.05pt;">l</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: -0.05pt;">a</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: -0.05pt;">s</span><span style="font-family: 'Arial','sans-serif';">t</span><span style="font-family: 'Arial','sans-serif';">_n</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: 0.05pt;">a</span><span style="font-family: 'Arial','sans-serif';">m</span><span style="font-family: 'Arial','sans-serif';">e</span></div></td> <td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; height: 18.3pt; padding: 0cm; text-align: left; width: 95.9pt;" valign="top" width="128"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.7pt -1pt 0.0001pt 11.75pt;"><span style="font-family: 'Courier New';">varchar(50)</span></div></td> <td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; height: 18.3pt; padding: 0cm; text-align: left; width: 198pt;" valign="top" width="264"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.65pt -1pt 0.0001pt 2.85pt;"><span style="font-family: 'Arial','sans-serif'; font-size: 10pt; letter-spacing: -0.05pt;">n</span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt;">ot </span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt; letter-spacing: 0.05pt;">n</span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt; letter-spacing: -0.05pt;">u</span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt;">ll</span></div></td> </tr>
<tr style="height: 18.4pt;"> <td style="-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color black black; border-right: 1pt solid black; border-style: none solid solid; border-width: medium 1pt 1pt; height: 18.4pt; padding: 0cm; text-align: left; width: 133.3pt;" valign="top" width="178"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.6pt -1pt 0.0001pt 2.75pt;"><span style="font-family: 'Arial','sans-serif'; letter-spacing: -0.05pt;">a</span><span style="font-family: 'Arial','sans-serif';">dd</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: -0.2pt;">r</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: 0.05pt;">e</span><span style="font-family: 'Arial','sans-serif'; letter-spacing: -0.05pt;">s</span><span style="font-family: 'Arial','sans-serif';">s</span></div></td> <td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; height: 18.4pt; padding: 0cm; text-align: left; width: 95.9pt;" valign="top" width="128"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.8pt -1pt 0.0001pt 8.45pt;"><span style="font-family: 'Courier New';">varchar(100)</span></div></td> <td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; height: 18.4pt; padding: 0cm; text-align: left; width: 198pt;" valign="top" width="264"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.65pt -1pt 0.0001pt 2.85pt;"><span style="font-family: 'Arial','sans-serif'; font-size: 10pt; letter-spacing: -0.05pt;">n</span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt;">ot </span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt; letter-spacing: 0.05pt;">n</span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt; letter-spacing: -0.05pt;">u</span><span style="font-family: 'Arial','sans-serif'; font-size: 10pt;">ll</span></div></td> </tr>
</tbody> </table>Isilah tabel tersebut dengan 3 record.<br />
<br />
<table border="0" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php</span><br />
<span style="font-family: courier new,courier;">/**</span><br />
<span style="font-family: courier new,courier;">* File : Oodb.php</span><br />
<span style="font-family: courier new,courier;">* Desc : OO dengan PHP dan basis data</span><br />
<span style="font-family: courier new,courier;">*</span><br />
<span style="font-family: courier new,courier;">*/</span><br />
<br />
<span style="font-family: courier new,courier;">$oo = new mysqli("localhost","root","","pi");</span><br />
<span style="font-family: courier new,courier;">if(mysqli_connect_errno()) {</span><br />
<span style="font-family: courier new,courier;">echo("Failed to connect because : ".mysqli_connect_error());</span><br />
<span style="font-family: courier new,courier;">exit();</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<br />
<span style="font-family: courier new,courier;">$result = $oo->query("select * from users");</span><br />
<span style="font-family: courier new,courier;">//tabel akan di-fetch sebagai object while($data = $result->fetch_object()){</span><br />
<span style="font-family: courier new,courier;">echo "first name : ".$data->first_name."<br />";</span><br />
<span style="font-family: courier new,courier;">echo "last name : ".$data->last_name."<br />";</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<br />
<span style="font-family: courier new,courier;">?></span></td> </tr>
</tbody> </table><br />
Prepared Statement<br />
Prepared statement merupakan sebuah query SQL yang bisa digunakan sewaktu-waktu dibutuhkan. Query disimpan dalam sebuah object dan akan dieksekusi dari object tersebut.<br />
Terdapat mekanisme “binding” dimana data yang akan diolah diberikan sebagai parameter yang terpisah dari query dan tipe dari data yang akan diolah diberi<br />
tanda seperti pada tabel berikut supaya dikenali PHP :<br />
<br />
<table border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="border-collapse: collapse; height: 120px; margin-left: 0px; margin-right: 0px; text-align: left; width: 494px;"><tbody>
<tr style="height: 15.8pt;"> <td style="border: 1pt solid black; height: 15.8pt; padding: 0cm; width: 142.1pt;" valign="top" width="189"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.75pt -1pt 0.0001pt 2.75pt; text-align: center;"><b><span style="font-family: 'Courier New'; font-size: 9pt;">KARAKTER</span></b></div></td> <td style="-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: black black black -moz-use-text-color; border-style: solid solid solid none; border-width: 1pt 1pt 1pt medium; height: 15.8pt; padding: 0cm; width: 303.4pt;" valign="top" width="405"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.75pt -1pt 0.0001pt 2.85pt; text-align: center;"><b><span style="font-family: 'Courier New'; font-size: 9pt;">Deskripsi</span></b></div></td> </tr>
<tr style="height: 15.7pt;"> <td style="-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color black black; border-right: 1pt solid black; border-style: none solid solid; border-width: medium 1pt 1pt; height: 15.7pt; padding: 0cm; width: 142.1pt;" valign="top" width="189"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.75pt -1pt 0.0001pt 2.75pt;"><span style="font-family: 'Courier New'; font-size: 9pt;">i</span></div></td> <td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; height: 15.7pt; padding: 0cm; width: 303.4pt;" valign="top" width="405"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.75pt -1pt 0.0001pt 2.85pt;"><span style="font-family: 'Courier New'; font-size: 9pt;">Tipe integer</span></div></td> </tr>
<tr style="height: 15.8pt;"> <td style="-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color black black; border-right: 1pt solid black; border-style: none solid solid; border-width: medium 1pt 1pt; height: 15.8pt; padding: 0cm; width: 142.1pt;" valign="top" width="189"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.75pt -1pt 0.0001pt 2.75pt;"><span style="font-family: 'Courier New'; font-size: 9pt;">d</span></div></td> <td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; height: 15.8pt; padding: 0cm; width: 303.4pt;" valign="top" width="405"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.75pt -1pt 0.0001pt 2.85pt;"><span style="font-family: 'Courier New'; font-size: 9pt;">Tipe double</span></div></td> </tr>
<tr style="height: 15.7pt;"> <td style="-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color black black; border-right: 1pt solid black; border-style: none solid solid; border-width: medium 1pt 1pt; height: 15.7pt; padding: 0cm; width: 142.1pt;" valign="top" width="189"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.75pt -1pt 0.0001pt 2.75pt;"><span style="font-family: 'Courier New'; font-size: 9pt;">s</span></div></td> <td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; height: 15.7pt; padding: 0cm; width: 303.4pt;" valign="top" width="405"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.75pt -1pt 0.0001pt 2.85pt;"><span style="font-family: 'Courier New'; font-size: 9pt;">Tipe string</span></div></td> </tr>
<tr style="height: 15.8pt;"> <td style="-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color black black; border-right: 1pt solid black; border-style: none solid solid; border-width: medium 1pt 1pt; height: 15.8pt; padding: 0cm; width: 142.1pt;" valign="top" width="189"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.75pt -1pt 0.0001pt 2.75pt;"><span style="font-family: 'Courier New'; font-size: 9pt;">b</span></div></td> <td style="border-color: -moz-use-text-color black black -moz-use-text-color; border-style: none solid solid none; border-width: medium 1pt 1pt medium; height: 15.8pt; padding: 0cm; width: 303.4pt;" valign="top" width="405"><br />
<div class="MsoNormal" style="line-height: normal; margin: 2.75pt -1pt 0.0001pt 2.85pt;"><span style="font-family: 'Courier New'; font-size: 9pt;">Tipe blob dan akan dikirim sebagai paket-paket</span></div></td> </tr>
</tbody> </table><br />
<table border="0" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php</span><br />
<span style="font-family: courier new,courier;">/**</span><br />
<span style="font-family: courier new,courier;">* File : prepared_stmt.php</span><br />
<span style="font-family: courier new,courier;">* Desc : program untuk mengenal prepared statement</span><br />
<span style="font-family: courier new,courier;">*/</span><br />
<br />
<span style="font-family: courier new,courier;">$oo = new mysqli("localhost","root","","pi");</span><br />
<span style="font-family: courier new,courier;">if(mysqli_connect_errno()) {</span><br />
<span style="font-family: courier new,courier;">echo("Failed to connect because : ".mysqli_connect_error());</span><br />
<span style="font-family: courier new,courier;">exit();</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<br />
<span style="font-family: courier new,courier;">$stmt=$oo->prepare("SELECT user_id,first_name FROM users WHERE user_id=?");</span><br />
<span style="font-family: courier new,courier;">$uid = 1; //user id berupa integer, dan ditandai sebagai 'i'</span><br />
<span style="font-family: courier new,courier;">$stmt->bind_param("i",$uid);</span><br />
<span style="font-family: courier new,courier;">$stmt->execute();</span><br />
<span style="font-family: courier new,courier;">$stmt->bind_result($user_id,$first_name);</span><br />
<span style="font-family: courier new,courier;">while($r=$stmt->fetch()){</span><br />
<span style="font-family: courier new,courier;">echo "user id : ".$user_id."<br >";</span><br />
<span style="font-family: courier new,courier;">echo "first name : ".$first_name;</span><br />
<span style="font-family: courier new,courier;">}</span><br />
<span style="font-family: courier new,courier;">?></span></td> </tr>
</tbody> </table></div></div><br />
<a href="http://www.mediafire.com/?9ri7db8unr2z141" target="_blank">PHP Object Oriented (pdf)</a></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-20380849906700086152011-11-01T13:24:00.000-07:002011-11-01T13:24:38.250-07:00Pembahasan Studi kasus membuat cms sederhana<div class="fullpost" style="text-align: justify;">Setelah posting sebelumnya tentang studi kasus sederhana pembuatan cms dan penulis juga sudah berjanji untuk membuat hasil pembahasannya dan <i>source code</i>-nya tentunya, cuma penulis belum menyelesaikan semua fungsi yang disebutkan di requirement sebelumnya karena penulis sendiri sekarang sedang menghadapi ujian semester so mohon maaf ya... Meski belum sepenuhnya selesai, tapi pembahasan sudah mencakup dasar-dasar utama pembuatan cms. nah setelah praktik ini semoga teman-teman semakin percaya diri untuk mengekspresikan jiwa programming hehe..</div><div class="fullpost" style="text-align: justify;">Ini requirement yang terdahulu. </div><div class="fullpost" style="text-align: justify;">Membuat cms sederhana untuk rental video disc dengan tabel yang sudah ada sebelumnya dengan ketentuan :<a name='more'></a> <ul><li>Ada seorang administrator yang bisa melakukan manjemen disc (CRUD), member(CRUD), golongan harga (CRUD). Administrator bisa melihat transaksi berdasarkan hari/bulan. Administrator memiliki halaman sendiri untuk melakukan segalah hal tersebut di atas.</li>
<li>Ada seorang kasir yang bertugas mencatat setiap detail transaksi penyewaan berikut melayani pembayaran. Jadi, program menyediakan semacam shopping cart.</li>
<li>Kasir bisa melakukan manajemen member (CRU). Kasir memiliki halaman sendiri.</li>
<li>Pengunjung hanya bisa melakukan pencarian (searching) data film yang dia cari.</li>
<li>Kasir dan administrator memerlukan login (memberikan user dan password) untuk masuk ke halaman masing-masing. Bila perlu, tambahkan tabel untuk menampung user dan password atau atribut yang lain!</li>
</ul><a href="http://www.mediafire.com/?s9cz5zawmi3uo3z">download dokumentasi full version (pdf)</a><br />
<a href="http://www.mediafire.com/?wruau60awwe22k7">source code cms sederhana</a></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com3tag:blogger.com,1999:blog-1332726573207037449.post-12114319304543325032011-10-31T13:28:00.000-07:002011-10-31T13:28:25.077-07:00Studi kasus membuat cms sederhana<div class="fullpost" style="text-align: justify;">Menambahkan fungsi cek_query untuk memeriksa apakah ada kesalahan<br />
pada query yang dilakukan. Penggunaan yang diharapkan :<br />
$sql_insert = "INSERT INTO golonga_harga(golhar_harga) VAL (5000)";<br />
$query = mysql_query($sql_insert);<br />
cek_query($query);<br />
<br />
Tambahkan fungsi di atas untuk memeriksa masing-masing kueri di masing-masing fungsi di atas, maupun fungsi-fungsi berikutnya!<br />
<br />
Menambah fungsi baru untuk update data dengan nama fungsi update_data , sehingga nantinya dengan mudah bisa dilakukan operasi update dengan :<br />
<a name='more'></a>$to_update=array("golhar_harga"=>1000,"golhar_keterangan"=>"vcd bajakan");<br />
update_data("golhar_id", 2,"golongan_harga", $to_update);<br />
<br />
dimana golhar_id adalah nama kolom pada tabel “golongan_harga” yang berisi ID, 2 adalah ID yang ingin di-update, golongan_harga adalah nama tabel, sedangkan $to_update adalah associative array yang berisi pasangan “kolom yang akan di-update” dengan “nilai barunya”.<br />
<br />
Membuat fungsi baru untuk memasukkan data dengan nama fungsi insert_data, sehingga nantinya bisa dilakukan insert data dengan :<br />
<br />
$to_insert=array("golhar_harga"=>1000,"golhar_keterangan"=>"vcd bajakan");<br />
insert_data("golongan_harga",$to_insert);<br />
<br />
dimana golongan_harga adalah nama tabel sedangkan $to_insert adalah associative array yang berisi apa yang mau di-insert<br />
<br />
Membuat cms sederhana untuk rental video disc dengan tabel yang sudah ada sebelumnya dengan ketentuan :<br />
<ul><li>Ada seorang administrator yang bisa melakukan manjemen disc (CRUD), member(CRUD), golongan harga (CRUD). Administrator bisa melihat transaksi berdasarkan hari/bulan. Administrator memiliki halaman sendiri untuk melakukan segalah hal tersebut di atas.</li>
<li>Ada seorang kasir yang bertugas mencatat setiap detail transaksi penyewaan berikut melayani pembayaran. Jadi, program menyediakan semacam shopping cart.</li>
<li>Kasir bisa melakukan manajemen member (CRU). Kasir memiliki halaman sendiri.</li>
<li>Pengunjung hanya bisa melakukan pencarian (searching) data film yang dia cari.</li>
<li>Kasir dan administrator memerlukan login (memberikan user dan password) untuk masuk ke halaman masing-masing. Bila perlu, tambahkan tabel untuk menampung user dan password atau atribut yang lain!</li>
</ul>Selamat mencoba semoga sukses :) Jika bisa membuat cms sederhana ini itu berarti apapun sekarang bisa Anda buat </div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-67139925800803600242011-10-31T13:22:00.000-07:002011-10-31T13:22:45.369-07:00PHP dan Basis Data expertizing<div style="text-align: justify;">1. Tujuan<br />
Setelah mempelajari bab ini diharapkan mampu mampu menangani kesalahan koneksi/query pada PHP. membuat fungsi global untuk operasi pada basis data. menyelesaikan program untuk rental video disc.<br />
<br />
2. Tools<br />
Text editor, Apache HTTP server, PHP, MySQL<br />
<br />
3. Langkah Praktikum<br />
3.1. Penanganan Kesalahan<br />
MySQL query yang kita kirimkan ke basis data kadangkala mengalami kesalahan, entah karena data yang salah dimasukkan atau karena syntax query yang kurang tepat. Berikut adalah cara PHP menangani kesalahan ketika melakukan query :</div><a name='more'></a><br />
<br />
<table border="0" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php</span><br />
<span style="font-family: courier new,courier;"> /*</span><br />
<span style="font-family: courier new,courier;"> * File : contoh_insert_golhar.php</span><br />
<span style="font-family: courier new,courier;"> * Desc : program contoh koneksi dan operasi insert ke dalam tabel golongan_harga</span><br />
<span style="font-family: courier new,courier;"> */</span><br />
<span style="font-family: courier new,courier;"> require 'config_db.php'; //'include' file config_db.php</span><br />
<span style="font-family: courier new,courier;"> //buka koneksi ke MySQL server</span><br />
<span style="font-family: courier new,courier;"> $koneksi = mysql_connect(DB_HOST, DB_USER, DB_PASS) or die('tidak bisa terkonkesi : '.mysql_error());</span><br />
<span style="font-family: courier new,courier;"> //memilih basis data</span><br />
<span style="font-family: courier new,courier;"> mysql_select_db("rental_video_disc");</span><br />
<span style="font-family: courier new,courier;"> //melakukan operasi insert yang SALAH!</span><br />
<span style="font-family: courier new,courier;"> $sql_insert = "INSERT INTO golonga_harga(golhar_harga) VAL (5000)";</span><br />
<span style="font-family: courier new,courier;"> $query = mysql_query($sql_insert);</span><br />
<span style="font-family: courier new,courier;"> //penanganan kesalahan :</span><br />
<span style="font-family: courier new,courier;"> if (!$query) {</span><br />
<span style="font-family: courier new,courier;"> die('Invalid query: ' . mysql_error());</span><br />
<span style="font-family: courier new,courier;"> }</span><br />
<span style="font-family: courier new,courier;"> //tutup koneksi ke MySQL</span><br />
<span style="font-family: courier new,courier;"> mysql_close();</span><br />
<span style="font-family: courier new,courier;"> ?></span></td> </tr>
</tbody> </table><div style="text-align: justify;"><br />
Pada contoh di atas, fungsi mysql_error() adalah mengembalikan pesan kesalahan dari operasi MySQL yang dilakukan (dalam hal ini INSERT).<br />
<br />
3.2. Fungsi global untuk operasi pada basis data<br />
Minggu lalu, telah ditugaskan untuk membuat fungsi global operasi basis data yaitu berupa fungsi untuk mendapatkan seluruh data (get_all_data) mendapatkan data sesuai dengan id(get_data_by_id) dan menghapus data (del_data_by_id) yang lebih kurang pada kode berikut :</div><table border="0" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier;"><?php</span><br />
<span style="font-family: courier new,courier;"> /*</span><br />
<span style="font-family: courier new,courier;"> * File : global_db_function.php</span><br />
<span style="font-family: courier new,courier;"> * Desc : program berisi fungsi untuk operasi basis data MySQL</span><br />
<span style="font-family: courier new,courier;"> */</span><br />
<span style="font-family: courier new,courier;"> require 'config_db.php';</span><br />
<br />
<span style="font-family: courier new,courier;"> /* function untuk membuka koneksi mysql dan memilih database*/</span><br />
<span style="font-family: courier new,courier;"> function mysql_open_connection() {</span><br />
<span style="font-family: courier new,courier;"> $koneksi = mysql_connect(DB_HOST, DB_USER, DB_PASS) or die('tidak bisa terkonkesi : '.mysql_error());</span><br />
<span style="font-family: courier new,courier;"> mysql_select_db(DB_NAME);</span><br />
<span style="font-family: courier new,courier;"> return $koneksi;</span><br />
<span style="font-family: courier new,courier;"> }</span><br />
<br />
<span style="font-family: courier new,courier;"> /**</span><br />
<span style="font-family: courier new,courier;"> * function untuk mendapatkan semua data berdasarkan nama tabel</span><br />
<span style="font-family: courier new,courier;"> */</span><br />
<span style="font-family: courier new,courier;"> function get_all_data($table_name) {</span><br />
<span style="font-family: courier new,courier;"> $koneksi = mysql_open_connection();</span><br />
<span style="font-family: courier new,courier;"> $query = "SELECT * FROM ".$table_name;</span><br />
<span style="font-family: courier new,courier;"> $hasil = mysql_query($query,$koneksi);</span><br />
<span style="font-family: courier new,courier;"> mysql_close($koneksi);</span><br />
<span style="font-family: courier new,courier;"> return $hasil;</span><br />
<span style="font-family: courier new,courier;"> }</span><br />
<br />
<span style="font-family: courier new,courier;"> /**</span><br />
<span style="font-family: courier new,courier;"> * function untuk mendapatkan semua data berdasarkan nama tabel dan id</span><br />
<span style="font-family: courier new,courier;"> */</span><br />
<span style="font-family: courier new,courier;"> function get_data_by_id($id_col_name,$id,$table_name) {</span><br />
<span style="font-family: courier new,courier;"> $koneksi = mysql_open_connection();</span><br />
<span style="font-family: courier new,courier;"> $query = "SELECT * FROM ".$table_name." WHERE ".$id_col_name."=".$id;</span><br />
<span style="font-family: courier new,courier;"> $hasil = mysql_query($query,$koneksi);</span><br />
<span style="font-family: courier new,courier;"> mysql_close($koneksi);</span><br />
<span style="font-family: courier new,courier;"> return $hasil;</span><br />
<span style="font-family: courier new,courier;"> }</span><br />
<br />
<span style="font-family: courier new,courier;"> /**</span><br />
<span style="font-family: courier new,courier;"> * function untuk menghapus data berdasarkan nama tabel dan id</span><br />
<span style="font-family: courier new,courier;"> */</span><br />
<span style="font-family: courier new,courier;"> function del_data_by_id($id_col_name,$id,$table_name) {</span><br />
<span style="font-family: courier new,courier;"> $koneksi = mysql_open_connection();</span><br />
<span style="font-family: courier new,courier;"> $query = "DELETE FROM ".$table_name." WHERE ".$id_col_name."=".$id;</span><br />
<span style="font-family: courier new,courier;"> $hasil = mysql_query($query,$koneksi);</span><br />
<span style="font-family: courier new,courier;"> mysql_close($koneksi);</span><br />
<span style="font-family: courier new,courier;"> return $hasil;</span><br />
<span style="font-family: courier new,courier;"> }</span><br />
<br />
<span style="font-family: courier new,courier;"> ?></span></td> </tr>
</tbody> </table><div style="text-align: justify;">Tujuan dari pembuatan fungsi global di atas adalah menghindari adanya duplikasi kode, terutama untuk membuka dan menutup koneksi.</div><div style="text-align: justify;"><a href="http://www.mediafire.com/?kthpjdf6d3pnand">download full version PHP dan Basis Data expertizing (pdf)</a></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-27042083812440044762011-10-31T13:11:00.000-07:002011-10-31T13:11:53.944-07:00Pembahasan Studi Kasus Insert , Select, Edit, Delete, dan Optimasi Kode PHP dan Mysql<div class="fullpost" style="text-align: justify;">Setelah belajar dari posting-posting sebelumnya dan pada akhirnya terdapat studi kasus untuk menguatkan pemahaman, nah sekarang juga akan dibahas tentang studi kasusu yang sudah dibuat. Disni akan dibahas secara sederhana mengenai stu kasus <i>Studi Kasus Insert , Select, Edit, Delete, dan Optimasi Kode PHP dan Mysq. </i>Sudah mencoba mengkoding?yap sudah pastinya. Jika tiap posting diikuti dengan baik pastinya minimal sekarang sudah bikin simple cms. Ok deh ini dia pembahasannnya</div><div class="fullpost" style="text-align: justify;"> </div><div class="fullpost" style="text-align: justify;">I. Tantangan<br />
Studi kasus sesuai dengan posting sebelumnya<br />
<ul><li>Membuat fungsi dengan nama get_all_data() untuk mendapatkan semua data pada suatu table dengan masukkan berupa nama table, dan kembalian semua data yang ada di table tersebut, atau nilai “false” jika tidak terdapat data pada table tersebut.</li>
<li>Membuat fungsi dengan nama get_ data_by_id dengan masukkan berupa nama table, nama kolom yang berisi id dan id dari data yang ingin didapatkan atau nilai “false” jika tidak terdapat data pada table tersebut.</li>
<li>Membuat fungsi dengan nama del_ data_by_id dengan masukkan berupa nama table, nama kolom yang berisi id dan id dari data yang ingin dihapus atau nilai “false” jika tidak terdapat data pada table tersebut.Buatlah ketiga fungsi tersebut dalam sebuah file dengan nama global_db_function.php,(untuk mempercepa pembuatan, manfaatkan aja file yang udah dibuat berdasarkan posting sebelumnya)<a name='more'></a></li>
</ul></div><div class="fullpost" style="text-align: justify;">II. Pembahasan<br />
Dokumentasi data pada database dilakukan untuk mempermudah operasi terhadap data yang ada seperti utnuk melihat data, menyimpan data, mengedit, menghapus dan melakukan koneksi ke aplikasi-aplikasi yang berkaitan dengan database tersebut. Aplikasi pada laporan ini berbasis web dengan PHP dan database mySQL. Operasi database yang digunakan meliputi koneksi database, memilih database, menginsert data baru, dan menampilkan data dari database pada halaman web. Pada aplikasi ini terdapat dua belas file yaitu: config_db, delData.php, display_golhar.php, edit.php, form_disc_baru.php, form_disc_del.php, form_disc_edit.php, form_golhar_baru.php, form_golhar_del.php, form_golhar_edit.php, index.php, global_db_function.php. Pada program ini terdapat file global_db_function.php yang berisi perintah-perintah untuk menampilkan data dari database dan menghapus data dari database, fungsi-fungsi tersebut digunakan untuk mengurangi duplikasi pada program sehingga lebih efektif. Nama database pada program ini adalah rental_video_disc yang didalamnya terdapat lima table akan tetapi hanya dipake dua table yaitu table disc dan golongan_harga. <br />
Spesifikasi Database: </div><div class="fullpost" style="text-align: justify;"><a href="http://www.mediafire.com/?vh3i7la6l4cb1eq">download full version (pdf)</a></div><div class="fullpost" style="text-align: justify;"><a href="http://www.mediafire.com/?sq3p4y4ssmc7ey4">source code</a></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-82129984911029351812011-10-30T16:29:00.000-07:002011-10-30T16:41:13.104-07:00Studi Kasus Insert , Select, Edit, Delete, dan Optimasi Kode PHP dan Mysql<div class="fullpost" style="text-align: justify;">Setelah posting tentang edit, delete dan sebelumnya didahului dengan select, insert nah kali ini ada studi kasus lagi ni supaya lebih paham hehe.<br />
Coba deh cermati, kita melakukan duplikasi code yang sangat banyak, terutama saat anda melakukan koneksi basis data dan melakukan operasi pada basis data. Tugas anda adalah mengurangi duplikasi tersebut dengan:<br />
1. membuat fungsi dengan nama get_all_data() untuk mendapatkan<br />
semua data pada suatu tabel dengan masukan berupa nama tabel, dan kembalian berupa semua data yang ada di tabel tersebut, atau nilai “false” jika tidak ada data pada tabel tersebut!<br />
2. membuat fungsi dengan nama get_data_by_id() dengan masukan<br />
berupa nama tabel dan id dari data yang ingin didapatkan, atau nilai “false”<br />
jika tidak ada data dengan id yang dimaksud!<br />
3. membuat fungsi dengan nama del_data_by_id() dengan masukan<br />
berupa nama tabel dan id dari data yang ingin dihapus, atau nilai “false” jika tidak ada data dengan id yang dimaksud! <br />
4. Buatlah ketiga fungsi tersebut dalam sebuah file dengan nama global_db_function.php<br />
Selamat mencoba semoga sukses :)<br />
<br />
Download file <a href="http://www.mediafire.com/file/bf32x125heoxjqj/PHP%20%26%20mysql%20lanjut.pdf">studi kasus dan posting sebelumnya (pdf)</a> </div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-44523945133449331992011-10-30T16:18:00.000-07:002011-10-30T16:18:29.367-07:00Belajar PHP dan Mysql lebih dalam tentang edit dan delete data di database<div style="text-align: justify;">1. Tujuan<br />
Dapat membuat aplikasi PHP untuk meng-edit, dan hapus data yang ada di basis data.<br />
<br />
2. Tools<br />
Text editor, Apache HTTP server, PHP, MySQL<br />
<br />
3. Langkah Praktikum<br />
Praktikum kali ini akan melanjutkan praktikum sebelumnya. Pertama kali, anda akan dikenalkan bagaimana menangani banyak tombol submit dalam sebuah form, dilanjutkan dengan membuat form untuk edit dengan memanfaatkan penanganan banyak tombol submit tersebut dan terakhir adalah menghapus data dengan PHP.<br />
<br />
3.1.Menangani banyak submit<br />
PHP mampu menangani banyak submit dengan memilah-milah submit berdasarkan 'name'-nya, seperti program berikut :</div><a name='more'></a><br />
<br />
<table border="0" style="background-color: lightcyan; font-family: "Courier New",Courier,monospace; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><!--<br />
File : multisubmit.php<br />
Desc : Form untuk menunjukkan multiple submit<br />
--><br />
<html><br />
<head><br />
<title></title><br />
</head><br />
<body><br />
<form method="POST" action="multisubmit_proses.php"><br />
<input type="submit" value="submit 1" name="submit1" /><br />
<input type="submit" value="submit 2" name="submit2" /><br />
<input type="submit" value="submit 3" name="submit3" /><br />
</form><br />
</body><br />
</html></td> </tr>
</tbody> </table><div style="text-align: justify;"><br />
</div><table border="0" style="background-color: lightcyan; font-family: "Courier New",Courier,monospace; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><?php<br />
/*<br />
* File : multisubmit_proses.php<br />
* Desc : program untuk pemrosesan multi submit<br />
*/<br />
if($_POST["submit1"]){<br />
echo "submit1 yang ditekan";<br />
}elseif($_POST["submit2"]){<br />
echo "submit2 yang ditekan";<br />
}elseif($_POST["submit3"]){<br />
echo "submit3 yang ditekan";<br />
}<br />
<br />
?></td> </tr>
</tbody> </table><div style="text-align: justify;">3.2.Edit data golongan_harga<br />
Minggu yang lalu, anda sudah membuat program untuk memasukkan data golongan_harga. Pada sesi ini, data yang ada pada tabel golongan_harga akan diedit dengan terlebih dahulu menampilkan data keseluruhan golongan harga sbb : </div><table border="0" style="background-color: lightcyan; font-family: "Courier New",Courier,monospace; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><?php<br />
/*<br />
* File : display_golhar.php<br />
* Desc : program untuk menampilkan tabel golongan_harga berikut link untuk edit<br />
*/<br />
require '../config_db.php';<br />
$koneksi = mysql_connect(DB_HOST, DB_USER, DB_PASS) or die('tidak bisa terkonkesi : '.mysql_error());<br />
mysql_select_db(DB_NAME);<br />
//melakukan SELECT query,hasil disimpan di $hasil<br />
$sql_select = "SELECT * FROM golongan_harga";<br />
$hasil = mysql_query($sql_select);<br />
//menampilkan $hasil if(!$hasil) {<br />
echo "tidak ada data golongan harga".mysql_error();<br />
}<br />
mysql_close();<br />
?></td> </tr>
</tbody> </table><div style="text-align: justify;"><br />
</div><table border="0" style="background-color: lightcyan; font-family: "Courier New",Courier,monospace; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><html><br />
<head><title>Display gol harga</title></head><br />
<body><br />
<table border="1" width="30%"><br />
<tr><br />
<td>ID</td><br />
<td>harga</td><br />
<td>keterangan</td><br />
<td>aksi</td><br />
</tr><br />
<?<br />
while($baris = mysql_fetch_array($hasil)) {<br />
echo "<tr>";<br />
echo "<td>".$baris['golhar_id']."</td>";<br />
echo "<td>".$baris['golhar_harga']."</td>";<br />
echo "<td>".$baris['golhar_keterangan']."</td>";<br />
echo "<td><a href=form_golhar_edit.php?id=".$baris['golhar_id'].">edit</a></td>";<br />
echo "</tr>";<br />
}<br />
?><br />
</table><br />
</body><br />
</html></td> </tr>
</tbody> </table><div style="text-align: justify;"><br />
<br />
Berikut ini adalah form edit_golhar.php yang secara otomatis akan menampilkan harga dan keterangan dalam form sbb :</div><table border="0" style="background-color: lightcyan; font-family: "Courier New",Courier,monospace; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><?php<br />
/*<br />
* File : form_golhar_edit.php<br />
* Desc : form edit data golongan_harga<br />
*/<br />
require '../config_db.php';<br />
$id = $_GET["id"];<br />
$koneksi = mysql_connect(DB_HOST, DB_USER, DB_PASS) or die('tidak bisa terkonkesi : '.mysql_error());<br />
mysql_select_db(DB_NAME);<br />
//melakukan SELECT berdasarkan id<br />
$sql_select = "SELECT * FROM golongan_harga WHERE golhar_id=".$id;<br />
$hasil = mysql_query($sql_select);<br />
if($hasil){<br />
//mengambil elemen pertama dari hasil query, berikut kolom 1 dan 2<br />
//index dimulai dari nol<br />
$harga = mysql_result($hasil, 0,1);<br />
$ket = mysql_result($hasil, 0,2);<br />
}<br />
mysql_close($koneksi);<br />
?><br />
<html><br />
<head><br />
<title>Form edit golongan harga</title><br />
</head><br />
<body><br />
<h3>Edit Golongan Harga</h3><br />
<form method="post" action="proses_golhar.php"><br />
harga:<input type="text" name="harga" value="<?=$harga?>"><br /><br />
keterangan:<input type="text" name="keterangan" value="<?=$ket?>" ><br /><br />
<input type="submit" name="golhar_edit" value="Masukkan" ><br />
<input type="hidden" name="golhar_id" value="<?=$id?>" /><br />
</form><br />
</body><br />
</html></td> </tr>
</tbody> </table><div style="text-align: justify;">Untuk latihan, dengan pengetahuan yang telah anda miliki tentang bagaimana menangani multiple submit, ubahlah kode pada program “proses_golhar.php” sedemikian rupa sehingga selain bisa menangani input data golongan_harga juga bisa menangani update data golongan_harga!<br />
<br />
3.3. Hapus data golongan_harga<br />
Untuk latihan, pada display_golhar.php, disamping “Aksi” edit, tambahkan aksi yang lain, yaitu hapus. Selain itu, buatlah program untuk menghapus data golongan_harga berdasarkan ID golongan_harga!<br />
<br />
</div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-29482396665709579742011-10-30T16:00:00.000-07:002011-10-30T16:00:49.369-07:00Pembahasan studi kasus Insert, Select, dan MysqlGimana hasil studi kasusnya? sudah dicoba belum? gampang kan.. Nah ini ada pembahasan sederhana tentang studi kasus itu. Pembaca bisa memodifikasi supaya lebih mantab..<br />
Filenya bisa didownload:<br />
1. <a href="http://www.mediafire.com/file/eaddaambj8uxktz/pembahasan%20studi%20kasus%20insert%2C%20select%20dan%20mysql.pdf">dokumen pembahasan</a><br />
2. <a href="http://www.mediafire.com/file/j80l71423fetsjz/sourec%20code.rar">source code</a>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-14993108650808587282011-10-30T15:45:00.000-07:002011-10-30T15:50:57.568-07:00Studi Kasus Insert , Select PHP dan Mysql<div class="fullpost" style="background-color: white; text-align: justify;">Setelah membaca posting sebelumnya tentang PHP dan database mysql gimana sudah pahamkah? Di posting itu kan sudah dijelaskan bagaimana membuat tabel di mysql menggunakan xammp, melakukan koneksi database dan segala pendukungnya.</div><div class="fullpost" style="background-color: white; text-align: justify;">Nah untuk menambah kepahaman, ni ada studi kasus yang bisa dipelajari tapi jangan khawatir nanti akan dikasih hasilnya juga koq. Sebelum itu sebaiknya pembaca mencoba terlebih dahulu.</div><div class="fullpost" style="background-color: white; text-align: justify;"></div><div class="fullpost" style="background-color: white; text-align: justify;"></div><div class="fullpost" style="background-color: #cfe2f3; text-align: justify;">Buatlah form untuk memasukkan data pada tabel 'disc' dan buatlah pula halaman untuk menampilkan disc (berupa tabel dengan kolom: id disc,judul disc, dan harga)</div><div class="fullpost" style="background-color: white; text-align: justify;"><div style="text-align: center;"><br />
</div><div style="text-align: center;">Gambaran</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-pYE660ys7hI/Tq3UpSUMlTI/AAAAAAAAAAw/OYX-ZJ4sdjI/s1600/studi+kasus.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="57" src="http://3.bp.blogspot.com/-pYE660ys7hI/Tq3UpSUMlTI/AAAAAAAAAAw/OYX-ZJ4sdjI/s320/studi+kasus.PNG" width="320" /></a></div></div><div class="fullpost" style="background-color: white; text-align: justify;">silakan mencoba :) </div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-63950619254145088512011-10-27T17:10:00.000-07:002011-10-27T17:10:40.012-07:00PHP dan Basis Data<div class="fullpost">1. Tujuan<br />
praktikum ini diharapkan dapat memberikan pencerahan dalam menggunakan PHP untuk menangani data dalam basis data khususnya mysql<br />
<br />
2. Tools<br />
Text editor, Apache HTTP server, PHP, MySQL<br />
<br />
3. Dasar Teori<br />
Pemrograman PHP memiliki lebih dari 20 vendor specific database extensions. Artinya, pada PHP memiliki fungsi-fungsi khusus untuk menangani produk basis data tertentu seperti MySQL, Oracle, Informix, dsb. Secara umum, dasar koneksi PHP dengan basis data adalah : membuka koneksi ? memilih basis data ? melakukan operasi basis data ? menutup koneksi.<br />
<br />
4. Langkah Praktikum<br />
Pada praktikum kali ini, anda akan membuat video disc rental sederhana berbasis web dengan PHP dan MySQL. Program ini memungkinkan anda menyewa video disc secara online.</div><div class="fullpost"></div><div class="fullpost"><a href="http://www.mediafire.com/?503uuuvqtsh2qti">Download full version</a><br />
</div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-28935331941785233982011-10-24T13:49:00.000-07:002011-10-24T13:49:53.782-07:00Pembahasan Studi Kasus Pembuatan Simple Chart<div class="fullpost" style="text-align: justify;"><span style="font-size: small;">Permasalahan</span><br />
<span style="font-size: small;">Lengkapi Latihan di atas (simple chart) dengan user login, sehingga user yang boleh meng-order CD / DVD adalah user yang terdaftar. Gunakan user dan password 'admin', sebagai 'user yang terdaftar'. Gunakan pula session untuk menyimpan state berupa user maupun password password. Buatlah pula fungsi untuk logout sehingga, ketika state user maupun password telah hilang/user telah meninggalkan website, user tidak bisa meng-order, kecuali jika telah login kembali!.</span><br />
<span style="font-size: small;">Pembahasan</span><br />
<span style="font-size: small;">User login merupakan fasilitas untuk melakukan filterisasi terhadap hak akses. Fungsi ini dibuat dengan algoritma pemilihan if. Pada program ini user yang terdaftar adalah admin dengan spesifikasi user = admin dan password= admin. Hak untuk melakukan akses halaman tertentu dilakukan dengan menambahkan fungsi SESSION pada halaman yang dapat diakses oleh user. Session akan menjadikan halaman web tidak dapat diakses kecuali setelah melakukan proses login.</span><br />
<a name='more'></a><br />
<span style="font-size: small;">Script- script</span><br />
<span style="font-size: small;">a) Script Index.php</span><br />
<span style="font-size: small;">Script Index.php menjadi halaman utama pada program ini. Halaman ini berisi tampilan halaman login</span><br />
<table border="0" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier; font-size: small;"><html></span><br />
<span style="font-family: courier new,courier; font-size: small;"><!--</span><br />
<br />
<span style="font-family: courier new,courier; font-size: small;"> File : index.php</span><br />
<span style="font-family: courier new,courier; font-size: small;"> Deskripsi : halaman utama</span><br />
<span style="font-family: courier new,courier; font-size: small;">--></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <head></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <title></span><br />
<span style="font-family: courier new,courier; font-size: small;"> SISTEM INFORMASI MANAGEMENT PENYEWAAN CD/DVD</span><br />
<span style="font-family: courier new,courier; font-size: small;"> </title></span><br />
<span style="font-family: courier new,courier; font-size: small;"> </head></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <body></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <h1 align="center"></span><br />
<span style="font-family: courier new,courier; font-size: small;"> SISTEM INFORMASI MANAGEMENT <br> PENYEWAAN CD/DVD</span><br />
<span style="font-family: courier new,courier; font-size: small;"> </h1></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <form action="login.php" method="POST"></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <table align="center"></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <tr></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <td>user</td><td>:</td></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <td></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <input type="text" name="user"></span><br />
<span style="font-family: courier new,courier; font-size: small;"> </td></span><br />
<span style="font-family: courier new,courier; font-size: small;"> </tr></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <tr></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <td>password</td><td>: </td></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <td></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <input type="password" name="password"></span><br />
<span style="font-family: courier new,courier; font-size: small;"> </td></span><br />
<span style="font-family: courier new,courier; font-size: small;"> </tr></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <tr></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <td>&nbsp;</td><td>&nbsp;</td></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <td></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <input type= "submit" name= "login" value= </span><br />
<span style="font-family: courier new,courier; font-size: small;"> "log in"></span><br />
<span style="font-family: courier new,courier; font-size: small;"> <input type="reset" name="batal" value="batal"></span><br />
<span style="font-family: courier new,courier; font-size: small;"> </td></span><br />
<span style="font-family: courier new,courier; font-size: small;"> </tr></span><br />
<span style="font-family: courier new,courier; font-size: small;"> </table></span><br />
<span style="font-family: courier new,courier; font-size: small;"> </form></span><br />
<span style="font-family: courier new,courier; font-size: small;"> </body></span><br />
<span style="font-family: courier new,courier; font-size: small;"></html></span></td> </tr>
</tbody> </table><br />
<br />
<span style="font-size: small;">b) Script login.php</span><br />
<span style="font-size: small;">Script login.php berisi perintah untuk melakukan pengecekkan terhadap data yang dimasukkan kedalam form login. Scrip ini jg meregistrasi data pada session sehingga data tersebut dapat dikenali pada setiap halaman yang berhubungan dengan session.</span><br />
<table border="0" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier; font-size: small;"><span style="font-size: small;"><?php</span><br />
<span style="font-size: small;"> session_start();// fungsi untuk mengawali pebggunaan session</span><br />
<span style="font-size: small;"> /*</span><br />
<span style="font-size: small;"> File : login.php</span><br />
<span style="font-size: small;"> Deskripsi : program untuk validasi*/ </span><br />
<span style="font-size: small;"> $user ="admin";</span><br />
<span style="font-size: small;"> $password ="admin";</span><br />
<span style="font-size: small;"> if (($_POST['user']==$user) && ($_POST['password']==$password)){</span><br />
<span style="font-size: small;"> session_register("user");//meregistrasikan user dalam session</span><br />
<span style="font-size: small;"> $_SESSION['user']=$user;</span><br />
<span style="font-size: small;"> $_SESSION['password']=$password;</span><br />
<span style="font-size: small;"> header("location:order_form.php");</span><br />
<span style="font-size: small;"> }</span><br />
<span style="font-size: small;"> else{</span><br />
<span style="font-size: small;"> echo"<center>Log in gagal<br><a href='index.php'>[balik]</></center>";</span><br />
<span style="font-size: small;"> }</span><br />
<span style="font-size: small;">?></span></span></td> </tr>
</tbody> </table><br />
<br />
<span style="font-size: small;">c) Script order_form.php</span><br />
<span style="font-size: small;">Script order_form akan menampilkan halaman untuk melakukan pemesanan jumlah cd dan dvd. Form ini akan mengirimkan data ke halaman order_process.php yang akan disimpan pada cookie.</span><br />
<table border="0" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier; font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><?php</span><br />
<span style="font-size: small;"> session_start();</span><br />
<span style="font-size: small;"> if (isset($_SESSION['user']) && ($_SESSION['password'])){</span><br />
<span style="font-size: small;">?></span><br />
<span style="font-size: small;"> <html></span><br />
<span style="font-size: small;"> <!--</span><br />
<span style="font-size: small;"> file : order_form.php</span><br />
<span style="font-size: small;"> deskripsi : menampilkan order. </span><br />
<span style="font-size: small;"> --></span><br />
<span style="font-size: small;"> <head></span><br />
<span style="font-size: small;"> <title></span><br />
<span style="font-size: small;"> SISTEM INFORMASI MANAGEMENT RENTAL CD / DVD</span><br />
<span style="font-size: small;"> </title></span><br />
<span style="font-size: small;"> </head></span><br />
<span style="font-size: small;"> <body></span><br />
<span style="font-size: small;"> <a href="logout.php">[Log out]</a></span><br />
<span style="font-size: small;"> <h1>Order Form</h1> </span><br />
<span style="font-size: small;"> <form action="order_process.php" method="POST"></span><br />
<span style="font-size: small;"> <p></span><br />
<span style="font-size: small;"> Order CD, amount :</span><br />
<span style="font-size: small;"> <input type="text" name="cd_order" value="0" </span><br />
<span style="font-size: small;"> size="2" maxlength="2" /></span><br />
<span style="font-size: small;"> </p></span><br />
<span style="font-size: small;"> <p></span><br />
<span style="font-size: small;"> Order DVD, amount :</span><br />
<span style="font-size: small;"> <input type="text" name="dvd_order" value="0" </span><br />
<span style="font-size: small;"> size="2" maxlength="2" /></span><br />
<span style="font-size: small;"> </p></span><br />
<span style="font-size: small;"> <input type="submit" value="Add To Cart" </span><br />
<span style="font-size: small;"> name="submit" /></span><br />
<span style="font-size: small;"> </form></span><br />
<span style="font-size: small;"> </body></span><br />
<span style="font-size: small;"> </html></span><br />
<span style="font-size: small;"><?php</span><br />
<span style="font-size: small;"> }else{</span><br />
<span style="font-size: small;"> echo"<center>login dulu <br> <a </span><br />
<span style="font-size: small;"> href=index.php>[BALIK]</a></center>";</span><br />
<span style="font-size: small;"> } </span><br />
<span style="font-size: small;">?> </span></span></span></td> </tr>
</tbody> </table><br />
<br />
<span style="font-size: small;">d) Script order_process.php</span><br />
<span style="font-size: small;">Scrip order_process.php merupakan bagian yang mengekseskusi perintah pada order_form.php. Halaman order_process.php tidak akan ditampilkan pada browser karena apabila transaksi sukses maka melakukan redirect ke halaman order_summary.php</span><br />
<table border="0" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier; font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><?php</span><br />
<span style="font-size: small;"> session_start();</span><br />
<span style="font-size: small;"> /*</span><br />
<span style="font-size: small;"> File : order_proses.php</span><br />
<span style="font-size: small;"> Deskripsi : form untuk pemrosesan pesanan</span><br />
<span style="font-size: small;"> */</span><br />
<span style="font-size: small;"> if (isset($_SESSION['user']) && ($_SESSION['password'])){</span><br />
<span style="font-size: small;"> if(isset ($_POST['cd_order']) && isset ($_POST['dvd_order'])){</span><br />
<span style="font-size: small;"> setcookie("cd_order",$_POST['cd_order']);</span><br />
<span style="font-size: small;"> setcookie("dvd_order",$_POST['dvd_order']);</span><br />
<span style="font-size: small;"> header("Location: order_summary.php");</span><br />
<span style="font-size: small;"> }</span><br />
<span style="font-size: small;"> }</span><br />
<span style="font-size: small;"> else{</span><br />
<span style="font-size: small;"> echo"<center>login dulu <br> <a href=index.php>[BALIK]</a></center>";</span><br />
<span style="font-size: small;"> } </span><br />
<span style="font-size: small;">?></span></span></span></span></td> </tr>
</tbody> </table><br />
<br />
<span style="font-size: small;">e) Script order_summary.php</span><br />
<span style="font-size: small;">Script order_summary.php akan menampilkan data yang telah diorder dan memberikan pilihan untuk melakukan update atau pengeditan terhadap barang yang sudah diorder.</span><br />
<table border="0" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier; font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><?php</span><br />
<span style="font-size: small;"> session_start();</span><br />
<span style="font-size: small;"> if (isset($_SESSION['user']) && ($_SESSION['password'])){</span><br />
<span style="font-size: small;">?></span><br />
<span style="font-size: small;"> <html></span><br />
<span style="font-size: small;"> <!--</span><br />
<span style="font-size: small;"> File : order_summary.php</span><br />
<span style="font-size: small;"> Deskripsi : program untuk menampilkan semua order</span><br />
<span style="font-size: small;"> --></span><br />
<span style="font-size: small;"> <head></span><br />
<span style="font-size: small;"> <title>Order Form</title></span><br />
<span style="font-size: small;"> </head></span><br />
<span style="font-size: small;"> <body> </span><br />
<span style="font-size: small;"> <a href="logout.php">[Log out]</a> </span><br />
<span style="font-size: small;"> <h1>Order Summary</h1> </span><br />
<span style="font-size: small;"> <?php</span><br />
<span style="font-size: small;"> $num_cd_order = $_COOKIE['cd_order'];</span><br />
<span style="font-size: small;"> $num_dvd_order = $_COOKIE['dvd_order'];</span><br />
<span style="font-size: small;"> echo"<pre>";</span><br />
<span style="font-size: small;"> echo "Ordered CD : ".$num_cd_order." pieces <br />";</span><br />
<span style="font-size: small;"> echo "Ordered DVD : ".$num_dvd_order." pieces </span><br />
<span style="font-size: small;"> <br />";</span><br />
<span style="font-size: small;"> echo"</pre>";</span><br />
<span style="font-size: small;"> ?></span><br />
<span style="font-size: small;"> <form action="edit_order.php" method="POST"></span><br />
<span style="font-size: small;"> <input type="submit" name="edit" value='edit order'></span><br />
<span style="font-size: small;"> </form></span><br />
<span style="font-size: small;"> </body></span><br />
<span style="font-size: small;"> </html></span><br />
<span style="font-size: small;"><?php</span><br />
<span style="font-size: small;"> }else{</span><br />
<span style="font-size: small;"> echo"<center>login dulu <br> </span><br />
<span style="font-size: small;"> <a href=index.php>[BALIK]</a></center>";</span><br />
<span style="font-size: small;"> } </span><br />
<span style="font-size: small;">?></span></span></span></span></span></td> </tr>
</tbody> </table><br />
<br />
<span style="font-size: small;">f) Script edit_order.php</span><br />
<span style="font-size: small;">Script edit_order.php akan menampilkan form untuk melakuikan pengiditan terhadap data yang telah dipesan.</span><br />
<table border="0" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier; font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><?php</span><br />
<span style="font-size: small;"> session_start();</span><br />
<span style="font-size: small;"> if (isset($_SESSION['user']) && ($_SESSION['password'])){</span><br />
<span style="font-size: small;">?></span><br />
<span style="font-size: small;"> <html></span><br />
<span style="font-size: small;"> <!--</span><br />
<span style="font-size: small;"> file : edit_order.php</span><br />
<span style="font-size: small;"> deskripsi : melakukan pengeditan terhadap sesuatu yang suydah di orderkan. </span><br />
<span style="font-size: small;"> --></span><br />
<span style="font-size: small;"> <head></span><br />
<span style="font-size: small;"> <title></span><br />
<span style="font-size: small;"> SISTEM INFORMASI MANAGEMENT RENTAL CD / DVD</span><br />
<span style="font-size: small;"> </title></span><br />
<span style="font-size: small;"> </head></span><br />
<span style="font-size: small;"> <body></span><br />
<span style="font-size: small;"> <a href="logout.php">[Log out]</a></span><br />
<span style="font-size: small;"> <form action="order_process.php" method="POST"></span><br />
<span style="font-size: small;"> <p></span><br />
<span style="font-size: small;"> Order CD, amount :</span><br />
<span style="font-size: small;"> <input type="text" name="cd_order" value="<?php echo </span><br />
<span style="font-size: small;"> $_COOKIE['cd_order'];?>" </span><br />
<span style="font-size: small;"> size="2" maxlength="2" /></span><br />
<span style="font-size: small;"> </p></span><br />
<span style="font-size: small;"> <p></span><br />
<span style="font-size: small;"> Order DVD, amount :</span><br />
<span style="font-size: small;"> <input type="text" name="dvd_order" value="<?php echo </span><br />
<span style="font-size: small;"> $_COOKIE['dvd_order'];?>" </span><br />
<span style="font-size: small;"> size="2" maxlength="2" /></span><br />
<span style="font-size: small;"> </p></span><br />
<span style="font-size: small;"> <input type="submit" value="Add To Cart" </span><br />
<span style="font-size: small;"> name="submit" /></span><br />
<span style="font-size: small;"> </form></span><br />
<span style="font-size: small;"> </body></span><br />
<span style="font-size: small;"> </html></span><br />
<span style="font-size: small;"><?php</span><br />
<span style="font-size: small;"> }else{</span><br />
<span style="font-size: small;"> echo"<center>login dulu <br> </span><br />
<span style="font-size: small;"> <a href=index.php>[BALIK]</a></center>";</span><br />
<span style="font-size: small;"> } </span><br />
<span style="font-size: small;">?></span></span></span></span></span></span></td> </tr>
</tbody> </table><br />
<br />
<span style="font-size: small;">g) Script logout.php</span><br />
<span style="font-size: small;">Scrip Logout.php berisi perintah untuk melakukan penghapusan terhadap session dan berpindah ke halaman login sehingga user tidak dapat melakukan akses pada halaman-halaman tertentu kecuali dengan login.</span><br />
<table border="0" style="background-color: mintcream; margin-left: 0px; margin-right: 0px; text-align: left; width: 500px;"><tbody>
<tr> <td><span style="font-family: courier new,courier; font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><?php</span><br />
<span style="font-size: small;"> session_start();</span><br />
<span style="font-size: small;">/*</span><br />
<br />
<span style="font-size: small;"> File : logout.php</span><br />
<span style="font-size: small;"> Deskripsi : untuk menghapus session dan untuk keluar dari program ke halaman login</span><br />
<span style="font-size: small;">*/ </span><br />
<span style="font-size: small;"> unset($_SESSION['user']);</span><br />
<span style="font-size: small;"> unset($_SESSION['password']); </span><br />
<span style="font-size: small;"> if (!isset($_SESSION['user']) && !isset($_SESSION['password'])){</span><br />
<span style="font-size: small;"> header("location:index.php");</span><br />
<span style="font-size: small;"> }</span><br />
<span style="font-size: small;">?></span></span></span></span></span></span></span></td> </tr>
</tbody> </table><br />
NOTE: PEMBUATAN LOGIN MASIH BELUM ADA PENANGANAN KEAMANAN SEPERTI SQL INJECTION </div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0tag:blogger.com,1999:blog-1332726573207037449.post-28766272301475273192011-10-21T15:09:00.000-07:002011-10-21T15:09:14.476-07:00Studi Kasus Membuat Simple Shoping Chart<div class="fullpost" style="text-align: justify;"><span style="font-size: small;"><span>Nah setelah mendapatkan penjelasan tentang client state management, sudah dipraktekin belum? sudah paham belum? Ni ada studi kasus untuk mengukur kepahaman tentang materi tersebut. Selamat Mencoba</span></span></div><div class="fullpost" style="text-align: justify;"><span style="font-size: small;"><span>studi kasus simple shoping chart:</span><br />
<span>Modifikasilah program pada section 4.1.3 (simple chart), sehingga setelah user melakukan order, namun ingin meng-edit kembali order sebelumnya, yang ditampilkan pada input text adalah jumlah terakhir order yang diinginkan. Contoh semula user meng-order CD 5 buah, kemudian ingin mengubah order menjadi 10, maka yang ditampilkan pada input text “order_form.php” adalah 5 buah, bukan 0!</span><br />
<a name='more'></a><br />
<span>Lengkapi simple shoping chart :</span><br />
<span>Lengkapi Latihan di atas dengan user login, sehingga user yang boleh meng-order</span><br />
<span>CD / DVD adalah user yang terdaftar. Gunakan user dan password 'admin', sebagai</span><br />
<span>'user yang terdaftar'. Gunakan pula session untuk menyimpan state berupa user maupun password password. Buatlah pula fungsi untuk logout sehingga, ketika state user maupun password telah hilang/user telah meninggalkan website, user tidak bisa meng-order, kecuali jika telah login kembali!.</span></span></div>isMediaNethttp://www.blogger.com/profile/04369505703643519983noreply@blogger.com0