PHP Tutorial I : Installasi web server dan database server

Sabtu, 27 Februari 2010

Pada utorial ini mari kita belajar bersama menginstall web server dan database server di komputer kita. Hal ini sangat berguna untuk belajar dan mencoba script kita. Bayangkan apabila belajar PHP saja harus bolak-balik upload lewat FTP. Sungguh tidak menyenangkan tentunya.

Di bagian ini kita akan mempersiapkan hal-hal

yang dibutuhkan untuk belajar PHP. Lihat daftar berikut:

1. >Installer Server: AppServ, Xampp, dan lain-lain
   AppServ adalah paket installer untuk Windows yang membundel program opensource yang terdiri dari:
   • Apache Web Server
   • PHP Script Language
   • MySQL Database
   • phpMyAdmin Database Manager
2. Text editor: Notepad atau lainnya (Scite, Ultra Edit, Notepad++, dan lain-lain)
   PHP adalah berupa script yang tidak perlu dikompilasi. Dengan menggunakan Notepad pun kita sudah bisa, akan tetapi apabila ingin lebih mudah kita bisa memanfaatkan software text editor yang memang didesain untuk itu. fasilitas yang biasanya ada adalah syntax hiliter dan line numbering.
3. Browser: Internet Explorer atau lainnya (Mozilla Firefox, Opera, dan lain-lain)
   Browser digunakan untuk menampilkan script yang telah kita buat.

Yang harus Anda lakukan adalah mendapatkan paket installer. Untuk tutorial kali ini digunakan Appserv. Kita bisa memperolehnya di http://www.AppServNetwork.com dengan ukuran sekitar 14kb untuk AppServ versi 2.5.8. Sekarang mari kita install.

1. Klik ganda file yang telah kita peroleh tadi
   
   
   
2. Klik agree untuk melanjutkan installasi
   
   
3. Klik next atau ganti "Destination Folder" apabila Anda ingin menginstallnya di tempat lain
   
   
   
4. Karena semua paket instalasi dibutuhkan, maka langkah selanjutnya adalah klik next
   
   
   
5. Isikan "Server Name" misalnya localhost, dan email Anda misalnya eko@imut.com, selanjutnya klik next
   
   
6. Isi password Anda dua kali dan klik install
   
   
   
7. Proses instalasi akan berjalan dan tunggu hingga selesai. Klik Finish
   
   
   
   
   
8. Buka browser Anda misalnya Internet Explore dan ketikkan localhost di address bar, kemudian tekan enter. Apabila muncul tampilan seperti gambar di bawah ini berarti proses instalasi sudah berhasil.
   
   
   
9. Selanjutnya klik tulisan phpMyAdmin Database Manager atau ketik localhost/phpmyadmin di address bar kemudian tekan enter.
10. Kemudian Anda diminta mengisikan username dan password.
    Username : root
    Password : sesuai yang Anda isikan waktu instalasi
    
    
    
11. Klik OK, kemudian akan muncul tampilan seperti ini:
    
    
    
12. Proses installasi webserver dan database server selesai dan berfungsi sebagaimana mestinya. Selanjutnya kita bisa melanjutkan ke tahap selanjutnya.

PHP Tutorial III: Belajar PHP dari awal

Setelah menginstall server web, PHP dan server adatabase yang dibundle dalam appserv, mari kita belajar syntax-syntax PHP. Bagi Anda yang belum pernah belajar pemrograman sebelumnya tidak usah takut belajar karena PHP sangatlah mudah dan tidak harus menghafal keseluruhan syntax. Melihat cheatsheet adalah suatu hal yang biasa bagi pemula bahkan bukan suatu hal yang memalukan bagi yang sudah mahir

sekalipun.

Setelah kita menginstall appserv maka beginilah susunan direktori kita:

• C:/appserv
  • Apache2.2
  • MySQL
  • php5
  • www
    • appserv
    • phpMyAdmin
    • belajar

Kita dapat mengakses / mengeksekusi file php kita dengan mengetikkan alamat di web browser kita (firefox, ie, opera, dll). Silahkan ketik localhost di browser Anda. Maka akan tampil halaman pembuka dari appserv.
Apabila kita mengetik localhost maka file yang diakses adalah c://appserv/www/index.php

Mari kita belajar syntax-syntaxnya. Terlebih dahulu mari kita buat sebuah direktory baru dengan nama belajar. Letaknya adalah C:/appserv/www/belajar
Setelah selesai mari kita buka notepad atau text editor lain yang Anda suka. Ketik beberapa baris kode berikut ini:

view plain print

2. echo 'hai aku belajar php dengan gecko, loh!!';
3. ?>

<?php echo 'hai aku belajar php dengan gecko, loh!!'; ?>

Kemudian simpan dengan nama halo.php

Perlu digarisbawahi, pastikan extensi dari file Anda adalah *.php. Untuk notepad cara menyimpannya adalah pilih Save As | file type ganti dengan All Files | ketik nama filenya; halo.php | save

Sudah selesai. Tinggal mengakses dengan browser. Caranya ketik localhost/belajar/halo.php di browser kemudian pencet enter.
Coba juga mengetikkan localhost/belajar. maka kita akan melihat list file yang ada di direktori belajar. Mengapa? karena kita tidak membuat file devault di direktori kita. Biasanya berupa file dengan nama index.php atau index.htm atau index.html.

Coba lagi dengan membuat mengetikkan syntax berikut:

view plain print

2. // selain pakai echo, dengan print juga bisa
3. print "halo, belajar php dengan mudah yuk!!!!!!";
4. ?>
5. 
   
6. Aku di luar syntax php. jadi aku adalah HTML biasa

<?php // selain pakai echo, dengan print juga bisa print "halo, belajar php dengan mudah yuk!!!!!!"; ?> <br /> Aku di luar syntax php. jadi aku adalah HTML biasa

