modul

HTML
&

PHP

DAFTAR ISI

HTML ............................................................................................................................3 Pendahuluan...............................................................................................................3 Struktur dasar HTML.................................................................................................3 Pengaturan Teks.........................................................................................................4 Images ........................................................................................................................6 Tabel ..........................................................................................................................6 Frames........................................................................................................................8 Kumpulan Tag HTML ...............................................................................................9 PHP ..............................................................................................................................10 Apa sih PHP itu?......................................................................................................10 Yang dibutuhkan untuk menjalankan PHP ..............................................................11 Menginstall PHP Triad ............................................................................................12 Sintaks dasar PHP ....................................................................................................13 Tipe Data..................................................................................................................14 Array ........................................................................................................................14 Pengulangan dengan For..........................................................................................15 Pengulangan dengan While......................................................................................16 Mengenal function ...................................................................................................17 Fungsi pd PHP yang berhubungan dg file ...............................................................18 Membuat buku tamu ................................................................................................19 PHP & MySQL: Tutorial Dasar...............................................................................21 Referensi ......................................................................................................................23

HTML
Pendahuluan
Sebelum kita melangkah lebih jauh ada baiknya Anda tahu apa itu HTML. HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser kita (Internet Explorer, Netscape Navigator, NeoPlanet, dll). Nah, HTML inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web yang menarik. Sekarang ini di pasaran terdapat banyak sekali HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage sekedar contohnya. Tetapi tanpa mengetahui dasar-dasarnya Anda tidak akan memperoleh hasil yang maksimal. Mengapa ? Karena walaupun software-software tersebut semakin menawarkan kemudahan dalam membuat halaman web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web tersebut secara manual. Terutama untuk halaman web yang sangat komplek. Dalam tutorial ini Anda akan kami ajak untuk mengetahui dasar-dasar dari desain web. Yang dibutuhkan hanya sebuah word processor. Anda bisa menggunakan Notepad, WordPad, MS Word atau yang lainnya. Tapi yang paling mudah adalah menggunakan Notepad.

Struktur dasar HTML

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/"). Sebuah halaman web minimal mempunyai empat buat tag, yaitu : <HTML> Sebagai tanda awal dokumen HTML. <HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META. <TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar). Contoh <TITLE>Tips HTML -- www.klik-kanan.com</TITLE> <BODY> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain. Atribut BGCOLOR, BACKGROUND, TOPMARGIN. : & :

TEXT,

LINK,

VLINK,

ALINK,

LEFTMARGIN

Contoh : <BODY bgcolor="#000000" background="images/pcb.gif" link="#FF0000" vlink="FFFF00" alink="#0000FF"> Sebuah contoh sederhana dokumen HTML : <HTML> <HEAD> <TITLE>Halaman </TITLE> </HEAD> <BODY bgcolor="#FFFFFF" text="#FF0000"> Letakkan </BODY> </HTML> text, images, text="#FFFFFF"

pembuka

background="images/gambar1.gif"

dan

link

Anda

di

sini

Pengaturan Teks
Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks : Headers: <Hn>..</Hn> Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau antara <H1> sampai <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil. Contoh : <H2>Tutorial Html</H2> Hasilnya akan terlihat seperti :

Tutorial Html
Paragraph Baru: <P> Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi. Line Break: <BR> Digunakan untuk pindah ke baris baru. No Line Break: <NOBR> Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang. Font <FONT> Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR. SIZE: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar. FACE: Jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah ( _ ). Dalam memilih jenis

font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya anehaneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa menggunakan graphic. COLOR: Warna font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya). Contoh : <FONT SIZE=4 FACE="Verdana, Arial, Helvetica" COLOR="#FF0000">Contoh teks yang berwarna merah</FONT> Hasilnya akan terlihat seperti : Contoh teks yang berwarna merah Contoh lainnya : <FONT SIZE=2 FACE="Times_New_Roman" COLOR="#0066CC"> Base Font: <BASEFONT> Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT. Contoh : <BASEFONT SIZE=2 FACE="Arial,Helvetica" COLOR="#FF0000"> Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu : Perhatian : Semua tag di bawah ini membutuhkan tap penutup. <B> Bold text <I> Italic text <U> Underscore <TT> Typewriter <S> Strikeout - draws a line through the text <PRE> Preformatted Text <DFN> Definition <BLINK> Text berkedip (lebih baik jangan digunakan) <STRONG> Strong <ADDRESS> Italic

