P. 1
Diktat WEB

Diktat WEB

|Views: 233|Likes:
Published by Sthephen Chandra

More info:

Published by: Sthephen Chandra on Oct 24, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less

12/05/2012

pdf

text

original

Sections

  • Heading
  • Paragraf
  • Format Text (Pengaturan Font)
  • BR
  • Link
  • List
  • Grafik
  • Tabel
  • Form
  • Pemrograman Script
  • Koneksi Database MySQL dengan PHP
  • MySQL
  • Instalasi MySQL
  • Mebuat Database dan Table Dengan PHPMyAdmin
  • Koneksi Database Dengan MySQL
  • Membuat Script Web Untuk Merekam Ke Database

Pemrograman Web

HTML, PHP, & Database MySQL

Pengenalan Struktur Dokumen HTML
Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. untuk menyampaikan ide pada web browser, bahasa HTML menggunakan sesuatu yang dinamakan tag. Tag selalu ditulis diantara tanda lebih kecil dari (<) dengan tanda lebih besar dari (>) contoh (< tag >) Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body. Struktur HTML diapit oleh tag awal <HTML> dan tag akhir </HTML>. Dengan standart penulisan Sebagai berikut : <html> <head> <title>Deskripsi Dokumen</title> </head> <body> isi dokumen </body> </html> Untuk lebih jelasnya, jalankan editor teks anda dan buatlah program berikut ini : <html> <head> <title>Struktur Dokumen HTML</title> </head> <body> Hello World !!! </body> </html> Rekam dengan nama file : latih1.html.

Tag <TITLE> memberikan untuk memberi judul dokumen HTML judul ini dapat dilihat pada pojok kiri atas (title bar) browser. Ketika pengunjung web anda melakukan bookmerk maka judul inilah yang akan disimpan.

Lembaga Pendidikan – KHARISMA Computer

1

Pemrograman Web

HTML, PHP, & Database MySQL

Heading
Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam satu dokumen HTML. Heading berbeda dengan tag <TITLE> yang tidak bisa muncul dalam halaman web. HTML menyediakan enam tingkatan heading. Heading level 1 biasanya untuk judul utama. Untuk lebih jelasnya, jalankan editor teks anda dan buatlah program berikut ini : <html> <head> <title>Heading</title> </head> <body> <h1>Ini Teks Dengan Heading 1</h1> <h2>Ini Teks Dengan Heading 2</h2> <h3>Ini Teks Dengan Heading 3</h3> <h4>Ini Teks Dengan Heading 4</h4> <h5>Ini Teks Dengan Heading 5</h5> <h6>Ini Teks Dengan Heading 6</h6> </body> </html> Rekam dengan nama file : latih2.html

Paragraf
Untuk membuat paragraf digunakan tag <P>. Setelah tag <P> anda bisa menulis ini paragraf dan paragraf tersebut di akhiri dengan tag penutup </P>. Dan anda juga dapat mengatur posisi paragraf dengan menggunakan atribut ALIGN. atribut ALIGN diikuti dengan posisi yang diinginkan. Left untuk meratakan paragraf dikiri, certer untuk meratakan paragraf ditengah, right untuk meratakan paragraf di kanan. Untuk lebih jelasnya, jalankan editor teks anda dan buatlah program berikut ini : <html> <head> <title>Paragraf</title> Lembaga Pendidikan – KHARISMA Computer

2

Pemrograman Web

HTML, PHP, & Database MySQL

</head> <body> <p align="left"> VoIP merupakan teknologi yang membawa sinyal suara digital dalam bentuk data paket dengan protokol IP. Dalam komunikasi VoIP, memakai melakukan hubungan telepon melalui terminal yang berupa PC atau telepon. Terminal akan berkomunikasi dengan gateway melalui telefoni lokal. Hubungan antar ateway dilakukan melalui network IP. </p> <p align="center"> Network IP dapat berupa network paket apapun, termasuk Intranet, atau line E1. VoIP menawarkan transportasi sinyal yang lebih murah, Feature tambahan, dan transparansi terhadap data komputer Hambatan VoIP kehandalan bawah telefoni biasa,dan soal standarisasi yang akan menyangkut masalah interoperabilitas. </p> <p align="right"> Dasar VoIP dipaparkan dalam gambar di bawah. Pada sisi pengirim, sinyal suara dikodekan kemudian dipaketkan. Data ini disalurkan melalui network IP. Di sisi penerima, data didekan ke sinyal suara kembali. </p> </body> </html> Rekam dengan nama file : latih3.html

Format Text (Pengaturan Font)
Untuk mengatur format dari text dalam HTML atau mengatur huruf dari dokumen HTML digunakan tag <FONT>. Tag <FONT> memiliki beberapa atribut untuk mengatur ukuran huruf, jenis huruf, dan warna yang akan diberikan pada huruf.  Ukuran Font o Attribut SIZE digunakan untuk mengatur ukuran font. Nilai font dimulai dengan nilai 1 untuk ukuran huruf yang terkecil dan nilai 7 untuk ukuran huruf yang terbesar o Untuk jelasnya perhatikan contoh berikut <html> <head> <title>Ukuran Font</title> </head> <body> Lembaga Pendidikan – KHARISMA Computer 3

Pemrograman Web

HTML, PHP, & Database MySQL

<font size=1>Ukuran dari font adalah 1</font> <font size=2>Ukuran dari font adalah 2</font> <font size=3>Ukuran dari font adalah 3</font> <font size=4>Ukuran dari font adalah 4</font> <font size=5>Ukuran dari font adalah 5</font> <font size=6>Ukuran dari font adalah 6</font> <font size=7>Ukuran dari font adalah 7</font> </body> </html> Rekam dengan nama file latih4.html Jenis Font o Attribut FACE digunakan untuk mengatur jenis huruf yang diinginkan. Attribut FACE harus diisi dengan string jenis font seperti Arial, Times New Roman, Verdana dan sebagainya. o Untuk jelasnya prhatiakn contoh berikut <html> <head> <title>Jenis Font</title> </head> <body> <font face="Arial">ini jenis huruf Arial</font> <font face="Times New Roman">Times New Roman</font> <font face="Verdana">ini jenis huruf Verdana</font> <font face="Tahoma">ini jenis huruf Tahoma</font> </body> </html> Rekam dengan nama file latih5.html Warna Font o Attribut color digunakan untuk mengatur warna font yang diingikan. Untuk memberi nilai pada attribut color ada dua cara. Cara pertama dengan menyebutkan nama warna seperti red, green, blue. Sedangkan cara kedua adalah dengan menggunakan nilai RGB(Red, Green, Blue) dari suatu warna, misalnya FF0000 untuk red, 00FF00 untuk green dan 0000FF untuk warna blue. o untuk jelasnya perhatikan contoh berikut <html> <head> <title>Warna Font</title> </head> <body> <font color="red">Aku suka warna Merah</font> <font color="#FF0000">suka warna merah</font> 4

Lembaga Pendidikan – KHARISMA Computer

Pemrograman Web

HTML, PHP, & Database MySQL

<font color="#00FF00">aku suka warna hijau</font> </body> </html> Rekam dengan nama file latih6.html

BR
Tag line break (BR) digunakan untuk menulis text pada baris berikutnya. Tag <BR> membuat baris baru tanpa baris kosong Untuk lebih jelasnya perhatiakn contoh <html> <head> <title>Line Break</title> </head> <body> <p> Banyak cara yang dapat kita gunakan untuk melakukan instalasi Fee BSD. Namun ada tiga cara yang paling sering dilakukan yaitu :</p> <br>Instalasi melalui FTP <br>Instalasi malalui CDROM <br>Instalasi melalui partisi DOS </body> </html> Rekam dengan nama file latih7.html 

Link
Perintah Anchor (A) digunakan untuk embuat suatu link. Untuk membuat link ke dokumen HTML lain digunakan perintah <A HREF="nama_dokumen">Teks Pada Broser</A>. Anda juga dapat dalam sebuah dokumen HTML. Untuk itu perlu disediakan nama Anchor lokasi tujuan dari link tersebut. Nama anchor dibuat dengan menambahkan attribut NAME pada tag <A>. Misalnya <A NAME="Abbiati</A>. Cara melakukan link ke bagian tersebut adalah <A HREF="#nama_Anchor">Teks Pada Browser</A>. Untuk lebih jelasnya perhatikan contoh di bawah ini: <html> <head> <title>Link</title> Lembaga Pendidikan – KHARISMA Computer 5

Milan Juara seri A 1981–1999 <p><a href="#Awal">Kembali Ke Atas</a> </body> </html> Rekam dengan nama file latih8. <a href="#abbiati">Info Lenkap</a> <br>Ayala <br>Ambrosini <br>Albertini <br>Boban <br> <br>Ingin tahu lebih <a href="latih9.html">klik disini</a> <p><a name="#abbiati"> <p>Kipper Ketiga Tim Nasional Italia EURO 2000 <br>Kipper Utama Juara Piala Eropa U-21 <br>Kiper Utama AC. Milan menurut Abjad</a> <br>Abbiati.html">Kembali</a> </body> </html> Rekam dengan nama file latih9.Pemrograman Web </head> <body> <a name="Awal">Pemain AC.html HTML. & Database MySQL Lembaga Pendidikan – KHARISMA Computer 6 . PHP.html <html> <head> <title>Link Halaman Lain</title> </head> <body> <p align="center">Maaf Hanya Sedikit Kodong!</p> <br>Chamod <br>Dida <br>Shevchenko <br><a href="latih9.

