LAPORAN PRAKTIKUM

BASIS DATA

MODUL 7
PENGGUNAAN QUERY PADA APLIKASI (2)

DISUSUN OLEH :
Revina Nur Rahmah 3411211039

PROGRAM STUDI INFORMATIKA

FAKULTAS SAINS DAN INFORMATIKA
UNIVERSITAS JENDERAL ACHMAD YANI
TAHUN 2022
 DAFTAR ISI

DAFTAR ISI..............................................................................................................................ii

BAB I. DAFTAR GAMBAR..............................................................................................iv

BAB II. HASIL PRAKTIKUM.............................................................................................5

II.1 Query Insert.................................................................................................................5

II.1.1. Langkah Kerja/Source Code................................................................................5

II.1.2. Screenshot............................................................................................................6

II.1.3. Analisis.................................................................................................................7

II.2 Input Data....................................................................................................................7

II.2.1. Langkah Kerja/Source Code................................................................................7

II.2.2. Screenshot............................................................................................................9

II.2.3. Analisis...............................................................................................................10

II.3 Aksi insert..................................................................................................................10

II.3.1. Langkah Kerja/Source Code..............................................................................10

II.4 Query Delete..............................................................................................................11

II.4.1. Langkah Kerja/Source Code..............................................................................11

II.4.2. Screenshot..........................................................................................................12

II.4.3. Analisis...............................................................................................................13

II.5 Query Update.............................................................................................................13

II.5.1. Langkah Kerja/Source Code..............................................................................13

II.5.2. Screenshot..........................................................................................................15

II.5.3. Analisis...............................................................................................................15

II.6 Form Update..............................................................................................................15

II.6.1. Langkah Kerja/Source Code..............................................................................15

II.7 Aksi Update...............................................................................................................18

II.7.1. Langkah Kerja/Source Code..............................................................................18

ii
BAB III. TUGAS PRAKTIKUM.........................................................................................19

III.1 Tugas Kelompok(1)...................................................................................................19

III.1.1. Membuat Tabel...............................................................................................19

Untuk membuat tabel baru setelah mengaktifkan MySQL di XAMPP...........................19

III.2 Tugas Kelompok(2)...................................................................................................21

III.2.1. Salon...............................................................................................................24

III.2.2. Karyawan........................................................................................................26

III.2.3. Pelanggan.......................................................................................................27

III.2.4. Fasilitas...........................................................................................................28

III.2.5. Transaksi.........................................................................................................30

BAB IV. KESIMPULAN......................................................................................................32

iii
 BAB I. DAFTAR GAMBAR

Gambar 1 Query Insert.............................................................................................................7

Gambar 2 Insert Anggota........................................................................................................10
Gambar 3 Query Delete..........................................................................................................13
Gambar 4 Query Update.........................................................................................................15
Gambar 5 Tabel Fasilitas........................................................................................................20
Gambar 6 Tabel Karyawan.....................................................................................................20
Gambar 7 Tabel Pelanggan.....................................................................................................20
Gambar 8 Tabel Transaksi......................................................................................................20
Gambar 9 Tabel Salon.............................................................................................................21
Gambar 10 Salon.....................................................................................................................25
Gambar 11 Input Salon...........................................................................................................25
Gambar 12 Ubah Salon...........................................................................................................25
Gambar 13 Karyawan.............................................................................................................26
Gambar 14 Input Karyawan....................................................................................................26
Gambar 15 Ubah Karyawan....................................................................................................27
Gambar 16 Pelanggan.............................................................................................................27
Gambar 17 Input Pelanggan....................................................................................................28
Gambar 18 Ubah Pelanggan....................................................................................................28
Gambar 19 Fasilitas.................................................................................................................29
Gambar 20 Input Fasilitas.......................................................................................................29
Gambar 21 Ubah Fasilitas.......................................................................................................30
Gambar 22 Transaksi..............................................................................................................30
Gambar 23 Input Transaksi.....................................................................................................31
Gambar 24 Ubah Transaksi.....................................................................................................31

iv
 BAB II. HASIL PRAKTIKUM

II.1 Query Insert

Pada script index.php yang telah dibuat sebelumnya, masukkan script setelah tag </table>.
<a href="inputdata.php">Masukkan Data</a>
II.1.1. Langkah Kerja/Source Code
<?php

$koneksi=mysqli_connect("localhost","root","","perpustakaan")o
r

die ("Gagal Koneksi Database");

