Pada postingan kali ini saya akan berbagi mengenai cara membuat aplikasi
input data mahasiswa berbasis WEB dengan menggunakan bahasa pemograman PHP.
Berikut langkah-langkahnya.
1. Buatlah sebuah database dengan nama "data", serta buatllah tabel dengan nama "mhs" dengan struktur sebagai berikut.
Nama
|
Tipe data
|
Panjang karakter
|
Primary key
|
Extra
|
No
|
integer
|
4
|
Yes
|
AUTO_INCREMENT
|
NIM
|
Varchar
|
15
|
-
|
|
Nama
|
Varchar
|
40
|
-
|
|
Prodi
|
Varchar
|
15
|
-
|
|
No_tlp
|
Varchar
|
15
|
-
|
|
Alamat
|
Varchar
|
60
|
-
|
|
Penjelasan :
- Primary Key : Untuk membedakan data agar tidak ada data yang sama, misal jika kita memaasukan angka 1, maka anda tidak bisa lagi memas
- Auto_increment : berfungsi untuk melakukan penomoran otomatis.
2. Buatlah file CSS dengan nama "style.css" untuk mempercantik tampilan dengan code seperti di bawah ini
@charset "utf-8";
/* CSS Document */
body {
background-color:#FFFFCC;
}
#main {
width:960px;
height:auto;
margin:0 auto;
border:solid;
border-color:#999999;
overflow:hidden;
background:#FFFF99;
}
#main a{
text-decoration:none;
color:red;
}
#main a:hover{
text-decoration:none;
color:green;
}
3. Buatlah sebuah file berekstensi php dengan nama "input_data.php"
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tugas WeB</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="main">
<fieldset width="300px">
<legend style='font-size:16pt'>Input Data Mahasiswa</legend>
<form name="form_mhs" METHOD="POST" action="proses_input.php" onsubmit="return validasi();">
<table>
<tr>
<td height="50">NIM</td>
<td>:</td>
<td><input name="mhs_nim" type="text" size="20" maxlength="10" /></td>
</tr>
<tr>
<td width="150" height="32">Nama</td>
<td width="8">:</td>
<td><input name="mhs_nama" type="text" size="40" maxlength="50" /></td>
</tr>
<tr>
<td width="150" height="32">Prodi</td>
<td width="8">:</td>
<td><input name="mhs_prodi" type="text" size="40" maxlength="50" /></td>
</tr>
<tr>
<td width="150" height="32">No Tlp</td>
<td width="8">:</td>
<td><input name="mhs_tlp" type="text" size="40" maxlength="50" /></td>
</tr>
<tr>
<td width="150" height="32" valign="top">Alamat</td>
<td width="8" valign="top">:</td>
<td><textarea name="mhs_alamat" cols="35" rows="10"> </textarea></td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td height="32" colspan="2"> </td>
<td><input type="SUBMIT" name="submit" Value="Simpan" />
<input type="RESET" name="Reset" Value="Batal" />
</td>
</tr>
</table>
</form>
</fieldset>
<a href="view_data.php">  [Lihat Data]</a>
</div>
</body>
</html>
4. Buatlah file "koneksi.php", untuk koneksi ke database.
<?php
$host='localhost';
$user='root';
$pass='';
$dbname='data';
$connect=mysql_connect($host, $user, $pass) or die (mysql_error());
$dbselect=mysql_select_db($dbname);
?>
5. Buat file "proses_input.php" untuk proses penyimpanan data ke database.
<?php
include('koneksi.php');
$NIM =$_POST['mhs_nim'];
$Nama =$_POST['mhs_nama'];
$Prodi =$_POST['mhs_prodi'];
$no_tlp =$_POST['mhs_tlp'];
$alamat =$_POST['mhs_alamat'];
if($NIM=="" ||$Nama=="" ||$Prodi=="" ||$no_tlp=="" ||$alamat=="")
{
echo"<script>alert('Formulir Belum Lengkap, Mohon isi data dengan lengkap !!!');window.location.href='input_datamhs.php';</script>";
}
else
{
$input="INSERT INTO mhs (NIM , Nama , Prodi , No_tlp , Alamat)
values('$NIM', '$Nama', '$Prodi', '$no_tlp', '$alamat')";
$hasil=mysql_query($input);
if($hasil)
{
echo("<script>alert('Data Berhasil Disimpan !!!');window.location.href='view_data.php';</script>");
}
else
{
echo("<script>alert('Data Gagal Disimpan !!!');window.location.href='input_data.php';</script>");
}
}
?>
6. Buat file "view_data.php" untuk melihat data yang telah di input, dengan code di bawah ini.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tugas WeB</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="main">
<h3 align="center"><font face="Tahoma, sans-serif" color=Blue ><b>
Daftar Data Mahasiswa</b></font></h3><hr>
<a href="input_data.php">+Tambah Data</a>
<br>
<center>
<table border=0>
<tr bgcolor=orange>
<td align="center">No</td>
<td align="center">NIM</td>
<td align="center">Nama</td>
<td align="center" width="75px">Prodi</td>
<td align="center">No Tlp</td>
<td align="center">Alamat</td>
<td align="center" width="80px">Action</td>
</tr>
<?php
$i=1;
$no=1;
include('koneksi.php');
$tampil="select * from mhs";
$hasil=mysql_query($tampil);
while($row=mysql_fetch_array($hasil))
{
echo"
<tr bgcolor=#BBBCB5>
<td align=center>$no</td>
<td>$row[NIM]</td>
<td>$row[Nama]</td>
<td>$row[Prodi]</td>
<td>$row[No_tlp]</td>
<td>$row[Alamat]</td>
<td align=center ><a href=update.php?No=$row[No]>Edit</a>
<a href=delete_data.php?no=$row[No]>| Delete</a>
</td>
</tr>
";
$no++;
}
?>
</table>
</center>
</div>
</body>
</html>
7. Buat file "update.php" untuk edit data yang telah di simpan dengan kode di bawah ini.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tugas WeB</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="main">
<fieldset style='width:400'><legend style='font-size:16pt'>Edit Data Mahasiswa</legend>
<?php
include('koneksi.php');
$no = $_GET['No'];
$hasil = mysql_query("select * from mhs where No=$no") or die(mysql_error());
while($data=mysql_fetch_array($hasil))
{
$nim=$data['NIM'];
$nama=$data['Nama'];
$prodi=$data['Prodi'];
$tlp=$data['No_tlp'];
$alamat=$data['Alamat'];
echo "<form name=form_mhs METHOD=POST action=proses_edit.php onsubmit=return validasi();>
<table>
<tr>
<td height=50>NIM</td>
<td>:</td>
<td><input name=mhs_nim type=text size=20 maxlength=10 value=\"$nim\"></td>
</tr>
<tr>
<td width=150 height=32>Nama</td>
<td width=8>:</td>
<td><input name=mhs_nama type=text size=40 maxlength=50 value=\"$nama\"></td>
</tr>
<tr>
<td width=150 height=32>Prodi</td>
<td width=8>:</td>
<td><input name=mhs_prodi type=text size=40 maxlength=50 value=\"$prodi\"></td>
</tr>
<tr>
<td width=150 height=32>No Tlp</td>
<td width=8>:</td>
<td><input name=mhs_tlp type=text size=40 maxlength=50 value=\"$tlp\"></td>
</tr>
<tr>
<td width=150 height=32 valign=top>Alamat</td>
<td width=8 valign=top>:</td>
<td><textarea name=mhs_alamat cols=35 rows=10>$alamat </textarea></td>
</tr>
<tr>
<td colspan=3></td>
</tr>
<tr>
<td height=32 colspan=2> </td>
<td><input type=SUBMIT name=submit Value=Simpan />
<a href=view_data.php>[Back]</a>
</td>
</tr>
</fieldset>
</table>";
echo "</form>";
}
?>
</div>
</body>
</html>
8. Buatlah file "
proses_edit.php" untuk proses penyimpanan kembali data yang telah di edit dengan kode seperti di bawah ini.
<?php
include('koneksi.php');
$NIM =$_POST['mhs_nim'];
$Nama =$_POST['mhs_nama'];
$Prodi =$_POST['mhs_prodi'];
$no_tlp =$_POST['mhs_tlp'];
$alamat =$_POST['mhs_alamat'];
$ubah="UPDATE mhs SET NIM='$NIM', Nama='$Nama', Prodi='$Prodi', No_tlp='$no_tlp',
Alamat='$alamat' WHERE NIM=$NIM";
$query=mysql_query($ubah);
if($query){
echo("<script>alert('Data Telah Diubah!!');window.location.href='view_data.php';</script>");
}else{
echo("<script>alert('Data Gagal Diubah !!');window.location.href='view_data.php';</script>");
}
?>
9. Buatlah file "delete_data.php" untuk fungsi hapus data pada database dengan kode seperti dibawah in
i.
<?php
include('koneksi.php');
$No = $_GET['no'];
$query=mysql_query("delete from mhs where No='$No'") or die (mysql_error());
if($query){
echo("<script>alert('Data berhasil Dihapus !!');window.location.href='view_data.php';</script>");
}else{
echo("<script>alert('Data Gagal Dihapus !!');window.location.href='view_data.php';</script>");
}
?>
Dengan kode di atas anda sudah dapat membuat aplikasi sederhana untuk
input, delete dan
update data mahasiswa. Akhir kata semoga artikel ini bisa bermanfaat bagi anda yang sedang belajar menjadi programmer dan lebih memacu untuk lebih giat lagi dalam belajar.
Tks,
Admin