& Database MySQL Tingkat Lanjut HTML Setelah Anda mempelajari Struktur Dasar Bahasa HTML.Pemrograman Web HTML. Ordered List Ordered list digunakan untuk mebuat daftar dimana tiap bagiannya memiliki nomor secara berurut. Pada bagian ini merupakan kelanjutan dari dasar dasar HTML. Untuk menyatakan tiap-tiap bagiannya digunakan tag <LI> dimana tag ini tidak telalu memerlukan tag penutup. Ssetelah pembahasan tabel anda akan masuk kebagian yang tak kala pentingknya yaitu anda akan mempelajari halaman web yang dinamis (form dan input) List HTML menyediakan lima cara untuk membuat daftar atau list. Perintah tersebut akan secara otomatis diproses oleh browser. Pembahasan dilanjutkan dengan bagai mana caramenggunakan grafik dal. Tabel merupakan salah satu perintah yang "pasti" akan dipakai dalam membuat web.html Lembaga Pendidikan – KHARISMA Computer 7 . Anda akan mempelajari cara nenbuat daftar list dengan daftar yang berurut dan dengan daftar yang tidak berurut. Ordered list dimulai denga tag <OL> dan diakhiri dengan penutup </OL>. PHP. yaitu :  Ordered list  Unordered List  Directory List  Menu List  Defenition List 1. Maka sekarang anda akan melanjutkan pelajaran ketingkat yang lebih lanjut.am halaman web. Dengan menggunakan Ordered List anda tidak perlu memberi nomor untuk tiap bagian. Untuk lebih jelasnya perhatikan contoh dibawah ini : <html> <head> <title>Ordered List</title> </head> <body> Empat Pemain Sepak Bola Dunia <ol> <li>Luis Figo <li>Hernan Crespo <li>Cristian Vieri <li>Nicolas Anelka </ol> </body> </html> Rekam dengan nama file latih10.

