Halo kawan-kawan. Kali ini saya akan mendemonstrasikan cara membuat database sederhana di PHPMyAdmin dan menghubungkannya menggunakan MySQL. Bagaimana cara melakukannya??? . )
Apa itu Basis Data?
Basis data atau database (yang dalam bahasa Inggris disebut database) adalah sekumpulan informasi yang disimpan dalam komputer secara sistematis sehingga dapat diperiksa dengan menggunakan program komputer untuk memperoleh informasi dari basis data tersebut. Istilah database mengacu pada kumpulan data yang saling berhubungan dan perangkat lunak harus merujuknya sebagai Database Management System (DBMS). Jadi secara konseptual, database adalah sekumpulan data yang membentuk suatu berkas (file) yang saling berhubungan untuk membentuk informasi
Apa itu PHPMyAdmin?PHPMyAdmin adalah alat gratis yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi MySQL melalui World Wide Web. PHPMyAdmin mendukung berbagai operasi MySQL termasuk mengelola database. PHPMyAdmin adalah bagian dari pengelolaan database MySQL di komputer. Untuk membukanya melalui link http. //localhost/phpmyadmin
Apa itu MySQL?MySQL adalah perangkat lunak sistem manajemen basis data SQL. MySQL sebenarnya merupakan turunan dari salah satu konsep utama dalam database yang ada, yaitu SQL. SQL adalah sebuah konsep operasi basis data, terutama untuk seleksi atau pemilihan dan pemasukan data, yang memungkinkan pengoperasian data dilakukan dengan mudah dan otomatis. Bahasa pemrograman untuk dapat mengakses database MySQL antara lain C, Java, PHP, Smalltalk
Pembuatan Basis Data
Pertama-tama aktifkan XAMPP dengan cara klik bagian Start pada bagian Apache dan MySQL dan tunggu hingga tombol “Start” berwarna hijau. Inilah tampilannya
Aktifkan Apache dan MySQL di XAMPP
Saat Apache dan MySQL diaktifkan, buka PHPMyAdmin di localhost dan pilih phpMyAdmin
Buka PHPMyAdmin
Setelah mengklik phpMyAdmin, akan muncul tampilan berikut
Klik teks "Baru" untuk membuat database. Buat database dengan nama "rumah sakit" dan klik "Buat" sebagai berikut
Buat database rumah
Setelah itu buat tabel dengan nama "jadwal_dokter" dengan total 4 kolom, lalu klik "Kirim" seperti berikut
Membuat Tbael
Ketika tabel sudah berhasil dibuat, selanjutnya tentukan nama kolom beserta atributnya
Menentukan Kolom
Ada 4 kolom yang dibuat yaitu “id” dengan tipe data INT (integer) dan diberi atribut AI (Auto Increment) agar id diurutkan dari kecil ke besar tanpa harus menuliskannya secara manual, “nama ", "spesialis", dan "hari" dengan tipe data varchar. Lalu klik "Simpan". Kemudian untuk mengisi tabel tersebut, klik “Tambah” dan isi data sesuai kebutuhan kemudian klik “Kirim” seperti berikut
Isi tabel
Untuk memastikan data yang diinput sudah masuk database atau belum, klik “Browse”. Jika data sudah diinput maka akan muncul data sebagai berikut
Data yang dihasilkan dimasukkan ke dalam koneksi PHP_MySQL
Pertama buat folder untuk menyimpan script koneksi di folder "htdocs" yang ada di folder "XAMPP". Di sini folder tersebut bernama "RS". Setelah itu buka Sublime Text, Notepad++ atau Notepad untuk menulis scriptnya
- Skrip Koneksi
$kon = mysqli_connect('localhost','root','');
$link = mysqli_select_db($kon,"rumahsakit") or die(mysqli_error());
?>
Setelah kalian copy scriptnya, simpan di folder RS tadi dan beri nama "db_connect" dengan ekstensi ". php"
2. Indeks Skrip
Script ini merupakan script untuk menampilkan tabel pada website. Buka halaman baru di notepad atau sublime text, lalu copy script dibawah ini dan simpan dengan nama "index. php"
<?phpinclude "db_connect.php";
$query=mysqli_query ($kon, "SELECT * FROM jadwal_dokter")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>Jadwal Dokter</title>";
echo "<body>";
echo "<font color='darkmagenta' face='Arial' size=3><b><br>Jadwal Dokter RS Sehat Selalu</b></font><br><br>";
echo "<a href='add.php' style=\"text-decoration: none\"><font face='tahoma' size='1'>Masukkan Jadwal Baru</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</font></th>
<th align='center'><font color='white' face='Arial' size=2>Spesialis</font></th>
<th align='center'><font color='white' face='Arial' size=2>Hari</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"];
echo"</font>";
echo"</td>";
echo "<td align='left' bgcolor='#E8D3DF'>";
echo "<font face='Arial' size=1>";
echo $row["spesialis"];
echo"</font>";
echo"</td>";
echo "<td align='left' bgcolor='#E8D3DF'>";
echo "<font face='Arial' size=1>";
echo $row["hari"];
echo"</font>";
echo"</td>";
echo"<td align='left' bgcolor='#E8D3DF'>";
echo "<a href='delete.php?id=".$row['id']."' style=\"text-decoration: none\" title=\"Hapus\"><font face='tahoma' size='1'>Hapus</font></a>
<a href='edit.php?id=".$row['id']."' style=\"text-decoration: none\" title=\"Edit\"><font face='tahoma' size='1'>Edit</font></a>"; $j++; }
echo"</table>";
echo "</body>";
echo "</html>";
?>_
Untuk memeriksa tampilan situs web dengan tabel yang dibuat, ketik "localhost/RS" di browser Anda. Sepertinya ini
Tampilan Awal Tabel Jadwal Dokter di Website
3. Gaya Skrip
Simpan script berikut dengan nama "style. css"
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. Penambahan Skrip
Simpan script berikut dengan nama "add. php”
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Tambah Jadwal Baru</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<form action="insert_jadwal.php" method="POST">
<font face="Tahoma" color="green" size="1"><b><br>Masukkan Jadwal Baru</b></font>
<table align="left">
<tr>
<td><font face="Tahoma" color="black" size="2">nama</font></td>
<td>:</td>
<td><input type="text" name="nama" size="30"></td>
</tr>
<tr>
<td><font face="Tahoma" color="black" size="2">spesialis</font></td>
<td>:</td>
<td><input type="text" name="spesialis" size="30"></td>
</tr>
<tr>
<td><font face="Tahoma" color="black" size="2">hari</font></td>
<td>:</td>
<td><input type="text" name="hari" 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. Sisipan Skrip
Simpan script berikut dengan nama "insert_jadwal. php"
<?phpinclude "db_connect.php";
$nama = $_POST['nama'];
$spesialis = $_POST['spesialis'];
$hari = $_POST['hari'];$query=mysqli_query($kon, "INSERT INTO jadwal_dokter(nama, spesialis, hari)
VALUES ('$nama', '$spesialis', '$hari')")or die (mysqli_error());
if($query) {
?>
<script language="JavaScript">
document.location='index.php'</script>
<?php
}
?>_
6. Hapus Skrip
Simpan script berikut dengan nama "delete. php”
<?phpinclude "db_connect.php";
$id = $_GET['id'];
$query = "DELETE FROM jadwal_dokter WHERE id = $id";
mysqli_query($kon, $query);
?>
<script language="JavaScript">
document.location='index.php'</script>
<?php
?>
7. Pengeditan Skrip
Simpan script berikut dengan nama "edit. php"
<?phpinclude "db_connect.php";
$id = $_GET['id'];
$query=mysqli_query($kon, "SELECT * FROM jadwal_dokter WHERE id='$id'");
while ($row=mysqli_fetch_array($query)){
$nama = $_POST['nama'];
$spesialis = $_POST['spesialis'];
$hari = $_POST['hari'];
echo "<html>";
echo "<body>";
echo "<font face='tahoma' color='green' size=4><b>Perbaiki Jadwal</b></font>";
echo "<table align='left'>";
echo "<form method=\"post\" action=\"update.php?id=$id\" enctype='multipart/form-data'>";
echo "<br>";
echo "<tr><td><font face='Tahoma' color='black' size=2>nama </font></td><td>:</td><td><input type='text' name='nama' value='$nama' size='30'>
</td></tr>";
echo "<tr><td><font face='Tahoma' color='black' size=2>spesialis</font></td><td>:</td><td><input type='text' name='spesialis' value='$spesialis' size='30'>
</td></tr>";
echo "<tr><td><font face='Tahoma' color='black' size=2>hari</font></td><td>:</td><td><input type='text' name='hari' value='$hari' 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. Pembaruan skrip
Simpan script berikut dengan nama "update. php"
<?phpinclude "db_connect.php";
$id = $_GET['id'];
$nama = $_POST['nama'];
$spesialis = $_POST['spesialis'];
$hari = $_POST['hari'];
$query=mysqli_query ($kon, "UPDATE jadwal_dokter SET nama='$nama',
spesialis='$spesialis', hari='$hari' WHERE id='$id'")or die (mysqli_error());
if($query) {
?>
<script language="JavaScript">
document.location='index.php'</script>
<?php
}
?>
Sekarang semua tombol di tabel di situs web berfungsi. Jadi anda bisa menambah jadwal baru dengan klik "Insert New Schedule", edit data dengan klik "Edit", atau hapus data dengan klik "Delete"
Pengoperasian situs web- Menambahkan Jadwal Baru
Setelah mengklik “Insert New Schedule”, akan muncul tampilan berikut
Menambahkan Jadwal Baru
Isi tabel sesuai keinginan dan klik "Tambah" untuk menambahkan
Jadwal Baru Berhasil Ditambahkan
2. Mengedit Data
Setelah mengklik "Edit", layar berikut akan muncul
Tampilan Edit Data
Jadwal Baru Setelah Diedit
Berikut jadwal dr. Tutik berubah dari Senin-Sabtu menjadi Senin-Kamis, Sabtu
Mudah bukan???