Dasar Pembuatan Website

141

Menggunakan HTML, PHP, dan MySQL

IN!ORMAT ION AND "OMUNI"A IN!ORMAT "OMUNI"AT ION T E"HNOLOG# BIDANG $EMAHASIS $EMAHASISWAAN WAAN %&' e ( %&)a*a+unn %&)a*a+unne%+a+ e%+a+&d &d - - )a&. ( %&)a*a/unn %&)a*a/unne%+a+ e%+a+&d &d

1

HYPERTEXT MARKUP LANGUAGE (HTML) By ITC Bi!"# Bi!"# K$%!&!'i'!!" K$%!&!'i'!!" U"i$r'it U"i$r'it!' !' N$#$ ri S$%!r!"#

Di dalam desain web, tidak akan bisa lepas dengan yang namanya HTML ( Hypertext Mark Markup up

Lang Langua uage ge).

HTML

adalah

bahasa

standar

yang

digunakan

untuk

menyusun/membangun menyusun/membangun suatu halaman web.

Meskipun telah muncul sotware!sotware yang dapat digunakan untuk membangun suatu halaman web tanpa susah!susah memperhatikan struktur HTML!nya, tidak ada salahnya kalau HTML itu sendiri dipela"ari. Manaat 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. Stri Striuk uktu turr HTM HTML L

%ahasa HTML (tag) dapat ditulis/dibuat melalui berbagai macam word editor, misalnya &otepad, 'ordpad, #H# Designer *, dll. Tag!tag tersebut dapat dituliskan dengan huru huru besar besar ataupu ataupun n huru huru kecil. kecil. $etela $etelah h tag HTML HTML dituli ditulis s dengan dengan menggu menggunak nakan an &ote &otepa pad d atau atau word word edit editor or yang yang lain lain,, simp simpan anla lah h ile ile ters terseb ebut ut deng dengan an orm ormat at ile 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

/HTML0 6eterangan -

Tag HTML secara deault dimulai dari HTML0 dan diakhiri dengan /HTML0.

-

Tag H1-D0 3 /H1-D0 merupakan tag kepala sebelum badan. Tag kepala ini akan akan terleb terlebih ih dulu dulu dieks diekseku ekusi si sebelu sebelum m tag badan. badan. Di dalam dalam tag ini berisi berisi tag M1T M1T-0 dan T2TL1 T2TL10. 0. Tag M1T M1T-0 merup merupaka akan n inorm inormasi asi atau atau header header suatu suatu dokumen HTML. -tribut yang dimiliki oleh tag ini antara lain l ain

-

HTT#+17829 HTT#+17829,, atribut atribut ini berungsi berungsi untuk menampilkan menampilkan dokumen dokumen HTML secara otomatis dalam "angka waktu tertentu.

-

:4&T1& :4&T1&T T, atribu atributt ini berisi berisi inorm inormasi asi tentan tentang g isi docume document nt HTML HTML yang yang akan akan dipanggil.

-

&-M1, atribut ini merupakan identiikasi 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.

$ete $etela lah h tag tag ters terseb ebut ut di atas atas ditu ditulilis, s, simp simpan an dalam dalam orm ormat at .htm .htm atau atau .htm .htmll (mis (misal al inde inde. .ht htm) m) akan akan teta tetapi pi terl terleb ebih ih dahu dahulu lu ubah ubah S!$ dalam A++ ,i+$' S!$ !' ty*$ ty*$ ke da ,i+$'. 6emudian tentukan letak direktori mana ile tersebut akan disimpan, selan"utnya klik S!$.

$elan" $elan"utn utnya ya docume document nt HTML HTML terseb tersebut ut dipang dipanggil gil denga dengan n browse browserr untuk untuk meliha melihatt 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" P$"yu"ti" ti"# # T$-t 

%erikut ini berbagai macam tag yang dapat digunakan untuk penyuntingan teks. <. Heading

. =ari =aris s hori hori>o >ont ntal al ?. Teks eks miri miring ng @. Teks teba teball *. Teks dengan dengan garis garis bawa bawah h A. :enter  B. #aragra  C. -lignment -lignment (ata kiri, tengah, tengah, kanan, kanan, "ustiikasi "ustiikasi)) E. ;enis enis huru uru  <.$uperscripts <<. $ubscripts $ubscripts <.List/datar  #en"elasannya  1. H$!i"#

Fung Fungs si

 untu untuk k mem membuat/ uat/m memil emilih ih uk ukuran ran teks teks,, umum umumny nya a untu untuk k "udu "udull kare karen na

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

 $emaki $emakin n besar besar angka angka < s/d s/d A maka maka sema semakin kin keci kecill ukura ukuran n huru hurunya nya..

: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! G!ri ri' ' &/ri0 &/ri0/" /"t! t!++

Fungs ungsii

 mem membu bua at gar garis is hori hori> >onta ontall pen penu uh pad pada a la layar/h ar/ha alam laman web web

$intaks

 H0

:ontoh



HTML0 H1-D0 T2TL10=aris Hori>ontal/T2TL10 /H1-D0 %4D50 H<0Di bawah tulisan ini ada garis hori>ontal/H<0 H0 /%4D50 /HTML0 6et

 #enuli #enulisan san H0 H0 bisa bisa terle terletak tak diba dibawah wah suat suatu u teks teks atau atau di sampi sampingn ngnya ya..

:ontoh



HTML0 H1-D0 T2TL10#enyuntingan teks dengan Heading/T2TL10 /H1-D0 %4D50 H<0Di bawah tulisan ini ada garis hori>ontal/H<0H0 /%4D50 /HTML0 :oba -nda bandingkan apakah kedua contoh di atas ada bedanyaG . T$k' $k' %iri" %iri"# # (It!+ (It!+i2 i2))

$intaks

 20 3 /20

:ontoh



HTML0 H1-D0 T2TL10#enyuntingan teks dengan italic/T2TL10 /H1-D0

