Jumat, 19 September 2014
Assalamu'alaikum wr wb
postingan ini saya copy paste dari http://trisnanugrohosite.blogspot.com/2012/12/membuat-buku-tamu-dengan-php-dan-mysql.html
langsung saja caranya :
Persiapan
Yang harus disiapkan yaitu :
1) XAMPP
2) Notepad++ atau edit plus (kalau saya menggunakan macromedia Dreamwever)
Tahapan
1) Aktifkan dulu aplikasi xampp di desktop,dan kemudian apache,mysql dan filezilla tercentang semua dan dalam keadaan running
2)Buka Browser yang ingin anda pakai,ketikkan di address bar localhost/phpmyadmin lalu akan tampil seperti ini

4) Setelah itu,database telah berhasil dibuat,biasanya ditandai dengan peringatan kolom check list berwarna hijau
5)Buat Tabel di database yang telah kita buat,dengan mengisi nama tabel.
karena tabel inilah yang akan menerima pesan dari buku tamu yang telah kita buat ke web server(database) dan number of fieldnya,biasanya ada 4 jadi ketik di kolom tersebut angka 4,klik Go
6)Setelah itu isi field sesuai dengan number of field yang telah ditentukan
kali ini yang saya buat yaitu id,nama,email dan pesan,
kemudian pilih type :
untuk id disarankan untuk memilih int,karena int merupakan type untuk angka
dan jangan lupa untuk mencentang auto_increment ,agar daftar pesan yang dikirim angka dapat berurutan seperti absen
nama dan email disarankan untuk memilih varchar,karena varchar merupakan tipe untuk huruf
pesan disarankan untuk memilih text,tapi boleh juga memilih varchar
kemudian klik save
postingan ini saya copy paste dari http://trisnanugrohosite.blogspot.com/2012/12/membuat-buku-tamu-dengan-php-dan-mysql.html
langsung saja caranya :
Persiapan
Yang harus disiapkan yaitu :
1) XAMPP
2) Notepad++ atau edit plus (kalau saya menggunakan macromedia Dreamwever)
Tahapan
1) Aktifkan dulu aplikasi xampp di desktop,dan kemudian apache,mysql dan filezilla tercentang semua dan dalam keadaan running
2)Buka Browser yang ingin anda pakai,ketikkan di address bar localhost/phpmyadmin lalu akan tampil seperti ini

