www.gecko.web.id
   Resource Untuk Pengembang Web, PHP, CSS, MySQL, ajax.

Home · Belajar PHP dari dasar · Membuat Kamus sederhana Inggris - Indonesia dengan PHP dan MySQL

26
Aug ’08
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.

membuat kamus screen shot database kamus

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 (~)

simpan database kamus jadi csv file
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 phpmyadmin

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.

buat database

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

buat tabel di phpmyadmin

Klik go.

Kemudian isikan propertynya. Set seperti ini:

kata : VARCHAR : 100
arti : TEXT :

properti tabel kamus.english

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

primary dan auto increement

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.

database kamus

 

Menampilkan database Kamus dengan PHP

Sekedar mengingat kembali, kita tadi sudah membuat:

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.

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

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'

hasil pertama kamus

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:

hasil kamus

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:

 

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

Kalau Anda suka artikel ini tolong dishare.


Share

Artikel yang sesuai:


Diskusikan Artikel Ini

* = required field

:

:

:





tiga ditambah dua sama dengan
(Sum of three and two)


 

 

 

 



adikcilak pada February 12, 2010 (11:48PM)
wah kang gecko.. tulisannya apik pisan.. salute,hehe..

Tadi diatas aku ada lihat dibawah tulisan "Memodifikasi Tampil.php .... " di dalam codenya ada kata ari.. sepertinya $cari yah.. jika bener diperbaiki dong, biar yang lain bisa "selamat" dalam menjalankan phpnya.

1. <?php
2.
3. ari = $_POST['cari']; // menangkap inputan dari fiel cari di form pada


ohya kang,, sepertinya bagus jika edisi mendatang ditambahkan ajax suggestion pada menu pencarian.. saya tunggu yah..
busre pada January 20, 2010 (5:07PM)
bagus banget tutorialnya. simpel, mudah dipahami, screenshotnya juga unik.
pokoknya bagus deh
restroika pada January 4, 2010 (4:55PM)
Kok database kamus indonesia dan kamus inggrisnya ndak bisa di download?
asep pada December 13, 2009 (3:49PM)
trim's.. moga bermanfaat
william pada August 18, 2009 (8:00PM)
tutorial ini sangat bagus
hanya bagaimana cara menampilkannya menjadi table?
Ries pada August 10, 2009 (7:34PM)
tolong dong sekalian source code-nya jadi lebih gampang praktekin..thanks tutorialnya bermanfaat banget
Gajah
Giliran Admin ngomong.. :D
gecko pada July 29, 2009 (1:47PM)
@kawang flinder:
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 (~)
Kawang flinders pada July 29, 2009 (11:42AM)
masih ada error mas, ketika saya import, jadi masih belum bisa di import... solusinya gmn? tutorial anda sangat membantu
nur pada June 4, 2009 (2:47PM)
klo saya buat pemilihan bahasanya pke list menu..
source kodenya apa pak,tolong dibantu.
Gajah
Giliran Admin ngomong.. :D
gecko pada October 20, 2008 (11:49AM)
wogh algoritma penterjemah kalimat?? Kalo jadi bagus mahal bro. Lihat aja google translate kacaunya kaya apa? (yg English - indon).

Palagi program terdahulu itu..... Lupa namanya.
awank pada October 20, 2008 (10:27AM)
kalau algoritma buat penterjemahan kalimat ada gak bro ? lagi pusing nih buat algoritma penterjemahan kalimat indonesia inggris...ribet euy.....
Gajah
Giliran Admin ngomong.. :D
gecko pada September 26, 2008 (7:52AM)
@all: makasih
@nurfaiz : yang kamu minta anda di tutorial ini : http://www.gecko.web.id/belajar-php/membuat-pencarian-sederhana-dengan-php-dan-mysql/
nurfaiz pada September 25, 2008 (3:02PM)
mas, mau tanya, kalau ketika diketik ternyata tidak ada didatabae, supaya keluar tulisan "Maaf, data yang anda cari tidak ditemukan" gmana caranya yah? makasih atas jawabannya
nurfaiz pada September 24, 2008 (12:30PM)
Tutorial yang dahsyat buat dummies seperti saya. Ada problem ketika membuat database, tetapi akhirnya bisa juga. terima kasih banyak untuk penulis yang sudah berkenan untuk membagi ilmunya.
mul14 pada September 14, 2008 (5:09PM)
Wuihh.. niat juga bikin tutorial sepanjang ini.
fich pada September 8, 2008 (3:47PM)
ajarin donk kk ^^
izak pada September 2, 2008 (12:48AM)
Wah...hebat euy..simpel,tapi padat n mudah dpahamin...thx admin..trs tmbahin artikelx ya..aku jg pengen banget bisa bikin gesbuk..tapi lum bsa...

BELAJAR LEBIH BANYAK DI WEB PARTNER KAMI


© 2008 - 2009 Eko Priyanto - www.gecko.web.id - Dapat dikopi secara bebas dengan mencantumkan sumber artikel.