%4D50 H<020Teks H<020Teks ini ditulis dengan H< dan miring/20/H<0 mir ing/20/H<0 /%4D50 /HTML0 4. T$k' $k' t$3 t$3!+ !+ (3/+ (3/+) )

$intaks

 %0 3 /%0

:ontoh



HTML0 H1-D0 T2TL10#enyuntingan teks dengan bold/T2TL10 /H1-D0 %4D50 H<0%0Teks 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 H<020%0Teks ini ditulis dengan H<, miring dan tebal /%0/20/H<0 /%4D50 /HTML0 #enulisan 20, %0 %0 dan /20, /%0 bisa bisa dibolak!balik, misalnya 20%0Teks 20%0Teks ini ditulis dengan H<, miring dan tebal /%0/20 atau %020Teks %020Teks ini ditulis dengan H<, miring dan tebal /20/%0 atau 20%0Teks 20%0Teks ini ditulis dengan H<, miring dan tebal /20/%0

atau %020Teks %020Teks ini ditulis dengan H<, miring dan tebal /%0/20 . T$k' $"#! $"#!" " #!ri' #!ri' 3!!& 3!!& (u"$r+i"$ (u"$r+i"$) )

$intaks

 80 3 /80

:ontoh



HTML0 H1-D0 T2TL10#enyuntingan teks dengan underline/T2TL10 /H1-D0 %4D50 H<080Teks H<080Teks ini ditulis dengan H< dan bergaris bawah/80/H<0 /%4D50 /HTML0 -pab -pabilila a suat suatu u teks teks deng dengan an gabu gabung ngan an sia siatt bold, bold, ital italic ic,, dan dan unde underli rline ned d maka maka penulisannya HTML0 H1-D0 T2TL10#enyuntingan teks dengan bold, italic, dan bergaris bawah /T2TL10 /H1-D0 %4D50 H<020%080Teks H<020%080Teks ini ditulis dengan H<, bold, italic dan miring /80/%0/20/H<0 /%4D50 /HTML0

5. C$"t$r 

Fun Fungsi gsi

 mem membu bua at tek teks s (tu (tung ngg gal) al) be berada rada di ten tengah gah ha halam laman

$intaks

 center0 3 /center0

:ontoh



HTML0 H1-D0

T2TL10Teks :enter/T2TL10 /H1-D0 %4D50 :1&T10Tulisan :1&T10Tulisan ini berada di tengah/:1&T10 /%4D50 /HTML0 6. P!r!#r!7 

Fun Fungsi gsi

 unt untuk uk memis emisah ahka kan n par para agra gra ya yang sat satu u den denga gan n yan yang g lai lain n

$intaks

 #0 3 /#0

:ontoh



HTML0 H1-D0 T2TL10#aragra/T2TL10 /H1-D0 %4D50 H<0:ontoh paragra/H<0H0 #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 sotware!sotware 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 

Fung Fungsi si

 untu untuk k meng mengat atur ur orm ormat at tamp tampililan an teks teks/p /par arag agra ra apak apakah ah rata rata kiri kiri,, kanan, kiri dan kanan, atau tengah,

$intaks



# -L2=&right03/#0

untuk rata kanan

# -L2=&let03/#0

untuk rata kiri

# -L2=&center03/#0

untuk ra rata te tengah

# -L2=&"ustiy03/#0

untuk ra rata ki kiri da dan ka kanan

atau

HG -L2=&right03/HG0 HG -L2=&let03/HG0 HG -L2=&center03/HG0 HG -L2=&"ustiy03/HG0 :ontoh

 HTML0 H1-D0 T2TL10-lignment #aragra/T2TL10 /H1-D0 %4D50 H< -L2=&right0:ontoh paragra/H<0H0 # -L2=&"ustiy0Di -L2=&"ustiy0Di dalam desain web, tidak akan bisa lepas dengan yang namany namanya a HTML HTML (Hyper (Hyperte tett Markup Markup Langua Language) ge).. HTML HTML adala adalah h bahasa bahasa standa standarr yang yang diguna digunakan kan untuk untuk menyus menyusun/ un/me memba mbangu ngun n suatu suatu halama halaman n web./#0 # -L2=&"ustiy0 Meskipun telah muncul sotware!sotware yang dapat diguna digunakan kan untuk untuk memba membang ngun un suatu suatu halam halaman an web tanpa tanpa susah! susah!sus susah ah memperhatikan struktur HTML!nya, tidak ada salahnya kalau HTML itu sendiri dipela"ari./#0 /%4D50 /HTML0

9. :$"i :$"i' ' !" !" ukur ukur!" !" &ur &uru7  u7 

Fungsi

 8n 8ntuk me mengubah "e "enis hu huru da dan uk ukuran ran hu huru 

$int $intak aks s

 F4& F4&T T F-:1 -:1I" I"en enis is+h +hur uru uII $2J1 $2J1I Iuk ukur uran an+h +hur uru uI0 I0 ... ... /F4 /F4&T &T0 0

K) ;enis+huru

 Times new roman, arial, erdana, dll

8kuran+huru :ontoh

 <, , ?, @, ...

 HTML0 H1-D0 T2TL10;enis dan 8kuran Fontasi/T2TL10 /H1-D0 %4D50

F4&T F-:1I9 F-:1I9erda erdanaI naI $2J1I
$intaks

 $8#0 ... /$8#0

:ontoh

 HTML0 H1-D0 T2TL10$uperscripts/T2TL10 /H1-D0 %4D50 #ers #ersam amaa aan n $8 $8#0 #0 /$ /$8# 8#0 0! !@ @  adal adalah ah sala salah h satu satu bent bentuk uk persamaan kuadrat /%4D50 /HTML0

11. Su3'2ri*t Su3'2ri*t' ' Fungsi

 membuat te teks turun (indeks bawah)

$intaks

 $8%0 ... /$8%0