3) untuk menghubungkan koneksi php ke phpmyadmin,buat database terlebih dahulu
isi nama database,lalu klik create
5)Buat Tabel di database yang telah kita buat,dengan mengisi nama tabel.
karena tabel inilah yang akan menerima pesan dari buku tamu yang telah kita buat ke web server(database) dan number of fieldnya,biasanya ada 4 jadi ketik di kolom tersebut angka 4,klik Go
6)Setelah itu isi field sesuai dengan number of field yang telah ditentukan
kali ini yang saya buat yaitu id,nama,email dan pesan,
kemudian pilih type :
untuk id disarankan untuk memilih int,karena int merupakan type untuk angka
dan jangan lupa untuk mencentang auto_increment ,agar daftar pesan yang dikirim angka dapat berurutan seperti absen
nama dan email disarankan untuk memilih varchar,karena varchar merupakan tipe untuk huruf
pesan disarankan untuk memilih text,tapi boleh juga memilih varchar
kemudian klik save
7) Tabel di database telah berhasil dibuat
dan berikut php code yang telah dibuat
CREATE TABLE `trisna`.`trisna_tb` (
`id` INT(5) NOT NULL AUTO_INCREMENT,
`nama` VARCHAR(50) NOT NULL,
`email` VARCHAR(50) NOT NULL,
`pesan` VARCHAR(500) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE = MyISAM;
Dan Langkah Berikutnya,buka notepad kalian
1) Form Buku Tamu
simpan denga nama formku.php
<link rel="stylesheet" type="text/css" href="style.css"/>
<h1 style="text-align:center">Buku Tamu</h1>
<body>
<center>
<form id="form1" name="form1" method="post" action="simpan.php">
<table width="413" height="128" border="0">
<tr>
<td width="100">Nama</td>
<td width="50">:</td>
<td width="100">
<input name="nama" type="text" id="nama" size="36" /></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td>
<input name="email" type="text" id="email" size="36" />
</td>
</tr>
<tr>
<td>Pesan</td>
<td>:</td>
<td><label>
<textarea name="pesan" id="pesan"></textarea>
</label></td>
</tr>
<tr>
<td height="21" colspan="2"><label>
<div align="center">
<input name="Reset" type="reset" id="reset" value="Reset" />
</div>
</td>
<td height="21">
<input type="submit" name="Submit" value="Submit" />
</td>
</tr>
</table>
</form>
</body>
</center>
terdapat link eksternal di dalam formku.php
simpan dengan nama style.css
(ini merupakan hasil kreasi dari saya sendiri)
<style>
h1 {
font-family:impact;
font-size:40px;
color: #fff;
font-weight:bolder;
text-shadow: 0px 5px 50px #fff;
}
td {
font-family:cursive;
font-size:30px;
color:#fff;
}
body {
background:#00adef;
}
form {
background:blue;
width:380px;
border:20px ridge #fff;
margin-top:50px;
}
input {
background:#000;
font-family:impact;
color: #fff;
margin-right:-360px;
}
textarea {
background: #000;
font-family:impact;
color:#fff;
height:100px;
width:200px;
margin-left:2px;
resize:none;
}
</style>
2) membuat koneksi ke database
simpan dengan nama koneksidb.php
<?php
$host='localhost';
$user='root';
$pass='';
$db='trisna';
$ok=mysql_connect($host,$user,$pass) or die ('gagal konek'.mysql_error());
mysql_select_db ($db,$ok);
?>
keterangan :
-kode inilah yang akan memanggil koneksi dari php ke server(database)
-jika pada saat anda membuat database menggunakan password,masukkan password di $pass
-$db merupakan nama database anda di phpmyadmin
3) Pemberitahuan
simpan dengan nama simpan.php
<?php
include "koneksidb.php";
$nama= $_POST["nama"];
$email= $_POST["email"];
$pesan= $_POST["pesan"];
$input ="insert into trisna_tb(nama,email,pesan)values('$nama','$email','$pesan')";
$query = mysql_query($input);
if (query)
{
echo "<div><pre>Nama:$nama</pre>";
echo "<pre>Email:$email</pre>";
echo "<pre> Pesan:$pesan</pre><br>";
echo "data di atas telah disimpan<br>";
echo "<a href= 'formku.php'>back</a>";
}
else
{echo "gagal tersimpan";
echo "<a href='tampil.php'>lihat data</a></div>";
}
?>
4) Menampilkan isi buku tamu di server
simpan dengan nama tampil.php
<form id="form1" name="form1" method="post" action="">
Semua data Tamu yang Masuk : <br><br>
<table width="452" border="2">
<tr align="center">
<td width="26">ID</td>
<td width="129">Nama</td>
<td width="100">Email</td>
<td width="179">Komentar</td>
</tr>
<?php
include "koneksidb.php";
$sqltampil="SELECT * FROM tb_tamu";
$qrytampil=mysql_query($sqltampil);
while ($row=mysql_fetch_array($qrytampil))
{
$ID++;
?>
<tr>
<td><?php echo $ID;?></td>
<td><?php echo $row['nama'];?></td>
<td><?php echo $row['email'];?></td>
<td><?php echo $row['Komentar'];?></td>
</tr>
<?php } ?>
</table>
</form>
maka id,nama,email dan pesan yang telah kita ketik telah tampil
dan berikut php code yang telah dibuat
CREATE TABLE `trisna`.`trisna_tb` (
`id` INT(5) NOT NULL AUTO_INCREMENT,
`nama` VARCHAR(50) NOT NULL,
`email` VARCHAR(50) NOT NULL,
`pesan` VARCHAR(500) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE = MyISAM;
Dan Langkah Berikutnya,buka notepad kalian
1) Form Buku Tamu
simpan denga nama formku.php
<link rel="stylesheet" type="text/css" href="style.css"/>
<h1 style="text-align:center">Buku Tamu</h1>
<body>
<center>
<form id="form1" name="form1" method="post" action="simpan.php">
<table width="413" height="128" border="0">
<tr>
<td width="100">Nama</td>
<td width="50">:</td>
<td width="100">
<input name="nama" type="text" id="nama" size="36" /></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td>
<input name="email" type="text" id="email" size="36" />
</td>
</tr>
<tr>
<td>Pesan</td>
<td>:</td>
<td><label>
<textarea name="pesan" id="pesan"></textarea>
</label></td>
</tr>
<tr>
<td height="21" colspan="2"><label>
<div align="center">
<input name="Reset" type="reset" id="reset" value="Reset" />
</div>
</td>
<td height="21">
<input type="submit" name="Submit" value="Submit" />
</td>
</tr>
</table>
</form>
</body>
</center>
terdapat link eksternal di dalam formku.php
simpan dengan nama style.css
(ini merupakan hasil kreasi dari saya sendiri)
<style>
h1 {
font-family:impact;
font-size:40px;
color: #fff;
font-weight:bolder;
text-shadow: 0px 5px 50px #fff;
}
td {
font-family:cursive;
font-size:30px;
color:#fff;
}
body {
background:#00adef;
}
form {
background:blue;
width:380px;
border:20px ridge #fff;
margin-top:50px;
}
input {
background:#000;
font-family:impact;
color: #fff;
margin-right:-360px;
}
textarea {
background: #000;
font-family:impact;
color:#fff;
height:100px;
width:200px;
margin-left:2px;
resize:none;
}
</style>
2) membuat koneksi ke database
simpan dengan nama koneksidb.php
<?php
$host='localhost';
$user='root';
$pass='';
$db='trisna';
$ok=mysql_connect($host,$user,$pass) or die ('gagal konek'.mysql_error());
mysql_select_db ($db,$ok);
?>
keterangan :
-kode inilah yang akan memanggil koneksi dari php ke server(database)
-jika pada saat anda membuat database menggunakan password,masukkan password di $pass
-$db merupakan nama database anda di phpmyadmin
3) Pemberitahuan
simpan dengan nama simpan.php
<?php
include "koneksidb.php";
$nama= $_POST["nama"];
$email= $_POST["email"];
$pesan= $_POST["pesan"];
$input ="insert into trisna_tb(nama,email,pesan)values('$nama','$email','$pesan')";
$query = mysql_query($input);
if (query)
{
echo "<div><pre>Nama:$nama</pre>";
echo "<pre>Email:$email</pre>";
echo "<pre> Pesan:$pesan</pre><br>";
echo "data di atas telah disimpan<br>";
echo "<a href= 'formku.php'>back</a>";
}
else
{echo "gagal tersimpan";
echo "<a href='tampil.php'>lihat data</a></div>";
}
?>
4) Menampilkan isi buku tamu di server
simpan dengan nama tampil.php
<form id="form1" name="form1" method="post" action="">
Semua data Tamu yang Masuk : <br><br>
<table width="452" border="2">
<tr align="center">
<td width="26">ID</td>
<td width="129">Nama</td>
<td width="100">Email</td>
<td width="179">Komentar</td>
</tr>
<?php
include "koneksidb.php";
$sqltampil="SELECT * FROM tb_tamu";
$qrytampil=mysql_query($sqltampil);
while ($row=mysql_fetch_array($qrytampil))
{
$ID++;
?>
<tr>
<td><?php echo $ID;?></td>
<td><?php echo $row['nama'];?></td>
<td><?php echo $row['email'];?></td>
<td><?php echo $row['Komentar'];?></td>
</tr>
<?php } ?>
</table>
</form>
Setelah itu masukkan file tersebut ke dalam XAMPP di local disk C dan ke htdocs,kemudian simpan file anda di situ atau untuk mempermudah file buku tamu tersebut dijadikan 1 folder lalu folder tersebut simpan ke htdocs,disini saya beri nama folder dengan nama bukutamu
kita buka localhost/nama folder (localhost/bukutamu)
setelah itu buka file formku.html
keren bukan tampilan buku tamunya ? karena fungsi css adalah untuk membuat struktur dokumen menjadi lebih indah dan memukau
untuk percobaan,silahkan masukkan nama,email dan pesan
setelah sudah klik submit
proses pengiriman akan berhasil,bila terdapat konfirmasi seperti ini
dan terakhir,masuk kembali ke localhost/phpmyadmin
kemudian klik database kita,setelah itu klik tabel dalam database kita
maka id,nama,email dan pesan yang telah kita ketik telah tampil
sekian dari saya
maaf atas segala kekurangannya
wassalamu'alaikum wr wb
Langganan:
Posting Komentar (Atom)












0 komentar:
Posting Komentar