Saturday, May 1, 2010

Tutorial Script PHP : Menampilkan data dari database

menampilkan data dari database mysql dengan script PHP

dalam contoh kasus kali ini menyimpan data buku ke dalam database dan menampikannya ke dalam halaman web,.

langka pertama buat databasenya terlebih dahulu


CREATE TABLE buku (

kode_buku int(4) NOT NULL auto_increment,

judul varchar(50) NOT NULL ,

penerbit varchar(60) NOT NULL ,

pengarang varchar(60) NOT NULL ,

PRIMARY KEY (kode_buku)

);


langkah berikutnya buat halaman index.php dan di dalamnya ada form inputan


<html>

<head>

<title>Form Input Buku</title>

</head>

<body>

<center>

<a style="text-decoration:none" href="view.php"><h4>++Lihat data++</h4></a><h3>or</h3>

</center>

<form method="post" action="simpan.php">

<table align="center" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="center" colspan="3"><h3>Form Input</h3></td>

</tr>

<tr>

<td width="79" height="27">Judul</td>

<td width="9">:</td>

<td width="172"><input type="text" name="judul" maxlength="50" /></td>

</tr>

<tr>

<td width="79" height="27">Penerbit</td>

<td width="9">:</td>

<td width="172"><input type="text" name="penerbit" maxlength="60" /></td>

</tr>

<tr>

<td width="79" height="28">Pengarang</td>

<td width="9">:</td>

<td width="172"><input type="text" name="pengarang" maxlength="60" /></td>

</tr>

<tr>

<td width="79">&nbsp;</td>

<td width="9"></td>

<td width="172"><input type="submit" value="Simpan" /></td>

</tr>

</table>

</form>

<p align="center">created by <a style="text-decoration:none" href="catment.blogspot.com">catment.blogspot.com</a></p>

</body>

</html>


selanjutnya membuat konfigurasi/koneksi ke mysql, dan berinama file dengan config.php



<?php

//tentukan host, bila anda menggunakan local biasanya localhost

$hostname_conn="localhost";

//username, bila anda menggunakan local biasanya root

$username_conn="root";

//password MySQL

$password_conn="";

//nama database

$db_conn="db_buku";


mysql_connect($hostname_conn,$username_conn,$password_conn,$db_conn) or die ("Koneksi gagal total". mysql_error());

mysql_select_db ($db_conn);

?>



berikutnya membuat script php untuk menyimpan data ke dalam database, simpan file dengan nama simpan.php


<?php

//meng-includ-kan config.php ke dalam halaman ini

include"config.php";

$judul=$_POST['judul'];

$pengarang=$_POST['pengarang'];

$penerbit=$_POST['penerbit'];

//jika data-data dia atas tidak kosong maka akan di lakukan penyimpanan ke dalam database

if($judul!="" and $pengarang!="" and $penerbit!=""){

$insert=mysql_query("INSERT INTO buku ( kode_buku, judul, penerbit, pengarang) VALUES ('', '$judul', '$penerbit', '$pengarang')");

if ($insert){

header("location:view.php");

}

}else{

//dan jika kosong maka akan ditulis dibawah ini

echo"<p>data Kosong<a href='index.php'>| back |</a>";

}

?>

selanjutnya buat script PHP dan simpan file dengan nama view.php


<?php

//meng-includ-kan config.php ke dalam halaman ini

include"config.php";

//query untuk menampilkan semua data yang tersimpan di database buku dan di tampilkan dengan link yang membawa kodebuku

$query=mysql_query("SELECT * FROM buku");

while($row=mysql_fetch_array($query))

{

echo"kode_buku=$row[kode_buku]>>><a href='full_view.php?kode_buku=$row[kode_buku]'>lihat lengkap</a><br />";

}

echo"<p><a href='index.php'>| home |</a></p>";

?>

terakhir buat file script php dan simpan dengan nama full_view.php


<?php

include"config.php";

//meng-includ-kan config.php ke dalam halaman ini

$kode_buku=$_GET['kode_buku'];

//hampir sama dengan view.php hanya saja di sini di berikan kondisi where, dimana data yang di tampilkan berdasar kode_buku yang di bawa link yang ada di view.php

$query=mysql_query("SELECT * FROM buku WHERE kode_buku='$kode_buku'");

$row=mysql_fetch_array($query);

if($query){

echo"kode_buku = $row[kode_buku] <br />judul = $row[judul]<br />penerbit = $row[penerbit]<br />pengarang = $row[pengarang]";

}