:ontoh

 HTML0 H1-D0 T2TL10$ubscripts/T2TL10 /H1-D0 %4D50 umus kimia asam sulat adalah H$8%0/$8%0$4$8%0@/$8%0 /%4D50 /HTML0

1.Li't<!7t!r 

Fungsi

 membuat datar/list

$intaks



8ntuk datar yang memperhatikan urutan (4rdered List) 4L0 L20 item < /L20 L20 item  /L20 L20 item ? /L20 L20 item @ /L20 /4L0 8ntuk datar yang tidak memperhatikan urutan (8nordered List) 8L0 L20 item < /L20 L20 item  /L20 L20 item ? /L20 L20 item @ /L20 /8L0 :ontoh



HTML0 H1-D0T2TL10Datar/List/T2TL10/H1-D0 %4D50 :ontoh list yang urut %0 4L0 L202tem < /L20 L202tem  /L20 L202tem ? /L20 L202tem @ /L20 /4L0 %0%0 :ontoh list yang tak urut %0 8L0 L202tem < /L20 L202tem  /L20 L202tem ? /L20 L202tem @ /L20 /8L0

/%4D50 /HTML0 C. M$%3u M$%3u!t !t T!3 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 T0TD0%aris ke!</TD0/T0 T0TD0%aris ke!/TD0/T0 /T-%L10 #erhatikan contoh di atas, setiap kali baris baru ditandai dengan T03/T0. Di dala dalam m T0 T03 3/T /T0 0 terd terdap apat at TD0 TD03 3/TD /TD0 0 yang yang mena menand ndai ai adan adanya ya kolo kolom. m. $eandainya dalam < baris terdapat  kolom berarti tag HTMLnya men"adi T0TD06olom ke!</TD0TD06olom ke!/TD0/T0 %erarti apabila diinginkan tabel dengan ? baris dan  kolom, tag HTML nya adalah T-%L10 T0TD0%aris 2, 6olom 2/TD0TD0%aris 2, 6olom 22/TD0/T0 T0TD0%aris 22, 6olom 2/TD0TD0%aris 22, 6olom 22/TD0/T0 T0TD0%aris 222, 6olom 2/TD0TD0%aris 222, 6olom 22/TD0/T0 /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%4D1  ukuranN pada T-%L10, T-%L10, dengan ukuran  , <, , 3 -pab -pabilila a ukur ukuran an  , maka maka tanp tanpa a bord border er.. Dan Dan sema semaki kin n besa besarr nila nilaii ukur ukuran an maka maka semakin tebal bordernya. :ontoh T-%L1 %4D1<0 T0TD0%aris 2, 6olom 2/TD0TD0%aris 2, 6olom 22/TD0/T0

T0TD0%aris 22, 6olom 2/TD0TD0%aris 22, 6olom 22/TD0/T0 T0TD0%aris 222, 6olom 2/TD0TD0%aris 222, 6olom 22/TD0/T0 /T-%L10 %erikut ini beberapa atribut atr ibut yang bisa disisipkan pada T-%L10 T-%L10 Atri3ut '2DTH  pan"ang %=:4L4  warna

,u"#'i Mengatur lebar tabel Memberi eek warna latar pada

-L2=&  Olet P center P rightQ %-:6=48&Durl

tabel #erataan tabel Memberi eek background menggunakan gambar 

NB= •

8ntuk nilai ariabel Npan"angN di atas, dapat berupa R artinya apabila dituliskan T-%L1 '2DTH<R0 maka lebar tabel adalah sepan"ang (hori>ontal) halaman web. %erarti apabila diinginkan lebar tabelnya separo halaman web, diberi nilai *R dst.

•

$elain $elain R dapat dapat pula pula bernil bernilai ai se"uml se"umlah ah pieln pielnya ya.. 8ntuk 8ntuk sepan" sepan"ang ang (hori> (hori>ont ontal) al) 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 8ntuk nilai nilai ariab ariabel el Nwarna NwarnaNN adalah adalah sama sama seperti seperti yang yang diguna digunakan kan pada pada atribu atributt :4L4 pada F4&T0.

>. Li"k

Link adalah suatu metode dalam perancangan website untuk menghu!bungkan ile  yang satu dengan ile yang lain, atau menghubungkan menghubungkan halaman dengan gambar yang berada pada lokasi yang berbeda. $intaks  - H1FSlokasi halaman atau 8LS T-=1T+%L-&60&ama T-=1T+%L-&60&ama Link/-0 :ontoh - H1FSinde.htmS06lik H1FSinde.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 yang berisi link tersebut). - H1FShttp//www.yahoo.com H1FShttp//www.yahoo.comSS T-=1T+%L-&60www.yahoo.com/-0 :ontoh di atas adalah untuk membuat link ke situs yahoo.com E. M$"! M$"!%* %*i+k i+k!" !" G!%3! G!%3!r  r 

8ntuk memasukkan/insert gambar ke dalam halaman web digunakan sintaks 2M= $:Slokasi gambarS0 6eterangan Slokasi gambarS berisi letak ile gambar, bisa berupa direktori maupun 8L dan nama ilenya. :ontoh  2M= $:Sgambar<."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= $:Shttp//myweb.com/image/g $:Shttp//myweb.com/image/gambar.giS0 ambar.giS0 Tag HTML di atas untuk menyisipkan ile gambar dengan letaknya seperti yang ditulis dalam 8L. %erikut beberapa atribut yang dapat disisipkan pada 2M=0 Atri3ut %4D1  ukuran '2DTH  ukuran H12=HT  ukuran -L2=&  Olet P center P rightQ

,u"#'i Memberi border/garis tepi gambar   Menyatakan ukuran lebar gambar   Menyatakan ukuran tinggi gambar   Mengatur letak gambar 