<CITE> Digunakan untuk quoting text <CODE> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda) <SAMP> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda) <KBD> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)

<BIG> Ukuran teks akan lebih besar <SMALL> Ukuran teks akan lebih kecil satu ukuran <SUP> Membuat tekssuperscript <SUB> membuat tekssub script <ABBREV> Abbreviations

satu ukuran

<ACRONYM> Untuk akronim <PERSON> Digunakan untuk indexing <Q> Membuat short inline quotation <VAR> Membuat variable name, selalu dalam italics.

Images
Images : Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda. Atribut : alt, align=(center, left, right), hspave, vspace, border, width & height Contoh : <IMG SRC="logo.gif" alt="Ini adalah logo halaman pembuka" width=200 height=100> <IMG SRC="logo.gif" hspace=10 vspace=5 align=right border=2> Links : Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah. Contoh : <A HREF="halaman2.html">Klik di sini</A> Untuk membuat link ke halaman lain. <A HREF="mailto:webmaster@klik-kanan.com">Klik di sini</A> Untuk membuat link pada alamat e-mail. <A HREF="#aplikasi">Klik di sini</A> Untuk membuat link ke bagian lain pada halaman yang sama. <A HREF="halamanlain.html#aplikasi">Klik di sini</A> Untuk membuat link kebagian lain pada halaman yang berbeda. <A HREF="halaman2.html"><IMG SRC="gambar.gif"></A> Untuk membuat link dengan menggunakan gambar.

Tabel
Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini. Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tab <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE>

<TABLE> Terdiri dari atribut : align - perataan : rata kiri (left), tengah (center) atau kanan (right). bgcolor - warna latar belakang (background) dari tabel. border - ukuran lebar border tabel (dalam pixel). cellpadding - jarak antara isi cell dengan batas cell (dalam pixel). cellspacing - jarak antar cell (dalam pixel). width - ukuran tabel dalam pixel atau percent.

Contoh : <TABLE align="center" bgcolor="#0000FF" border="2" cellpadding="5" cellspacing="2" width="90%"> <TR> Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut: align - perataan : rata kiri (left), tengah (center) atau kanan (right). bgcolor - warna latar belakang dari baris. valign - perataan vertikal : top, middle atau bottom.

Contoh : <TR align="right" bgcolor="#0000FF" valign=top> <TD> Tag ini digunakan untuk membuat kolom baru pada tabel. align - perataan background - image yang digunakan sebagai latar belakang dari kolom. bgcolor - warna latar belakang colspan - lihat gambar contoh height - ukuran tinggi cell dalam pixels. nowrap - membuat supaya isi dari kolom tetap berada pada satu baris. rowspan - lihat gambar contoh valign - perataan vertikal :top, middle atau bottom. width - ukuran kolom dalam pixel atau percen.

Contoh : <TD align="right" background="back.gif" bgcolor="#0000FF" colspan="3" height="200" nowrap rowspan="2" valign="bottom" width="300">
<table width="100" border="1" cellspacing="2" cellpadding="2"> <tr> <td bgcolor="#0000FF"> &nbsp;</td> <td bgcolor="#FFFF66">&nbsp;</td> <td rowspan="2" bgcolor="#FF3366">&nbsp;</td> </tr> <tr> <td colspan="2" bgcolor="#33CC66">&nbsp;</td> </tr> <tr> <td colspan="3" bgcolor="#FFCC99">&nbsp;</td> </tr> </table>

<table width="100" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#0000FF">&nbsp; </td> <td bgcolor="#FFFF66">&nbsp;</td> <td rowspan="2" bgcolor="#FF3366">&nbsp;</td> </tr> <tr> <td colspan="2" bgcolor="#33CC66">&nbsp;</td> </tr> <tr> <td colspan="3" bgcolor="#FFCC99">&nbsp;</td> </tr> </table>

