Cara membuat Buku Tamu dengan PHP|Pemrograman WEB.

Aduuuuuh. . .maaf buat teman-teman “The Afternoon” yang sms menanyakan tentang Tugas WEB tidak aku balas. Bukan apa tapi ini niii. . .saya baru selesai berguru.

. Sebelum kita menuju pada tugas kita akan lebih baik kalau kita menyiapkan kebutuhan dulu. . .seperti chitato,magnum,bakso ayam etc.

Lhow? maksud aku kita harus memastikan kalau xampp kita sudah ada belum dan siapkan juga untuk codingnya pakai notepad++ biar lebih nyaman dan enak seperti chitato.

Buku tamu ini masih sederhana dan beluum tampan, kalah tampan dengan penyuku. . .

Pembuatan web buku tamu ini ada 6 script

konek.php

daftar.php

daftar_isi.php

index.php

header.php

footer.php

logout.php

Sebelum kita membuat sciptnya, terlebih dahulu kita membuat
databasenya yah. . .dalam tugas ini aku membuat data base dengan
nama “bukutamu” dan tabelnya dengan nama “daftar”. . .penting ini membuat databasenya,jangan lupa disimpen?
Okay. . .sekarang kita mulai coding. . .
“pertama” dan kesatu kita membuat file pada notepad dengan nama “konek.php”. coba tempel script ini. . .

01<?php

02$host = "localhost";

03$user = "root";

04$pass = "";

05$db = "bukutamu";

06$table = "daftar";

07$connect = mysql_connect($host,$user,$pass) or die("Koneksi gagal");

08$pilih_db = mysql_select_db($db) or die("Database tidak ada");

09$cookie_nama = $_COOKIE['nama'];

10?>

Sekali lagi, jangan lupa databasenya ya, karena buat tes-tes disini niii?

Setelah database berhasil conect langkah “kedua” kita buat file dengan nama “login.php” Script ini digunakan untuk akses ke halaman berikutnya. . .yaitu form login harus diisi dan kalau tidak diisi maka tidak bisa kehalaman berikutnya gituuuuuh. . .

01<html>

02<head>

03<title> Tampilan Awal </title>

04</head>

05<body bgcolor="blue">

06</body>

07<html>

08 

09<?php

10 

11include("konek.php");

12 

13$user = $_POST['user'];

14$password = $_POST['password'];

15$query = mysql_query("SELECT * FROM daftar where Nama='$user'") or die (mysql_error());

16$result = mysql_fetch_array($query);

17$row = mysql_num_rows($query);

18/*

19echo "<pre>";

20print_r($_POST);

21echo "hasil=".$row;

22echo "</pre>";

23*/

24if(($user == "") && ($password == ""))

25{

26echo "<center>Silahkan isi username dan password anda !<br/>

27<a href=index.php>Kembali ke Login</a>";

28exit;

29}

30if($row != 0)

31{

32if($password != $result['Password'])

33{

34echo "x: $password -- y: $result[Password]";

35echo "<center>Silahkan koreksi Password anda!<br/>

36<a href=index.php>Kembali ke Login</a>";

37}

38else

39{

40$_SESSION['user']=$user;

41echo "<center>Anda berhasil login dengan nama

42$user<br><br/><br/><font size=5><a href=home.php>Klik disini untuk melanjutkan ke Halaman Utama</a></font>";

43}

44}

45else

46{

47echo "<center>Maaf, username anda belum terdaftar !<br>Silahkan daftar

48<a href='index.php?register=daftar'>disini</a>";

49}

50?>

51<?php mysql_close($connect); ?>

Capcuuus. . .setelah halaman login kita buat,sekarang yang “ketiga” kita buat halaman untuk pendaftaran. . .kita namai filenya dengan “daftar.php”. Fungsi dari halaman ini adalah untuk akses pendaftaran. Jadi gini lho, kalau usernya belum terdaftar kan belum bisa masuk kehalaman berikutnya tuh, jadi harus daftar doelooeee? Oia, untuk isi dari form pendaftaran ini gak harus sama lho? Sesuai selera sajaaaa. . .

01<head>

02    <title> Halaman Pendaftaran </title>

03</head>

04<body bgcolor="pink">

05<form name="form1" method="post" action="index.php?register2=success">

06<div align="center"><table width="437" border="0" id="table_body">

07<tr>

08<td colspan="2"><h1>PENDAFTARAN</h1></td>

09</tr>

10<tr>

11<td width="152">Nama</td>

12<td width="185"><input name="nama" type="text" id="form"></td>

13</tr>

14<tr>

15<td >Alamat</td>

16<td><textarea name="alamat" id="form2"></textarea></td>

17</tr>

18<tr>

19<td>Email</td>

