Tutorial Macromedia Dreamweaver – PHP – MySQL
Membuat Pencarian Data
Mahasiswa
Oleh Achmad Solichin, http://achmatim.net, achmatim@gmail.com
Membu Pencaria Dat Mah
M uat an ta wa
hasisw
am asums
Dala Tutorial Ini Dia …
sikan…
wa:
Bahw
Di uter ng n all an
1. D kompu yan Anda gunakan sudah terinsta denga baik PHP, Ap pache, MMySQL
a
dan Macromedia Dream r a a
mweaver karena dalam tutorial ini kita akan m menggun nakan
ke re
eempat softwar terseb but.
Anda me
2. A engetahui bagaimana c gin
cara log ke M r
MySQL berikut informasi user dan
password yang dapat dig
d gunakan. .
Anda sudah me
3. A n
embuat Site Definition pada Dreamw weaver, berikut bagaimana
mengkola
m kan
aborasik Drea er an
amweave denga PHP‐M MySQL.
Anda su
4. A udah cu ukup mengerti bagaim mana m t
membuat datab t
base, membuat dan
memanip
m bel MySQL ba melal conso maup dengan fron
pulasi tab di M aik lui ole pun nt‐end seeperti
PHPMyAd dmin dan MySQQLFront.
Anda sud cuku mengerti beberapa pe
5. A dah up SQL ar
erintah S dasa (DDL, DML).
Disaranka Anda sudah cukup menger bagaimana membuat aplikasi entri, edit,
6. D an a rti m
delete dan tampil deng P, QL
gan PHP MySQ dan Dreamw tutorialn di
weaver (Lihat t nya
http://achmatim.net/20008/12/22/dream mweaver an‐mysql‐untuk‐aplikasi‐
r‐php‐da ‐data‐
mahasisw
m wa/).
mpers abase dan T
Mem siapkan Data MySQL
Tabel M L
D
jika A
ase
ataba dan tabel ya digunakan d
tabel dalam tutoria sebe
mahaasiswa. J
Jadi, lang
dah
Anda sud men
ang
al
dalam tu
elumnya, mengenai en
gkah meembuat databas dan ta
ncoba tutorial tersebut.
,
utorial ini, sama seperti database dan
se
ntri, edit dan delete data
erlu
abel ini tidak pe dilakkukan
Perta ah base di MySQL dengan nama dbmah
ama kali buatla datab L a hasiswa. Selanjutnya
lah gan dan gan ya gai
buatl tabel di MySQL deng nama mhs d deng spesifikasiny sebag berikuut:
-+-----
+---------- ---------+---- ---+---------+
---+--- --+
+------
| Field e
| Type ll ey
| Nul | Ke | Default | Extra |a
-+-----
+---------- ---------+---- ---+---------+
---+--- --+
+------
m
| nim char(10) | NO
| varc RI
| PR | | |
ma
| nam char(30) | NO
| varc | | | |
| alamat t
| text | NO | | | |
e
| tgllahir | date | NO | | | |
-+-----
+---------- ---------+---- ---+---------+
---+--- --+
+------
Setelah tabel ang lan HPMyAdmin seb
lnya dibuat, kura lebih tampil di PH rikut:
bagai ber
mbar 1 Struktur Tab mhs di PHPMyAdmin
Gam bel
rial
Tutor ini d n
ditujukan untuk membu aplikasi penc
uat ata
carian da sede hal
erhana. Dalam h ini
akan me
kita a elakukan pencarian berd
dasarkan salah satu field (yaitu n
n d dari el
nama) d tabe mhs
Achm Soli
mad di r)
ichin (Univ. Bud Luhur Page 2
P
Membu Pencaria Dat Mah
M uat an ta wa
hasisw
yang sudah dibuat. Setelah Anda memahami tu utorial ini, selanjutnya dapat Anda
kemb rian g kompleks
bangkan sendiri menjadi pencar yang lebih k s.
mbuat Kone ke MySQ di D mweav
Mem t eksi e QL Dream ver
S
dari k
tnya kita akan m
elanjut
yang su
udah ter
efinition di Drea
Site De
a
rsedia di Macro
SQL
mengkoneksikan PHP d
omedia D
er h
n
Dreamw
ari
koneksi ke MyS juga bergantung da site d
dengan MySQL memanfaatkan tools
weaver. Jangan lupa pas
amweave sudah dibuat dengan benar, karena keberhasilan
t n
n
stikan b
definition tersebut. Seka lagi b
ali
bahwa
bahwa
kah un k
langk inipu tidak perlu d dilakukan jika A
n, dah
Anda sud men ncoba ap it
plikasi entri, edi dan
te
delet di tuto belumnya.
orial seb
kut ngkah‐la
Berik ini lan angkahnya:
file gan ma
1. Buatlah f deng nam searc ch_mhs.php seb untuk pe
bagai halaman u n
encarian data
mahasisw
m wa.
Aktifkan (buka) panel A
2. A Applicat ng
tion yan bera s
ada di sebelah sisi window u utama
Dreamwe
D hat
eaver (lih gambar)
ses a
3. Buka tab Databas pada panel A tion
Applicat terse ebut.
bol
4. Klik tomb [+] y rdapat d dalam tab Da
yang ter di m lih
atabases dan pil sub‐m menu M MySQL
Connection.
C
Akan dita
5. A n
ampilkan window isian M
w MySQL C at nama koneksi,
Connection (Liha gambar). Isi n
sql,
host mys user rname, dan pas u
ssword MySQL dengan benar (1), lalu klik to ombol
Select… uuntuk mmemilih databas yang akan digunakan (2) dan klik to
se n OK
ombol O (3)
untuk me enyimpan konfig oneksi M
gurasi ko MySQL.
6. Jika kone berh
eksi a
hasil maka pada panel A tion tab Databases akan ditamp
Applicat n pilkan
in i kut ang dapat dalam data
nformasi database berik tabel‐tabel ya terd abase teersebut.
mbar 2. Pan Application Tab Database untuk Me
Gam nel oneksi
embuat Ko
Achm Soli
mad di r)
ichin (Univ. Bud Luhur Page 3
P
Membu Pencaria Dat Mah
M uat an ta wa
hasisw
3. w Connection
Gambar 3 Window MySQL C n
pilan jika Koneksi D
Gambar 4. Tamp B
Database Berhasil
mbuat Halaman u
Mem t Pencarian D
untuk P M
Data Mahasiswa
S njutnya d
selan
etelah koneksi ke data
uat
membu hala
MySQL. Kita a
aman un
akan me
abase My
ntuk me
ySQL be
erhasil dilakukan maka selanjut
n
elakukan penca
embuat form untuk me
an
data hasil pencarian aka ditampilkan ddalam be
n,
ata
arian da mah
emasukk key
tnya kita akan
hasiswa ke data
kan yword pencarian dan
bel. am
a
n
entuk tab Dala tutor ini
abase
rial
pencarian ak dilakukan be
kan an a
erdasarka nama mahas siswa.
kut
Berik ini lan angkahnya:
ngkah‐la
file gan ma
1. Buatlah f deng nam searc ch_mhs.php seb bagai halaman u encarian data
untuk pe n
mahasisw (jika s
m wa dak u t
sudah dibuat, tid perlu dibuat lagi).
2. Buatlah f form pe ari
encarian yang terdiri da inpu utan text engan n
tfield de nama inputan
‘k d’
keyword dan to ombol ‘Search!’. Lihat ga
ambar 5!.
Ubah method dari form menjadi GET dengan cara memilih (klik) area fo dan ubah
3. U i orm
n
di bagian Proper rties (dibawah w ). od
window utama) Metho GET banyak dipilih d dalam
pencarian karena kemud
aplikasi p n a dahannya dan da
a kses
apat diak melalui URL L.
4. Buatlah R et u
Recordse melalui menu Insert > Applic O
cation Objects > Record u
dset atau icon
enu plication.
yang berada pada me App .
5. Pada window Rec ambar 6!), atur n
cordset (lihat ga nama re , si,
ecordset, koneks nama tabel
ang
ya digu dan a an
unakan d juga filter. Filter merupaka bagian yang p penting dalam pproses
n na
pencarian diman akan menent tukan reecord ya akan ditamp
ang n pilkan sesuai deengan
eyword pencaria Teka tombo OK un
ke an. an ol ntuk mel lanjutkan.
etelah R
6. Se Recordset hasil pencar rbentuk, sekarang tingg men
rian ter gal nampilkaannya
dalam be abel. Let
entuk ta takkan c cursor di posisi hasil pe
i encarian yang di n
iinginkan dan
nu rt
pilih men Inser > App n
plication Objects > Dy D
ynamic Data > Dynamic Table. Dan
Achm Soli
mad di r)
ichin (Univ. Bud Luhur Page 4
P
Membu Pencaria Dat Mah
M uat an ta wa
hasisw
se nya n
elanjutn akan ditamp pilkan w
window Dynami Table. Atur R
ic et
Recordse dan tekan
ombol O untuk melanju
to OK k mbar 7!
utkan. Lihat gam
Halaman sudah d
7. H dapat dic unning), coba ke
coba (ru k ian
etikkan keyword pencari dan tekan
ombo Se
to earch! m r
maka akan keluar hasil peencariannnya.
ebagai tambahan, kita juga d
8. Se a dapat mmengatur agar tabel h hasil penncarian tidak
dimuncul hulu saa pertam kali h
lkan terlebih dah at ma temukan data
halaman diakses. Jika dit n
se
esuai keeyword yang d diberikan makan tabel hasil pencarian akan ditamp
n n p pilkan,
ebalikny jika tid ditemukan m
se ya dak maka tampilkan pesan bahwa d
n b ak
data tida ditemmukan.
Untuk menjadika tabel hasil p
U an l pencarian hanya muncu jika d
a ul data dite ,
emukan, blok
abel has penca
ta sil n menu Ins
arian dan pilih m sert > A
Applicatio Obje > Sh
on ects how Reg gion >
Show If Record ot ty
dset No Empt dan akan ditampilk kan window un ntuk meemilih
R et
Recordse (lihat ggambar 9). Pilih Records dan t
set ombol OK untuk melanju
tekan to utkan.
Se an k
edangka untuk menam mpilkan pesan j jika data tidak ditemuk
a d kan, lakuukan hal yang
ama, tet pilih Show If Record Emp
sa tapi h dset pty.
program di brow den
9. Preview p m wser ngan menekan to ombol F12.
ambar 5. F
Ga carian Dat Mahasis
Form Penc ta swa
Achm Soli
mad di r)
ichin (Univ. Bud Luhur Page 5
P
Membu Pencaria Dat Mah
M uat an ta wa
hasisw
set menampilk Hasil Pencarian
Gambar 6. Records untuk m kan n
ambar 7. M
Ga kan Pencarian dengan Dynamic Ta
Menampilk Hasil P able
Achm Soli
mad di r)
ichin (Univ. Bud Luhur Page 6
Membu Pencaria Dat Mah
M uat an ta wa
hasisw
mbar 8. Se
Gam k)
elect (Blok Tabel Hasil Pencarian
Gamb 9. Wind Show If Record Is Not Empty
bar dow w dset
mbar 10. T
Gam setelah dia
Tampilan s n an ilkan
atur Region yang aka ditampi
Achm Soli
mad di r)
ichin (Univ. Bud Luhur Page 7
Membu Pencaria Dat Mah
M uat an ta wa
hasisw
mbar 11. H
Gam pilan Progr
Hasil Tamp owser
ram di Bro
impula
Kesi an
M
langk
acromedia Dream
en edit, delete dan tam
ntri,
pe
encarian data de
kah dasa
a
untuk ta
arnya, u
mweaver selain dapat digunak untu mem
r
engan ce
epat. Da
ga
ampilan yang lebih ba
t
mpil, jug dapat digunakan unt mem
alam tuto
kan
ta
uk
tuk
orial ini hanya d
agus, kit bisa mengem
mbuat ap
mbuat ap
disampaikan lan
mbangka
plikasi
plikasi
ngkah‐
annya
sendiiri.
erkait L
Artikel Te ya
Lainny
/achmati
1. http:// 2008/12/2
im.net/2 22/dream
mweaver an-mysq
r-php-da -aplikasi
ql-untuk- i-
data-m wa/
mahasisw
/achmati
2. http:// 2009/01/05/dream
im.net/2 mweaver r-php-da
an-mysq -aplikasi
ql-untuk- i-
data-m wa-bag-2/
mahasisw
/achmati
3. http:// 2009/04/15/buku
im.net/2 pemrograman-w
u-gratis-p web-deng gan-php-dan-
mysql/
Achm Soli
mad di r)
ichin (Univ. Bud Luhur Page 8
P
Membuat Pencarian Data Mahasiswa
Tentang Penulis
Achmad Solichin. Adalah Lulusan Teknik Informatika, Fakultas
Teknologi Informasi, Universitas Budi Luhur, Jakarta (S1, 2005). Saat
ini sedang menempuh pendidikan S2 di Magister Teknologi Informasi
Universitas Indonesia (2008). Kegiatan sehari‐hari adalah sebagai
Dosen di Universitas Budi Luhur (http://www.bl.ac.id), sekaligus
sebagai Kepala Laboratorium Komputer Universitas Budi Luhur
(http://labkom.bl.ac.id). Kegiatan lain aktif sebagai programmer, web
developer, system analyst dan memberikan pelatihan di berbagai bidang komputer
serta membuat tutorial‐tutorial praktis di bidang komputer. Penulis juga terlibat dalam
pengembangan E‐Learning di Universitas Budi Luhur. Penulis memiliki situs utama di
http://achmatim.net yang berisi berbagai tutorial praktis. Penulis dapat dihubungi
melalui email di achmatim@gmail.com atau YM achmatim.
Achmad Solichin (Univ. Budi Luhur) Page 9