MODUL 8
MEMBUAT DATABASE PHP MYSQL
( MEMBUAT INPUT DATA SISWA )
Disini saya akan membuat PHP MYSQL tetntang input data siswa, sebelumnya install dahulu aplikasi APPSERV untuk membuat data base phpmyadmin, berikut adalah langkah saya membuat input data siswa, yang pertama membuat script php (login.php)
<?php
session_start();
if(isset($_SESSION['userid'])) {
header('location:tampil.php'); }
require_once("connect.php");
?>
<html>
<head>
<title>Login & Register » didinsino.co.cc</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
a:link {
color: #00FF00;
}
a:visited {
color: #66FF00;
}
.style2 {
color: #00FF00;
font-weight: bold;
}
-->
</style></head>
<body>
<p align="center" class="style2"><font size=20>LOGIN ADMIN INPUT DATA SISWA SMKN 3 BUDURAN</font></p>
<table width="448" height="219" border="0" align="center" cellpadding="7" cellspacing="1" bgcolor="#333333" style="margin-top:50px;">
<form action="proseslogin.php" method="post">
<tr bgcolor="#CCCCCC">
<td colspan="2" align="center" bgcolor="#FF0000"><b>Admin Login</b></td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="60" bordercolor="#FFFFFF" bgcolor="#0066FF">User ID </td>
<td width="202" bordercolor="#FFFFFF" bgcolor="#66FFFF"><input name="userid" type="text"/></td>
</tr>
<tr bgcolor="#FFFFFF">
<td bordercolor="#FFFFFF" bgcolor="#3366FF">Password</td>
<td bordercolor="#FFFFFF" bgcolor="#66FFFF"><input name="password" type="password"/></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="2" align="center" bgcolor="#CCFF99"><input type="submit" name="Submit" value="Login" /></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="2" align="center" bgcolor="#6633CC"><span class="style1">Belum Jadi Admin?</span><font color="#0000FF"> <a href="register.php">Daftar</a></font></td>
</tr>
</form>
</table>
<div align="center"></div>
</body>
</html>
Setelah itu save dengan format .php, kemudian buka di localhost/index lalu pilih file kita kemudian kita lihat apakah sudah muncul, berikut di bawah ini adalah hasil dari saya.
Setelah itu sebelumnya membuat admin untuk bisa memasuki halaman web selanjutnya, gambar diwah ini merupakan tampilan halaman web untuk membuat admin login, berikut scriptnya.
session_start();
if(isset($_SESSION['userid'])) {
header('location:tampil.php'); }
?>
<html>
<head>
<title>Login & Register » didinsino.co.cc</title>
</head>
<body>
<table border="0" align="center" cellpadding="10" cellspacing="1" bgcolor="#333333" style="margin-top:30px;">
<form action="prosesregister.php" method="post">
<tr bgcolor="#CCCCCC">
<td colspan="2" align="center"><strong>Pendaftaran Anggota </strong></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Nama Lengkap </td>
<td><input name="nama" type="text" size="40" /></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Email</td>
<td><input name="email" type="text" size="40" /></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>User ID </td>
<td><input type="text" name="userid" /></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>Password</td>
<td><input type="password" name="password" /></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="2" align="center"><input name="Submit" type="submit" value="Daftar"/></td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="2" align="center"><font color="#0000FF">Sudah Jadi Anggota? <a href="login.php">Login</a></font></td>
</tr>
</form>
</table>
</body>
</html>
setelah sudah membuat scriptnya kita buka di web browser dan tekan tombol daftar di halaman sebelumnya, di bawah ini hasil dari script di atas.
Setelah itu selanjutnya, klik link login maka akan terhubung lagi pada halaman web sebelumnya, berikut adalah script dari web di bawah ini,
<?php
require_once("connect.php");
$nama = $_POST['nama'];
$mail = $_POST['email'];
$user = $_POST['userid'];
$pass = $_POST['password'];
$cekuser = mysql_query("SELECT * FROM anggota WHERE userid = '$user'");
if(mysql_num_rows($cekuser) <> 0) {
echo "User ID Sudah Terdaftar!<br/>";
echo "<a href=\"register.php\">« Back</a>";
} else {
if(!$nama || !$mail || !$user || !$pass) {
echo "Masih ada data yang kosong!<br/>";
echo "<a href=\"register.php\">« Back</a>";
} else {
$simpan = mysql_query("INSERT INTO anggota VALUES('$nama','$mail','$user','$pass')");
if($simpan) {
echo "Pendaftaran Berhasil, Silahkan <a href=\"login.php\">Login</a>";
} else {
echo "Proses Gagal!";
}
}
}
?>
maka hasilnya akan tampak seperti dibawah ini.
Setelah klik link login maka akan kembali lagi pada halaman sebelumnya, kemudian isi userID dan password kemudian klik link login.
Setelah klik link login maka akan memasuki halaman sebagai berikut yang sebelumnya scriptnya sudah kita kerjakan, berikut adalah script dari halaman di bawah ini,
<?php
session_start();
if(!isset($_SESSION['userid'])) {
header('location:login.php'); }
else { $usr = $_SESSION['userid']; }
require_once("connect.php");
$query = mysql_query("SELECT * FROM anggota WHERE userid = '$usr'");
$hasil = mysql_fetch_array($query);
?>
<html>
<head>
<title>Halaman Utama</title>
</head>
<body>
<center>
<?php
echo "<h2>Selamat Datang, $usr</h2>";
echo "Nama Lengkap : " . $hasil['nama'] . "<br/>";
echo "Email : " . $hasil['email'] . "<p>";
?>
<a href="logout.php"><b>Logout</b></a>
<style type="text/css">
<!--
body,td,th {
font-family: Comic Sans MS;
font-size: 16px;
color: #FF0000;
}
a:link {
color: #00FF33;
}
a:visited {
color: #66FF00;
}
-->
</style><?php
include "koneksi.php";
echo "<h2 align=center>Data Siswa SMKN 3 BUDURAN</h2>
<table align=center border=1 cellpadding=20>
<tr><th>NIS</th>
<th>Nama</th>
<th>Jurusan</th>
<th>Jenis Kelamin</th>
<th>Alamat</th>
<th>Aksi</th>
</tr>";
$tampil=mysql_query("SELECT * FROM siswa ORDER BY NIS");
$no=1;
while ($data=mysql_fetch_array($tampil)){
echo "<tr><td>$data[NIS]</td>
<td>$data[nama]</td>
<td>$data[jurusan]</td>
<td>$data[jenkel]</td>
<td>$data[alamat]</td>
<td><a href=edit.php?id=$data[id]>Edit</a> |
<a href=\"hapus.php?id=$data[id]\" onClick=\"return confirm('Apakah Anda benar-benar akan menghapus $data[nama]?')\">Hapus</a></td>
</tr>";
$no++;
}
echo "</table>";
echo "<h2 align=center><form method=POST action=input.php>
<input type=submit value='Tambah Data' align=center>
</form></h2>";
?>
Maka hasil script dari di atas tampilannya akan seperti gambar dibawah ini.
Setelah masuk ke tampilan data siswa seperti diatas, kemudian tekan link tambah data, maka akan masuk ke halaman seperti dibawah ini, berikut adalah script dari halaman web dibawah ini.
<style type="text/css">
<!--
body,td,th {
color: #FF0000;
font-family: Times New Roman, Times, serif;
font-size: 16px;
font-weight: bold;
}
.style1 {
font-family: "Franklin Gothic Heavy";
color: #FF6666;
font-size: 18px;
}
-->
</style><title>Input data</title>
<div align="center"><strong><span class="style1">MASUKKAN DATA DIRI </span></strong></div>
<?php
echo "
<form method=POST action=simpan.php>
<table align=center border=0 cellpadding=20>
<tr><td>NIS </td><td> : <input type=text name=NIS></td></tr>
<tr><td>nama </td><td> : <input type=text name=nama></td></tr>
<tr><td>jurusan </td><td> : <select name=jurusan>
<option selected>--Pilih Jurusan</option>
<option>Teknik Komputer dan Jaringan I</option>
<option>Teknik Komputer dan Jaringan II</option>
<option>Gambar Rancang Bangun I</option>
<option>Gambar Rancang Bangun II</option
<option>Listrik Kapal</option>
<option>Instalasi Permesinan Kapal</option>
<option>Teknik Kendaraan Ringan</option>
<option>Teknik Las Kapal</option>
<option>Teknik Perkakas Mesin</option>
<option>Teknik Las Kapal</option>
<option>Konstruksi Kapal Baja</option>
<option>Interior Kapal</option>
</select>
</td></tr>
<tr><td>Jenis Kelamin</td><td> : <input type=radio name=jenkel value=Pria>Pria
<input type=radio name=jenkel value=Wanita>Wanita
</td></tr>
<tr><td>Alamat </td><td> : <input type=text name=alamat rows=10 cols=5></tr></td>
<tr><td colspan=2><input type=submit value=Simpan>
<input type=button value=Batal onclick=self.history.back()></td></tr>
</table></form>";
?>
Gambar dibawah ini adalah tampilan dari script diatas.
Setelah mengisi data seperti gambar diatas, kemudian klik link simpan, maka akan kembali lagi pada halaman tampilan dari data yang tadi, tetapi datanya sudah di tambah dengan hasil dari halaman diatas.
Setelah itu kita memasuki link hapus yang berada dalam halaman tampil tadi, berikut adalah script dari link hapus yang sudah saya buat.
<?php
include "koneksi.php";
$hapus=mysql_query("DELETE FROM siswa WHERE id='$_GET[id]'");
header('location:tampil.php');
?>
Setelah kita klik link hapus, maka akan muncul tulisan seperti gambar dibawah ini, kemudian klik OK.
Setelah dihapus data tersebut maka sudah tidak ada lagi di daftar siswa yang ada.
Setelah itu saya juga membuat link logout, seperti tampilan diatas ada link logout, berikut adalah script yang sudah saya buat untuk link logout.
<?php
session_start();
unset($_SESSION['userid']);
?>
<center>
<h2>Anda telah berhasil logout..</h2>
Silahkan klik <a href="login.php"><b>disini</b></a> untuk login kembali
</center>
Setelah itu maka akan memasuki halaman yang seperti gambar dibawah ini, berarti admin sudah logout dari halaman sebelumnya.
Itu tadi sedikit dari saya yang mengerjakan MODUL 8 tentang pengenalan internet, apabila ada salah kata, saya mohon maaf, sekian terima kasih.
0 Response to " "
Posting Komentar