20<td><input name="email" type="text" id="form"></td>

21</tr>

22<tr>

23<td>Password</td>

24<td><input name="password" type="password" id="form"></td>

25</tr>

26<tr>

27<td >Konfirmasi Password </td>

28<td><input name="c_password" type="password" id="form"></td>

29</tr>

30<tr>

31<td>Jenis Kelamin</td>

32<td><input name="kelamin" type="radio" value="L" unchecked/>

33Male

34<input name="kelamin" type="radio" value="P" unchecked/>Female</td>

35</tr>

36<tr>

37<td>Nomor Telephone</td>

38<td><input name="telephone" type="text" id="form"></td>

39</tr>

40<tr>

41<td >Komentar </td>

42<td><textarea name="komentar" id="form2"></textarea></td>

43</tr>

44<tr>

45<td colspan="2"> </td>

46</tr>

47<tr>

48<td colspan="2"><div align="center">

49<p>

50<input type="submit" name="Submit" value="Daftar" id="button">

51<input type="reset" name="Reset" value="Batal" id="button">

52</p>

53</div></td>

54</tr>

55</table>

56<p>

57<a href="index.php">Kembali ke Login</a>

58</p>

59</body>

60</form>

61<?php //mysql_close(); ?>

Menuju pada pembuatan file yang “keempat” yaitu “daftar_isi.php”. file ini merupakan kesatuan dari file daftar, yang biasa kita sebut link apa ya?hehhehe. Jangan lupa, semua field yang ada harus kita cucokkan dengan yang ada didatabasenya yah?

01<html>

02<head>

03    <title> Halaman Login </title>

04</head>

05<body bgcolor="green">

06</body>

07</html>

08 

09<?php

10$nama = $_POST['nama'];

11$alamat = $_POST['alamat'];

12$email = $_POST['email'];

13$password = $_POST['password'];

14$c_password = $_POST['c_password'];

15$kelamin = $_POST['kelamin'];

16$telepon = $_POST['telephone'];

17$komentar = $_POST['komentar'];

18 

19if($password != $c_password)

20{

21echo "<script>alert('Konfirmasi password harus sama dengan password!');

22javascript:history.go(-1);</script>";

23exit;

24}

25if((!empty($nama))
 && (!empty($alamat)) &&(!empty($email)) && 
(!empty($password)) && (!empty($c_password))&& 
(!empty($kelamin)) && (!empty($telepon))&& 
(!empty($komentar)))