Frames
1 <FRAMESET cols="*,140"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> 2 <FRAMESET cols="100,*"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> 3 <FRAMESET rows="100,*"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> 4 <FRAMESET rows="*,60"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> 5 <FRAMESET rows="*,60"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAMESET cols="50%,50%"> <FRAME SRC="menu.htm" NAME="Frame2"> <FRAME SRC="menu2.htm" NAME="Frame3"> </FRAMESET></FRAMESET> 6 <FRAMESET cols="*,50%"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAMESET rows="15%,15%,70%"> <FRAME SRC="menu.htm" NAME="Frame2"> <FRAME SRC="menu2.htm" NAME="Frame3"> <FRAME SRC="menu3.htm" NAME="Frame4"> </FRAMESET></FRAMESET> 7 <FRAMESET cols="50%,50%"> <FRAMESET rows="50%,50%"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="homepage2.htm" NAME="Frame2"> </FRAMESET> <FRAMESET rows="50%,50%"> <FRAME SRC="menu.htm" NAME="Frame3"> <FRAME SRC="menu2.htm" NAME="Frame4"> </FRAMESET></FRAMESET> 8 <FRAMESET rows="15%,70%,15%"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAMESET cols="15%,70%,15%"> <FRAME SRC="menu.htm" NAME="Frame2"> <FRAME SRC="menu2.htm" NAME="Frame3"> <FRAME SRC="menu3.htm" NAME="Frame4">

</FRAMESET> <FRAME SRC="homepage.htm" NAME="BIG"> </FRAMESET></FRAMESET>

Kumpulan Tag HTML

<!---> Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut Membuat nama bagian yang didefinisikan pada link pada halaman yang sama Sebagai awal dari Java applets Mendefinisikan daerah yang dapat diklik (link) pada image map Membuat teks tebal Membuat atribut teks default seperti jenis, ukuran dan warna font Memberi (suara latar) background sound pada halaman web Memperbesar ukuran teks sebesar satu point dari defaultnya Membuat teks berkedip Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link Pindah baris Membuat caption pada tabel Untuk perataan tengah terhadap teks atau gambar Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser Indents teks Represents different sections of text. Menambahkan sound or file avi ke halaman web Seperti tag <a name> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks Mendefinisikan input form Mendefinisikan frame Mendefinisikan attribut halaman yang akan menggunakan frame Ukuran font Mendefinisikan head document. Membuat garis horizontal Bararti dokumen html Membuat teks miring <a href> <a name> <applet> <area> <b> <basefont> <bgsound> <big> <blink> <body> <br> <caption> <center> <comment> <dd> <div> <embed> <fn> <font> <form> <frame> <frameset> <h1> ... <h6> <head> <hr> <html> <i>

<img> <input> <li> <map> <marquee> <nobr> <noframes> <ol> <p> <pre> <script> <table> <td> <title> <tr> <u>

Image, imagemap atau an animation Mendefinisikan input field pada form Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> ) Mendefinisikan client-side map Membuat scrolling teks (teks berjalan) - hanya pada MS IE Mencegah ganti baris pada teks atau images Jika browser user tidak mendukung frame Mendefinisikan awal dan akhir list Ganti paragraf Membuat teks dengan ukuran huruf yg sama Mendefinisikan awal script Membuat tabel Kolom pada tabel Mendefinisikan title Baris pada tabel Membuat teks bergaris bawah

PHP
Apa sih PHP itu?
Apa sih PHP itu ? Mungkin itu pertanyaan yang ada di benak rekan-rekan saat mendengar kata PHP. PHP merupakan script yang menyatu dengan HTML dan berada pada server (server side HTML embedded scripting). Dengan PHP ini Anda dapat membuat beragam aplikasi berbasis web, mulai dari halaman web yang sederhana sampai aplikasi komplek yang membutuhkan koneksi ke database. Menurut dokumen resmi PHP, PHP singkatan dari PHP Hypertext Preprocessor. Ia merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnyalah yang dikirimkan ke klien, tempat pemakai menggunakan browser. Secara Khusus, PHP dirancang untuk membentuk web dinamis. Artinya, ia dapat membentuk suatu tampilan berdasarkan permintaan terkini. Seperti dapat menampilkan isi database ke halaman web. Pada prinsipnya, PHP mempunyai funsi yang sama dengan skrip-skrip seperti ASP (Active Server Page), Cold Fusion, ataupun Perl. Kelahiran PHP bermula saat Rasmus Lerdorf membuat sejumlah skrip Perl yang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya, yakni pada tahun 1994. skrip-Skrip ini selanjutnya dikemas menjadi tool yang disebut Personal Home Page. Paket inilah yang menjadi cikal bakal PHP. Pada tahun 1995, Rasmus menciptakan PHP/FI Versi 2. Pada versi ini pemrogram dapat menempelkan kode terstruktur di dalam tag HTML. Yang menarik, kode PHP juga bisa berkomunikasi dengan database dan melakukan perhitungan-perhitungan yang kompleks sambil jalan.