c Selain mengubah jenis penomoran..3 (attribut ini adalah defauld dari ordered list) Daftar berurut dengan bilangan romawi huruf besar I.iii) Daftar berurut dengan abjad A.ii.b. Anda bisa mengubah nomor tersebut dengan meggunakan attribut TYPE pada tag <OL>. HTML juga menyediakan perintah untuk menentukan nilai awal penomoran.. dimana n adalah nilai awal penomoran. PHP. Attribut TYPE beserta fungsinya dapat anda lihat pada tabel berikut ini : Attribut Type = 1 Type = I TYPE = I Type = A TYPE = A Fungsi Daftar berurut dengan nomor 1.3..2. Attribut yang digunakan adalah START = n.. & Database MySQL Ketika anda menggunakan perintah ordered list maka defauld dari penomoran adalah 1.B.2.Pemrograman Web HTML. Contoh penggunaan attribut TYPE dan START adalah sebgai berikut : <html> <head> <title>Ordered List</title> </head> <body> <ol type="A"> <li>Empat Pemain Sepak Bola Dunia <ol type="I"> <li>Luis Figo <li>Hernan Crespo <li>Cristian Vieri <li>Nicolas Anelka </ol> <li>Urutan lima sampai delapan <ol type=1 start=5> <li>Denilson Lembaga Pendidikan – KHARISMA Computer 8 .III Daftar berurut dengan nomor bilangan romawi huruf kecil (i.C Daftar berurut dengan abjad huruf kecil a.II.

Unordered List Berbeda dengan ordered list. tidak dijumpai ururtan dalam suatu daftar. Setiap bagian dari unordered list ditandai dengan bullet. & Database MySQL 2. PHP.Pemrograman Web <li>Batigol <li>Ronaldo <li>Amororoso </ol> </ol> </body> </html> Rekam dengan nama file latih11.html HTML. Selajutnya sama dengan ordered list untuk bagian-bagianya digunakan tag <LI> tanpa tag penutup. Untuk membuat daftar tanda ini digunakan tag awal <UL> dan tag penutup </UL>. Tanda bullet menjadi default dalam unordered list. dalam unordered list. perhatikan contoh berikut : <html> <head> <title>Unordered List</title> </head> <body> Empat Pemain Sepak Bola Dunia <ul> <li>Luis Figo <li>Hernan Crespo <li>Cristian Vieri <li>Nicolas Anelka </ul> </body> </html> Lembaga Pendidikan – KHARISMA Computer 9 .

Untuk lebih jelasnya lihatlah pada daftar berikut : Attribut TYPE = Circle TYPE = Disk TYPE = Square Contoh penggunaan TYPE <html> <head> <title>Unordered List</title> </head> <body> Empat Pemain Sepak Bola Dunia <ul type="square"> <li>Luis Figo <li>Hernan Crespo <li>Cristian Vieri <li>Nicolas Anelka </ul> </body> </html> Fungsi Tanda Lingkaran Tanda Cakram Tanda Kotak Grafik Biasanya orang menggunakan gambar untuk memperindah situsnya. & Database MySQL Selaindefaul tanda bullet. Dari berbagai macam format gambar yang ada. Hanya beberapa saja yang digunakan dalam membuat halaman web. lingkaran. HTML menyediakan tag <IMG> untuk menampilakn gambar dalam halaman web. atau kotak.Pemrograman Web HTML. Anda bisa menggunakan tanda cakram. Standart penulisan tag <IMG> adalah : <IMG SRC="file_gambar" ALT="nama_alternatif"> Contoh dokumen HTML : <html> <head> <title>Grafik dlam halaman web</title> </head> Lembaga Pendidikan – KHARISMA Computer 10 . PHP. Caranya dengan menggunakan atribut TYPE pada tag <UL>. Format gambar yang paling sering digunakan adalah GIF dan JPEG/JPG.

gif" alt="ini gambar saya"></p> </body> </html> Beberapa attribut pada tag <IMG> yang bisa digunakan dalam halaman web : Attribut Fungsi Border Memberikan kotak pada gambar Height & Width Menentukan tinggi dan lebar gambar dalam ukuran pixel HSpace & VSpace Menentukan jarak spasi horizontal dan vertikal antara gambar sekitar Align Mengatur posisi gambar terhadap objec sekitar <html> <head> <title>Grafik dlam halaman web</title> </head> <body> <p align="left">Ini Gambar saya.gif" height="70" width="120" alt="ini gambar saya" border="2" hspace="20" vspace="20"> <br>Gambar Kamu.gif" width="203" height="110" hspace="20">Ini Gambar Kamu. PHP. hspace=20 <img src="kamu. & Database MySQL <body> <p align="left">Ini Gambar saya</p> <p align="left"><img src="aku. hspace=20 <br> </p> </body> </html> x Lembaga Pendidikan – KHARISMA Computer 11 . vspace=20 <br> <img src="aku.Pemrograman Web HTML.

. certer untuk perataan ditengah dan right untuk perataan di kanan. bisa dibagian atas atau dibagian luar tabel. kolom 1 baris 2. . . kolom 2 ALIGN dan WIDTH Perataan horizontal tabel menggunakan atribut ALIGN. kolom 1</td> <td>baris 1.  <TH> . & Database MySQL Tabel Tabel banyak digunakan karena dapat menampilkan informasi dengan bentuk yang ringkas dan mudah dibaca. </CAPTION> digunakkan untuk membentuk judul tabel. yaitu :  <CAPTION> . . . . Contoh HTML : <html> <head> <title>Grafik dlam halaman web</title> </head> <body> <table border="1"> <tr> <td>baris 1. </TH> berfungsi untuk meletakkan judul tabel di bagian paling atas atau bagian paling kiri dari suatu tabel.Pemrograman Web HTML. </TR> dipakai untuk membentuk baris dari suatu tabel  <TD> . Judul tabel ini akan terletak diluar tabel. . . . . kolom 1 baris 1. Untuk membuat tabel digunakan tag awal <TABLE> dan tag penutup </TABLE>. . PHP. sedang untuk perataan vertikal menggunakan atribut VALIGN. </TD> dipakai untuk membentuk membentuk kolom data pada tabel. Perhatiakn contah berikut : Lembaga Pendidikan – KHARISMA Computer 12 . ALIGN dapat bernilai left untuk perataan di kiri. . kolom 2</td> </tr> <tr> <td>baris 2. . . kolom 2</td> </tr> </table> </body> </html> Dengan lay out nantinya sebgai berikut : baris 1.middle untuk perataan ditengah dan bottom untuk perataan di bawah. .  <TR> . kolom 2 baris 2. kolom 1</td> <td>baris 2. Tabel header akan dicetak dengan huruf tebal. . VALIGN dapat bernilai top untuk perataan diatas. tag <TABLE> memiliki bebrapa bagian yang penting. . . .

PHP.Pemrograman Web <html> <head> <title>Tabel dalam web</title> </head> <body> <table border="1" width="100%" height="180"> <tr> <td width="50%" height="53" valign="top"> <font face="Arial" size="2">Ini untuk VALIGN Bernilai TOP</font> </td> <td width="50%" height="53" valign="bottom"> <font face="Arial" size="2">Ini untuk VALIGN Bernilai BOTTOM</font> HTML. & Database MySQL </td> </tr> <tr> <td width="50%" height="53" valign="middle"> </td> <td width="50%" height="53" align="center"> <font face="Arial" size="2">Ini untuk ALIGN Bernilai CENTER</font> </td> </tr> <tr> <td width="50%" height="53" align="right"> <font face="Arial" size="2">Ini untuk VALIGN Bernilai RIGHT</font> </td> <td width="50%" height="53" align="left"> <font face="Arial" size="2">Ini untuk VALIGN Bernilai TOP</font> </td> </tr> </table> </body> </html> Lay out sebagai berikut : Lembaga Pendidikan – KHARISMA Computer 13 <font face="Arial" size="2">Ini untuk VALIGN Bernilai MIDDLE</font> .

CELLPADDING mempunyai fungsi untuk mengatur jumlah spasi yang terdapat antara batas/border dengan isi atau teks didalam sel tersebut.Pemrograman Web Ini untuk VALIGN Bernilai TOP HTML. PHP. Berikut ini adalah contoh program yang menggunakan attribut diatas. <html> <head> <title>Tabel dalam web</title> </head> <body> <table border="1" width="100%" height="180" cellspacing="5" cellpadding="5"> <tr> <td width="50%" height="53" valign="top"> <font face="Arial" size="2">Ini untuk VALIGN Bernilai TOP</font> </td> <td width="50%" height="53" valign="bottom"> <font face="Arial" size="2">Ini untuk VALIGN Bernilai BOTTOM</font> </td> </tr> <tr> <td width="50%" height="53" valign="middle"> </td> <td width="50%" height="53" align="center"> </td> </tr> <font face="Arial" size="2">Ini untuk ALIGN Bernila CENTER</font> <font face="Arial" size="2">Ini untuk VALIGN Bernilai MIDDLE</font> Lembaga Pendidikan – KHARISMA Computer 14 . & Database MySQL Ini untuk VALIGN Bernilai BOTTOM Ini untuk VALIGN Bernilai MIDDLE Ini untuk ALIGN Bernilai CENTER Ini untuk ALIGN Bernilai RIGHT Ini untuk ALIGN Bernilai TOP CELLSPACING dan CELLPADDING Attribut CELLSPACING digunakan untuk menentukan jumlah spasi yang terdapat antara dua buah cell.

Berikut ini adalah contoh program yang menggunakan attribut diatas.Pemrograman Web <tr> <td width="50%" height="53" align="right"> </td> <td width="50%" height="53" align="left"> </td> </tr> </table> </body> </html> Dengan Lay Out Sebagai berikut : <font face="Arial" size="2">Ini untuk VALIGN Bernilai TOP</font> <font face="Arial" size="2">Ini untuk VALIGN Bernilai RIGHT</font> HTML. & Database MySQL Ini untuk VALIGN Bernilai TOP Ini untuk VALIGN Bernilai BOTTOM Ini untuk VALIGN Bernilai MIDDLE Ini untuk ALIGN Bernilai RIGHT Ini untuk ALIGN Bernilai CENTER Ini untuk ALIGN Bernilai TOP COLSPAN dan ROWSPAN Attribut COLSPAN digunakan untuk menggabungkan dua buah kolom atau lebih menjadi satu kolom. <html> <head> <title>Tabel dalam web</title> </head> <body> <table border="1" width="73%" height="180" cellspacing="5" cellpadding="5"> <tr> <td width="50%" height="106" valign="top" rowspan="2"> <font face="Arial" size="2">Ini untuk VALIGN Bernilai MIDDLE</font> </td> Lembaga Pendidikan – KHARISMA Computer 15 . PHP. ROWSPAN mempunyai fungsi untuk menggabungkan Beberapa baris menjadi satu baris.

& Database MySQL Ini untuk VALIGN Bernilai MIDDLE Ini untuk VALIGN Bernilai BOTTOM Ini untuk ALIGN Bernilai CENTER Ini untuk ALIGN Bernilai Center WARNA PADA TABEL Agar membuat Tabel menjadi lebih menarik selain dperluka latar belakang juga warna memberikan peranan penting dalam pembuatan tabel Untuk latar belakang di gunakan atribut BGCOLOR dan untuk memberi warna pada border gunakan attribut BORDERCOLOR Perhatikan contoh berikut : <html> <head> <title>Tabel dalam web</title> </head> Lembaga Pendidikan – KHARISMA Computer 16 . PHP.Pemrograman Web <td width="50%" height="53" valign="bottom"> <font face="Arial" size="2">Iniuntuk VALIGN Bernilai BOTTOM</font> </td> </tr> <tr> <td width="50%" height="53" align="center"> <p align="center"> <font face="Arial" size="2">Ini untuk ALIGN BernilaiCENTER</font> </td> </tr> <tr> <td width="100%" height="53" align="center" colspan="2" valign="middle"> <p align="center"> <font face="Arial" size="2">Ini untuk ALIGN Bernilai Center</font> </td> </tr> </table> </body> </html> Dengan Lay Out sebagai berikut : HTML.

Standart penulisan adalah sebagai berikut : Lembaga Pendidikan – KHARISMA Computer 17 . Formulir tersebut dibuat dengan menggunakan elemen form dan input.Pemrograman Web <body> <table border="1" width="73%" height="180" cellspacing="5" cellpadding="5"> <tr> <td width="50%" height="106" valign="top" rowspan="2" bgcolor="#008000" bordercolor="#000080"> <p align="center"> <font face="Arial" size="2">Ini untuk VALIGN Bernilai MIDDLE</font> HTML. PHP. & Database MySQL </td> <td width="50%" height="53" valign="bottom" bgcolor="#FF0000" bordercolor="#000080"> </td> </tr> <tr> <td width="50%" height="53" align="center" bgcolor="#008080" bordercolor="#0000FF"> <p align="center"> <font face="Arial" size="2">Ini untuk ALIGN Bernilai CENTER</font> </td> </tr> <tr> <td width="100%" height="53" align="center" colspan="2" valign="middle" bgcolor="#008000" bordercolor="#000080"> <p align="center"> <font face="Arial" size="2">Ini untuk ALIGN Bernilai Center</font> </td> </tr> </table> </body> </html> <font face="Arial" size="2">Ini untuk VALIGN Bernilai BOTTOM</font> Form Anda tentu sering menjumpai situs yang menyediakan Buku Tamu bagi pengunjungnya.

pada tag <INPUT> juga bisa ditambahkan attribut NAME untuk memberi nama pada input tersebut. HTML menyediakan tag <INPUT> juga ditambahkan attribut TYPE="text" untuk membuat kotak input.Pemrograman Web HTML. </FORM> Attriibut METHOD memiliki dua nilai POST dan GET. Attribut ACTION berisi URL dari program yang dipanggil oleh form tersebut. Selain attribut TYPE.... Nilai VALUE juga menjadi efec yang tampak pada browser. Jika data masukan banyak lebih disarakan menggunakan metode POST.. & Database MySQL <FORM METHOD="POSTIGET" ACTION="URL"> . PHP. dan attribut SIZE untuk menentukan batas terpanjang sebuah masukan. Metode Post mengirimkan datanya secara terpisah. Masukan akan menjadi karakter "*" <html> <head> <title>Form Untuk Input</title> </head> <body> <p><b><font size="4" face="Arial">Rancangan Buku Tamu</font></b></p> <table border="0" height="30" width="460"> <tr> <td width="145" height="26"><b>Nama </b></td> <td width="14" height="26"> <p align="center"><b>:</b></td> <td width="281" height="26"> <p align="left"><b> <input type="text" name="Nama" size="38"></b></p> </td> </tr> <tr> <td width="145" height="26"><b>Alamat</b></td> <td width="14" height="26"> <p align="center"><b>:</b></td> <td width="281" height="26"><b> Lembaga Pendidikan – KHARISMA Computer 18 .. TEXTBOX Text Box merupakan salah satu jenis kontrol masukan data. Anda bisa menyembunyikan masukan yang ditulis oleh user dengan meberi nilai TYPE="password". attribut VALUE untuk memberi nilai suatu input.... . Metode GET mengirimkan data pada server dengan meletakkan data pada bagian akhir URL (Uniform Resource Locator) yang ditunjuk. Jika TYPE bernilai text maka masukan hanya satu baris data.

Pemrograman Web HTML. Dengan menggunakan checkbox user bisa memilih lebih dari satu pilihan. Perhatikan contoh : <html> <head> <title>Form Untuk Input</title> </head> <body> <p><br>Pilih yang Anda suka</p> <p>Data Jurusan <p><input type="checkbox" name="C1" Checked> Teknik Informatika</p> <p><input type="checkbox" name="C2"> Sistem Informasi</p> <p><input type="checkbox" name="C3"> Komputer Lembaga Pendidikan – KHARISMA Computer 19 . PHP. & Database MySQL <input type="text" name="Alamat" size="38"></b></td> </tr> <tr> <td width="145" height="26"><b>Sekolah</b></td> <td width="14" height="26"> <p align="center"><b>:</b></td> <td width="281" height="26"><b> <input type="text" name="Sekolah" size="38"></b></td> </tr> </table> </body> </html> CHECKBOX Selain attribut TYPE bernilai text dan password anda juga bisa memberi attribut TYPE dengan checkbox yang digunakan oleh user untuk membuat suatu pilihan.

PHP. maka user harus memilih slah satu pilihan yang ditawarkan. Attribut CHECKED memberitanda bahwa pilihan tersebut yang sedang diaktifkan.19 Tahun</p> <p><input type="radio" value ="V3" name="R1"> 19 .Pemrograman Web HTML. User tidak bisa memilih pilihan kurang dari satu pilihan. Perhatikan contoh berikut : <html> <head> <title>Form Untuk Input</title> </head> <body> <p><br>Pilih salah satu</p> <p>Usia Anda <p><input type="radio" value ="V1" checked name="R1" Checked> < 15 Tahun</p> <p><input type="radio" value ="V2" name="R1"> 15 .35 Tahun</p> <p><input type="radio" value ="V4" name="R1"> > 35 Tahun</p> </body> </html> Lembaga Pendidikan – KHARISMA Computer 20 . & Database MySQL Akuntansi</p> <p><input type="checkbox" name="C4"> Menejemen Informatika</p> </body> </html> RADIO Jika attribut TYPE="checkbox" diganti dengan TYPE="radio".

htm"> <table border="0" width="100%"> <tr> <td width="17%">&nbsp.Nama</td> <td width="3%" align="center">:</td> <td width="80%"><input type="text" name="T1" size="38"></td> </tr> <tr> <td width="17%">Alamat</td> <td width="3%" align="center">:</td> <td width="80%"><input type="text" name="T2" size="38"></td> </tr> <tr> <td width="17%">E-Mail</td> <td width="3%" align="center">:</td> <td width="80%"><input type="text" name="T3" Lembaga Pendidikan – KHARISMA Computer 21 . Tombol submit digunakan oleh user setelah mengisi seluruh formulir dan ingin mengirikannya ke server sedangkan tombol Reset digunakan saat user ingin mengubah atas apa yang telah diisi pada formulir tersebut. Perhatikan contoh berikut : <html> <head> <title>Contoh Buku Tamu</title> </head> <body> <p><b><font size="4" face="Arial">Rancangan Buku Tamu</font></b></p> <p><br></p> <form method="POST" action="thanks. & Database MySQL SUBMIT dan RESET Setiap form harus memiliki minimal tombol Submit dan tombol Reset. PHP.Pemrograman Web HTML. Kedua tombol yang dimaksud dapat digunakan dengan attribut TYPE="submit" dan TYPE="reset". Lebih baik lagi jika digunakan bersama-sama.

& Database MySQL size="38"></td> </tr> </table> <p>Opini Anda Tetang Homepageku :<br> <input type="radio" value="V1" checked name="R1">Bagus Sekali<br> <input type="radio" name="R1" value="V2">Bagus<br> <input type="radio" name="R1" value="V3">Biasa Saja<br> <br> <br> <input type="submit" value="Kirim" name="B1"><input type="reset" value="Batal" name="B2"></p> </form> </body> </html> thank. PHP.htm <html> <head> <title>Ucapan Terima kasih</title> </head> <body> <br>Terima Kasih atas kunjungan Anda <br> Semoga pelayanan kami cukup memuaskan untuk anda !!! </body> </html> Lembaga Pendidikan – KHARISMA Computer 22 .Pemrograman Web HTML.

Sehingga dalam membuat dokumen PHP. dengan mempunyai fungsi untuk memudahkan para Programmer Web site untuk melakukan animasi atau manipulasi data pada web site yang telah dibuatnya. PHP. ModPerl. Seiring dengan perkembangan zaman yang memberikan nilai awal untuk perkembangan pemrograman web site yang menyebabkan banyak sekali bermunculan bahasa-bahasa scripting yang diantaranya adalah PHP. Konsep PHP Konsep PHP adalah suatu kosep bahasa yang sangat sederhana. Dan bahasa tersebut adalah PHP dan ASP. Sejarah PHP PHP ditemukan oleh seseorang programmer Sistem Oprasi UNIX beliau adalah Rasmus Lerdorf. cukup membuat sebuah HTML biasa. interpreter PHP dalam melakukan eksekusi kode-kode pemrograman PHP ini berjalan pada sisi server yang lazim disebut (server side). Java script. Untuk kejelasan dari penjelasan ini dapat dilihat pada gambar digram dibawah. Ddalam hal ini. ColdFusion. Ditengah kekosongan waktunya yang disebapkan oleh kerjanya sebagai seorang pengangguran yang menyempatkan dirinya untuk membuat script macro perl CGI dengan tujuan hanya untuk mengetahui siapa saja yang melihat resume tulisan pada homepage pribadinya. Hanya ditambahkan dengan beberapa kode-kode program yang diapit oleh tanda <? …?>. sehingga sangat berbeda sekali dengan pemrograman maya java yang melakukan eksekusi script pada sisi client side. dan lain sebagainya. Namun tak disangka. bahkan lebih sederhana dari CGI. Asp.Pemrograman Web HTML. Dintara bahasa-bahasa scripting tersebut terdapat dua bahasa yang sering digunakan oleh para pembuat web site karena kemudahan dan tingkat kesulitan untuk mempelajarinya yang lebih rendah. Akan tetapi dalam modul ini kita hanya akan membahas bahasa scripting dengan menggunakan PHP. Lembaga Pendidikan – KHARISMA Computer 23 . & Database MySQL Pemrograman Script Pemrograman Script Pemrograman script adalah salah satu bentuk pemrograman yang mempunyai basis dikhususkan pada WEB server. hal yersebut yang menyebabkan lahirnya suatu bahasa scripting yang sekarang dikenal dengan nama PHP. FastCGI.

Kode PHP ditaruh di sini ……. </script> Cara 2 : <?php …….Pemrograman Web HTML. ?> Cara 3 : <? …….php <html> <head> <title>Script Gaya Penulisn php Script</title> Lembaga Pendidikan – KHARISMA Computer 24 . Kode PHP ditaruh di sini …….. & Database MySQL Dokumen php Php Engine  Client Web server HTML Format Model Penulisan PHP Adapun cara atau bentuk untuk menyisipkan kode PHP pada dokumen HTML.. %> Untuk lebih jelasnya anda dapat mengetikkan script dibawah ini pada program aplikasi Notpat yang ada pada Sistem Oprasi Windows dan lakukan perekaman dengan menggunakan extensi .. ?> Cara 4 : <% ……. Kode PHP ditaruh di sini ……. Kode PHP ditaruh di sini ……... Cara 1 : <script language=”php”> …….. PHP...

agar dapat dibaca oleh browser sebagai script php. atau tanda ( _ ). %> </body> </hml> Rekam dengan nama file gaya. dengan catatan harus direkam pada directori C:\Apache\htdocs\. Diantaranya : o Karakter haruslah huruf. ada beberapa elemen PHP yang perlu diketahui terlebih dahulu. sebuah spasi. </script> HTML. 2.%>”). & Database MySQL <?php print(“Contoh penulisan gaya script dengan <?php…?>”). angka. Karakter Karakter dapat berupa sebuah huruf.Pemrograman Web </head> <body> <h1>Contoh penulisan kode script dengan bermacam-macam gaya</h1> <br> <script language=”php”> print(“Contoh penulisan gaya script yang sedikit berbeda”). o Panjang pengenal bisa berapa saja Lembaga Pendidikan – KHARISMA Computer 25 .. Ada beberapa aturan dalam memberikan pengenal ini.. angka tunggal.php. ?> <? print(“Contoh penulisan gaya script dengan <?…. fungsi atau kelas. Membuat Program yang Sederhana Sebelum anda membuat program yang sederhana. Pengenal Pengenal atau identifier dapat kita gunakan untuk memberikan nama variable. PHP. o Huruf Kapital dan Huruf Kecil dibedakan.?>”). yang diantaranya : 1. tanda kontrol atau pun sebuah symbol seperti tanda + dan ?. o Karakter pertama haruslah huruf atau tanda ( _ ). ?> <% print(“Contoh penulisan gaya script dengan <%….

4. <html> <head> <title>program php yang pertama</title> </head> <body> <? Print(“<center>”). ?> <hr> klik kirim dan lihat hasilnya pada <br> <from action =”ketua.php yaitu kedua. Print(“</center>”). ~ NAMA_TEMAN.php” methode=”post”> Nama : <input type=”text” name=”nama”> <input type=”submit” name=”submit” value=”kirim”> </form> </body> </html> kemudian buatlah skrip lagi dan beri nama sesuai dengan yang didefinisikan pada skrip pertama.php berikut ini skrip kedua. & Database MySQL 3.  Boolean  Null (untuk variable yang belum di set). Ganda).php <html> Lembaga Pendidikan – KHARISMA Computer 26 . Print (date (“ d F Y”)). Contoh : Untuk penulisan yang merupakan tanda pengenal yang sama tapi mempunyai sifat yang berbeda dintaranya : ~ nama_teman. Print(“sekarang adalah tanggal : ”).Pemrograman Web HTML. Type Data Type data dasar pada PHP antara lain :  Integer (Bilangan Bulat)  Bilangan Floating Point (Persisi Tunggal.  String  Array  Object  Resource Konstanta Konstanta menyatakan nilai yang tetap didalam program sebagai contoh pernyataan dibawah ini Print ( “ UKM WeAlDBaSe ”). PHP. ~ Nama_Teman.

?> Lembaga Pendidikan – KHARISMA Computer 27 . Print(“/h1>”).”selamat $nama<br>”).. // maupun /*. Print(date(“ d F Y”)). komentar dalam banyakbaris.peranan komentar sangat penting bagi programmer untuk menganalisis source code yang kompleks atau mengecek apabila terjadi kesalahan.yang baru akan selesai setelah diakhiri dengan*/ print “komentar banyak baris juga bisa <br>”. Print(“sekarang anda diharapkan paham mengenai manfaat php”). ?> </body> </html> kemudian rekam dengan nama kedua. & Database MySQL <head> <title>program php yang kedua</title> </head> <body> <? Print(“sekaranmg adalah tanggal : “).Pemrograman Web HTML. print (“begitu pula komentar model shell“). apa pun jenisnya pastilah selalu membutuhkan sebuah keterangan yang digunakan untuk mendefenisikan baris-baris program agar memudahkan untuk menganalisis source code yang panjang apabila terjadi kesalahan atau bug. print “<hr>”. Ada pun model contoh penulisan komentar dalam PHP sebagai berikut : // ini adalah komentar dalam satu baris /* kalau yang ini.php Menulis Komentar dalam listing program Dalam membuat sebuah program aplikasi. yang baru akan selesai setelah diakhiri dangan*/ <html> <body> <pre> kalau komentar bertanda #.*/ <br>ditampilkan berarti anda salah menempatkan komentar <? // ini adalah komentar dalam satu baris print (“komentar jenis satu berhasil “). # komentar model shell ?> <h3> ditambah lagi model <? # echo “baris”. PHP. /* kalau yang ini. Print(“<h1>”. Oleh karena itu. komentar dalam banyak baris.

