Membuat Database di PHP-

MySQL
Menggunakan XAMPP

Assalamu’alaikum Warahmatullahi Wabarakaatuh. Kali ini kita akan

membuat satu contoh database sederhana di PHP-MySQL
menggunakan XAMPP. Nah, sebelumnya apa sih database dan PHP-
MySQL itu ? Berikut adalah penjelasannya.

Apa itu database ?

Basis data (database) adalah kumpulan data yang disimpan secara

sistematis di dalam komputer yang dapat diolah atau dimanipulasi
menggunakan perangkat lunak (program aplikasi) untuk
menghasilkan informasi. Pendefinisian basis data meliputi
spesifikasi berupa tipe data, struktur data dan juga batasan-
batasan pada data yang kemudian disimpan. Basis data
merupakan aspek yang sangat penting dalam sistem informasi
karena berfungsi sebagai gudang penyimpanan data yang akan
diolah lebih lanjut.

Apa itu MySQL ?

MySQL adalah salah satu jenis database server yang sangat

terkenal. MySQL menggunakan bahasa SQL untuk mengakses
database-nya. Lisensi MySQL adalah FOSS License Exception dan
ada juga yang versi komersialnya. Tag MySQL adalah “The
World’s most popular open source database”. MySQL tersedia
untuk beberapa platform, di antaranya adalah untuk versi
windows dan linux. Untuk melakukan administrasi secara lebih
mudah terhadap MySQL, maka dapat menggunakan software
tertentu, di antaranya adalah PhpMyAdmin dan MySQL Yog. Kali
ini kita akan menggunakan PhpMyAdmin yang terdapat dalam
XAMPP.

Apa itu PhpMyAdmin ?

PhpMyAdmin adalah sebuah aplikasi open source yang berfungsi

untuk memudahkan manajemen MySQL. Dengan menggunakan
PhpMyAdmin, maka dapat membuat database, tabel, men-insert,
menghapus, dan meng-update data dengan GUI dan terasa lebih
mudah, tanpa perlu mengetikkan perintah SQL secara manual.
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.

Tampilan XAMPP

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.

Membuat Nama Database

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.
Pembuatan Tabel “tbmahasiswa”

4. Selanjutnya tentukan judul kolom serta atribut data apa yang akan
digunakan pada suatu kolom tersebut.

Pengisian Struktur Data pada Tabel

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”.

Memasukkan Data ke Tabel

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:
Tampilan Awal http://localhost/daftarMHS/

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'>&nbsp;
</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'>&nbsp;
</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'>&nbsp;
</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'>&nbsp;
</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/.