10

PHP cukup populer sebagai peranti pemrograman Web, terutama di lingkungan Linux. Walaupun demikian, PHP sebenarnya juga dapat berfungsi pada serverserver yang berbasis UNIX, windows NT dan Macintosh. Bahkan versi untuk Windows 95/98 pun tersedia. Pada awalnya PHP dirancang untuk diintegrasikan dengan web server Apache. Namun belakangan PHP juga dapat bekerja dengan web server seperti PWS (Personal web Server), IIS (Internet Information Server), dan Xinami. Untuk mencoba PHP tidak perlu menggunakan komputer berkelas server, sebuah komputer biasa PHP dapat dipelajari dan dipraktekan. Sampai saat ini telah banyak database yang telah didukung oleh PHP dan kemungkinan akan terus bertambah. Database tersebut adalah : dBase DBM FilePro mSQL MySQL ODBC Oracle Postgres Sybase

Velocis

Yang dibutuhkan untuk menjalankan PHP

Untuk dapat menjalankan PHP Anda membutuhkan sebuah web server. Anda yang pake Linux dapat menggunakan Apache (www.apache.org) sebagai web servernya. Anda pemakai Windows 98 paling enak menggunakan Personal Web Server (sama2 produk Microsot, keuntungannya bisa sekalian buat belajar ASP). Web server Xitami (www.imatix.com) dapat digunakan apabila Anda menggunakan Windows NT. Sedangkan PHP-nya sendiri dapat Anda download dari www.php.net. Perhatikan bahwa PHP yang Anda download sesuai dengan sistem operasi komputer Anda (Linux atau Windows). Install PHP pada Windows 98

1. Setelah Anda mendapatkan PHP dalam bentuk file zip, segera ekstrak
dengan menggunakan WinZip atau pun WinRar.

2. Ganti nama file php.ini-dist menjadi php.ini. 3. Copy semua file tersebut (totalnya ada 10 file) ke directory Windows Anda
(biasanya C:\Windows). Langkah selanjutnya adalah mengganti setting pada registry Windows.

1. Dari menu Start, pilih Run. 2. Ketikkan regedit, klik OK. 3. Buka cabang HKEY_CLASSES_ROOT.

11

4. Buat key baru dengan cara klik kanan pada HKEY_CLASSES_ROOT, pilih
New - Key.

5. Beri nama key tersebut dengan .php3. 6. Pada panel sebelah kanan klik 2x pada [Default] dan isi dengan php3file. 7. Buat key baru lagi pada HKEY_CLASSES_ROOT. 8. Beri nama key baru tersebut dengan php3file. 9. Pada php3file, buat key baru dengan nama Shell. 10. Pada php3file\Shell, buat key baru dengan nama Open. 11. Pada php3file\Shell\Open, buat key baru dengan nama Command. 12. Pada panel sebelah kanan klik2x pada [Default] dan isi dengan
C:\Windows\php.exe.

13. Buka key HKEY_LOCAL_MACHINE\System\CurrentControlSet\

Services\W3SVC\Parameters\Script Map.

14. Pada panel sebelah kanan buat string value baru dengan cara klik kanan
(pada panel sebelah kanan), pilih New - String Value.

15. Beri nama dengan .php3. 16. Klik 2x pada .php3 tersebut. 17. Isi dengan C:\Windows\Php.exe.
Untuk mengecek apakah PHP Anda sudah terinstall dengan baik, tulis kode berikut ini dan simpan dengan nama test.php3. <? phpinfo() ?>

Jika PHP sudah terinstall dengan baik maka saat file tersebut dibaca dari browser akan terlihat informasi mengenai PHP.

Menginstall PHP Triad

Selama ini Anda mungkin hanya mengenal Personal Web Server (PWS) sebagai web server untuk menjalankan PHP pada sistem operasi Windows 9x. Padahal selain PWS Anda juga bisa menggunakan Apache sebagai web servernya. Untuk menginstall Apache for Windows Anda dapat menggunakan PHP Triad yang merupakan "kumpulan" dari berbagai software yaitu: PHP - 4.0.5 MySQL - 3.23.32 (database server) Apache - 1.3.14 (web server) PHPMyAdmin - 2.1.0 (untuk administrasi database) Perl - nsPerl 5.005_03