echo"<p><a href='view.php'>| back |</a> &nbsp;&nbsp; <a href='index.php'>| home |</a></p>";

?>


script-script PHP di atas masih sangat sederhana, untuk hal lain seperti tampilan dan lain-lain silahkan di kembangkan lagi,.

[download script] <<>> [view demo @catment.co.cc]

Friday, April 30, 2010

Mungkinkah Komputer Baru Bisa Rusak

Jawabannya adalah Sangat Mungkin, kenapa ? berikut jawabannya.


Komputer baru dalam artian baru beli bisa saja dikatakan rusak apabila tidak bisa digunakan sebagaimana mestinya (bagi pengguna komputer awam) kenapa demikian misalnyanya saja menjalankan salah satu aplikasi dan tidak berjalan dengan baik, hal ini bisa dikatakan komputer rusak.



Dari pengalaman saya saat dipanggil untuk melakukan

Tuesday, April 27, 2010

Melindungi Data Handphone (HP)


Telepon genggan atau HP, mendengar namanya saja sudah sangat tidak asing lagi, memang teknologi handphone saat ini sudah seperti makanan pokok saja, bayangkan saja, setiap kali bangun dari tidur yang pertama dilihat adalah handphone, ada tidak sms masuk, atau ada gak ya yang nelpon semalam.



Hp memang mengubah kebiasaan orang yang dulu setiap bangun pagi diawali dengan doa, kini diawali dengan

Friday, April 23, 2010

Tutorial Script Ajax : Ajax Suggestion

ajax suggestionAjax suggest,.

Ajax dapat di gunakan untuk membangun aplikasi yang unteraktif. Contoh penerapanya berupa suggestion (Ajax suggestion).

pada pembahasan kali ini saya tidak menggunakan database, hanya array pada script PHP saja. bila anda ingin mengkoneksikan ke database, tinggal modif saja,.

dalam membuat Ajax suggest kali ini terdapat 3 file: Satu halaman HTML sederhana (untuk form), satu file Javasript, dan PHP (untuk Array).

lansung saja ke pokok permasalahan (Ajax suggest).

buat halaman HTML sederhana dan beri nama index.php



<html>

<head>

<script src="clienthint.js"></script>

</head>

<body>


<form>

First Name: <input type="text" onKeyUp="showHint(this.value)" />

</form>

<p>Suggestions: <span id="txtHint"></span></p>


</body>

</html>



script di atas adalah script HTML sederhana dengan inputan text. dan sebuah event onKeyUp, event onKeyUp akan bekerja saat ada masukan di masukan text,.


selanjutnya buat halaman Javascriptnya. dan simpan dengan nama clienthit.js



var xmlhttp


function showHint(str)

{

if (str.length==0)

{

document.getElementById("txtHint").innerHTML="";

return;

}

xmlhttp=GetXmlHttpObject();

if (xmlhttp==null)

{

alert ("Your browser does not support XMLHTTP!");

return;

}

var url="gethint.php";

url=url+"?q="+str;

url=url+"&sid="+Math.random();

xmlhttp.onreadystatechange=stateChanged;

xmlhttp.open("GET",url,true);

xmlhttp.send(null);

}


function stateChanged()

{

if (xmlhttp.readyState==4)

{

document.getElementById("txtHint").innerHTML=xmlhttp.responseText;

}

}


function GetXmlHttpObject()

{

if (window.XMLHttpRequest)

{

// code for IE7+, Firefox, Chrome, Opera, Safari

return new XMLHttpRequest();

}

if (window.ActiveXObject)

{

// code for IE6, IE5

return new ActiveXObject("Microsoft.XMLHTTP");

}

return null;

}



pada script javascript di atas adalah tempat fungsi javasript showHint yang di deklarasikan onKeyUp yang ada di halaman index.html, dan halaman ini juga yang menyimpan Ajax enginnya,.


script javascript diatas juga yang menjembatani antara index.html dan gethint.php, pada saat ada masukan di form maka akan merequest ke gethint.php dan hasil atau responya akan di kirim kembali ke index.html.



<?php

// Fill up array with names

$a[]="Anna";

$a[]="Bagus";

$a[]="Catment";

$a[]="ctr";

$a[]="Eva";

$a[]="Fiona";

$a[]="Gugus";

$a[]="Heni";

$a[]="Ine";

$a[]="Johan";

$a[]="Karina";

$a[]="Linda";

$a[]="Nina";

$a[]="Prety";

$a[]="Amanda";

$a[]="Raquel";

