MODUL 4 MEMBUAT CRUD DENGAN PHP &MYSQL

Maimun Zaki (2010631160073)

Asisten: Nur Aji Prasetiyo
Tanggal Percobaan: 10/11/2021
TEL61615- Praktikum Aplikasi Pemrograman Komputer
Laboratorium Teknik Elektro – Fakultas Teknik UNSIKA

Abstrak
Dalam praktikum ini, praktikan akan melanjutkan
pembelajarn PHP. Pada modul ini praktikan akan
mempelajari tentang CRUD. Dalam hal ini,
CRUD merupakan lanjutan pebelajaran modul
sebelumnya tentang koneksi MySQL. Disini
praktikan akan melakukan percobaan membuat Gambar 2.1 Fungsi CRUD (Sumber :
CRUD dengan PHP dan MySQL, dimana hasil glints.com/id/lowongan/crud-
dari percobaan akan dianalisis dan dikumpulkan adalah/#.YZXIjWD7Trc )
dalam bentuk laporan praktiku ini.
1. PENDAHULUAN Adapun kegunaan dari masing-masing fungsi
tadi antara lain:
Praktikum keempat ini merupakan kelanjutan
dari praktikum koneksi PHP dengan MySQL. • Create digunakan untuk membuat record
Praktikan akan menggunakan bahasa baru dalam batabse, dalam istilah SQL
pemrograman PHP untuk membuat CRUD biasa disebut dengan Insert. Secara
yang juga terkoneksi ke MySQL. CRUD sendiri singkatnya create digunakan untuk
adalah singkatan dari Create, Read, Update dan membuat atau menambah tabel ataupun
Delete, dimana istilah tersebut merupakan data baru [1].
fungsi utama dalam penggunaan database. • Read sama seperti fungsi search yang
Adapun tujuan percobaan kali ini adalah memungkinkan pembuat program untuk
untuk mengetahui terlebih dahulu apa itu mencari ataupun mengambil data tertentu
CRUD. Lalu kemudian akan dilakukan suatu dengan membaca nilainya, hal yang perlu
uji coba yaitu berupa mini project membuat dilakukan hanyalah mencari kata
suatu program CRUD dengan PHP dan kuncinya untuk mendapatkan file record
koneksi MySQL dengan dipadukan dengan yang dicari [1].
CSS untuk mempercantik tampilan visual. • Update berfungsi untuk memodifikasi
Terakhir praktikan akan menyimpulkan dan data ataupun record yang dimiliki didalam
menganalisis pecobaan yang telah dilakukan. suatu database. Tetapi perlu diingat bahwa
saat melakukan update harus memasukan
data baru yang berupa informasi agar
2. STUDI PUSTAKA dapat mengubah record dan juga harus
2.1 CRUD sesuai form yang ada agar sesuai dengan
CRUD adalah kependekan dari Create, Read, data dan juga tidak terjadi error {1].
Update, dan Delete. Istilah ini merupakan • Delete Sesuai namanya yaitu fungsinya
fungsi utama yang digunakan dalam database untuk menghapus, dalam hal ini berarti
relasional dan program yang digunakan untuk menghapus data yang ada dalam
mengelolanya, seperti Oracle Database, database[1].
Microsoft SQL Server, MySQL, dan
sebagainya[1]. 2.2 Cara Kerja CRUD dan Oprasi
Menjalankan CRUD
CRUD bekerja berdasarkan persyaratan pada
sistem, berbeda pengguna memungkinkan

1
LaporanPraktikum - LaboratoriumKomputasi – FT UNSIKA
cara kerja yang berbeda pula. Pengguna dapat 4. HASIL DAN ANALSISIS
menggunakan CRUD untuk membuat sebuah 4.1 MINI PROJECT CRUD
akun lalu mengakses akun tersebut dan dapat 4.1.1 Langkah Pertama : Membuat
kembali lagi ke situs tersebut. Pengguna Database MySQL
selanjutnya memungkikan untuk Kali ini database diberi nama “data”
memperbaharui data atau mengubah setelah membuat data lalu membuat tabel
informasi yang sebelumnya telah dibuat. Di dengan jumlah kolom sebanyak 5 dan diberi
sisi lain, Pengguna dengan hak akses yang nama “pelajar”. Lima kolom daripada tabel
lebih tinggi memungkinkan untuk membuat diisi dengan (“id” dengan type integer, “npm”
sebuah catatan produk lalu memanggilnya type nya Varchar panjangnya 25, “nama” tipe
saat diperlukan atau mengubahnya[2]. varchar sepanjang 100, “prodi” tipenya
Adapun untuk menjalankan CRUD ini tentu varchar panjangnya 100 dan juga “alamat”
berjalan sesuai sistematik yang dibuat oleh dengan varchar panjanganya 100). Maka
pembuat program, untuk penggunaanya visualnya adalah sebagai berikut :
puntergantung kebutuhan seseorang yang
mengakses halama tersebut ada seseorang
yang membuat data baru, bisa jadi ada orang
yang menghapus datanya, atau mengupdate
datanya dan lain sebagainya[2]. Operasi
CRUD sendiri merupakan dasar dari
sebagaian besar situs website dinamis. Tetapi,
perlu juga untuk membedakan CRUD dari
pada sisi kerja HTTP [2]. Didalam CRUD jika
membuat record baru maka gunakan tipe Gambar 4.1 Database dan Tabel CRUD
POST, jika memperbaharui record gunakan
tipe PUT ataupun PATCH lalu untuk 4.1.2 Langkah Kedua : Membuat File
menghapus bisa menggunakan DELETE[2]. Library.php
Setelah membuat suatu database
3. METODOLOGI praktikan akan membuat suatu program
CRUD dengan OOP dan PDO jika diingat
Beberapa perangkat dan yang antara lain , ingat kembali OOP dan PDO merupakan
laptop yang sudah terinstal software XAMPP, konsep dimana property/variabel ataupun
Web browser, dan text editor. Selain itu, method dibungkus kedalam class yang pada
praktikan harus melakukan operasi untuk saat ini praktikan membuat suatu file
memperoleh data, yang nantinya akan library.php yang tentunya nanti akan
diperiksa dan dimasukkan ke dalam laporan diterapkan kepada objek objek yang di
praktikum. Berikut diagram proses dideklarasikan. Pembahasan syntaxnya
percobaanya : adalah sebagai berikut:
<?php
class Library
{
public function __construct()
{
$host = "localhost";
$dbname = "data";
$username = "root";
$password = "";
Gambar 3.1 Diagram Proses Percobaan $this->db = new
PDO("mysql:host={$host};dbname={$dbname
}", $username,
$password);
}

2
LaporanPraktikum - LaboratoriumKomputasi – FT UNSIKA
 Syntax diatas seperti yang terlihat membutuhkan 1 argumen berupa perintah
merupakan perintah untuk menyambungkan query yang akan dijalankan lalu hasil daripada
antara PHP dengan MySQL dengan variabel method ini alan disimpan pada variabel $data
$host (localhost yaitu sebagai host dan variabel ini akan digunakan untuk
name) ,$dbname (data sebagai database yang menjalankan proses statement. Lalu
digunakan),$username (root sebagai host selanjutnya jika dilihat ada fungsi bind yang
name dari XAMPP), terakhir ada $password prosesnya juga di lalukan dengan
yaitu password yang digunakan pada konesi menggunakan methode $data ->bindParam
MySQL tetapi dalam hal ini bisa dikosongkan. jika melihat di baris sebelumnya ada syntax
Lalu kemudian syntax berikutnya dilanjutkan yang tertulis VALUES(?,?,?,?) dalam bind ini
dengan “ $this->db = new digunakan untuk mengurutkan nomor pada
PDO(“mysql:host={$host};dbname={$dbname tempat data yang digunakan dan selanjutnya
}”, $username, &password ini maksudnya yang dibutuhkan dalam argumen bind adalah
adalah untuk pengkoneksian antara PHP variabel penampun. Jika dilihat salah satu dari
dengan Mysql parktikan menggunakan PDO 4 urut bind adalah sebagai berikut : $data-
atau PHP data Object untuk >bindParam(1 (tanda ? urut yang sesuai
pengkoneksiannya. Selanjutnya didalam karena nilai npm berada pertama maka tanda ?
library ini praktikan juga menuliskan diartikan sebagai nomor urut 1, $npm
beberapa function yang digunakan untuk (merupakan variabel yang menampung nilai
program program yang akan dibuat syntax npm nantinya)); Setelah semuanya sudah di
yang selanjutnya adalah : diproses dengan bind kemudian ada syntax
$data->execute() ; digunakan untuk
public function add_data($npm, $nama, menjalankan query prepared statement
$prodi, $alamat) tersebut. Sedangkan untuk rowCounts()
{ merupakan perintah yang digunakan untuk
$data = $this->db->prepare('INSERT INTO mengembalikan jumlah baris dari variabel
pelajar (npm, nama, prodi, $data yang dipengaruhi oleh pernyataan yang
alamat) VALUES (?, ?, ?, ?)'); telah diberikan. Untuk syntax pada bagian ini
$data->bindParam(1, $npm); merupakan perintah yang berguna untuk
$data->bindParam(2, $nama); add_data.php
$data->bindParam(3, $prodi);
$data->bindParam(4, $alamat); public function show()
$data->execute(); {
return $data->rowCount(); $query = $this->db->prepare("SELECT *
} FROM pelajar");
Diawalan syntax pertama ini ada $query->execute();
tulisan fungsi yaitu public function add_data $data = $query->fetchAll();
dengan variabel didalamnya yaitu $npm, return $data;
$nama, $prodi, $alamat. Maksud dari public }
function sendiri adalah sebuah fungsi yang Untuk syntax pada bagian ini masih
akan kita gunakan pada add_data dengan menggunakan prepared statement dairipada
variabel varaibel yang ada dan sifatnya adalah perintah dari show dengan variable $query =
public ataupun dapat diakses pada luar objek $this->db->prepare("SELECT * FROM
tersebut. Kemudian ada variabel $data = $this- pelajar"); ini dimaksudkan untuk
>db_>prepare(‘INSERT INTO pelajar menampilkan table yang telah dibuat yaitu
(npm,nama,prodi,alamat) VALUES (?,?,?,?); dengan nama pelajar. Lalu setelah itu program
Yang Merupakan prepare daripada prepared dijalankan dengan perintah $query-
statement. Fungsi dari pada prared statement >execute();. Sedangkan untuk syntax $data =
adalah untuk menjalanlan query agar lebih $query->fetchAll(); digunakan untuk
cepat dan aman jika perintah yang sama akan mendapatkan hasil query dan menyimpan nya
di gunakan beberapa kali. Metode tersebut dalam variable $data.

3
LaporanPraktikum - LaboratoriumKomputasi – FT UNSIKA
public function get_by_id($npm){
$query = $this->db->prepare("SELECT *
FROM pelajar where npm=?");
$query->bindParam(1, $npm);
$query->execute();
return $query->fetch();
}
Untuk syntax ini merupakan syntax
untuk pemmanggil id saja dengan peroses
OOP yang selana ini digunakan.

public function update($npm, $nama, $prodi,

$alamat){
$query = $this->db->prepare('UPDATE
pelajar set
nama=?,prodi=?,alamat=? where npm=?');
$query->bindParam(1, $nama);
$query->bindParam(2, $prodi);
$query->bindParam(3, $alamat);
$query->bindParam(4, $npm);
$query->execute();
return $query->rowCount();
} Gambar 4.2 Syntax file library.php
Syntax diatas ini digunakann sebagai
class dalam tombol update nantinya, sehingga
jika tombol update di pencet dan isset
membaca sukses maka class ini akan berjalan
dan pengupdatean akan di lanjutkan.
public function delete($npm)

{
$query = $this->db->prepare("DELETE FROM
pelajar where npm=?");
$query->bindParam(1, $npm);
$query->execute();
return $query->rowCount();
}
}
?>
Fungsi dari pada syntax diatas
digunakan untuk tombol delete nantinya
sehingga jika dipencet tombol delete dan isset
mengkonfirmasi berhasil maka program akan
memproses nya dan akan mendelete data
tersebut. Adapun syntax full dari library.php
adalah:

4
LaporanPraktikum - LaboratoriumKomputasi – FT UNSIKA
4.1.3 Langkah Ketiga : Membuat File
index.php Dua syntax diatas jika di jelaskan yang
Selanjutnya adalah membuat File index.php pertama adalah $lib = new Library();
yang digunakan untuk menampilkan data merupakan ogject dengan nama $lib yang
mahasiswa adapun syntaxnya adalah menggunakan class library. Sedangkan
dibawah ini: untuk$data_siswa = $lib->show(); digunakan
untuk menyimpan hasil pengembalian data
saat mengakses method show() pada class
library. Variabel $data_siswa sudah berisi data
siswa hasil return dari pada method show
pada class library.

if(isset($_GET['hapus']))
{
$npm = $_GET['hapus'];
$status_hapus = $lib->delete($npm);
if($status_hapus)
{
header('Location: index.php');
}
}
?>
if(isset($_GET['hapus'])) digunakan
untuk mengecek tombol hapus sudah ditekan
atau belum karena pada program ini
tampilannya aka nada sebuah tombol hapus
jika dalam varaibel $npm = $_GET['hapus'];
maka $status_hapus diproses oleh variabel
$lib dan akan menghapus $npm. Sedangkan
header berfungsi untuk mengirimkan header
yang lokasinya pada index.php.

<html>
<head>
<title></title>
<link rel="stylesheet"
Gambar 4.3 syntax file index.php href="bootstrap.min.css">
</head>
Penjelasan syntaxnya adalah: <body>
<div class="container">
<?php <div class="card">
include('library.php'); <div class="card-header">
<h3>Data Anggota Kelompok 6</h3>
Pada Syntax diatas //Syntax diatas ini merupakan judul
include('library.php'); digunakan program ini daripada halaman yang akan kita buat
untuk mengakses class library yang ada di file nantinya adapun halaman ini berjudul Data
library.php yang telah dibuat. Jgn lupa kepala Anggota Kelompok 6
PHP yang menandakan bahwa program ini </div>
menggunakan PHP. <div class="card-body">
<a href="form_add.php" class="btn btn-
$lib = new Library(); success">Tambah</a>
$data_siswa = $lib->show();

5
LaporanPraktikum - LaboratoriumKomputasi – FT UNSIKA
 //Syntax diatas ini digunakan untuk masing kolom maka harus menyebutkan
membuat tombol Tambah. elemen array yaitu syntaxnya :
<hr/>
<table class="table table-bordered" echo "<td>".$no."</td>";
width="60%"> echo "<td>".$row['npm']."</td>";
<tr> echo "<td>".$row['nama']."</td>";
<th>No</th> echo "<td>".$row['prodi']."</td>";
<th>NPM</th> echo "<td>".$row['alamat']."</td>";
<th>Nama</th>
<th>Prodi</th> Lalu untuk syntax
<th>Alamat</th> echo "<td><a class='btn btn-
<th>Pengaturan</th> info'href='form_edit.php?npm=".$row['n
</tr> pm']."'>Update</a>
//syntax diatas nantinya akan menjadi digunakan untuk membuat tombtol edit untuk
tampilan saat membuka halaman mengakses file form_edit.php yaitu dengan
<?php mengirimkan variabel pelajar dengan
$no = 1; methodnya adalah GET dengan nilai kolom
foreach($data_siswa as $row) pelajar lalu untuk syntax
{ href='index.php?hapus=".$row['npm']."'>Hap
echo "<tr>"; us</a></td>"; echo "</tr>";
echo "<td>".$no."</td>"; digunakan untuk membuat tombol hapus
echo "<td>".$row['npm']."</td>"; filenya diakses dengan file index.php dengan
echo "<td>".$row['nama']."</td>"; mengirimkan varaibel hapus_mahasiswa
echo "<td>".$row['prodi']."</td>"; dengan method nilai dari kolom pelajar.
echo "<td>".$row['alamat']."</td>"; <a href="form_add.php" class="btn btn-
echo "<td><a class='btn btn-info' success">Tambah</a> <hr/>
href='form_edit.php?npm=".$row['npm']."'>U digunakan untuk membuat tombol tambah
pdate</a> yang mengakses file form_add.php yang
<a class='btn btn-danger' nantinya isinya berisi form untuk
href='index.php?hapus=".$row['npm']."'>Hap menambahkan data.
us</a></td>";
echo "</tr>";
$no++;
}
?>
</table>
</div>
</div>
</div>
</body>
</html>
Untuk syntax selanjutnya
menggunakan HTML untuk membuat
halaman index atau home yang menampilkan
visual saat kita menjalankan program ini. jika
dilihat pada syntax foreach($data_siswa as
$row) ini praktikan menggunakan perintah
foreach yang fungsinya untuk mengekstrak
data yang ada di variabel $data_mahasiswa,
lalu untuk menampilkan dari pada isi masing

6
LaporanPraktikum - LaboratoriumKomputasi – FT UNSIKA
4.1.4 Langkah Keempat : Membuat File $prodi = $_POST['prodi']; jika berhasil akan
form_add.php menampilkan prodi dari $prodi dari form
Setelah itu selanjutnya praktikan membuat file
form_add.php untuk program menambahkan $alamat = $_POST['alamat']; jika berhasil akan
data dengan syntax : menampilkan alamat dari $alamat dari form

Selanjutnya pada syntax $add_status = $lib-

>add_data($npm, $nama, $prodi, $alamat);
syntax ini berfungsi untuk mengakses
method_add data yang ada pada class library,
dengan mengirimkan beberapa parameter
yang ada antara lain : $npm, $nama, $prodi,
dan $alamat. Bisa diperhatikan pada syntax
library.php pada syntax bagian:

public function add_data($npm, $nama,

$prodi, $alamat)
{
$data = $this->db->prepare('INSERT INTO
pelajar (npm, nama, prodi,
alamat) VALUES (?, ?, ?, ?)');

$data->bindParam(1, $npm);
$data->bindParam(2, $nama);
$data->bindParam(3, $prodi);
$data->bindParam(4, $alamat);

$data->execute();
return $data->rowCount();
}
Gambar 4.4 syntax file form_add.php
Ini merupakan class dari function add_data
Pada syntax include('library.php'); saat praktikan membuat query insert dengan
menggunakan fungsi included untuk menulsikan pada bagian prepare statement
menghubungkan file form_add.php dengan ada empat tanda tanya ($data = $this->db-
library.php untuk menjalankan fungsi dari >prepare('INSERT INTO pelajar (npm, nama,
class yang ada didalamnya. Selanjutnya prodi, alamat) VALUES (?, ?, ?, ?)');) jumlahnya
dengan syntax $lib = new Library(); digunakan disamakan dengan kolom yang akan
untuk membuat object dengan variabel $lib diberikan isi. Sedangkan untuk selanjutnya
dengan menggunakan class library lalu setelah jika dilihat pada syntax tanda tanya tersebut
itu prakatikan melakukan pengecekan apakah diisikan dengan menggunakan perintah
tombol tambah diklik dengan menggunakan bindPram, dengan varaibel yang sesuai
perintahisset (“if(isset($_POST['tombol_ dengan yang ditampilkan diatas. Lalu
tambah'])){“) jika tombol dapat diklik maka selanjutnya direturn jumlah datanya yang
akan memproses perintah pada syntax: berhasil ditambahkan dengan perintah return
$data->rowCount(); setelah itu jika saat data
$npm = $_POST['npm']; maksudnya adalah berhasil diinsert maka akan diredirectkan ke
jika berhasil maka akan menampilkan npm halaman index.php perintah ini diatur pada
dari $npm dari form syntax pada form_add.php yaitu:

$nama = $_POST['nama']; jika berhasil akan if($add_status){

menampilkan nama dari $nama dari form

7
LaporanPraktikum - LaboratoriumKomputasi – FT UNSIKA
header('Location: index.php'); //digunakan untuk menampilkan
} prodi pada halaman sesuai tabel
<div class="form-group row">
Untuk syntax selanjutnya digunakan program <label for="alamat" class="col-sm-2 col-form-
HTML untuk membuat tampilan halaman label">Alamat</label>
penjelasan adal didalam syntax dibawah ini: <div class="col-sm-10">
<textarea class="form-control" name="alamat"
<html> id="alamat"></textarea>
<head> </div>
<title></title> </div>
<link rel="stylesheet" //digunakan untuk menampilkan
href="bootstrap.min.css"> alamat pada halaman sesuai tabel
</head> <div class="form-group row">
<body> <label for="alamat" class="col-sm-2 col-form-
<div class="container"> label"></label>
<div class="card"> <div class="col-sm-10">
<div class="card-header"> <input type="submit"
<h3>Tambah Anggota</h3> name="tombol_tambah" class="btn btn-
//Judul dari halama ini adalah primary"
Tambah Anggota value="Tambah">
</div> //digunakan untuk mengsubmit jika
<div class="card-body"> kita memencet tombol tambah.
<form method="post" action=""> </div>
<div class="form-group row"> </div>
<label for="npm" class="col-sm-2 col-form- </form>
label">Npm</label> </div>
<div class="col-sm-10"> </div>
<input type="text" name="npm" class="form- </div>
control" id="npm"> </body>
//digunakan untuk menampilkan </html>
npm pada halaman sesuai tabel
</div>
</div>
<div class="form-group row">
<label for="nama" class="col-sm-2 col-form-
label">Nama</label>
<div class="col-sm-10">
<input type="text" name="nama"
class="form-control" id="nama">
</div>
</div>
//digunakan untuk menampilkan
nama pada halaman sesuai tabel
<div class="form-group row">
<label for="prodi" class="col-sm-2 col-form-
label">Prodi</label>
<div class="col-sm-10">
<input type="text" name="prodi"
class="form-control" id="prodi">
</div>
</div>

8
LaporanPraktikum - LaboratoriumKomputasi – FT UNSIKA
4.1.5 Langkah Kelima : Membuat File selanjutnya diberikan variabel $lib dengan
form_edit.php class library. Lalu dengan fungsi isset jika get
Selanjutnya adalah form _edit.php npm benar maka akan diproses kedalam
merupakan file yang digunakan untuk varaibel $data_mhs.
membuat program pengeditan data yang if(isset($_POST['tombol_update'])){
dilakukan pada halaman adapun syntaxnya $npm = $_POST['npm'];
adalah : $nama = $_POST['nama'];
$prodi = $_POST['prodi'];
$alamat = $_POST['alamat'];
$status_update = $lib-
>update($npm,$nama,$prodi,$alamat);
if($status_update)
Dengan seperti itu maka sealnjutnya
adalah pada syntax ini dibuat lah suatu tombol
update yang didalam class di library jika
melihat syntaxnya sudah ada dan disini fungsi
nya akan dijalankan, saat isset memproses
tombol update ditekan maka selanjutnya akan
menampilkan nilai nilai yang ada pada
variabel dari $npm sampai $alamat bisa dilihat
diatas. POST akan menangkap data yang
sedang diupdat dan akan memproses hasilnya
dengan menangkap masukan yang baru. Lalu
dibawahnya ada varaibel $status_uppdate
merupakan varaibel yang jika proses dari
update berhasil maka akan diproses pada
variabel ini. lalu dibawah ini merupakan
syntax HTML yang merupakan syntax untuk
menunjukan visual halaman untuk
penjelasaannya ada didalam syntax:
<html>
<head>
<title></title>
<link rel="stylesheet"
Ganbar 4.5 syntax file form_edit.php href="bootstrap.min.css">
//style yang digunakan berasal dari
Adapun penjelasan syntax nya adalah bootstrap css
</head>
<?php <body>
include('library.php'); <div class="container">
$lib = new Library(); <div class="card">
if(isset($_GET['npm'])){ <div class="card-header">
$npm = $_GET['npm']; <h3>Perbarui Data </h3>
$data_mhs = $lib->get_by_id($npm); //visual dari halaman Perbarui data
} dengan card
else { </div>
header('Location: index.php'); <div class="card-body">
} <form method="post" action="">
Pada awalnya tentu fungsi include di <input type="hidden" name="npm"
butuhkan untuk menghubungkan antara value="<?php echo $data_siswa['npm'];
library.php dengan form_edit.php lalu ?>"/>

9
LaporanPraktikum - LaboratoriumKomputasi – FT UNSIKA
<div class="form-group row"> </form>
<label for="npm" class="col-sm-2 col-form- </div>
label">Npm</label> </div>
<div class="col-sm-10"> </div>
<input type="text" name="npm" class="form- </body>
control" id="npm" </html>
value="<?php echo $data_mhs['npm']; ?>">
</div> 4.1.6 Hasil Pembuatan CRUD
</div> Adapun hasil daripada program yang telah
//menampilkan npm dibuat adalah:
<div class="form-group row"> • Tampilan halaman awal:
<label for="nama" class="col-sm-2 col-form-
label">Nama</label>
<div class="col-sm-10">
<input type="text" name="nama"
class="form-control" id="nama"
value="<?php echo $data_mhs['nama']; ?>">
</div>
</div>
//menampilkan nama
<div class="form-group row">
<label for="prodi" class="col-sm-2 col-form- Gambar 4.6 Tampilan halaman data
label">Prodi</label>
<div class="col-sm-10"> • Hasil percobaan fungsi penambahan
<input type="text" value="<?php echo data
$data_mhs['prodi']; ?>"
name="prodi" class="form-control"
id="prodi">
</div>
</div>
//menampilkan prodi
<div class="form-group row">
<label for="alamat" class="col-sm-2 col-form-
label">Alamat</label>
<div class="col-sm-10">
<textarea class="form-control" name="alamat"
Gambar 4.7 Tampilan halaman
id="alamat"><?php echo
penambahan data
$data_mhs['alamat']; ?></textarea>
</div>
</div> Tampilan halaman awal setelah penambahan
//menampilkan alamat data anggota kelompok satu :
<div class="form-group row">
<label for="alamat" class="col-sm-2 col-form-
label"></label>
<div class="col-sm-10">
<input type="submit" name="tombol_update"
class="btn btn-primary"
value="Update">
//menampilkan visual tombol update
</div>
Gambar 4.8 Tampilan halaman setelah
</div>
ditambahkan data kelompok 6

10
LaporanPraktikum - LaboratoriumKomputasi – FT UNSIKA
Data tersambung ke database:

Gambart 4.11 Data yang ingin dihapus

Gambar 4.8 Bukti bahwa data tersambung dan
disimpan pada database phpmyadmin
• Hasil Percobaan Perbarui Data
Misal pada bagian alamat “Maimun Zaki“ dari
Pekalongan menjadi Bekasi:

Gambar 4.12 data setelah dihapus

KESIMPULAN
CRUD merupakan operasi yang digunakan
untuk memanipulasi data database pada
Gambar 4.9 Setelah dipencet update akan dibawa sebuah web. CRUD merupakan singkatan dari
pada halaman Perbarui data, dan perbarui sesuai Create, Read, Update, Delete. Create
kebutuhan digunakan untuk membuat atau menambah
data, Read untuk menampilkan data, Update
untuk mengedit atau mengubah data
sedangkan Delete untuk menghapus data.
Dalam pecobaan keempat ini praktikan sudah
membuat suatu program CRUD
menggunakan PHP dan MySQL. Setelah
melakukan praktikum kali ini, praktikan jadi
bisa memahami dasar pengoprasian web
menggunakan bahasa PHP.

Gambar 4.10 Hasil setelah Perbarui data dan DAFTAR PUSTAKA

data tersimpan
[1] glints.com/id/lowongan/crud-
• Hasil Percobaan Hapus Data adalah/#.YZXIjWD7Trc Diakses : 18
Anggap jika kita telah memasukan data yang November 2021, 9.30.
adalah bukan dari kelompok 6 dan ingin di [2] dosenit.com/codeigniter/apa-itu-crud-
hapus maka : pahami-fungsi-dan-caranya 18
November 2021, 10:59.

11
LaporanPraktikum - LaboratoriumKomputasi – FT UNSIKA