Jadi dengan menginstall PHP Triad Anda dapat menggunakannya untuk belajar PHP, Perl dan database MySQL. Untuk menginstall PHP Triad caranya adalah sebagai berikut: 1 Download PHP Triad di http://www.phpgeek.com

12

Untuk memulai proses install, klik 2x pada file yang baru Anda download tersebut dan tunggu sampai proses install selesai.

Untuk menjalankan Apache, klik Start Programs - PHP Triad - Start Apache. Untuk menjalankan MySQL, klik Start Programs - PHP Triad - Start MySQL.

4.

5. 6.

Untuk mengecek Apache, klik shortcut Launch Site. Jika pada browser muncul tulisan "Welcome to PHPTriad for Windows ... " maka proses install yang Anda lakukan berhasil. Untuk mengecek MySQL, klik Start MySQL dan PHPMyAdmin. Jika Anda melihat tulisan "Welcome to phpMyAdmin..." berarti proses install berhasil. Sampai di sini proses intall telah selesai. Jika sewaktu-waktu Anda ingin mencoba script PHP dan database MySQL Anda harus menjalankan Apache dan MySQL terlebih dahulu.

tambahan : Letakkan script PHP Anda di C:\apache\htdocs.

Sintaks dasar PHP

Ada empat macam cara penulisan kode PHP, yaitu :

1. <? echo ("ini adalah script PHP\n"); ?> 2. <?php echo("ini juga\n"); ?> 3. <script language="php">
echo ("tulis pake ini jika html editor Anda tidak mengenali PHP"); </script> <% echo ("kalau yang ini mirip dengan ASP"); %>

4.

Anda bisa memilih salah satu dari empat cara tersebut. Tapi yang paling sering digunakan adalah cara pertama dan kedua. Perhatikan bahwa tiap akhir baris harus selalu diberi tanda titik koma (;). Seperti pada bahasa pemrograman lain Anda pun bisa meletakkan baris komentar pada program Anda. Pada PHP caranya adalah dengan meletakkan komentar tersebut di sebelah kanan tanda // jika komentar satu baris dan di antara /* dan */ jika komentarnya lebih dari satu baris. <? echo ("latihan PHP"; //ini adalah contoh komentar satu baris /* kalau yang ini adalah komentar lebih dari satu baris */ echo ("memang mudah"); ?>

13

Tipe Data
PHP mengenal tiga macam tipe data, yaitu : 1. Integer 2. Floating point number 3. String Integer Yang termasuk dalam tipe data ini adalah bilangan bulat (tidak pakai koma). contoh : $a $b $c $d = = = = 1234 // desimal - 1234 // negatif 0123 // oktal 0x12 // heksadesimal

pernyataan seperti $a = 1234 disebut pernyataan penugasan. Dalam contoh tersebut maksudnya adalah memberikan nilai 1234 ke variabel $a. Floating point number Disebut juga bilangan pecahan. Terdapat tanda titik yang merupakan pemisah antara bagian bulat dan pecahan. $a = 1.234 // bentuk biasa $b = 1.2e3 // bentuk eksponensial Strings $a = "ini adalah tipe data string"

Array
Array merupakan tipe data terstruktur yang berguna untuk menyimpan sejumlah data yang bertipe sama. Bagian yang menyusun array disebut elemen array, yang masing-masing elemen dapat diakses tersendiri melalui indeks array. Array berdimensi satu <? $kota[0] $kota[1] $kota[2] $kota[3]

= = = =

"Yogyakarta"; "Jakarta"; "Malang"; "Purwokerto";

print ("Kota favorit saya adalah $kota[2]"); ?> Kode di atas bila dijalankan pada browser, akan muncul tulisan : Kota favorit saya adalah Malang.

14

Indeks array dimulai dari 0. Jadi indeks array 0 menyatakan elemen pertama dari array, indeks array 1 menyatakan elemen array kedua, dan seterusnya. Array multidimensi Yang termasuk dalam tipe data ini adalah bilangan bulat (tidak pakai koma). contoh : <? $buaht = array ( "apel" => array( "warna" => "merah", "rasa" => "manis" ), "pisang" => array( "warna" => "kuning", "rasa" => "manis" ) ); print print print print ?> ("Warna buah apel adalah "); ($buah["apel"]["warna"])."<br>"; ("Rasa buah pisang adalah "); ($buah["pisang"]["rasa"]);

