Di susun oleh B S I
===
Akademi Manajemen Informatika & Komputer
BINA SARANA INFORMATIKA Jakarta 2014
KATA PENGANTAR
Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Web Programming II ini dapat terselesaikan dengan baik. Selanjutnya modul ini disusun untuk memberikan gambaran bagi mahasiswa yang mempelajari Web Programming. Dengan menggunakan metode “Belajar Cepat Dan Menyenangkan” karena modul ini disertai contoh kasus, sehingga lebih memudahkan anda dalam memahami pembuatan web.
Akhir kata penulis berharap semoga modul Web Programming II ini dapat dipergunakan sebaik-baiknya dan dapat dijadikan referensi untuk mahasiswa umum yang ingin mempelajari pembuatan web. Tak lupa penulis mengucapkan banyak terima kasih kepada semua pihak yang telah membantu dengan tenaga dan pikirannya, terima kasih juga kepada rekan–rekan instruktur, dosen dan semuanya yang tidak bisa disebutkan satu persatu, yang selalu mendukung penulis sehingga modul ini sehingga dapat selesai sesuai yang kita inginkan semua.
Penulis menyadari masih banyak kekurangan dalam penyusunan modul ini. Untuk itu saran dan kritik yang membangun sangat penulis harapkan guna perbaikan dan pengembangan modul ini kedepan.
Jakarta, April 2010
Penulis
BAB IV SKRIP PHP DALAM DREAMWEAVER..…………………… 23
4.1. Pengenalan Skrip PHP ……………………………. 23
4.1.1. Teknik Menuliskan skrip
4.1.2. Pemakaian perintah echo
4.1.3. Penggabungan Operasi Angka dan Teks
4.2. Bekerja dengan teks heading…………….………................ 24
BAB V FORM…………………………………………….…………….. 31
5.1. Pengenalan Form…..……………………………………….. 31
5.1.1. Perancangan Awal Form dengan Tabel
5.1.2. Menggunakan Objek Text Field
5.1.3. Menggunakan Objek Hidden Field
5.1.4. Menggunakan Objek Text Area
5.1.5. Menggunakan Objek Check Box
5.1.6. Menggunakan Objek Radio Button
5.1.7. Menggunakan Objek List Menu/ Drop List
5.1.8. Menggunakan Objek File Field/ Media Upload
BAB VI TABEL DAN MODIFIKASI TABEL…………...............................35
6.1. Pembuatan Tabel........……………………………………..35
6.1.1. Menambahkan Kolom dan Baris
6.1.2. Memblok dan Menseleksi Tabel
6.2. Penggunaan Properties Di Dalam Tabel…………………… 43
6.2.1. Menambahkan Kolom dan Baris
6.2.2. Tata Letak dan Perataan Tabel
6.2.3. Pengaturan Spacing dan Padding
6.2.4. Merge Cell Untuk Menggabungkan Data
6.2.5. Spilt Cell Untuk Membagi Data
6.2.6. Mengubah Ukuran Tabel
6.2.7. Membuat Tabel Di dalam Tabel
BAB VII KONEKSI DATABASE………………………………………….. 49
7.1. Koneksi database…………………………………………… 49
7.1.1. Mengaktifkan database
7.2. Skrip Dalam Database……………………………………… 50
7.2.1. Menampilkan Isi Data dari Database
7.2.2. Membuat Program Masukan Data Anggota
7.2.3. Membuat Program Simpan Data Anggota
7.2.4. Membuat Program Hapus Data Anggota
7.2.5. Membuat Program Ubah Data Anggota
BAB VIII STUDI KASUS I DATABASE PENJUALAN DAN TABEL….. 54
8.1. Membuat Database........................…………….................... 54
8.2. Pembuatan Tabel.........................…….................................. 56
8.2.1. Tabel admin
8.2.2. Tabel member
8.2.3. Tabel barang
8.2.4. Tabel pemesanan
8.2.5. Tabel pemesanan_detail
8.2.6. Tabel kantong
BAB IX STUDI KASUS II MEMBUAT FORM MASTER.....................…. 58
9.1. Membuat Form Barang……………………………….. … 58
9.2. Membuat Form Anggota ………………………………… 59
BAB X MODOFIKASI FORM MASTER……………………………….. 61
10.1. Menghapus dan Mengedit Data Barang ……….…………… 61
10.1.1. Menghapus Data Barang
10.1.2. Mengedit Data Barang
10.2. Menampilkan & Menghapus Form Anggota………………… 61 BAB XI
STUDI KASUS III MEMBUAT FORM LOGIN………………
11.1. Membuat Form Login Admin……..….…………………… 69
A. Membuat Form Home Admin
BAB XII MEMBUAT FORM LOGIN LANJUTAN………..…………… 74
12.1. Membuat Form Login User…………………..………….. 74
12.2. Membuat File Untuk Memeriksa Status Login Anggota.....
12.3. Membuat Status Akses………………………………….
12.4. Membuat File Librari
12.5. Membuat Cascading Style Sheet
BAB XIII STUDI KASUS IV MEMBUAT FORM PENJUALAN………
13.1 Membuat Form Penjualan…………………………………. 81
BAB XIV MODIFIKASI FORM PENJUALAN I ……………………… 117
14.1. Membuat Ubah Penjualan
14.2. Membuat Konfirmasi Data Anggota Untuk
Pengiriman Barang...........................................................
BAB XV MODIFIKASI FORM PENJUALAN II…………………….. 121
15.1. Menyimpan Konfirmasi Ulang Data Anggota…………
BAB XVI MERANCANG WEB PENJUALAN…….…………………….. 124
16.1. Merancang halaman utama/ Membuat
halaman index…………………………………………
BAB XVII MERANCANG WEB PENJUALAN (LANJUTAN)………… 127
17.1.Membuat Form Profil
17.2. Membuat Form Info Anggota
17.3. Membuat Form Kontak Kami
17.4. Membuat Form Cara Pembayaran
17.5. Membuat Banner Menggunakan Flash MX atau Flash 8
BAB XVIII HOSTING WEB……………………………….. DAFTAR PUSTAKA
BAB I Pengenalan
MySQL
)* +, -.$/%''
'0
"45# & "655#
3 "45#
3 ##1
32,
BAB II Pengenalan
Database
DE >DE9 "D
E >D
E 9#
C&
! & C&
C:
C&
Email Link
Tabel
Group Image
Date
Command Tag Chooser
Hyperlink
Anchor
Insert Div Tag
Media
Server Side Include Tamplet
9 4 7A>
84 7 >
&.
Insert Div Tag
Draw Layout Cell
Table Draw layer
Layout Table
Frame
9 4 7.>
84 7%>
&.
9 4 7-,
)I!
9 4 7':
Text Field Text area
Radio Button List Menu
Image Button
Form
Hidden Field Check Box Radio Group Jump Menu File Field
84 7:>
@+H
@+.
, :+
Format teks Bold,
Membuat Heading Membuat list
Italic, Strong
H1, H2 dan H3
H @+
$J G
M3 / @NO1 L0* $J G
H G * KL
* KL
M39F@NO1 L0 *
M3 F >/2NO1 L0 * ,
G * KL
M3,//=>FNO1 L0 * >
3 3 "P (CCQR(6P#1
3 3 "P (CCQR(6P#1 * ,
Script html sederahana yang akan digunakan adalah, bagaimana cara membuat table.
1. Dengan menggunakan editor Dreamweaver, buatlah halaman baru menggunakan tipe HTML.
2. Pada halaman desain, tambahkan objek table ( ), dengan ketentuan berikut:
Gambar 3.11. Ketentuan table
3. Setelah table dibuat, desainlah kerangka table tersebut sebagai berikut:
Gambar 3.12. Tampilan Tabel
4. File di atas simpan C:\xampp\htdocs\nim\coba.html.
5. Berikut skrip lengkapnya:
coba.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Perkenalan</title> </head> <body> <table width="300" border="0" cellspacing="1" cellpadding="2">
<tr> <td width="103">Nama</td> <td width="186">Azuka Sausan </td>
</tr> <tr>
<td>Nim</td> <td>12081234</td>
</tr> <tr>
<td>Kelas</td> <td>Manajemen Informatika</td>
</tr> </table> </body> </html>
;<; =#
• KL .
L0
• KL
L0
• KU .
U0
• K ,J> @
;*
*0
K7 ,J> @0
EF ,
M ; *. >= :
F2
"IH# ,
A "HI#
K:/!E ;*V55RRAA*0&
K:/!E
;V55RRAA0 ,
EF ,
*K:/!E
;V55RRAA0*1
L*1
F2
"J#
EF ,
*1
F2
• 8 %0
= &.
EF ,
<1 < S Q1
F2
• 8 70
. " J+, J #,
EF ,
*K 0*1 *K 60
6 K7 601
F2
Dalam penulisan suatu paragrap dalam kode HTML sebenarnya telah ada tag khusus untuk memberikan macam - macam ukuran dari judul paragraph tersebut. Disebut dengan text heading. Berikut skrip lengkapnya dari text heading:
heading.html :
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Judul Text</title> </head> <body> <H1>Ini menggunakan Heading 1</H1> <H2>Ini menggunakan Heading 2</H2> <H3>Ini menggunakan Heading 3</H3> <H4>Ini menggunakan Heading 4</H4> <H5>Ini menggunakan Heading 5</H5> <H6>Ini menggunakan Heading 6</H6> </body> </html>
Simpan skrip diatas disimpan C:\xampp\htdocs\nim\heading.html
+ < C + 84
% H " #&
H &.
9 4 $7@
$ % ++
4 8DC
/% @+H
%.
H &.
@+H
C 8DC
A % @+H
% @+H
• 8DC
@+H 6& @+H
• D,
@+H
@+H
"S#
@+H
D 65
@+H
D 4Q
4Q
C H ,- +
4 8D<
@+H "
H &.
C 8DC
C 8D<
D Q5
9 4 $A@
C%
;D
H *. . L*& < %
C , ;D
9 4 $.H
&D
9 4 $'H
C%
• Radio Button
: Kolom ini digunakan untuk menentukan variabel kelompok Radio, di dalam satu kelompok pilihan Anda harus memberi nilai variabel yang sama.
• Checked Value
: Kolom ini digunakan untuk membedakan antara Radio satu dengan yang lain, setiap Radio harus diberikan nilai yang berbeda (disesuaikan dengan bentuk pilihannya).
• Inisial State
: Kolom ini merupakan kondisi Radio, apabila memilih Checked meka pada radio tersebut akan dalam keadaan terpilih dan apabila Unchecked akan dipasang dalam keadaan tidak terpilih.
$ A ++
H *. L* < %
B X" #
C%
/% H H " #
< % H H H " #&
Pada gambar di atas dapat dijelaskan:
• File Field name
: digunakan untuk mendefinisikan nama variabel pada File
Field.
• Char width
: digunakan untuk menentukan lebar objek.
• Max char
: digunakan untuk memberi batasan panjang file data yang dimasukan, batasan ini berdasarkan jumlah karakter alamat.
A ,&
C%
9 4 $A
;<; #=
84 84
& 4 84
C&
84& % %
"U# %
9 4 &A
4 % % "J # ", #
9 4 &'
&%7 +
&%: + L
&%$ L
9 4 &A
&%& +4,L
9 4 &A
&%A 4 84 84
&,
&.
9 4 &.,
; L mysql_connect(”server host”, ”user”,”password”)
<?php $koneksi=mysql_connect(“localhost”,”root”,”password”) or die (“Gagal konek server”.mysql_error());
If($koneksi) { echo “Koneksi berhasil”; } ?>
#&
#&
<?php $koneksi=mysql_connect(“localhost”,”root”,”password”) or die (“Gagal konek server”.mysql_error());
If($koneksi) { mysql_select_db(”buku”,$koneksi) or die (”Database gagal dibuka”.mysql_error());
echo “Koneksi berhasil”; } ?> echo “Koneksi berhasil”; } ?>
or die (”Database gagal dibuka”.mysql_error());
9 4 A7=
9 4 A:=
A% 4
A% =
' 3' "# $
F F,@
F F,@ %
<?php $koneksi=mysql_connect(“localhost”,”root”,”password”) or die (“Gagal konek server”.mysql_error());
If($koneksi) { mysql_select_db(”buku”,$koneksi) or die (”Database gagal dibuka”.mysql_error());
’Menjalankan Query $sql=mysql_query(”SELECT * FROM anggota”, $koneksi) or die (“Query Gagal”.mysql_error());
while ($data=mysql_fetch_array($sql)){ echo “ID : $data[id_anggota]<br>”; echo “Nama : $data[nm_anggota]<br>”; echo”Alamat : $data[alamat]<br>”; echo”Kelamin : “; echo ($data[‘kelamin’]==”P”)?”Pria”:”Wanita”<br><hr>”; }
; L while ($data=mysql_fetch_array($permintaan)){
while ($data=mysql_fetch_array($sql)){ while ($data=mysql_fetch_array($sql)){
echo ($data[‘kelamin’]==”P”)?”Pria”:”Wanita”;
while ($data=mysql_fetch_array($sql)){ echo “ID : $data[id_anggota]<br>”; echo “Nama : $data[nm_anggota]<br>”; echo”Alamat : $data[alamat]<br>”; echo”Kelamin : “; echo ($data[‘kelamin’]==”P”)?”Pria”:”Wanita”<br><hr>”;
Gambar 7.6. Properties Form
Gambar 7.7. Ketentuan ukuran tabel
5. Di dalam tabel yang telah di desain, tambahkan beberapa objek formulir sesuai data pertanyaan yang akan dimasuki.
Gambar 7.8. Form masukan data anggota
6. Dari desain formulir di atas, Anda dapat melihat definisi pengaturan setiap objek form dengan melihat tabel berikut:
Tabel 7.1. Ketentuan objek
Text Field
Char Width
Max Char
Keterangan
ID Anggota
Text Field
Char Width
Max Char
Keterangan
Nama
Text Field
Char Width
Max Char
Keterangan
Alamat
Radio Button
Name
rbgender
Checked Value
Radio Button
Name
rbgender
Checked Value
7. Simpan file di atas di C:\apache2triad\htdocs\nim\masukanform.php
8. Berikut adalah skrip lengkap yang didapat dari desain form masukan di atas:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>From Masukan</title> </head> <body> <form id="form1" name="form1" method="post" action="masukanform.php" target="_self">
<table width="342" border="1"> <tr> <td colspan="3"><strong>Masukan Data Anggota</strong> </td> </tr>
<tr> <td width="95">ID Anggota </td> <td width="3">:</td> <td
id="txtid" size="10" maxlength="6" /></td> </tr> <tr>
width="222"><input
name="txtid"
type="text"
<td>Nama</td> <td>:</td> <td><input name="txtnama" type="text" id="txtnama" size="35" maxlength="35"
/></td> </tr> <tr>
<td>Alamat</td> <td>:</td> <td><input name="txtalamat" type="text" id="txtalamat" size="35" maxlength="60"
/></td> </tr> <tr>
<td>Kelamin</td> <td>:</td> <td><label>
<input name="rbgender" type="radio" value="P" checked/> Pria <input name="rbgender" type="radio" value="W" checked/> Wanita</label></td>
</tr> <tr>
<td> </td> <td> </td> <td><label>
<input type="submit" name="Submit" value="Simpan" /> </label></td> </tr> </table> </form> </body> </html>
<input name="txtid" type="text" id="txtid" size="10" maxlength="6">
<input name="txtnama" type="text" id="txtnama" size="35" maxlength="35">
<input name="rbgender" type="radio" value="P" checked>Pria <input name="rbgender" type="radio" value="W" checked>Wanita
<input type="submit" name="Submit" value="Simpan">
9 4 A-H
A%7 4 +
9 4 A'@
<html"> <body> <?php
("Gagal konek server".mysql_error());
$koneksi=mysql_connect("localhost","root","password")or
die
if($koneksi){ mysql_select_db("buku",$koneksi)or die ("Database gagal dibuka".mysql_error());
$txtid=$_POST['txtid']; $txtnama=$_POST['txtnama']; $txtalamat=$_POST['txtalamat']; $rbgender=$_POST['rbgender'];
$sql="INSERT INTO anggota(id_anggota,nm_anggota,alamat,kelamin) VALUES('$txtid','$txtnama','$txtalamat','$rbgender')"; mysql_query($sql,$koneksi)or die("Gagal query disimpan".mysql_error()); echo"Data berhasil disimpan"; } ?>
</body> </html>
$txtid=$_POST['txtid']; $txtnama=$_POST['txtnama']; $txtalamat=$_POST['txtalamat']; $rbgender=$_POST['rbgender'];
$sql="INSERT INTO anggota(id_anggota,nm_anggota,alamat,kelamin) VALUES('$txtid','$txtnama','$txtalamat','$rbgender')"; mysql_query($sql,$koneksi)or die("Gagal query disimpan".mysql_error());
#&
Gambar 7.13. Ketentuan Ukuran Tabel Tampil Data Hapus Anggota
3. menghasilkan kerangka tabel sebagai berikut:
Gambar 7.14. Form Tampilan Data Hapus anggota
4. Simpan file di atas di C:\apache2triad\htdocs\nim\tampilhapus.php
5. Berikut adalah skrip lengkap yang didapat dari desain form tampil hapus;
Skrip tampilhapus.php: <html> <head> <title>Untitled Document</title> </head> <body>
<table width="438" border="1"> <t>
<td colspan="4" bgcolor="#99CC66"><div align="center"><strong>TAMPIL DATA ANGGOTA </strong></div></td> </t> <t>
<td width="51" bgcolor="#99FFCC"> <div align="center"><strong>ID</strong></div></td> <td width="123" bgcolor="#99FFCC"> <div align="center"><strong>Nama</strong></div></td> <td width="162" bgcolor="#99FFCC"> <div align="center"><strong>Alamat</strong></div></td> <td width="74" bgcolor="#99FFCC"> <div align="center"><strong>Tombol</strong></div></td>
</t> <?php $koneksi=mysql_connect("localhost","root","password")
or die("Koneksi Gagal".mysql_error()); if($koneksi){ mysql_select_db("buku",$koneksi)or die ("Database gagal dibuka ".mysql_error()); //Mejalankan Query
$sql=mysql_query("SELECT * FROM anggota",$koneksi) or die("Query Gagal".mysql_error()); while($data=mysql_fetch_array($sql)){
?> <tr> <td><?php echo $data['id_anggota'];?></td>
<td><?php echo $data['nm_anggota'];?></td> <td><?php echo $data['alamat'];?></td> <td align="center">
<a href="hapusdata.php?ID=<?php echo $data['id_anggota'];?>">Hapus</a></td>
</tr> <?php }} ?>
</table> </body>
</html>
$sql=mysql_query("SELECT * FROM anggota",$koneksi) or die("Query Gagal".mysql_error()); while($data=mysql_fetch_array($sql)){
……
…..
while($data=mysql_fetch_array($sql)){ ?> <tr> <td><?php echo $data['id_anggota'];?></td> <td><?php echo $data['nm_anggota'];?></td> <td><?php echo $data['alamat'];?></td> <td align="center">
<a href="hapusdata.php?ID=<?php echo $data['id_anggota'];?>">Hapus</a></td>
</tr> <?php }} ?>
<a href="hapusdata.php?ID=<?php echo $data['id_anggota'];?>">Hapus</a>
<html> <body> <?php $koneksi=mysql_connect("localhost","root","password")ordie("Gagal konek".mysql_error()); if($koneksi){ mysql_select_db("buku",$koneksi)or die("Database gagal dibuka".mysql_error()); $ID=$_GET['ID']; $sql="DELETE FROM anggota WHERE id_anggota='$ID'"; $qry=mysql_query($sql,$koneksi)or die("Query Gagal".mysql_error()); if($qry){ echo "Data berhasil dihapus"; include "hapustampil.php";
} else echo "Gagal menghapus"; exit; } ?> </body> </html>
$ID=$_GET['ID'];
! $J
$sql="DELETE FROM anggota WHERE id_anggota='$ID'"; $qry=mysql_query($sql,$koneksi)or die("Query Gagal".mysql_error());
if($qry){ echo "Data berhasil dihapus"; include "hapustampil.php"; } else echo "Gagal menghapus"; exit;
T!
9 4 A&@
A%$ 4 +
L4 ,
< ++
&=
&= &.
#&
L4 ,
8 #&
#&
Skrip ubahtampil.php:
<html> <body>
<table width="438" border="1"> <tr> <td colspan="4" bgcolor="#99CC66"><div align="center"><strong>TAMPIL DATA ANGGOTA </strong></div></td> </tr> <tr>
<td width="51" bgcolor="#99FFCC"> <div align="center"><strong>ID</strong></div></td> <td width="123" bgcolor="#99FFCC"> <div align="center"><strong>Nama</strong></div></td> <td width="162" bgcolor="#99FFCC"> <div align="center"><strong>Alamat</strong></div></td> <td width="74" bgcolor="#99FFCC"> <div align="center"><strong>Tombol</strong></div></td> </tr> <?php $koneksi=mysql_connect("localhost","root","password") or die("Koneksi Gagal".mysql_error());
If($koneksi){ mysql_select_db("buku",$koneksi) or die("Database gagal dibuka ".mysql_error()); //Mejalankan Query $sql=mysql_query("SELECT * FROM anggota",$koneksi) or die("Query Gagal".mysql_error());
while($data=mysql_fetch_array($sql)){ ?> <tr> <td><?php echo $data['id_anggota'];?></td> <td><?php echo $data['nm_anggota'];?></td> <td><?php echo $data['alamat'];?></td> <td align="center"> <a href="ubahdata.php?ID=<?php echo $data['id_anggota'];?>" > Ubah</a></td> </tr> <?php }} ?>
</table> </body> </html>
E <a
$data['id_anggota'];?>" > Ubah</a></td>
href="ubahdata.php?ID=<?php
echo
+ ,@
<html> <body> <?php $koneksi=mysql_connect("localhost","root","password") or die("Koneksi Gagal".mysql_error());
if($koneksi){ mysql_select_db("buku",$koneksi) or die("Database gagal dibuka ".mysql_error()); $ID=$_GET['ID']; //Mejalankan Query
$sql="select * from anggota where id_anggota='$ID'"; $qry=mysql_query($sql,$koneksi)or die("Query Gagal".mysql_error()); $data=mysql_fetch_array($qry); $ID=$data['id_anggota']; $nama=$data['nm_anggota']; $alamat=$data['alamat']; if($data['kelamin']=="P"){ $cekp="checked"; $cekw="";} else{
$cekp=""; $cekw="checked";} }
?> <form action="ubahsimpan.php" method="get" name="form1" target="_self">
<table width="350" border="1"> <tr> <td colspan="2">Ubah Data Anggota </td> </tr> <tr>
<td width="103">ID Anggota </td> <td width="231">
<input name="txtid" type="text" id="txtid" size="10" value="<?echo"$ID";?>" maxlength="6" disabled/> <input name="ID" type="hidden" value="<?echo"$ID";?>"/> </td>
</tr> <tr>
<td>Nama </td> <td>
<input type="text" name="txtnama" size="30" value="<?echo"$nama";?>" maxlength="35" /></td>
</tr> <tr>
<td>Alamat</td> <td><input type="text" name="txtalamat" size="30" value="<?echo"$alamat";?>" maxlength="60"/></td>
</tr> <tr>
<td>Jenis Kelamin </td> <td><label>
<input name="rbgender" type="radio" value="P" <?echo"$cekp";?> /> Pria <input name="rbgender" type="radio" value="W" <?echo"$cekw";?>/> Wanita</label></td>
</tr> <tr> <td> </td> <td><input type="submit" name="Submit" value="Simpan" /></td>
</tr> </table> </form> </body> </html>
$ID=$_GET['ID'];
! $J
$sql="select * from anggota where id_anggota='$ID'"; $qry=mysql_query($sql,$koneksi)or die("Query Gagal".mysql_error());
$data=mysql_fetch_array($qry); $ID=$data['id_anggota']; $nama=$data['nm_anggota']; $alamat=$data['alamat'];
if($data['kelamin']=="P"){ $cekp="checked"; $cekw="";} else{ $cekp=""; $cekw="checked";
<input name="rbgender" type="radio" value="P" <?echo"$cekp";?>/>Pria <input name="rbgender" type="radio" value="W" <?echo"$cekw";?>/> Wanita
<input name="txtid" type="text" id="txtid" size="10" value="<?echo"$ID";?>" maxlength="6" disabled/> <input name="ID" type="hidden" value="<?echo"$ID";?>"/>
3 % @+H = "
@+H
<input type="text" name="txtnama" size="30" value="<?echo"$nama";?>" maxlength="35" /> <input type="text" name="txtalamat" size="30" value="<?echo"$alamat";?>" maxlength="60"/>
Skrip ubahsimpan.php:
<html> <body> <?php $koneksi=mysql_connect("localhost","root","password") or die ("Gagal konek server".mysql_error());
if($koneksi){ mysql_select_db("buku",$koneksi) or die ("Database gagal dibuka".mysql_error()); $IDH=$_POST['IDH']; $txtnama=$_POST['txtnama']; $txtalamat=$_POST['txtalamat']; $rbgender=$_POST['rbgender'];
$sql="update anggota set nm_anggota='$txtnama', alamat='$txtalamat',kelamin='$rbgender' where id_anggota='$IDH'"; $qry=mysql_query($sql,$koneksi)or die("Gagal Query ubah :".mysql_error()); echo "Data berhasil diubah"; include "ubahtampil.php"; }?> </body> </html>
$ !.@F
$IDH=$_POST['IDH'];
! /@
$sql="update anggota set nm_anggota='$txtnama', alamat='$txtalamat',kelamin='$rbgender' where id_anggota='$IDH'"; $qry=mysql_query($sql,$koneksi)or die("Gagal Query ubah :".mysql_error());
9 4 A %' @
3 G.J, .J
3 G.J, .J
65 . 3 = G.J, .J
G.J, .J
G.J, .J
G.J, .J
Q5
G.J, .J
Q5
G.J, .J
G.J, .J
% G.J, .J
Q5
3 F2$
Y F .2Y&Y $2. Y
Y F .2Y
3 G.J, .J
Q5
G.J, .J
Q5
G.J, .J
G.J, .J
Q5
G.J, .J
G.J, .J
Q5
G.J, .J
G.J, .J
Y F .2Y&Y $2. Y Y F .2Y
G.J, .J
@> F G.J, .J
45
<? $host="localhost"; $username="root"; $password="password"; $databasename="onlinetoko"; $koneksi=mysql_connect($host,$username,$password) or die ("Data Base Error"); mysql_select_db($databasename,$koneksi); ?>
1. Dengan menggunakan editor Dreamweaver, buatlah halaman baru menggunakan tipe PHP.
2. Pada halaman desain, tambahkan objek Form (
3. Pastikan kursor berada di dalam kalang objek formulir (garis putus – putus merah), sekarang tambahkan objek Tabel (
), dengan ketentuan berikut:
Gambar 9.1. Ketentuan ukuran tabel tambah barang
4. Di dalam tabel yang telah di desain, tambahkan beberapa objek formulir sesuai data pertanyaan yang akan dimasuki.
Gambar 9.2. Form masukan data barang
5. Dari desain formulir di atas, Anda dapat melihat definisi pengaturan setiap objek form dengan melihat tabel berikut:
Text Field
TextFieldName
Nm_barang
Char Width
Max Char
Keterangan
Nama Barang
Text Field
Char Width
Max Char
Keterangan
Harga
List/ Menu
List Value
Masukan, Keluaran, Penyimpanan, Lain - lain
Keterangan
Status
Text Area
Char Width
Num Lines
Keterangan
Spesifikasi
List/ Menu
List Value
Hot Sale, New
Text Field
TextFieldName
Stok
Char Width
Max Char
Button Name
Button Name
6. Simpan file di atas di C:\xampp\htdocs\nim\onlinetoko\admin\
tambah_barang.php
7. Berikut adalah skrip lengkap yang didapat dari desain form tambah barang di atas:
9 4 -7@
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Tambah Produk</title> <link href="../style /admin.css" rel="stylesheet" type="text/css" /> </head> <body> <form action="?page=barangsim" method="post" enctype="multipart/form-data" name="form1">
<table width="490" border="0" align="center" class="border"> <tr> <td bgcolor="#FFFF99" class="style4">Nama Barang </td> <td><input name="nm_barang" type="text" id="nm_barang"></td>
</tr> <tr>
<td bgcolor="#FFFF99" class="style4">Harga</td> <td><input name="harga" type="text" id="harga"></td>
</tr> <tr>
<td width="168" bgcolor="#FFFF99"><span class="style4">Status</span></td> <td width="306"><select name="status" id="status">
<option></option> <option>masukan</option> <option>keluaran</option> <option>penyimpanan</option> <option>lain-lain</option>
</select></td> </tr> <tr>
<td bgcolor="#FFFF99" class="style4">Spesifikasi</td> <td><textarea
cols="35" rows="8" id="spesifikasi"></textarea></td> </tr> <tr>
name="spesifikasi"
<td bgcolor="#FFFF99" class="style4">Keterangan</td> <td><select name="keterangan" id="keterangan">
<option></option> <option>HOT SALE</option> <option>NEW</option>
</select></td>
</tr>
<tr> <td bgcolor="#FFFF99" class="style4">Gambar</td> <td><input name="gambar" type="file" id="gambar"></td>
</tr> <tr>
<td bgcolor="#FFFF99"><span class="style4">Stok</span></td> <td><input name="stok" type="text" id="stok" size="2"></td>
</tr> <tr>
<td> </td> <td> </td>
</tr> <tr>
<td> </td> <td><input name="Submit" type="submit" class="style4" value="Simpan">
<input name="Reset" type="reset" class="style4" value="Batal"></td>
</tr> </table> </form> </body> </html>
Skrip konf_tambah_barang.php:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Simpan Barang</title> </head> <body> <? include ('../librari/inc.koneksi.php'); $gambar = $_FILES['gambar']['name']; $sqlstr="INSERT INTO barang values('$kd_barang', '$nm_barang','$spesifikasi' ,'$harga','$gambar','$stok','$status','$keterangan')";
copy($HTTP_POST_FILES['gambar']['tmp_name'], "../produk/".$_FILES['gambar']['name']); (mysql_query($sqlstr)) ?> <meta http-equiv="refresh" content="0; url=?page=tampilbarang"> </body> </html>
copy($HTTP_POST_FILES['gambar']['tmp_name'], "../produk/".$_FILES['gambar']['name']); (mysql_query($sqlstr))
-% 4 C < ++
1. Dengan menggunakan editor Dreamweaver, buatlah halaman baru menggunakan tipe PHP.
2. Pada halaman desain, tambahkan objek Form (
3. Pastikan kursor berada di dalam kalang objek formulir (garis putus – putus merah), sekarang tambahkan objek Tabel (
), dengan ketentuan berikut:
Gambar 9.4. Ketentuan ukuran tabel tambah anggota
4. Di dalam tabel yang telah di desain, tambahkan beberapa objek formulir sesuai data pertanyaan yang akan dimasuki.
Gambar 9.5. Form masukan data anggota
5. Dari desain formulir di atas, Anda dapat melihat definisi pengaturan setiap objek form dengan melihat tabel berikut:
Text Field
TextFieldName
Uname
Char Width
Max Char
Keterangan
User Name
Text Field
TextFieldName
pswd
Char Width
Max Char
Keterangan
Password
Text Field
Char Width
Max Char
Keterangan
Nama
Text Area
Char Width
Num Lines
Keterangan
Alamat
Text Field
Char Width
Max Char
Keterangan
Kota
Text Field
Char Width
Max Char
Keterangan
Telepon
Text Field
Char Width
Max Char
Keterangan
E - Mail
Text Field
Char Width
Max Char
6. Simpan file di atas di C:\xampp\htdocs\nim\onlinetoko\
new_member.php
Berikut adalah skrip lengkap yang didapat dari desain form tambah barang di atas:
<html ns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Daftar Anggota</title> </head> <body> <table width="556" border="0" align="center" cellpadding="0" cellspacing="0">
<tr> <td height="26"> <form action="?page=daftarsim" method="post" name="form1" onSubmit="MM_validateForm('nama','','R','kota','','R','tlp','','R','email','','R','pekerjaan','', 'R','alamat','','R');return document.MM_returnValue">
<table width="432" border="0" align="center"> <tr> <td width="426"><div align="center"><span class="style19">Masukkan Data anda Selengkap - lengkapnya.</span></div></td> </tr> </table> <p> </p> <table width="420" border="0" align="center">
<tr bgcolor="#FFCC33"> <td
colspan="3"><span class="style10"> <strong> Data Login</strong> </span></td> </tr> <tr>
<td bgcolor="#FFFF99" class="style19"> Username</td> <td bgcolor="#FFFFCC"> </td> <td bgcolor="#FFFFCC"><input name="uname" type="text" id="uname"
maxlength="6"></td> </tr> <tr>
<td bgcolor="#FFFF99" class="style19"> Password</td> <td bgcolor="#FFFFCC"> </td> <td bgcolor="#FFFFCC"><input name="pswd" type="password" id="pswd"
maxlength="6"></td> </tr> <tr bgcolor="#FFCC33"> maxlength="6"></td> </tr> <tr bgcolor="#FFCC33">
<td height="18"
colspan="3"><span
</tr> <tr>
<td width="155" bgcolor="#FFFF99" class="style19"> Nama</td> <td width="55" class="style19" bgcolor="#FFFFCC">:</td> <td width="196" bgcolor="#FFFFCC"><input name="nama" type="text"
id="nama"></td> </tr> <tr>
<td bgcolor="#FFFF99" class="style19"> Alamat</td> <td class="style19" bgcolor="#FFFFCC">:</td> <td><textarea
cols="30" rows="3" id="alamat"></textarea></td> </tr> <tr>
name="alamat"
<td bgcolor="#FFFF99" class="style19"> Kota</td> <td class="style19" bgcolor="#FFFFCC">:</td> <td bgcolor="#FFFFCC"><input name="kota" type="text" id="kota"></td>
</tr> <tr>
<td bgcolor="#FFFF99" class="style19"> Telepon/Hp</td> <td class="style19" bgcolor="#FFFFCC">:</td> <td bgcolor="#FFFFCC"><input name="tlp" type="text" id="tlp"></td>
</tr> <tr>
<td bgcolor="#FFFF99" class="style19"> E-mail</td> <td class="style19" bgcolor="#FFFFCC">:</td> <td bgcolor="#FFFFCC"><input name="email" type="text" id="email"></td>
</tr> <tr>
<td bgcolor="#FFFF99" class="style19"> Pekerjaan</td> <td class="style19" bgcolor="#FFFFCC">:</td> <td
bgcolor="#FFFFCC"><input name="pekerjaan" type="text" id="pekerjaan"></td> </tr> <tr>
<td> </td> <td> </td> <td> </td>
</tr> <tr>
<td> </td>
<td> </td> <td><input name="Submit" type="submit" class="style19" value="Submit">
<input name="Submit2" type="reset" class="style19" value="Reset"> </td> </tr> </table> </form></td> </tr> </table> </body> </html>
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Konfirmasi Member</title> </head> <body> <table width="556" border="0" align="center" cellpadding="0" cellspacing="0" > <tr>
<td height="26"> <p> </p> <p align="center" class="style13">
<? include ('../librari/inc.koneksi.php'); $perintah="select * from member where uname='$uname'"; $query=mysql_query($perintah); $hasil=mysql_num_rows($query); $row=mysql_fetch_array($query); if($uname==$row[1]) { echo "Data Sudah Ada Silahkan Ganti Dengan user yang lain<br>"; echo
"<a href='../onlinetoko/?page=daftar' align='center'>Kembali Ke Pendaftaran</a>"; } else { "<a href='../onlinetoko/?page=daftar' align='center'>Kembali Ke Pendaftaran</a>"; } else {
$sqlstr="INSERT
INTO
member
"<a href='../onlinetoko/?page=daftar' align='center'>Kembali Ke Pendaftaran</a>"; } } ?> </p>
</td> </tr> </table> </body> </html>
01D
include ('../librari/inc.koneksi.php'); !
$perintah="select * from member where uname='$uname'"; $query=mysql_query($perintah); $hasil=mysql_num_rows($query); $row=mysql_fetch_array($query);
if (!empty($uname) and !empty($pswd) and !empty($nama) and !empty($alamat) and !empty($kota) and !empty($tlp) and !empty($email) and !empty($pekerjaan)) {
$hasil=mysql_query($sqlstr); echo "Data Anda Sudah disimpan silahkan login terlebih dahulu untuk membeli"; } else { echo "Data Anda Masukan Masih Ada Yang Kosong"; }
$sqlstr="INSERT
values('$kd_member','$uname','$pswd', '$nama','$alamat','$kota','$tlp','$email','$pekerjaan','$status_pesan')";
INTO
member
1. Dengan menggunakan editor Dreamweaver, buatlah halaman baru menggunakan tipe PHP.
2. Pada halaman desain, tambahkan objek Form (
3. Pastikan kursor berada di dalam kalang objek formulir (garis putus – putus merah), sekarang tambahkan objek Tabel (
), dengan ketentuan berikut:
Gambar 10.1. Ketentuan ukuran tabel 1
4. Kemudian letakkan kursor di baris ke 2 di dalam tabel, ), sekarang tambahkan objek Tabel (
), dengan ketentuan berikut:
Gambar 10.2. Ketentuan ukuran tabel 2
5. Kemudian letakkan kursor di baris ke 1 kolom ke 2 di tabel yang kedua, sekarang tambahkan objek Tabel, dengan ketentuan berikut:
Gambar 10.3. Ketentuan ukuran tabel 3
6. Kemudian letakkan kursor di luar tabel1, sekarang tambahkan objek Tabel (
), dengan ketentuan berikut:
Gambar 10.3. Ketentuan ukuran tabel 4
7. Di dalam tabel yang telah di desain, tambahkan beberapa objek formulir sesuai data pertanyaan yang akan dimasuki.
Gambar 10.4. Form masukan data anggota
8. Dari desain formulir di atas, Anda dapat melihat definisi pengaturan setiap objek form dengan melihat tabel berikut:
../produk/<? echo $gambar; ?>
9. Simpan file di atas di C:\xampp\htdocs\nim\onlinetoko\admin\ barang.php
10. Berikut skrip lengkap dari disain form di atas:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="../style/admin.css" rel="stylesheet" type="text/css" /> <title>Tampil Barang</title> </head> <body> <div align="center"> <table width="95%" border="0" align="center" class="border"> <tr> <td width="100%" align="center"> <?php include ('../librari/inc.koneksi.php'); $batas=3; $halaman=$_GET['halaman']; if(empty($halaman)){
$posisi=0; $halaman=1;
} else{
$posisi=($halaman-1)*$batas; } // SQL Statements $tampil = "select * from barang LIMIT $posisi,$batas"; $hasil = mysql_query($tampil); $posisi=($halaman-1)*$batas; } // SQL Statements $tampil = "select * from barang LIMIT $posisi,$batas"; $hasil = mysql_query($tampil);
$kd_barang=$row['kd_barang']; $nm_barang=$row['nm_barang']; $spesifikasi=$row['spesifikasi']; $harga=$row['harga'];
$gambar=$row['gambar']; $stok=$row['stok']; $status=$row['status']; $keterangan=$row['keterangan'];
?> <table width="100%" border="0" align="center"> <tr> <td width="100" height="70"><img src="../produk/<? echo $gambar; ?>" width="100" height="100" border="1" ></td> <td width="361"> <table width="350" border="0" align="center"> <tr bgcolor="#FFFF99"> <td width="115">Kode</td> <td width="225"><? echo $kd_barang;?></td>
</tr> <tr bgcolor="#FFFF99"> <td>Harga</td> <td><? echo $harga;?></td>
</tr> <tr bgcolor="#FFFF99">
<td>Jenis</td> <td><? echo $status;?></td>
</tr> <tr bgcolor="#FFFF99">
<td>Stok</td> <td><? echo $stok;?></td>
</tr> <tr bgcolor="#FFFF99">
<td>Keterangan</td> <td><? echo $keterangan;?></td>
</tr> <tr bgcolor="#FFFF99">
<td>Spesifikasi</td> <td><? echo $spesifikasi;?></td>
</tr> <tr>
<td><div align=center><a href="?page=ubahbarang&kode=<?=$row['kd_barang'];?>">[ Edit ]</a> </div></td>
<td><div align=center><a href="?page=hapusbarang&kode=<?=$row['kd_barang'];?>">[ Hapus ]</a> </div></td> </tr> </table> </td> </tr> <tr> <td height="23" colspan="2"></td> </tr> <? }?> </table>
</td> </tr> <tr> <td width="100%" align="center"></td> </tr> </table> </div>
<p> </p> </form> <table width="600" border="0" align="center"> <tr> <td width="401" class="style4"> <? echo "<br>Halaman : "; $tampil2 = "select * from barang"; $hasil2 = mysql_query($tampil2); $jmldata = mysql_num_rows($hasil2); $jmlhalaman = ceil($jmldata/$batas); for ($i = 1; $i <= $jmlhalaman; $i++) if ($i != $halaman) {
echo " <a href=?page=tampilbarang&halaman=$i>$i</A>| "; } else { echo " <b>$i</b> | "; } ?> </td> </tr> <tr>
<td class="style4"><a href="?page=tambahbarang">[ Tambah Produk ] </a></td> </tr> </table> </body>
<?php include_once "../librari/inc.koneksi.php"; if($_GET['page']=="hapusbarang"){
if(!$_GET['kode']==""){ $sql="DELETE FROM barang WHERE kd_barang='".$_GET['kode']."'"; mysql_query($sql,$koneksi); echo"<meta http-equiv='refresh' content='0 url=?page=tampilbarang'>"; }
include ('../librari/inc.koneksi.php');
$sql="DELETE FROM barang WHERE kd_barang='".$_GET['kode']."'"; $sql="DELETE FROM barang WHERE kd_barang='".$_GET['kode']."'";
echo"<meta http-equiv='refresh' content='0 url=?page=tampilbarang'>"; !
1. Dengan menggunakan editor Dreamweaver, buatlah halaman baru menggunakan tipe PHP.
2. Pada halaman desain, tambahkan objek Form (
3. Pastikan kursor berada di dalam kalang objek formulir (garis putus – putus merah), sekarang tambahkan objek Tabel (
), dengan ketentuan berikut:
Gambar 10.5. Ketentuan ukuran tabel tambah barang
4. Di dalam tabel yang telah di desain, tambahkan beberapa objek formulir sesuai data pertanyaan yang akan dimasuki.
Gambar 10.6. Form masukan data barang
5. Dari desain formulir di atas, Anda dapat melihat definisi pengaturan setiap objek form dengan melihat tabel berikut:
Text Field
TextFieldName
Nm_barang
50
Char Width
50
Max Char
Keterangan
Nama Barang
Text Field
Char Width
30
Max Char
Keterangan
Harga
Text Area
Char Width
Num Lines
Keterangan
Spesifikasi
Text Field
TextFieldName
Stok
Char Width
Max Char
Submit Form
Button Name
6. Simpan file di atas di C:\xampp\htdocs\nim\onlinetoko\admin\ edit_barang.php.
7. Berikut skrip lengkapnya dari disain form di atas;
54 +,0
$$ % & ! '( )#
* # + ,,! !
./,,! (# # ! ,*
*,
/0"
C ! !# # D("!
* 7( # - 1* 7( #
!# # D("!
2(
> '(
) ! !# !( !+ # -F- !( !
01D
1,
1 1 1 1 54 +,
/ ,1783 9/* /:, / " 1#
1 # 2343 5+#
(#
6 # * 7( #
7 # .1
#0 #
.;
# 2<4 0"
7 .1*
* 0"
00
6 .1# 6
7+ 7 ## .1#
= 1* 7( #
1# 69/* 7( #
/:"
1 7( #
1# 69/ 7( #
/:"
1 +*
1# 69/
+* /:"
1 # 1# 69/ # /:"
1 ( # 1# 69/
( #/:"
1 * 1# 69/ */:"
1 1# 69/
/:"
C 'KHL 3 ( #
HL L 34LB )3E')LB " - ! ! !
01D
C 'KHL 3
HL L 34LB )3E')LB " !
1. Dengan menggunakan editor Dreamweaver, buatlah halaman baru menggunakan tipe PHP.
2. Pada halaman desain, tambahkan objek Form (
3. Pastikan kursor berada di dalam kalang objek formulir (garis putus – putus merah), sekarang tambahkan objek Tabel (
), dengan ketentuan berikut:
Gambar 10.7. Ketentuan ukuran tabel 1 tampil anggota
4. Kemudian letakan kursor di dalam tabel, sekarang tambahkan objek Tabel (
), dengan ketentuan berikut:
Gambar 10.8. Ketentuan ukuran tabel 2 tampil anggota
5. Di dalam tabel yang telah di desain, tambahkan beberapa objek formulir sesuai data pertanyaan yang akan dimasuki.
Gambar 10.9. Form masukan data barang
6. Dari desain formulir di atas, Anda dapat melihat definisi pengaturan setiap objek form dengan melihat tabel berikut:
Text Field
TextFieldName
Uname
Char Width
Max Char
Keterangan
User Name
Text Field
TextFieldName
pswd
Char Width
Max Char
Keterangan
Password
Text Field
Char Width
Max Char
Keterangan
Nama
Text Area
Char Width
Num Lines
Keterangan
Alamat
Text Field
Char Width
Max Char
Keterangan
Kota
Text Field
Char Width
Max Char
Keterangan
Telepon
Text Field
Char Width
Max Char
Keterangan
E - Mail
Text Field
Char Width
Max Char
7. Simpan file di atas di C:\xampp\htdocs\nim\onlinetoko\admin\ member.php.
8. Berikut skrip lengkapnya dari disain form di atas;
IJ(# #
# # - ./,,! (# # ! ,*
6 &I;G (#!
1* 7
( #"- !
!# #(
# ?@@@@%% '#
( # ?@@@@%%
1 "- !
!# #(
# ?@@@@%% K 6# ! -
1 6 "- !
!# #(
# ?@@@@%%
1 "- !
!# # L
1 "- !
!# #(
# ?@@@@%% ;
1* "- ! !# #
1 "- !
!# !( -F- ! !# !( D("! (6
- (# B
N"
1 C 5 +#
1 C 7 # .1
C0"
1O
C0"
1O .1O
+ # .1 &" 1 1O
" 1 PP0
+ .1 Q 1 = #+-
( #D
1 1 !L R "
F = ( 1 !( R "
F - ! !#
!( !( !
01D
1,
./,,! (# # ! ,*
*,
/0"
1( "
1 1783 9/
/:"
+. .1 00=
1 "1
&"
1 .1
&0 5 1(
1 5 +#
(#
1 M1(
1 7 # .1
0"
00
6 .1# 6
7+ 7 ## .1
= 1* 7
( # 1# 69/* 7
( #/:"
1 1# 69/
/:"
16 1# 69/
6 /:"
1 1# 69/
/:"
1 1# 69/
/:"
1*
1# 69/* /:"
1 1# 69/ /:"
1 1# 69/
/:"
1 * #O
1# 69/ * #O
/:"
L0
1 H343 3 @ESG
( # TB3E3 * 7
7 # .1 M1*
01D
( #/ " !
/# +# /
/ #-
Form Admin ditempatkan di index.
1. Dengan menggunakan editor Dreamweaver, buatlah halaman baru menggunakan tipe PHP.
2. Pada halaman desain, tambahkan objek Form (
3. Pastikan kursor berada di dalam kalang objek formulir (garis putus – putus merah), sekarang tambahkan objek Tabel (
), dengan ketentuan berikut:
Gambar 11.1. Ketentuan ukuran tabel 1 form login admin
4. Kemudian letakan kursor di dalam tabel baris kedua, sekarang tambahkan objek Tabel (
), dengan ketentuan berikut:
Gambar 11.2. Ketentuan ukuran tabel 2 form login admin
5. Di dalam tabel yang telah di desain, tambahkan beberapa objek formulir sesuai data pertanyaan yang akan dimasuki.
Gambar 11.3. Form masukan Login Admin
6. Dari desain formulir di atas, Anda dapat melihat definisi pengaturan setiap objek form dengan melihat tabel berikut:
Text Field
TextFieldName
Uname
Char Width
Max Char
Keterangan
User Name
Text Field
TextFieldName
pswd
Char Width
Max Char
Keterangan
Password
7. Simpan file di atas di C:\xampp\htdocs\nim\onlinetoko\admin\ member.php.
8. Berikut skrip lengkapnya dari disain form di atas;
94 L
/M//M/E/0"# # ,GG7# #U (6
/M//M/E/M/ 6 7
( # ?@@@@@@ D ( " ! D("! !# #
!# # D("! D("!
!# # D("! D("!
!# # D("! D("! D("!
1 7 17KS2 9/
167 17KS2 9/ 6 7
N,,!
N,,!
0"F
01D
1 7 17KS2 9/
17KS2 9/ 6 7
1. Dengan menggunakan editor Dreamweaver, buatlah halaman baru menggunakan tipe PHP.
2. Untuk membuat tamplate home admin, Kita menggunakan objek tabel, dengan ketentuan berikut:
Gambar 11.4. Ketentuan ukuran tabel 1 home admin
3. Kemudian letakan kursor di bawah tabel, sekarang tambahkan objek Tabel ( ), dengan ketentuan berikut:
Gambar 11.5. Ketentuan ukuran tabel 2 home admin
4. Kemudian letakan kursor di dalam tabel 2 baris ke 3 kolom ke 1, sekarang tambahkan objek Tabel (
), dengan ketentuan berikut:
Gambar 11.6. Ketentuan ukuran tabel 4 home admin
5. Kemudian letakan kursor di dalam tabel 4 baris ke 2 kolom ke 1, sekarang tambahkan objek Tabel (
), dengan ketentuan berikut:
Gambar 11.7. Ketentuan ukuran tabel 5 home admin
6. Di dalam tabel yang telah di desain, tambahkan beberapa objek formulir sesuai data pertanyaan yang akan dimasuki.
Gambar 9.2. Form masukan data barang
Gambar 11.7. Tampilan Home Admin
7. Simpan file di atas di C:\xampp\htdocs\nim\onlinetoko\admin\ index.php.
8. Berikut skrip lengkapnya dari disain form di atas;
C SGG2,
I%$ ( # #
CC B3LH
B3LH ( LHGWAW2 EL SE !( ! !# #
%$J ( # #
HL L K34LA88LA !
* # + ,,!-
!# # !
, HL L )LELA8 !
* #+
(#
! !# # D("! D("!
# ?@@ CC B3LH
( WA@SEGL2W !( ! !# #
# ?@@@@@@ ' LGL
! !# # D("! D("!
/ N +.Q+ 7 . ,,!
N +.Q+ 7 . ,,!
/ N +.Q+ 7 . ,,!
/ N +.Q+ 7 . ,,!
N +.Q+ 7 . ,,!
/ N +.Q+ 7 . ,,!
/ N +.Q+ 7 . ,,!
( #/ N +.Q+ 7 . ,,!
/ N +.Q+ 7 . ,,!
/ N +.Q+ 7 . ,,!
/ N +.Q+ 7 . ,,!
/ N +.Q+ 7 . ,,!
( / N +.Q+ 7 . ,,!
/ N +.Q+ 7 . ,,!
.@ (
0"
,,!
(# *"
.172322WSA9/2327'23E/:0
* !- # C(
# ?@@@@%% D ( " !
# ?@@@@%% CD("! !# # D("!
4 ! !# # D("! D("!
!# # D("! D("!
F = - # CD("! !# #(
6 > D ( "' # !
N- 172322WSA9/2327'23E/:" - ! !# #(
D ( "K 6# ! N 555555 ! !# # D("! D("!
!# # D("! D("!
) O ! ! !# # CD("
4 O*
# * ! ! !# # CD("
H+#
# * ! ! !# # CD("
! !# # CD("! !# -
F- !(
01D
.172322WSA9/2327'23E/:0
- Y, @ #
F =- !
F = - ,,,
CD("
CD("!
1 ' #WH 17KS2 9/ ' #WH/:"
1 K WH 17KS2 9/ K WH/:" +.# .1 ' #WH0
( # TB3E3
' #WH/ LAH
2 12327'23E 1 ' #WH" 7#
#. 2327'23E 0" !!G
1 7 H343 3 @ESG *
TB3E3
1 ' #WH 17KS2 9/ ' #WH/:" (# (# " /+/" D("(;
N !( (# "
D("D("" 1#7
+.# .1 ' #WH0
1 9: H '#A
F +.# .1 K WH0
1 9: H K 6#*
NO
7 # .0" 12327'23E 172322WSA9/2327'23E/:" +.Q.
# .2327'23E000=
( LAHL )34'G 4S8WA !( ! !#
# ?@@@@ L
7 +H+#! :
F-
01D
.172322WSA9/2327'23E/:0
R ' # ,172322WSA9/2327'23E/:, : "
01D
%: 4 C 4
.1 ( M 1
5 @ESG 1 ( 0" 1+
7 .1 # * #M 0"
7 .1 # * #M 0"
, 0 @ESG ,1 ( 0" 1# 6
( #.1# 69 :M # .1
1 * PP"
* 00" 1 PP0 =
1 7 ( #.1 M M>0, , ( #.1 M MC0, , ( #.1 M MC0"
1 7 ( #.1 M$MC0, , ( #.1 M MC0, , ( #.1 M M>0"
F + +#
* M M M M , 0"
01D
!5 22 H 5! )SHZ = ( *#
F ,( # #=(# #N &
F H,B3LH = +
M L# M
+ N &C " S4SEN ?@@@@@@" +
6 N( "
F H,@SS = +
S4SEN ?@@@@@@"
F ,B3LHTLEAL =
+ N &C " S4SEN ?
F ,@SS TLEAL =
F ,V'H'4 =
M L# M
S4SEN ?@@
6 N( "
F WAK' M 3[ LE3LM2343
)SEH3E SK TWH BN & " )SEH3E 43@ TWH BN & " )SEH3E )S SG TWH BN & " )SEH3E EW8B TWH BN & "
)SEH3E 43@
S4SEN
)SEH3E )S SG S4SEN
)SEH3E SK S4SEN
)SEH3E EW8B
S4SEN
@SA N && L# " S4SEN ?
*N *= KLHHWA8 EW8B N C " KLHHWA8 43@ N C " @SA T3W8B N ( " @SA 2W\3N && " KLHHWA8 )S SGN C "
S4SEN ? I " KLHHWA8 SKN C " @SA @LGW4ZN #
F L,*
*N = KLHHWA8 EW8B N C " KLHHWA8 43@ N C " @SA T3W8B N ( " @SA 2W\3N && " KLHHWA8 )S SGN C "
S4SEN ? I " KLHHWA8 SKN C " @SA @LGW4ZN #
F L,*
*N #= KLHHWA8 EW8B N C " KLHHWA8 43@ N C " @SA T3W8B N ( " @SA 2W\3N && " KLHHWA8 )S SGN C "
S4SEN ?++%% " KLHHWA8 SKN C " @SA @LGW4ZN # "
3[ H3 SEL WSAN
01D
;<; !===
=#
7 # .0"
7 (# # ! ,*
*,
!!
7 (# # ! , (# # ,
H+#)* ! * # + ,,!
*!
#,
(6 %%J ( # #
D("!
!# !( (6
C #(
%%J ( # #
# ?@@
6 $$
CC (8 ( # !( !
6 >$%
( K#
* !( !
6 %I
(B#
!( !
6 $I
!#
@SS TLEAL #
I& ( # #& ! !#
1 ( #" - 6 $
1 7( # "- ! #
A )#
A )#
N-
1 # "- !
D("!
2 +* N-
1 +* "- !
#D("! #6
B - 1* 7( #
(W )
! !# #(
# ?@@@@@@ ! #
BE8HW2
+ .1 Q 1 = # + 1723EU3E9KBK7234@:-
11! R"
F = ( 1 !( R "
V )#
N ( 1O
)#
!# !( !( !
01D
1,
+ .1 Q 1 = # + 1723EU3E9KBK7234@:-
11! R"
F = ( 1 !( R "
V )#
N ( 1O
12327'23E 172322WSA9/2327'23E/:" +.Q.
# .2327'23E000=
+.Q 17KS2 9/ ;
B/:
; B/:, /M O
1 WA23E WA S *
./8N N /0, /M
/ ,172322WSA9/2327'23E/:, / "
7 # .1 M 1*
+ .1 #0= !! 2 * MK
;# O
( * / "F =
, / "F
01D
12327'23E 172322WSA9/2327'23E/:" !!
# .2327'23E0000 =
# V'H'4 ;3ELAVLA8 )34LAVL ! !# !( +#
6 I CC B3LHTLEAL
B3LHTLEAL
B3LHTLEAL
( (B#
.E 0 !( !( !
6 B3LHTLEAL
B3LHTLEAL
B3LHTLEAL
1 2343 )E,5M; ,5
@ESG ( #
)EM *
TB3E3 )E,* 7( #
LAH ; ,
/ ,172322WSA9/2327'23E/:, /
SEH3E )Z ; , 7*
7 # .1 M 1*
1 PP"
1 # 51 9/O
1 9/+ 7 ( #/:" - 6 $ I& (# #&
9/ # /:0, M "- ! D("! D("! D("!
9/* 7( # /:"- D -1 9/ 7*
! D("! D("! D("!
# ?@@@@@@ D("! D("
B9:
D("! D("! D("!
# ?@@@@@@ #D("! D("!
# ?@@@@@@ #D("! D("! D("! D("! D("! D("!
CC B3LHTLEAL
C D ( "D ( " ( ; #
6 C&J
6 I%J ; *
O*
4LAV' ;LA ! ;*
O*
(*
O* #
0, ! !# !( -
*.
F !! L* # -
01D
1,
1 1 14 +,
+.Q17KS2 9/ ;
B/:
0=
1L##H .17KS2 9/
B/:0"
+ #.1 "1 1L##H "1 PP0=
23
1 'KHL 3 *
/, ./8N N /0, / TB3E3 * 7( #
/ ,17KS2 9/ V /:91 :, /M
B/:91 :, / LAH
/ ,172322WSA9/2327'23E/:, / "
7 # .1 M1*
* 0"
+.1 # 0= !! * M
*# O
( * /"F =
/# +# /
/ #-
7 ## #.0"
/# +# /
/"#
, /"F
TB3E3
/ ,172322WSA9/2327'23E/:, / "
B3LH ( K3A8WEWGLA )';' !( ! !# #
6 C$J
C C (H
K# (
# ?+C+I++ '(
!# # CD("! D("! !# #
* C!
#K (
%%J ( # #
6 >J
D"!
! !# # D("!
6 CJ
6 %>J L
D"!
!# ! !# # D("!
!# # D("!
! !# # D("!
N!#
V*L
# D("!
5!
6 ( 6*!
V*L
*K
( ! ,! !# # D("!
5! ; *L
# +# (
# M*# * (* #
+#
; ,! ! !# #
D"!
* N!#
H+#) *
! !# # D("!
C (6
&J(# #
# (6
&J(# #
6 CCJ ? )AW !
6 I$J
!# #
NK,G
MK,G
MV*# !
!# #
A ,E *
N > >CC C !
!# #
N2
2 L* !
!# !(
4LAV' ;LA
D 1,
+.# .17KS2 9/ A /:0
+.# .17KS2 9/ L
+.# .17KS2 9/ A /:0
SE Q
9: H A * (
7 # .# .17KS2 9/ A /:000 = 1
17KS2 9/ A /:
"F
+.# .17KS2 9/ K * #O
D("D("" 1#7
/ ,17KS2 9/ A /:, /M / ,17KS2 9/ L
/:, /M *
/ ,17KS2 9/ ; /:, /M
/ ,17KS2 9/ A /:, /M * #O
/ ,17KS2 9/ 3 /:, /M
/ ,17KS2 9/ K * #O
/:, / TB3E3
/ ,172322WSA9/2327'23E/:, / "
12327'23E 172322WSA9/2327'23E/:" !!
# .2327'23E0000 =
# V'H'4 ;SA@WEGL2W ELA2L;2W !
B3LHTLEAL
1 2343 )E,5M; ,5
@ESG ( #
)EM *
TB3E3 )E,* 7( #
LAH ; ,
/ ,172322WSA9/2327'23E/:, /
SEH3E )Z ; , 7*
9/ # /:0, M "- ! D("! D("!
E , ,+ #
BE8HW2
BE8HW2
D("!
D("! D("!
# ?@@@@@@ @SS TLEAL D ( " ! @SS TLEAL D ( " ! @SS TLEAL D ( " ! @SS TLEAL D ( " !
BE8HW2
# ?@@@@@@ D("! D("! D("! D("!
# ?@@@@@@ D("! D("!
#D("! #
4LAV' ;LA
# ?@@@@@@ D("! D("!
#D("! #D("!
# ?@@@@@@ D("! D("!
#D("! #D("!
1 WA23E WA S
/ ,172322WSA9/2327'23E/:, /M
./Z
/, ./8N N /0, /M
# /K32LA/ "
7 # .1 M 1*
+ .1 #0=
1 7# WA23E WA S
M* TB3E3
, 7 /1*
/ LAH
/ ,172322WSA9/2327'23E/:, / "
H343 3 @ESG *
TB3E3
/ ,172322WSA9/2327'23E/:, / "
7 /K32LA/ TB3E3 / ,172322WSA9/2327'23E/:, / "
ELA2L;2W 2';232 ! #
# +# M *
* # +#
# (*
#*
,!
!# !(
01D
1,
1 1 14 ,
1. Dengan menggunakan editor Dreamweaver, buatlah halaman baru menggunakan tipe PHP.
2. Untuk membuat tamplate home, Kita menggunakan objek tabel, dengan ketentuan berikut:
Gambar 9.1. Ketentuan ukuran tabel 1 tampil anggota
3. Kemudian letakan kursor di bawah tabel, sekarang tambahkan objek Tabel (
), dengan ketentuan berikut:
Gambar 9.1. Ketentuan ukuran tabel 2 tampil anggota
4. Kemudian letakan kursor di dalam tabel 2 baris ke 3 kolom ke 1, sekarang tambahkan objek Tabel (
), dengan ketentuan berikut:
Gambar 9.1. Ketentuan ukuran tabel 3 halaman home
5. Kemudian letakan kursor di dalam tabel 3 baris ke 2 kolom ke 1, sekarang tambahkan objek Tabel (
), dengan ketentuan berikut:
Gambar 9.1. Ketentuan ukuran tabel 4 tampil anggota
6. Di dalam tabel yang telah di desain, tambahkan beberapa objek formulir sesuai data pertanyaan yang akan dimasuki.
Gambar 9.2. Form masukan data barang
7. Simpan file di atas di C:\xampp\htdocs\nim\onlinetoko\ index.php.
8. Berikut skrip lengkapnya dari disain form di atas;
NHCI H) 3 L3 H && + % )$ >>>
IM M&%M 6 I%$
$C
#! * , 6+ N!!666,
$C ! ( ! (O
6 I%$
(6 I%$ ( # #
6 C&
# ( 23ELG)W ! !
#+ KES@W4 S;S !
B')'A8W ;LGW !
CC B3LH
B3LH ( G3A' ' LGL !( ! !# #
%$J ( # #
6 $J
6 %CJ
# + ,,! * !- 2 # (!
# ! ! !# # D("! D("!
*! ! !# # D("! D("!
# ?@@ CC B3LH
( K34LA88LA !( ! !# # &$
# ?@@ CC B3LH
( WA@SEGL2W !( ! !# #
C>6
K# # K O
G KBK C
# ?@@@@@@ ' LGL
! !# # D("! D("! D("!
// N +.Q+ 7 .* *,
N +.Q+ 7 .* *,
/ N +.Q+ 7 .
/ # + / N +.Q+ 7 .#+* ,
/ N +.Q+ 7 .
/ + #/ N +.Q+ 7 . 67 ( #,
/ N +.Q+ 7 .* +#
/* */ N +.Q+ 7 .* *,
/ N +.Q+ 7 . +7
# / N +.Q+ 7 .
/ N +.Q+ 7 .(
/ N +.Q+ 7 .( *
00
/(
( / N +.Q+ 7 .(
/ N +.Q+ 7 .(
/ N +.Q+ 7 .(
/ N +.Q+ 7 .(
* / N +.Q+ 7 .(
* C/ N +.Q+ 7 .(
/ N +.Q+ 7 .
/ N +.Q+ 7 .#
*7 ,
.@
+##
0"
*7 ,
(# *"
01D
1,
1 1 14 ,
KES@W4 ;LGW ! #
*;
# SGG2 ! #
# SGG2 *
#6#
#*
#, ' *
O +6#,! #
*'
**
SGG2
N!# (#
#K(*(#
(* (#
V #( * K;
# (#
V +6# (#
! !# !( ! !( !
01D
1,
B3LHTLEAL K3 'AV'; K3AHL@ LELA G3AVLHW LA88S L ! !# #
D " SGG2, M #*
** ( HL@ LE LA88S L
# +#
,K#
* @SEG HL L KEW)LHW, A
M*
*# #( #*
'#
K 6#
* M** (
4 ,2
@SEG
# #( M *
;WEWG, 2
**
+#
**
! !# !( !( !
01D
1,
1 1 1 5 ++ ,
# ?@@ B3LHTLEAL L4LGL ;SA L; ! !# # *;
V M V*# 2 ! #
# SGG2M V , G #
68,H MT#
*N ! #
(#
N C&I$$ % &
@ N C&I$$ % & ! #
3G N!#
(#
(#
!# !( ! !( !
01D
1,
( K3A8WEWGLA )';' !( ! !# #
CC (
6 &J
C C C (H
K# ( !( !
$J(# #
(6 O*
# ?++++++ '(
C D ( "D ( "A
6 IJ2
2 L* !
C D ( "D ( ";
V*# !
C D ( "D ( "L
V MV*# 2 ! !# #
C&I$$ % & ! !# #
C D ( "D ( "K * #O
C @SS TLEAL D ( " !
@SS TLEAL D ( " ! !# # (
4 * C!#
K ( # !#
%%J ( # #
6 >J
D"!