Sudah pinter khan? Ntar dilanjut lagi. Saran penulis, banyak baca... di sini sebagai awalnya. Anda yang bisa mengembangkannya sendiri

Prinsip Dasar Pemrograman PHP

Sebelum lebih jauh mari kita kenali dulu struktur dan aturan dasar dalam pemrograman PHP. Dalam tutorial kali ini alat yang diperlukan yaitu:

• Editor text yang bagus, bukan sekedar notepad. Tapi kita membutuhkan editor text yang memberikan kemudahan kepada kita misalnya text highliting, auto completion, line numbering dll. Penulis memakai Notepad++.
• Browser: Firefox, opera atau IE

a. Awal dan Akhir Tags PHP

Pada contoh di bawah ini kita akan menggunakan sebagai akhir tags PHP. Semua karakter di dalam tags PHP ( sesudah ) akan diolah oleh intrepeter PHP. Sedangkan di luarnya ( sebelum ) akan diabaikan oleh intrepeter PHP.

Untuk jelasnya mari kita lihat contoh berikut:

view plain print

1. Lima ditambah lima sama dengan:
4. Tiga ditambah tiga sama dengan :
6. print 3 + 3;
7. ?>
9. "http://www.gecko.web.id">gecko
10. "http://www.gecko.web.id/watermark.jpg">

Lima ditambah lima sama dengan: <?php print 5 + 5; ?> <p> Tiga ditambah tiga sama dengan : <?php print 3 + 3; ?> <p> <a href="http://www.gecko.web.id">gecko</a> <img src="http://www.gecko.web.id/watermark.jpg" />

Contoh di atas sama saja dengan kode HTML berikut:

view plain print

1. Lima ditambah lima sama dengan:
2. 10

3. Tiga ditambah tiga sama dengan :
4. 6

5. "http://www.gecko.web.id">gecko
6. "http://www.gecko.web.id/watermark.jpg">

Lima ditambah lima sama dengan: 10<p> Tiga ditambah tiga sama dengan : 6<p> <a href="http://www.gecko.web.id">gecko</a> <img src="http://www.gecko.web.id/watermark.jpg" />

Dan di browser menghasilkan:

Di PHP versi-versi terdahulu juga menggunakan short open tags. Tags ini masih berfungsi di PHP 5 akan tetapi dapat dinon aktifkan dengan merubah konfigurasi PHPnya. jadi lebih baik menggunanan

b. Whitespace

view plain print

1. "Hello"; print " World!"; ?>

<?php print "Hello"; print " World!"; ?>

Perhatikan kode di atas. Sulit dibaca bukan? akan lebih baik apabila ditulis demikian.

view plain print

2. print "Hello";
3. print " World!";
4. ?>

<?php print "Hello"; print " World!"; ?>

Lebih mudah dibaca bukan?

Berikut penulisan yang kurang pas, walaupun menghasilkan tampilan yang sama di browser

view plain print

3. print "Hello";
5. print " World!";
7. ?>

8. Terlalu mengumbar enter heheheh.

9. Kalau yang dibawah terlalu banyak spasinya.
12. print "Hello" ;
13. print " World!" ;
14. ?>

15. kalo yang di bawah ini terlalu mepet. terlalu pelit spasi

16. "empet-empetan jadi susah bacanya"; ?>

<?php print "Hello"; print " World!"; ?> <p>Terlalu mengumbar enter heheheh. Kalau yang dibawah terlalu banyak spasinya. <p> <?php print "Hello" ; print " World!" ; ?> <p>kalo yang di bawah ini terlalu mepet. terlalu pelit spasi <?php print"empet-empetan jadi susah bacanya"; ?>

c. Case-Sensitivity

Fungsi-fungsi di PHP tidak case sensitive. Jadi tidak ada perbedaan anatara penggunaan huruf besar dan kecil. Contoh di bawah ini menghasilkan output yang sama.

view plain print

1. // Empat baris script ini menghasilkan output yang sama
3. print number_format(285266237);
5. PRINT Number_Format(285266237);
7. Print number_format(285266237);
9. pRiNt NUMBER_FORMAT(285266237);

// Empat baris script ini menghasilkan output yang sama print number_format(285266237); PRINT Number_Format(285266237); Print number_format(285266237); pRiNt NUMBER_FORMAT(285266237);

Di beberapa sumber menyebutkan bahwa eksekusi fungsi dengan huruf kecil lebih cepat daripada fungsi yang ditulis dengan huruf besar atau ditulis menggunakan kombinasi huruf besar dan kecil. Jadi ga ada ruginya menggunakan huruf kecil saja, betul?

Catatan: Berbeda halnya kalau berurusan dengan file. Di server dengan mesin LINUX penamaan file adalah case sensitif. File dengan nama gecko.jpg berbeda dengan GECKO.JPG

d. Comment

Di PHP ada 2 macam comment:

• single line comment
• multi line comment

Single Line Comment bisa menggunakan # atau //

Contoh penggunaannya sebagai berikut:

view plain print

2. print "Belajar PHP bareng gecko"; //ini adalah komentar
3. //bisa juga ditulis di sini
4. print "

   Belajar menuliskan komentar di PHP"; #bisa juga memakai tanda pagar

5. #menggunakan tanda pagar untuk komen
6. #ini juga masih komen
7. //belajar itu enaknya praktek langsung, betul????
8. ?>

<?php print "Belajar PHP bareng gecko"; //ini adalah komentar //bisa juga ditulis di sini print "<p>Belajar menuliskan komentar di PHP"; #bisa juga memakai tanda pagar #menggunakan tanda pagar untuk komen #ini juga masih komen //belajar itu enaknya praktek langsung, betul???? ?>

Multi line comment menggunakan tanda /* sebagai awal dan */ sebagai akhir komentar

Contoh penggunaannya sebagai berikut:

view plain print

2. echo 'ini kode PHP';
3. /* INI ADALAH CONTOH PENGGUNAAN KOMEN
4. di bagian ini masih komen
5. ini juga masih komen
6. emmmm.. belajar PHP menyenangkan yah...
7. - betul??
8. - walaupu ada kode PHP
9. di dalam juga masih di anggap komen. Betul???
10. - tags HTML juga ga masalah
11. - tetep dianggap komen
12. INI AKHIR KOMENNYA> LIHAT TANDANYA */
13. echo 'Kalo ini sudah bukan komentar lagi';
14. ?>

<?php echo 'ini kode PHP'; /* INI ADALAH CONTOH PENGGUNAAN KOMEN di bagian ini masih komen ini juga masih komen emmmm.. belajar PHP menyenangkan yah... - betul?? - <?php print "I love PHP"; ?> walaupu ada kode PHP di dalam juga masih di anggap komen. Betul??? - <noscript>hehehehe</noscript> tags HTML juga ga masalah - tetep dianggap komen INI AKHIR KOMENNYA> LIHAT TANDANYA */ echo 'Kalo ini sudah bukan komentar lagi'; ?>

catatan: kalo HTML komennya seperti ini

view plain print

2. echo 'hai..... aku ditulis pake PHP'; //hi aku komen PHP
3. ?>

<!-- ini komen di HTML merupakan komen multi line --> <?php echo 'hai..... aku ditulis pake PHP'; //hi aku komen PHP ?>

Sudah faham khan? Kalo ada pertanyaan, silahkan...

Semoga berguna

Membuat Kamus sederhana Inggris - Indonesia dengan PHP dan MySQL

Untuk tutorial selanjutnya gw pengen bikin kamus. hal yang bisa kita pelajari di sini adalah:

1. bagaimana membuat proyek sederhana,
2. export csv ke MySQL
3. bagaimana menghubungkan dengan database mySQL,
4. bagaimana menampilkan data dan
5. memanfaatkan pencarian dengan PHP.

Untuk mempermudah mereka yang ingin belajar maka proyek ini saya buat sesederhana mungkin agar mudah dipahami. Apabila Anda ingin mengembangkannya silahkan dan alangkah baiknya kalo Anda share di sini.

PERSIAPAN

Baiklah mari kita mulai, tapi sebelumnya siapkan siapkan alat dan bahan berikut:

1. server PHP dan server mysql / appserv / xamps : baca artikel instalasi webserver (Appserv)
2. text editor (notepad++, scite, ultraedit, dll) atau Dreamweaver.
3. database dari gkamus (gkamus-en.dict dan gkamus-id.dict)