echo "Sukses Koneksi database";

?>

<html>

<body>

<table border="3">

<tr>

<th>ID_Anggota</th>

<th>Nama</th>

<th>Jenis_Kelamin</th>

<th>Alamat</th>

<th>No HP</th>

<th>Email</th>

<th>Tanggal Entry</th>

<th>Action</th>

</tr>

<?php

$query="select*from pinjaman_buku";

v
 $data = mysqli_query($koneksi,$query) or
die("Gagal query:".$query);

?>

<?php while($v=mysqli_fetch_array($data)):;?>

<tr>

<td><?php echo $v["ID_Anggota"];?></td>

<td><?php echo $v["Nama"];?></td>

<td><?php echo
$v["Jenis_Kelamin"];?></td>

<td><?php echo $v["Alamat"];?></td>

<td><?php echo $v["No_HP"];?></td>

<td><?php echo $v["Email"];?></td>

<td><?php echo $v["Tgl_Entry"];?></td>

<td><a href="aksi_hapus.php?id_anggota=<?
php echo $v["ID_Anggota"];?>">Hapus</a>&nbsp;

<a href="formupdate.php?id_anggota=<?php
echo $v["ID_Anggota"];?>">Edit</a></td>

</tr>

<?php endwhile;?>

</table>

<a href="inputdata.php">Masukkan Data</a>

</body>

</html>

II.1.2. Screenshot

vi
 Gambar 1 Query Insert

II.1.3. Analisis
Menampilkan “Masukkan data” untuk menginputkan data baru.
II.2 Input Data
II.2.1. Langkah Kerja/Source Code
<html>

<body>

<legend><h3>Input Data</h3></legend>

<table>

<form action="aksi_insert.php" method="post>

<tr>

<td><label>ID Anggota:</label></td>

<td><input type="text" name="id_anggota"

placeholder="ID_Anggota"/></td>

</tr>

vii
 <tr>

<td><label>ID Anggota:</label></td>

<td><input type="text" name="id_anggota"

placeholder="ID_Anggota"/></td>

</tr>

<tr>

<td><label>Nama:</label></td>

<td><input type="text" name="nama"

placeholder="Nama"/></td>

</tr>

<tr>

<td><label>Jenis Kelamin:</label></td>

<td><input type="text"
name="jenis_kelamin" placeholder="Jenis_Kelamin"/></td>

<tr/>

<tr>

<td><label>Alamat:</label></td>

<td><input type="text" name="alamat"

placeholder="Alamat"/></td>

<tr/>

<tr>

<td><label>No HP:</label></td>

viii
 <td><input type="text" name="no_hp"
placeholder="No_HP"/></td>

<tr/>

<tr>

<td><label>Email:</label></td>

<td><input type="text" name="email"

placeholder="Email"/></td>

<tr/>

<tr>

<td><label>Tanggal Entry:</label></td>

<td><input type="text" name="tgl_entry"

placeholder="Tgl_Entry"/></td>

</tr>

<tr>

<td colspan="4" align="center">

<input type="submit" name="submit"

value="Submit"/></td>

</tr>

</form>

</table>

</body>

</html>

II.2.2. Screenshot

ix
 Gambar 2 Insert Anggota

II.2.3. Analisis
Setelah kita klik “Masukkan data” maka tampilannya akan seperti ini dan kita bisa
memasukkan data baru.
II.3 Aksi insert
II.3.1. Langkah Kerja/Source Code
<?php

$koneksi=mysqli_connect("localhost","root","","perpustakaan")
or die("Gagal Koneksi Database");

$id_anggota=$_POST['id_anggota'];

$nama=$_POST['nama'];

$jenis_kelamin=$_POST['jenis_kelamin'];

$alamat=$_POST['alamat'];

$no_hp=$_POST['no_hp'];

$email=$_POST['email'];

$tgl_entry=$_POST['tgl_entry'];

$query="insert into pinjaman_buku values

('$id_anggota','$nama','$jenis_kelamin','$alamat','$no_hp','$email',
'$tgl_entry')";
x
 $sql=mysqli_query($koneksi,$query) or die("gagal input".
$query);

header("location:index.php");

?>

II.4 Query Delete

<a href="aksi_hapus.php?id_anggota=<?php echo $v["ID_Anggota"];?>">Hapus</a>
II.4.1. Langkah Kerja/Source Code
<?php

$koneksi=mysqli_connect("localhost","root","","perpustakaan")o
r