26{

27include "konek.php";

28$query = mysql_query("INSERT INTO daftar (nama,alamat, email,password,c_password,kelamin,telephone,komentar)

29values ('$nama','$alamat','$email','$password','$c_password','$kelamin','$telepon','$komentar')",$connect);

30echo "Anda berhasil mendaftar<br><a href=index.php>Kembali ke Login</a>";

31}

32else

33{

34echo "<script>alert('Maaf, tidak boleh ada field yang kosong !');

35javascript:history.go(-1);</script>";

36}

37 

38?>

39<?php mysql_close($connect); ?>

File yang “kelima” ini. . yang lumayan mikiiiiir. . .

itu halaman index. Dimana halaman ini untuk menampung atau menempel script yang lain-lain diatas dan dibawah juga.

. Kita namai file ini dengan “index.php”.

01<?php session_start(); ?>

02<html>

03<head>

04    <title> Buku Tamu Idah Dudut </title>

05</head>

06<body bgcolor="pink">

07</div><div align="center">

08<?php

09include("konek.php");

10?>

11<?php

12if($_GET['register'])

13{

14include("daftar.php");

15exit;

16}

17?>

18<?php

19if($_GET['register2'])

20{

21include("daftar_isi.php");

22exit;

23}

24?>

25<?php

26if($_GET['login'])

27{

28include("login.php");

29exit;

30}

31?>

32<p>

33 

34<form name="form1" method="post" action="index.php?login=success">

35<table width="258" border="0" id="table_body">

36<tr>

37<td colspan="2"><h2>Silahkan Login</h2></td>

38</tr>

39<tr>

40<td width="78">Username</td>

41<td><div align="center"><input name="user" type="text" id="form"></div></td>

42</tr>

43<tr>

44<td>Password</td>

45<td><div align="center"><input name="password" type="password" id="form"></div></td>

46</tr>

47<tr>

48<td colspan="2"> </td>

49</tr>

50<tr>

51<td colspan="2"><div align="center"><input type="submit" name="Submit" value="Login" id="button">

52<a href="index.php">

53<input type="reset" name="Reset" value="Cancel" id="button"></a></div></td>

54</tr>

55</table>

56</form>

57<?php mysql_close($connect); ?>

58<p>Klik <a

59href="index.php?register=daftar">disini</a> untuk mendaftar <em>(Geratis. . .!)</em> </p>

60<?php

61if($_GET['logout'])

62{

63include "logout.php";

64echo "Anda telah berhasil Logout, Terimakasih anda telah mengunjungi kami...

65<p>silahkan login kembali untuk mengunjungi kami !</p>";

66}

67?>

68</div></div>

69</body>

70</html>

Tenang teman. . .itu semua script coba dijalankan aja dulu baiknya,di test-test jadi apa tidak ya? Trus kalau tidak jadi gimana?

Sudahlah istirahat ajja dulu,nanti dilanjutkan lagi. Tapi aku tetap mau melanjutkan. Hahhahaha. Ini tahap yang ke berapa ya? “keenam” kita buat kepala webnya yaitu “header.php”.

1<div id="kepala" style="text-align:center;">

2<tr>

3    <strong><font color="red" size="5" >SELAMAT DATANG DI BUKU TAMU IDAH DUDUT</font></Strong>

4</tr>

5</div>

Untuk kepalanya kita bebas mau dinamai apa? Selamat Sore juga boleeh? Hampir selesai iniiii. . .hampiiiir?

. Karena tadi ada kepala maka kita juga harus ngasih kakikanya dunk biar bisa jalan. . .

. Pada bagian “ketujuh” ini kita buat file “footer.php”. seperti biasa. . .teman-teman harus lebih berkreasi dan lebih inovatif lagi ya dalam inputannya. . . karena yang aku buat ini sangan simple dan sederhana.

`1`	`Ujian Pemrograman web oleh <a href="http://idahceris.wordpress.com"` `target="_blank"><strong>idah_ceris@yahoo.co.id</strong></a> @ Desember` `2011`

`2`	`<a href="index.php?logout=success">Logout</a>`

Selesai ini. . .selesaiiiii? Belum selesai totaaaaaaaaaal. File terahir yang “kedelapan” ini adalah file “logout.php” ni scriptnya. . .

1<!--?php //session_start(); //$_SESSION[]; session_unset(); session_destroy();  //echo "user aktif: $_SESSION[user]"; //header("Location: index.php?logout=success"); ?-->

Yupz. . .selesaiiiiiii tapii beluum?hehehe. . .aku belum buat file homenya teman-teman. . .mungkin untuk homenya teman-teman udah bisa ya? Pak dosen minta, kalau halaman homenya itu berisi nama-nama tamu. . .tentunya tamu yang udah mendaftar dunk? Ayuh buat halaman home.php. . .selesaikan sekarang dan pertampaan halaman webmu. Buat 1 file lagi dengan nama “home.php”. Tempel kode dibawah ini. . .

01<?php session_start();

02//echo "user aktif ". $_SESSION['user'];

03if(!isset($_SESSION['user'])){

04echo "Maaf, sampeyan belum terdaftar, tak iye<br />";

05exit();

06}

07?>

08<html>

09<head>

10    <title> Halaman Utama Buku Tamu </title>

11    <link rel="stylesheet" type="text/css" href="style.css" />

12</head>

13<body bgcolor="aqua">

14<?php //echo "Selamat datang ".$_SESSION['user']; ?>

15<div id="menu">

16        <ul>

17            <li><a href="home.php">Home</a> </li>

18            <li><a href="tentangsaya.php">Tentang Saya</a> </li>

19            <li><a href="request.php">Request</a> </li>

20            <li><a href="hubungisaya.php">Hubungi Saya</a> </li>

21        </ul>

22    </div>

23<div id="isi">

24<?

25include "header.php";

26include "konek.php";

27$query=mysql_query("SELECT Nama, Alamat, Email, Kelamin, Telephone, Komentar FROM daftar LIMIT 10") or die (mysql_error());

28while($data=mysql_fetch_row($query))

29    {

30    echo "<table width='30%' align=center border=1 cellspacing=1>";

31    echo "<tr><td align='center'>";

32    echo "Nama: $data[0] [ $data[3] ] <br />";

33    echo "Alamat: $data[1] <br/> email: $data[2] <br />telp. $data[4]<br />";

34    echo "Komentar: $data[5]";

35    echo "</td></tr></table>";

36    }

37?>

38</div>

39<div id="kaki">

40<?php

41include "footer.php";

42 

43?>

44</div>

45<!--<a href="index.php?logout=success">Logout</a> -->

46</body>

47</html>

SALAM SENYUM!!!!! ^_*

Wibi Prasetyo ♂

My Page

Daftar Blog

About Me

friends

Clock And Date

Jumat, 07 Desember 2012

Cara membuat Buku Tamu dengan PHP|Pemrograman WEB.

0 komentar:

Posting Komentar