Tahap Pembuatan Database
Untuk memulai membuat database, pastikan terlebih dahulu software XAMPP telah aktif dan bisa berjalan dengan baik yaitu dengan klik “Start” di menu Actions untuk Module “Apache” dan “MySQL”. Tunggu hingga Module tersebut berwarna hijau.
1. Pertama, buka browser lalu ketik alamat “ http://localhost/phpmyadmin”. Sehingga muncul tampilan berikut. Lalu klik “New” untuk membuat database.
2. Masukkan nama database yang akan dibuat yaitu “mahasiswa” pada kotak “Create Database”. Lalu klik “Create”, maka secara otomatis database yang ingin dibuat telah terbentuk.
3. Lalu akan muncul tampilan berhasilnya terbentuk database yang dibuat serta tampilan untuk untuk membuat table. Selanjutnya tulis nama tabel yaitu “tbmahasiswa” serta banyaknya fields atau kolom yang diinginkan yaitu 5 kolom. Setelah itu klik go.
4. Selanjutnya tentukan judul kolom serta atribut data apa yang akan digunakan pada suatu kolom tersebut.
Pada tabel ini, terdapat 5 kolom. Pada kolom “No”, centang pada “A_I” atau Auto Increment, sehingga nomor akan bertambah jika terdapat record baru. Lalu akan muncul jendela kecil menanyakan tentang “Primary” key, klik OK. Dengan primary key maka data pada kolom tersebut tidak akan kembar. Sedangkan 4 kolom lainnya memiliki tipe data varchar. Kemudian klik “Save”.
5. Setelah struktur tabel sudah cukup dan benar, klik bagian “Insert” untuk meng-input data lalu masukkan data sesuai dnegan yang diinginkan. Setelah selesai, klik “Go”.
6. Untuk melihat hasilnya, maka klik menu “Browse”. Jika sampai tahap ini maka artinya database “mahasiswa” sudah siap.
Tahap Koneksi PHP-MySQL
Setelah database dan tabel selesai dibuat, selanjutnya kita akan membuat script html yang akan dikoneksikan ke dalam database yang sudah dibuat. Langkah pertama yaitu membuka notepad untuk menulis script-nya.
1. Script pertama yaitu script koneksi. Copy script berikut :
<?php
$kon = mysqli_connect(‘localhost’,’root’,’’);
$link = mysqli_select_db($kon,”mahasiswa”) or die(mysqli_error());
?>Cari folder “xampp”, lalu buka folder “htdocs”. Setelah itu, buat folder baru untuk menyimpan semua script yaitu folder “daftarMHS”. Simpan kode script pertama dengan nama “db_connect.php” (simpan dalam ekstensi .php)
2. Copy script kedua berikut di notepad yaitu sebuah file php yang akan di load pertama kali nantinya ketika membuka aplikasi. Lalu simpan script kedua dengan nama “index.php”, taruh dalam satu folder yang sama dengan script pertama.
<?php
include "db_connect.php";
$query=mysqli_query ($kon, "SELECT * FROM tbmahasiswa")or die (mysqli_error());
$jumlah = mysqli_num_rows($query);
echo "<html>";
echo "<head>";
echo "<link href='style.css' type='text/css' rel='stylesheet'>";
echo "</head>";
echo "<title>Daftar Mahasiswa</title>";
echo "<body>";
echo "<font color='darkmagenta' face='Arial' size=3><b><br>Mahasiswa di UII</b></font><br><br>";
echo "<a href='add.php' style=\"text-decoration: none\"><font face='tahoma' size='1'>Tambahkan Mahasiswa</font></a><br>";
echo "<br><table border=\"0\" cellpadding=\"1\" cellspacing=\"1\" bordercolor=\"blue\" bgcolor=\"white\">
<tr bgcolor='blue' height=\"30\"><font color='white'>
<th align='center'><font color='white' face='Arial' size=2>No</font></th>
<th align='center'><font color='white' face='Arial' size=2>Nama Mahasiswa</font></th>
<th align='center'><font color='white' face='Arial' size=2>Jenis Kelamin</font></th>
<th align='center'><font color='white' face='Arial' size=2>Asal Daerah</font></th>
<th align='center'><font color='white' face='Arial' size=2>Jurusan</font></th>
<th align='center'><font color='yellow' face='Arial' size=2>Ubah?</font></th>
</tr>";
$j=0;
while ($row=mysqli_fetch_array($query)) {
echo "<tr><td align='left' bgcolor='#657FFF'>";
echo "<font face='Arial' size=1>";
echo $j+1;
echo"</font>";
echo"</td>";
echo "<td align='left' bgcolor='#E8D3DF'>";
echo "<font face='Arial' size=1>";
echo $row["Nama_Mhs"];
echo"</font>";
echo"</td>";
echo "<td align='left' bgcolor='#E8D3DF'>";
echo "<font face='Arial' size=1>";
echo $row["Jenis_Kelamin"];
echo"</font>";
echo"</td>";
echo "<td align='left' bgcolor='#E8D3DF'>";
echo "<font face='Arial' size=1>";
echo $row["Asal_Daerah"];
echo"</font>";
echo"</td>";
echo "<td align='left' bgcolor='#E8D3DF'>";
echo "<font face='Arial' size=1>";
echo $row["Jurusan"];
echo"</font>";
echo"</td>";
echo"<td align='left' bgcolor='#E8D3DF'>";
echo "<a href='delete.php?No=".$row['No']."' style=\"text-decoration: none\" title=\"Hapus\"><font face='tahoma' size='1'>Hapus</font></a>
<a href='edit.php?No=".$row['No']."' style=\"text-decoration: none\" title=\"Edit\"><font face='tahoma' size='1'>Edit</font></a>"; $j++; }
echo"</table>";
echo "</body>";
echo "</html>";
?>Untuk melihat halaman website dengan database awal dari script yang telah dibuat, maka dapat dilihat dari browser dengan mengetik link “http://localhost/daftarMHS/”. Sehingga akan keluar tampilan seperti berikut:
3. Copy script ketiga berikut di notepad yaitu untuk memanggil file CSS. Lalu simpan script tersebut dengan nama “style.css”, taruh dalam satu folder yang sama dengan script sebelumnya.
body,html {
margin: 0 5px;
font-family: Verdana,sans-serif;
font-size:12px
}
h1 {
font-size:1.4em;
color: #008000;
}
a {
color: #008000;
}
th { text-align: left;
}
td, th {
padding-right: 5px;
}
form dt {
width: 100px;
display: block;
float: left;
clear: left;
}
form dd {
margin-left: 0;
float: left;
}
form #submitbutton {
margin-left: 100px;
}4. Script selanjutnya yaitu script Add. Copy script berikut lalu simpan dalam satu folder yang sama dengan script sebelumnya dengan nama “add.php”.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Masukkan Mahasiswa Baru</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<form action="insert_mahasiswa.php" method="POST">
<font face="Tahoma" color="green" size="1"><b><br>Tambahkan Mahasiswa</b></font>
<table align="left">
<tr>
<td><font face="Tahoma" color="black" size="2">Nama_Mhs</font></td>
<td>:</td>
<td><input type="text" name="Nama_Mhs" size="30"></td>
</tr><tr>
<td><font face="Tahoma" color="black" size="2">Jenis_Kelamin</font></td>
<td>:</td>
<td><input type="text" name="Jenis_Kelamin" size="30"></td>
</tr><tr>
<td><font face="Tahoma" color="black" size="2">Asal_Daerah</font></td>
<td>:</td>
<td><input type="text" name="Asal_Daerah" size="30"></td>
</tr>
<tr>
<td><font face="Tahoma" color="black" size="2">Jurusan</font></td>
<td>:</td>
<td><input type="text" name="Jurusan" size="30"></td>
</tr>
<tr>
<td></td><td></td>
<td><input type="submit" value="Add">
<font face="Tahoma" color="green" size="2">
<a href="index.php" style="text-decoration:none">back</font></a>
</td>
</tr>
</table>
</form>
</body>
</html>
5. Langkah selanjutnya yaitu membuat script insert agar data yang akan dimasukkan berhasil masuk kedalam tabel mahasiswa. Copy script berikut, lalu simpan dengan nama “insert_mahasiswa.php” dalam satu folder yang sama dengan script sebelumnya.
<?php
include "db_connect.php";
$Nama_Mhs = $_POST['Nama_Mhs'];
$Jenis_Kelamin = $_POST['Jenis_Kelamin'];
$Asal_Daerah = $_POST['Asal_Daerah'];
$Jurusan = $_POST['Jurusan'];
$query=mysqli_query($kon, "INSERT INTO tbmahasiswa(Nama_Mhs, Jenis_Kelamin, Asal_Daerah, Jurusan)
VALUES ('$Nama_Mhs', '$Jenis_Kelamin', '$Asal_Daerah', '$Jurusan')")or die (mysqli_error());
if($query) {
?>
<script language="JavaScript">
document.location='index.php'</script>
<?php
}
?>6. Selanjutnya membuat script delete untuk menghapus salah satu data yang terdapat di dalam tabel. Copy script berikut, setelah itu simpan script dengan nama delete.php.
<?php
include "db_connect.php";
$No = $_GET['No'];
$query = "DELETE FROM tbmahasiswa WHERE No = $No";
mysqli_query($kon, $query);
?>
<script language="JavaScript">
document.location='index.php'</script>
<?php
?>7. Selanjutnya copy script edit berikut, kemudian simpan dengan nama “edit.php” dalam satu folder yang sama dengan script sebelumnya..
<?php
include "db_connect.php";
$No = $_GET['No'];
$query=mysqli_query($kon, "SELECT * FROM tbmahasiswa WHERE No='$No'");
while ($row=mysqli_fetch_array($query)){
$Nama_Mhs = $row['Nama_Mhs'];
$Jenis_Kelamin = $row['Jenis_Kelamin'];
$Asal_Daerah = $row['Asal_Daerah'];
$Jurusan = $row['Jurusan'];
echo "<html>";
echo "<body>";
echo "<font face='tahoma' color='green' size=4><b>Perbaiki Daftar</b></font>";
echo "<table align='left'>";
echo "<form method=\"post\" action=\"update.php?No=$No\" enctype='multipart/form-data'>";
echo "<br>";
echo "<tr><td><font face='Tahoma' color='black' size=2>Nama_Mhs </font></td><td>:</td><td><input type='text' name='Nama_Mhs' value='$Nama_Mhs' size='30'>
</td></tr>";echo "<tr><td><font face='Tahoma' color='black' size=2>Jenis_Kelamin </font></td><td>:</td><td><input type='text' name='Jenis_Kelamin' value='$Jenis_Kelamin' size='30'>
</td></tr>";echo "<tr><td><font face='Tahoma' color='black' size=2>Asal_Daerah </font></td><td>:</td><td><input type='text' name='Asal_Daerah' value='$Asal_Daerah' size='30'>
</td></tr>";
echo "<tr><td><font face='Tahoma' color='black' size=2>Jurusan</font></td><td>:</td><td><input type='text' name='Jurusan' value='$Jurusan' size='30'>
</td></tr>";
echo "<tr><td></td><td></td><td><font size='2'><input type='submit' name='submit' value='Update'/></font></td></tr>";
echo "</table></form></body></html>";
}
?>
8. Terakhir yaitu script update. Copy script dibawah ini, kemudian simpan dengan nama “update.php”.
<?php
include "db_connect.php";
$No = $_GET['No'];
$Nama_Mhs = $_POST['Nama_Mhs'];
$Jenis_Kelamin = $_POST['Jenis_Kelamin'];
$Asal_Daerah = $_POST['Asal_Daerah'];
$Jurusan = $_POST['Jurusan'];
$query=mysqli_query ($kon, "UPDATE tbmahasiswa SET Nama_Mhs='$Nama_Mhs', Jenis_Kelamin='$Jenis_Kelamin',
Asal_Daerah='$Asal_Daerah', Jurusan='$Jurusan' WHERE No='$No'")or die (mysqli_error());
if($query) {
?>
<script language="JavaScript">
document.location='index.php'</script>
<?php
}
?>Karena semua script sudah aktif, maka program ini dapat dijalankan secara utuh dengan membuka browser dan mengetik link http://localhost/daftarMHS/.
Tidak ada komentar:
Posting Komentar