die ("Gagal Koneksi Database");

echo "Sukses Koneksi database";

?>

<html>

<body>

<table border="3">

<tr>

<th>ID_Anggota</th>

<th>Nama</th>

<th>Jenis_Kelamin</th>

<th>Alamat</th>

<th>No HP</th>

<th>Email</th>

<th>Tanggal Entry</th>

<th>Action</th>

</tr>

<?php
xi
 $query="select*from pinjaman_buku";

$data = mysqli_query($koneksi,$query) or
die("Gagal query:".$query);

?>

<?php while($v=mysqli_fetch_array($data)):;?>

<tr>

<td><?php echo $v["ID_Anggota"];?></td>

<td><?php echo $v["Nama"];?></td>

<td><?php echo
$v["Jenis_Kelamin"];?></td>

<td><?php echo $v["Alamat"];?></td>

<td><?php echo $v["No_HP"];?></td>

<td><?php echo $v["Email"];?></td>

<td><?php echo $v["Tgl_Entry"];?></td>

<td><a href="aksi_hapus.php?id_anggota=<?
php echo $v["ID_Anggota"];?>">Hapus</a>

<a href="formupdate.php?id_anggota=<?php
echo $v["ID_Anggota"];?>">Edit</a></td>

</tr>

<?php endwhile;?>

</table>

<a href="inputdata.php">Masukkan Data</a>

</body>

</html>

II.4.2. Screenshot

xii
 Gambar 3 Query Delete

II.4.3. Analisis
Untuk menghapus data dibuatlah kolom/tabel baru “Hapus”.
II.5 Query Update
<a href="formupdate.php?id_anggota=<?php echo $v["ID_Anggota"];?>">Edit</a>
II.5.1. Langkah Kerja/Source Code
<html>

<body>

<table border="3">

<tr>

<th>ID_Anggota</th>

<th>Nama</th>

<th>Jenis_Kelamin</th>

<th>Alamat</th>

<th>No HP</th>

<th>Email</th>

<th>Tanggal Entry</th>

<th>Action</th>

xiii
 </tr>

<?php

$query="select*from pinjaman_buku";

$data = mysqli_query($koneksi,$query) or
die("Gagal query:".$query);

?>

<?php while($v=mysqli_fetch_array($data)):;?>

<tr>

<td><?php echo $v["ID_Anggota"];?></td>

<td><?php echo $v["Nama"];?></td>

<td><?php echo
$v["Jenis_Kelamin"];?></td>

<td><?php echo $v["Alamat"];?></td>

<td><?php echo $v["No_HP"];?></td>

<td><?php echo $v["Email"];?></td>

<td><?php echo $v["Tgl_Entry"];?></td>

<td><a href="aksi_hapus.php?id_anggota=<?
php echo $v["ID_Anggota"];?>">Hapus</a>

<a href="formupdate.php?id_anggota=<?php
echo $v["ID_Anggota"];?>">Edit</a></td>

</tr>

<?php endwhile;?>

</table>

<a href="inputdata.php">Masukkan Data</a>

</body>

</html>

xiv
II.5.2. Screenshot

Gambar 4 Query Update

II.5.3. Analisis
Jika kita melakukan kesalahan saat menginput data. Maka tabel update ini dibuat agar kita
bisa memperbaiki kesalahan tanpa harus menginput ulang dari awal.
II.6 Form Update
II.6.1. Langkah Kerja/Source Code
<?php

$koneksi=mysqli_connect("localhost","root","","perpustakaan") or
die("Gagal koneksi Database");

$id_anggota=$_GET['id_anggota'];

$query="select*from pinjaman_buku where

ID_Anggota='$id_anggota'";

