26
Aug ’08

Membuat Kamus sederhana Inggris - Indonesia dengan PHP dan MySQLTopik: belajar-php | Tags: kamus, database kamus, belajar PHP, dll

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.

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

<?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 <BR> 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.

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

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

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

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'])

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

perubahannya adalah : <form method="post" action="kamus.php"> untuk redirect ke halamannya sendiri.
Atau bisa kita ubah menjadi <form method="post" action="<?=$_SERVER['PHP_SELF']?>"

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

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

Artikel yang sesuai:

• PHP script generator sederhana untuk belajar PHP,
• workshop belajar PHP 1: Persiapan Belajar PHP,
• Prinsip Dasar Pemrograman PHP,
• Membuat kamus Teknologi Informasi dengan PHP,
• PHP Tutorial III: Belajar PHP dari awal,
• dan lain-lain.