Kode di atas akan menghasilkan tulisan Warna buah apel adalah merah Rasa buah pisang adalah manis

Pengulangan dengan For

Seperti halnya bahasa pemrograman lain, PHP juga menyediakan fasilitas untuk melakukan pengulangan. Salah satunya adalah dengan menggunakan For. <html> <head> <title> Pengulangan </title> </head> <body> <center> <? for ($count = 1; $count <= 10; $count++) { print ("Ini adalah baris ke-$count <br>"); } ?> </center> </body> </html> Jika script di atas dijalankan maka akan muncul tampilan seperti di bawah ini. Ini adalah baris ke-1

15

Ini adalah baris ke-2 Ini adalah baris ke-3 Ini adalah baris ke-4 Ini adalah baris ke-5 Ini adalah baris ke-6 Ini adalah baris ke-7 Ini adalah baris ke-8 Ini adalah baris ke-9 Ini adalah baris ke-10 Pada saat baris pengulangan (yang dimulai dari for ($count = 1; $count <= 10; $count++)) dijalankan untuk pertama kali, maka nilai $count adalah 1. Oleh karena itu baris paling atas yang tercetak pada browser adalah: Ini adalah baris ke-1 Pengulangan tersebut akan terus dijalankan selama nilai $count lebih kecil atau sama dengan 10.

Pengulangan dengan While

Selain dengan For, kita juga dapat melakukan pengulangan dengan menggunakan While. <html> <head> <title> Pengulangan dengan while </title> </head> <body> <center> <? $count = 1; while ($count <=10) { print ("Baris nomer $count<br>"); $count = $count + 1; } ?> </center> </body> </html> Jika script di atas dijalankan maka akan muncul tampilan seperti di bawah ini. Baris Baris Baris Baris Baris Baris Baris nomer nomer nomer nomer nomer nomer nomer 1 2 3 4 5 6 7

16

Baris nomer 8 Baris nomer 9 Baris nomer 10 Pengulangan tersebut akan terus dijalankan selama nilai $count lebih kecil atau sama dengan 10.

Mengenal function
Function atau merupakan sejumlah pernyataan yang dikemas dalam sebuah nama. Nama ini selanjutnya dapat dipanggil berkali-kali di beberapa tempat pada program. Tujuan penggunaan fungsi adalah: - Memudahkan dalam mengembangkan program - Menghemat ukuran program Untuk membuat fungsi, harus mengikuti syntax sebagai berikut: function namafungsi ($parameter1, $parameter2) { pernyataan1; pernyataan2; } Contoh 1 : membuat fungsi yang tidak mempunyai parameter Nama file : fungsi1.php <? function BukaTabel() { echo "<table align=center width=\"80%\" border=0 cellspacing=1 cellpadding=0 bgcolor=#555555><tr><td>\n"; echo "<table width=\"100%\" border=0 cellspacing=1 cellpadding=8 bgcolor=#ffffff><tr><td>\n"; echo "<center>"; } function TutupTabel() { echo "</td></tr></table></td></tr></table>\n"; } ?> <html> <head> <title> Latihan Fungsi 1 </title> </head> <body> <?php BukaTabel(); print ("Ini tabel pertama"); TutupTabel(); print ("<br>"); BukaTabel();

17

print ("Ini tabel kedua"); TutupTabel(); ?> </body> </html> Contoh 2 : membuat fungsi yang mempunyai parameter Nama file : fungsi2.php <? function BukaTabel($warna1, $warna2) { echo "<table align=center width=\"80%\" border=0 cellspacing=1 cellpadding=0 bgcolor=\"$warna1\"><tr><td>\n"; echo "<table width=\"100%\" border=0 cellspacing=1 cellpadding=8 bgcolor=\"$warna2\"><tr><td>\n"; echo "<center>"; } function TutupTabel() { echo "</td></tr></table></td></tr></table>\n"; } ?> <html> <head> <title> Latihan Fungsi 2 </title> </head> <body> <?php BukaTabel("red", "#dddddd"); print ("Ini tabel pertama"); print ("<table border=1 width=100%>"); print ("<tr><td width=33% align=center> Kolom 1 </td>"); print ("<td width=33% align=center> Kolom 2 </td>"); print ("<td width=* align=center> Kolom 3 </td> </tr>"); print ("</table>"); TutupTabel(); print ("<br>"); BukaTabel ("blue", "white"); print ("Ini tabel kedua"); TutupTabel(); ?> </body> </html>