$a[]="Cindy";

$a[]="Doris";

$a[]="Eve";

$a[]="Evita";

$a[]="Sulis";

$a[]="Toni";

$a[]="Unni";

$a[]="Violet";

$a[]="Lisa";

$a[]="Emma";

$a[]="Ellen";

$a[]="Winda";

$a[]="Vicky";


//get the q parameter from URL

$q=$_GET["q"];


//lookup all hints from array if length of q>0

if (strlen($q) > 0)

{

$hint="";

for($i=0; $i<count($a); $i++)

{

if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))

{

if ($hint=="")

{

$hint=$a[$i];

}

else

{

$hint=$hint." , ".$a[$i];

}

}

}

}


// Set output to "no suggestion" if no hint were found

// or to the correct values

if ($hint == "")

{

$response="no suggestion";

}

else

{

$response=$hint;

}


//output the response

echo $response;

?>



pada script php di atas adalah nama-nama yang di cari, dan bila nama yang di cari tidak ada maka akan muncul no suggestion,.



note: bila anda ingin membuat web yang interaktif Ajax adalah pilihan yang tepat, tapi selain itu Ajax juga mempunyai kelemahan. karena ajax berbasis javascript apabila di browser javascript tidak di aktifkan/disable maka ajax tidak bekerja,.


[Download Script]
or [View Demo @catment.co.cc]

Monday, April 19, 2010

Tutorial Script Ajax: Ajax Comment



Ajax comment,.

pada dasarnya Ajax comment hampir sama dengan chat Ajax yang pernah saya buat,.

bedanya klo chat ajax ada sript auto refresh/auto reload, sedang Ajax comment ini tidak menggunakan auto refresh,.

kenapa comment menggunakan ajax?? seperti yang kita tahu salah satu kelebihan Ajax adalah memproses tanpa harus mereload seluruh halaman,. dan dengan Ajax halaman web juga menjadi lebih menarik,.

lansung saja kita ke pokok bahasan kali ini yaitu Ajax comment,.

langkah-langkah untuk membuat Ajax comment ini adalah buat database comnent beserta tabel-tabelnya untuk menyimpan komentar-komentar dari halaman web Ajax comment,.

untuk lebih memudahkan anda bisa men-copy script di bawah ini atau bisa juga impor dari file .sql yang sudah tersedia,.



CREATE DATABASE comment;

CREATE TABLE comment (

nama varchar(25) NOT NULL,

comment varchar(150) NOT NULL,

date varchar(25) NOT NULL

);



selanjutnya kita buat index.php. file ini yang menyimpan script Ajax engine,.



<html>

<head>

<title>Ajax comment</title>

<script language="javascript">

function createRequestObject() {

var ro;

//Firfox, Opera, Safari, Chrome

if(window.XMLHttpRequest)

{

ro=new XMLHttpRequest();


}

//IE

else if(windows.ActiveXObject)

{

ro=new ActiveXObject("Microsoft.XMLHTTP");

}

else

{

alert("browser suport ajax");

return false;

}

return ro;

}

var xmlhttp = createRequestObject();


function kirim()

{

var post = "name="+document.CommentForm.name.value;

post = post+"&comment="+document.CommentForm.comment.value;

alert(document.CommentForm.name.value);

alert(document.CommentForm.comment.value);

xmlhttp.open("post", "inputComment.php?data="+Math.random(), true);

xmlhttp.onreadystatechange = function() {

if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200))

document.getElementById("proses").innerHTML= xmlhttp.responseText;

}

xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

xmlhttp.send(post);

}


function warning()

{

alert("data kosong");

}

</script>

<style type="text/css">

body {margin-left: 10px;margin-top: 10px;margin-right: 10px;margin-bottom: 0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}

p{width: 300px;clear: left;margin: 0;padding: 5px 0 8px 0; padding-left: 50px;}

