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
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.
Menjalan Aplikasi Web PHP dengan
PHPTriad
PHPTr iad m er upakan salah sat u paket yang digunakan unt uk m enj alankan PHP. PHPTr iad t er dir i dar i beber apa t ool yang digunak an agar aplikasi pr ogr am w eb y ang dibuat dengan PHP bisa ber j alan, PHPTr iad t er dir i dar i :
1. Web Ser ver Apache 2. Modul PHP
3. Dat abase Ser ver MySQL 4. PHPMyAdm in.
M e n gin st a l PH PTr ia d
1. Jalankan I nst aller PHPTr iad. Per t am a kalinya anda ak an dihadapkan pada “ License Agr em ent ” , k lik “ I Agr ee” .
Ga m ba r 1 ( M e n gin st a l PH PTr ia d)
Ga m ba r 2 ( M e n gin st a l PH PTr ia d)
3. Click Close j ika pr oses inst alasi ber akhir .
M e n j a la n k a n PH PTr ia d
Set elah inst alasi selesai, aplikasi w eb PHP belum bisa j alan j ika apache dan dat abase ser v er My SQL m asih belum dij alank an. Lak uk an langk ah dibaw ah ini :
D-Sim pan file t er sebut di “ C: \ apache\ ht docs” dengan nam a t est .php dan j alankan di br ow ser dengan nam a ht t p: / / localhost / t est .php.
Web Editor
Macromedia DreamWeaver
M a cr om e dia D r e a m w e a v e r adalah salah sat u w eb edit or y ang paling bany ak
digunakan baik oleh w eb desainer m aupun w eb pr ogr am m er . Deam w eav er sangat m udah digunak an uk t uk w eb designer m elakukan peker j aanny a m endesign
halam an w eb. Begit u j uga unt uk par a w eb pr ogr am m er , m acr om edia dr eam w eaver m endukung ber bagai m acam j enis bahasa pem pr ogr am an w eb seper t i ASP,
ASP .NET, JSP, PHP, dan lain sebagainy a. Dengan begit u baik par a pr ogr am m er m aupun desainer sangat t er bant u dengan kehadir an Dr eam Weaver sebagai w eb edit or .
Tampilan Dreamweaver
Ga m ba r 6 ( Ta m pila n D r e a m w e a v e r )
M e m bu a t t a ble
Pada panduan per t am a, ak an diper lihat k an bagaim ana m em buat sebuah t abel dengan m udah dan cepat t anpa per lu m enget ahui scr ipt - scr ipt ht m l. Per hat ikan
langk ah- langk ah di baw ah ini :
1. Buat dokum en bar u dengan m em ilih m enu “ File | New ..” , pilih kat egor i “ Basic Page” pada sebelah kanannya pilih “ HTML” unt uk m em buat halam an HTML bar u
2. Pada Toolbar , past ikan “ Show Design View ” yang t er pilih dan pada t it le m asukkan “ Cont oh Tabel”
Ga m ba r 7 ( Pa ge Pr ope r t ie s)
4. Pilih ( icon cr eat e t able) . At ur kot ak I nser t t abel m enj adi sebagai ber ikut :
Ga m ba r 8 ( I n se r t Ta ble )
I kut i set t ing dibaw ah ini :
Row s : 3
Colum ns : 3
Bor der : 1
Cell Padding : 0
Cell Spacing : 0
Klik “ OK” j ika sudah selesai
5. Pada “ Docum ent Window ” akan dim unculk an sebuah t abel dengan 3 bar is dan t iga kolom :
6. At ur at r ibut - at r ibut t abel sesuai dengan kebut uhan, Klik yang ada pada bagian Bg Color dan pilih w ar na yang diinginkan m isalkan put ih :
at au langsung m asukkan nilai “ # FFFFFF”
M e m bu a t N a v iga si
Pada panduan selanj ut nya kit a akan m em buat sebuah navigasi seder hana yang m er upakan hasil pengem bangan dar i pem buat an t abel. I k ut i langk ah- langk ah dibaw ah 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 )
Ga m ba r 1 0 ( Pa ge Pr ope r t ie s)
3. Langkah ber ikut nya adalah m em buat t abel bar u, klik shor t cut , at ur seper t i gam bar dibaw ah ini :
Ga m ba r 1 1 ( I n se r t Ta ble )
4. At ur At r ibut nya pada bagian page pr oper t ies, r ubah a lign k e “ cent er ” , dan at ur
bg color - nya dengan w ar na “ # FFFFFF” .
Ga m ba r 1 2 ( I n se r t Ta ble )
6. Sekar ang m asukkan gam bar sebagai heading page. Ar ahkan Kur sor pada kolom
per t am a, dan k lik , pilih gam bar y ang t elah t er sedia dikom put er , m isalkan “ heading.j pg” , k lik “ OK”
Ga m ba r 1 3 ( I n se r t I m a ge )
7. Ar ahkan point er pada bar is ke t iga dan at ur beber apa set t ing ber ikut :
Hor z : “ Cent er ”
Bg Color : “ # 0066CC”
At ur .
Ga m ba r 1 4 ( Ta m pila n N a v iga si)
Dasar-Dasar HTML
<td>Contoh tag kontainer</td>
</tr>
</table>
Cont oh t ag t anpa penut up
< im age sr c= " gam bar ku.gif" >
<TITLE>My Web Site</TITLE>
Tulisan diant ar a 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 n ggu n a a n Ta g < t it le > )
META
Tag m et a ber fungsi sebagai bagian y ang digunak an dalam pencar ian, m isalk an sear ch engine, seper t i yahoo, at au google. Kat a- k at a y ang per t am a k ali dicar i oleh sear ch engine adalah kat a- kat a yang t er dapat di t ag < m et a> .
Dalam t ag m et a t er bagi m enj adi beber apa elem en, m isalkan unt uk k eyw or d, deskr ipsi w eb dan lain sebagainya.
Cont oh :
m em ber ikan infor m asi t ent ang keyw or d sit us :
<meta name="keyword" content="situs pribadi, situs indah">
m em ber ikan infor m asi t ent ang penj elasan sit us :
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Ga m ba r 1 6 ( Pe n ggu n a a n H e a din g)
Pa r a gr a f
m em buat par agr af m enggunak an t ag < p> < / p>
cont oh :
<p>
HTML merupakan kepanjangan dari Hipertext MarkUp Language yaitu
Pin da h Ba r is
HTML merupakan kepanjangan dari Hipertext MarkUp Language yaitu
suatu bahasa yang digunakan untuk membuat Web Page. HTML terdiri
<ol>
Hyper t ext Link, yait u infor m asi yang sat u dengan yang lainnya dapat ber hubungan dalam j ar ingan. Kar ena kem aj uan t eknologi hy per t ex t link buk an lagi hanya
m enggunak an t ek s biasa, m elaink an sudah bisa dalam bent uk m ult im edia sehingga disebut Link.
Unt uk m em buat Link m enggunak an t ag < a> ... < / a> . Tag ini m enggunakan at r ibut HREF y ang digunak an unt uk m enghubungkan dokum en lain, bent uk penulisannya sebagai ber ikut :
< a hr ef= ” ht t p: / / w w w .belaj ar - gr at is.com ” > Sit us Belaj ar - Gr at is.com < / a>
Ga m ba r 1 7 ( Pe n ggu n a a n H y pe r lin k )
Pr ak t ek
Unt uk bahan pr akt ek k et ik k ode- k ode HTML ber ik ut :
<html>
<head>
<title>My Web Site</title>
<meta name="keywords" content="situs pribadi, situs keren">
<meta name="description" content="Situs Pribadi yang menampilkan semua informasi yang dibutuhkan">
</head>
<body>
<center><h1>My Web Site</h1></center>
<br>
<p>Selasmat datang di situs pribadi ini, beragam informasi yang akan anda dapatkan diantaranya :
<p>Silahkan anda lihat link-link informasi yang berharga dibawah ini : </p>
<p><strong>Belajar Gratis </strong> : <a
<strong>Ilmu Komputer</strong> : <a
href="http://www.ilmu-komputer.com">http://www.ilmu-komputer.com</a> memberikan informasi tentang ilmu komputer<br>
<strong>ICT Centre Jakarta</strong> : <a
href="http://www.ictcentre.net">http://www.ictcentre.net</a> Center of ICT Studies Of Jakarta </p>
</body>
</html>
Sim pam file t er sebut dengan nam a “ pr ak t ek- 1.ht m ” pada folder “ C: \ apache\ ht docs” . Jalankan br ow ser dan ket ikkan alam at URL- nya : ht t p: / / localhost / pr akt ek- 1.ht m.
Database Dengan MySQL
Menggunakan MySQL Control Center
Pada pr akt ek kali ini akan dibuat sebuah dat abase dengan t able didalam nya sebagai ber ikut :
No. Nam a Alam at TTL
1 Akhm ad Sudant o Jakar t a Jakar t a, 24 Mar et 1980
2 Andi Bekasi Bekasi, 15 Januar i 1984
3 Budiant o Bogor Bandung, 16 Apr il 1979
4 Nanda Jakar t a Tangger ang, 30 Juni
1986
5 Oca Bandung Bandung, 4 Agust us
1984
6 Rahm an Bekasi Bekasi, 6 Sept em ber
1987
Unt uk m em per m udah m anipulasi dat abase ser v er My SQL gunak an t ool My SQL
Ga m ba r 1 9 ( Re gist e r Se r v e r )
Masukkan infor m asi- infor m asi ber ikut :
N a m e : m em ber ik an nam a unt uk r egist er ser v er , isik an “ m y Connect ion”
H ost N a m e : m em ber ikan infor m asi host dat abase MySQL, isikan “ localhost ”
Use r N a m e : m em ber ik an infor m asi user y ang m engakses dat abase, isikan “ r oot ”
Pa ssw or d : m em ber ikan infor m asi passw or d dar i user yang dipakai, biar kan
kosong j ika user t idak m em iliki passw or d, at au ber ikan passw or d- nya j ika user m em iliki passw or d.
Manipulasi Database Dengan Perintah SQL
MySQL Cont r ol Cent er m em ber ikan Fasilit as Quer y yang dikhususkan unt uk
m em anipulasi dat abase m enggunakan per int ah SQL. Pada t oolbar klik ( Quer y) , sam pai m uncul Quer y Window .
Ga m ba r 2 0 ( Je n de la Qu e r y )
1 . M e m bu a t da t a ba se
Langkah per t am a yang dilakukan dalam m em anipulasi dat a dar i dat abase adalah m em buat dat abase it u sendir i. Misalk an dat abase y ang dibuat adalah “ phpt r aining” , ket ikkan per int ah dibaw ah ini :
create database phptraining;
Klik ( execut e) pada t oolbar .
2 . M e n gg u n a k a n D a t a ba se y a n g t e la h dibu a t
use phptraining;
no int(5) unsigned auto_increment,
nama varchar(50),
Jika t abel di at as ber hasil dibuat , selanj ut nya adalah m em asukkan dat a pada t abel t er sebut . Ket ikk an per int ah- per int ah dibaw ah ini :
INSERT INTO datadiri (nama, alamat, ttl) VALUES ('Akhmad Sudanto', 'Jakarta', 'Jakarta, 24 Maret 1980');
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');
Sekar ang dat abase beser t a t abel yang dibuat bisa dim anipulasi dengan m enggunak an per int ah SQL.
Mengam bil dat a dar i t abel :
SELECT * FROM datadiri;
Ga m ba r 2 1 ( M e n ga m bil D a t a )
SELECT no, nama, ttl FROM datadiri;
Ga m ba r 2 2 ( M e n ga 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
hapus dat abase t er sebut yang sebelum nya t elah dibuat dengan per int ah SQL. Ket ikkan per int ah :
DROP DATABASE phptraining;
Close Quer y Window unt uk m asuk k e Console Manager .
1 . M e m bu a t D a t a ba se
Klik ( New Dat abase) pada t ool bar at au pilih m enu “ Act ion | New Dat abase” . Selanj ut ny a m asuk k an nam a dat abase y ang ingin dibuat
Ga m ba r 2 3 ( M e m bu a t D a t a ba se )
Klik OK
2 . M e n gg u n a k a n D a t a ba se
Klik t r ee “ dat abases” dan pilih “ phpt r aining” . Unt uk m engakt ifkan dat abase
Ga m ba r 2 4 ( M e n ggu n 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 r ee “ t ables” , lalu klik ( new t able) . Pr ogr am ak an m em unculk an Window Cr eat ing Table. Masuk k an I nfor m asi k olom at au field y ang ingin dibuat .
Field per t am a adalah no, m asukkan “ no” pada field per t am a, pada dat a t ype
pilih “ int ” . Set elah
it u klik pada field “ no” unt uk m em ber ikan pr im ar y key pada field “ no” .
Dan at ur pr oper t iesnya seper t i gam bar dibaw ah ini
Nam a field : nam a, t y pe : v ar char , lengt h : 50
Anda dapat langsung m am asukkan dat a pada t abel yang dibuat sekaligus m em anipulasinya. Pilih t abel “ dat adir i” , lalu pilih “ Act ion | Open t able | Ret ur n
All r ow s” at au klik dan pilih “ Ret ur n All r ow s” .
M e m a su k k a n da t a
Unt uk m em asukkan dat a klik m enu “ Quer y | I nser t Recor d”
Masukkan dat a- dat a lainnya sesuai dengan kebut uhan Anda dengan car a yang sam a. Selain it u Anda bisa langsung m engupdat e langsung dat a y ang t elah dim asuk k an, t anpa per lu per int ah SQL. Klik ganda pada sel y ang ingin Anda gant i.
M e n g h a p u s da t a
Membuat Aplikasi Web Sederhana
(Guest Book)
Pada panduan kali ini akan dibuat sebuah aplik asi w eb seder hana yait u guest book at au buku t am u yang m elibat kan Bahasa PHP dan dat abase. Pada pr akt ek kali ini m enggunakan t iga pem bahasan, yait u m asalah pendesainan, pem buat an dat abase, dan penulisan scr ipt PHP agar aplikasi w eb m enj adi int er ak if.
D e sa in Ta m pila n W e b
Langk ah per t am a adalah m elak uk an pendesainan w eb page. I kut i langkah dibaw ah ini :
1. Masih pada file yang t elah dibuat yait u “ guest .php” . Buka file t er sebut unt uk diedit . klik m enu “ File | Open” dan car i dim ana file t er sebut dilet akkan.
2. Jika sudah t er buka ar ahkan kur sor ke bar is k e dua unt uk diisik an for m guest book dan isi dar i dat abase guest book.
3. Klik t ab “ For m ” pada panel “ inser t ” lalu k lik ( for m )
4. At ur Pr oper t ies for m , m asukkan For m Nam e- nya “ guest book” , act ion : " m asukdat a.php” m et hode : “ post ” .
5. Buat t abel lagi sebanyak 9 bar is dan 2 kolom . Past ik an t ab “ com m on” t er pilih
Ga m ba r 2 5 ( I n se r t Ta ble )
6. Pada panel “ Pr oper t ies” at ur Align m enj adi “ cent er ” . At ur pula ant ar a kolom kir i dan k anan sek it ar 25% dan 75% . Car any a klik t ahan pada t engah- t engah kolom dan ser et ke kir i.
Ga m ba r 2 6 ( M e m bu a t Ta ble )
Ga m ba r 2 7 ( M e m bu a t Ta be l)
8. Selanj ut ny a m asukkan I nput Box ke w eb page. Pilih t ab “ For m ” , ar ahkan kur sor k e sel di sebelah k anan Nam a. Klik , selanj ut ny a at ur pr oper t iesny a :
Tex t Field : “ nam a” Char Widt h : 25 Max Char = 75
9. Buat I nput Box y ang sam a unt uk k ot a, alam at , e- m ail, dan URL. At ur at r ibut ny a seper t i dibaw ah ini :
nam e : k ot 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 : ur l, Char Widt h : 35, Max Char = 100
11. Selanj ut ny a m asukkan t om bol “ subm it ” dan t om bol “ r eset ” pada bagian paling
akhir t able. Klik t om bol At ur At r ibut ny a seper t i gam bar dibaw ah ini :
lalu klik lagi t om bol , kem udian at ur at r ibut nya m enj adi :
Sehingga hasil ak hir ny a adalah sebagai ber ik ut :
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 ber hasil dibuat langkah selanj ut ny a adalah m em buat dat abase unt uk m em asuk k an dat a- dat a y ang dim asuk k an pengunj ung. Selanj ut ny a j alankan pr ogr am MySQL Cont r ol Cent er .
2. Masukkan kode ber ik ut :
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, m engandalkan scr ipt PHP. Lakukan langkah- langkah dibaw ah ini :
1. Masih pada file yang sam a, klik ( show code v iew ) , unt uk m enam pilk an k ode- k ode y ang t elah dibuat , m asuk k an k ode- k ode dibaw ah ini.
...
</head>
<?php
$id_massage = isset($_GET["id_massage"]) ? $_GET["id_massage"] : "";
switch($id_massage)
{
case 1:
$tls_pesan = "Isikan seluruh masukkan data dengan benar";
break;
case 2:
$tls_pesan = "Alamat e-mail anda tidak benar";
default:
$tls_pesan = "";
break;
}
?>
<body>
...
2. Rubah kode dibaw ah ini :
Menj adi :
3. Lalu m enam pilkan dat a- dat a guest book yang t elah dim asukkan dalam dat abase.
Tam bah scr ipt diant ar a kode < / for m > < / t d>
<?php
$db_host = "localhost";
$db_user = "root";
$db_password = "coolabis";
$db_name = "phptraining";
$conn_db = @mysql_connect($db_host, $db_user, $db_password) or die("settingan database server salah");
$select_db = @mysql_select_db($db_name) or die("Database tidak diketemukan");
$query = "SELECT * FROM guestbook ORDER BY id DESC";
$result = mysql_query($query);
echo "<table width='85%' cellpadding='4' cellspacing='1' align='center' bgcolor='#000000'>";
echo "<tr><td bgcolor='#EEEEEE'>$tls_tanggal :: $tls_nama ::<br>";
$db_user = "root";
$db_password = "coolabis";
$db_name = "phptraining";
$conn_db = mysql_connect($db_host, $db_user, $db_password) or die("settingan database server salah");
$select_db = mysql_select_db($db_name) or die("Database tidak diketemukan");
$nama = $_POST["nama"];
$query = "INSERT INTO guestbook (tanggal, nama, kota, alamat, email, url, catatan) VALUES ('$tanggal', '$nama', '$kota', '$alamat', '$email', '$url', '$catatan')";
?>