Fungsi pd PHP yang berhubungan dg file

oleh: felix
integer fopen(string filename, string mode) Fungsi ini digunakan untuk membuka file terlebih dahulu sebelum dilakukan proses penulisan atau pembacaan isi file. contoh :

18

<? if(!($myFile = fopen ("http://localhost/php/dataku.txt", "r"))) { print ("Gagal membuka file"); } while (!feof($myFile)) { $line = fgetss($myFile,255); print ("$line \n"); } fclose ($myFile); ?> Untuk mengetahui dengan jelas fungsi fopen, silakan mencoba sendiri dengan berbagai mode yang ada seperti yang tercantum di bawah ini. Mode r[b] w[b] hanya pross baca[binary] hanya proses write, jika file belum ada maka akan dibuat file baru, jika file sudah ada maka isi file akan "ditimpa" oleh isi file yang baru [binary] menambahkan ke isi file yang sudah ada [binary] baca dan tulis [binary] baca dan tulis jika file belum ada maka akan dibuat file baru, jika file sudah ada maka isi file akan "ditimpa" oleh isi file yang baru [binary] baca dan tulis, isi file yang baru ditambahkan setelah baris terakhir pada file yang sudah ada [binary] Operasi

a[b] r+[b] w+[b] a+[b]

string fgets (integer file_handle, integer length) Fungsi ini digunakan untuk membaca string atau isi dari sebuah file. contoh : <? if($MyFile = fopen("data.txt", "r")) { while (!feof($MyFile)) { $MyLine = fgets ($MyFile, 255); print ($MyFile); } fclose ($MyFile); ?> Jika Anda menjalankan script di atas maka yang nampak pada browser adalah isi dari file data.txt.

Membuat buku tamu

Buku tamu ini terdiri dari 2 file, file pertama bernama guestbook.php3 yang merupakan file utama. File kedua bernama entry.dat yang digunakan untuk menyimpan isi buku tamu.
<html>

19

<head> <TITLE>Contoh Guestbook www.klik-kanan.com</TITLE> <STYLE> FONT,body,td,table {font-family : verdana;font-size : 11px;} b{ font-family : Arial; font-weight : bold; } a,a:hover,.link{font-family: verdana;font-size: 8pt;font-color: 66666;} </STYLE> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="30" marginwidth="0" marginheight="0"> <b><center> BUKU TAMU <br></b> dari www.klik-kanan.com</center> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td height="50"></td> </tr> <tr> <td><form action="<?PHP_SELF?>" method="post"> <table width="498" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td>Nama</td> <td> <input name="name" size=30 value=""> </td> </tr> <tr> <td>Email</td> <td> <input name="email" size=30 value=""> </td> </tr> <tr> <td>Homepage</td> <td> <input name="url" size=30 value="http://"> </td> </tr> <tr> <td valign="top">Komentar</td> <td> <textarea name="message" cols=50 rows=10 wrap=soft></textarea> </td> </tr> <tr> <td valign="top"> <input type="hidden" value="ok" name="send_status"> </td> <td> <input type="submit" value="Kirim" name="submit"> <input type="submit" value="Lihat" name="view_guestbook"> </td> </tr> </table></form> </td> </tr> <tr> <td> <center> <? if ($name == "" || $email == "" || $message == "") { for ($i=0; $i<3; $i++) { echo "."; sleep(1); flush(); } $filesize = filesize("entry.dat"); $file = fopen("entry.dat","r"); $buffer = fread($file,$filesize); echo "$buffer"; fclose($file); } else if ($send_status == "ok") { $filesize = filesize("entry.dat"); $file = fopen("entry.dat","r"); $buffer = fread($file,$filesize); fclose($file); $today = getdate(); $bulan = $today[month]; $mday = $today[mday]; $tahun = $today[year]; $tanggal = "$bulan $mday, $tahun"; $file = fopen("entry.dat","w"); $parsed_message = strip_tags($message,"<a>,<i>"); $parsed_message_br = str_replace("\n","<br>",$parsed_message); $today = date( "Ymd", time() ); $message_table ="<TABLE BORDER=\"0\" CELLPADDING=\"1\" bgcolor=EEEEEE width=\"500\"><TD colspan=\"2\"></TD></TR> <TR><TD align=\"right\" colspan=\"2\"><i>$tanggal</i></TD></TR> <TR><TR><TD width=\"30%\"><B>Nama :</B></TD> <TD>$name</TD></TR> <TR><TD><B>Email

20

:</B></TD> <TD><A HREF=\"mailto:$email\">$email</A></TD></TR> <TR><TD><B>Homepage :</B></TD> <TD><A HREF=\"$url\" target=\"_blank\">$url</A></TD></TR> <TR><TD valign=\"top\" colspan=\"1\"><B>Komentar :</B></TD><TD>$parsed_message_br</TD></TR> <TR><TD colspan=\"2\"></TD></TR></TABLE>"; fputs($file,"$message_table \n $buffer"); fclose($file); } else if ($view_guestbook == "View Guestbook"){ $filesize = filesize("entry.dat"); $file = fopen("entry.dat","r"); $buffer = fread($file,$filesize); echo "$buffer"; fclose($file); } ?></center> </td> </tr> </tr> </table> <p>&nbsp;</p> </body> </html>

PHP & MySQL: Tutorial Dasar

Pada tutorial kali ini, kita akan mencoba melakukan operasi - operasi dasar pada PHP MySQL. 1. Membuat koneksi <?php $hostmysql = localhost; $username = mysqlusername; $password = mysqlpassword; $database = namadatabase; $conn = mysql_connect($hostmysql,$username,$password); if (!$conn) die (Koneksi gagal); mysql_select_db($database,$conn) or die (Database tidak ditemukan); > Penjelasan Script: a. mysql_connect digunakan untuk membuat koneksi dari PHP ke server MySQL. Data mengenai hostname, mysql username, dan password yang digunakan telah diwakilkan oleh variabel $hostmysql, $username, $password. Penulisannya akan sama dengan: mysql_connect(localhost,username,password); b. mysql_select_db untuk memilih database yang akan digunakan. c. if (!$conn) die (Koneksi gagal); jika koneksi gagal dibuat (!$conn), maka akan muncul pesan kesalahan Setiap operasi PHP yang berhubungan dengan MySQL, akan membutuhkan sintaks diatas. agar lebih mudah, lebih baik disimpan terlebih dahulu dengan nama konfig.php. Jika sintaks tersebut dibutuhkan lagi, maka kita melakukan include terhadap file konfig.php tersebut.

21

2. Membuat tabel pada MySQL <?php include (konfig.php); mysql_query(CREATE TABLE user ( namadpnVARCHAR(20), namablkg VARCHAR(20), negara VARCHAR(20))); ?> Penjelasan script: 1. include (konfig.php); perintah include digunakan untuk mengikut sertakan sebuah file (pada contoh diatas adalah file konfig.php). 2. mysql_query format umum dari perintah ini adalah mysql_query(string dari query). mysql_query akan sering dijumpai pada artikel kali ini. 3. Memasukkan data pada tabel <?php include (konfig.php); $insert = INSERT INTO users (namadpn,namablkg,negara) VALUES (Saya,'Sendiri,'Indonesia); mysql_query($insert) or die (tidak dapat memasukkan data ke tabel);?> 4 . Menampilkan data dari tabel <?php include (konfig.php); $query = SELECT * FROM user; $result = mysql_query($query); $numrows = mysql_num_rows($result); while($row = mysql_fetch_array($result)){ echo Jumlah data: $numrows <br>; echo Nama Depan: $row[namadpn] <br>; echo Nama Belakang: $row[namablkg] <br>; echo Negara: $row[negara]; } ?> Penjelasan script: 1. mysql_num_rows digunakan untuk menghitung jumlah baris yang didapat dari hasil eksekusi query (mysql_query). 2. while ( ) { } digunakan untuk melakukan perulangan selama data yang yang diinginkan masih ada. (dalam contoh diatas: akan menampilkan semua isi dari table). 3. mysql_fetch_array menampilkan data dari tabel dalam bentuk array Untuk penggunaan lainnya (hapus, update, dsb) yang berubah hanya string query-nya saja.

22

Referensi
http://www.klik-kanan.com/tutorial/php/index.shtml http://www.klik-kanan.com/desainweb/html/index.shtml http://www.globalkomputer.com/Bahasan/Programming/Produk/PHP http://www.rumahweb.com/journal/php-mysql-tutorial-dasar.htm

23