Memproses File Dengan Php Adapun secara umum. $namavariable1 $namavariable2 yang harus diperhatikan dalam menamai variable sebagai berikut: 1.”mode”). buka file fungsi yang digunakan untuk membuka file yaitu dengan fungsi fopen. & Database MySQL Variable/peubah adalah bagaikan garam dan sayur dalam bahasa pemograman. Nama variable selalu didahului dengan tanda dollar($). penulisan variable bersifat khas. 2. proses/manipulasi file 3. agar dapat digunakan padaa bagian lain dari script progream php. Lembaga Pendidikan – KHARISMA Computer 28 . keterangan: argumen nama file adalah string yang menyatakan nama yang akan dibuka. huruf dan underscore serta kombinasi ketiganya. Keterangan Untuk membaca file Membaca dan menulis file.Nama variable dapat terdiri atas angka. Nama variable bersifat case sensitive sehingga besar kecilnya huruf membedakan variable 1 dengan variable yang lain.Pemrograman Web komentar didalam skrip juga jalan </h3> <hr bgcolor=”red” size=”5”> <h2> sehingga jenis komentar diatas. Nama variable selalu dituliskan dengan diawali tanda dolar($) yang langsung diikuti nama variable.seperti contoh dibawah ini.petunjuk file akan diletakan pada awal file. Dalam php. Stuktur pengambilan fungsi fopen sbb: syntax: fopen(“namafile”. adalah dengan langkahlangkah sbb: 1. dan kabar baiknya adalah php pun memiliki variable dapat dibayangkan sebagai sebuah tempat penyimpanan data bagi nilai numeris maupun non numeris. tutup file Mode akses file yang digunakan antara lain: Jenis mode r. se1muanya dapat digunakan didalam php </h2> </body> </html> Memahami Variabel HTML. 2. R+. untuk bekerja dengan file susunan yang dilaksanakan. PHP. variable dideklarasikan langsung ketika suatu niali diberikan kepada variable tersebut sehingga variable yang tidak ada nilainya tidak akan terdeklarasi. 3.

+. digunakan menyimpan data dengan mode baca. Keterangan Mode penambahan data dengan menciptakan file baru kalau belum ada. <html> <head> <TITLE>Contoh Guestbook</TITLE> </head> <body bgcolor="#999999" leftmargin="0" topmargin="30" marginwidth="0" marginheight="0"> <b><center>Silahkan isi <h3> BUKU TAMU </h3></center></b> <table width="100%" border="0" cellspacing="4" cellpadding="4"> <tr> <td height="50"></td> </tr> <tr> <td> <form action="simpan_buku_tamu. HTML. w. dapat membaca dan menulis data kedalam file dengan menghapus data yang sudah ada. Jenis mode A+.php" method="post"> <table width="498" border="0" cellspacing="4" cellpadding="4" align="center"> <tr> <td>Nama</td> Lembaga Pendidikan – KHARISMA Computer 29 . b. Berikut ini contoh script untuk Buku Tamu WEB Site dengan menggunakan perekaman via file Text. & Database MySQL Mode perekaman data dengan menciptakan file baru kallau belum ada. Mode perekaman data dengan menciptakan file baru kallau belum ada. digunakan menyimpan data dengan mode baca dan tulis. File binary dinyatakan untuk menyatakan file yang akan dibuka dalam bentuk biner. Mode penambahan data dengan menciptakan file baru kalau belum ada. PHP. Pentunjuk file diletakkan diakhir file.Pemrograman Web w. dapat menulis data kedalam file dengan menghapus data yang sudah ada. a. Pentunjuk file diletakkan diakhir file.

Pemrograman Web <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"> </td> <td> <input type="submit" value="Kirim" name="submit"> </td> </tr> </table> </form> </td> </tr> <tr> <td> <center> </table> <p>&nbsp. & Database MySQL 30 .</p> </body> </html> Lembaga Pendidikan – KHARISMA Computer HTML. PHP.

Pemrograman Web HTML.php Langkah selanjutnya adalah membuat scrip yang mempunyai fungsi untuk melakukan perekaman kedalam file text. & Database MySQL Rekam dengan menggunakan nama file : guestbook. $mday = $today[mday]. fputs($fp. $tahun = $today[year]. $bulan = $today[month]. PHP.dat"."<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 :</b> </td> <td> <a href=\"mailto:$email\">$email</a> Lembaga Pendidikan – KHARISMA Computer 31 . $tanggal = "$bulan $mday. $tahun". time() )."a"). $today = date( "ymd". dengan bentuk scrip dapat dilihat pada halaman berikut : Berikut adalah bentuk scrip untuk menyimpan file Buku tamu kedalam bentuk file Text : <html> <body> <head> <title>halaman penyimpanan data </title> </head> <body bgcolor="#999999"> <center> <h1> terima kasih</h1> <h2>anda telah mengisi buku tamu kami</h2> </center> <? $today = getdate(). $fp=fopen("entry.

$filesize).Pemrograman Web </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> $message </td> </tr> <tr> <td colspan=\"2\"> </td> </tr> </table>").php">lihat buku tamu</a> <br> <a href=".php HTML. & Database MySQL Langkah selanjutnya adalah bagaimana untuk melakukan pembacaan terhap file text yang telah disimpan./baca. $buffer = fread($file./guestbook."r"). Adapun script untuk melakukan pembacaan pada file text adalah sebagai berikut : <html> <body> <head> <title>halaman informasi data yang masuk </title> </head> <body bgcolor="#999999"> <center> <? $filesize = filesize("entry. PHP.php">ngisi buku tamu</a> </body> </html> Rekam dengan nama file : simpan_buku_tamu. $file = fopen("entry. Lembaga Pendidikan – KHARISMA Computer 32 . echo "$buffer". ?> <a href=".dat").dat".

Basis kurang lebih dapat diartikan sebagai markas/gudang. hewan.</p> <a href=". Database adalah himpunan file-file yang mempunyai kaitan antara satu file dengan file yang lain sehingga membentuk satu bangunan data untuk menginformasikan satu perusahaan. tempat bersarang/berkumpul.Pemrograman Web fclose($file). ?> </td> </tr> </tr> </table> <p>&nbsp. siswa. instansi dalam batasan tertentu. pelanggan). perkembagan teknik pengolahan data dari tahun ke tahun selalu mngalami perubahan itu dapat kita lihat pada perubahan yang antara lain dapat saya berikan contoh adalah sistem perekaman data dahulu sebelum sistem basis data di perkenalkan para programer komputer masih menggunakan sistem berkas dalam pengolahan datadatanya akan tetapi ini menyebabkan banyaknya data-data yang rangkap atau masih terjadi redundansi dalam pengolahan data. konsep. huruf. Menurut Kristanto. keadaan. atau kombinasinya.php HTML. sedangkan data adalah representasi fakta dunia nyata yang mewakili suatu objek seperti manusia (Pegawai. yaitu basis dan data. PHP. peristiwa. Database (basis data) terdiri atas 2 kata. bunyi.php">Ngisi buku tamu</a> </center> </body> </html> Rekam dengan nama file : baca. MySQL adalah salah satu bentuk Aplikasi yang berfungsi untuk mengolah database. Kita dapat dengan mudah mendapatkannnya dengan jalan melakukan Lembaga Pendidikan – KHARISMA Computer 33 . MySQL Aplikasi MySQL dapat kita dapatkan dengan mudah dan masih dalam bentuk free atau belum dipungut biaya untuk memiliki aplikasi ini./guestbook. dan sebagainya yang diartikan dalam bentuk angka. barang. simbol. & Database MySQL Koneksi Database MySQL dengan PHP Database adalah salah satu teknik dalam mengolah data-data. untuk teknik ini masih banyak programer yang menggunakan teknik ini dengan alasan keceptan akses data yang lebih cepat dibandingkan bentuk pengaksessan dengan teknik aplikasi database. bentuk pengolahan data yang lain yaitu melakukan perekaman dengan bentuk merekam data-data operasi aplikasi kebentuk file teks. jaringan tapi juga dapat mengolah database program aplikasi yang dibuat dengan model dekstop dengan kecepatan akses yang jauh lebih cepat dibandingkan dengan apalikasi pengolah database yang lain. aplikasi MySQL mempunyai berbagai macam kelebihan dibandingkan dengan aplikasi pengolah database yang lain. teks. gambar. pembeli. salah satu kelebihan dari MySQL diantara aplikasi yang lain adalah dapat mengolah database program aplikasi yang berbasis client-server.

pilih Typical.0-alpha-nt Type 'help' or 'h' for help. yaitu c:\mysql. Jalankan file winmysqladmin. mysql> _ Jika Anda sudah mendapatkan tampilan seperti itu.Pemrograman Web HTML. misalnya username saya dan password kamu.exe. pada baris Start Menu).yahoo. pembuatan tabel. terutama pada bagian connection id dan version): Welcome to the MySQL monitor. MySQL akan membentuk suatu file bernama my. masukkan yang gampang saja. Defaultnya adalah c:mysql.x ke atas kita tidak perlu repot lagi untuk melakukan setting untuk pengaturan nama user dan password lagi. & Database MySQL download pada website-website yang ada di internet. coba lihat di system tray (di kanan bawah. Untuk MySQL Versi 3. Dari Windows Explorer. Anda akan mendapatkan tampilan ala Windows (bukan seperti mysql. yaitu pilihan instalasi. silakan menuju tutorial berikutnya. jangan kecewa. karena itu akan kita lakukan pada saat kita melewati tahap-tahap instalasi MySQL. PHP. Pada layar selanjutnya. masuklah ke folder c:\mysql\bin. Commands end with . file-file MySQL akan diletakkan di folder yang sudah Anda tentukan.ini pada direktori utama Windows (C:\WINDOWS). jalankan file mysql. Type 'c' to clear buffer. dari folder c:\mysql\bin. web PhpMyAdmin. Jika tampilan WinMySQLAdmin menghilang tiba-tiba. Instalasi MySQL Setelah kita melakukan Download aplikasi MySQL maka kita cukup melakukan instalasi aplikasi tersebut dan untuk pembuatan database. or g. Masukkan username dan password Anda. akan dibahas selanjutnya).com. serta pengaturan pengunaan-penggunaan yang lain dapat kita lakukan dengan menggunakan aplikasi-aplikasi utilitas yang dapat kita juga temukan di internet dengan mudah yang diantaranya adalah MySQL Front.com atau www. Your MySQL Connection id is 64 to server version: 4. Akan muncul layar-layar berikutnya. Selanjutnya jalankan file setup. File ini adalah file konfigurasi MySQL untuk OS MS Windows.0. Klik kanan pada icon berbentuk lampu lalu lintas. sampai tiba pada tujuan instalasi. Program ini dijalankan pada mode DOS. Seharusnya akan muncul tulisan seperti berikut (mungkin hasil yang Anda dapatkan sedikit berbeda. Karena untuk latihan.exe. atau menggunakan folder lainnnya. Selanjutnya.google. karena saya pun beberapa kali tidak mendapatkan tampilan Lembaga Pendidikan – KHARISMA Computer 34 . File ini berbentuk file teks.exe. jadi bukan merupakan aplikasi Windows murni seperti WinMySQLAdmin. namun jangan diubah-ubah jika Anda tidak paham isinya. Anda dapat menggunakan folder default ini. dan pilih Show Me. Namun Jika ternyata Anda tidak mendapatkan tampilan seperti di atas itu. Jika sudah.exe yang berbasis teks. MySQL Query Maker. dengan jalan cukup melakukan pencarian menggunakan fasilitas web search engine (mesin pencari) seperti www. bagian bawah ini tidak perlu Anda lakukan lagi. dan lain-lain.

exe. termasuk PHP. my. Err File.ini Setup lagi. Warm dan lain sebagaianya maka kita cukup menjalankan aplikasi Internet Explorer dan ketikkan url : http://localhost/phpmyadmin/ dengan gambar sbb : Lembaga Pendidikan – KHARISMA Computer 35 . seharusnya pada bagian ini akan terlihat setting file my. Kalau Anda lihat. ini tidak akan merusak sistem kok). Server. adapun langkah-langkah yang dapat kita lakukan dengan menggunakan utilita PHPMyAdmin antara lain adalah : Setelah kita telah melakukan instalasi program web server atau aplikasi untuk menjalankan script php pada masin stand alone seperti PHPTriad.ini pada folder C:\WINDOWS. 2. Seharusnya setelah ini dilakukan. ada beberapa tab. dan pada kolom mysqld file. coba ke tab my. dan juga bisa dikenali oleh berbagai bahasa pemrograman. sepertinya tampilan yang terlihat di sini belum disimpan dalam file my. Start Check. Coba jalankan lagi mysql. Field yaitu sekumpulan character baik numeric maupun string yang mempunyai type dan ciri khas yang sama. Tapi sayangnya. Biasanya itu karena file my. klik pada tombol Pick-up and Edit my. Sedangkan tabel adalah pembagian modul-modul dari data yang telah kita rancang dan table terdiri dari beberapa item yang antara lain adalah : 1. Tidak masalah apakah Anda meng-install PHP sebelum maupun sesudah meng-install MySQL. Databases. dan Report. PHP. ubahlah sesuai dengan OS Anda (asal-asalan saja kalau Anda bingung. Pada tampilan WinMySQLAdmin. Kita akan utak-atik sedikit bagian ini. Mungkin agak berbeda jika versi yang Anda gunakan berbeda. Kemudian klik Save Modification. Abaikan tab lainnya. Variables. Untuk menyimpannya. Apache. yaitu: Environment. Jika belum. Record adalah sekumpulan character yang terdiri dari beberapa field. Nah.ini belum berhasil dibuat. Kembali ke WinMySQLAdmin.ini.ini Setup. dan masuklah ke tab my.ini values. di sini yang agak aneh. Harusnya sudah berhasil.Pemrograman Web HTML. Mebuat Database dan Table Dengan PHPMyAdmin Dalam merancang dan membuat database maka kita terlebih dahulu harus tau apa perbedaan antara database dengan tabel. Untuk membuat table maka terlebih dahulu kita harus membuat databasenya. & Database MySQL seperti itu ^_^.ini Setup. Process. Ikutilah seperti yang diuraikan di bawah ini. mysql akan bisa berjalan dengan baik. Database adalah induk dari seluruh tabel tabel yang nantinya akan kita gunakan untuk menyimpan data-data hasil pengolahan program aplikasi yang telah kita rancang.

Untuk contoh ketikan nama tabel bio_mahasiswa dengan jumlah field 5 Gambar sebagai berikut: Lembaga Pendidikan – KHARISMA Computer Click Di Sini untuk buat table yang telah di ketik namanya 36 . Setelah itu ketikkan nama Tabel dan jumlah field pada isian Create New table on database dan click tombol GO. & Database MySQL Untuk membuat sebuah database maka kita cukup mengetikkan nama database atau induk dari seluruh data pada isian Create new database dan setelah itu click tombol Created seperti pada gambar diatas. Setelah kita mengetikkan nama database dan click tombol Create maka data tersbut akan diproses sebagai contoh ketikkan nama database kharisma dan click tombol create jika table pada database masih kosong maka bentuk tampilan dapat dilihat pada Gambar sebagai berikut : Tanda “-“ menandakan Tabel pada Database masih kosong Tanda “+“ menandakan Tabel pada Database sudah ada Langkah selanjunya untuk membuat sebuah table maka terlebih dahulu kita harus pastikan apakah teleh memilih database yang akan digunakan.Pemrograman Web HTML. PHP.

PHP. Length/Values (Kapasistas Tampung Data). Type (Type Data). untuk Atribut selanjutnya bukanlah hal yang wajib diisi hanya saja harus disesuaikan dengan kebutuhan dari tabe yang akan dibuat. & Database MySQL Setelah click tombol GO maka tampilan dari web phpmyadmin akan berubah seperti pada tampilan gamabar dibawah ini : Daftar Type Untuk Filed yang dapat dibuat Gambar tersebut diatas terdiri dari 3 kolom utama yang wajib diisi dan sisanya adalah kolom tambahan sebagai pelengkap dari pembuatan tabel.Pemrograman Web HTML. 3 kolom yang wajib diisi antara lain Filed (Nama Field). Sebagai contoh dapat diisi dengan data sebagai berikut : Nama Field Nim Nama_Mahasiswa Tempat_Lahir Tgl_Lahir Alamat Telepon Type Varchar Varchar Varchar Date Varchar Varchar 40 17 Length 8 50 50 Lembaga Pendidikan – KHARISMA Computer 37 .

& Database MySQL 3 Kolom yang wajib diisi pada saat pembuatan tabel Click Tombol SAVE pada saat data-data daftar filed telah diisi sesuai dengan kebutuhan Lembaga Pendidikan – KHARISMA Computer 38 . PHP.Pemrograman Web HTML.

Lembaga Pendidikan – KHARISMA Computer 39 .Pemrograman Web HTML. PHP. & Database MySQL Perintah SQL jika pembuatan database akan dilakukan dengan metode pengetikan Syntax atau scripct Daftar Nama Field beserta atributnya yang telah dibuat/dihasilkan.

didalam dtabase belajar buatlah sebuah tabel dengan nama : bukutamu dengan jumlah filed 6 buah. dengan struktur tabel sebagai berikut : Nama Database : belajar Nama Tabel : bukutamu Nama Field Nama_Lengkap Alamat Telepon Alamat_email Homepage Pesan_Kesan Type Varchar Varchar Varchar Varchar Varchar Text Length 40 50 17 60 40 Contoh pembuatan dapat dilihat pada Gambar : Ketik nama database lalu click Create Lembaga Pendidikan – KHARISMA Computer 40 . Penghapusan Data. Pengeditan Data.Pemrograman Web HTML. dan Menampilkan Seluruh Data. Dalam hal ini contoh web aplikasi yang akan kita buat adalah web Guestbook dimana dalam aplikasi web tersebut akan terjadi operasi : Perekaman Data. PHP. Untuk Studi kasus yang akan dibuat maka buatlah sebuah database dengan nama database : belajar. & Database MySQL Koneksi Database Dengan MySQL Setelah kita mempelajari bagaimana membuat database dan tabel pada MySQL maka hal yang terpenting untuk kita ketahui lagi adalah bagaimana membuat koneksi antara antara MySQL dengan script php yang telah kita buat atau kita hasilkan.

& Database MySQL Berikut bentuk Tampilan Hasil pembuatan Tabel bukutamu Ketik nama table dan jumlah field dan click GO Setelah mengetikkan nama field beserta Type dan attribute yang lainnya maka Click tombol Save untuk membuat tabel Lembaga Pendidikan – KHARISMA Computer 41 .Pemrograman Web HTML. PHP.

Pemrograman Web HTML. & Database MySQL Lembaga Pendidikan – KHARISMA Computer 42 . PHP.

?> Rekam dengan nama file : config. $password) OR DIE( "Tidak Bisa Terhubung Ke Server"). $password = "". PHP.Pemrograman Web HTML. $username. $username = "root". Arial. Helvetica. Arial. Berikut adalah contoh script : <? $hostname = "localhost". <form name="form1" method="post" action="tampil_buku_tamu. Helvetica. Arial. @MYSQL_CONNECT($hostname. sansserif">Nama</font></strong></td> <td width="1%">:</td> <td width="75%"><input name="nama" type="text" id="nama" size="20" maxlength="20"></td> </tr> <tr> <td><strong><font size="2" face="Verdana. sansserif">Alamat</font></strong></td> <td>:</td> <td><input name="alamat" type="text" id="alamat" size="40" maxlength="40"></td> </tr> <tr> Lembaga Pendidikan – KHARISMA Computer 43 . sans-serif"><strong>BUKU TAMU </strong></font></div></td> </tr> <tr> <td width="24%"><strong><font size="2" face="Verdana. $dbName = "belajar". mysql_select_db("$dbName") or die( "Tidak Bisa Terhubung Ke Database"). Helvetica.php"> Nama file yang akan menjadi <table width="100%" border="1" cellspacing="1" cellpadding="1"> lokasi target script untuk <tr> menyimpan ke database <td colspan="3" bgcolor="#00CC66"><div align="center"><font size="4" face="Verdana. & Database MySQL Script Web Membuat Script Web Untuk Merekam Ke Database Setelah database dan tabel dibuat maka langkah selanjutnya yang akan dibuat adalah membuat Script php yang diantaranya adalah Script untuk untuk mengkoneksikan antara web dengan database MySQL yang telah dibuat sebelumnya.php Setelah kita membuat script untuk melakukan koneksi antara MySQL dengan web yang akan kita buat maka langkah selanjutnya script yang akan kita buat adalah script untuk menerima inputan serta perekaman ke database.

Helvetica. Arial. sansserif">Homepage</font></strong></td> <td>&nbsp. sans-serif">Alamat Email </font></strong></td> <td>&nbsp. Arial.</td> <td><input name="alamat_email" type="text" id="alamat_email" size="60" maxlength="60"></td> </tr> <tr> <td valign="top"><strong><font size="2" face="Verdana. PHP. & Database MySQL <td height="24"><strong><font size="2" face="Verdana. sans-serif">Pesan dan kesan</font></strong></td> <td>:</td> <td><textarea name="pesan" id="pesan"></textarea></td> </tr> <tr> <td colspan="3"><div align="center"> <input type="submit" name="Submit" value="Submit"> <input type="reset" name="Submit2" value="Reset"> </div></td> </tr> </table> </form> Simpan dengan Nama file : buku_tamu. Helvetica.php Lembaga Pendidikan – KHARISMA Computer 44 . sansserif">Telepon</font></strong></td> <td>:</td> <td><input name="telepon" type="text" id="telepon" size="17" maxlength="17"></td> </tr> <tr> <td valign="top"><strong><font size="2" face="Verdana. Arial. Helvetica. Helvetica.Pemrograman Web HTML. Arial.</td> <td><input name="homepage" type="text" id="homepage" size="40" maxlength="40"></td> </tr> <tr> <td valign="top"><strong><font size="2" face="Verdana.

?> <p align="right"><font size="1" face="Verdana. Adapun scriptnya dapat dilihat pada contoh di bawah ini. & Database MySQL Lay Out Buku Tamu Click Tombol Submit untuk melakukan penyimpanan.php">Input Data Baru</a></strong></font></p> <table width="100%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td colspan="8" bgcolor="#CCCCCC" height="30"><div align="center"><font color="#000000" size="3" face="Verdana.php").php").Pemrograman Web HTML. <? include ("config. sans-serif"><strong><a href="buku_tamu. $perintah="select * from bukutamu". Helvetica. Helvetica. PHP. $hasil=mysql_query($perintah). include("simpan_buku_tamu. sans-serif"><strong>DAFTAR DATA TAMU</strong></font></div></td> </tr> Lembaga Pendidikan – KHARISMA Computer 45 . Tampilan untuk desain buku tamu sesuai dengan scrip diatas dapat kita liat pada Gambar diatas. Arial. Untuk selanjutnya harus dibuat satu script untuk melakukan penyimpanan data ke database MySQL. Arial.

Arial. sansserif"><strong><a href="#">Hapus</a></strong></font></div></td> </tr> <? } ?> Lembaga Pendidikan – KHARISMA Computer 46 . Helvetica. sansArial. Arial. Arial. Arial.<? echo $data['homepage'].php?nama_edit=<? echo $data['nama_lengkap'].<? echo $data['telepon']. Helvetica. Arial. sansArial.<? echo $data['alamat_email']. sans- while($data=mysql_fetch_array($hasil)) { ?> <tr> <td height="30"><font size="1" face="Verdana. serif">Alamat Email </font></strong></div></td> <td width="16%"><div align="center"><strong><font size="2" face="Verdana. ?></font></td> <td width="8%"><div align="center"><font size="1" face="Verdana. serif">Proses&nbsp. sansserif"><strong><a href="edit_buku_tamu. ?></font></td> <td><font size="1" face="Verdana. sans-serif">&nbsp. Helvetica. sans-serif">&nbsp. ?></font></td> <td><font size="1" face="Verdana. Helvetica. ?></font></td> <td><font size="1" face="Verdana. Helvetica. Helvetica. ?> ">Edit</a></strong></font></div></td> <td width="8%"><div align="center"><font size="1" face="Verdana. & Database MySQL <tr bgcolor="#00CC33"> <td width="19%" height="31"> <div align="center"><strong><font size="2" Helvetica. Helvetica. Arial.<? echo $data['alamat']. sans-serif">&nbsp. Arial. serif">Alamat</font></strong></div></td> <td width="14%"><div align="center"><strong><font size="2" face="Verdana.<? echo $data['nama_lengkap']. Arial. Helvetica. Arial. sans-serif">&nbsp. ?></font></td> <td><font size="1" face="Verdana. PHP.Pemrograman Web HTML. serif">Telepon</font></strong></div></td> <td width="17%"><div align="center"><strong><font size="2" face="Verdana. sansArial. sansArial. </font></strong></div></td> </tr> <? face="Verdana. Helvetica. sans-serif">Nama Lengkap </font></strong></div></td> <td width="18%"><div align="center"><strong><font size="2" face="Verdana. sans-serif">&nbsp. Helvetica. serif">Home Page</font></strong></div></td> <td colspan="2"> <div align="center"><strong><font size="2" face="Verdana. Helvetica. Helvetica.

PHP. </font></div></td> </tr> </table> <div align="center"></div> <p>&nbsp.</p> Simpan dengan nama file : tampil_buku_tamu. & Database MySQL <tr> <td colspan="8" height="30" bgcolor="#CCCCCC"><div align="center"><font size="2" face="Verdana.Pemrograman Web HTML. sans-serif">&nbsp. Arial. Helvetica.php Lay Out Tampil Buku Tamu Lembaga Pendidikan – KHARISMA Computer 47 .

?>"></td> </tr> <tr> <td valign="top"><strong><font size="2" face="Verdana. sans-serif"><strong>BUKU TAMU </strong></font></div></td> </tr> <tr> <td width="24%"><strong><font size="2" face="Verdana. $nama_edit=$_GET['nama_edit']. Helvetica.php"> <table width="100%" border="1" cellspacing="1" cellpadding="1"> <tr> <td colspan="3" bgcolor="#00CC66"><div align="center"><font size="4" face="Verdana. Arial. $hasil=mysql_query($perintah).php"). ?> <form name="form1" method="post" action="tampil_buku_tamu. $data=mysql_fetch_array($hasil).Pemrograman Web HTML. Helvetica. PHP. & Database MySQL Selanjutnya adalah bagaimana teknik membuat script yang berfungsi untuk melakukan pengeditan pada web. Arial. Helvetica. sans-serif">Alamat</font></strong></td> <td>:</td> <td><input name="alamat" type="text" id="alamat" size="40" maxlength="40" value="<? echo $data['alamat']. $perintah="select * from bukutamu where nama_lengkap='". Arial. ?>"></td> </tr> <tr> <td><strong><font size="2" face="Verdana. Helvetica. sans-serif">Alamat Email </font></strong></td> <td>:</td> Lembaga Pendidikan – KHARISMA Computer 48 . Helvetica. ?>"></td> </tr> <tr> <td height="24"><strong><font size="2" face="Verdana.$nama_edit. sansserif">Telepon</font></strong></td> <td>:</td> <td><input name="telepon" type="text" id="telepon" size="17" maxlength="17" value="<? echo $data['telepon']. untuk kategori tersebut maka kita harus membuat dua buah script dengan contoh sebagai berikut : <? include ("config. Arial. Arial. sansserif">Nama</font></strong></td> <td width="1%">:</td> <td width="75%"><input name="nama" type="text" id="nama" size="20" maxlength="20" value="<? echo $data['nama_lengkap']."'".

?>"></td> </tr> <tr> <td valign="top"><strong><font size="2" face="Verdana. Arial.php Lembaga Pendidikan – KHARISMA Computer 49 . ?> </textarea></td> </tr> <tr> <td colspan="3"><div align="center"> <input type="submit" name="Submit" value="Submit"> <input type="reset" name="Submit2" value="Reset"> </div></td> </tr> </table> </form> Simpan dengan nama file : edit_buku_tamu. & Database MySQL <td><input name="alamat_email" type="text" id="alamat_email" size="60" maxlength="60" value="<? echo $data['alamat_email']. sansserif">Homepage</font></strong></td> <td>:</td> <td><input name="homepage" type="text" id="homepage" size="40" maxlength="40" value="<? echo $data['homepage']. Arial.Pemrograman Web HTML. sans-serif">Pesan dan kesan</font></strong></td> <td>:</td> <td><textarea name="pesan" id="pesan"> <? echo $data['pesan_kesan']. Helvetica. PHP. ?>"></td> </tr> <tr> <td valign="top"><strong><font size="2" face="Verdana. Helvetica.

Pemrograman Web HTML.HA Lembaga Pendidikan – KHARISMA Computer 50 . PHP. & Database MySQL Lay Out Tampil Buku Tamu © KC .

PHP Dan Database MySQL Pusat Pendidikan Komputer Jl.Pemrograman Web HTML. 0411-870098 – Makassar 90121 Lembaga Pendidikan – KHARISMA Computer 51 . Kakatua No. 18 Telp. 0411-870104. PHP. & Database MySQL PEMROGRAMAN WEB HTML. 870105 Fax.

sans-serif"><strong>BUKU TAMU </strong></font></div></td> </tr> <tr> <td width="24%"><strong><font size="2" face="Verdana. sans-serif">Nama</font></strong></td> <td width="1%">:</td> <td width="75%"><input name="nama" type="text" id="nama" size="20" maxlength="20"></td> Lembaga Pendidikan – KHARISMA Computer 2 . Berikut adalah contoh script : <? $hostname = "localhost". $password) OR DIE( "Tidak Bisa Terhubung Ke Server"). <form name="form1" method="post" Nama file yang akan menjadi lokasi target script untuk men action="tampil_buku_tamu. Helvetica.Pemrograman Web HTML. ?> Rekam dengan nama file : config. & Database MySQL Script Web Membuat Script Web Untuk Merekam Ke Database Setelah database dan tabel dibuat maka langkah selanjutnya yang akan dibuat adalah membuat Script php yang diantaranya adalah Script untuk untuk mengkoneksikan antara web dengan database MySQL yang telah dibuat sebelumnya. PHP.php Setelah kita membuat script untuk melakukan koneksi antara MySQL dengan web yang akan kita buat maka langkah selanjutnya script yang akan kita buat adalah script untuk menerima inputan serta perekaman ke database. mysql_select_db("$dbName") or die( "Tidak Bisa Terhubung Ke Database"). $username. Arial. @MYSQL_CONNECT($hostname. $username = "root". Helvetica.php"> <table width="100%" border="1" cellspacing="1" cellpadding="1"> <tr> <td colspan="3" bgcolor="#00CC66"><div align="center"><font size="4" face="Verdana. Arial. $dbName = "belajar". $password = "".

Helvetica. PHP. sans-serif">Alamat Email </font></strong></td> <td>&nbsp. Helvetica. Helvetica. Arial. Arial. Arial. sans-serif">Telepon</font></strong></td> <td>:</td> <td><input name="telepon" type="text" id="telepon" size="17" maxlength="17"></td> </tr> <tr> <td valign="top"><strong><font size="2" face="Verdana.Pemrograman Web HTML. sans-serif">Pesan dan kesan</font></strong></td> <td>:</td> <td><textarea name="pesan" id="pesan"></textarea></td> </tr> <tr> <td colspan="3"><div align="center"> <input type="submit" name="Submit" value="Submit"> <input type="reset" name="Submit2" value="Reset"> </div></td> Lembaga Pendidikan – KHARISMA Computer 2 . sansserif">Alamat</font></strong></td> <td>:</td> <td><input name="alamat" type="text" id="alamat" size="40" maxlength="40"></td> </tr> <tr> <td height="24"><strong><font size="2" face="Verdana. Arial.</td> <td><input name="alamat_email" type="text" id="alamat_email" size="60" maxlength="60"></td> </tr> <tr> <td valign="top"><strong><font size="2" face="Verdana. sans-serif">Homepage</font></strong></td> <td>&nbsp. Helvetica. Arial. & Database MySQL </tr> <tr> <td><strong><font size="2" face="Verdana. Helvetica.</td> <td><input name="homepage" type="text" id="homepage" size="40" maxlength="40"></td> </tr> <tr> <td valign="top"><strong><font size="2" face="Verdana.

Pemrograman Web </tr> </table> HTML.php Lembaga Pendidikan – KHARISMA Computer 1 . & Database MySQL </form> Simpan dengan Nama file : buku_tamu. PHP.

php").Pemrograman Web HTML. ?> <p align="right"><font size="1" face="Verdana.php"). include("simpan_buku_tamu. PHP. $hasil=mysql_query($perintah). Untuk selanjutnya harus dibuat satu script untuk melakukan penyimpanan data ke database MySQL. Adapun scriptnya dapat dilihat pada contoh di bawah ini. & Database MySQL Tombol Submit untuk melakukan penyimpanan. $perintah="select * from bukutamu". Helvetica. <? include ("config. Arial.php">Input Data Baru</a></strong></font></p> <table width="100%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> Lembaga Pendidikan – KHARISMA Computer 1 . sansserif"><strong><a href="buku_tamu. Lay Out Buku Tamu Tampilan untuk desain buku tamu sesuai dengan scrip diatas dapat kita liat pada Gambar diatas.

Arial. sans-serif">Proses&nbsp. Arial. & Database MySQL <td colspan="8" bgcolor="#CCCCCC" height="30"><div align="center"><font color="#000000" size="3" face="Verdana. Helvetica. </font></strong></div></td> </tr> <? while($data=mysql_fetch_array($hasil)) { ?> <tr> <td height="30"><font size="1" face="Verdana.<? echo $data['alamat_email']. Helvetica. Helvetica. sans-serif">&nbsp. sansserif">Alamat</font></strong></div></td> <td width="14%"><div align="center"><strong><font size="2" face="Verdana. sans-serif"><strong>DAFTAR DATA TAMU</strong></font></div></td> </tr> <tr bgcolor="#00CC33"> <td width="19%" height="31"> <div align="center"><strong><font size="2" face="Verdana. ?></font></td> <td><font size="1" face="Verdana. ?></font></td> <td><font size="1" face="Verdana. Helvetica. ?></font></td> Lembaga Pendidikan – KHARISMA Computer 2 . sansserif">&nbsp. Arial. sansserif">Telepon</font></strong></div></td> <td width="17%"><div align="center"><strong><font size="2" face="Verdana. Arial. Helvetica. Arial. Helvetica.<? echo $data['alamat']. Helvetica. sansserif">&nbsp. Arial.Pemrograman Web HTML. Arial. sansserif">&nbsp.<? echo $data['nama_lengkap']. Helvetica. Arial. Arial. sans-serif">Nama Lengkap </font></strong></div></td> <td width="18%"><div align="center"><strong><font size="2" face="Verdana. Helvetica. sans-serif">Home Page</font></strong></div></td> <td colspan="2"> <div align="center"><strong><font size="2" face="Verdana.<? echo $data['homepage']. Helvetica. Arial. ?></font></td> <td><font size="1" face="Verdana. Helvetica. PHP. ?></font></td> <td><font size="1" face="Verdana. sansserif">&nbsp. sans-serif">Alamat Email </font></strong></div></td> <td width="16%"><div align="center"><strong><font size="2" face="Verdana.<? echo $data['telepon']. Arial. Arial. Helvetica.

& Database MySQL <td width="8%"><div align="center"><font size="1" face="Verdana. Arial. PHP. Arial. sansserif">&nbsp. sans-serif"><strong><a href="#">Hapus</a></strong></font></div></td> </tr> <? } ?> <tr> <td colspan="8" height="30" bgcolor="#CCCCCC"><div align="center"><font size="2" face="Verdana. </font></div></td> </tr> </table> <div align="center"></div> <p>&nbsp. Helvetica. Arial. ?> ">Edit</a></strong></font></div></td> <td width="8%"><div align="center"><font size="1" face="Verdana. Helvetica.</p> Simpan dengan nama file : tampil_buku_tamu. sans-serif"><strong><a href="edit_buku_tamu.Pemrograman Web HTML.php Lay Out Tampil Buku Tamu Lembaga Pendidikan – KHARISMA Computer 2 . Helvetica.php? nama_edit=<? echo $data['nama_lengkap'].

Helvetica.$nama_edit.php"> <table width="100%" border="1" cellspacing="1" cellpadding="1"> <tr> <td colspan="3" bgcolor="#00CC66"><div align="center"><font size="4" face="Verdana. PHP.Pemrograman Web HTML. sans-serif"><strong>BUKU TAMU </strong></font></div></td> </tr> <tr> <td width="24%"><strong><font size="2" face="Verdana.php"). $perintah="select * from nama_lengkap='". $data=mysql_fetch_array($hasil). Arial. $nama_edit=$_GET['nama_edit']. Helvetica."'". & Database MySQL Selanjutnya adalah bagaimana teknik membuat script yang berfungsi untuk melakukan pengeditan pada web. ?> <form name="form1" method="post" action="tampil_buku_tamu. sans-serif">Nama</font></strong></td> <td width="1%">:</td> <td width="75%"><input name="nama" type="text" id="nama" size="20" maxlength="20" value="<? echo $data['nama_lengkap']. Arial. $hasil=mysql_query($perintah). untuk kategori tersebut maka kita harus membuat dua buah script dengan contoh sebagai berikut : <? include ("config. ? >"></td> </tr> Lembaga Pendidikan – KHARISMA Computer 3 bukutamu where .

Arial. Arial. sans-serif">Homepage</font></strong></td> <td>:</td> <td><input name="homepage" type="text" id="homepage" size="40" maxlength="40" value="<? echo $data['homepage']. ?>"></td> </tr> <tr> <td valign="top"><strong><font size="2" face="Verdana. sans-serif">Pesan dan kesan</font></strong></td> <td>:</td> <td><textarea name="pesan" id="pesan"> <? echo $data['pesan_kesan']. PHP. sansserif">Alamat</font></strong></td> <td>:</td> <td><input name="alamat" type="text" id="alamat" size="40" maxlength="40" value="<? echo $data['alamat']. Helvetica. ?> </textarea></td> </tr> <tr> <td colspan="3"><div align="center"> Lembaga Pendidikan – KHARISMA Computer 3 . Arial. ? >"></td> </tr> <tr> <td valign="top"><strong><font size="2" face="Verdana. Arial. Helvetica.Pemrograman Web HTML. ? >"></td> </tr> <tr> <td valign="top"><strong><font size="2" face="Verdana. sans-serif">Telepon</font></strong></td> <td>:</td> <td><input name="telepon" type="text" id="telepon" size="17" maxlength="17" value="<? echo $data['telepon']. Helvetica. Arial. Helvetica. Helvetica. sans-serif">Alamat Email </font></strong></td> <td>:</td> <td><input name="alamat_email" type="text" id="alamat_email" size="60" maxlength="60" value="<? echo $data['alamat_email']. ?>"></td> </tr> <tr> <td height="24"><strong><font size="2" face="Verdana. & Database MySQL <tr> <td><strong><font size="2" face="Verdana.

php Lembaga Pendidikan – KHARISMA Computer 1 . PHP.Pemrograman Web HTML. & Database MySQL <input type="submit" name="Submit" value="Submit"> <input type="reset" name="Submit2" value="Reset"> </div></td> </tr> </table> </form> Simpan dengan nama file : edit_buku_tamu.

Pemrograman Web HTML. & Database MySQL Lay Out Tampil Buku Tamu © KC .HA Lembaga Pendidikan – KHARISMA Computer 1 . PHP.

Pemrograman Web HTML. 870105 Fax. 0411-870104. & Database MySQL PEMROGRAMAN WEB HTML. 18 Telp. Kakatua No. PHP Dan Database MySQL Pusat Pendidikan Komputer Jl. 0411-870098 – Makassar 90121 Lembaga Pendidikan – KHARISMA Computer 1 . PHP.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->