&% &ilai NukuranN pada %4D1  , <, , 3 -pabila %4D1   maka border tidak muncul. &ilai NukuranN pada '2DTH dan H12=HT adalah ukuran piel :ontoh 2M= $:Sgambar.giS %4D1< '2DTH H12=HT< -L2=&L1FT0 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.

2

HYPERTEX HYPERT EXT T PREPROCESSO PREPROCESSOR R By ITC Bi!"# Bi!"# K$%!&!'i'!!" K$%!&!'i'!!" U"i$r'it U"i$r'it!' !' N$#$ ri S$%!r!"#

%anyak pemakai internet yang sudah memiliki homepage di internet. &amun sebagian besar besar web yang yang mereka mereka miliki miliki adalah adalah web statis statis.. 6eban 6ebanyak yakan an mereka mereka masih masih belum belum memahami bagaimana web yang dinamis. :iri!ciri web dinamis adalah adanya interaksi antara antara user user denga dengan n sistem sistem/pe /pemil milik ik web, web, dapat dapat menamp menampilk ilkan an inorma inormasi!i si!inor normas masii dari 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 <. :lien :lientt side side progr program ammi ming ng . $er $erer er side side prog progra ramm mmin ing g #ada client side programming, script programnya di"alankan di client atau dalam hal ini adalah adalah browser browser internetny internetnya. a. :ontoh :ontoh kategori kategori ini adalah adalah pemrograma pemrograman n "aascrip "aascript, t, "aa applet applet.. $edang $edangkan kan serer serer side side progra programmi mming ng script script progra programny mnya a di"ala di"alanka nkan n di serer serer.. %eberapa bahasa pemrograman yang termasuk kategori ini adalah #erl (the oldest), :=2, #H#, -$#, #hyton. #H# (#H# Hypertet #reprocessor) diciptakan oleh asmus Lerdor. #H# awal mulanya hanya hanya diguna digunaka kan n oleh oleh pencip penciptan tanya ya untuk untuk mencat mencatat at pengun pengun"un "ung g pada pada hompag hompageny enya a (semacam hit counter). asmus salah seorang yang mendukung opensource, maka ia mengeluarkan #ersonal Home #age (#H#) Tools ersi <.. #H# terus dikembangkan dan sampai saat ini ersinya sudah mencapai *. #H# memiliki beberapa kelebihan dibanding serer 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, tur unannya, Macintosh. #H# "uga dapat di"alankan bersama dengan web serer seperti #'$ (#ersonal 'eb $erer), -pache, 22$. 6elebihan  yang lain adalah #H# dapat diletakkan dalam tag HTML atau dikatakan #H# merupakan bahasa yang embedded.

A. M$%u M$%u+! +!ii PHP PHP

6ita bisa menggunakan N/t$*! untuk membuat script #H#, meskipun ada sotware editor lain yang lebih canggih misalnya PHP >$'i#"$r , dll. 6ode #H# diawali dengan tanda ?@ dan diakhiri dengan @. :ara lain adalah diawali dengan ?@*&* dan diakhiri dengan @. %erikut contoh script #H# sederhana 2/3!1.*&*

G#H# echo S2ni adalah script #H# saya yang pertama%0S echo S$aya sedang bela"ar #H#S G0 $imp $impan an dan dan "ala "alank nkan an di brow brows ser, er, liha lihatt apa apa yang yang tamp tampak ak.. Fung Fungsi si $2&/ adalah mencetak terhadap teks yang diapit oleh tanda  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 HTMLS G0 /body0 /html0 B. M$"#$" M$"#$"!+ !+ !ri !ri!3$ !3$++

Dalam #H#, ariabel yang akan digunakan tidak dideinisikan terlebih dahulu. 9ariabel dalam #H# bersiat case-sensitive artinya case-sensitive artinya besar kecil huru berpengaruh. $etiap nama ariabel ariabel dalam #H# diawali diawali dengan dengan D. :ontoh Uariabel<, Uar<, Uar. #erlu diingat bahwa U9-< U9-< itu berbeda dengan U9ar< (ingat siat case!sensitie). :ontoh script

!r1.*&*

G#H# Ua  < Ub  * Uc  UaUb echo S2si dari ariabel a  Uabr0S echo S2si dari ariabel b  Ubbr0S echo Sa  b  UcS G0 Lihat apa yang tampakVV %agaimana bila kita ingin mencetak di browser UaGG sertakan tanda D di depan a. $ehingga scriptnya men"adi !r.*&*

G#H# Ua  < Ub  * Uc  UaUb echo S2si dari ariabel WUa  Uabr0S echo S2si dari ariabel WUb  Ubbr0S echo SWUa  WUb  UcS G0 %andingkan perbedaan tampilan dari ar<.php dengan ar.phpV 1. Ti*$ Ti*$ !t! !t! !ri !ri!3 !3$+ $+

#ada contoh ar<.php dan ar.php di atas, tipe data dari ariabel Ua, Ub, dan Uc adalah integer (bulat) karena assignment terhadap ketiganya melibatkan bilangan bulat (<, *, serta <*). %erikut contoh ariabel yang bertipe data real. !r.*&*

G#H# U  <.* Uy  < U>  UUy echo S2si dari ariabel WU  Ubr0S

echo S2si dari ariabel WUy  Uybr0S echo SWU  WUy  U>S G0 #ada contoh diatas, ariabel 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  dihasilkan r$!+. 8ntuk assignment dengan tipe data string/char, perhatikan contoh berikut !r4.*&*

G#H# Utet<  S#emrograman webS Utet  Sdengan #H#S echo S2si dari ariabel WUtet<  Utet<br0S echo S2si dari ariabel WUtet  Utetbr0S echo S=abungan dari WUtet< dan WUtet adalah  Utet< UtetS G0

2. Meneri Menerima ma masu masuka kan n user user