.Comment {border-bottom:1px solid #3686b8;}

#CommentList {width:350px;}

.totalComment {margin-top:10px;}

.cssform p{width: 300px;clear: left;margin: 0;padding: 5px 0 8px 0; padding-left: 50px;}

.cssform label{font-weight: bold;float: left; margin-left: -50px; width: 80px;}

.cssform input[type="text"]{width: 220px; border:1px solid #3686b8;}

.cssform textarea{width: 220px;height: 120px; border:1px solid #3686b8;}

.cssform input[type="submit"]{margin-left: 30px;}

.SenderName {font:bold 14px arial; padding: 3px;}

.CommentDate {padding: 3px; color:#FF0000;}

.CommentContent {padding: 3px;}

</style>

</head>

<body>

<?php

include"config.php";

$query=mysql_query("SELECT * FROM comment ORDER BY date");

while($row=mysql_fetch_array($query))

{

echo"<p><span class='SenderName'>$row[nama]</span><span class='CommentDate'>$row[date]</span></p><p><span class='CommentContent'>$row[comment]</span></p><hr /><br />";

}

?>

<div id="proses"></div>

<form name="CommentForm" id="CommentForm" class="cssform">

<p><label for="name">Name:</label> <input type="text" name="name" /></p>

<p><label for="YourComment">Comment:</label> <textarea name="comment"></textarea></p>

<p align="center"><input type="button" value="Kirim" onClick="kirim()" /></p>

</form>

</body>

</html>



di bawah ini adalah Script Ajax engine-nya



function createRequestObject() {

var ro;

//Firfox, Opera, Safari, Chrome

if(window.XMLHttpRequest)

{

ro=new XMLHttpRequest();


}

//IE

else if(windows.ActiveXObject)

{

ro=new ActiveXObject("Microsoft.XMLHTTP");

}

else

{

alert("browser suport ajax");

return false;

}

return ro;

}

var xmlhttp = createRequestObject();


function kirim()

{

var post = "name="+document.CommentForm.name.value;

post = post+"&comment="+document.CommentForm.comment.value;

xmlhttp.open("post", "inputComment.php?data="+Math.random(), true);

xmlhttp.onreadystatechange = function() {

if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200))

document.getElementById("proses").innerHTML= xmlhttp.responseText;

}

xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

xmlhttp.send(post);

}



pada script ajax diatas adalah script ajax engine yang berfungsi untuk request ke file inputComment.php dan hasil proses inputComnet.php di masukan ke <div id="proses"></div> dengan perintah document.getElementById("proses").innerHTML= xmlhttp.responseText;


sekarang kita buat script php-nya untuk mengkoneksikan dengan database dan beri nama file dengan nama config.php,. isi script config.php dengan data sesuai dengan milik anda,.


<?php

//koneksi ke database

$hostname_conn="localhost";

$username_conn="root";

$password_conn="";

$db_conn="coment";

mysql_connect($hostname_conn,$username_conn,$password_conn,$db_conn) or die ("Koneksi gagal total");

mysql_select_db ($db_conn);

?>

sekarang membuat script php untuk yang memproses inputan dari Ajax comment, inputComment.php


<?php

include"config.php";

$name=$_POST['name'];

$comment=$_POST['comment'];

$date=date("d F Y H:i:s");

//memasukan data ke database

if($name!="" and $comment!=""){

$insert=mysql_query("INSERT INTO comment ( nama , comment , date ) VALUES ('$name', '$comment', '$date')");

if($insert)

{

echo"<p><span class='SenderName'>$name</span><span class='CommentDate'>$date</span></p><p><span class='CommentContent'>$comment</span></p><hr /><br />";

}else{echo"input gagal";}

}else{echo"data kosong";}

?>

script php di atas sudah sangat familiar buat kita sehingga tidak perluh saya jelaskan lagi,. intinya script php di atas asalah memasukan inputan dari Ajax comment ke database sql



script Ajax comment diatas masih sangat sederhana, untuk lebih bagusnya silahkan anda kembangkan sendiri script-script tersebut,.


View Demo@http://www.catment.co.cc/demo/ajax_comment/

Download Sript

Cara Menghapus Foto Kiriman Teman di Facebook


Facebook sebagai media pertemanan online atau situs jejaring sosial menunjukkan begitu bermanfaatnya sebuah media internet yang berfungsi untuk mempertemukan antara seorang dan seorang yang lain dengan sangat mudah.



Aplikasi facebook tidak hanya menampilkan status-status berupa tulisan saja tetapi juga di setiap profile dilengkapi dengan foto-foto maupun video serta aplikasi tambahan lainnya.

Monday, April 12, 2010

Cara Membuat Ringtone




Setiap orang pasti memiliki lagu kegemarannya sendiri-sendiri, namanya juga lagu kegemaran pasti ingin didengarkannya setiap saat bilah dibutuhkan. Selain lagu kegemarannya ada juga lagu yang disesuaikan trend saat itu dengan kata lain lagu yang sedang populer.






Artikel kali ini memberikan alternatif pilihan untuk membuat sendiri ringtone pribadi dengan instrumen lagu-lagu yang sedang