Anda di halaman 1dari 41

141

DASAR DASAR PEMROGRAMAN WEBSIT E


Menggunakan HTML, PHP, dan MySQL
UNIVERSITAS NEGERI SEMARANG ( UNNES
IN!ORMATION AND "OMUNI"ATION TE"HNOLOG# BIDANG $EMAHASISWAAN
%&' e ( %&)a*a+unne%+a,+&d -- )a&. ( %&)a*a/unne%+a,+&d
Di dalam desain web, tidak akan bisa lepas dengan yang namanya HTML (Hypertext
Markup Language). HTML adalah bahasa standar yang digunakan untuk
menyusun/membangun suatu halaman web.
Meskipun telah muncul sotware!sotware yang dapat digunakan untuk membangun suatu
halaman web tanpa susah!susah memperhatikan struktur HTML!nya, tidak ada salahnya
kalau HTML itu sendiri dipela"ari. Manaat yang diperoleh apabila mempela"ari HTML
selain mampu membangun halaman web, "uga dapat dikembangkan untuk pemrograman
web. #emrograman web akan selalu terkait dengan HTML tersebut. #emrograman web
biasanya dikembangkan untuk membangun web yang dinamis.
$etiap homepage yang dikun"ungi, pasti bisa di"umpai HTML!nya yang selan"utnya disebut
SOURCE.
A. Striuktur HTML
%ahasa HTML (tag) dapat ditulis/dibuat melalui berbagai macam word editor, misalnya
&otepad, 'ordpad, #H# Designer ())*, dll. Tag!tag tersebut dapat dituliskan dengan
huru besar ataupun huru kecil. $etelah tag HTML ditulis dengan menggunakan
&otepad atau word editor yang lain, simpanlah ile tersebut dengan ormat ile
nama+ile.htm atau nama+ile.html
$ebagai contoh, ile HTML tersebut disimpan dengan nama inde,.htm atau inde,.html
-dapun struktur HTML adalah sbb.
/HTML0
/H1-D0
/M1T-0
/T2TL10 3 //T2TL10
//H1-D0
/%4D50
3
//%4D50
HYPERTEXT MARKUP LANGUAGE (HTML)
By ITC Bi!"# K$%!&!'i'(!!" U"i)$r'it !' N$#$ri S$%!r!"#
1
//HTML0
6eterangan.
- Tag HTML secara deault dimulai dari /HTML0 dan diakhiri dengan //HTML0.
- Tag /H1-D0 3 //H1-D0 merupakan tag kepala sebelum badan. Tag kepala ini
akan terlebih dulu dieksekusi sebelum tag badan. Di dalam tag ini berisi tag
/M1T-0 dan /T2TL10. Tag /M1T-0 merupakan inormasi atau header suatu
dokumen HTML. -tribut yang dimiliki oleh tag ini antara lain.
- HTT#+17829, atribut ini berungsi untuk menampilkan dokumen HTML secara
otomatis dalam "angka waktu tertentu.
- :4&T1&T, atribut ini berisi inormasi tentang isi document HTML yang akan
dipanggil.
- &-M1, atribut ini merupakan identiikasi dari meta itu sendiri.
Tag /M1T-0 dalam suatu document HTML boleh ada maupun tidak.
$edangkan tag /T2TL10 3 //T2TL10 adalah tag "udul. $ebaiknya setiap halaman
web memiliki "udul, dan "udul tersebut dituliskan di dalam /T2TL10 3 //T2TL10.
;udul ini akan muncul dalam titlebar dari browser.
- $edangkan tag /%4D50 3 //%4D50 adalah tag berisi content dari suatu halaman
web.
$etelah tag tersebut di atas ditulis, simpan dalam ormat .htm atau .html (misal
inde,.htm) akan tetapi terlebih dahulu ubah S!)$ !' ty*$ ke dalam A++ ,i+$'.
6emudian tentukan letak direktori mana ile tersebut akan disimpan, selan"utnya klik
S!)$.
$elan"utnya document HTML tersebut dipanggil dengan browser untuk melihat
hasilnya.
Dari tampilan pada browser di atas, dapat terlihat bahwa apa yang ditulis pada
/T2TL10 3 //T2TL10 akan muncul pada titlebar browser dan apa yang ditulis pada
/%4D50 3 //%4D50 akan muncul pada halaman web.
8ntuk selan"utnya, kita hanya akan memperhatikan tag!tag yang ada di dalam
/%4D50 3 //%4D50 karena bentuk tampilan/desain web tergantung pada tag yang
ditulis di dalam /%4D50 3 //%4D50.
B. P$"yu"ti"# T$-t
%erikut ini berbagai macam tag yang dapat digunakan untuk penyuntingan teks.
<. Heading
(. =aris hori>ontal
?. Teks miring
@. Teks tebal
*. Teks dengan garis bawah
A. :enter
B. #aragra
C. -lignment (Data kiri, tengah, kanan, "ustiikasi)
E. ;enis huru
<). $uperscripts
<<. $ubscripts
<(. List/datar
#en"elasannya .
1. H$!i"#
Fungsi . untuk membuat/memilih ukuran teks, umumnya untuk "udul karena
ukurannya yang besar.
$intaks .
/H<0 3 //H<0,
/H(0 3 //H(0,
/H?0 3 //H?0, s/d
/HA0 3 //HA0
6et . $emakin besar angka < s/d A maka semakin kecil ukuran hurunya.
:ontoh .
/HTML0
/H1-D0
/T2TL10#enyuntingan teks dengan Heading//T2TL10
//H1-D0
/%4D50
/H<0Teks ini ditulis dengan H<//H<0
/H(0Teks ini ditulis dengan H(//H(0
//%4D50
//HTML0
:oba hasilnya -nda lihat di browser, selan"utnya bandingkan apabila digunakan
/H?03//H?0, /H@03//H@0, dst.
.. G!ri' &/ri0/"t!+
Fungsi . membuat garis hori>ontal penuh pada layar/halaman web
$intaks . /HD0
:ontoh .
/HTML0
/H1-D0
/T2TL10=aris Hori>ontal//T2TL10
//H1-D0
/%4D50
/H<0Di bawah tulisan ini ada garis hori>ontal//H<0
/HD0
//%4D50
//HTML0
6et . #enulisan /HD0 bisa terletak dibawah suatu teks atau di sampingnya.
:ontoh .
/HTML0
/H1-D0
/T2TL10#enyuntingan teks dengan Heading//T2TL10
//H1-D0
/%4D50
/H<0Di bawah tulisan ini ada garis hori>ontal//H<0/HD0
//%4D50
//HTML0
:oba -nda bandingkan apakah kedua contoh di atas ada bedanyaG
1. T$k' %iri"# (It!+i2)
$intaks . /20 3 //20
:ontoh .
/HTML0
/H1-D0
/T2TL10#enyuntingan teks dengan italic//T2TL10
//H1-D0
/%4D50
/H<0/20Teks ini ditulis dengan H< dan miring//20//H<0
//%4D50
//HTML0
4. T$k' t$3!+ (3/+)
$intaks . /%0 3 //%0
:ontoh .
/HTML0
/H1-D0
/T2TL10#enyuntingan teks dengan bold//T2TL10
//H1-D0
/%4D50
/H<0/%0Teks ini ditulis dengan H< dan bold//%0//H<0
//%4D50
//HTML0
-pabila diinginkan suatu teks miring dan tebal, perhatikan penulisan berikut ini.
/HTML0
/H1-D0
/T2TL10#enyuntingan teks dengan italic dan bold//T2TL10
//H1-D0
/%4D50
/H<0/20/%0Teks ini ditulis dengan H<, miring dan tebal
//%0//20//H<0
//%4D50
//HTML0
#enulisan /20, /%0 dan //20, //%0 bisa dibolak!balik, misalnya
/20/%0Teks ini ditulis dengan H<, miring dan tebal //%0//20
atau
/%0/20Teks ini ditulis dengan H<, miring dan tebal //20//%0
atau
/20/%0Teks ini ditulis dengan H<, miring dan tebal //20//%0
atau
/%0/20Teks ini ditulis dengan H<, miring dan tebal //%0//20
4. T$k' $"#!" #!ri' 3!(!& (u"$r+i"$)
$intaks . /80 3 //80
:ontoh .
/HTML0
/H1-D0
/T2TL10#enyuntingan teks dengan underline//T2TL10
//H1-D0
/%4D50
/H<0/80Teks ini ditulis dengan H< dan bergaris bawah//80//H<0
//%4D50
//HTML0
-pabila suatu teks dengan gabungan siat bold, italic, dan underlined maka
penulisannya
/HTML0
/H1-D0
/T2TL10#enyuntingan teks dengan bold, italic, dan bergaris bawah
//T2TL10
//H1-D0
/%4D50
/H<0/20/%0/80Teks ini ditulis dengan H<, bold, italic dan miring
//80//%0//20//H<0
//%4D50
//HTML0
5. C$"t$r
Fungsi . membuat teks (tunggal) berada di tengah halaman
$intaks . /center0 3 //center0
:ontoh .
/HTML0
/H1-D0
/T2TL10Teks :enter//T2TL10
//H1-D0
/%4D50
/:1&T1D0Tulisan ini berada di tengah//:1&T1D0
//%4D50
//HTML0
6. P!r!#r!7
Fungsi . untuk memisahkan paragra yang satu dengan yang lain
$intaks . /#0 3 //#0
:ontoh .
/HTML0
/H1-D0
/T2TL10#aragra//T2TL10
//H1-D0
/%4D50
/H<0:ontoh paragra//H<0/HD0
/#0Di dalam desain web, tidak akan bisa lepas dengan yang namanya
HTML (Hyperte,t Markup Language). HTML adalah bahasa standar yang
digunakan untuk menyusun/membangun suatu halaman web.//#0
/#0 Meskipun telah muncul sotware!sotware yang dapat digunakan untuk
membangun suatu halaman web tanpa susah!susah memperhatikan struktur
HTML!nya, tidak ada salahnya kalau HTML itu sendiri dipela"ari.//#0
//%4D50
//HTML0
8. A+i#"%$"t
Fungsi . untuk mengatur ormat tampilan teks/paragra apakah rata kiri,
kanan, kiri dan kanan, atau tengah,
$intaks .
/# -L2=&Hright03//#0 untuk rata kanan
/# -L2=&Hlet03//#0 untuk rata kiri
/# -L2=&Hcenter03//#0 untuk rata tengah
/# -L2=&H"ustiy03//#0 untuk rata kiri dan kanan
atau
/HG -L2=&Hright03//HG0
/HG -L2=&Hlet03//HG0
/HG -L2=&Hcenter03//HG0
/HG -L2=&H"ustiy03//HG0
:ontoh .
/HTML0
/H1-D0
/T2TL10-lignment #aragra//T2TL10
//H1-D0
/%4D50
/H< -L2=&Hright0:ontoh paragra//H<0/HD0
/# -L2=&H"ustiy0Di dalam desain web, tidak akan bisa lepas dengan yang
namanya HTML (Hyperte,t Markup Language). HTML adalah bahasa
standar yang digunakan untuk menyusun/membangun suatu halaman
web.//#0
/# -L2=&H"ustiy0 Meskipun telah muncul sotware!sotware yang dapat
digunakan untuk membangun suatu halaman web tanpa susah!susah
memperhatikan struktur HTML!nya, tidak ada salahnya kalau HTML itu
sendiri dipela"ari.//#0
//%4D50
//HTML0
9. :$"i' !" ukur!" &uru7
Fungsi . 8ntuk mengubah "enis huru dan ukuran huru
$intaks . /F4&T F-:1HI"enis+huruI $2J1HIukuran+huruI0 ... //F4&T0
K)
;enis+huru . Times new roman, arial, Lerdana, dll
8kuran+huru . <, (, ?, @, ...
:ontoh .
/HTML0
/H1-D0
/T2TL10;enis dan 8kuran Fontasi//T2TL10
//H1-D0
/%4D50
/F4&T F-:1HI9erdanaI $2J1HI<I0 Teks ini ditulis dengan "enis huru
9erdana dan ukuran < pt //F4&T0/%D0/%D0
/F4&T F-:1HI-rialI $2J1HI?I0 Teks ini ditulis dengan "enis huru -rial dan
ukuran ? pt //F4&T0
//%4D50
//HTML0

1;. Su*$r'2ri*t'
Fungsi . membuat teks naik (indeks atas)
$intaks . /$8#0 ... //$8#0
:ontoh .
/HTML0
/H1-D0
/T2TL10$uperscripts//T2TL10
//H1-D0
/%4D50
#ersamaan ,/$8#0(//$8#0M(,!@H) adalah salah satu bentuk
persamaan kuadrat
//%4D50
//HTML0
11. Su3'2ri*t'
Fungsi . membuat teks turun (indeks bawah)
$intaks . /$8%0 ... //$8%0
:ontoh .
/HTML0
/H1-D0
/T2TL10$ubscripts//T2TL10
//H1-D0
/%4D50
Dumus kimia asam sulat adalah H/$8%0(//$8%0$4/$8%0@//$8%0
//%4D50
//HTML0
1.. Li't<!7t!r
Fungsi . membuat datar/list
$intaks .
8ntuk datar yang memperhatikan urutan (4rdered List)
/4L0
/L20 item < //L20
/L20 item ( //L20
/L20 item ? //L20
/L20 item @ //L20
//4L0
8ntuk datar yang tidak memperhatikan urutan (8nordered List)
/8L0
/L20 item < //L20
/L20 item ( //L20
/L20 item ? //L20
/L20 item @ //L20
//8L0
:ontoh .
/HTML0
/H1-D0/T2TL10Datar/List//T2TL10//H1-D0
/%4D50
:ontoh list yang urut. /%D0
/4L0
/L202tem < //L20
/L202tem ( //L20
/L202tem ? //L20
/L202tem @ //L20
//4L0
/%D0/%D0
:ontoh list yang tak urut. /%D0
/8L0
/L202tem < //L20
/L202tem ( //L20
/L202tem ? //L20
/L202tem @ //L20
//8L0
//%4D50
//HTML0
C. M$%3u!t T!3$+
Di dalam sebuah tabel, terdapat elemen!elemen yang terdiri dari baris dan kolom. ;adi
ketika anda ingin membuat tabel, tentukan dulu "umlah baris dan kolomnya.
%erikut contoh tag HTML apabila diinginkan membuat tabel dengan ( baris dan <
kolom.
/T-%L10
/TD0/TD0%aris ke!<//TD0//TD0
/TD0/TD0%aris ke!(//TD0//TD0
//T-%L10
#erhatikan contoh di atas, setiap kali baris baru ditandai dengan /TD03//TD0. Di
dalam /TD03//TD0 terdapat /TD03//TD0 yang menandai adanya kolom.
$eandainya dalam < baris terdapat ( kolom berarti tag HTMLnya men"adi
/TD0/TD06olom ke!<//TD0/TD06olom ke!(//TD0//TD0
%erarti apabila diinginkan tabel dengan ? baris dan ( kolom, tag HTML nya adalah
/T-%L10
/TD0/TD0%aris 2, 6olom 2//TD0/TD0%aris 2, 6olom 22//TD0//TD0
/TD0/TD0%aris 22, 6olom 2//TD0/TD0%aris 22, 6olom 22//TD0//TD0
/TD0/TD0%aris 222, 6olom 2//TD0/TD0%aris 222, 6olom 22//TD0//TD0
//T-%L10
-pabila tag tersebut disisipkan dalam /%4D503//%4D50 maka akan tampil tampil
tabel pada halaman web, tapi tanpa garis tepi/border. 8ntuk menampilkan bordernya,
sisipkan N%4DD1D H ukuranN pada /T-%L10, dengan ukuran H ), <, (, 3
-pabila ukuran H ), maka tanpa border. Dan semakin besar nilai ukuran maka
semakin tebal bordernya.
:ontoh.
/T-%L1 %4DD1DH<0
/TD0/TD0%aris 2, 6olom 2//TD0/TD0%aris 2, 6olom 22//TD0//TD0
/TD0/TD0%aris 22, 6olom 2//TD0/TD0%aris 22, 6olom 22//TD0//TD0
/TD0/TD0%aris 222, 6olom 2//TD0/TD0%aris 222, 6olom 22//TD0//TD0
//T-%L10
%erikut ini beberapa atribut yang bisa disisipkan pada /T-%L10
Atri3ut ,u"#'i
'2DTH H pan"ang Mengatur lebar tabel
%=:4L4D H warna Memberi eek warna latar pada
tabel
-L2=& H Olet P center P rightQ #erataan tabel
%-:6=D48&DHurl Memberi eek background
menggunakan gambar
NB=
8ntuk nilai Lariabel Npan"angN di atas, dapat berupa R artinya apabila dituliskan
/T-%L1 '2DTHH<))R0 maka lebar tabel adalah sepan"ang (hori>ontal) halaman
web. %erarti apabila diinginkan lebar tabelnya separo halaman web, diberi nilai
*)R dst.
$elain R dapat pula bernilai se"umlah pi,elnya. 8ntuk sepan"ang (hori>ontal)
halaman web, "umlah pi,elnya adalah C)). Dengan perbandingan tersebut, -nda
diharapkan bisa membuat perbandingan sendiri "umlah pi,el untuk menentukan
lebar tabel.
-L2=& digunakan untuk meletakkan tabel apakah di tengah, di kiri atau di kanan.
8ntuk nilai Lariabel NwarnaN adalah sama seperti yang digunakan pada atribut
:4L4D pada /F4&T0.
>. Li"k
Link adalah suatu metode dalam perancangan website untuk menghu!bungkan ile
yang satu dengan ile yang lain, atau menghubungkan halaman dengan gambar yang
berada pada lokasi yang berbeda.
$intaks .
/- HD1FHSlokasi halaman atau 8DLS T-D=1TH+%L-&60&ama Link//-0
:ontoh.
/- HD1FHSinde,(.htmS06lik di sini//-0
:ontoh di atas adalah membuat link ke halaman inde,(.htm. -rtinya ketika diklik S6lik
di siniS selan"utnya akan tampil isi dari halaman inde,(.htm (berada dalam < direktori
yang sama dengan ile yang berisi link tersebut).
/- HD1FHShttp.//www.yahoo.comS T-D=1TH+%L-&60www.yahoo.com//-0
:ontoh di atas adalah untuk membuat link ke situs yahoo.com
E. M$"!%*i+k!" G!%3!r
8ntuk memasukkan/insert gambar ke dalam halaman web digunakan sintaks
/2M= $D:HSlokasi gambarS0
6eterangan.
Slokasi gambarS berisi letak ile gambar, bisa berupa direktori maupun 8DL dan nama
ilenya.
:ontoh .
/2M= $D:HSgambar<."pgS0
Tag HTML di atas adalah untuk menyisipkan gambar dengan nama ile gambar<."pg ke
dalam halaman web. -dapun ile gambar<."pg berada dalam < direktori yang sama
dengan halaman yang ada tag tersebut.
/2M= $D:HShttp.//myweb.com/image/gambar(.giS0
Tag HTML di atas untuk menyisipkan ile gambar dengan letaknya seperti yang ditulis
dalam 8DL.
%erikut beberapa atribut yang dapat disisipkan pada /2M=0
Atri3ut ,u"#'i
%4DD1D H ukuran Memberi border/garis tepi gambar
'2DTH H ukuran Menyatakan ukuran lebar gambar
H12=HT H ukuran Menyatakan ukuran tinggi gambar
-L2=& H Olet P center P rightQ Mengatur letak gambar
&%.
&ilai NukuranN pada %4DD1D H ), <, (, 3
-pabila %4DD1D H ) maka border tidak muncul.
&ilai NukuranN pada '2DTH dan H12=HT adalah ukuran pi,el
:ontoh
/2M= $D:HSgambar(.giS %4DD1DH< '2DTHH()) H12=HTH<)) -L2=&HL1FT0
Tag di atas untuk menyisipkan gambar dengan nama ile gambar gambar(.gi, diberi
border, lebar dan tinggi adalah ()) dan <)) pi,el, serta letak gambar berada di
sebelah kiri halaman.
%anyak pemakai internet yang sudah memiliki homepage di internet. &amun sebagian
besar web yang mereka miliki adalah web statis. 6ebanyakan mereka masih belum
memahami bagaimana web yang dinamis. :iri!ciri web dinamis adalah adanya interaksi
antara user dengan sistem/pemilik web, dapat menampilkan inormasi!inormasi dari
database, halaman!halaman web dapat berubah secara otomatis.
8ntuk mendukung web dinamis dibutuhkan suatu pemrograman web. %erdasarkan tempat
di"alankannya perintah!perintah dalam pemrograman web, terdapat ( "enis kategori.
<. :lient side programming
(. $erLer side programming
#ada client side programming, script programnya di"alankan di client atau dalam hal ini
adalah browser internetnya. :ontoh kategori ini adalah pemrograman "aLascript, "aLa
applet. $edangkan serLer side programming script programnya di"alankan di serLer.
%eberapa bahasa pemrograman yang termasuk kategori ini adalah #erl (the oldest), :=2,
#H#, -$#, #hyton.
#H# (#H#. Hyperte,t #reprocessor) diciptakan oleh Dasmus Lerdor. #H# awal mulanya
hanya digunakan oleh penciptanya untuk mencatat pengun"ung pada hompagenya
(semacam hit counter). Dasmus salah seorang yang mendukung opensource, maka ia
mengeluarkan #ersonal Home #age (#H#) Tools Lersi <.). #H# terus dikembangkan dan
sampai saat ini Lersinya sudah mencapai *.)
#H# memiliki beberapa kelebihan dibanding serLer side programming lain, yaitu mudah
dibuat dan kecepatan prosesnya yang tinggi. $elain itu #H# "uga support pada banyak 4$
seperti 8ni,/Linu,, 'in EC, 'in &T dan turunannya, Macintosh. #H# "uga dapat di"alankan
bersama dengan web serLer seperti #'$ (#ersonal 'eb $erLer), -pache, 22$. 6elebihan
yang lain adalah #H# dapat diletakkan dalam tag HTML atau dikatakan #H# merupakan
bahasa yang embedded.
HYPERTEXT PREPROCESSOR
By ITC Bi!"# K$%!&!'i'(!!" U"i)$r'it !' N$#$ri S$%!r!"#
2
A. M$%u+!i PHP
6ita bisa menggunakan N/t$*! untuk membuat script #H#, meskipun ada sotware
editor lain yang lebih canggih misalnya PHP >$'i#"$r, dll. 6ode #H# diawali dengan
tanda ?@ dan diakhiri dengan @A. :ara lain adalah diawali dengan ?@*&* dan diakhiri
dengan @A.
%erikut contoh script #H# sederhana.
2/3!1.*&*
/G#H#
echo S2ni adalah script #H# saya yang pertama/%D0ST
echo S$aya sedang bela"ar #H#ST
G0
$impan dan "alankan di browser, lihat apa yang tampak. Fungsi $2&/ adalah
mencetak terhadap teks yang diapit oleh tanda B ke dalam browser.
$cript #H# bisa "uga ditulis dalam tag HTML.
2/3!..*&*
/html0
/head0/title0contoh script #H# dalam html//head0
//head0
/body0
/G#H# 1cho Sini adalah teks yang disisipkan ke dalam tag HTMLST G0
//body0
//html0
B. M$"#$"!+ C!ri!3$+
Dalam #H#, Lariabel yang akan digunakan tidak dideinisikan terlebih dahulu. 9ariabel
dalam #H# bersiat case-sensitive artinya besar kecil huru berpengaruh. $etiap nama
Lariabel dalam #H# diawali dengan D. :ontoh ULariabel<, ULar<, ULar(. #erlu diingat
bahwa U9-D<) itu berbeda dengan U9ar<) (ingat siat case!sensitiLe).
:ontoh script
)!r1.*&*
/G#H#
Ua H <))T
Ub H *)T
Uc H UaMUbT
echo S2si dari Lariabel a H Ua/br0ST
echo S2si dari Lariabel b H Ub/br0ST
echo Sa M b H UcST
G0
Lihat apa yang tampakVV %agaimana bila kita ingin mencetak di browser UaGG sertakan
tanda ED di depan a. $ehingga scriptnya men"adi
)!r..*&*
/G#H#
Ua H <))T
Ub H *)T
Uc H UaMUbT
echo S2si dari Lariabel WUa H Ua/br0ST
echo S2si dari Lariabel WUb H Ub/br0ST
echo SWUa M WUb H UcST
G0
%andingkan perbedaan tampilan dari Lar<.php dengan Lar(.phpV
1. Ti*$ !t! )!ri!3$+
#ada contoh Lar<.php dan Lar(.php di atas, tipe data dari Lariabel Ua, Ub, dan Uc
adalah integer (bulat) karena assignment terhadap ketiganya melibatkan bilangan
bulat (<)), *), serta <))M*)). %erikut contoh Lariabel yang bertipe data real.
)!r1.*&*
/G#H#
U, H <.(*T
Uy H <)T
U> H U,MUyT
echo S2si dari Lariabel WU, H U,/br0ST
echo S2si dari Lariabel WUy H Uy/br0ST
echo SWU, M WUy H U>ST
G0
#ada contoh diatas, Lariabel U, bertipe data real karena diassign oleh nilai <.(*
(real), akan tetapi Uy bertipe data integer karena diassign oleh nilai <) (integer).
$edangkan U> bertipe data real karena r$!+Fi"t$#$r dihasilkan r$!+.
8ntuk assignment dengan tipe data string/char, perhatikan contoh berikut.
)!r4.*&*
/G#H#
Ute,t< H S#emrograman webST
Ute,t( H Sdengan #H#ST
echo S2si dari Lariabel WUte,t< H Ute,t</br0ST
echo S2si dari Lariabel WUte,t( H Ute,t(/br0ST
echo S=abungan dari WUte,t< dan WUte,t( adalah H Ute,t< Ute,t(ST
G0
2. Menerima masukan user
$ecara umum masukan dari user melalui sebuah orm yang kemudian akan
disubmit untuk selan"utnya diproses oleh script #H#, dan akhirnya diperoleh suatu
output yang ditampilkan pada browser. $ebagai contoh, kita akan membuat aplikasi
web interakti yang meminta user memasukkan ( buah bilangan sebarang,
kemudian script #H# akan memberikan output hasil "umlahan ( buah bilangan
tersebut.
8ntuk itu, terlebih dahulu kita membuat orm dan simpan sebagai ile orm.html
7/r%.&t%+
/html0
/head0/title0Form #en"umlahan//title0//head0
/body0
/orm methodHpost actionHorm.php0
%ilangan pertama /input typeHte,t nameHbil<0/br0
%ilangan kedua /input typeHte,t nameHbil(0/br0
/input typeHsubmit nameHsubmit LalueH;umlahkan0
/input typeHreset nameHreset LalueHHapus0
//orm0
//body0
//html0
$edangkan script untuk pengolahan input (orm.php) isinya adalah sbb.
7/r%.*&*
/G#H#
Ubil<HU+#4$TONbil<NQT
Ubil(HU+#4$TONbil(NQT
Uhasil H Ubil< M Ubil(T
echo SHasil "umlahan adalah UhasilST
G0
#erhatikan isi dari orm.html di atasV #ada bagian !2ti/" diisi oleh orm.php, ini
artinya ketika tombol 'u3%it/"umlahkan diklik maka selan"utnya input 3i+1 dan 3i+.
(dari "!%$) dikirim ke ile orm.php untuk diproses. $elain menggunakan orm
untuk memberikan input, kita "uga bisa menggunakan ur+ untuk memberikan input.
:oba ketikkan url berikut pada !r$'' browser -nda
http.//3/orm.phpGbil<H<)XXbil(H*)
Maksud dari url tersebut adalah memanggil ile orm.php serta memberikan nilai
pada Lariabel 3i+1 dan 3i+. dalam ile tersebut dengan nilai masing!masing <) dan
*). $elan"utnya browser akan menampilkan hasil "umlahan yang adalah A).
3. Operator Aritmatika
M . pen"umlahan
- . pengurangan
K . perkalian
/ . pembagian
R . modulo
MM . increment, contoh. aMM sama artinya dengan a H aM<
!! . decrement, contoh. a!! sama artinya dengan a H a!<
4. Operator Logika
XX . and
PP . or
HH . sama dengan
VH . tidak sama dengan
/ . lebih kecil
0 . lebih besar
/H . lebih kecil sama dengan
0H . lebih besar sama dengan
Y4D . ,or (e,clusiLe 4D)
C. Struktur K/"tr/+
$eperti halnya bahasa pemrograman yang lain, struktur kontrol pada #H# meliputi
kondisional (2F 3 ) dan looping/perulangan.
1. K/"i'i/"!+
-da ? macam tipe kondisional, yaitu
2F3
2F3 1L$1 3
$'2T:H
%erikut pen"elasan dari tipe pengkondisian diatas .
!. I,
$intaks.
2F (kondisi)
Z
-ksi
[
6eterangan. Ak'i akan di"alankan apabila k/"i'i bernilai TRUE.
:ontoh.
,i+$ = i71.*&*
/G#H#
U, H <))T
Uy H <*)T
i (U, / Uy)
Z
echo Sy lebih besar daripada ,ST
[
G0
b. IF ELSE
$intaks.
2 (kondisi)
Z
-ksi <
[
else Z
-ksi (
[
6eterangan.
-pabila k/"i'i bernilai TRUE maka yang akan di"alankan adalah Ak'i1,
sedangkan bila k/"i'i bernilai ,ALSE maka yang akan di"alankan adalah
Ak'i..
:ontoh.
i7..*&*
/G#H#
U, H <))T
Uy H *)T
i (U, / Uy)
Z
echo Sy lebih besar daripada ,ST
[
else
Z
echo Sy lebih kecil daripada ,ST
[
G0
I, G ELSE G Hu#! 3i'! 3$r3$"tuk
i (kondisi<)
Z
aksi <
[
else i (kondisi()
Z
aksi (
[
else
Z
aksi ?
[
6eterangan.
-pabila k/"i'i1 bernilai TRUE, maka !k'i 1 di"alankan. Ak'i . akan di"alankan
apabila k/"i'i1 bernilai ,ALSE dan k/"i'i. bernilai TRUE. $edangkan Ak'i 1
akan di"alankan apabila k/"i'i1 dan k/"i'i. bernilai ,ALSE.
:ontoh.
i71.*&*
/G#H#
Unilai H B*T
i (Unilai 0H C))
Z
Unilai+huru H S-ST
[
else i (Unilai 0H B))
Z
Unilai+huru H S%ST
[
else i (Unilai 0H A))
Z
Unilai+huru H S:ST
[
else i (Unilai 0H @))
Z
Unilai+huru H SDST
[
else Z
Unilai+huru H S1ST
[
echo S&ilai -ngka H Unilai/br0&ilai Huru H Unilai+huruST
G0
Dengan menggunakan kondisional I, G ELSE kita dapat membuat script #H#
dalam satu ile yang isinya orm dan script pengolahannya.
$ebagai contoh, kita akan membuat script yang hampir sama dengan contoh
terdahulu yaitu meminta user memasukkan ( bilangan sebarang kemudian akan
tampil hasil "umlahan kedua bilangan tersebut.
i"*ut1.*&*
/G#H#
echo S/html0/head0/title0:ontoh masukan dan proses dalam satu
ile//title0//head0/body0ST
2 (Usubmit<)
Z
Uhasil H Ubil< M Ubil(T
echo SHasil "umlahan kedua bilangan adalah UhasilST
[
else
Z
echo S/orm methodHpost actionHU#H#+$1LF0
%ilangan pertama /input typeHte,t nameHbil<0/br0
%ilangan kedua /input typeHte,t nameHbil(0/br0
/input typeHsubmit nameHsubmit< LalueH;umlahkan0
/input typeHreset nameHreset LalueHHapus0//orm0/br0ST
[
echo S//body0//html0ST
G0
6eterangan.
#ertama kali ile i"*ut1.*&* dipanggil di browser, akan tampil orm karena pada
awalnya nilai dari Lariabel D'u3%it1 adalah ,ALSE. $etelah diklik disubmit maka
nilai D'u3%it1 adalah TRUE (perhatikan "!%$I'u3%it1 pada ?i"*ut
ty*$I'u3%it "!%$I'u3%it1 )!+u$I:u%+!&k!"A), maka akan tampil hasil
"umlahan kedua bilangan, sedangkan orm tidak kelihatan.
DPHPJSEL, merupakan Lariabel yang isinya adalah nama ile itu sendiri yaitu
i"*ut1.*&*. ;adi dalam hal ini apabila kita mengisikan !2ti/"Ii"*ut1.*&* akan
sama dengan bila diisi !2ti/"IDPHPJSEL,.
#erhatikan contoh berikut yang memiliki kasus yang hampir sama dengan di atas.
i"*ut..*&*
/G#H#
echo S/html0/head0/title0:ontoh masukan dan proses dalam satu
ile//title0//head0/body0ST
echo S/orm methodHpost actionHU#H#+$1LF0
%ilangan pertama /input typeHte,t nameHbil<0/br0
%ilangan kedua /input typeHte,t nameHbil(0/br/input typeHsubmit nameHsubmit<
LalueH;umlahkan0/input typeHreset nameHreset
LalueHHapus0//orm0/br0ST
2 (Usubmit<)
Z
Uhasil H Ubil< M Ubil(T echo SHasil "umlahan kedua bilangan adalah UhasilST [
echo S//body0//html0ST G0
6etika script di atas di"alankan pertama kali maka akan tampil orm. Hasil "umlahan
tidak tampak karena kondisi D'u3%it1 masih ,ALSE. $etelah i'u3%it, masih
akan tampak orm dengan hasil "umlahan di bawah orm tersebut. %andingkan
dengan script sebelumnya. Hal ini dikarenakan tampilan orm tidak ditentukan oleh
suatu kondisi (tidak di dalam 2F3 1L$13). $edangkan dalam script sebelumnya,
orm terletak di 2F 3 1L$1 3
c. Switch
$'2T:H "uga hampir sama dengan 2F 3
$truktur $'2T:H adalah
S(it2&(k/"i'i)
K
2!'$ konstanta< =
pernyataan<T
3r$!kL
2!'$ konstanta( .
pernyataan(T
3r$!kL
2!'$ konstanta? .
pernyataan?T
3r$!kL
.
.
.
$7!u+t .
pernyataan deaultT
M
6eterangan.
P$r"y!t!!"1 akan di"alankan apabila dipenuhi k/"i'i I k/"'t!"t!1,
demikian pula untuk *$r"y!t!!". dan *$r"y!t!!"1. $edangkan apabila tidak ada
konstanta yang memenuhi kondisi, maka yang akan di"alankan adalah pernyataan
$7!u+t.
#erhatikan contoh script di bawah iniV
'(it2&1.*&*
/G#H#
echo S/html0/head0/title0:ontoh $witch <//title0//head0/body0ST
echo S/a hreHU#H#+$1LFGopHlink<0ini adalah link<//a0/br0ST
echo S/a hreHU#H#+$1LFGopHlink(0ini adalah link(//a0/br0ST
echo S/a hreHU#H#+$1LFGopHlink?0ini adalah link?//a0/br0/br0ST
switch (Uop)
Z
case Slink<S .
echo S-nda telah mengklik link</br0ST
echo S$ilakan -nda klik yang lainST
breakT
case Slink(S .
echo S-nda telah mengklik link(/br0ST
echo S$ilakan -nda klik yang lainST
breakT
case Slink?S .
echo S-nda telah mengklik link?/br0ST
echo S$ilakan -nda klik yang lainST
breakT
deault . echo S-nda belum mengklik linkST
[
echo S//body0//html0ST
G0
2. Looping (eru!angan"
5ang termasuk dalam struktur looping adalah ,OR dan NHILEG, dan >O G
NHILEG
!. ,OR
$intaks.
F4D (nilai awalT kondisiT increment)
Z
pernyataan<T
pernyataan(T
[
6eterangan.
P$r"y!t!!"1 dan *$r"y!t!!".O dst akan terus di"alankan selama k/"i'i yang
diberikan bernilai TRUE.
#erhatikan contoh berikut.
+//*1.*&*
/G#H#
For(UiH)TUi/H<)TUiMM)
Z
echo SUi/br0ST
[
G0
#ada contoh di atas, nilai awal dari Ui adalah ), incrementnya adalah naik satu!
satu (karena UiMM sama dengan Ui H Ui M<). $elama kondisi Ui /H <) bernilai
TD81 maka akan terus mencetak nilai Ui. &ilai Ui pertama yang tercetak adalah
< (bukan )) karena pada iterasi pertama langsung terkena increment (ditambah
<).
3. N&i+$
$intaks.
While(kondisi)
{
pernyataan1;
pernyataan2;
}
6eterangan.
P$r"y!t!!"1, *$r"y!t!!"., dst akan terus di"alankan selama k/"i'i bernilai
TRUE.
:ontoh.
+//*..*&*
/G#H#
echo S/html0/head0/title0:ontoh 'H2L1//title0//head0/body0ST
U" H <T
while(U"/HB)
Z
echo S/ont aceHLerdana si>eHU"0Teks ini berukuran U"//ont0/br0ST
U"MMT
[
echo S//body0//html0ST
G0
2. >/ ... N&i+$ ...
$intaks.
D4
Z
pernyataan<T
pernyataan(T
[
'H2L1(kondisi)T
Hampir sama dengan 'H2L1, namun perbedaannya adalah paling tidak sekali
*$r"y!t!!"1, *$r"y!t!!"., dst akan di"alankan. Hal ini karena pengecekan
k/"i'i berada di akhir, beda halnya dengan 'H2L1 sebelumnya. #ada
'H2L1 sebelumnya, sebelum masuk perulangan dicek dulu apakah kondisinya
TD81 atau F-L$1. $edangkan pada D4 3 'H2L1, diker"akan dulu baru
dicek.
:ontoh.
#ernyataan 'H2L1 dari script sebelumnya "uga dapat dinyatakan sebagai D4
3 'H2L1
+//*1.*&*
/G#H#
echo S/html0/head0/title0:ontoh D43 'H2L1//title0//head0/body0ST U" H <T
do
Z
echo S/ont aceHLerdana si>eHU"0Teks ini berukuran U"//ont0/br0ST U"MMT
[
while(U"/HB)T echo S//body0//html0ST
G0
>. M/u+!'i
Modularisasi dalam pemrograman umum dilakukan dan sangat diperlukan untuk
mempermudah debugging dan pengembangan program. Modularisasi berarti
melakukan pembuatan program berdasarkan modul!modul. Modul dapat berupa ungsi
maupun prosedur.
Dengan memiliki modul!modul ini diharapkan pemrogram dapat dengan mudah dan
cepat mengembangkan aplikasi!aplikasi yang dibutuhkan. $etiap kali ada modul
tambahan, pemrogram harus mengumpulkannya dalam suatu library men"adi
semacam koleksi. $ehingga saat dibutuhkan pemrogram cukup menggabung!
gabungkannya sa"a.
1. R$Puir$
De\uire adalah suatu bentuk ungsi untuk menggabungkan suatu script #H# atau
teks dari ile lain dengan script #H# yang memanggilnya. $cript atau ile yang
digabung tidak harus berisi script program #H#.
Teknik re\uire cocok untuk membuat template yang memudahkan proses
pengembangan aplikasi dengan menggunakan template. #emrogram dan desainer
web dapat dengan mudah melakukan ker"a tim untuk membangun suatu situs web.
:ontoh.
Diinginkan tampilan untuk halaman web yang kita bangun mempunyai konsistensi
pada layout, bahwa ada header dan ooter, dan pada bagian tengah ada isinya.
8ntuk itu kita dapat membagi untuk bagian header dan ooter sebagai ile tersendiri.
$etiap halaman yang akan ditampilkan dapat memanggil/menggabungkan header
dan ooter ini dengan menggunakan re\uire.
H$!$r.*&*
/html0
/head0/title0Demo De\uire//title0
//head0
/body0
/h<0;udul//h<0
2ni adalah contoh penggunaan re\uire/%D0
,//t$r.*&*
/p0XnbspT//p0
/hr0
/small0:opyright ())? ! %y :9. %enang Duwet//small0
//body0
//html0
i'i.*&*
/G#H#
De\uire Sheader.phpST
G0
/hr0
$elamat Datang
/p0
%agian ini merupakan bagian isi 2//p0
/a hreHisi(.php06lik di sini//a0
/G#H#
De\uire Sooter.phpST
G0
i'i..*&*
/G#H#
De\uire Sheader.phpST
G0
/hr0
$elamat Datang
/p0
%agian ini merupakan bagian isi 22//p0
/a hreHisi.php06lik di sini//a0
/G#H#
De\uire Sooter.phpST
G0
2. Inc!u#e
$intak . include(]header.phpI)T
i'i1.*&*
/G#H# include (Sheader.phpS)T G0
/hr0
$elamat Datang
/p0
%agian ini merupakan bagian isi 222//p0
/a hreHisi.php06lik di sini//a0
/G#H# include (Sooter.phpS)T G0
My$7L merupakan salah satu sotware D%M$ (Database Management $ystem) yang
termasuk paling populer. 6ini mulai Lersi ?.(? My$7L men"adi sotware open source yang
ree. My$7L telah tersedia "uga di lingkungan 'indows. 8ntuk dapat mengakses ke
database My$7L dibutuhkan suatu authentication melalui username dan password.
8sername dan password tersebut bisa diperoleh dari administrator.
A. M$"H!+!"k!" MySQL
8ntuk men"alankan dan mengelola My$7L Database dapat digunakan Comand
Windows ataupun Konsole Open!"# 8ntuk windows cara men"alankan debugnya
sebagai berikut .
Klik START > Run > ketik cm#
Maka akan muncul "endela konsole seperti pada gambarT
#ada comand ketikkan
:.WDocuments and $ettingW#D? 0 F .
F.W0 :D ,ampplite/mys\l/bin
F.W,amppliteWmys\lWbin 0 mys\l !uroot
>ATABASES MySQL
By ITC Bi!"# K$%!&!'i'(!!" U"i)$r'it !' N$#$ri S$%!r!"#
3
Lalu enter, maka akan muncul ucapan selamat datang di My$7L monitor.
$etelah muncul, kita tinggal menggunakan bahasa My$7L untuk melakukan
pengelolaan database tersebut.
$edangkan untuk 4pen$8$1 cara men"alankan nya sebagai berikut .
6lik $T-DT 0 -pplications 0 $ystem 0 Terminal 6onsoleT
Maka akan muncul "endela konsole seperti pada gambarT
#ada konsole ketikkan
simawa.^_ mys\l !uroot
Lalu tekan enter, maka akan muncul ucapan selamat datang di My$7L monitor
seperti gambar diatas.
$etelah muncul, kita tinggal menggunakan bahasa My$7L untuk melakukan
pengelolaan database tersebut.
B. P$"#$+/+!!" MySQL
Database berungsi sebagai tempat penyimpanan data, sehingga pengelolaan yang
dilakukan "uga berkaitan dengan penyimpanan data yang meliputi . memasukkan data,
mengubah data, menampilkan data, dan menghapus data. $ebelum kita melakukan
pengelolaan data, tentunya kita harus merancang dahulu database serta atribut `
atribut penyimpanan yang meliputi . pembuatan databases, pembuatan tabel,
pembuatan \uery, penambahan \uery, hingga pemilihan database. %erikut kami
"elaskan secara sederhana .
<. #erancangan Database
a. Membuat Database
Dalam setiap serLer dimungkinkan memiliki database lebih dari satu, misalkan
database bem+km, database bem+mipa, database bem+ip dansebagainya.
:ara membuat database!database tersebut kita gunakan script .
mys\l 0 :D1-T1 D-T-%-$1 bem+kmT
:obalah anda buat database sesuai dengan lembaga masing!masing
b. Memilih Database
$etelah database dibuat, selan"utnya adalah memilih dan masuk dalam sistem
database yang telah kita buat. 8ntuk masuk ke dalam database script yang
digunakan adalah .
mys\l 0 8$1 bem+kmT
&ah sekarang kita telah masuk ke dalam database bem+km.
c. Membuat Tabel
$etelah kita masuk ke dalam suatu database, selan"utnya kita membuat tabel.
Didalam tabel terdapat \uery, \uery berisi komponen ` komponen data,
misalkan tabel data+anggota dengan \uery (komponen) . &o, nama anggota,
nim anggota, alamat anggota, email anggota.
Tabel . Data anggota
$o. $AMA $IM ALAMA% &MAIL
*) *) *) *) *)
*) *) *) *) *)
6eteranngan .
K) Data ` data
6etika membuat sebuah tabel, kita "uga harus memberikan \uery di dalam tabel.
:ara membuat tabel di dalam database menggunakan script .
mys\l 0 :D1-T1 D-T-%-$1 data+anggota (
!!0no int((**) not null auto+increment,
!!0nama Larchar(())),
!!0nim int(<?),
!!0alamat te,t,
!!0email Larchar(())),
!!0primary key(no))T
Dari script diatas kita lihat terdapat tipe data int(<?),te,t,Larchar(())). 2nt
merupakan tipe data integer dengan banyaknya bilangan sebanyak <? bilangan.
Te,t, merupakan tipe data te,t dengan maksimum data tidak dibatasi berapa
karakter. $edangkan Larchar merupakan tipe data karakter dengan pembatasan
maksimal se"umlah ()) karakter sa"a yang dapat disimpan.
$cript not null berarti \uery tersebut tidak diperkenankan kosong, harus terdapat
data didalamnya, sedangkan auto+increment merupakan penomoran otomatis
oleh My$7L.
d. Merubah 7uery
Terkadang kita ingin menambahkan satu \uery didalam tabel yang telah kita
buat sebelumnya. :ara menambahkannya menggunakan script .
mys\l 0 -LT1D T-%L1 data+anggota -DD tanggal+lahir te,t -FT1D emailT
Dengan menggunakan ini My$7L akan menambahkan satu \uery dengan
Lariabel tanggal+lahir dan ditempatkan setelah \uery email.
e. Melihat database dan tabel
8ntuk melihat database!database yang ada di serLer kita, digunakan script .
mys\l 0 $H4' D-T-%-$1$T
8ntuk melihat tabel!tabel yang ada di database kita, digunakan script .
mys\l 0 $H4' T-%L1$T
(. #engelolaan Data
a. Memasukkan data
untuk memasukkan data ketiklah script berikut .
mys\l 0 2&$1DT 2&T4 data+anggota (nama,nim,alamat,email,tanggal+lahir)
!!0 9-L81$ (NHeri $iswanto %ayu &ugrohoN,
!!0 N(*B*(?*?AN, N%anaran, $ekaran, $emarangN, NhsbnCEayahoo.co.idN,
!!0 N<? ;uni <ECEN,)T
b. Menampilkan data
8ntuk menampilkan data ketik script berikut .
mys\l 0 $1L1:TKFD4M data+anggotaT
Maka akan muncul data seperti berikut .
c. Mencari data
8ntuk mencari data ketik script berikut .
mys\l 0 $1L1:TKFD4M data+anggota 'H1D1 email like
!!0 NhsbnCEayahoo.co.idNT
Diatas merupakan script yang digunakan untuk mencari data anggota yang
memiliki alamat email hsbnCEayahoo.co.id.
d. Merubah data
8ntuk merubah data yang telah ada digunakan script .
mys\l 0 8#D-T1 data+anggota $1T email H NhsbnCEaplasa.comN
!!0 'H1D1 no like N<NT
script diatas digunakan untuk mengganti data \uery email yang semula datanya
berisi hsbnCEayahoo.co.id kemudian diganti dengan email hsbnCEaplasa.com
sedangkan script 'H1D1 no like N<N digunakan untuk mencari data mana yang
akan di ganti.
e. Menghapus data
8ntuk menghapus data digunakan script .
mys\l 0 D1L1T1 T-%L1 data+anggota 'H1D1 no like N<NT
C. PHP MySQL
Dalam #H# telah tersedia ungsi untuk melakukan koneksi ke My$7L.
$intaks.
mys$l%connect(&host&'&(sername&'&password&);
ungsi tersebut akan mereturn/mengembalikan nilai TD81 "ika koneksi ke My$7L
sukses dan akan mengembalikan nilai F-L$1 "ika koneksi gagal.
$elan"utnya apabila koneksi telah berhasil, langkah berikutnya adalah memilih
database yang diperlukan.
$intaks.
mys$l%select%d)(&nama data)ase&);
$eperti halnya ungsi koneksi sebelumnya, ungsi select db "uga akan mengembalikan
nilai TD81 "ika nama database ditemukan dan F-L$1 bila database yang diinginkan
tidak ditemukan.
Fungsi lain yang diperlukan untuk mengakses database adalah mys\l+\uery. Fungsi
tersebut adalah untuk men"alankan \uery yang kemudian akan diolah sehingga akan
dihasillkan data yang berkaitan dengan \uery tadi.
$intaks.
Uhasil H mys\l+\uery(Spernyataan \ueryS)T
Fungsi tersebut akan menghasilkan nilai TD81 "ika \uery sukses di"alankan. F-L$1
"ika \uery gagal dilakukan.
-pabila \uery yang diberikan berkaitan dengan pencarian record data, maka
selan"utnya hasil pencarian record tersebut diambil untuk kemudian di tampilkan
sebagai output. 8ntuk mengambil record dari \uery, digunakan ungsi etch+row.
$intaks.
*array%hasil + mys$l%,etch%row(*hasil);
Fungsi di atas dihasilkan suatu array, dimana masing!masing elemen dari array
berkaitan dengan ield pada database tersebut.
:ontoh script.
Di bawah ini adalah script untuk membuat buku tamu dengan menggunakan database.
$cript dibagi men"adi ? pengelolaan, yaitu.
<. $cript untuk memasukkan input ke dalam database.
2. Script untuk melihat database
3. Script untuk mengedit masukan dalam database.
$ebelumnya, terlebih dahulu -nda buat modul untuk ungsi koneksi ke database.
Misal nama database nya adalah #u$'t3//k. Hostnya adalah +/2!+&/'t. 8sername
adalah r//t. #asswordnya kosong. Maka ile modul untuk koneksi adalah sbb.
/G#H#
mys\l+connect(SlocalhostS,SrootS,SS)T
mys\l+select+db(Sbem+unnesS)T
G0
atau
/G#H#
Unama+host H SlocalhostST
Unama+user H SrootST
Upassword H SST
Unama+db H SguestbookST
mys\l+connect(Unama+host,Unama+user,Upassword)T
mys\l+select+db(Unama+db)T
G0
6emudian anda simpan modul tersebut sebagai ile k/"$k'i.*&*
<. $cript untuk memasukkan input ke database.
i"*ut.*&*
/G#H#
2 (Usubmit)
Z
include Skoneksi.phpST
U\uery H S2&$1DT 2&T4 bukutamu(nama,alamat,email,komentar) 9-L81$
(NUnamaN,NUalamatN,NUemailN,NUkomentarN)ST
Uhasil H mys\l+\uery(U\uery)T
i (Uhasil)
Z
echo S2nput data suksesST
[
else
Z
echo S2nput data gagalST
[
[
else
Z
echo S/orm methodHpost actionHU#H#+$1LF0ST
echo S&ama . /input typeHte,t nameHnama0/br0ST
echo S1mail . /input typeHte,t nameHemail0/br0ST
echo S-lamat . /input typeHte,t nameHalamat0/br0ST
echo S6omentar . /te,tarea nameHkomentar0//te,tarea0/br0ST
echo S/input typeHsubmit nameHsubmit LalueH6irim0
/input typeHreset nameHreset LalueHHapus0ST
echo S//orm0ST
[
G0
2. Script untuk melihat data yang ada dalam database
lihat.php
/G#H#
include Skoneksi.phpST
U\uery H S$1L1:T nama,alamat,email,komentar FD4M bukutamuST
Uhasil H mys\l+\uery(U\uery)T
echo SDatar %uku Tamu/%D0/HD0/%D0ST
while(Udata H mys\l+etch+row(Uhasil))
Z
echo S&ama . UdataO)Q/br0ST
echo S-lamat . UdataO<Q/br0ST
echo S1!mail . UdataO(Q/br0ST
echo S6omentar . UdataO?Q/br0/hr0/br0ST
[
G0
3. Script untuk menghapus dan mengedit data
Terlebih dahulu kita rancang tampilannya. Misal tampilan diinginkan seperti berikut
I> NAMA KOMENTAR STATUS
< -ri Hallo3 Hapus P 1dit
( Dia Hallo semua3 Hapus P 1dit
? 2ra Hallo "uga ah3 Hapus P 1dit
-pabila diinginkan menghapus 2D ke!<, maka tinggal klik H!*u' pada baris yang
bersesuaian dengan 2D ke!< tersebut. $edangkan bila mengedit entri 2D ke!<
tinggal klik Eit.
$cript untuk membuat tampilan seperti di atas adalah sbb.
!%i".*&*
/G#H#
include Skoneksi.phpST
U\uery H S$1L1:T id,nama,komentar FD4M bukutamuST
Uhasil H mys\l+\uery(U\uery)T
echo S/table borderH<0ST
echo S/tr0/td02D//td0/td0&-M-//td0/td064M1&T-D//td0
/td0$T-T8$//td0//tr0ST
while(Udata H mys\l+etch+row(Uhasil))
Z
echo S /tr0/td0UdataO)Q//td0/td0UdataO<Q//td0/td0UdataO(Q//td0
/td0/a hreHaksi.phpGaksiHhapusXXno+idHUdataO)Q0Hapus//a0 P
/a hreHaksi.phpGaksiHeditXXno+idHUdataO)Q01dit//td0//tr0ST
[
echo S//table0ST
G0
#ada link H!*u', target dari link tersebut akan diarahkan ke ile !k'i.*&* untuk
diproses, dengan parameter yang akan diolah adalah !k'i dan "/Ji (nomor id)
yang bersesuaian. Ak'i adalah &!*u' sesuai dengan tu"uannya yaitu untuk
menghapus, begitu pula untuk link Eit.
$elan"utnya dibuat ile !k'i.*&* sbb.
!k'i.*&*
/G#H#
include Skoneksi.phpST
2(Uaksi HH ShapusS)
Z
U\uery< H SD1L1T1 FD4M bukutamu 'H1D1 idHUno+idST
Uhasil< H mys\l+\uery(U\uery<)T
i (Uhasil<)
Z
echo S#enghapusan suksesST
[
else
Z
echo S#enghapusan gagalST
[
[
else i (Uaksi HH SeditS)
Z
U\uery( H S$1L1:T id,nama,alamat,email,komentar FD4M bukutamu 'H1D1
idHUno+idST
Uhasil( H mys\l+\uery(U\uery()T
Udata( H mys\l+etch+row(Uhasil()T
echo S/orm methodHpost actionHU#H#+$1LFGaksiHupdate0
&ama . /input typeHte,t nameHnama LalueHWSUdata(O<QWS0/br0
1mail . /input typeHte,t nameHemail LalueHWSUdata(O?QWS0/br0
-lamat . /input typeHte,t nameHalamat LalueHWSUdata(O(QWS0/br0
6omentar . /te,tarea nameHkomentar0Udata(O@Q//te,tarea0/br0
/input typeHhidden nameHno+id LalueHUdata(O)Q0
/input typeHsubmit nameHsubmit LalueH6irim0
/input typeHreset nameHreset LalueHHapus0
//orm0ST
[
else i(Uaksi HH SupdateS)
Z
U\uery? H S8#D-T1 bukutamu $1T nama H NUnamaN, email H NUemailN, alamat H
NUalamatN, komentar H NUkomentarN 'H1D1 id H Uno+idST
Uhasil? H mys\l+\uery(U\uery?)T
i (Uhasil?) echo S#roses update suksesST
else echo S#roses update gagalST
[
G0