$eca $ecara ra umum umum masu masuka kan n dari dari user user melal melalui ui sebu sebuah ah orm orm yang yang kemu kemudi dian an akan 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 web inte intera rakt kti i yang yang memi memint nta a user user mema memasu sukk kkan an  buah buah bila bilang ngan an seba sebara rang ng,, 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 methodpost actionorm.php0 %ilangan pertama input typetet namebil<0br0 %ilangan kedua input typetet namebil0br0 input typesubmit namesubmit alue;umlahkan0

input typereset namereset alueHapus0 /orm0 /body0 /html0 $edangkan script untuk pengolahan input (orm.php) isinya adalah sbb 7/r%.*&*

G#H# Ubil<U+#4$TONbil
3. Opera Operato torr Arit Aritma matik tika a



 pen"umlahan

-

 pengurangan

K

 perkalian

/

 pembagian

R

 modulo



 increment,

contoh a sama artinya dengan a  a<

!!

 decrement,

contoh a!! sama artinya dengan a  a!<

4. Oper Operat ator or Logi Logika ka

XX

 and

PP

 or  



 sama dengan

V

 tidak sama dengan



 lebih kecil

0

 lebih besar  



 le lebih ke kecil sa sama de dengan

0

 le lebih be besar sa sama de dengan

Y4 Y4  or or (e (ecl clus usi ie e 4) 4)

C. Stru Strukt ktur ur K/"t K/"tr/ r/++

$eperti halnya bahasa pemrograman yang lain, struktur kontrol pada #H# meliputi kondisional (2F 3 ) dan looping/perulangan. 1. K/ K/" "i'i 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  < Uy  <* i (U  Uy) Z

