Merancang / Mendesain WEB
Buku Tamu ( Guest Book )
Langkah
1:
- - Pastikan software yang dibutuhkjan sudah terinstall di dalam computer anda, seperti : xampp, frontpage, dan web browser (mozila firefox, dll).
- - Aktifkan program tersebut, bisa berjalan atau tidak dicomputer anda, apabila sudah bisa aktif, maka anda dapat melanjutkan untuk mengerjakan desain.
- - Aktifkan xampp control panel yang ada didekstop atau dicomputer anda. Pada bagian apache dan mysql di klick start, sehingga keduanya running.
- - Kemudian akatifkan web browser. Pada bagian addres ketkan : localhost/phpmyadmin lalu tekan ENTER
- - Setelah jendela program phpmyadmin telah aktif , lalu buat database buku tamu dengan ketentuan yang anda inginkan atau seperti dibawah ini :
Nama database : dbbuku_tamu
Nama table : tbbuku_tamu
Field
|
Jenis
|
Ukuran
|
Index
|
Id
|
Int
|
2
|
Primary
|
nama_pengunjung
|
Varchar
|
25
|
|
E-mail
|
Varchar
|
25
|
|
url
|
Varchar
|
25
|
|
Komentar
|
Text
|
200
|
Kemudian
isikan table tersebut sesuai dengan fieldnya.
Langkah
2:
- - Setelah merancang database buku tamu lalu membuat rancangan input data tamu, dengan cara: aktifkan program frontpage yang ada, maka jendela frontpage akan terbuka.
- - Kemudian sudah bisa melakukan rancangan / mendesain input data tamu.
Coding :
<html>
<head>
<title>BUKU
TAMU</title>
</head>
<body
background=”background/index.jpeg”>
<h1
align=”center”><font color=”#00FF00”>SIlahkan Isi Komentar Anda
dibawah ini : </font></h1>
<form
method=”post” action=”simpankomentar.php”>
<table>
<tr><td.<font
size=”5” color=”#00FF00”>ld</font></td><td>
<font size=”5”
color=”#00FF00”>:</font></td><td>
<font color=”#00FF00”
size=”5”><input><input type=”text”
name=”ld”></font></td></tr>
<tr><td><font
size=”5” color=”#00FF00”> Nama Pengumjung</font></td><td>
<font size=”5”
color=”#00FF00”>:</font></td><td>
<font color=”#00FF00”
size=”5”><input type=”text”
name=”Nama_Pengunjung”></font></td></tr>
<tr><td><font
size=”5” color=”#00FF00”>Alamat</font></td<td>
<font size=”5”
color=”#00FF00”>:</font></td><td>
<font color=”#00FF00”
size=”5”><input type=”text”
name=”Alamat”></font></td></tr>
<tr><td><font
size=”5” color=”#00FF00”>Email</font></td><td>
<font size=”5”
color=”#00FF00”>:</font></td><td>
<font color=”#00FF00”
size=”5”><input type=”text”
name=”Email”></font></td></tr>
<tr><td><font
size=”5” color”#00FF00”>Hp</font></td><td>
<font size=”5”
color=”#00FF00”>:</font></td><td>
<font color=”#00FF00”
size=”5”><input type=”text”
name=”HP”></font></td></tr>
<tr><td><font
size=”5” color=”#00FF00”>Komentar</font></td><td>
<font size=”5” color=”#00FF00”>:<font></td><td>
<font color=”#00FF00” size=”5”><textarea>
name=”Komentar’></textarea></font></td></tr>
<tr></td><td></td><td><td><font
color=”#00FF00” size=”5”><input type=”submit”
name=”submit”
value=”submit”> <input type=”reset” name=”reset” value=”reset”>
</font></td><.tr>
</table>
</form>
</body>
</html>
SELESAI,
Selamat mencoba !!!
Merancang / Mendesain WEB
Simpan Data Tamu Menggunakn
Source Code
Langkah 3:
- - Kemudian akatifkan web browser. Pada bagian addres ketkan : localhost/phpmyadmin lalu tekan ENTER
- - Setelah jendela program phpmyadmin telah aktif ,
- - Buka halaman frontpage
- - Kemudian dilakukan merancang simpan data tamu, dengan menggunakan source code yang didalamnya menggunakan rumus php
Coding ( Source code ) :
Simpan dengan nama
: simpandata_tamu.php
<html>
<head>
<title>simpan
Login</title>
</head>
<body
bgcolor=”#FFCCFF”>
</php
Mysql_connect(“localhost”,”root”,””);
Mysql_select_db(“dbbuku_tamu”);
$id =
$_POST[‘id’];
$nama =
$_POST[‘nama_pengunjung’];
$email =
$_POST[‘email’];
$url =
$_POST[‘url’];
$komentar =
$_POST[‘komentar’];
$kueri = “INSERT
INTO tbbuku_tamu(‘id’,’nama_pengunjung’,’email’,’url’,’komentar’)
VALUES(($‘id’,’$nama’,’$email’,’$url’,’$komentar’)”;
$hasil = mysql_query($kueri);
If ($hasil) echo “Pengisian bubku
tamu sukses”;
Else echo “Pengisian buku tamu gagal”;
/>
<br><a href=”Halaman
Buku.htm”>Ulangin</a>
<br><a
href=”Index.htm”>Kembali kehalamn utama</a>
</body>
</html>
SELESAI, Selamat
mencoba !!!
Merancang / Mendesain WEB
Tampil Data Tamu Menggunakn
Source Code
Langkah
2:
- - Kemudian akatifkan web browser. Pada bagian addres ketkan : localhost/phpmyadmin lalu tekan ENTER
- - Setelah jendela program phpmyadmin telah aktif , buka halaman frontpage
- - Kemudian dilakukan merancang tampil data tamu, dengan menggunakan source code yang didalamnya menggunakan rumus php
Coding ( Source code ) :
<html>
<head>
<title>TAMPIL
BUKU TAMU
</title>
</head>
<body
bgcolor=”#CCFFFF”>
<p
align=”center”><b><font size=”6” color=”#FF0000”> TABEL DATA
TAMU</font></b><br><br>
</PHP
$host = “localhost”;
$user = “root”;
$pass= “”;
$db =
“dbbukutamu”;
$koneksi =
mysql_connect($host,$user,$pass);
mysql_select_db($db,$koneksi);
$query=mysql_query(“select*from
db.tamu order by id”,$koneksi);
$no=1;
echo “<table
border=1 bordercolor=’#FF0000 align=’center’ width=’800’>”;
echo ”<tr>”;
ech0 ”<td
width=10% align=center><b>id</b></td>”;
echo ”<td width=20%
align=center><b>Nama Pengunjung</b></td>”;
echo ”<td
width=20% align=center><b>Email</b></td>”;
echo ”<td
width=20% align=center><b>URL</b></td>”;
echo ”<td
width=70% align=center><b>Komentar</b></td></tr>”;
While
($baris=mysql_fetch_array($query))
{
$no++;
Echo”<tr>”;
Echo”<td
align=center>$no</td>”;
Echo’<td
align=center>$baris[1]</td>”;
Echo’<td
align=center>$baris[2]</td>”;
Echo’<td
align=center>$baris[3]</td>”;
Echo’<td
align=center>$baris[4]</td></tr>”;
}
Echo”</table>”;
/>
<a
href=”inputtamu.htm”>Berikan Komentar</a>
</body>
</html>
SELESAI,
Selamat mencoba !!!
Tidak ada komentar:
Posting Komentar