Hal paling penting di kamus adalah databasenya.Setelah nanya-nanya om google akhirnya nemu databasenya gkamus (http://gkamus.sourceforge.net). Syukurlah databasenya public domain, artinya bisa kita pakai di tutorial ini. Makasih buat saudara Ardhan Madras, Firmansyah dan Hantarto Gunawan.

EXPORT DATABASE KE CSV

Database di sini ada dua macam yaitu:

1. gkamus-en.dict : kamus English ke bahasa Indonesia
2. gkamus-id.dict : kamus bahasa Indonesia ke English

Selanjutnya database ini kita convert (ubah) menjadi bentuk mysql. Nantinya kita buat dua tabel yakni tabel english dan tabel indonesia.

Mari kita obok-obok database. pertama kita export menjadi bentuk *.CSV lewat excel. Buka aja file gkamus-en.dict dan gkamus-id.dict tadi. tapi satu-satu ajah biar ga ribet. Kalo ga bisa buka sini gw ajarin buka. caranya klik kanan open trus pilih "select program from list" klik OK dan pilih "Microsoft office excel".

Ini screen shotnya.

Kemudian hapus yang tidak berguna. Hapus baris 1 sampai dengan 5. delete rows. Ok siap diexport ke *.csv.
Pilih file | save as another format | di bagian save as type pilih "CSV (comma delimited)". Kasih nama english. Klik save apabila ada prompt klik yes

PENTING:
lakukan juga search an replace karakter " (double quote) menjadi ` (back quote)
ini penting agar waktu import ke mySQL tidak mengalami error.
Catatan: backquote bukanlah quote. Kalo di keyboard gw letaknya di bawah tilde (~)

Lakukan juga pada file satunya kemudian export ke *.csv dengan nama indonesia

Apabila ingin tahu hasil exportnya ini gw share: indonesia.csv dan english.csv.

EXPORT CSV KE MySQL

Untuk export dari csv ke MySql kita pakai phpmyadmin. Omong-omong phpmyadmin ini udah ada di bundle phpmyadmin. buka http://localhost dan ada akan mendapatinya di situ.

Klik link tersebut. kalo diminta password, masukkan user dan password Anda, apabila phpmyadmin-nya belum ada set biasanya user: root dan passwordnya kosong. Kemudian buat database dengan nama kamus.Klik tombol ciptakan.

Kemudian buat tabel dengan nama "english" jumlahnya 2 fields.

Klik go.

Kemudian isikan propertynya. Set seperti ini:

kata : VARCHAR : 100
arti : TEXT :

Kemudian klik save.

Struktur tabel english sudah jadi. Sekarang mari kita import file CSV kita.

1. klik Import di menu atas phpmyadmin.
2. klik browse dan arahkan ke english.csv
3. klik go.

Data sudah diimport tinggal tambah kolom id , jadikan primary key dan auto increement.

1. klik tabel english di bagian kiri
2. pilih add 1 field. letaknya pilih at beginning of table
3. klik go
4. isi dengan
   Field : id
   type : INT
   extra : auto_increement
   pilih primary key

Jadi deh tabel english kita.
Tinggal bikin tabel indonesia. langkahnya sama seperti tadi. field-fieldnya juga sama seperti tadi.
Jangan lupa import seperti tadi dan jangan lupa pula untuk search and repalce karakter double quote (") menjadi back quote(`) biar sewaktu importnya ga error.

Kalo bingung navigasi di phpmyadmin coba klik kata kamus di kiri. Itu akan membawa kita kembali ke halaman depan database kita; yakni database kamus.

Kalo sudah jadi akan tampak seperti inilah database kita.

Menampilkan database Kamus dengan PHP

Sekedar mengingat kembali, kita tadi sudah membuat:

• database dengan nama kamus,
• dua buah tabel yang masing-masing namanya english dan indonesia
• kemudian masing-masing tabel berisi field id, kata dan arti

Ok mari kita mulai koding.
Penulis menggunakan appserv untuk servernya. Untuk xamp atau lainnya bisa menyesuaikan.

Pertama kita buat folder dengan nama kamus di folder www. Path lengkapny adalah "C:AppServwwwkamus"
nantinya kita dapat mengakses kamus kita melalui browser dengan alamat "http://localhost/kamus"

Ke dua kita buat file tampil.php
dan isi dengan script berikut untuk koneksi ke database.

view plain print

3. // SETTING
5. $db_host = "localhost";
6. $db_user = "root"; // isi sesuai user mysql Anda
7. $db_pass = "sipit"; // isi sesuai password mysql Anda
8. $db_name = "kamus"; // nama database anda
11. // KONEKSI KE DATABASE
12. $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect");
13. mysql_select_db ($db_name) or die ("Ga bisa select database");
15. ?>

<?php // SETTING $db_host = "localhost"; $db_user = "root"; // isi sesuai user mysql Anda $db_pass = "sipit"; // isi sesuai password mysql Anda $db_name = "kamus"; // nama database anda // KONEKSI KE DATABASE $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect"); mysql_select_db ($db_name) or die ("Ga bisa select database"); ?>

Ke tiga tambahkan script untuk menampilkan database. Script lengkapnya seperti ini

view plain print

3. // SETTING
5. $db_host = "localhost";
6. $db_user = "root"; // isi sesuai user mysql Anda
7. $db_pass = "sipit"; // isi sesuai password mysql Anda
8. $db_name = "kamus"; // nama database anda
11. // KONEKSI KE DATABASE
12. $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect");
13. mysql_select_db ($db_name) or die ("Ga bisa select database");
16. // MENAMPILKAN SEMUA DATA
17. // - masih menampilkan data tanpa pemisah
19. $sql = mysql_query("SELECT * from english") or die(mysql_error());
20. while ($res=mysql_fetch_array($sql)) {
21. echo $res['id'];
22. echo $res['kata'];
23. echo $res['arti'];
24. }
27. ?>

<?php // SETTING $db_host = "localhost"; $db_user = "root"; // isi sesuai user mysql Anda $db_pass = "sipit"; // isi sesuai password mysql Anda $db_name = "kamus"; // nama database anda // KONEKSI KE DATABASE $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect"); mysql_select_db ($db_name) or die ("Ga bisa select database"); // MENAMPILKAN SEMUA DATA // - masih menampilkan data tanpa pemisah $sql = mysql_query("SELECT * from english") or die(mysql_error()); while ($res=mysql_fetch_array($sql)) { echo $res['id']; echo $res['kata']; echo $res['arti']; } ?>

Script di atas akan menampilkan semua data di tabel english dan tanpa pemisah.

Untuk memisahkan per data coba tambahkan
pada akhir script, dan untuk memisahkan per field kita bisa pakai dash (-) seperti contoh di bawah ini:
Atau terserah Anda untuk menampilkan data seperti yang Anda kehendaki.

view plain print

1. $sql = mysql_query("SELECT * from english") or die(mysql_error());
2. while ($res=mysql_fetch_array($sql)) {
3. echo $res['id'];
4. echo $res['kata'];
5. echo $res['arti'];
6. echo '
   
7. ';
8. }

$sql = mysql_query("SELECT * from english") or die(mysql_error()); while ($res=mysql_fetch_array($sql)) { echo $res['id']; echo $res['kata']; echo $res['arti']; echo '<br /> '; }

Ke empat misalkan kita ingin menampilkan data yang cocok dengan kata gecko.
Kita tinggal memodifikasi SQLnya. seperti ini:

view plain print

1. $sql = mysql_query("SELECT * from english where kata = 'gecko' ") or die(mysql_error());
2. while ($res=mysql_fetch_array($sql)) {
3. echo $res['id'] . ' - ';
4. echo $res['kata'] . ' - ';
5. echo $res['arti'];
6. echo '
   ';
7. }

$sql = mysql_query("SELECT * from english where kata = 'gecko' ") or die(mysql_error()); while ($res=mysql_fetch_array($sql)) { echo $res['id'] . ' - '; echo $res['kata'] . ' - '; echo $res['arti']; echo '<br />'; }

Cermati kode SELECT * from english where kata = 'gecko'

Ke empat bagaimana apabila kita ingin melakukan kata yang mendekati / mirip?
jawabnya gampang. tinggal tambahkan % di awal dan atau akhir kata yang dicari dan mengubah = dengan LIKE

contohnya seperti ini

view plain print

1. SELECT * from english where kata LIKE 'ge%'

SELECT * from english where kata LIKE 'ge%'

Coba ganti dengan '%ge%' atau '%ge' maka Anda akan mendapatkan hasil yang berbeda.

Hasilnya seperti ini:

Cuman seperti itu. Gampang khan?

Membuat Form Pencarian

Sekarang kita buat form pencariannya.

buat file berikut dan simpan dengan nama cari.php

view plain print

1. "post" action="tampil.php">

2. Kata yang dicari: "text" name="cari" id="cari" />

3. "submit" name="submit" id="submit" value="Submit" />

<form method="post" action="tampil.php"> <p>Kata yang dicari: <input type="text" name="cari" id="cari"> </p> <p><input type="submit" name="submit" id="submit" value="Submit"> </p> </form>

Form sederhana di atas apabila diklik akan mengarah ke file tampil.php dengan membawa nilai post cari ($_POST['cari'])

Memodifikasi Tampil.php untuk Menghandle Form Pencarian

tampil.php kita edit seperti di bawah ini agar bisa menangkap variabel post ($_POST['cari'])

view plain print

3. ari = $_POST['cari']; // menangkap inputan dari fiel cari di form pada file cari.php
6. // SETTING
8. $db_host = "localhost";
9. $db_user = "root"; // isi sesuai user mysql Anda
10. $db_pass = "sipit"; // isi sesuai password mysql Anda
11. $db_name = "kamus"; // nama database anda
14. // KONEKSI KE DATABASE
15. $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect");
16. mysql_select_db ($db_name) or die ("Ga bisa select database");
19. // MENAMPILKAN SEMUA DATA
20. // - masih menampilkan data tanpa pemisah
22. $sql = mysql_query("SELECT * from english where kata LIKE '$cari' ") or die(mysql_error());
23. while ($res=mysql_fetch_array($sql)) {
24. echo $res['id'] . ' - ';
25. echo $res['kata'] . ' - ';
26. echo $res['arti'];
27. echo '
    ';
28. }
31. gt;

<?php $cari = $_POST['cari']; // menangkap inputan dari fiel cari di form pada file cari.php // SETTING $db_host = "localhost"; $db_user = "root"; // isi sesuai user mysql Anda $db_pass = "sipit"; // isi sesuai password mysql Anda $db_name = "kamus"; // nama database anda // KONEKSI KE DATABASE $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect"); mysql_select_db ($db_name) or die ("Ga bisa select database"); // MENAMPILKAN SEMUA DATA // - masih menampilkan data tanpa pemisah $sql = mysql_query("SELECT * from english where kata LIKE '$cari' ") or die(mysql_error()); while ($res=mysql_fetch_array($sql)) { echo $res['id'] . ' - '; echo $res['kata'] . ' - '; echo $res['arti']; echo '<br />'; } ?>

Kemudian apabila ingin menampilkan form dan hasil pencarian dalam satu halaman bisa menggunakan satu file berikut.

view plain print

1. "post" action="">

2. Kata yang dicari: "text" name="cari" id="cari" />

3. "submit" name="submit" id="submit" value="Submit" />

9. $cari = $_POST['cari']; // menangkap inputan dari fiel cari di form pada file cari.php
11. If (isset($cari)) {
12. // SETTING
14. $db_host = "localhost";
15. $db_user = "root"; // isi sesuai user mysql Anda
16. $db_pass = "sipit"; // isi sesuai password mysql Anda
17. $db_name = "kamus"; // nama database anda
20. // KONEKSI KE DATABASE
21. $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect");
22. mysql_select_db ($db_name) or die ("Ga bisa select database");
25. // MENAMPILKAN SEMUA DATA
26. // - masih menampilkan data tanpa pemisah
28. $sql = mysql_query("SELECT * from english where kata LIKE '$cari' ") or die(mysql_error());
29. while ($res=mysql_fetch_array($sql)) {
30. echo $res['id'] . ' - ';
31. echo $res['kata'] . ' - ';
32. echo $res['arti'];
33. echo '
    ';
34. }
35. }
37. ?>

<form method="post" action="">"> <p>Kata yang dicari: <input type="text" name="cari" id="cari"> </p> <p><input type="submit" name="submit" id="submit" value="Submit"> </p> </form> <?php $cari = $_POST['cari']; // menangkap inputan dari fiel cari di form pada file cari.php If (isset($cari)) { // SETTING $db_host = "localhost"; $db_user = "root"; // isi sesuai user mysql Anda $db_pass = "sipit"; // isi sesuai password mysql Anda $db_name = "kamus"; // nama database anda // KONEKSI KE DATABASE $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect"); mysql_select_db ($db_name) or die ("Ga bisa select database"); // MENAMPILKAN SEMUA DATA // - masih menampilkan data tanpa pemisah $sql = mysql_query("SELECT * from english where kata LIKE '$cari' ") or die(mysql_error()); while ($res=mysql_fetch_array($sql)) { echo $res['id'] . ' - '; echo $res['kata'] . ' - '; echo $res['arti']; echo '<br />'; } } ?>

perubahannya adalah :

untuk redirect ke halamannya sendiri.
Atau bisa kita ubah menjadi "

kemudian untuk mengecek apakah inputannya sudah di set ataukah belum menggunakan:

view plain print

1. if (isset($cari)) {
2. // kode isinya di sini
3. //
4. // kode isinya di sini
5. }

if (isset($cari)) { // kode isinya di sini // // kode isinya di sini }

Finaly

Akhirnya selesai sudah. Project kamus dengan PHP kita sudah selesai dan cuman diwakili oleh satu buah file kamus.php

Tentunya itu untuk keperluan belajar aja. Untuk aplikasi sebenarnya perlu beberapa opsi security dan tambahan fungsi. Mungkin ada yang nanya. Tabel indonesia-nya mo diapain?? Hehe itu untuk PR bikin kamus yang versi English ke bahasa Indonesia.

Yup PRnya dikumpulin lusa dan ga boleh kopas OK. Met belajar

Membuat Pencarian Sederhana dengan PHP dan MySQL

Kali ini kita akan mencoba pencarian sederhana dengan PHP. Pada pencarian ini kita akan mencari data yang ada di database mysql.

Yang dibahas di sini antara lain:

• Pencarian di database mysql sederhana
• Pencarian dengan 1 file php
• mencegah menampilkan data apabila tombol submit belum diklik
• Menampilkan nomor pencarian
• menampilkan jumlah hasil pencarian
• menampilkan pesan apabila hasil pencarian tidak ditemukan

Baiklah langsung aja kita mulai.

Langkah pertama adalah membuat database yang akan kita cari nantinya. Untuk lebih mudahnya gw siapkan query yang tinggal diexecute di PHPMyadmin Anda.

view plain print

1. --
2. -- Struktur dari tabel `siswa`
3. --
5. CREATE TABLE IF NOT EXISTS `siswa` (
6. `id` int(12) NOT NULL auto_increment,
7. `nama` text NOT NULL,
8. `sex` varchar(1) NOT NULL,
9. PRIMARY KEY (`id`)
10. ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=15 ;
12. --
13. -- Dumping data untuk tabel `siswa`
14. --
16. INSERT INTO `siswa` (`id`, `nama`, `sex`) VALUES
17. (1, 'Kyubi naruto', 'L'),
18. (2, 'Uchiha sasuke', 'L'),
19. (3, 'Naruto Kun', 'L'),
20. (4, 'Sasuke Kun', 'L'),
21. (5, 'Sakura Chan', 'P'),
22. (6, 'Konohamaru Chan', 'L'),
23. (7, 'Hyuga Hinata', 'P'),
24. (8, 'Hyuga Neji', 'L'),
25. (9, 'Ichimaru', 'L'),
26. (10, 'Yamakiba', 'L'),
27. (11, 'Jiraiya', 'L'),
28. (12, 'Orochimaru', 'L'),
29. (13, 'Akamaru', 'L'),
30. (14, 'Kakashi', 'L');

-- -- Struktur dari tabel `siswa` -- CREATE TABLE IF NOT EXISTS `siswa` ( `id` int(12) NOT NULL auto_increment, `nama` text NOT NULL, `sex` varchar(1) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=15 ; -- -- Dumping data untuk tabel `siswa` -- INSERT INTO `siswa` (`id`, `nama`, `sex`) VALUES (1, 'Kyubi naruto', 'L'), (2, 'Uchiha sasuke', 'L'), (3, 'Naruto Kun', 'L'), (4, 'Sasuke Kun', 'L'), (5, 'Sakura Chan', 'P'), (6, 'Konohamaru Chan', 'L'), (7, 'Hyuga Hinata', 'P'), (8, 'Hyuga Neji', 'L'), (9, 'Ichimaru', 'L'), (10, 'Yamakiba', 'L'), (11, 'Jiraiya', 'L'), (12, 'Orochimaru', 'L'), (13, 'Akamaru', 'L'), (14, 'Kakashi', 'L');

Caranya:

1. Buat database dengan nama pencarian
   
2. Kemudian klik SQL pada tab menu atas.
3. Kemudian paste kode sql di atas.
   
4. Maka jadilah database Anda
   

Langkah ke dua adalah menampilkan data. Kita buat menampilkan data dulu kemudian nanti kita modifikasi untuk menampilkan hasil pencarian.

1. kita buat dulu folder cari di dalam folder www (apabila menggunakan appserv) atau di dalam folder htdocs (apabila menggunakan xamps)
2. kemudian kita buat file php dengan nama tampil.php
   
   view plain print

   2. // konfigurasi
   3. $db_host = "localhost"; // nama host
   4. $db_user = "root"; // username mysql
   5. $db_pass = ""; //password isi sesuai seting server Anda.
   6. $db_name = "pencarian"; // karena nama database yang kita buat adalah pencarian
   8. // koneksi ke database
   9. $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect");
   10. mysql_select_db ($db_name) or die ("Ga bisa select database");
   12. // menampilkan data
   13. $sql = mysql_query("SELECT * FROM siswa") or die(mysql_error());
   14. while ($res=mysql_fetch_array($sql)) {
   15. echo $res[nama].'
       ';
   16. }
   18. ?>
   <?php // konfigurasi $db_host = "localhost"; // nama host $db_user = "root"; // username mysql $db_pass = ""; //password isi sesuai seting server Anda. $db_name = "pencarian"; // karena nama database yang kita buat adalah pencarian // koneksi ke database $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect"); mysql_select_db ($db_name) or die ("Ga bisa select database"); // menampilkan data $sql = mysql_query("SELECT * FROM siswa") or die(mysql_error()); while ($res=mysql_fetch_array($sql)) { echo $res[nama].'<br />'; } ?>
   ini adalah script sederhana untuk menampilkan data. Nantinya kita ubah agar bisa menampilkan hasil pencarian
3. Merubah script agar bisa menampilkan data tertentu.
   Di sini kita tinggal mengubag kode SQLnya. Kita bisa menggunakan LIKE diikuti kata yang ingin dicari. Dan diikuti kata yang dicari dan diberi tanda %.
   Contoh: apabila kita ingin menampilkan semua siswa yang berawalan huruf s maka kita buat seperti ini:
   
   view plain print

   1. SELECT * FROM siswa WHERE nama LIKE 's%'
   SELECT * FROM siswa WHERE nama LIKE 's%'
   Cukup mudah bukan? Mari kita lihat script selengkapnya:
   
   view plain print

   2. // konfigurasi
   3. $db_host = "localhost"; // nama host
   4. $db_user = "root"; // username mysql
   5. $db_pass = ""; //password isi sesuai seting server Anda.
   6. $db_name = "pencarian"; // karena nama database yang kita buat adalah pencarian
   8. // koneksi ke database
   9. $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect");
   10. mysql_select_db ($db_name) or die ("Ga bisa select database");
   12. // menampilkan data
   13. // lihat perubahannya di bawah ini:
   14. $sql = mysql_query("SELECT * FROM siswa WHERE nama LIKE 's%' ") or die(mysql_error());
   15. while ($res=mysql_fetch_array($sql)) {
   16. echo $res[nama].'
       ';
   17. }
   19. ?>
   <?php // konfigurasi $db_host = "localhost"; // nama host $db_user = "root"; // username mysql $db_pass = ""; //password isi sesuai seting server Anda. $db_name = "pencarian"; // karena nama database yang kita buat adalah pencarian // koneksi ke database $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect"); mysql_select_db ($db_name) or die ("Ga bisa select database"); // menampilkan data // lihat perubahannya di bawah ini: $sql = mysql_query("SELECT * FROM siswa WHERE nama LIKE 's%' ") or die(mysql_error()); while ($res=mysql_fetch_array($sql)) { echo $res[nama].'<br />'; } ?>
4. Yang tidak boleh dilupakan tentunya adalah form pencariannya.OK mari kita buat file dengan nama form_cari.htm
   
   view plain print

   1. PENCARIAN:
      
   2. "tampil.php" method="post" name="pencarian" id="pencarian">
   3. "text" name="search" id="search">
   4. "submit" name="submit" id="submit" value="CARI">
   <strong>PENCARIAN:</strong><br /> <form action="tampil.php" method="post" name="pencarian" id="pencarian"> <input type="text" name="search" id="search"> <input type="submit" name="submit" id="submit" value="CARI"> </form> Sebuah form sederhana ini nantinya digunakan untuk memasukkan kata yang hendak kita cari.
   Cermati kode berikut ini:
   
   view plain print

   1. ... action="tampil.php" method="post" name="pencarian" id="penc...
   ... action="tampil.php" method="post" name="pencarian" id="penc... Ini maksudnya pencarian akan dilakukan di file tampil.php yakni file yang kita buat sebelumnya.
5. Form pencarian sudah OK. Kita tinggal tangkap variabel dari form_cari.php.
   Karena metode yang digunakan adalah POST kita bisa menangkap variabelnya dengan $_POST['search'];
   search di sini adalah id dari Text Field di form pencarian.
   Ini dia script yang udah kita modifikasi:
   view plain print

   2. // konfigurasi
   3. $db_host = "localhost"; // nama host
   4. $db_user = "root"; // username mysql
   5. $db_pass = ""; //password isi sesuai seting server Anda.
   6. $db_name = "pencarian"; // karena nama database yang kita buat adalah pencarian
   8. // koneksi ke database
   9. $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect");
   10. mysql_select_db ($db_name) or die ("Ga bisa select database");
   12. // menampilkan data
   14. // lihat perubahannya di bawah ini:
   15. $search = $_POST['search'];
   16. // kemudian kita ubah kata kunci pencarian menjadi variabel
   17. // lihat pada $search
   18. // untuk mencari kata yang mengandung kata tertentu, kita ubah tanda % menjadi di awal dan akhir kata kunci.
   19. $sql = mysql_query("SELECT * FROM siswa WHERE nama LIKE '%$search%' ") or die(mysql_error());
   20. while ($res=mysql_fetch_array($sql)) {
   21. echo $res[nama].'
       ';
   22. }
   24. ?>
   <?php // konfigurasi $db_host = "localhost"; // nama host $db_user = "root"; // username mysql $db_pass = ""; //password isi sesuai seting server Anda. $db_name = "pencarian"; // karena nama database yang kita buat adalah pencarian // koneksi ke database $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect"); mysql_select_db ($db_name) or die ("Ga bisa select database"); // menampilkan data // lihat perubahannya di bawah ini: $search = $_POST['search']; // kemudian kita ubah kata kunci pencarian menjadi variabel // lihat pada $search // untuk mencari kata yang mengandung kata tertentu, kita ubah tanda % menjadi di awal dan akhir kata kunci. $sql = mysql_query("SELECT * FROM siswa WHERE nama LIKE '%$search%' ") or die(mysql_error()); while ($res=mysql_fetch_array($sql)) { echo $res[nama].'<br />'; } ?>
   
6. Agar lebih simple kita bisa menjadikan 2 file (tampil.php dan form_cari.htm) menjadi satu file.
   Tapi kita juga harus memikirkan agar kode dieksekusi apabila tombol cari sudah dipencet. :D
   Tidak lucu apabila belum diapa-apain udah basah eh maaf, sudah mengeksekusi script. Yang ada hanyalah menampilkan halaman kosong atau lebih parah lagi menampilkan kode error.
   view plain print

   1. if ((isset($_POST['submit'])) AND ($_POST['search'] <> "")) {
   2. ...
   3. }
   if ((isset($_POST['submit'])) AND ($_POST['search'] <> "")) { ... }
   Maksud kode di atas adalah kode yang diantara kurung kurawal hanya akan dieksekusi jika $_POST['submit']sudah diklik dan apabila ($_POST['search'] sudah ada nilainya.
   Mari kita lihat script yang sudah jadi. dan ingat cukup satu file ini untuk menghandle pencarian.
   
   view plain print

   1. PENCARIAN:
      
   2. "" method="post" name="pencarian" id="pencarian">
   3. "text" name="search" id="search">
   4. "submit" name="submit" id="submit" value="CARI">
   8. // konfigurasi
   9. $db_host = "localhost"; // nama host
   10. $db_user = "root"; // username mysql
   11. $db_pass = ""; //password isi sesuai seting server Anda.
   12. $db_name = "pencarian"; // karena nama database yang kita buat adalah pencarian
   14. // koneksi ke database
   15. $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect");
   16. mysql_select_db ($db_name) or die ("Ga bisa select database");
   18. // menampilkan data
   19. // lihat perubahannya di bawah ini:
   20. if ((isset($_POST['submit'])) AND ($_POST['search'] <> "")) {
   21. $search = $_POST['search'];
   22. $sql = mysql_query("SELECT * FROM siswa WHERE nama LIKE '%$search%' ") or die(mysql_error());
   23. while ($res=mysql_fetch_array($sql)) {
   24. echo $res[nama].'
       ';
   25. }
   26. }
   27. ?>
   28. 
       
   29. Catatan:
   <strong>PENCARIAN:</strong><br /> <form action="">" method="post" name="pencarian" id="pencarian"> <input type="text" name="search" id="search"> <input type="submit" name="submit" id="submit" value="CARI"> </form> <?php // konfigurasi $db_host = "localhost"; // nama host $db_user = "root"; // username mysql $db_pass = ""; //password isi sesuai seting server Anda. $db_name = "pencarian"; // karena nama database yang kita buat adalah pencarian // koneksi ke database $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect"); mysql_select_db ($db_name) or die ("Ga bisa select database"); // menampilkan data // lihat perubahannya di bawah ini: if ((isset($_POST['submit'])) AND ($_POST['search'] <> "")) { $search = $_POST['search']; $sql = mysql_query("SELECT * FROM siswa WHERE nama LIKE '%$search%' ") or die(mysql_error()); while ($res=mysql_fetch_array($sql)) { echo $res[nama].'<br />'; } } ?> <br /> <strong>Catatan:</strong> Perhatikan pula kode yang semula adalah tampil.php. Kode diatas untuk mencegah adanya error apabila nama file diganti dan akan mengeksekusi dirinya sendiri.
   

Sedikit Tambahan.

Kita coba modif dikit kode diatas agar bisa menampilkan:

• nomor pencarian
• jumlah pencarian
• pesan apabila tidak ada hasil pencarian

1. Untuk nomor pencarian kita bisa menggunakan increement dengan kode sederhana berikut:
   
   view plain print

   1. $nomor++; echo $nomor;
   $nomor++; echo $nomor; Sangat mudah dan simple..
2. Untuk jumlah pencarian kita bisa gunakan sedikit kode ini:
   view plain print

   1. $jumlah = mysql_num_rows($sql);
   2. echo 'Ada '.$jumlah.' data yang sesuai.';
   $jumlah = mysql_num_rows($sql); echo 'Ada '.$jumlah.' data yang sesuai.';
3. Sedangkan untuk pesan zero data kita bisa bikin conditional seperti ini:
   view plain print

   1. if ($jumlah > 0) {
   2. // kode menampilkan data
   3. }
   4. else { echo 'Maaf, hasil pencarian tidak ditemukan.';}
   if ($jumlah > 0) { // kode menampilkan data } else { echo 'Maaf, hasil pencarian tidak ditemukan.';}

Kode lengkapnya seperti ini:

view plain print

1. PENCARIAN:
   
2. "" method="post" name="pencarian" id="pencarian">
3. "text" name="search" id="search">
4. "submit" name="submit" id="submit" value="CARI">
8. // konfigurasi
9. $db_host = "localhost"; // nama host
10. $db_user = "root"; // username mysql
11. $db_pass = ""; //password isi sesuai seting server Anda.
12. $db_name = "pencarian"; // karena nama database yang kita buat adalah pencarian
14. // koneksi ke database
15. $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect");
16. mysql_select_db ($db_name) or die ("Ga bisa select database");
18. // menampilkan data
20. if ((isset($_POST['submit'])) AND ($_POST['search'] <> "")) {
21. $search = $_POST['search'];
22. $sql = mysql_query("SELECT * FROM siswa WHERE nama LIKE '%$search%' ") or die(mysql_error());
23. //menampilkan jumlah hasil pencarian
24. $jumlah = mysql_num_rows($sql);
25. if ($jumlah > 0) {
26. echo '

    Ada '.$jumlah.' data yang sesuai.

    ';
28. while ($res=mysql_fetch_array($sql)) {
29. $nomor++; echo $nomor.'. ';
30. echo $res[nama].'
    ';
31. }
32. }
33. else {
34. // menampilkan pesan zero data
35. echo 'Maaf, hasil pencarian tidak ditemukan.';
36. }
37. }
38. else { echo 'Masukkan dulu kata kuncinya';}
39. ?>

<strong>PENCARIAN:</strong><br /> <form action="">" method="post" name="pencarian" id="pencarian"> <input type="text" name="search" id="search"> <input type="submit" name="submit" id="submit" value="CARI"> </form> <?php // konfigurasi $db_host = "localhost"; // nama host $db_user = "root"; // username mysql $db_pass = ""; //password isi sesuai seting server Anda. $db_name = "pencarian"; // karena nama database yang kita buat adalah pencarian // koneksi ke database $link = mysql_pconnect ($db_host, $db_user, $db_pass) or die ("Ga bisa connect"); mysql_select_db ($db_name) or die ("Ga bisa select database"); // menampilkan data if ((isset($_POST['submit'])) AND ($_POST['search'] <> "")) { $search = $_POST['search']; $sql = mysql_query("SELECT * FROM siswa WHERE nama LIKE '%$search%' ") or die(mysql_error()); //menampilkan jumlah hasil pencarian $jumlah = mysql_num_rows($sql); if ($jumlah > 0) { echo '<p>Ada '.$jumlah.' data yang sesuai.</p>'; while ($res=mysql_fetch_array($sql)) { $nomor++; echo $nomor.'. '; echo $res[nama].'<br />'; } } else { // menampilkan pesan zero data echo 'Maaf, hasil pencarian tidak ditemukan.'; } } else { echo 'Masukkan dulu kata kuncinya';} ?>

Gw rasa itu aja cukup untuk pencarian. Hal-hal yang perlu dilakukan agar pencarian menjadi lebih baik adalah:

1. menambahkan fasilitas anti sql injection
2. anti XSS atack. Tapi bisa nggak yah XSS attack lewat pencarian gini?
3. pencarian multi kolom
4. pencarian dengan OR ata AND
5. dan lain lain

Download file: kode lengkap pencarian sederhana mysql dan php