echo Sy lebih besar daripada S [ G0 b. IF … ELSE …

$intaks 2 (kondisi) Z -ksi < [ else Z -ksi  [ 6eterangan -pab -pabilila a k/"i'i  ber berni nilai lai TRUE maka maka yang yang akan akan di"a di"ala lank nkan an adal adalah ah Ak'i1, sedan sedangka gkan n bila bila k/" bernililai ai ,ALSE  maka yang akan di"alankan adalah k/"i' i'ii bern Ak'i.

:ontoh i7.*&*

G#H# U  < Uy  * i (U  Uy) Z echo Sy lebih besar daripada S [ else Z echo Sy lebih kecil daripada S [ G0

I,  ELSE  u#! 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 di"alankan.. Ak'i  akan di"alankan apabila k/"i'i1 bernilai ,ALSE dan k/"i'i  bernilai TRUE. $edangkan Ak'i  akan di"alankan apabila k/"i'i1 dan k/"i'i bernilai ,ALSE. :ontoh i7.*&*

G#H# Unilai  B* i (Unilai 0 C) Z Unilai+huru  S-S [ else i (Unilai 0 B) Z Unilai+huru  S%S [ else i (Unilai 0 A) Z Unilai+huru  S:S [

else i (Unilai 0 @) Z Unilai+huru  SDS [ else Z Unilai+huru  S1S [ echo S&ilai -ngka  Unilaibr0&ilai Huru  Unilai+huruS G0 Dengan Dengan menggunak menggunakan an kondision kondisional al I,  ELSE  kita dapat membuat script #H# dalam satu ile yang isinya orm  orm dan script pengolahannya. $ebaga $ebagaii contoh contoh,, kita kita akan akan membua membuatt script script yang yang hampir hampir sama sama dengan dengan conto contoh h 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body0S 2 (Usubmit<) Z Uhasil  Ubil<  Ubil echo SHasil "umlahan kedua bilangan adalah UhasilS [ else Z echo Sorm methodpost actionU#H#+$1LF0 %ilangan pertama input typetet namebil<0br0 %ilangan kedua input typetet namebil0br0 input typesubmit namesubmit< alue;umlahkan0 alue;umlahkan0 input typereset namereset alueHapus0/orm0br0S [ echo S/body0/html0S G0

6eterangan #ertam #ertama a kali kali ile ile i"*ut1.*&* dipanggil di browser, akan tampil orm karena pada awalnya nilai dari ariabel D'u3%it1  adalah ,ALSE. $etelah diklik disubmit maka nilai

adalah D'u3%it1  ad

(perhatikan TRUE  (p

pada "!%$'u3%it1  pa

?i"*ut

maka akan tam tampil pil hasil sil ty*$'u3% ty*$'u3%it it "!%$'u3% "!%$'u3%it1 it1 !+u$:u% !+u$:u%+!&k! +!&k!" "), maka  "umlahan kedua bilangan, bilangan, sedangkan orm tidak kelihatan. kelihatan. DPHPJSEL,  merupakan ariabel yang isinya adalah nama ile itu sendiri yaitu

;adi dalam dalam hal ini apabi apabila la kita mengis mengisika ikan n !2ti/"i"*ut1.*&*  akan i"*ut1.*&*. ;adi sama dengan bila diisi !2ti/"DPHPJSEL,. #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body0S echo Sorm methodpost actionU#H#+$1LF0 %ilangan pertama input typetet namebil<0br0 %ilangan kedua input typetet namebil0brinput typesubmit namesubmit< alue;umlahkan0input alue;umlahkan0inp ut typereset t ypereset namereset alueHapus0/orm0br0S 2 (Usubmit<) Z Uhasil  Ubil<  Ubil echo SHasil "umlahan kedua bilangan adalah UhasilS [ echo S/body0/html0S G0 6etika script di atas di"alankan pertama kali maka akan tampil orm. Hasil "umlahan tidak tidak tampak tampak karena karena kondis kondisii D'u3%it1  masi masih h ,ALSE. $ete $etela lah h 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)  2!'$ konstanta< =

pernyataan< 3r$!k 2!'$ konstanta 

pernyataan 3r$!k 2!'$ konstanta? 

pernyataan? 3r$!k

. . . $7!u+t 



pernyataan deault 

6eterangan P$r"y!t!!"1 akan di"alankan apabila dipenuhi k/"i'i  k/"'t!"t!1,

demikian pula untuk *$r"y!t!!" dan *$r"y!t!!". $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body0S echo Sa hreU#H#+$1LFGoplink<0ini adalah link</a0br0S echo Sa hreU#H#+$1LFGoplink0ini adalah link/a0br0S echo Sa hreU#H#+$1LFGoplink?0ini adalah link?/a0br0br0S switch (Uop) Z case Slink
echo S-nda telah mengklik link<br0S l ink<br0S echo echo

S$ila S$ilakan kan -nda -nda klik klik yang yang lainS lainS

break case SlinkS  echo S-nda telah mengklik linkbr0S echo echo

S$ila S$ilakan kan -nda -nda klik klik yang yang lainS lainS

break case Slink?S  echo S-nda telah mengklik link?br0S l ink?br0S echo echo

S$ila S$ilakan kan -nda -nda klik klik yang yang lainS lainS

break deault

 echo S-nda belum mengklik linkS

[ echo S/body0/html0S G0

2. Loop Loopin ing g (er (eru! u!an anga gan" n"

5ang termas termasuk uk dalam dalam strukt struktur ur loopin looping g adalah adalah ,OR  da dan HILE, da dan >O  HILE !. ,OR

$intaks F4 (nilai awal kondisi increment) Z pernyataan< pernyataan [ 6eterangan P$r"y!t!!"1 dan *$r"y!t!!" dst akan terus di"alankan selama k/"i'i yang

diberikan bernilai TRUE. #erhatikan contoh berikut +//*1.*&*

G#H# For(UiUi<Ui) Z

echo SUibr0S [ G0 #ada contoh di atas, nilai awal dari Ui adalah , incrementnya adalah naik satu! satu (karena Ui sama dengan Ui  Ui <). $elama kondisi Ui  < bernilai T81 maka akan terus mencetak nilai Ui. &ilai Ui pertama yang tercetak adalah < (bukan ) karena pada iterasi pertama langsung terkena increment (ditambah <). 3. &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body0S U"  < while(U"B) Z echo Sont aceerdana si>eU"0Teks si>eU"0Teks ini berukuran U"/ont0br0S U" [ echo S/body0/html0S G0

2. >/ ... ... &i &i+$ +$ ... ...

$intaks D4 Z pernyataan< pernyataan [ 'H2L1(kondisi) Hampir sama dengan 'H2L1, namun perbedaannya adalah paling tidak sekali di"alankan. n. Hal ini karena karena pengecekan pengecekan *$r"y!t!!"1, *$r"y!t!!", dst akan di"alanka k/"i'i berada berada di akhir akhir,, beda beda halnya halnya denga dengan n 'H2L1 'H2L1 sebelu sebelumny mnya. a. #ada #ada

'H2L1 sebelumnya, sebelum masuk perulangan dicek dulu apakah kondisinya T81 T81 atau atau F-L$1. -L$1. $edan $edangka gkan n pada pada D4 3 'H2L1, 'H2L1, diker" diker"aka akan n dulu dulu baru baru dicek. :ontoh #ernyataan 'H2L1 dari script sebelumnya "uga dapat dinyatakan sebagai D4 3 'H2L1 +//*.*&*

G#H# echo Shtml0head0title0:ontoh D43 'H2L1/title0/head0body0S 'H2L1/title0/head0body0S U"  < do Z echo Sont aceerdana si>eU"0Teks si>eU"0Teks ini berukuran U"/ont0br0S U" [ while(U"B) echo S/body0/html0S G0 >. M/u M/u+! +!'i 'i

Modula Modularis risasi asi dalam dalam pemrog pemrogram raman an umum umum dilaku dilakukan kan dan sangat sangat diperl diperluka ukan n untuk untuk memp memperm ermud udah ah debu debugg ggin ing g dan dan peng pengem emba bang ngan an prog progra ram. m. Modu Modula lari risa sasi si bera berarti rti melakukan pembuatan program berdasarkan modul!modul. Modul dapat berupa ungsi maupun prosedur.

Dengan memiliki modul!modul ini diharapkan pemrogram dapat dengan mudah dan cepat cepat menge mengemba mbangk ngkan an aplika aplikasi!a si!apli plikas kasii yang yang dibutu dibutuhka hkan. n. $etiap $etiap kali kali ada modul modul tamb tambah ahan an,, pemr pemrog ogra ram m haru harus s meng mengum umpu pulk lkan anny nya a dalam dalam suat suatu u libr librar ary y men" men"ad adii sema semaca cam m kole koleks ksi. i. $ehi $ehing ngga ga saat saat dibu dibutu tuhk hkan an pemr pemrog ogram ram cuku cukup p meng mengga gabu bung ng!! gabungkannya sa"a. 1. R$uir$

e\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#. Tekni eknik k re\u re\uir ire e coco cocok k untu untuk k memb membua uatt temp templa late te yang yang memu memuda dahk hkan an pros proses es 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 e\uire/title0 /head0 body0 h<0;udul/h<0 2ni adalah contoh penggunaan re\uire%0 ,//t$r.*&*

p0Xnbsp/p0 hr0 small0:opyright ? ! %y :9. :9. %enang uwet/small0 /body0 /html0 i'i.*&*

G#H#

e\uire Sheader.phpS G0 hr0 $elamat Datang p0 %agian ini merupakan bagian isi 2/p0 a hreisi.php06lik di sini/a0 G#H# e\uire Sooter.phpS G0 i'i.*&*

G#H# e\uire Sheader.phpS G0 hr0 $elamat Datang p0 %agian ini merupakan bagian isi 22/p0 a hreisi.php06lik di sini/a0 G#H# e\uire Sooter.phpS G0

2. Inc!u#e

$intak  include(]header.phpI) include(]header.phpI) i'i.*&*

G#H# include (Sheader.phpS) G0 hr0 $elamat Datang p0 %agian ini merupakan bagian isi 222/p0 a hreisi.php06lik di sini/a0 G#H# include (Sooter.phpS) (Sooter.phpS)

G0

3

>ATABASES >ATABASES MySQL By ITC Bi!"# Bi!"# K$%!&!'i'!!" K$%!&!'i'!!" U"i$r'it U"i$r'it!' !' N$#$ ri S$%!r!"#

My$7L merupakan salah satu sotware D%M$ (Database Management $ystem) yang termasuk paling populer. 6ini mulai ersi ?.? My$7L men"adi sotware open source yang ree. My$7L telah tersedia "uga di lingkungan 'indows. 8ntuk dapat mengakses ke datab database ase My$7L My$7L dibutu dibutuhk hkan an suatu suatu authen authentic ticati ation on melalu melaluii usern username ame dan passwo password. rd. 8sername dan password tersebut bisa diperoleh dari administrator. A. M$"!+ M$"!+!"k !"k!" !" MySQL MySQL

8ntu 8ntuk k men" men"al alan anka kan n dan dan meng mengel elol ola a My$7 My$7L L Data Databa base se dapa dapatt digu diguna naka kan n Comand Windows Windows ataupu ataupun n Konsole Open!"#  Open!"#  8ntuk windows cara men"alankan debugnya sebagai berikut  

Klik START > Run > ketik cm#



Maka akan muncul "endela konsole seperti pada gambar



#ada comand ketikkan :WDocuments and :WDocuments  and $ettingW#? 0 F  FW0 FW 0 :D ampplite/mys\l/bin FWamppliteWmys\lWbin 0 mys\l !uroot



Lalu enter, maka akan muncul ucapan selamat datang di My$7L monitor.



$etela $etelah h muncul muncul,, kita kita tingga tinggall menggu menggunak nakan an bahasa bahasa My$7L My$7L untuk untuk melaku melakukan kan pengelolaan database tersebut.

$edangkan untuk 4pen$8$1 cara men"alankan nya sebagai berikut  

6lik $T-T 0 -pplications 0 $ystem 0 Terminal 6onsole



Maka akan muncul "endela konsole seperti pada gambar



#ada konsole ketikkan simawa^_ mys\l !uroot



Lalu tekan enter, maka akan muncul ucapan selamat datang di My$7L monitor seperti gambar diatas.



$etela $etelah h muncul muncul,, kita kita tingga tinggall menggu menggunak nakan an bahasa bahasa My$7L My$7L untuk untuk melaku melakukan kan pengelolaan database tersebut.

B. P$"#$+ P$"#$+/+! /+!!" !" MySQL MySQL

Database berungsi 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 ` atri atribu butt peny penyim impa pana nan n yang yang meli melipu puti ti  pemb pembua uata tan n data databa base ses, s, pemb pembua uata tan n tabe tabel, l,

pembua pembuatan tan \uery \uery,, penam penambah bahan an \uery \uery,, hingga hingga pemili pemilihan han databa database. se. %eriku %erikutt kami kami  "elaskan secara sederhana sederhana  <. #era #eranc ncan anga gan n Datab Databas ase e a. Memb Membua uatt Data Databa base se Dalam setiap serer dimungkinkan dimungkinkan memiliki database lebih lebih dari satu, misalkan database database bem+km, bem+km, database database bem+mipa, bem+mipa, database database bem+ip bem+ip dansebag dansebagainya ainya.. :ara membuat database!database tersebut kita gunakan script  mys\l 0 :1-T1 D-T-%-$1 bem+km :obalah anda buat database sesuai dengan lembaga masing!masing b. Memi Memililih h Data Databa bas se $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+km &ah sekarang kita telah masuk ke dalam database bem+km. c. Memb Membua uatt Tab Tabel el $etelah kita masuk ke dalam suatu database, selan"utnya kita membuat tabel. Dida Didala lam m tabe tabell terd terdap apat at \uer \uery y, \uer \uery y beri berisi si komp kompon onen en ` komp kompon onen en data 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 :1-T1 D-T-%-$1 data+anggota ( !!0no int(**) not null auto+increment, !!0nama archar(),

!!0nim int(
!!0 N*B*?*?AN, N*B*?*?AN, N%anaran, $ekaran, $emarangN, NhsbnCEyahoo.co.id NhsbnCEyahoo.co.idNN, !!0 N
c. Men Mencari ari data ata 8ntuk mencari data ketik script berikut  mys\l 0 $1L1:TKF4M data+anggota 'H11 email like !!0 NhsbnCEyahoo.co.idN NhsbnCEyahoo.co.idN Diatas merupakan script yang digunakan untuk mencari data anggota yang memiliki alamat email hsbnCEyahoo.co.id hsbnCEyahoo.co.id.. d. Meru Meruba bah h dat data a 8ntuk merubah data yang telah ada digunakan script  mys\l 0 8#D-T1 8#D-T1 data+anggota $1T email  NhsbnCEplasa.comN !!0 'H11 no like N
C. PHP MyS MySQL QL

Dalam #H# telah tersedia ungsi untuk melakukan koneksi ke My$7L. $intaks mys$l%connect(&host&'&sername&'&password&); ungsi ungsi tersebut tersebut akan mereturn/mengem mereturn/mengembalik balikan an nilai T81 "ika koneksi koneksi ke My$7L sukses dan akan mengembalikan nilai F-L$1 "ika koneksi gagal. $elan" $elan"utn utnya ya apabil apabila a koneks koneksii telah telah berhas berhasil, il, langka langkah h beriku berikutny tnya a adalah adalah memili memilih h database yang diperlukan. $intaks mys$l%select%d(&nama mys$l%select%d(&nama dataase&); $eperti halnya ungsi koneksi sebelumnya, ungsi select db "uga akan mengembalikan nilai T81 "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  mys\l+\uery(Spernyataan mys\l+\uery(Spernyataan \ueryS) Fungsi tersebut akan menghasilkan nilai T81 "ika \uery sukses di"alankan. F-L$1  "ika \uery gagal dilakukan. dilakukan. -pab -pabilila a \uer \uery y yang yang dibe diberi rika kan n berk berkai aita tan n deng dengan an penc pencar aria ian n recor record d data data,, maka maka selan selan"ut "utnya nya hasil hasil pencar pencarian ian record record terseb tersebut ut diambi diambill untuk untuk kemudi kemudian an di tampil tampilkan kan sebagai output. 8ntuk mengambil record dari \uery, digunakan ungsi etch+row. etch+row. $intaks *array%hasil + mys$l%,etch%row(*hasil); Fungsi Fungsi di atas atas dihasi dihasilka lkan n suatu suatu array array,, dimana dimana masing masing!ma !masin sing g eleme elemen n dari dari array 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 $cript untuk untuk memasuk memasukkan kan input input ke ke dalam dalam databas database. e. 2. Script Script untuk untuk melihat melihat databas databasee 3. Scri Scrip pt untu untuk k mengedit masukan dalam database.

$ebelumnya, terlebih dahulu -nda buat modul untuk ungsi  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) mys\l+select+db(Sbem+unnesS) G0 atau G#H# Unama+host  SlocalhostS Unama+user  SrootS Upassword  SS Unama+db  SguestbookS mys\l+connect(Unama+host,Unama+user mys\l+connect(Unama+host,Unama+user,Upassword) ,Upassword) mys\l+select+db(Unama+db) G0 6emudian anda simpan modul tersebut sebagai ile k/"$k'i.*&* <. $cript $cript untuk untuk memasu memasukkan kkan input ke datab database. ase. i"*ut.*&*

G#H# 2 (Usubmit) Z include Skoneksi.phpS U\uery  S2&$1T 2&T4 bukutamu(nama,alamat,email,komentar) 9-L81$ 9-L81$ (NUnamaN,NUalamatN,NUemailN,NUkomentarN)S

Uhasil  mys\l+\uery(U\uery) i (Uhasil) Z echo S2nput data suksesS [ else Z echo S2nput data gagalS [ [ else Z echo Sorm methodpost actionU#H#+$1LF0S echo S&ama  input typetet namenama0br0S echo S1mail  input typetet nameemail0br0S echo S-lamat  input typetet namealamat0br0S echo S6omentar  tetarea namekomentar0/tetarea0br0S echo Sinput typesubmit namesubmit alue6irim0 input typereset namereset alueHapus0S echo S/orm0S [ G0 2. Script untuk melihat data yang ada dalam database

lihat.php G#H# include Skoneksi.phpS U\uery  S$1L1:T nama,alamat,email,komentar F4M bukutamuS Uhasil  mys\l+\uery(U\uery) echo SDatar %uku Tamu%0H0%0S while(Udata  mys\l+etch+row(Uhasil)) Z echo S&ama  UdataOQbr0S

echo S-lamat  UdataO
3. Script Script untuk untuk meng menghap hapus us dan dan menged mengedit it data data

Terlebih dahulu kita rancang tampilannya. Misal tampilan diinginkan seperti berikut I> <  ?

NAMA

-ri ia 2ra

KOMENTAR

Hallo3 Hallo semua3 Hallo "uga ah3

STATUS Hapus P 1dit Hapus P 1dit Hapus P 1dit

-pabila diinginkan menghapus 2D ke!<, maka tinggal klik H!*u' pada baris yang berses bersesuai uaian an denga dengan n 2D ke!< ke!< tersebu tersebut. t. $edang $edangka kan n bila bila menged mengedit it entri entri 2D ke!< ke!< tinggal klik Eit . $cript untuk membuat tampilan seperti di atas adalah sbb !%i".*&*

G#H# include Skoneksi.phpS U\uery  S$1L1:T id,nama,komentar F4M bukutamuS Uhasil  mys\l+\uery(U\uery) echo Stable border<0S echo Str0td02D/td0td0&-M-/td0td064M1&T Str0td02D/td0td0&-M-/td0td064M1&T-/td0 -/td0  

td0$T-T8$/td0/tr0S

while(Udata  mys\l+etch+row(Uhasil)) Z echo Str0td0UdataOQ/td0td0UdataO
#ada #ada link H!*u', target dari link tersebut tersebut akan diarahkan diarahkan ke ile !k'i.*&*  untuk diproses, dengan parameter yang akan diolah adalah !k'i  dan "/Ji (nomor id)  yang bersesuaian. Ak'i adalah lah &!*u' sesua sesuaii dengan dengan tu"uan tu"uannya nya yaitu yaitu untuk untuk menghapus, begitu pula untuk link Eit . $elan"utnya dibuat ile !k'i.*&* sbb !k'i.*&*

G#H# include Skoneksi.phpS 2(Uaksi  ShapusS) Z U\uery<  SD1L1T1 F4M bukutamu 'H11 idUno+idS Uhasil<  mys\l+\uery(U\uery<) i (Uhasil<) Z  echo S#enghapusan suksesS [ else Z echo S#enghapusan gagalS [ [ else i (Uaksi  SeditS) Z U\uery  S$1L1:T id,nama,alamat,email,komentar F4M bukutamu 'H11 idUno+idS Uhasil  mys\l+\uery(U\uery) Udata  mys\l+etch+row(Uhasil) echo Sorm methodpost actionU#H#+$1LFGaksiupdate0 actionU#H#+$1LFGaksiupdate0 &ama  input typetet namenama alueWSUdataO
input typesubmit namesubmit alue6irim0 input typereset namereset alueHapus0 /orm0S [ else i(Uaksi  SupdateS) Z U\uery?  S8#D-T1 S8#D-T1 bukutamu $1T nama  NUnamaN, email  NUemailN, alamat  NUalamatN, komentar  NUkomentarN 'H11 id  Uno+idS Uhasil?  mys\l+\uery(U\uery?) i (Uhasil?) echo S#roses update suksesS else echo S#roses update gagalS [ G0