$data=mysqli_query($koneksi,$query) or die("Gagal
Menampilkan".$query);

$sql=mysqli_fetch_array($data);

?>

xv
 <html>

<body>

<legend><h3>Ubah Data</h3></legend>

<table>

<form action="aksi_update.php" method="post">

<tr>

<td><label>ID Anggota:</label></td>

<td><input type="text" name="id_anggota"

placeholder="ID_Anggota" readonly value="<?php echo
$sql['ID_Anggota'];?>"/></td>

</tr>

<tr>

<td><label>Nama:</label></td>

<td><input type="text" name="nama"

placeholder="Nama" autofokus value="<?php echo
$sql['Nama'];?>"/></td>

</tr>

<tr>

<td><label>Jenis Kelamin:</label></td>

<td><input type="text" name="jenis_kelamin"

placeholder="Jenis_Kelamin" value="<?php echo
$sql['Jenis_Kelamin'];?>"/></td>

<tr/>

xvi
 <tr>

<td><label>Alamat:</label></td>

<td><input type="text" name="alamat"

placeholder="Alamat" value="<?php echo $sql['Alamat'];?>"/></td>

</tr>

<tr/>

<td><label>No HP:</label></td>

<td><input type="text" name="no_hp"

placeholder="No_HP" value="<?php echo $sql['No_HP'];?>"/></td>

</tr>

<tr/>

<td><label>Email:</label></td>

<td><input type="text" name="email"

placeholder="Email" value="<?php echo $sql['Email'];?>"/></td>

</tr>

<tr/>

<td><label>Tanggal Entry:</label></td>

<td><input type="text" name="tgl_entry"

placeholder="Tgl_Entry" value="<?php echo
$sql['Tgl_Entry'];?>"/></td>

</tr>

<tr>
xvii
 <td colspan="4" align="center">

<input type="submit" name="submit"

value="Submit"/></td>

</tr>

</form>

</table>

<a href="index.php">Kembali</a>

</body>

</html>

II.7 Aksi Update

II.7.1. Langkah Kerja/Source Code
<?php

$koneksi=mysqli_connect("localhost","root","","perpustakaan")
or die("Gagal Koneksi Database");

$id_anggota=$_POST['id_anggota'];

$nama=$_POST['nama'];

$jenis_kelamin=$_POST['jenis_kelamin'];

$alamat=$_POST['alamat'];

$no_hp=$_POST['no_hp'];

$email=$_POST['email'];

$tgl_entry=$_POST['tgl_entry'];

$query="update pinjaman_buku set Nama='$nama',

Jenis_Kelamin='$jenis_kelamin', Alamat='$alamat', No_HP'$no_hp',
Email='$email', Tanggal Entry='$tgl_entry' where
ID_Anggota='$id_anggota'";

xviii
 $sql=mysqli_query($koneksi,$query) or die("gagal ubah".
$query);header("location:index.php");?>

BAB III. TUGAS PRAKTIKUM

III.1 Tugas Kelompok(1)

SALON KARYAWAN PELANGGAN TRANSAKSI FASILITAS
Kode_Salon ID_Karyawan ID_Pelanggan Kode_Transaksi Kode_Fasilitas
(char 3) -> (char 5) -> (char 5) -> (char 5) -> (char 3) ->
primary key primary key primary key primary key primary key
Nama_Salon Nama_Karyawan Nama_Pelanggan Tgl_Transaksi Jenis_Fasilitas
(varchar 20) (varchar 20) (varchar 20) (date) (varchar 20)
Lokasi Kode_Salon No_HP (varchar Total (int) Harga (int)
(varchar 20) (char 3) -> 12) ID_Pelanggan Kode_Salon
No_Telp foreign key (char 5) -> (char 3) ->
(varchar 12) foreign key foreign key
ID_Karyawan
(char 5) ->
foreign key
Kode_Fasilitas
(char 3) ->
foreign key

III.1.1. Membuat Tabel

a. Langkah Kerja/Source Code
Untuk membuat tabel baru setelah mengaktifkan MySQL di XAMPP.
1. Ketik pada URL localhost/phpmyadmin
2. Pilih database pada menu awal
3. Isi kolom create database, kemudian klik tombol create
4. Buat table pada nama database yang sudah dibuat
5. Buat field dan isi field di insert

xix
b. Screenshot

Gambar 5 Tabel Fasilitas

Gambar 6 Tabel Karyawan

Gambar 7 Tabel Pelanggan

xx
 Gambar 8 Tabel Transaksi

Gambar 9 Tabel Salon

c. Analisis
insert yang ada di phpMyAdmin kita bisa menambahkan rowsnya agar kita dapat
menginput data lebih cepat. Insert berguna untuk memasukkan data.
III.2 Tugas Kelompok(2)
 Ceeses
body{

    background-color: lightyellow;

h1{

    font-family: 'Fredoka One', cursive;

    font-size: 70px;

    color: lightpink;

    text-shadow: 3px 3px #FA8072;

    margin-left: 30px;

table{

    font-family: 'Fredoka One', cursive;

    padding: 5px;

xxi
    margin-left: 30px;

    background-color: white;

    font-size: 17px;

    color: grey;

    border-collapse: collapse;

table tr:hover {

    background-color: grey;

    color: white;

button{

    margin-left: 30px;

    padding: 10px 20px;

    font-family: 'Fredoka One', cursive;

    font-size: 20px;

a{

    text-decoration: none;

    color: lightpink;

a:hover{

    text-decoration: none;

    color: #FA8072;

p, ul{

    margin-left: 30px;
xxii
     font-family: 'Fredoka One', cursive;

    color: grey;

 Ceesesform
h3{

    font-family: 'Fredoka One', cursive;

    font-size: 70px;

    color: lightpink;

    text-shadow: 3px 3px #FA8072;

    margin-left: 30px;

a{

    text-decoration: none;

    color: lightpink;

a:hover{

    text-decoration: none;

    color: #FA8072;

table{

    font-family: 'Fredoka One', cursive;

    padding: 5px;

    margin-left: 30px;

    font-size: 17px;

xxiii
    color: grey;

    border-collapse: collapse;

button, input[type=submit]{

    margin-left: 30px;

    padding: 10px 20px;

    font-family: 'Fredoka One', cursive;

    font-size: 15px;

    color: lightpink;

input[type=submit]:hover{

    color: #FA8072;

input[type=text]{

    padding: 12px 20px;

    margin: 8px 0;

    display: inline-block;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-sizing: border-box; }

div{

    border-radius: 5px; background-color: #f2f2f2;

    margin-left: 30px;

    margin-right: 1200px;

    padding: 20px; }

xxiv
III.2.1. Salon

Gambar 10 Salon

Gambar 11 Input Salon

Gambar 12 Ubah Salon

Analisis :

xxv
Setiap tabel memiliki source codenya masing – masing. Pada salon terdapat Aksi_hapus.php,
Aksi_update.php, Aksi_Insert.php, Form update, dan Input data. Semua itu diperlukan agar
data bisa ditampilkan di web. Selain itu untuk mempercantik tampilan web dibutuhkan CSS
seperti source code diatas.
III.2.2. Karyawan

Gambar 13 Karyawan

Gambar 14 Input Karyawan

xxvi
 Gambar 15 Ubah Karyawan

Analisis :
Setiap tabel memiliki source codenya masing – masing. Pada karyawan terdapat
Aksi_hapus.php, Aksi_update.php, Aksi_Insert.php, Form update, dan Input data. Semua itu
diperlukan agar data bisa ditampilkan di web. Selain itu untuk mempercantik tampilan web
dibutuhkan CSS seperti source code diatas.

III.2.3. Pelanggan

Gambar 16 Pelanggan

xxvii
 Gambar 17 Input Pelanggan

Gambar 18 Ubah Pelanggan

Analisis :
Setiap tabel memiliki source codenya masing – masing. Pada pelanggan terdapat
Aksi_hapus.php, Aksi_update.php, Aksi_Insert.php, Form update, dan Input data. Semua itu
diperlukan agar data bisa ditampilkan di web. Selain itu untuk mempercantik tampilan web
dibutuhkan CSS seperti source code diatas.

III.2.4. Fasilitas

xxviii
 Gambar 19 Fasilitas

Gambar 20 Input Fasilitas

xxix
 Gambar 21 Ubah Fasilitas

Analisis :
Setiap tabel memiliki source codenya masing – masing. Pada fasilitas terdapat
Aksi_hapus.php, Aksi_update.php, Aksi_Insert.php, Form update, dan Input data. Semua itu
diperlukan agar data bisa ditampilkan di web. Selain itu untuk mempercantik tampilan web
dibutuhkan CSS seperti source code diatas.

III.2.5. Transaksi

Gambar 22 Transaksi

xxx
 Gambar 23 Input Transaksi

Gambar 24 Ubah Transaksi

Analisis :
Setiap tabel memiliki source codenya masing – masing. Pada transaksi terdapat
Aksi_hapus.php, Aksi_update.php, Aksi_Insert.php, Form update, dan Input data. Semua itu
diperlukan agar data bisa ditampilkan di web. Selain itu untuk mempercantik tampilan web
dibutuhkan CSS seperti source code diatas.

xxxi
 BAB IV. KESIMPULAN

Pada praktikum kali ini saya belajar mengenai bagaimana cara menghubungkan database ke
web dan dapat menampilkan database tersebut dengan tampilan yang menarik. Saya belajar
bagaimana cara menampilakn database tersebut semenarik mungkin menggunakan CSS.

xxxii