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