Menjadi WebMaster Dalam 30 Hari

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 pem 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.

Adobe, Adobe Acrobat , Adobe Acrobat reader, Adobe Phot osop m erupakan m erek dagang dari Adobe Syst em s I nc.

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 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

Pe n u lis

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.

Denga apache kom put er kit a seolah- olah m enj adi sebuah server yang m enangai request dari klien.

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 diper lukan 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 iliki 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:

1. PHP 5.1.2 ( Windows + Linux)

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)

8. Klik Next > klik I nst all ( Proses inst alasi dim ulai)

9. Klik Finish j ika sudah selesai

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.

At au

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.

1. Pada com m and prom pt ket ik

cd \ [ ENTER] agar kit a kem bali ke direkt ori root ( paling at as) .

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.

1. Set elah m uncul DOS Prom pt ket ik cd \ [ ENTER] unt uk ke direkt ori paling at as.

2. Masuk pada direkt ori C: \ MySQL5.0\ bin caranya ket ik cd MySQL5.0\ bin [ 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.

Ada beberapa bagian inst alasi PHP yang m enunt ut anda unt uk " t urun t angan" secara m anual. Turun t angan disini hanya sebat as m engedit beberapa file konfigurasi. I kut i langkah- langkah inst alasi ber ikut :

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 Hilangkan j uga t it ik kom anya

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 )

Sudah selesai? ham pir.... Sekarang kit a hanya perlu m em buat sebuah file unt uk m enget es apakah Apache dapat m em proses script PHP. Caranya:

1. Buka not epad at au PHP DESI GNER 2005 j ika anda sudah m endownload. Ket ik kode berikut :

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

2. Klik Ext ract pada t oolbar, Past ikan Anda m em ilih All Files/ folders in archieve

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.

I n st a la si h M a ilSe r ve r 4 .2 ( Opsion a l)

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 alam at @nam a- anda.com dapat anda buat nam a dom ain.

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! .

6. Klik Send, m uncul dialog box klik OK.

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

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 # ./ script s/ m ysql_inst all_db - - user= userx

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

6. Buat direkt ori webm ast er pada / hom e/ nam a_user

# 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 # ./ configure - - prefix= / usr/ local/ php5 - - wit h- apxs2= / usr/ local/ apache2/ bin/ apxs

- - 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

Gam bar 1.1.0 m enunj ukkan out put pem rosesan script PHP oleh m odul Apache berj alan sukses.

Gam bar 5.1.0: Pem rosesan Script PHP berhasil

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.

Ada hal yang perlu anda perhat ikan j ika anda m enggunakan not epad. Ket ika anda hendak m enyim pan file PHP pa st ik a n pilihan Sa ve a s Type - nya adalah All File s. Begit u j uga ket ika hendak m em buka file past ikan Save as Type adalah All Files agar file- file PHP m uncul pada daft ar. Hal ini unt uk m enghindari t ersim pannya file anda sebagai file t eks biasa.

Ba b

ƒH TM L ƒPH P

Sebelum m elanj ut kan ikut i langkah- langkah berikut : ƒ Buat lah folder baru pada direktori C: \ Apache2\ ht docs\ webm ast er\ ƒ Berinam a folder t ersebut Bab1

**********

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 ha ri- 1

H TM 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 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

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. h tml">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