PHP programing Insert, Delete
Ope n Com m u n it y t o St u dy
h t t p:/ / w w w .be la j a r - gr a t is.com
BELAJAR PHP
Ole h : Abdu l H a n a n
PANDUAN IT belajar-gratis.com
Belajar PHP
Oleh : Abdul Hanan
Semua hak cipta dari nama, logo, serta produk yang disebut dalam dokumen ini adalah
milik masing-masing pemegang haknya, kecuali disebutkan lain.
belajar-gratis.com Document License :
copyright © 2004-2006 belajar-gratis.com
Dokumen ini diperkenankan untuk digunakan, disalin dan diperbanyak sebagian atau
keseluruhan dengan ketentuan-ketentuan sebagai berikut :
•
•
•
•
•
Dimaksudkan untuk kepentingan dan dimanfaatkan oleh umum dengan tujuan bukan
komersil (nonprofit)
Hak cipta dari isi dokumen tetap milik penulis, bukan “public domain atau di luar
lindungan hak cipta.”
Menyertakan pernyataan hak cipta dan seluruh persyaratan yang ada didokumen ini.
Tidak diperkenankan menambah, mengurangi atau menghapus lisensi dokumen ini.
Tidak diperkenankan untuk menambahkan restriksi baik secara teknis maupun legal
sehingga Dokumentasi tidak dapat disalin dan diperbanyak secara bebas
Diperkenankan untuk melakukan modifikasi atau perubahan kemudian menyebarkan
kembali dengan persyaratan sebagai berikut :
•
•
•
Mempertahankan seluruh pernyataan hak cipta yang terdapat dalam Dokumen.
Setiap perubahan atau translasi dan turunannya terhadap dokumen ini harus
memperoleh persetujuan tertulis dari penulis dan pihak belajar-gratis.com sebelum
didistribusikan.
Membuat pernyataan hak cipta mengenai perubahan-perubahan yang telah dilakukan.
Menjalan Aplikasi Web PHP dengan
PHPTriad
PHPTriad m erupakan salah sat u paket yang digunakan unt uk m enj alankan PHP.
PHPTriad t erdiri dari beberapa t ool yang digunakan agar aplikasi program web yang
dibuat dengan PHP bisa berj alan, PHPTriad t erdiri dari :
1.
2.
3.
4.
Web Server Apache
Modul PHP
Dat abase Server MySQL
PHPMyAdm in.
M e n ginst a l PH PTr ia d
1. Jalankan I nst aller PHPTriad. Pert am a kalinya anda akan dihadapkan pada
“ License Agrem ent ” , klik “ I Agree” .
Ga m ba r 1 ( M e nginst a l PH PTr ia d)
2. Set elah it u sem ua proses inst alasi berj alan secara ot om at is, t unggu sam pai
inst aller PHPTriad m enyelesaikan proses inst alasi.
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 2 ( M e nginst a l PH PTr ia d)
3. Click Close j ika proses inst alasi berakhir.
M e n j a la n k a n PH PTr ia d
Set elah inst alasi selesai, aplikasi web PHP belum bisa j alan j ika apache dan
dat abase server MySQL m asih belum dij alankan. Lakukan langkah dibaw ah ini :
1. Jalankan Apache dengan m em ilih m enu “ St art | All Program s | PHPTriad |
Apache Console | St art Apache” di Window s XP, at au pilih “ St art | Program s
PHPTriad | Apache Console | St art Apache” unt uk Windows 98/ 2000.
Ga m ba r 3 ( M e m u la i Ph pTr ia d)
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
2. Jalankan j uga MySQL, pilih m enu “ St art | All Program s | PHPTriad | MySQL- DNT” di Windows XP, at au pilih “ St art | Program s | | PHPTriad | MySQL- D- NT”
unt uk Windows 2000, at au “ St art | Program s | | PHPTriad | MySQL- D” unt uk
Window s 98.
3. Jalankan Browser ( sepert i I nt ernet Explorer) . Dan m asukkan alam at URL
ht t p: / / localhost .
Ga m ba r 4 ( Te st di I nt e r n e t Ex plor e r )
M e n yim pa n W e b Pa ge
Unt uk PHPTriad, sem ua file harus disim pan di “ C: \ apache\ ht docs” agar bisa
diakses oleh bowser lewat web server. Misalkan file yang dibuat adalah
“ cont oh.php” m aka sim pan file t ersebut di “ C: \ apache\ ht docs” . Ket ika
m engakses lewat browser m aka alam at URLnya adalah :
ht t p: / / localhost / cont oh.php.
M e n coba Scr ipt PH P
Unt uk percobaan awal, akan dibuat script yang m em unculkan inform asi PHP.
Jalankan not epad dan ket ik kode berikut :
< ?php
phpinfo( ) ;
?>
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Sim pan file t ersebut di “ C: \ apache\ ht docs” dengan nam a t est .php dan j alankan
di browser dengan nam a ht t p: / / localhost / t est .php.
Ga m ba r 5 ( Te st Scr ipt PH P)
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Web Editor
Macromedia DreamWeaver
M a cr om e dia D r e a m w e a ve r adalah salah sat u web edit or yang paling banyak
digunakan baik oleh web desainer m aupun web program m er. Deam weaver sangat
m udah digunakan ukt uk web designer m elakukan pekerj aannya m endesign
halam an w eb. Begit u j uga unt uk para web program m er, m acrom edia dream weaver
m endukung berbagai m acam j enis bahasa pem program an web sepert i ASP,
ASP .NET, JSP, PHP, dan lain sebagainya. Dengan begit u baik para program m er
m aupun desainer sangat t erbant u dengan kehadiran Dream Weaver sebagai web
edit or.
Tampilan Dreamweaver
Tam pilan Dream weaver sangat user friendly ( bersahabat ) , m em punyai navigasi
yang m em udahkan siapapun m enggunakannya. Berikut adalah t am pilannya :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 6 ( Ta m pila n D r e a m w e a ve r )
M e m bu a t t a ble
Pada panduan pert am a, akan diperlihat kan bagaim ana m em buat sebuah t abel
dengan m udah dan cepat t anpa perlu m enget ahui script - script ht m l. Perhat ikan
langkah- langkah di bawah ini :
1. Buat dokum en baru dengan m em ilih m enu “ File | New ..” , pilih kat egori “ Basic
Page” pada sebelah kanannya pilih “ HTML” unt uk m em buat halam an HTML baru
2. Pada Toolbar, past ikan “ Show Design View ” yang t erpilih dan pada t it le
m asukkan “ Cont oh Tabel”
3. Pilih m enu “ Modify | Page Propert ies” , perhat ikan set t ingan dibawah ini :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 7 ( Pa ge Pr ope r t ie s)
4. Pilih
( icon creat e t able) . At ur kot ak I nsert t abel m enj adi sebagai berikut :
Ga m ba r 8 ( I n se r t Ta ble )
I kut i set t ing dibawah ini :
Rows : 3
Colum ns : 3
Widt h : 50 Percent
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Border : 1
Cell Padding : 0
Cell Spacing : 0
Klik “ OK” j ika sudah selesai
5. Pada “ Docum ent Window” akan dim unculkan sebuah t abel dengan 3 baris dan
t iga kolom :
yang ada pada
6. At ur at ribut - at ribut t abel sesuai dengan kebut uhan, Klik
bagian Bg Color dan pilih warna yang diinginkan m isalkan put ih :
at au langsung m asukkan nilai “ # FFFFFF”
Dan at ur j uga “ Brdr Color” isikan dengan warna hit am , at au m asukkan nilai
“ # 000000” .
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
M e m bu a t N a viga si
Pada panduan selanj ut nya kit a akan m em buat sebuah navigasi sederhana yang
m erupakan hasil pengem bangan dari pem buat an t abel. I kut i langkah- langkah
dibawah ini.
1. Pilih m enu “ File | New” . Pada kot ak “ New Docum ent ” pilih “ Dynam ic Page” dan
pilih “ PHP” pada pilihan sebelah kanannya.
Ga m ba r 9 ( N e w D ocu m e n t )
2. At ur “ Page Propert ies” - nya, pilih m enu “ Modify | Page Propert ies” . Past ikan
isinya sepert i gam bar dibawah ini :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 1 0 ( Pa ge Pr ope r t ie s)
3. Langkah berikut nya adalah m em buat t abel baru, klik short cut
gam bar dibawah ini :
, at ur sepert i
Ga m ba r 1 1 ( I n se r t Ta ble )
4. At ur At ribut nya pada bagian page propert ies, rubah a lign ke “ cent er” , dan at ur
bg color - nya dengan warna “ # FFFFFF” .
unt uk m em buat t abel baru di dalam
5. Arahkan Kursor ke dalam t able dan klik
t abel yang sudah dibuat . At ur box “ I nsert Table” m enj adi :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 1 2 ( I n se r t Ta ble )
6. Sekarang m asukkan gam bar sebagai heading page. Arahkan Kursor pada kolom
, pilih gam bar yang t elah t ersedia dikom put er, m isalkan
pert am a, dan klik
“ heading.j pg” , klik “ OK”
Ga m ba r 1 3 ( I n se r t I m a ge )
7. Arahkan point er pada baris ke t iga dan at ur beberapa set t ing berikut :
Horz : “ Cent er”
Bg Color : “ # 0066CC”
At ur
.
8. Masukkan kat a- kat a sepert i di bawah ini :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 1 4 ( Ta m pila n N a viga si)
9. Unt uk Sem ent ara w akt u biarkan web page yang dibuat sepert i it u, bagian
t engah akan di isi guest book nant inya. Sim pan m enj adi file guest .php pada
folder “ C: \ apache\ ht docs”
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Dasar-Dasar HTML
Pengertian HTML
HTML m erupakan singkat an dari Hypert ext Markup Language yait u suat u bahasa
yang digunakan unt uk m em buat halam an web. Ciri ut am a yang m enandakan
bahasa HTML adalah t a g dan e le m e n.
Elemen
Dalam HTML, elem en dikat egorikan m enj adi dua yait u :
-
H EAD : yang berfungsi m em berikan inform asi t ent ang suat u dokum en HTML,
sepert i j udul web page, descripsi sit us, keyword dan lain sebagainya.
-
BOD Y : elem en yang digunakan unt uk m enent ukan isi yang akan dit am pilkan
oleh brow ser sepert i paragrap, list , t abel, dan lain sebagainya
Tag
Dalam HTML t ag dinyat akan dengan t anda " < " dan diakhiri dengan " > " . Sebagian
besar kode HTML t erdapat diant ara t ag kont ainer, art inya selalu ada t ag pem buka
m isalkan < nam at ag> dan ada t ag penut up m isalkan < / nam at ag> . Tet api ada
sebagian t ag HTML yang t idak m enggunakan t ag penut up m isalkan t ag < br> .
Cont oh t ag kont ainer :
Contoh tag kontainer
Cont oh t ag t anpa penut up
< im age src= " gam barku.gif" >
< br>
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ada t iga t ag ut am a dalam HTML yait u :
1. t ag < HTML> : berfungsi m enyat akan dokum en HTML
2. t ag < HEAD> : berfungsi m em berikan inform asi t ent ang dokum en HTML
3. t ag < BODY> : berfungsi m em berikan inform asi dat a yang akan dit am pilkan
secara um um penulisan HTML adalah sebagai berikut :
.....
.....
....
......
......
......
Atribut
Set iap t ag t erkadang m em punyai at ribut t ersendiri yang m enent ukan inform asi
at au bent uk t am pilan dari t ag yang digunakan sebagai cont oh t ag < im age>
m em punyai at ribut " src" sebagai inform asi file im age yang ingin dit am pilkan.
Cont oh :
sr c adalah at ibut dari t ag < im age> , sedang “ga m ba r k u .gif” adalah nilai dari
at ribut sr c.
Tag-tag HTML yang sering digunakan
Pa da e le m e n H EAD
TI TLE
Digunakan unt uk m enent ukan j udul halam an web
Cont oh :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
My Web Site
Tulisan diant ara t ag < t it le> di at as akan dim unculkan di t it le bar “ My Web Sit e”
Ga m ba r 1 5 ( Pe nggun a a n Ta g < t it le > )
META
Tag m et a berfungsi sebagai bagian yang digunakan dalam pencarian, m isalkan
search engine, sepert i yahoo, at au google. Kat a- kat a yang pert am a kali dicari oleh
search engine adalah kat a- kat a yang t erdapat di t ag < m et a> .
Dalam t ag m et a t erbagi m enj adi beberapa elem en, m isalkan unt uk keyword,
deskripsi web dan lain sebagainya.
Cont oh :
m em berikan inform asi t ent ang keyword sit us :
m em berikan inform asi t ent ang penj elasan sit us :
Pa da Ele m e n BOD Y:
H e a din g
Mem buat heading m enggunakan t ag < h1> < / h1> , < h2> < / h2> , < h3> < / h3> , dan
set erusnya.
cont oh :
Heading 1
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Ga m ba r 1 6 ( Pe ngguna a n H e a ding)
Pa r a gr a f
m em buat paragraf m enggunakan t ag < p> < / p>
cont oh :
HTML merupakan kepanjangan dari Hipertext MarkUp Language yaitu
suatu bahasa yang digunakan untuk membuat Web Page. HTML terdiri
dari elemen dan tag.
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Pin da h Ba r is
Unt uk pindah baris m enggunakan ke baris berikut nya m enggunakan t ag < br>
cont oh :
Nama : Abdul Hanan
Alamat : Bekasi
e-mail : [email protected]
Block qou t e
Tag < BLOCKQOUTE> digunakan unt uk m enulis kut ipan t eks. Di brow ser akan
m enam pilkan t ulisan yang m enj orok ke dalam .
Cont oh :
Sepintas HTML
HTML merupakan kepanjangan dari Hipertext MarkUp Language yaitu
suatu bahasa yang digunakan untuk membuat Web Page. HTML terdiri
dari elemen dan tag.
Ce n t e r
Tag < cent er> digunakan unt uk m enengahkan t ulisan di dalam halam an
cont oh :
Teks di tengah
M e m bu a t List
Or de r e d List < ol> : m em buat daft ar it em dengan t iap it em dengan
m enggunakan angka
Un or de r e d List < u l> : m em buat daft ar it em dengan m enggunakan t anda bullet .
Cont oh :
Jenis-Jenis Olahraga
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Basket
Sepak Bola
Bulu Tangkis
Volly
Menu Hari ini
Nasi Putih
Tahu
Tempe
Ayam Bakar
H ype r t e x t Lin k
Hypert ext Link, yait u inform asi yang sat u dengan yang lainnya dapat berhubungan
dalam j aringan. Karena kem aj uan t eknologi hypert ext link bukan lagi hanya
m enggunakan t eks biasa, m elainkan sudah bisa dalam bent uk m ult im edia sehingga
disebut Link.
Unt uk m em buat Link m enggunakan t ag < a> ... < / a> . Tag ini m enggunakan at ribut
HREF yang digunakan unt uk m enghubungkan dokum en lain, bent uk penulisannya
sebagai berikut :
< a href= ” ht t p: / / w w w.belaj ar- grat is.com ” > Sit us Belaj ar- Grat is.com < / a>
< a href= ” dok.ht m ” > Dokum en Lain < / a>
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 1 7 ( Pe nggun a a n H ype r lin k )
Prakt ek
Unt uk bahan prakt ek ket ik kode- kode HTML berikut :
My Web Site
My Web Site
Selasmat datang di situs pribadi ini, beragam informasi yang akan anda
dapatkan diantaranya :
Informasi Tentang data diri
Informasi Tentang keluarga
Dan Informasi lainnya
Silahkan anda lihat link-link informasi yang berharga dibawah ini :
Belajar Gratis : http://www.belajar-gratis.com memberikan informasi pelajaran sekolah
dan TI, khusus untuk pelajar
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ilmu Komputer : http://www.ilmu-komputer.com memberikan informasi tentang ilmu
komputer
ICT Centre Jakarta : http://www.ictcentre.net Center of ICT Studies Of
Jakarta
Sim pam file t ersebut dengan nam a “ prakt ek- 1.ht m ” pada folder “ C: \ apache\ ht docs” .
Jalankan browser dan ket ikkan alam at URL- nya : ht t p: / / localhost / prakt ek- 1.ht m .
Ga m ba r 1 8 ( Te st Pa r k t e k )
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Database Dengan MySQL
Menggunakan MySQL Control Center
Pada prakt ek kali ini akan dibuat sebuah dat abase dengan t able didalam nya
sebagai berikut :
No.
Nam a
Alam at
TTL
1
Akhm ad Sudant o
Jakart a
Jakart a, 24 Maret 1980
2
Andi
Bekasi
Bekasi, 15 Januari 1984
3
Budiant o
Bogor
Bandung, 16 April 1979
4
Nanda
Jakart a
Tanggerang,
1986
5
Oca
Bandung
Bandung,
1984
6
Rahm an
Bekasi
Bekasi,
1987
30
4
6
Juni
Agust us
Sept em ber
Unt uk m em perm udah m anipulasi dat abase server MySQL gunakan t ool MySQL
Cont rol Cent er agar pekerj aan adm inist rasi dat abase m enj adi m udah. I nst all MySQL
Cont rol Cent er dan j alankan program t erebut . Unt uk pert am a kali lakukan set t ing
“ Regist er Server” .
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 1 9 ( Re gist e r Se r ve r )
Masukkan inform asi- inform asi berikut :
N a m e : m em berikan nam a unt uk regist er server, isikan “ m yConnect ion”
H ost N a m e : m em berikan inform asi host dat abase MySQL, isikan “ localhost ”
Use r N a m e : m em berikan inform asi user yang m engakses dat abase, isikan “ root ”
Pa ssw or d : m em berikan inform asi password dari user yang dipakai, biarkan
kosong j ika user t idak m em iliki passw ord, at au berikan password- nya j ika user
m em iliki password.
Klik “ add “ . Pada Console Manager klik
sebagai berikut
Belajar-gratis.com
, j ika koneksi berhasil m aka t am pilannya
Belajar PHP (Abdul Hanan)
Manipulasi Database Dengan Perintah SQL
MySQL Cont rol Cent er m em berikan Fasilit as Query yang dikhususkan unt uk
m em anipulasi dat abase m enggunakan perint ah SQL. Pada t oolbar klik
sam pai m uncul Query Window.
( Query) ,
Ga m ba r 2 0 ( Je nde la Qu e r y)
1 . M e m bu a t da t a ba se
Langkah pert am a yang dilakukan dalam m em anipulasi dat a dari dat abase
adalah m em buat dat abase it u sendiri. Misalkan dat abase yang dibuat adalah
“ phpt raining” , ket ikkan perint ah dibawah ini :
create database phptraining;
Klik
( execut e) pada t oolbar.
2 . M e n ggu n a k a n D a t a ba se ya n g t e la h dibu a t
Set elah dat abase dibuat , selanj ut nya m engakt ifkan dat abase t ersebut , ket ik
perint ah dibawah ini :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
use phptraining;
Klik
( execut e) pada t oolbar.
3 . M e m bu a t Ta be l
Langkah selanj ut nya adalah m em buat t abel, pada kasus kali ini t abel yang akan
dibuat bernam a “ dat adiri” , ket ikkan perint ah dibawah ini :
CREATE TABLE datadiri (
no int(5) unsigned auto_increment,
nama varchar(50),
alamat varchar(50),
ttl varchar(35),
PRIMARY KEY (no)
) TYPE=MyISAM;
Klik
( execut e) pada t oolbar.
4 . M e m a su k k a n D a t a
Jika t abel di at as berhasil dibuat , selanj ut nya adalah m em asukkan dat a pada
t abel t ersebut . Ket ikkan perint ah- perint ah dibawah ini :
INSERT INTO datadiri (nama,
'Jakarta, 24 Maret 1980');
alamat,
ttl)
VALUES
('Akhmad
Sudanto',
'Jakarta',
INSERT INTO datadiri (nama, alamat, ttl) VALUES ('Andi', 'Bekasi', 'Bekasi, 15
Januari 1984');
INSERT INTO datadiri (nama, alamat, ttl) VALUES ('Budianto', 'Bogor', 'Bandung, 16
April 1979');
INSERT INTO datadiri (nama, alamat, ttl) VALUES ('Nanda', 'Jakarta', 'Tanggerang,
30 Juni 1986');
INSERT INTO datadiri (nama, alamat, ttl) VALUES ('Oca', 'Bandung', 'Bandung, 4
Agustus 1984');
INSERT INTO datadiri (nama, alamat, ttl) VALUES ('Rahman', 'Bekasi',
'Bekasi, 6 September 1987');
Klik
( execut e) pada t oolbar.
5 . M e m a n ipu la si D a t a
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Sekarang dat abase besert a t abel yang dibuat bisa dim anipulasi dengan
m enggunakan perint ah SQL.
Mengam bil dat a dari t abel :
SELECT * FROM datadiri;
Ga m ba r 2 1 ( M e nga m bil D a t a )
SELECT no, nama, ttl FROM datadiri;
Ga m ba r 2 2 ( M e nga m bil D a t a )
UPDATE datadiri SET nama='Akhmad Subagya' WHERE no=1;
SELECT * FROM datadiri;
DELETE FROM datadiri WHERE no=1;
SELECT * FROM datadiri;
Manipulasi Database dengan Console Manager
Selain m enggunakan perint ah SQL, dengan MySQL Cont rol Cent er Anda bisa
m em anipulasi dat abase MySQL t anpa m enggunakan perint ah SQL, m elainkan
langsung int eraksi dalam bent uk grafik. Unt uk bahan perbandingan, dat abase yang
digunakan m asih sam a yait u “ phpt raining” , agar t idak t erj adi kesalahan sebaiknya
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
hapus dat abase t ersebut yang sebelum nya t elah dibuat dengan perint ah SQL.
Ket ikkan perint ah :
DROP DATABASE phptraining;
Close Query Window unt uk m asuk ke Console Manager.
1 . M e m bu a t D a t a ba se
( New Dat abase) pada t ool bar at au pilih m enu “ Act ion | New Dat abase” .
Klik
Selanj ut nya m asukkan nam a dat abase yang ingin dibuat
Ga m ba r 2 3 ( M e m bua t D a t a ba se )
Klik OK
2 . M e n ggu n a k a n D a t a ba se
Klik t ree “ dat abases” dan pilih “ phpt raining” . Unt uk m engakt ifkan dat abase
“ phpt raining” bisa klik dua kali pada m ouse at au klik
Belajar-gratis.com
.
Belajar PHP (Abdul Hanan)
Ga m ba r 2 4 ( M e n ggun a k a n D a t a ba se )
3 . M e m bu a t Ta ble
Set elah dat abase akt if, pilih t ree “ t ables” , lalu klik
( new t able) . Program
akan m em unculkan Window Creat ing Table. Masukkan I nform asi kolom at au
field yang ingin dibuat .
Field pert am a adalah no, m asukkan “ no” pada field pert am a, pada dat a t ype
. Set elah
pilih “ int ”
it u klik
pada field “ no” unt uk m em berikan prim ary key pada field “ no” .
Dan at ur propert iesnya sepert i gam bar dibawah ini
Unt uk field lainnya m asukkan sepert i dibawah ini :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Nam a field : nam a, t ype : varchar, lengt h : 50
Nam a field : alam at , t ype : varchar, lengt h : 50
Nam a Field : t t l, t ype : varchar lengt h: 35
Klik
( save) unt uk m enyim pan t abel. Program akan m enanyakan nam a t abel
yang dibuat , m asukkan “ dat adiri”
4 . M e m a su k k a n da n M a n ipu la si D a t a
Anda dapat langsung m am asukkan dat a pada t abel yang dibuat sekaligus
m em anipulasinya. Pilih t abel “ dat adiri” , lalu pilih “ Act ion | Open t able | Ret urn
All rows” at au klik
dan pilih “ Ret urn All rows” .
M e m a su k k a n da t a
Unt uk m em asukkan dat a klik m enu “ Query | I nsert Record”
Masukkan dat a- dat a lainnya sesuai dengan kebut uhan Anda dengan cara yang
sam a. Selain it u Anda bisa langsung m engupdat e langsung dat a yang t elah
dim asukkan, t anpa perlu perint ah SQL. Klik ganda pada sel yang ingin Anda
gant i.
M e n gh a pus da t a
Unt uk m enghapus dat a pada baris ( record) t abel, pilih baris yang ingin dihapus,
lalu pilih m enu “ Query | Delet e Record” . Program akan m engkonfirm asi apakah
yakin ingin m enghapus record yang dipilih.
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Membuat Aplikasi Web Sederhana
(Guest Book)
Pada panduan kali ini akan dibuat sebuah aplikasi web sederhana yait u guest book
at au buku t am u yang m elibat kan Bahasa PHP dan dat abase. Pada prakt ek kali ini
m enggunakan t iga pem bahasan, yait u m asalah pendesainan, pem buat an dat abase,
dan penulisan script PHP agar aplikasi web m enj adi int erakif.
D e sa in Ta m pila n W e b
Langkah pert am a adalah m elakukan pendesainan w eb page. I kut i langkah dibawah
ini :
1. Masih pada file yang t elah dibuat yait u “ guest .php” . Buka file t ersebut unt uk
diedit . klik m enu “ File | Open” dan cari dim ana file t ersebut dilet akkan.
2. Jika sudah t erbuka arahkan kursor ke baris ke dua unt uk diisikan form guest
book dan isi dari dat abase guest book.
3. Klik t ab “ Form ” pada panel “ insert ” lalu klik
( form )
4. At ur Propert ies form , m asukkan Form Nam e- nya “ guest book” , act ion :
" m asukdat a.php” m et hode : “ post ” .
5. Buat t abel lagi sebanyak 9 baris dan 2 kolom . Past ikan t ab “ com m on” t erpilih
dan klik
. Pada box “ I nsert Table” at ur dat a- dat anya sebagai berikut :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 2 5 ( I n se r t Ta ble )
6. Pada panel “ Propert ies” at ur Align m enj adi “ cent er” . At ur pula ant ara kolom kiri
dan kanan sekit ar 25% dan 75% . Caranya klik t ahan pada t engah- t engah kolom
dan seret ke kiri.
Ga m ba r 2 6 ( M e m bua t Ta ble )
7. Masukkan dat a- dat a sepert i di bawah ini :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 2 7 ( M e m bua t Ta be l)
8. Selanj ut nya m asukkan I nput Box ke web page. Pilih t ab “ Form ” , arahkan kursor
ke sel di sebelah kanan Nam a. Klik
, selanj ut nya at ur propert iesnya :
Text Field : “ nam a” Char Widt h : 25 Max Char = 75
9.
Buat I nput Box yang sam a unt uk kot a, alam at , e- m ail, dan URL. At ur
at ribut nya sepert i dibawah ini :
nam e : kot a, Char Widt h : 25, Max Char = 25
nam e : alam at , Char Widt h : 35, Max Char = 75
nam e : em ail, Char Widt h : 35, Max Char = 50
nam e : url, Char Widt h : 35, Max Char = 100
10.Unt uk cat at an klik
Belajar-gratis.com
( t ext area) . At ur at ribut nya :
Belajar PHP (Abdul Hanan)
11.Selanj ut nya m asukkan t om bol “ subm it ” dan t om bol “ reset ” pada bagian paling
akhir t able. Klik t om bol
lalu klik lagi t om bol
At ur At ribut nya sepert i gam bar dibawah ini :
, kem udian at ur at ribut nya m enj adi :
Sehingga hasil akhirnya adalah sebagai berikut :
Ga m ba r 2 8 ( H a sil Ak h ir )
M e m bu a t D a t a ba se
Set elah desain berhasil dibuat langkah selanj ut nya adalah m em buat dat abase
unt uk m em asukkan dat a- dat a yang dim asukkan pengunj ung. Selanj ut nya j alankan
program MySQL Cont rol Cent er.
1. Past ikan MySQL Cont rol Cent er t elah dij alankan. Klik
Window Query.
Belajar-gratis.com
unt uk m em unculkan
Belajar PHP (Abdul Hanan)
2. Masukkan kode berikut :
USE phptraining;
CREATE TABLE guestbook (
id int(5) NOT NULL auto_increment,
tanggal varchar(20) NOT NULL default '',
nama varchar(75) NOT NULL default '',
kota varchar(25) NOT NULL default '',
alamat varchar(75) NOT NULL default '',
email varchar(50) NOT NULL default '',
url varchar(100) NOT NULL default '',
catatan text NOT NULL,
PRIMARY KEY
(id)
) TYPE=MyISAM;
3.
Klik
at au t ekan t om bol CTRL + E pada keyboard.
M e m a su k k a n Scr ipt PH P
Sekarang m em buat web page m enj adi sebuah web page yang int erakt if dengan
m engandalkan script PHP. Lakukan langkah- langkah dibawah ini :
1. Masih pada file yang sam a, klik
( show code view) , unt uk m enam pilkan
kode- kode yang t elah dibuat , m asukkan kode- kode dibawah ini.
.......
........
2. Rubah kode dibawah ini :
Menj adi :
3. Lalu m enam pilkan dat a- dat a guest book yang t elah dim asukkan dalam dat abase.
Tam bah script diant ara kode < / form > < / t d>
Sehingga m enj adi sepert i dibawah ini
...............
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
h t t p:/ / w w w .be la j a r - gr a t is.com
BELAJAR PHP
Ole h : Abdu l H a n a n
PANDUAN IT belajar-gratis.com
Belajar PHP
Oleh : Abdul Hanan
Semua hak cipta dari nama, logo, serta produk yang disebut dalam dokumen ini adalah
milik masing-masing pemegang haknya, kecuali disebutkan lain.
belajar-gratis.com Document License :
copyright © 2004-2006 belajar-gratis.com
Dokumen ini diperkenankan untuk digunakan, disalin dan diperbanyak sebagian atau
keseluruhan dengan ketentuan-ketentuan sebagai berikut :
•
•
•
•
•
Dimaksudkan untuk kepentingan dan dimanfaatkan oleh umum dengan tujuan bukan
komersil (nonprofit)
Hak cipta dari isi dokumen tetap milik penulis, bukan “public domain atau di luar
lindungan hak cipta.”
Menyertakan pernyataan hak cipta dan seluruh persyaratan yang ada didokumen ini.
Tidak diperkenankan menambah, mengurangi atau menghapus lisensi dokumen ini.
Tidak diperkenankan untuk menambahkan restriksi baik secara teknis maupun legal
sehingga Dokumentasi tidak dapat disalin dan diperbanyak secara bebas
Diperkenankan untuk melakukan modifikasi atau perubahan kemudian menyebarkan
kembali dengan persyaratan sebagai berikut :
•
•
•
Mempertahankan seluruh pernyataan hak cipta yang terdapat dalam Dokumen.
Setiap perubahan atau translasi dan turunannya terhadap dokumen ini harus
memperoleh persetujuan tertulis dari penulis dan pihak belajar-gratis.com sebelum
didistribusikan.
Membuat pernyataan hak cipta mengenai perubahan-perubahan yang telah dilakukan.
Menjalan Aplikasi Web PHP dengan
PHPTriad
PHPTriad m erupakan salah sat u paket yang digunakan unt uk m enj alankan PHP.
PHPTriad t erdiri dari beberapa t ool yang digunakan agar aplikasi program web yang
dibuat dengan PHP bisa berj alan, PHPTriad t erdiri dari :
1.
2.
3.
4.
Web Server Apache
Modul PHP
Dat abase Server MySQL
PHPMyAdm in.
M e n ginst a l PH PTr ia d
1. Jalankan I nst aller PHPTriad. Pert am a kalinya anda akan dihadapkan pada
“ License Agrem ent ” , klik “ I Agree” .
Ga m ba r 1 ( M e nginst a l PH PTr ia d)
2. Set elah it u sem ua proses inst alasi berj alan secara ot om at is, t unggu sam pai
inst aller PHPTriad m enyelesaikan proses inst alasi.
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 2 ( M e nginst a l PH PTr ia d)
3. Click Close j ika proses inst alasi berakhir.
M e n j a la n k a n PH PTr ia d
Set elah inst alasi selesai, aplikasi web PHP belum bisa j alan j ika apache dan
dat abase server MySQL m asih belum dij alankan. Lakukan langkah dibaw ah ini :
1. Jalankan Apache dengan m em ilih m enu “ St art | All Program s | PHPTriad |
Apache Console | St art Apache” di Window s XP, at au pilih “ St art | Program s
PHPTriad | Apache Console | St art Apache” unt uk Windows 98/ 2000.
Ga m ba r 3 ( M e m u la i Ph pTr ia d)
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
2. Jalankan j uga MySQL, pilih m enu “ St art | All Program s | PHPTriad | MySQL- DNT” di Windows XP, at au pilih “ St art | Program s | | PHPTriad | MySQL- D- NT”
unt uk Windows 2000, at au “ St art | Program s | | PHPTriad | MySQL- D” unt uk
Window s 98.
3. Jalankan Browser ( sepert i I nt ernet Explorer) . Dan m asukkan alam at URL
ht t p: / / localhost .
Ga m ba r 4 ( Te st di I nt e r n e t Ex plor e r )
M e n yim pa n W e b Pa ge
Unt uk PHPTriad, sem ua file harus disim pan di “ C: \ apache\ ht docs” agar bisa
diakses oleh bowser lewat web server. Misalkan file yang dibuat adalah
“ cont oh.php” m aka sim pan file t ersebut di “ C: \ apache\ ht docs” . Ket ika
m engakses lewat browser m aka alam at URLnya adalah :
ht t p: / / localhost / cont oh.php.
M e n coba Scr ipt PH P
Unt uk percobaan awal, akan dibuat script yang m em unculkan inform asi PHP.
Jalankan not epad dan ket ik kode berikut :
< ?php
phpinfo( ) ;
?>
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Sim pan file t ersebut di “ C: \ apache\ ht docs” dengan nam a t est .php dan j alankan
di browser dengan nam a ht t p: / / localhost / t est .php.
Ga m ba r 5 ( Te st Scr ipt PH P)
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Web Editor
Macromedia DreamWeaver
M a cr om e dia D r e a m w e a ve r adalah salah sat u web edit or yang paling banyak
digunakan baik oleh web desainer m aupun web program m er. Deam weaver sangat
m udah digunakan ukt uk web designer m elakukan pekerj aannya m endesign
halam an w eb. Begit u j uga unt uk para web program m er, m acrom edia dream weaver
m endukung berbagai m acam j enis bahasa pem program an web sepert i ASP,
ASP .NET, JSP, PHP, dan lain sebagainya. Dengan begit u baik para program m er
m aupun desainer sangat t erbant u dengan kehadiran Dream Weaver sebagai web
edit or.
Tampilan Dreamweaver
Tam pilan Dream weaver sangat user friendly ( bersahabat ) , m em punyai navigasi
yang m em udahkan siapapun m enggunakannya. Berikut adalah t am pilannya :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 6 ( Ta m pila n D r e a m w e a ve r )
M e m bu a t t a ble
Pada panduan pert am a, akan diperlihat kan bagaim ana m em buat sebuah t abel
dengan m udah dan cepat t anpa perlu m enget ahui script - script ht m l. Perhat ikan
langkah- langkah di bawah ini :
1. Buat dokum en baru dengan m em ilih m enu “ File | New ..” , pilih kat egori “ Basic
Page” pada sebelah kanannya pilih “ HTML” unt uk m em buat halam an HTML baru
2. Pada Toolbar, past ikan “ Show Design View ” yang t erpilih dan pada t it le
m asukkan “ Cont oh Tabel”
3. Pilih m enu “ Modify | Page Propert ies” , perhat ikan set t ingan dibawah ini :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 7 ( Pa ge Pr ope r t ie s)
4. Pilih
( icon creat e t able) . At ur kot ak I nsert t abel m enj adi sebagai berikut :
Ga m ba r 8 ( I n se r t Ta ble )
I kut i set t ing dibawah ini :
Rows : 3
Colum ns : 3
Widt h : 50 Percent
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Border : 1
Cell Padding : 0
Cell Spacing : 0
Klik “ OK” j ika sudah selesai
5. Pada “ Docum ent Window” akan dim unculkan sebuah t abel dengan 3 baris dan
t iga kolom :
yang ada pada
6. At ur at ribut - at ribut t abel sesuai dengan kebut uhan, Klik
bagian Bg Color dan pilih warna yang diinginkan m isalkan put ih :
at au langsung m asukkan nilai “ # FFFFFF”
Dan at ur j uga “ Brdr Color” isikan dengan warna hit am , at au m asukkan nilai
“ # 000000” .
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
M e m bu a t N a viga si
Pada panduan selanj ut nya kit a akan m em buat sebuah navigasi sederhana yang
m erupakan hasil pengem bangan dari pem buat an t abel. I kut i langkah- langkah
dibawah ini.
1. Pilih m enu “ File | New” . Pada kot ak “ New Docum ent ” pilih “ Dynam ic Page” dan
pilih “ PHP” pada pilihan sebelah kanannya.
Ga m ba r 9 ( N e w D ocu m e n t )
2. At ur “ Page Propert ies” - nya, pilih m enu “ Modify | Page Propert ies” . Past ikan
isinya sepert i gam bar dibawah ini :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 1 0 ( Pa ge Pr ope r t ie s)
3. Langkah berikut nya adalah m em buat t abel baru, klik short cut
gam bar dibawah ini :
, at ur sepert i
Ga m ba r 1 1 ( I n se r t Ta ble )
4. At ur At ribut nya pada bagian page propert ies, rubah a lign ke “ cent er” , dan at ur
bg color - nya dengan warna “ # FFFFFF” .
unt uk m em buat t abel baru di dalam
5. Arahkan Kursor ke dalam t able dan klik
t abel yang sudah dibuat . At ur box “ I nsert Table” m enj adi :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 1 2 ( I n se r t Ta ble )
6. Sekarang m asukkan gam bar sebagai heading page. Arahkan Kursor pada kolom
, pilih gam bar yang t elah t ersedia dikom put er, m isalkan
pert am a, dan klik
“ heading.j pg” , klik “ OK”
Ga m ba r 1 3 ( I n se r t I m a ge )
7. Arahkan point er pada baris ke t iga dan at ur beberapa set t ing berikut :
Horz : “ Cent er”
Bg Color : “ # 0066CC”
At ur
.
8. Masukkan kat a- kat a sepert i di bawah ini :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 1 4 ( Ta m pila n N a viga si)
9. Unt uk Sem ent ara w akt u biarkan web page yang dibuat sepert i it u, bagian
t engah akan di isi guest book nant inya. Sim pan m enj adi file guest .php pada
folder “ C: \ apache\ ht docs”
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Dasar-Dasar HTML
Pengertian HTML
HTML m erupakan singkat an dari Hypert ext Markup Language yait u suat u bahasa
yang digunakan unt uk m em buat halam an web. Ciri ut am a yang m enandakan
bahasa HTML adalah t a g dan e le m e n.
Elemen
Dalam HTML, elem en dikat egorikan m enj adi dua yait u :
-
H EAD : yang berfungsi m em berikan inform asi t ent ang suat u dokum en HTML,
sepert i j udul web page, descripsi sit us, keyword dan lain sebagainya.
-
BOD Y : elem en yang digunakan unt uk m enent ukan isi yang akan dit am pilkan
oleh brow ser sepert i paragrap, list , t abel, dan lain sebagainya
Tag
Dalam HTML t ag dinyat akan dengan t anda " < " dan diakhiri dengan " > " . Sebagian
besar kode HTML t erdapat diant ara t ag kont ainer, art inya selalu ada t ag pem buka
m isalkan < nam at ag> dan ada t ag penut up m isalkan < / nam at ag> . Tet api ada
sebagian t ag HTML yang t idak m enggunakan t ag penut up m isalkan t ag < br> .
Cont oh t ag kont ainer :
Contoh tag kontainer
Cont oh t ag t anpa penut up
< im age src= " gam barku.gif" >
< br>
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ada t iga t ag ut am a dalam HTML yait u :
1. t ag < HTML> : berfungsi m enyat akan dokum en HTML
2. t ag < HEAD> : berfungsi m em berikan inform asi t ent ang dokum en HTML
3. t ag < BODY> : berfungsi m em berikan inform asi dat a yang akan dit am pilkan
secara um um penulisan HTML adalah sebagai berikut :
.....
.....
....
......
......
......
Atribut
Set iap t ag t erkadang m em punyai at ribut t ersendiri yang m enent ukan inform asi
at au bent uk t am pilan dari t ag yang digunakan sebagai cont oh t ag < im age>
m em punyai at ribut " src" sebagai inform asi file im age yang ingin dit am pilkan.
Cont oh :
sr c adalah at ibut dari t ag < im age> , sedang “ga m ba r k u .gif” adalah nilai dari
at ribut sr c.
Tag-tag HTML yang sering digunakan
Pa da e le m e n H EAD
TI TLE
Digunakan unt uk m enent ukan j udul halam an web
Cont oh :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
My Web Site
Tulisan diant ara t ag < t it le> di at as akan dim unculkan di t it le bar “ My Web Sit e”
Ga m ba r 1 5 ( Pe nggun a a n Ta g < t it le > )
META
Tag m et a berfungsi sebagai bagian yang digunakan dalam pencarian, m isalkan
search engine, sepert i yahoo, at au google. Kat a- kat a yang pert am a kali dicari oleh
search engine adalah kat a- kat a yang t erdapat di t ag < m et a> .
Dalam t ag m et a t erbagi m enj adi beberapa elem en, m isalkan unt uk keyword,
deskripsi web dan lain sebagainya.
Cont oh :
m em berikan inform asi t ent ang keyword sit us :
m em berikan inform asi t ent ang penj elasan sit us :
Pa da Ele m e n BOD Y:
H e a din g
Mem buat heading m enggunakan t ag < h1> < / h1> , < h2> < / h2> , < h3> < / h3> , dan
set erusnya.
cont oh :
Heading 1
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Ga m ba r 1 6 ( Pe ngguna a n H e a ding)
Pa r a gr a f
m em buat paragraf m enggunakan t ag < p> < / p>
cont oh :
HTML merupakan kepanjangan dari Hipertext MarkUp Language yaitu
suatu bahasa yang digunakan untuk membuat Web Page. HTML terdiri
dari elemen dan tag.
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Pin da h Ba r is
Unt uk pindah baris m enggunakan ke baris berikut nya m enggunakan t ag < br>
cont oh :
Nama : Abdul Hanan
Alamat : Bekasi
e-mail : [email protected]
Block qou t e
Tag < BLOCKQOUTE> digunakan unt uk m enulis kut ipan t eks. Di brow ser akan
m enam pilkan t ulisan yang m enj orok ke dalam .
Cont oh :
Sepintas HTML
HTML merupakan kepanjangan dari Hipertext MarkUp Language yaitu
suatu bahasa yang digunakan untuk membuat Web Page. HTML terdiri
dari elemen dan tag.
Ce n t e r
Tag < cent er> digunakan unt uk m enengahkan t ulisan di dalam halam an
cont oh :
Teks di tengah
M e m bu a t List
Or de r e d List < ol> : m em buat daft ar it em dengan t iap it em dengan
m enggunakan angka
Un or de r e d List < u l> : m em buat daft ar it em dengan m enggunakan t anda bullet .
Cont oh :
Jenis-Jenis Olahraga
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Basket
Sepak Bola
Bulu Tangkis
Volly
Menu Hari ini
Nasi Putih
Tahu
Tempe
Ayam Bakar
H ype r t e x t Lin k
Hypert ext Link, yait u inform asi yang sat u dengan yang lainnya dapat berhubungan
dalam j aringan. Karena kem aj uan t eknologi hypert ext link bukan lagi hanya
m enggunakan t eks biasa, m elainkan sudah bisa dalam bent uk m ult im edia sehingga
disebut Link.
Unt uk m em buat Link m enggunakan t ag < a> ... < / a> . Tag ini m enggunakan at ribut
HREF yang digunakan unt uk m enghubungkan dokum en lain, bent uk penulisannya
sebagai berikut :
< a href= ” ht t p: / / w w w.belaj ar- grat is.com ” > Sit us Belaj ar- Grat is.com < / a>
< a href= ” dok.ht m ” > Dokum en Lain < / a>
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 1 7 ( Pe nggun a a n H ype r lin k )
Prakt ek
Unt uk bahan prakt ek ket ik kode- kode HTML berikut :
My Web Site
My Web Site
Selasmat datang di situs pribadi ini, beragam informasi yang akan anda
dapatkan diantaranya :
Informasi Tentang data diri
Informasi Tentang keluarga
Dan Informasi lainnya
Silahkan anda lihat link-link informasi yang berharga dibawah ini :
Belajar Gratis : http://www.belajar-gratis.com memberikan informasi pelajaran sekolah
dan TI, khusus untuk pelajar
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ilmu Komputer : http://www.ilmu-komputer.com memberikan informasi tentang ilmu
komputer
ICT Centre Jakarta : http://www.ictcentre.net Center of ICT Studies Of
Jakarta
Sim pam file t ersebut dengan nam a “ prakt ek- 1.ht m ” pada folder “ C: \ apache\ ht docs” .
Jalankan browser dan ket ikkan alam at URL- nya : ht t p: / / localhost / prakt ek- 1.ht m .
Ga m ba r 1 8 ( Te st Pa r k t e k )
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Database Dengan MySQL
Menggunakan MySQL Control Center
Pada prakt ek kali ini akan dibuat sebuah dat abase dengan t able didalam nya
sebagai berikut :
No.
Nam a
Alam at
TTL
1
Akhm ad Sudant o
Jakart a
Jakart a, 24 Maret 1980
2
Andi
Bekasi
Bekasi, 15 Januari 1984
3
Budiant o
Bogor
Bandung, 16 April 1979
4
Nanda
Jakart a
Tanggerang,
1986
5
Oca
Bandung
Bandung,
1984
6
Rahm an
Bekasi
Bekasi,
1987
30
4
6
Juni
Agust us
Sept em ber
Unt uk m em perm udah m anipulasi dat abase server MySQL gunakan t ool MySQL
Cont rol Cent er agar pekerj aan adm inist rasi dat abase m enj adi m udah. I nst all MySQL
Cont rol Cent er dan j alankan program t erebut . Unt uk pert am a kali lakukan set t ing
“ Regist er Server” .
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 1 9 ( Re gist e r Se r ve r )
Masukkan inform asi- inform asi berikut :
N a m e : m em berikan nam a unt uk regist er server, isikan “ m yConnect ion”
H ost N a m e : m em berikan inform asi host dat abase MySQL, isikan “ localhost ”
Use r N a m e : m em berikan inform asi user yang m engakses dat abase, isikan “ root ”
Pa ssw or d : m em berikan inform asi password dari user yang dipakai, biarkan
kosong j ika user t idak m em iliki passw ord, at au berikan password- nya j ika user
m em iliki password.
Klik “ add “ . Pada Console Manager klik
sebagai berikut
Belajar-gratis.com
, j ika koneksi berhasil m aka t am pilannya
Belajar PHP (Abdul Hanan)
Manipulasi Database Dengan Perintah SQL
MySQL Cont rol Cent er m em berikan Fasilit as Query yang dikhususkan unt uk
m em anipulasi dat abase m enggunakan perint ah SQL. Pada t oolbar klik
sam pai m uncul Query Window.
( Query) ,
Ga m ba r 2 0 ( Je nde la Qu e r y)
1 . M e m bu a t da t a ba se
Langkah pert am a yang dilakukan dalam m em anipulasi dat a dari dat abase
adalah m em buat dat abase it u sendiri. Misalkan dat abase yang dibuat adalah
“ phpt raining” , ket ikkan perint ah dibawah ini :
create database phptraining;
Klik
( execut e) pada t oolbar.
2 . M e n ggu n a k a n D a t a ba se ya n g t e la h dibu a t
Set elah dat abase dibuat , selanj ut nya m engakt ifkan dat abase t ersebut , ket ik
perint ah dibawah ini :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
use phptraining;
Klik
( execut e) pada t oolbar.
3 . M e m bu a t Ta be l
Langkah selanj ut nya adalah m em buat t abel, pada kasus kali ini t abel yang akan
dibuat bernam a “ dat adiri” , ket ikkan perint ah dibawah ini :
CREATE TABLE datadiri (
no int(5) unsigned auto_increment,
nama varchar(50),
alamat varchar(50),
ttl varchar(35),
PRIMARY KEY (no)
) TYPE=MyISAM;
Klik
( execut e) pada t oolbar.
4 . M e m a su k k a n D a t a
Jika t abel di at as berhasil dibuat , selanj ut nya adalah m em asukkan dat a pada
t abel t ersebut . Ket ikkan perint ah- perint ah dibawah ini :
INSERT INTO datadiri (nama,
'Jakarta, 24 Maret 1980');
alamat,
ttl)
VALUES
('Akhmad
Sudanto',
'Jakarta',
INSERT INTO datadiri (nama, alamat, ttl) VALUES ('Andi', 'Bekasi', 'Bekasi, 15
Januari 1984');
INSERT INTO datadiri (nama, alamat, ttl) VALUES ('Budianto', 'Bogor', 'Bandung, 16
April 1979');
INSERT INTO datadiri (nama, alamat, ttl) VALUES ('Nanda', 'Jakarta', 'Tanggerang,
30 Juni 1986');
INSERT INTO datadiri (nama, alamat, ttl) VALUES ('Oca', 'Bandung', 'Bandung, 4
Agustus 1984');
INSERT INTO datadiri (nama, alamat, ttl) VALUES ('Rahman', 'Bekasi',
'Bekasi, 6 September 1987');
Klik
( execut e) pada t oolbar.
5 . M e m a n ipu la si D a t a
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Sekarang dat abase besert a t abel yang dibuat bisa dim anipulasi dengan
m enggunakan perint ah SQL.
Mengam bil dat a dari t abel :
SELECT * FROM datadiri;
Ga m ba r 2 1 ( M e nga m bil D a t a )
SELECT no, nama, ttl FROM datadiri;
Ga m ba r 2 2 ( M e nga m bil D a t a )
UPDATE datadiri SET nama='Akhmad Subagya' WHERE no=1;
SELECT * FROM datadiri;
DELETE FROM datadiri WHERE no=1;
SELECT * FROM datadiri;
Manipulasi Database dengan Console Manager
Selain m enggunakan perint ah SQL, dengan MySQL Cont rol Cent er Anda bisa
m em anipulasi dat abase MySQL t anpa m enggunakan perint ah SQL, m elainkan
langsung int eraksi dalam bent uk grafik. Unt uk bahan perbandingan, dat abase yang
digunakan m asih sam a yait u “ phpt raining” , agar t idak t erj adi kesalahan sebaiknya
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
hapus dat abase t ersebut yang sebelum nya t elah dibuat dengan perint ah SQL.
Ket ikkan perint ah :
DROP DATABASE phptraining;
Close Query Window unt uk m asuk ke Console Manager.
1 . M e m bu a t D a t a ba se
( New Dat abase) pada t ool bar at au pilih m enu “ Act ion | New Dat abase” .
Klik
Selanj ut nya m asukkan nam a dat abase yang ingin dibuat
Ga m ba r 2 3 ( M e m bua t D a t a ba se )
Klik OK
2 . M e n ggu n a k a n D a t a ba se
Klik t ree “ dat abases” dan pilih “ phpt raining” . Unt uk m engakt ifkan dat abase
“ phpt raining” bisa klik dua kali pada m ouse at au klik
Belajar-gratis.com
.
Belajar PHP (Abdul Hanan)
Ga m ba r 2 4 ( M e n ggun a k a n D a t a ba se )
3 . M e m bu a t Ta ble
Set elah dat abase akt if, pilih t ree “ t ables” , lalu klik
( new t able) . Program
akan m em unculkan Window Creat ing Table. Masukkan I nform asi kolom at au
field yang ingin dibuat .
Field pert am a adalah no, m asukkan “ no” pada field pert am a, pada dat a t ype
. Set elah
pilih “ int ”
it u klik
pada field “ no” unt uk m em berikan prim ary key pada field “ no” .
Dan at ur propert iesnya sepert i gam bar dibawah ini
Unt uk field lainnya m asukkan sepert i dibawah ini :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Nam a field : nam a, t ype : varchar, lengt h : 50
Nam a field : alam at , t ype : varchar, lengt h : 50
Nam a Field : t t l, t ype : varchar lengt h: 35
Klik
( save) unt uk m enyim pan t abel. Program akan m enanyakan nam a t abel
yang dibuat , m asukkan “ dat adiri”
4 . M e m a su k k a n da n M a n ipu la si D a t a
Anda dapat langsung m am asukkan dat a pada t abel yang dibuat sekaligus
m em anipulasinya. Pilih t abel “ dat adiri” , lalu pilih “ Act ion | Open t able | Ret urn
All rows” at au klik
dan pilih “ Ret urn All rows” .
M e m a su k k a n da t a
Unt uk m em asukkan dat a klik m enu “ Query | I nsert Record”
Masukkan dat a- dat a lainnya sesuai dengan kebut uhan Anda dengan cara yang
sam a. Selain it u Anda bisa langsung m engupdat e langsung dat a yang t elah
dim asukkan, t anpa perlu perint ah SQL. Klik ganda pada sel yang ingin Anda
gant i.
M e n gh a pus da t a
Unt uk m enghapus dat a pada baris ( record) t abel, pilih baris yang ingin dihapus,
lalu pilih m enu “ Query | Delet e Record” . Program akan m engkonfirm asi apakah
yakin ingin m enghapus record yang dipilih.
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Membuat Aplikasi Web Sederhana
(Guest Book)
Pada panduan kali ini akan dibuat sebuah aplikasi web sederhana yait u guest book
at au buku t am u yang m elibat kan Bahasa PHP dan dat abase. Pada prakt ek kali ini
m enggunakan t iga pem bahasan, yait u m asalah pendesainan, pem buat an dat abase,
dan penulisan script PHP agar aplikasi web m enj adi int erakif.
D e sa in Ta m pila n W e b
Langkah pert am a adalah m elakukan pendesainan w eb page. I kut i langkah dibawah
ini :
1. Masih pada file yang t elah dibuat yait u “ guest .php” . Buka file t ersebut unt uk
diedit . klik m enu “ File | Open” dan cari dim ana file t ersebut dilet akkan.
2. Jika sudah t erbuka arahkan kursor ke baris ke dua unt uk diisikan form guest
book dan isi dari dat abase guest book.
3. Klik t ab “ Form ” pada panel “ insert ” lalu klik
( form )
4. At ur Propert ies form , m asukkan Form Nam e- nya “ guest book” , act ion :
" m asukdat a.php” m et hode : “ post ” .
5. Buat t abel lagi sebanyak 9 baris dan 2 kolom . Past ikan t ab “ com m on” t erpilih
dan klik
. Pada box “ I nsert Table” at ur dat a- dat anya sebagai berikut :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 2 5 ( I n se r t Ta ble )
6. Pada panel “ Propert ies” at ur Align m enj adi “ cent er” . At ur pula ant ara kolom kiri
dan kanan sekit ar 25% dan 75% . Caranya klik t ahan pada t engah- t engah kolom
dan seret ke kiri.
Ga m ba r 2 6 ( M e m bua t Ta ble )
7. Masukkan dat a- dat a sepert i di bawah ini :
Belajar-gratis.com
Belajar PHP (Abdul Hanan)
Ga m ba r 2 7 ( M e m bua t Ta be l)
8. Selanj ut nya m asukkan I nput Box ke web page. Pilih t ab “ Form ” , arahkan kursor
ke sel di sebelah kanan Nam a. Klik
, selanj ut nya at ur propert iesnya :
Text Field : “ nam a” Char Widt h : 25 Max Char = 75
9.
Buat I nput Box yang sam a unt uk kot a, alam at , e- m ail, dan URL. At ur
at ribut nya sepert i dibawah ini :
nam e : kot a, Char Widt h : 25, Max Char = 25
nam e : alam at , Char Widt h : 35, Max Char = 75
nam e : em ail, Char Widt h : 35, Max Char = 50
nam e : url, Char Widt h : 35, Max Char = 100
10.Unt uk cat at an klik
Belajar-gratis.com
( t ext area) . At ur at ribut nya :
Belajar PHP (Abdul Hanan)
11.Selanj ut nya m asukkan t om bol “ subm it ” dan t om bol “ reset ” pada bagian paling
akhir t able. Klik t om bol
lalu klik lagi t om bol
At ur At ribut nya sepert i gam bar dibawah ini :
, kem udian at ur at ribut nya m enj adi :
Sehingga hasil akhirnya adalah sebagai berikut :
Ga m ba r 2 8 ( H a sil Ak h ir )
M e m bu a t D a t a ba se
Set elah desain berhasil dibuat langkah selanj ut nya adalah m em buat dat abase
unt uk m em asukkan dat a- dat a yang dim asukkan pengunj ung. Selanj ut nya j alankan
program MySQL Cont rol Cent er.
1. Past ikan MySQL Cont rol Cent er t elah dij alankan. Klik
Window Query.
Belajar-gratis.com
unt uk m em unculkan
Belajar PHP (Abdul Hanan)
2. Masukkan kode berikut :
USE phptraining;
CREATE TABLE guestbook (
id int(5) NOT NULL auto_increment,
tanggal varchar(20) NOT NULL default '',
nama varchar(75) NOT NULL default '',
kota varchar(25) NOT NULL default '',
alamat varchar(75) NOT NULL default '',
email varchar(50) NOT NULL default '',
url varchar(100) NOT NULL default '',
catatan text NOT NULL,
PRIMARY KEY
(id)
) TYPE=MyISAM;
3.
Klik
at au t ekan t om bol CTRL + E pada keyboard.
M e m a su k k a n Scr ipt PH P
Sekarang m em buat web page m enj adi sebuah web page yang int erakt if dengan
m engandalkan script PHP. Lakukan langkah- langkah dibawah ini :
1. Masih pada file yang sam a, klik
( show code view) , unt uk m enam pilkan
kode- kode yang t elah dibuat , m asukkan kode- kode dibawah ini.
.......
........
2. Rubah kode dibawah ini :
Menj adi :
3. Lalu m enam pilkan dat a- dat a guest book yang t elah dim asukkan dalam dat abase.
Tam bah script diant ara kode < / form > < / t d>
Sehingga m enj adi sepert i dibawah ini
...............
Belajar-gratis.com
Belajar PHP (Abdul Hanan)