Menjadi WebMaster
Dalam 30 Hari
By Rio Ast am al
H a k Cipt a M e n j a di W e bM a st e r D a la m 3 0 H a r i
E- book Menj adi Webm ast er Dalam 30 Hari m erupakan hasil kerj a keras penulis. Dilarang keras unt uk unt uk m enggandakan, m ereproduksi, at au m enyebarluaskan e- book ini t anpa ij in
t ert ulis dari saya Rio Ast am al selak u penulis.
E- book ini hanya dipublikasikan secara resm i m elalui sit us www.rahasia- webm ast er.com . Sem ua m at eri dan gam bar yang t erdapat pada e- book ini m erupakan hak cipt a dari penulis.
Anda dapat m em peroleh penghasilan inst an dengan m engikut i program reseller kam i. Set iap m em ber baru yang m asuk lewat rekom endasi anda. Maka secara ot om at is anda akan
m em peroleh kom isi 50% dari harga produk kam i.
Pe n t in g!, j ika anda m enem ukan sit us at au orang yang m enawarkan, m ereproduksi dan m enj ual e- book ini t anpa m elalui sist em reseller kam i. Saya m ohon dengan sangat kepada anda unt uk m elaporkannya kepada saya. Akan ada bonus spe sia l dari saya unt uk anda at as kesediaan anda m elaporkan hal t ersebut .
Kirim laporan anda ke em ail saya di adm in@rahasia- webm ast er.com .
© Copyright 2005- 2006 www.rahasia- webm ast er.com
H a k Cipt a D ilindu ngi ole h Unda n g- u nda n g
Ala m a t D ow n loa d M a t e r i E- book
Sem ua m at eri dan source code yang dibahas pada e- book ini dapat anda download di alam at :
ht t p: / / m at eri.rahasia- webm ast er.com /
Te n t a n g M a t e r i
Sem ua source kode yang ada pada e- book ini t elah saya t es dan bekerj a. Akan t et api m ungkin dalam penyalinan ke e- book ini ada suat u kesalahan yang m enyebabkan script t ersebut t idak bekerj a.
Oleh karena it u, j ika dalam e- book ini ada source code yang error at au t idak bisa j alan. Saya m ohon anda unt uk segera m em berit ahukan kepada saya error t ersebut agar dapat segera saya updat e.
Laporkan error t ersebut ke bug@rahasia- webm ast er.com .
Ket ika anda m engirim k an e- m ail laporan, m ohon cant um kan file pada hari dan bab keberapa yang t erdapat error didalam nya. Terim a Kasih.
M e r e k da ga n g
Sem ua m erek dagang yang disebut kan dalam e- book ini m erupakan Hak Cipt a dari m asing-m asing vendor peasing-m buat nya.
Microsoft Windows, Windows 98, Windows 2000, Windows XP, MS- DOS, Microsoft Not epad, I nt ernet Explorer m erupakan m erek dagang dari Microsoft Corp.
AceFTP, AceFTP 3 Freeware, AceFTP 3 Pro m erupakan m erek dagang dari Visicom Media I nc.
Spe cia l Th a n k s To:
" I say a lot of t hanks t o everyone t hat have support ed m y hard work. Especially t o all m y closest friends for t heir support t o m e. Thanks guys."
Ka t a Pe n ga n t a r
Puj i syukur saya panj at kan kehadirat Allah SWT. Karena hanya dengan rahm at dan ridhoNya saya dapat m enyelesaikan e- book “ Menj adi Webm ast er Dalam 30 Hari” . Saya ucapkan t erim a kasih kepada orang- orang yang disekit ar saya at as support yang t elah m ereka berikan.
Dalam e- book ini anda akan m enget ahui bagaim ana m enj adi seorang webm ast er. Dan cara m em buat websit e yang bisa “ m enj ual” inform asi yang anda buat sehingga dapat m enghasilkan profit unt uk anda.
Dalam e- book ini soft ware- soft ware yang akan kit a gunakan sifat nya Free dan Open source. Diant aranya PHP, MySQL, Apache dan phpMyAdm in. Alasan kit a m enggunakan soft ware-soft ware t ersebut sudah j elas karena selain handal ware-soft ware t ersebut bersifat grat is.
Selain keem pat soft ware yang t elah disebut kan, ada beberapa soft ware t am bahan yang sifat nya opsional. Art inya anda dapat inst all at au t idak. Nam un j ika anda anda benar- benar ingin m erubah kom put er anda m enj adi server virt ual saya sarankan unt uk m enginst all program sepert i Mail Server ( hMailServer) .
Cara pandang buku ini sedikit berbeda dengan buku lainnya. Dim ana kebanyakan buku hanya m engaj arkan t eori saj a t anpa penerapan cont oh yang nyat a. Sehingga pem baca kurang bisa m engaplikasikan ilm unya set elah m em baca. Unt uk it u pada buku ini anda akan diaj arkan t eori t erlebih dahulu lalu anda akan dihadapkan pada sebuah m asalah yait u m em bangun sebuah proyek websit e yang m em iliki kom ponen cukup lengkap. Sepert i sist em m em ber, sist em reseller, adm in area dan m asih banyak lainnya.
E- book ini disusun bab dem i bab sesuai dengan t ingkat kesulit an dan t erdapat sub bab dari m ulai hari ke 1 hingga hari ke 30. Sehingga t epat pada hari ke 30 anda diharapkan sudah dapat m enguasai sem ua m at eri pada e- book ini.
Pada bab 1 akan dibahas dasar- dasar HTML dan PHP. Pada bab 2 anda akan diaj arkan t eknik PHP lebih lanj ut yait u fungsi dan pem rogram an berorient asi obj ek. Bab 3 akan m em bahas penggunaan MySQL dan phpMyAdm in. Keam anan dan cont oh- cont oh aplikasi dik upas pada Bab 4. Pada Bab 5 anda akan diaj arkan bagaim ana m em buat websit e yang " m enj ual" dan cont oh websit enya yait u m enggunakan sist em reseller. Pada bab t erakhir yait u Bab 6
m em bahas bagaim ana m engupload file kit a ke server sekaligus m engkonfigurasi websit e kit a pada server.
Saya harap dengan hadirnya e- book ini dapat m em aj ukan penget ahuan m asyarakat I ndonesia khususnya dalam bidang Teknologi I nform asi ( TI ) .
Su r a ba ya , D e se m be r 2 0 0 5
D a ft a r I si
Operat or Perbandingan... 24
Operat or Logika... 25
Fungsi- fungsi pada Array... 49
Mem baca Array dari File... 51
H a r i k e - 5 5 5 Manipulasi St ring dan REGEX... 55
Mem form at St ring... 55
Mengubah Form at Huruf pada St ring... 58
Form at Angka... 61
Mencari St ring... 62
Menggant i St ring... 63
REGEX unt uk Validasi Em ail... 65
Mencari St ring dengan REGEX... 65
Menggant i St ring dengan REGEX... 66
Menggunakan Ulang Kode... 66
Menggunakan require( ) dan include( ) ... 67
H a r i k e - 6 7 0 Proyek Aplikasi Bab 1 – Minim arket Online... 70
Ba b 2
– Fu n gsi, OOP, da n Te k n ik PH P La in n ya... 86H a r i k e - 7 8 7 Fungsi... 87
Definisi Fungsi... 87
Mem anggil Fungsi... 87
Penam aan Fungsi... 88
Mengapa Harus Mem buat Fungsi Buat an Sendiri... 89
Scope( Jangkauan) ... 90
Menghent ikan Eksekusi Fungsi... 91
Mengem balikan Nilai dari Fungsi... 92
Penerapan Teori Fungsi... 93
OOP ( Obj ect Orient ed Program m ing) ... 94
Konsep OOP... 95
Mem buat Class... 95
Variabel $t his... 96
Propert i private, public dan protected... 96
Mem anggil Class... 97
I nherit ance( Pewarisan) ... 97
Penerapan Teori Class... 98
H a r i k e - 8 1 0 3 Teknik PHP Lainnya... 103
Tanggal dan Wakt u... 103
Session Pada PHP... 108
Cookie... 108
PHP Session... 109
H a r i k e - 9 1 1 4 Teknik PHP Lainnya( 2) ... 114
Menggunakan $_GET... 114
Upload File... 115
Direkt ori dan File... 118
H a r i k e - 1 0 1 2 2 Proyek Aplikasi Bab 2 – Java Online News... 122
Ba b 3
– M ySQL, phpM yAdm in, da n M e nga k se s M ySQL M e nggu na k a n PH P... 144H a r i k e - 1 1 1 4 4 MySQL... 144
Menggunakan MySQL... 145
Mem buat Dat abase... 146
Mengakt ifkan Dat abase... 147
Mem buat Tabel... 149
Mem asukkan Dat a ke Dat abase... 149
Mendapat kan Dat a dari Dat abase... 151
Mengupdat e Record pada Dat abase... 153
Meng- Alt er Tabel... 153
Menghapus Tabel... 155
Menghapus Dat abase... 155
Teknik MySQL Lainnya... 156
User Privilige... 159
H a r i k e - 1 2 1 6 2 phpMyAdm in... 162
Mengenal phpMyAdm in... 162
Mengenal Berbagai Tab phpMyAdm in... 163
Mengakses MySQL Menggunakan PHP... 168
Langkah- langkah Mengakses Dat abase Lewat PHP... 168
Melakukan Koneksi ke MySQL... 168
Mem ilih Dat abase... 169
Melakukan Query pada Dat abase... 169
Menam pilkan Hasil Query... 169
Menut up Koneksi... 170
Fungsi- fungsi Lain... 170
Penerapan Teori Mengakses MySQL Menggunakan PHP... 171
H a r i k e - 1 3 da n 1 4 1 7 6 Proyek Aplikasi Bab 3 – Java Kids Foundat ion... 176
Ba b 4
– M a sa la h Ke a m a n a n , Er r or H a n dlin g, da n Con t oh - cont oh Aplik a si... 218H a r i k e - 1 5 2 1 9 Masalah Keam anan... 219
Seberapa Pent ing I nform asi Anda?... 219
Ancam an Keam anan... 219
Enkripsi Dat a... 222
Secure Login... 224
Firewall... 228
Error Handling... 229
Program m ing Error... 229
Synt ax Error... 229
Run Tim e Error... 230
Logic Error... 232
H a r i k e - 1 6 da n 1 7 2 3 5 Cont oh- cont oh Aplikasi... 235
NgawurPolling.localhost ... 235
H a r i k e - 1 8 ,1 9 da n 2 0 2 7 7 Forum Bareng.localhost ... 277
H a r i k e - 2 1 , 2 2 , 2 3 , da n 2 4 3 4 0 SuperI klan.localhost ... 340
Ba b 5
– M e m u la i Bisn is di I nt e r n e t , W e b D e sign da n M e m bua t W e bsit e Re se lle r... 415H a r i k e - 2 5 4 1 6 Mem ulai Bisnis di I nt ernet ... 416
Mencipt akan Produk unt uk Dij ual... 416
Mem buat File E- book ( PDF) ... 419
Mengot om at iskan Bisnis Anda... 419
Met a Tags... 430
St rat egi Prom osi... 431
H a r i k e - 2 6 , 2 7 , 2 8 , da n 2 9 4 3 9
LadangBisnis.localhost ( websit e reseller) ... 439
Ba b 6
– Uploa d File , Konfigu r a si W e bsit e , da n D om a in da n W e b H ost in g... 536H a r i k e - 3 0 5 3 7 Upload File... 537
Pengert ian Upload... 537
Soft ware FTP... 537
Mem ilih Web Host ing Grat isan... 539
Trik Menyiasat i Nam a Dom ain... 542
Konfigurasi Websit e... 547
Mengupload File... 554
Dom ain dan Web Host ing... 557
Pe n u t up... 559
Pe n da h u lu a n
Un t u k Sia pa E- book I n i?
Buku ini dit uj ukan bagi anda yang belum pernah m engenal program m ing at au anda yang sudah m engenal program m ing nam un ingin lebih m eningkat kan kem am puan anda. Dan m ereka yang ingin m enghasilkan profit dari int ernet .
Unt uk m em aham i konsep e- book ini dengan lebih baik. Anda diharapkan sudah m engenal apa it u int ernet , em ail, dan penget ahuan dasar kom put er lainnya.
Nam un syarat t erpent ing hanyalah k e m a ua n anda unt uk m em pelaj ari e- book harus t inggi. I t u saj a! .
Apa it u H TM L?
HTML( Hyper Text Markup Language) adalah sekum pulan sim bol- sim bol at au t ag- t ag yang dit uliskan dalam sebuah file yang dim aksudkan unt uk m enam pilkan halam an pada web browser. Tag- t ag t adi m em berit ahu browser bagaim ana m enam pilkan halam an web dengan lengkap kepada pengguna.
Tag- t ag HTML selalu diawali dengan < x> dan diakhiri dengan < / x> dim ana x t ag HTML sepert i b, i, u dan sebagainya.
Apa I t u PH P ?
PHP adalah bahasa server- side script ing yang didesain khusus unt uk web. Pada halam an HTML anda dapat m enem pelkan( em bed) kode PHP. Kode PHP dieksekusi di sisi server bukan di kom put er klien. Dan hasil yang dit am pilkan adalah kode HTML.
PHP m erupakan hasil kerj a seorang bernam a Rasm us Lerdorf pada 1995. Nam un kem udian PHP berkem bang dan t idak hanya m erupakan proyek pribadi Rasm us. PHP dit ulis ulang dan dengan banyak m enam bahkan fungsi- fungsi baru oleh Zeev Suraski dan Andi Gut m ant s ( disingkat Zend) dan lahirlah PHP 3 pada 1998.
PHP m asih t erus dikem bangkan, pada t ahun 2002 PHP hadir dengan versi ke 4. PHP 4 dilengkapi dengan Zend Engine dan m engalam i banyak peningkat an perform a. Dan yang paling akhir pada t ahun 2005 PHP 5 hadir dengan dukungan Zend Engine 2. Banyak fit ur baru khususnya pada OOP( Obj ect Orient ed Program m ing) dan XML.
Apa I t u M ySQL?
MySQL adalah program relat ional dat abase m anagem ent syst em ( RDMS) yang bersifat free dan open source. MySQL sangat cepat , grat is, m udah dikonfigurasi, m udah dipelaj ari dan t ersedia source codenya. I t ulah beberapa kelebihan ut am a dari MySQL dibanding RDMS
kom ersial yang ada. MySQL m enggunakan SQL ( St ruct ured Query Language) yang m erupakan st andar global dalam m anagem ent dabat ase.
Apa I t u Apa ch e ?
Apache adalah HTTP web server yang bersifat free dan open source. Oleh karena it u penggunaannya biasanya dibarengkan dengan PHP dan MySQL.
Apa I t u ph pM yAdm in ?
phpMyAdm in adalah kum pulan script PHP yang dij alankan pada browser yang fungsinya unt uk adm inist rasi dat abase MySQL. Dengan m enggunakan phpMyAdm in kit a lebih m udah dalam m elakukan m anipulasi dat abase karena phpMyAdm in m enyediakan user int erface yang baik.
Apa Sa j a Ya n g D ibu t u h k a n ?
Unt uk dapat m em pelaj ari e- book ini m inim al soft ware- soft ware yang diperlukan adalah:
PHP > 4.3.x ( Versi Penulis 5.1.2)
MySQL > 4.x ( Versi Penulis 5.0.16)
Apache 2.x ( Windows 2000/ XP/ 2003) ( Versi Penulis 2.0.54)
Apache 1.3.x ( Windows 98) ( Versi Penulis 1.3.34)
phpMyAdm in 2.6.x ( Versi Penulis 2.6.1)
PHP DESI GNER 2006 ( opsional)
hMailServer > 4.x ( opsional) ( Versi Penulis 4.2 build 195)
Sem uanya GRATI S. Meskipun anda saat ini sudah m em ilik i PHP versi 4.3.x it u t idak m asalah. Karena penulisan pada e- book ini j uga m engut am akan kom pat ibilit as pada versi sebelum nya.
Soft ware yang bersifat opsional art inya soft ware t ersebut t idak m ut lak harus anda m iliki. Nam un akan lebih baik j ika anda m em ilikinya.
Jika anda m enget ik kode m enggunakan not e pa d it u sudah cukup. Nam un sangat riskan t erj adi kesalahan synt ax karena t idak ada pewarnaan kode. Dengan PHP DESI GNER kode- kode yang anda ket ikkan akan diberi warna secara ot om at is sesuai dengan j enisnya. Anda j uga dapat m engkonfigurasi sendiri warnanya sesuai keinginan anda.
Apa it u h M a ilSe r ve r ?
hMailServer adalah program yang m ail server yang bersifat free dan open source unt uk sist em operasi Windows. Karena pada aplikasi web biasanya m enggunakan em ail. Maka dengan hMailServer kom put er kit a dapat m enj adi m ail server virt ual sekaligus klien.
Dengan dem ikian seolah- olah kit a m engirim dan m enerim a em ail dari dan ke int ernet . Padahal proses t ersebut hanya t erj adi pada kom put er kit a saj a( lokal) .
Ala m a t D ow n loa d
Berikut ini adalah alam at download dari m asing- m asing soft ware:
Soft w a r e Ala m a t D ow n loa d
PHP ht t p: / / www.php.net /
MySQL ht t p: / / www.m ysql.com /
Apache ht t p: / / ht t pd.apache.org/
phpMyAdm in ht t p: / / www.phpm yadm in.net /
PHP DESI GNER 2006 ht t p: / / m psoft ware.dk/
hMailServer ht t p: / / www.hm ailserver.com /
Jika anda m erasa m alas m endownload anda dapat m em esan soft ware- soft ware diat as kepada saya dalam bent uk CD. Caranya m asuk pada m em ber area, buka halam an pesan CD dengan m engklik link pesan cd. I si dari CD t ersebut ant ara lain:
2. Apache 2.0.54/ 1.3.34 ( Windows) , Apache 2.0.55 ( Linux) 3. MySQL 5.0.16 ( Windows) , MySQL 5.0.18 ( Linux)
4. phpMyAdm in 2.6.x 4. Dokum ent asi inst alasi 5. hMailSer ver 4.2 build 195 6. PHP DESI GNER 2006
7. E- book " Menj adi Webm ast er Dalam 30 Hari" 8. E- book " Mast ering Kode HTML"
9. AceFTP 3 Free Edit ion ( Soft ware FTP)
( I si dari CD dapat berubah sewakt u- wakt u sesuai dengan rilis t erbaru dari m asing- m asing vendor )
I n st a la si da n k on figu r a si
Pada bagian inst alasi dan konfigurasi ini kit a bagi dalam dua bagian. Yang pert am a adalah unt uk sist em operasi Microsoft Windows dan yang kedua adalah unt uk Linux kernel > 2.4.x.
N B: Pada cont oh inst alasi di e- book ini m enggunakan versi PHP, MySQL, dan Apache yang t elah disebut kan sebelum nya. Ket ika anda m em baca e- book ini m ungkin versi rilis yang disediakan berbeda dengan versi yang digunakan pada cont oh ini.
Saya sarankan anda m enggunakan versi rilis yang up t o dat e. Meskipun dem ikian langkah-langkah inst alasinya t idak j auh berbeda dengan yang digunakan pada ebook ini.
Jika anda ingin m enggunakan versi soft ware yang digunakan di e- book ini anda dapat m endownload di alam at :
PHP 5.1.2 : ht t p: / / www.php.net / get / php- 5.1.2- Win32.zip/ from / a/ m irror Apache 2.0.54/ 1.3.34 : ht t p: / / archive.apache.org/ dist / ht t pd/ binaries/ win32/
Pada cont oh cont oh inst alasi ini PHP 5.1.2 m ewakili PHP versi 5. Apache 2.0.54 m ewakili Apache versi 2.0.x. Sedangkan Apache 1.3.34 m ewakili Apache versi 1.3.x.
Unt uk dokum ent asi dari inst alasi versi t erbaru silahkan kunj ungi: ht t p: / / m at eri.rahasia- webm ast er.com /
W in dow s
I n st a la si Apa ch e 2 .0 .5 4 ( W in dow s 2 0 0 0 / XP/ 2 0 0 3 )
File yang saya gunakan adalah apache_2.0.54- win32- x86- no_ssl.m si. Unt uk inst alasi apache sangat m udah karena hanya t inggal klak- klik saj a sepert i soft ware windows pada um um nya. I kut i langkah- langkah berikut :
1. Set elah anda download file inst alasinya klik dua kali file t ersebut . 2. Klik Next > Pilih I Accept .... Klik Next > klik Next >
3. Pada Net work Dom ain I sikan dan Server Nam e I sikan dom ain anda m isalnya localhost 4. Pada Adm inist rat or Em ail isikan em ail anda. I ni t idak pent ing j ika anda hanya
m enggunakan secara personal bukan unt uk publik. 5. Klik for All User, On Port .... Klik Next >
6. Pilih Typical, klik Next >
7. Klik Change... pada I sian folder nam e gant i C:\ Pr ogr a m File s\ Apa ch e Gr oup\ dengan C:\ klik OK( nant inya Apache akan m em buat folder C: \ Apache2 secara ot om at is)
Set elah proses inst alasi selesai akan m uncul ikon Apache Monit or ( bulu m erah dan segit iga hij au) . Jika hij au art inya server apache sedang berj alan. Jika m erah berart i server apache t idak akt if.
Unt uk m enget es apakah Apache berj alan dengan baik at au t idak. I kut i langkah- langkah berikut .
1. Buka browser anda ( Misalnya I nt ernet Explorer)
2. Pada address bar ket ikkan http://localhost/ at au http://127.0.0.1/ 3. Maka akan m uncul halam an sepert i dit unj ukkan gam bar 1.0.1
NB: Jika anda m enggunakan Windows XP Service Pack 2. Anda akan m enem ui window peringat an apakah Apache diperbolehkan m enerim a koneksi dari net work. Klik t om bol Un block agar Windows Firewall t idak m em blok program apache.exe.
Gam bar 1.0.1: Halam an ut am a apache
Agar file- file PHP kit a nant inya dapat diproses oleh Apache m aka kit a perlu m elet akkannya pada direkt ori C:\ Apa ch e 2 \ h t docs. Pada browser j ika anda m enget ik ht t p: / / localhost / at au ht t p: / / 127.0.0.1/ m aka sam a saj a anda m em buka direkt ori C: \ Apache2\ ht docs.
I n st a la si Apa ch e 1 .3 .3 4 ( W in dow s 9 8 )
File yang saya gunakan unt uk inst alasi ini adalah apache_1.3.34- win32- x86- no_src.exe. Langkah- langkah unt uk inst alasi apache 1.3.34 pada windows 98 sam a dengan Apache 2.0.54 pada windows 2000/ XP/ 2003.
Pada Apache 1.3.34 nam a direkt ori penginst alan bukan C: \ Apache2 m elainkan C: \ Apache. Unt uk m enget esnya buka windows explorer. Masuk pada direkt ori C: \ Apache double klik file Apache.exe unt uk m engeksekusinya.
1. Klik St a r t > Run ket ik com m a n d [ ENTER]
2. ket ik cd \ [ ENTER] unt uk berpindah ke direkt ori paling at as 3. ket ik cd C: \ Apache [ ENTER] unt uk m asuk ke direkt ori C: \ Apache 4. ket ik apache [ ENTER] unt uk m engeksekusi file Apache.exe
Set elah file apache.exe dieksekusi m aka server apache akan segera dij alankan. Hal it u dit andai dengan m unculnya MS- DOS Window yang bert uliskan APACHE. Dan pesan yang dit am pilkan kurang lebih bert uliskan sepert i berikut ,
Apache/1.3.34 (Win32) running...
Jangan t ut up window t ersebut . Karena j ika anda t ut up service Apache j uga ikut dim at ikan. Klik t om bol m inim ize saj a unt uk m em inim ize window t ersebut .
Unt uk m em at ikan service dari Apache akt ifkan dulu window APACHE. Set elah it u t ahan t om bol Ct r l kem udian t ekan t om bol C. Window APACHE secara ot om at is akan hilang.
I n st a la si M ySQL 5 .0 .1 6 ( W in dow s 2 0 0 0 / XP/ 2 0 0 3 )
File yang saya gunakan unt uk inst alasi ini adalah m ysql- essent ial- 5.0.16- win32.m si. Versi essent ial m erupakan inst alasi dengan kelengkapan m inim al. Nam un unt uk windows 98 anda harus m endownload versi full. I nst alasi MySQL lebih rum it dibanding Apache unt uk it u ikut i langkah- langkah berikut dengan seksam a:
1. Double klik file inst alasi yang t elah anda download 2. Klik Next > , Klik Cust om , Klik Change ...
3. Pada isian folder nam e gant i C:\ Pr ogr a m File s\ M ySQL\ M ySQL Se r ve r 5 .0 \ dengan C:\ M ySQL5 .0 klik OK
4. Klik Next > , klik I nst all unt uk m em ulai proses inst alasi
5. Set elah it u m uncul window Set up Wizard pilih Sk ip Sign - Up lalu klik Next >
6. Muncul Window Baru, beri t anda cek Configur e M ySQL Se r ve r now lalu klik Next > 7. klik Next > Pilih D e t a ile d Configur a t ion, klik Next > , Pilih D e ve lope r M a ch in e 8. klik Next > Pilih M u lt ifu n ct iona l D a t a ba se, klik Next > Klik Next
9. Beri Cek pada Ena ble TCP/ I P N e t w or k ing past ikan port num bernya 3306. 10. Beri Cek pada Ena ble St r ick M ode, klik Next > , klik Next >
11. Beri Cek pada I n st a ll As W in dow s Se r vice, Service Nam e pilih M ySQL
12. Beri Cek pada I n clu de Bin D ir e k t or i in W indow s PATH ( agar kit a dapat m em anggil m ysql dari com m and prom pt ) klik Next >
13. Beri Cek pada M odify Se cu r it y Se t t in gs
14. Pada isian N e w r oot pa ssw or d ket ikkan password yang ingin anda gunakan unt uk m asuk ke MySQL sebagai root ( pem egang hak kuasa)
15. Ulangi pada Con fir m
16. Jangan beri cek unt uk Creat e An Anonym ous Account
17. klik Next > klik Execut e > Klik Finish unt uk m engakhiri inst alasi 18. Rest art kom put er anda agar sem ua set t ing dapat berj alan
NB: Jika anda m enggunakan Windows XP SP 2 m ungkin akan m uncul pesan error ket ika anda m enekan t om bol Execut e. Hal ini disebabkan karena Windows Firewall m em blok service m ysqld- nt .exe yang m enggunakan port 3306. Unt uk m engat asinya, pergi ke Cont rol panel > W in dow s Fir e w a ll > klik Tab Ex ce pt ions > klik Add Pr ogr a m ... > Arahkan ke C: \ MySQL5.0\ bin pilih m ysqld- n t .e x e > klik OK > Kem bali ke Window pesan error MySQL klik t om bol Re t r y unt uk m engulangi.
Unt uk m enget esnya m asuk pada com m and prom pt caranya klik St art > Run > ket ik cm d lalu klik OK.
2. Unt uk m em ast ikan direkt ori C: \ MySQL5.0\ bin\ ada pada environm ent windows ket ikkan perint ah berikut
3. PATH [ ENTER] kem udian cari apakah direkt ori C: \ MySQL5.0\ bin ada pada daft ar. 4. Jika ya lanj ut ke no. 6, j ika belum klik kanan My Com put er > Propert ies > Advanced >
Environm ent variabels > Double klik pa t h pada syst em variabels. Tam bahkan dat a berikut ; C: \ MySQL5.0\ BI N ( Set iap direkt ori dibat asi t it ik kom a)
5. Rest art kom put er anda kem udian lanj ut kan ke langkah 6
6. Ket ik mysql [ ENTER] j ika ada error ERROR 1045 (28000): Access denied for user
'ODBC'@'localhost' (using password: NO) 7. I t u berart i benar. Loh error kok m alah benar?. I t u berart i user Anonym ous t idak dapat
m engakses MySQL dan hanya root yang bisa.
8. ket ikkan perint ah berikut C:\>mysql –u root –p [ENTER] Maka akan m uncul pert anyaan ENTER PASSWORD:
9. Masukkan password anda yang anda gunakan pada wakt u inst alasi t adi lalu t ekan ENTER.
10. Jika password benar m aka anda akan ke MySQL Monit or yang dit andai dengan prom pt mysql> ket ik \h unt uk bant uan at au \q unt uk keluar dari MySQL m onit or
11. MySQL Monit or dit unj ukkan oleh gam bar 1.0.2.
Gam bar 1.0.2: Tam pilan MySQL Monit or
Pem bahasan lengkap m engenai MySQL akan kit a pelaj ari pada Bab 3.
I n st a la si M ySQL 5 .0 .1 6 ( W in dow s 9 8 )
Berdasarkan hasil t est , MySQL 5.0.16 versi essent ial t idak dapat berj alan di Windows 98. Oleh karena it u j ika anda pengguna windows 98 anda harus m endownload versi full yang ukuran filenya lebih besar nam un lebih kom plit .
Langkah- langkah inst alasi MySQL 5.0.16 pada windows 98 t idak j auh beda dengan windows 2000/ XP. Hanya saj a pada Windows 98 langkah inst alasinya hanya sam pai langkah ke- 12.
Karena MySQL t idak dapat berj alan sebagai service di windows 98. Maka unt uk m enj alankan server MySQL anda harus m em anggilnya secara m anual. Anda dapat m enj alankan server MySQL dengan m enj alankan file m ysqld.e x e yang ada di direkt ori C: \ MySQL5.0\ Bin lewat Windows Explorer. Jika m au Anda dapat m em buat shorcut nya di deskt op.
Alt ernat if lain adalah dengan m enggunakan MS- DOS Prom pt . Klik St a r t > Run ket ik com m a n d lalu ENTER.
3. Ekeskusi file m ysqld.exe dengan m enget ik m ysqld [ ENTER] 4. Unt uk m enget es server MySQL t elah akt if ket ik m ysql [ ENTER]
5. Jika berhasil anda akan m asuk pada MySQL Monit or sepert i gam bar 1.0.2 sebelum nya.
Kh u su s Pe n ggu n a W in dow s 9 8
Jika anda lebih suka m engakt ifkan server lewat MS- DOS Prom pt daripada windows Explorer. Sebelum m engeksekusi MySQL.exe at au Apache.exe anda t ent u harus berpindah- pindah direkt ori t erlebih dahulu.
Hal t ersebut t ent u kurang efesien. Agar direkt ori C: \ MySQL5.0\ bin dan C: \ Apache dapat dikenali di seluruh lingkungan DOS. Kit a perlu m enset sist em PATH windows pada file aut oexec.bat . Caranya,
1. pindah ke direkt ori paling at as dengan perint ah cd \ [ ENTER] 2. pada C: \ > ket ik perint ah berikut edit aut oexec.bat [ ENTER] 3. Tam bahkan baris perint ah berikut
SET PATH= C: \ WI NDOWS; C: \ WI NDOWS\ COMMAND; C: \ MySQL5.0\ BI N; C: \ Apache 4. Tahan t om bol Alt lalu t ekan F pilih Save... unt uk m enyim pan file.
5. Rest art kom put er anda.
Sekarang anda dapat m engeksekusi sem ua file pada direkt ori C: \ MySQL5.0\ BI N dan C: \ Apache t anpa harus m asuk pada direkt ori t ersebut .
Jika anda ingin server ot om ot is berj alan ket ika Windows st art up kit a dapat m em asukkannya ke dalam regist ry windows. Langkah- langkahnya adalah sebagai berikut :
1. Jalankan program not epad klik St a r t > Ru n ket ik not epad [ ENTER] 2. Kem udian ket ik script berikut
REGEDI T4
[ HKEY_LOCAL_MACHI NE\ Soft ware\ Microsoft \ Windows\ Current Version\ Run] " MySQL5.0 Server" = " C: \ \ MySQL5.0\ \ bin\ \ m ysqld.exe"
" Apache 1.3.34" = " C: \ \ Apache\ \ Apache.exe"
3. Sim pan dengan m engklik m enu File > Sa ve
4. Tent ukan lokasi penyim panan sesuai keinginan anda 5. Pada Save As Type past ikan pilihannya All Files
6. Pada isian File Nam e: isikan se r ve r .r e g lalu klik Save
7. Jalankan Windows Explorer arahkan ke t em pat dim ana anda m enyim pan file t ersebut 8. Double klik file t ersebut unt uk m enj alankannya
9. Pada dialog pert anyaan klik Ye s kem udian klik OK.
Script diat as bert uj uan unt uk m em asukkan m ysqld.exe dan apache.exe ke dalam daft ar file-file yang dieksekusi saat windows st art up.
Jika anda ingin m enget ahui lebih t ent ang regist ry silahkan cari sendiri di I nt ernet lewat search engine. Saran saya sebelum m engut ak- at ik regist ry windows backuplah dat a- dat a pent ing anda. Karena j ika anda salah m enset t ing regist ry akibat nya sangat fa t a l yait u Windows t idak bisa dij alankan.
I n st a la si PH P 5 .1 .2
File yang saya gunakan adalah php- 5.1.2- Win32.zip. Kit a lebih m em ilih dalam bent uk ZI P karena fit ur- fit ur yang didukung PHP lebih banyak daripada versi I nst aller.
1. Ext ract file inst alasi m enggunakan winzip at au program sej enis 2. Misalnya Winzip Double klik file inst alasi, klik Ext ract pada t oolbar 3. Past ikan Anda m em ilih All Files/ folders in archieve
4. Pada isian Ext ract t o isikan C:\ php5 .1 .2 lalu klik Ext ract
5. Masuk pada direkt ori C: \ php5.1.2, renam e file ph p.in i- dist m enj adi ph p.in i 6. Double klik php.ini unt uk m engedit nya
7. Cari baris dengan t ulisan berikut ; include_pat h = " .; c: \ php\ includes"
Gant i dengan
include_pat h = " .; c: \ php5.1.2\ includes"
8. Cari baris dengan t uisan berikut ext ension_dir = " ./ "
Gant i dengan
ext ent ion_dir = " c: \ php5.1.2\ ext "
9. Cari bagian ext ent ion lalu hilangkan t anda ; ( t it ik kom a) didepan ext ent ion- ext ent ion berikut :
; ext ension= php_m bst ring.dll m enj adi ext ension= php_m bst ring.dll ; ext ension= php_m ysql.dll m enj adi ext ension= php_m ysql.dll
10. Sim pan kem bali dengan m engklik File > Save
Un t u k W in dow s 9 8
Set elah kesem bilan langkah t ersebut selesai anda ikut i. Anda perlu m engkopi file php.in i yang ada pada direkt ori c:\ ph p5 .1 .2 ke direkt ori c:\ w in dow s.
Sudah selesai? Belum ..., m asih ada sat u file lagi yang akan kit a edit . File ini adalah file konfigurasi Apache. Tanpa m engedit file ini script PHP t idak akan bisa diproses.
Kon figu r a si Apa ch e 2 .0 .5 4 ( W in dow s 2 0 0 0 / XP/ 2 0 0 3 )
Buka file h t t pd.con f yang ada di direkt ori C: \ Apache2\ conf dengan not epad, kem udian ikut i langkah- langkah berikut :
1. Cari bagian LoadModule pada bagian bawah t am bahkan kode berikut
# Module unt uk PHP 5
LoadModule php5_m odule " C: / php5.1.2/ php5apache2.dll" AddType applicat ion/ x- ht t pd- php .php
# Unt uk pewarnaan source code PHP
AddType applicat ion/ x- ht t pd- php- source .phps
# Let ak direkt ori file php.ini PHPI niDir " C: / php5.1.2"
2. Cari bagian Direct oryindex yang berisi t ulisan berikut
Direct oryI ndex index.ht m l index.ht m l.var
Tam bahkan hingga m enj adi sepert i berikut
Direct oryI ndex index.ht m l index.ht m l.var index.ht m index.php
3. Sim pan kem bali file ht t pd.conf dengan m engklik File > Save
4. Klik kanan icon Apache Monit or pada poj ok kanan layar kanan > Klik Ope n Apa ch e M on it or > Klik Re st a r t > Klik OK
Kon figu r a si Apa ch e 1 .3 .3 4 ( W in dow s 9 8 )
Buka file h t t pd.con f yang ada di direkt ori C:\ Apa ch e \ h t docs, kem udian m odifikasi bagian-bagian berikut :
1. Cari bagian LoadModule pada bagian bawah t am bahkan kode berikut
# Module unt uk PHP 5
LoadModule php5_m odule " C: / php5.1.2/ php5apache.dll"
2. Pada bagian bawah AddModule t am bahkan kode berikut
# Module unt uk PHP 5 AddModule m od_php5.c
3. Cari bagian yang bert uliskan < I fModule m od_m im e.c>
< I fModule m od_m im e.c>
TypesConfig conf/ m im e.t ypes < / I fModule>
Modifikasi hingga m enj adi sepert i sepert i berikut
< I fModule m od_m im e.c> TypesConfig conf/ m im e.t ypes
# Script PHP
AddType applicat ion/ x- ht t pd- php .php
# Unt uk pewarnaan Source Code PHP
AddType applicat ion/ x- ht t pd- php- source .phps < / I fModule>
4. Cari bagian Direct oryindex yang berisi t ulisan berikut
Direct oryI ndex index.ht m l
Tam bahkan hingga m enj adi sepert i berikut
Direct oryI ndex index.ht m l index.ht m index.php
5. Sim pan kem bali file ht t pd.conf klik File > Save
6. Unt uk m erest art Apache t ut up DOS window Apache server running ...
7. Double klik file short cut Apache pada deskt op j ika anda m em buat nya pada saat inst alasi 8. Jika t idak, m asuk pada DOS Prom pt ket ik C: \ > apache.exe [ ENTER] unt uk m engakt ifkan
Apache HTTP Server
La n j u t a n ( Apa ch e 2 .0 .5 4 da n Apa ch e 1 .3 .3 4 )
1. Buka not epad at au PHP DESI GNER 2005 j ika anda sudah m endownload. Ket ik kode berikut :
<?php
phpinfo();
?>
2. Sim pan pada direkt ori C: \ Apache2\ ht docs\ ( Apache 2.0.54) at au C: \ Apache\ ht odocs ( Apache 1.3.34) dengan nam a info.php.
3. Jika m enggunakan not epad past ikan Sa ve As- nya adalah All File s agar t idak disim pan sebagai file TXT.
4. Buka browser anda arahkan ke ht t p: / / localhost / info.php. Jika segala sesuat unya benar akan m uncul t am pilan sepert i gam bar 1.0.3.
Jika belum bisa coba cek kem bali m ungkin ada beberapa langkah yang anda lewat kan.
I nst alasi yang t elah kit a lakukan sebelum nya m erupakan proses inst alasi PHP sebagai Modul Apache. Kit a t idak m enginst al PHP sebagai CGI karena karena alasan keam anan. Selain it u perform a PHP sebagai m odul Apache lebih baik daripada sebagai CGI .
Gam bar 1.0.3: Script PHP berhasil diproses Apache
I n st a la si ph pM yAdm in 2 .6 .1
File inst alasai yang saya gunakan adalah phpMyAdm in- 2.6.1.zip. Saya asum sikan anda m enggunakan winzip unt uk m engext ract file inst alasi t ersebut .
1. Buka file zip t ersebut m enggunakan WinZip
Un t u k Apa ch e 2 .0 .5 4
3. Pada isian Ext ract To isikan C:\ Apa ch e 2 \ h t docs\ ph pM yAdm in - 2 .6 .1 4. Edit file config.inc.php pada direkt ori C: \ Apache2\ ht docs\ phpMyAdm in- 2.6.1
Un t u k Apa ch e 1 .3 .3 4
3. Pada isian Ext ract To isikan C:\ Apa ch e \ h t docs\ ph pM yAdm in - 2 .6 .1 4. Edit file config.inc.php pada direkt ori C: \ Apache\ ht docs\ phpMyAdm in- 2.6.1
5. Cari st ring berikut
$cfg['PmaAbsoluteUri'] = '';
Gant i nilainya m enj adi
$cfg['PmaAbsoluteUri'] = 'http://localhost/phpMyAdmin-2.6.1/';
6. Cari st ring berikut dan set nilainya sehingga sepert i dibawah ini:
$cfg['Servers'][$i]['host'] = 'localhost'; $cfg['Servers'][$i]['user'] = 'root';
$cfg['Servers'][$i]['password'] = 'GANTI_DENGAN_PASSWORD_ANDA';
7. Buka browser anda arahkan ke alam at ht t p: / / localhost / phpMyAdm in- 2.6.1/
Jika anda m enj alankan sesuai inst ruksi yang saya berikan t am pilan pada browser anda akan sepert i gam bar 1.0.5
Gam bar 5.0.5: Tam pilan ut am a phpMyAdm in
Unt uk sem ent ara j angan diut ak- at ik dulu agar t idak t erj adi hal- hal yang diinginkan. Pem bahasan t ent ang MySQL dan phpMyAdm in akan kit a kupas pada bab 3.
Anda t idak harus m enginst all hMailServer unt uk dapat m engaplikasik an isi e- book ini. Hanya saj a dengan hMailServer kom put er anda akan lebih lengkap karena m em iliki Mail Server. Kit a t ahu pada aplikasi web sering t erj adi proses pengirim an em ail. Tanpa m em ilik i m ail server kit a t idak bisa m enget ahui script kit a bekerj a at au t idak.
File inst alasi yang saya gunakan adalah hMailServer- 4.2- Build- 195.exe. Unt uk inst alasi hMailServer ikut i langkah- langkah berikut :
1. Double klik file inst alasi t ersebut .
2. Klik Next > Pada folder t uj uan isikan C:\ Pr ogr a m File s\ h M a ilSe r ve r 3. Klik Next > Pilih Cust om I n st a la t ion
4. Klik Next > pilih Use Ex t e r na l da t a ba se se r ve r 5. Klik Next > klik Next > klik I nst all
6. Muncul window baru klik Next > pilih Cr e a t e a n e w h M a ilSe r ve r da t a ba se 7. klik Next > pilih MySQL Server, klik Next >
8. Pada dat abase address isikan loca lh ost, TCP Port 3 3 0 6
9. Usernam e isikan r oot, password isikan password anda pada wakt u inst alasi MySQL 10. Pada dat abase nam e isikan h m a ilse r ve r klik Next > , klik Next >
11. klik Finish, pindah pada window Set up – hMailServer klik Fin ish
Set elah it u akan m uncul window hMailServer Adm inist rat or – Connect .
1. Jika pada host nam e belum ada localhost m aka klik Add isikan localhost lalu klik Save. 2. Jika anda ingin hm ail t erkoneksi saat st art - up cent ang j uga Aut om acally connect at
st art up.
3. Terakhir klik Connect
Tam pilan hMailServer saat pert am a kali dij alankan dit unj ukkan oleh gam bar 1.0.6
Gam bar 1.0.6: Tam pilan hMailServer saat pert am a kali dij alankan
Set elah proses inst alasi selesai. Kit a perlu m em buat dom ain unt uk alam at em ail kit a. Karena kit a berada di kom put er kit a sendiri kit a bebas m enent ukan nam a dom ain. Misalnya
Unt uk cont oh ini saya m enggunakan dom ain localhost .localdom ain. Unt uk sem ent ara saya sarankan anda unt uk m enggunakan dom ain t ersebut . Set elah anda m engert i cara kerj anya anda dapat m enggant i sesuka anda. Unt uk m em buat dom ain ikut i langkah- langkah berikut :
1. Pada list m enu, klik Welcom e pada bagian kiri. Kedua klik Add dom a in ... 2. Pada Dom ain Nam e isikan loca lh ost .loca ldom a in klik Sa ve
3. Klik Add Account, pada Account address isikan t e st 4. Pada Password isikan password isikan pa s1 2 3
5. Pada adm inist rat ion anda dapat m em ilih ant ara user, dom ain, dan server. Jika anda ingin account t ersebut dapat digunakan unt uk adm inist rasi server pilih server. 6. Jangan lupa beri cek Act ive kem udian klik Save
Gam bar 1.0.7: User t est m enerim a em ail
Sekarang anda sudah m em iliki account em ail dengan alam at t e st @loca lh ost .loca ldom a in. Unt uk m enget es apakah m ail server kit a berj alan dengan baik kit a dapat m enggunakan program em ail client sepert i Out look Express bawaan windows.
1. Jalankan program Out look Express 2. Klik Menu > Tools > Account 3. Klik t om bol Add > Mail...
4. Pada Display Nam e isikan Nam a Anda, pada em ail Address isikan t e st @loca lh ost .loca ldom a in
5. My I ncom ing Mail server is a pilih POP3
6. Pada incom ing m ail isikan loca lh ost, pada Out going m ail j uga isikan loca lhost 7. Klik Next , Account Nam e isikan t e st @loca lhost .loca ldom a in
8. Password isikan pa s1 2 3 klik Next > Klik Finish
9. Pada window I nt ernet Account s pilih loca lhost klik Propert ies 10. gant i localhost dengan Test ing lalu klik OK, Klik Close
Kem bali pada hMailServer:
1. Klik t anda + pada Ut ilit ies unt uk m em unculkan t ree baru 2. Klik Se r ve r se n dou t
3. Pada bagian em ail, From isikan Adm inTe st, pada From Address isikan n o- r e ply@loca lh ost .loca ldom a in
4. Pada subj ect isikan Test Test Test Test x999999
5. Pada body isikan Jika anda dapat m em baca pesan ini, SELAMAT! . Mail server anda t elah berj alan dengan sukses! .
Kem bali pada Out look Express, klik Send/ Recv pada t oolbar. Pada inbox nam pak 1 em ail baru, klik inbox t ersebut lalu double klik Adm inTest unt uk m em unculkan pesannya sepert i gam bar 1.0.7.
Lin u x Ke r n e l > 2 .4 .x
Sist em operasi yang saya gunakan unt uk penguj ian adalah Red Hat 9 ( Kernel 2.4) dan Ubunt u Breezy ( Kernel 2.6) . Dan saya rasa langkahnya ham pir sam a unt uk sem ua dist ro linux. Selam a proses penginst alan anda harus berada pada m ode super user ( root ) .
Anda dapat m enggunakan perint ah su unt uk berpindah ke m ode super user. Sem ua paket yang akan kit a inst all bukan rpm m elainkan sourcenya. Sourcenya saya let akkan pada direkt ori / usr/ src.
Jika anda sudah m enginst all MySQL, Apache dan PHP yang disert akan dalam CD dist ribusi Red Hat 9. Hapus kesem ua paket - paket t ersebut karena sudah Out of Dat e. Anda dapat
m enggunakan Add/ Rem ove Aplicat ions yang berbasis GUI unt uk m elakukannya.
Pada ubunt u breezy anda dapat m enggunakan Synapt ic unt uk m enghapus inst alasi apache j ika anda t erlanj ur m enginst alnya.
Ket iga paket yang saya gunakan ant ara lain:
MySQL versi 5.0.18 ( m ysql- 5.0.t ar.gz)
Apache versi 2.0.55 ( ht t pd- 2.0.55.t ar.gz)
PHP versi 5.1.2 ( php- 5.1.2.t ar.gz)
Unt uk m ail server kit a dapat m enggunakan sendm ail ( Red Hat ) at au post fix ( Ubunt u Breezy) .
I n st a la si M ySQL 5 .0 .1 8
Versi MySQL yang saya gunakan dalam penguj ian adalah MySQL versi 5.0.18. Langkah-langkahnya adalah:
1. Buka t erm inal window.
2. Jika anda login sebagai user biasa. Pindah ke m ode super user dengan m enggunakan perint ah su.
3. Masuk ke direkt ori / usr/ src lalu ext ract isi paket : # cd / usr/ src
# gzip - d m ysql- 5.0.t ar.gz
# t ar - xvf m ysql- 5.0.t ar - C / usr/ local # cd / usr/ local
# ln - s m ysql- st andard- 5.0.18- linux- i686- glibc23 m ysql # cd m ysql
Cat at an: sesuaikan dengan versi m ysql anda.
4. Jika anda t idak m em iliki user biasa ( bukan root ) , m aka buat lah # groupadd userx
# useradd userx
Cat at an: gant i userx sesuai dengan keinginan anda.
5. I nst all dat abase m ysql
6. Buat privilige unt uk direkt ori dat a kepada userx # chown - R root .
# chown - R userx dat a # chgrp - R userx .
7. Jalankan server m ysql daem on
# ./ bin/ m ysqld_safe - - user= userx & at au # ./ bin/ m ysqld - - user= userx & Cat at an: m ysqld_safe biasanya digunakan unt uk penget esan saj a.
8. Buat password unt uk root ( root m ysql bukan root sist em ) # ./ bin/ m ysqladm in - u root password xxxxxxx
Cat at an: gant i xxxxxxx dengan password yang anda inginkan
9. Login ke MySQL
# ./ bin/ m ysql - u root - p
Ent er password: ( ket ik password anda lalu ENTER)
10. Hapus anonym ous user m ysql> use m ysql;
m ysql> DELETE FROM user WHERE User= '';
11. Jika ingin keluar dari MySQL Monit or gunakan perint ah berikut m ysql> \ q at au quit ;
12. Unt uk m enghent ikan service m ysql ket ik perint ah berikut # ./ bin/ m ysqladm in shut down - u root - p
Ent er Password: ( Masukkan password anda)
I n st a la si Apa ch e 2 .0 .5 5
Aplikasi ke dua yang akan kit a inst al adalah Web Server Apache. Versi Apache yang saya gunakan adalah Apache versi 2.0.55. Anda harus berada pada m ode super user unt uk m elakukan inst alasi ini. Langkah- langkahnya.
1. Masuk pada direkt ori / usr/ src unt uk m engext ract paket : # cd / usr/ src
# gzip - d ht t pd- 2.0.55.t ar.gz # t ar - xvf ht t pd- 2.0.55.t ar # ln - s ht t pd- 2.0.55.t ar ht t pd # cd ht t pd
Cat at an: sesuaikan dengan versi Apache anda.
2. I nst all ke direkt ori / usr/ local/ apache2 # ./ configure - - prefix= / usr/ local/ apache2 # m ake
# m ake inst all
3. Masuk pada direkt ori / usr/ local/ apache2 # cd / usr/ local/ apache2
4. Jalankan service ht t pd # ./ bin/ apachect l st art
5. Tes apakah apache sudah t erkonfigurasi dengan benar dengan cara: - buka browser anda ( Mozilla, Firefox at au yang lain) arahkan ke ht t p: / / localhost /
- Jika berhasil m aka akan m uncul halam an sepert i gam bar 1.0.8
# m kdir / hom e/ nam a_user/ webm ast er
# chown - R nam a_user / hom e/ nam a_user/ webm ast er
7. Buat sym bolic links di direkt ori ht docs yang m engarah ke / hom e/ nam a_user/ webm ast er # ln - s / hom e/ nam a_user/ webm ast er / usr/ local/ apache2/ ht docs/ webm ast er
Cat at an: j adi j ika anda m em buka alam at ht t p: / / localhost / webm ast er m aka secara ot om at is akan diarahkan ke / hom e/ nam a_user/ webm ast er
8. Unt uk m enghent ikan service ht t pd gunakan perint ah berikut # ./ bin/ apachect l st op
Gam bar 1.0.8: Konfigurasi Apache berhasil
I n st a la si PH P 5 .1 .2
Pada saat m enginst all PHP kit a dihadapkan dua pilihan. Apakah kit a akan m enginst all PHP sebagai Module dari Apache at au sebagai CGI . Pada syst em linux dianj urkan unt uk m enginst all PHP sebagai m odule. Karena perform ance PHP sebagai m odule lebih baik dari pada dipasang sebagai CGI .
La n gk a h - la n gk a h pe n gin st a la n
1. Masuk pada direkt ori / usr/ src # cd / usr/ src
2. Ext ract paket PHP
# gzip - d php- 5.1.2.t ar.gz # t ar - xvf php- 5.1.2.t ar # ln - s php- 5.1.2 php # cd php
3. Lakukan konfigurasi
- - wit h- m ysql= / usr/ local/ m ysql
Cat at an: Jika ada m asalah dengan versi libxm l anda. Gunakan perint ah berikut
# ./ configure - - prefix= / usr/ local/ php5 - - wit h- apxs2= / usr/ local/ apache2/ bin/ apxs - - wit h- m ysql= / usr/ local/ m ysql - - disable- libx m l - - disable- dom - - disable- xm l - - disable- sim plexm l - - disable- xm lreader - - disable- xm lwrit er - - wit hout - pear # m ake
# m ake inst all
4. Set elah it u edit file ht t pd.conf yang ada pada direkt ori / usr/ local/ apache2/ conf. Jika anda pada t erm inal window anda dapat m enggunakan gedit at au kedit .
# gedit / usr/ local/ apache2/ conf/ ht t pd.conf
5.Tam bahkan kedua baris ini di akhir file ht t pd.conf AddType applicat ion/ x- ht t pd- php .php .pht m l AddType applicat ion/ x- ht t pd- php- source .phps
6. Past ikan pada bagian Dynam ic Shared Obj ect ( DSO) Support t erdapat LoadModule php5_m odule m odules/ libphp5.so
Jika t idak ada, t am bahkan.
7. Pada bagian Direct oryI ndex t am bahkan index.php dan index.ht m sehingga m enj adi sepert i berikut
Direct oryI ndex index.ht m l index.ht m l.var index.php index.ht m
8. Copy file php.ini- dist ke / usr/ local/ lib m enj adi php.ini # cp / usr/ src/ php/ php.ini / usr/ local/ lib/ php.ini
9. Rest art server ht t pd unt uk m enget ahui perubahannya # cd / usr/ local/ apache2
# ./ bin/ apachect l rest art
10. Buat sebuah file php m enggunakan edit or kegem aran anda. Dengan isi sebagai berikut
< ?php phpinfo( ) ; ?>
Sim pan pada direkt ori / hom e/ nam a_user/ webm ast er dengan nam a info.php
11. Buka browser anda arahkan ke ht t p: / / localhost / webm ast er/ info.php
H a l- H a l Ya n g Pe r lu D ipe r h a t ik a n
Te n t a n g D ir e k t or i Ke r j a
Agar pekerj aan kit a lebih t erst rukt ur, ikut i langkah- langkah berikut :
1. Masuk pada direkt ori C: \ Apache2\ ht docs ( unt uk Apache 2.0.54) at au C: \ Apache\ ht docs ( unt uk Apache 1.3.34)
2. Buat folder baru, beri nam a folder t ersebut w e bm a st e r
Unt uk file- file yang kit a kerj akan nant inya kit a akan m enyim pannya pada sub direkt ori webm ast er.
Pada e- book ini pem bahasan m engasum sikan anda m enginst al Apache 2.0.54. Jadi direkt ori yang disebut kan pada pem bahasan e- book ini adalah C: \ Apache2\ ht docs\ webm ast er.
Jadi j ika anda m enem ukan C: \ Apache2\ ht docs\ webm ast er pada pem bahasan e- book, it u berart i m engarah ke C:\ Apa ch e \ h t docs\ w e bm a st e r j ika anda m enggunakan Apa ch e 1 .3 .3 4.
Te n t a n g Edit or
Pada pem bahasan e- book ini, diasum sikan anda m enggunakan PHP DESI GNER 2006 unt uk m engedit file- file PHP. Jadi j ika ada perint ah unt uk m enj alankan PHP DESI GNER 2006 anda dapat m enggunakan edit or lainnya, m isalnya n ot e pa d.
Ba b
1
H T M L
P H P
Sebelum m elanj ut kan ikut i langkah- langkah berikut :
Buat lah folder baru pada direkt ori C: \ Apache2\ ht docs\ webm ast er\
Berinam a folder t ersebut Ba b1
H a r i Ke
-
1
Sebelum m elanj ut kan buat lah sebuah folder baru di direkt ori:
Buat folder baru lagi di direkt ori C: \ Apache2\ ht docs\ webm ast er\ Bab1
Beri nam a folder t ersebut h a r i- 1
H T M L
Pada hari yang pert am a ini kit a akan m em pelaj ari HTML. HTML m erupakan form at t am pilan unt uk sebuah websit e. HTML sangat m udah dipelaj ari karena kit a t idak m em erlukan
program m ing skill unt uk m enguasai HTML. Set elah m em baca m at eri ini diharapkan anda dapat m enguasai bagaim ana:
Menggunakan HTML
Manipulasi Font dan Link
Mem buat Tabel
Mem buat Form HTML
M e n ggu n a k a n H TM L
Sebuah halam an websit e yang valid akan selalu diapit t anda < ht m l> ...< / ht m l> . File- file HTML selalu berakhiran dengan ekst ensi * .ht m at au * .ht m l. Tag- t ag HTML selalu diawali dengan t anda < x> dan diakhiri dengan < / x> dim ana x adalah nam a t ag sepert i b, i, u dan
sebagainya. Nam un ada j uga t ag yang t idak diakhiri dengan < / x> sepert i < br> dan < input > . Dibawah ini adalah t abel t ag- t ag HTML yang sering digunakan.
Ta be l 1 .0 Tag- t ag um um pada HTML
Ta g Ke t e r a nga n
<html></html> Tag unt uk m engapit halam an HTML
<head></head> Tag yang berisi inform asi um um dari halam an <title></title> Judul halam an. Terdapat pada < head>
<body></body> Set t ingan at t ribut unt uk seluruh isi halam an <b></b> Unt uk m enebalkan t eks
<i></i> Unt uk m em iringkan t eks <u></u> Unt uk m enggaris bawahi t eks
<p></p> Unt uk m em buat paragraf <font></font> Unt uk m em anipulasi huruf
<br> Unt uk pindah ke baris baru <hr> Unt uk m em buat garis horizont al <a></a> Unt uk m em buat links
Agar anda lebih paham sebaiknya kit a langsung m enerapkan t eori- t eori diat as.
PEN ERAPAN TEORI M EN GGUN AKAN H TM L
Pert am a Jalankan program PHP DESI GNER 2006. Klik m enu File - N e w - H TM L/ XH TM L unt uk m em buat file HTML baru. Lalu ket ik kode berikut ini.
<html> <head>
<title>Website Pertamaku</title> </head>
<body>
Halo Dunia...!, Ini website pertamaku </body>
</html>
Sim pan di folder hari- 1 yang pernah kit a buat . Dengan m engklik File - Sa ve lalu sim pan
dengan nam a pe r t a m a .h t m l. Unt uk m enget esnya buka I nt ernet Explorer at au browser favorit anda. Pada address arahkan ke ht t p: / / localhost / webm ast er/ Bab1/ hari- 1/ pert am a.ht m l
t am pilan yang anda lihat akan sepert i gam bar 1.0.
Gam bar 1.0: out put file pert am a.ht m l
M a n ipu la si Fon t da n Lin k
Unt uk m em anipulasi font di HTML kit a gunakan t ag < font > < / font > . Tag font t idak hanya sesederhana it u. Tag ini m em iliki at ribut didalam nya. Dim ana at ribut inilah yang m em iliki peranan pent ing dalam m enent ukan t am pilan t eks. Lihat Tabel 1.1 unt uk daft ar at ribut t ag font .
Ta be l 1 .1 Daft ar at t ribut dari t ag font At r ibu t Ke t e r a nga n
name Unt uk m enent ukan j enis huruf yang digunakan size Unt uk m enent ukan ukuran huruf
color Unt uk m enent ukan warna huruf
Cont oh j ika kit a ingin m em buat t eks yang m enggunakan huruf Arial ukurannya 12pt dan warnanya m erah. Kit a dapat m enuliskannya sepert i berikut .
<font name="Arial" size="3" color="red">Teks Disini</font>
Unt uk size 3 sam a dengan 12pt , 4 sam a dengan 14pt , 5 sam a dengan 18pt , 6 sam a dengan 24pt dan 7 sam a dengan 36pt . Lalu bagaim ana j ika saya ingin m em buat t eks yang hurufnya t ebal, m iring dan bergaris bawah?. Gam pang..., kit a cukup apit t eks t ersebut m enggunakan t ag < b> < / b> , < i> < / i> dan < u> < / u> . Lihat cont oh berikut .
<b><i><u>Tebal, Miring dan Garis Bawah</b></i></u>
Teks diat as akan m em punyai efek t ebal, m iring dan bergaris bawah. Mudah bukan?. Selain font ada j uga < h1> < / h1> , < h2> < / h2> , dan set erusnya yang digunakan unt uk m encet ak heading. < h1> akan m encet ak heading dengan ukuran font yang t erbesar, < h2> akan sem akin m engecil dan set erusnya.
Lin k
Anda t ent u sering m engklik suat u t ulisan at au gam bar pada websit e yang m enuj u ke halam an lainnya. Yang anda klik it u adalah link. Link m erupakan t eks at au gam bar yang m em buka
halam an websit e lainnya. Unt uk m em buat link kit a dapat m enggunakan t ag < a> < / a> . Sepert i halnya t ag font t ag a j uga m em ilik i at t ribut . Tabel 1.2 akan m enunj ukkan pada anda daft ar at t ribut pada t ag a.
Ta be l 1 .2 Daft ar at t ribut dari t ag a
At t r ibu t Ke t e r a nga n
href Halam an websit e yang akan dit uj u target Dibuka pada window baru at au t idak
style Penam bahan CSS
class Nam a class yang dipanggil name Nam a dari link
Cont oh j ika kit a ingin m em buka www.google.com pada window yang sam a.
<a href="http://www.google.com">Google</a>
Link diat as akan m em buka alam at www.google.com dengan t eks Google sebagai t eks yang akan diklik.
PEN ERAPAN TEORI M AN I PULASI FON T D AN LI N K
Jalankan PHP DESI GNER 2006 klik m enu File - N e w - H TM L/ XH TM L. Lalu ket ik kode berikut
<html> <head>
<title>Manipulasi Font dan Link</title> </head>
<body>
<p><font size="5"><b>Pengumuman</b></font></p>
<p>Silahkan klik link berikut untuk menuju halaman pertama.html</p> <a href="pertama.html">Halaman pertama.html</a><br>
<a href="pertama.html" target="_blank">Halaman pertama.html</a> (new window) </body>
</html>
Sim pan dengan nam a fon t _ lin k .ht m l. Jalankan pada browser I E arahkan address ke ht t p: / / localhost / webm ast er/ Bab1/ hari- 1/ font _link.ht m l hasilnya akan sepert i gam bar 1.1
Gam bar 1.2: out put file font _link.ht m l
Karena file pert am a.ht m l berada sat u direkt ori dengan file font _link.ht m l. Maka isi dari href cukup kit a t ulis “ pert am a.ht m l” . Unt uk link yang ke dua j ika kit a klik m aka akan m uncul window baru. I t u dikarenakan pada at t ribut t arget kit a isi dengan “ _blank” .
M e m bu a t Ta be l
Tabel m em ilik i peranan yang cukup pent ing dalam pendesainan suat u t am pilan. Dengan m enggunakan t abel kit a dapat dengan m udah m enent ukan let ak suat u obj ek. Unt uk m em buat t abel digunakan < t able> < / t able> . At ribut dari t ag t able boleh dibilang cukup banyak. Daft ar at ribut t ag t able dapat anda lihat pada t abel 1.3.
Ta be l 1 .3 Daft ar at ribut dari t ag t able
At r ibu t Ke t e r a nga n
width unt uk m engat ur lebar t abel ( % at au pixel) height unt uk m engat ur t inggi t abel
border unt uk m enent ukan t ebal bingkai cellpadding m enent ukan j arak padding ant ar cell cellspacing m enent ukan j arak spacing ant ar cell name unt uk m enent ukan nam a t abel bgcolor unt uk m engat ur warna background
background unt uk m enam pilkan gam bar sebagai background
align let ak t eks secara horizont al ( rat a kiri, t engah at au kanan) valign let ak t eks secara vert ical ( rat a at as, t engah at au bawah)
style unt uk CSS
bordercolor unt uk m engat ur warna bingkai
Jika kit a hanya m enggunakan t ag < t able> < / t able> saj a m aka t abel t idak akan pernah t erbent uk karena belum m em iliki baris dan kolom . Unt uk m em buat baris kit a gunakan t ag < t r> < / t r> dan unt uk m em buat kolom digunakan t ag < t d> < / t d> . Terdapat j uga t ag < t h> < / t h> t ag ini digunakan unt uk m em buat header t abel. Ket iga t ag t ersebut m em iliki at ribut yang ham pir sam a. Lihat t abel 1.4 unt uk m elihat daft ar at ribut nya.
Ta be l 1 .4 Daft ar at ribut t ag t r, t d, dan t h
At r ibu t Ke t e r a nga n
height unt uk m engat ur t inggi
bgcolor unt uk m engat ur warna background
background unt uk m enj adikan gam bar sebagai background align unt uk m engat ur let ak t eks
valign unt uk m engat ur let ak t eks secara vert ical colspan unt uk m enghilangkan sej um lah kolom rowspan unt uk m enghilangkan sej um lah baris
Cont oh dibawah ini m engilust rasikan kit a akan m em buat t abel dengan dua baris dan sat u kolom .
<table border="1"> <tr>
<td>Baris 1 kolom 1</td></tr> <tr>
<td>Baris 2 kolom 1</td></tr> </table>
PEN ERAPAN TEORI M EM BUAT TABEL
Sepert i biasa j alankan PHP DESI GNER 2006. Klik File - N e w - H TM L/ XH TM L unt uk m em buat file HTML baru. Kem udian ket ik kode dibawah ini
<html> <head>
<title>Membuat Tabel</title> </head>
<body>
<h2>Daftar Harga</h2>
<table border="1" style="border-collapse: collapse" width="100%"> <tr bgcolor="#cccccc">
<th>Nama Barang</th><th>Harga Satuan</th><th>Jumlah Barang</th> <th>Total</th>
</tr>
<tr align="center">
<td>CD R</td><td>Rp. 2.000,-</td><td>5</td><td>Rp. 10.000,-</td> </tr>
<tr align="center">
<td>CD RW</td><td>Rp. 5.000,-</td><td>4</td><td>Rp. 20.000,-</td> </tr>
<tr align="center">
<td colspan="3">TOTAL >>> </td><td><b>Rp. 30.000,-</b></td> </tr>
</table> </body> </html>
Sim pan dengan nam a t a be l.h t m l. Jika anda j alankan pada I nt ernet Explorer m aka hasilnya akan t erlihat sepert i gam bar 1.2.
Gam bar 1.2: out put file t abel.ht m l
Coba perhat ikan pada t ag t d yang ada pada baris ke t iga. Disini kit a m enuliskan at t ribut colspan= ” 3” yang art inya kit a m enghilangkan 3 kolom dan m enggant inya hanya dengan sat u kolom .
CSS ( Ca sca din g St yle Sh e e t )
Dari nam anya saj a sudah keren ini past i m enarik. Tent u ini m enarik t api pada ebook ini kit a hanya bahas secara garis besarnya saj a. CSS m erupakan suat u t eknologi yang digunakan unt uk m em perm udah pem buat an suat u t am pilan websit e. Kode dari CSS diapit oleh t ag < st yle> < / st yle> . Tag st yle dilet akkan diant ara t ag < head> < / head> . Selain dit uliskan dalam t ag st yle CSS j uga dapat dit ulis pada t ag yang m endukung at t ribut st yle sepert i t able.
Set iap t ag ht m l sepert i < b> , < i> , < u> dan sebagainya dapat dim anipulasi dengan CSS. Didalam CSS t ag- t ag HTML t ersebut disebut select or dan at ribut didalam nya disebut
declarat ion. Declarat ion dit andai dengan kurug kurawal { ...} . Cont oh berikut akan m em buat seluruh t eks pada body berj enis huruf verdana dengan ukuran 11 pixel.
body{font-family: verdana; font-size: 11px}
PEN ERAPAN TEORI CSS
Jalankan PHP DESI GNER 2006 klik m enu File - N e w - H TM L/ XH TM L. Lalu ket ik script berikut ini.
<html> <head>
<title>CSS - Cascading Style Sheet</title> <style>
body{font-family: verdana; font-size: 11px} b{color: red}
i{color: green} </style>
</head> <body>
<p>Sekarang semua tulisan verdana 11 px</p> <b>Saya otomatis merah</b><br>
<i>Saya otomatis hijau</i> </body>
</html>
Sim pan dengan nam a css.h t m l. Jalankan pada browser I E m aka hasilnya akan sepert i gam bar 1.3.
Gam bar 1.3: out put file css.ht m l
Dapat anda lihat kalau seluruh t eks pada body dengan sendirinya bert ipe verdana dan berukuran 11 pixel karena adanya CSS. Dem ikian j uga unt uk t ag b yang ot om at is warnanya m enj adi m erah set elah deklarasikan di CSS.
For m H TM L
Sepert i nam anya form yang berart i isian at au form ulir. Form HTML m enyediakan input bagi user unt uk m engisikan suat u dat a guna diproses oleh PHP. Mem buat form HTML boleh dibilang sangat lah m udah. Karena t idak m em but uhkan keahlian program m ing.
Be n t u k D a sa r For m H TM L
Set iap form pada HTML akan diapit oleh t ag <form> dan </form>. Tag < form > m em iliki beberapa at t ribut diant aranya:
Act ion – at t ribut ini berfungsi unt uk m em berit ahu file m ana yang akan digunakan unt uk m em proses form yang dikirim . Cont oh “ fileku.php” at au “ folderku/ fileku.php” at au URL lengkap ht t p: / / www.dom ainku.com / fileku.php.
M e t h od – at t ribut ini berfungsi unt uk m enent ukan t ipe pengirim an dat a. Bisa berupa POST at au GET.
N a m e – at t ribut ini berguna unt uk alam at yang m erupakan bagian dari j avascript . Nam a form t idak dikirim ke server saat form disubm it at au dikirim .
Cont oh lengkap penulisan form sebagai berikut :
<form name=”formku” action=”proses.php” method=”POST”> ...
</form>
M a ca m I n pu t Type
Sebagian besar penulisan form akan selalu digunakan input t ype. Tag input dan at t ribut nya yait u t ype akan m enent ukan out put yang dit am pilkan oleh browser. Bisa berupa t om bol, check box, password box dan sebagainya. Unt uk lebih m em perj elas lihat lah cont oh di berikut
<form action="tidak_ada.php" method="POST">
<input type="text" name="coba" size="30" maxlength="45"> <input type="submit" value="GO!!">
</form>
Out put dari kode diat as akan t erlihat sepert i gam bar 1.3.
Gam bar 1.3: Cont oh sederhana form HTML
Set iap t ype j uga m em iliki at t ribut sendiri- sendiri. Tapi set iap t ype past i m em iliki at t ribut nam e. Berikut ini beberapa t ipe t ype yang dapat anda gunakan:
Te x t – t ipe ini sepert i yang t erlihat di gam bar yait u berupa t ext box. Text m em iliki t iga at t ribut diant aranya:
Size – yang m erupakan ukuran panj ang dari t ext box.
M a x le n gt h – m erupakan karakt er m aksim al yang dapat dit am pung oleh t ext box.
V a lu e – m erupukan isi dari t ext box yang t elah dit et apkan. User dapat m enggant inya dengan langsung m enget ikkan pada t ext box.
Pa ssw or d – ham pir sam a dengan t ext hanya saj a karakt er yang diket ikkan akan berupa ast erik ( * ) .
H idde n – input ini t idak dim unculkan di layar browser. Dapat digunakan unt uk m enyim pan nilai at au variabel yang digunakan unt uk halam an berikut nya.
Su bm it – t ipe ini akan m enam pilkan t om bol subm it ( pengirim an) . Nam a t om bol diam bil dari nilai at t ribut value. Jika t idak ada m aka nam anya Subm it Query.
Re se t – t ipe ini digunakan unt uk m em bersihkan segala isian pada form . At t ribut nya ham pit sam a dengan subm it .
File – t ipe ini digunakan unt uk proses peng- upload- an file. Tam pilannya ham pir sam a dengan t ipe t ext t api disebelahnya ada t om bol “ browse” . Ket ika user m enekan browse akan m uncul kot ak dialog unt uk m em ilih file yang diupload.
Ch e ck box – t ipe ini akan m em unculkan t am pilan checkbox. Biasanya checkbox digunakan unt uk m em ilih lebih dari sat u pilihan. Jika pada t ag ini t erdapat kat a “ checked” m aka checkbox t ersebut akan dit andai.
Ra dio – t ipe ini akan m enam pilkan t am pilan radio but t on. Tipe ini digunakan j ika kit a harus m em ilih hanya sat u pilihan. Jika ada kat a “ checked” m aka radio t ersebut akan dit andai( default ) .
I m a ge – fungsinya sam a dengan subm it hanya saj a anda dapat m enent ukan gam bar sebagai penggant i t om bol.
Kode berikut ini m encont ohkan penggunaan m acam - m acam t ype t ersebut kecuali File dan I m age.
<form action="tidak_ada.php" method="POST"> <h2>Formulir Pendaftaran</h2>
Nama: <input type="text" name="nama" value="Ketik Nama Disini" size="30" maxlength="50"><br>
Password: <input type="password" name="nama" size="30" maxlength="50"><br> <input type="checkbox" name="mailing" value="ya"> Jika dicek anda bersedia menjadi anggota mailing list kami.
<input type="hidden" name="sembunyi" value="anda tidak dapat melihatku"> <p>
Status Anda?<br>
<input type="radio" name="status" value="menikah">Sudah Menikah<br> <input type="radio" name="status" value="belum">Belum Menikah<br> <input type="radio" name="status" value="duda_janda">Duda/Janda<br> </p>
<input type="submit" value="DAFTAR"> <input type="reset" value="RESET"> </form>
Out put dari kode diat as akan sepert i gam bar 1.4.
Gam bar 1.4: Penggunaan m acam - m acam t ype
Se le ct , M u lt iple Se le ct
Tag select akan m enam pilkan pilihan dalam kot ak drop- down. Unt uk m em buat nya anda harus m enuliskan t ag <select> dengan at t ribut nya yait u nam e. Didalam t ag select kit a m em erlukan t ag <option> unt uk m em buat pilihan. Pilihan opt ion j uga m em ilik i at t ribut yait u value.
Cont oh penggunaan t ag < select > :
<form action="tidak ada.php" method="POST"> <select name="status">
<option value="menikah">Sudah Menikah <option value="belum">Belum Menikah
<option value="duda_janda">Duda/Janda </select>
</form>
Gam bar 1.5: cont oh out put select
Jika kit a t am bahkan kat a m ult iple pada t ag select . Maka user diperbolehkan m em ilih lebih dari sat u pilihan at au sering disebut list box. Lihat cont oh berikut akan m enam pilkan list box 3 elem en awal dengan m engisi at t ribut size. Unt uk m em ilih lebih dari sat u gunakan t om bol SHI FT at au Ct rl.
<form action=”tidak ada.php” method=”POST”> Makanan yang anda suka?<br>
<select name="makanan" multiple size="3"> <option value="Nasi_goreng">Nasi goreng <option value="Mie_ayam">Mie Ayam
<option value="Burger">Burger <option value="Kentang">Kentang </select>
</form>
Gam bar 1.6: cont oh out put m ult iple select
Te x t a r e a
Tag < t ext area> akan m encipt akan sebuah t ext box yang besar yang m em punyai baris dan kolom . Berbeda dengan elem en form lainnya, t ext area m em ilik i t ag penut up yait u
< / t ext area> . Unt uk m em perj elas lihat lah cont oh berikut .
<form action="tidak_ada.php" method="POST"> Buatlah deskripsi singkat tentang diri anda<br>
<textarea name="deskripsi" rows="8" cols="50">Tulis Deskripsi Disini</textarea> </form>
Gam bar 1.7: cont oh out put t ext area
Unt uk pem bahasan lebih det ail t ent ang HTML anda dapat m em baca e- book " M a st e r in g Kode H TM L". Anda dapat m endownload “M a st e r ing Kode H TM L” di alam at berikut :
ht t p: / / m at eri.rahasia- webm ast er.com /
