Web Programming

M. AZZAM AZIZI, S.S.T

Software yang dibutuhkan
1. XAMPP (sebagai web server dan database MySQL)
2. Teks Editor Coding (Sublime Text/VSCode)
3. Browser (Firefox/Google Chrome)

Link download : https://s.id/2973I atau

https://drive.google.com/drive/folders/1pz4EvrnLbN6fhFe5kSltOmUURef7ecIw?usp=drive_link
Membuat CRUD
(Create Read Update
Delete) Menggunakan
PHP Native
PERTEMUAN 6
Membuat Database dan Tabel
1. Membuat database baru dengan nama sekolah :
CREATE DATABASE sekolah;
2. Membuat tabel pendaftaran :
USE sekolah;
CREATE TABLE pendaftaran (
id INT AUTO_INCREMENT PRIMARY KEY,
nama VARCHAR(150),
email VARCHAR(100),
tanggal_lahir DATE,
jenis_kelamin VARCHAR(50)
);
3. Lanjut ke Coding
Susunan File dan Folder Project
File Koneksi.php
Host : gunakan localhost
User : root, bawaan dari xampp
Password : kosongkan saja
Database : nama database
Port : 3306, bawaan dari xampp
File Index Pendaftaran
Baris ke 1

Include koneksi, digunakan untuk menghubungkan koneksi database ke aplikasi kita.

$query adalah variabel yang menyimpan perintah atau pernyataan SQL. Dalam kasus ini, perintahnya adalah untuk memilih semua data
dari tabel pendaftaran di database. Query ini akan menginstruksikan database untuk mengirim semua data yang ada di tabel tersebut.
$result adalah variabel yang menampung hasil dari eksekusi $query. Dengan menggunakan fungsi mysqli_query(), kita
menjalankan perintah SQL yang ada di $query dan menyimpannya di $result. Hasil ini nantinya dapat digunakan untuk diolah atau
ditampilkan, misalnya dalam bentuk tabel.
$rows adalah variabel yang menyimpan semua data hasil query dalam bentuk array asosiatif. Kita bisa menggunakan
mysqli_fetch_all($result, MYSQLI_ASSOC); untuk mengambil semua data dari $result sekaligus. Array ini kemudian
dapat diiterasi menggunakan foreach untuk menampilkan data dalam tabel.
 File Index Pendaftaran
Tampilan tabel untuk menampilkan
semua data pendaftaran.

Menggunakan fungsi foreach

($rows as $row)

Maksudnya $rows : menampilkan

semua data array
$row : menampilkan data array
yang diambil 1 baris data, kemudian
dikonversi ke baris tabel dengan tag
<td>

Baris ke 2
File Index Pendaftaran
Function goTambah adalah javascript untuk
tombol dengan nama tambah, mengarah ke
halaman form pendaftaran

Baris ke 3
File Form Tambah
Pendaftaran
form action diarahkan ke file php yang
memproses simpan data

method yang digunakan adalah POST

 File Proses Tambah
Pendaftaran
if ($_SERVER['REQUEST_METHOD'] === 'POST’) {

1. Bagian ini memeriksa apakah request yang diterima adalah

metode POST.
Jika metode request adalah POST, maka blok kode di dalam
kondisi ini akan dijalankan.
2. Metode POST umumnya digunakan untuk mengirimkan
data dari form ke server.
--------------------------------------------------------------
$nama = $_POST['nama'];
$email = $_POST['email'];
$tanggal_lahir = $_POST['tanggal_lahir'];
Baris ke 1 $jenis_kelamin = $_POST['jenis_kelamin’];

1. Variabel-variabel ini menyimpan data yang dikirim dari

form menggunakan metode POST.
2. $_POST['nama'], $_POST['email'], $_POST['tanggal_lahir'],
dan $_POST['jenis_kelamin'] akan berisi nilai yang diisi oleh
pengguna dalam form yang sesuai dengan nama-nama field
tersebut.
 File Proses Tambah
Pendaftaran
$query = "insert into pendaftaran (nama, email,
tanggal_lahir, jenis_kelamin) VALUES ('$nama', '$email',
'$tanggal_lahir', '$jenis_kelamin’)”;

1. Baris ini mendefinisikan query SQL untuk memasukkan

data ke tabel pendaftaran.
2. Data yang akan dimasukkan adalah nama, email,
tanggal_lahir, dan jenis_kelamin yang diambil dari form dan
disimpan dalam variabel.
3. Fungsi INSERT INTO pada SQL digunakan untuk
menambahkan data baru ke dalam tabel.

Baris ke 1
 File Proses Tambah
Pendaftaran
if (mysqli_query($koneksi, $query)) {
echo "Pendaftaran berhasil!";
} else {
echo "Error: " . mysqli_error($koneksi);
}

1. Fungsi mysqli_query($koneksi, $query) menjalankan query

SQL yang disimpan dalam variabel $query.
2. Jika query berhasil dieksekusi, maka akan menampilkan
pesan "Pendaftaran berhasil!".
3. Jika terjadi kesalahan, maka akan menampilkan pesan
error yang diperoleh dari mysqli_error($koneksi) untuk
Baris ke 1 membantu proses debugging.
File Proses Tambah
Pendaftaran
Berikut adalah tampilan hasil POST dari form inputan

Baris ke 2
File Proses Tambah
Pendaftaran
Javascript untuk mengarahkan ke halaman
tertentu.
1. Halaman Form Pendaftaran
2. Halaman List Data Pendaftaran

Baris ke 3
 File Form Edit Pendaftaran
$id = $_GET['id’];

1. Kode ini mengambil nilai dari parameter URL yang bernama

id. Misalnya, jika URL-nya adalah http://localhost/belajar-
coding/pertemuan 5/website_pribadi/edit-pendaftaran.php?
id=5, maka $id akan berisi 5.
Baris ke 1 2. Menggunakan $_GET memungkinkan script untuk mengambil
data yang dikirim melalui metode HTTP GET.
------------------------------------------------------------------------------------
$query = "select * from pendaftaran WHERE id = $id";

1. Kode ini membuat string query SQL untuk memilih semua

kolom dari tabel pendaftaran di mana id sama dengan nilai yang
diambil dari URL.
 File Form Edit Pendaftaran
$result = mysqli_query($koneksi, $query);

1. Kode ini menjalankan query yang telah dibuat pada langkah

sebelumnya menggunakan fungsi mysqli_query().
2. mysqli_query() akan mengembalikan hasil query, yang dapat
berupa data atau nilai false jika terjadi kesalahan.
Baris ke 1 ----------------------------------------------------------------------------------
$pendaftar = mysqli_fetch_assoc($result);

1. Kode ini mengambil hasil dari query dan menyimpannya

dalam bentuk array asosiatif. Fungsi mysqli_fetch_assoc()
mengambil satu baris hasil dari query sebagai array, di mana
nama kolom tabel menjadi kunci array.
2. Jika tidak ada hasil, maka $pendaftar akan bernilai false
 File Form Edit Pendaftaran
<form action="edit-pendaftaran-proses.php"
method="post">

1. action menentukan URL di mana data formulir

akan dikirim saat formulir disubmit. Dalam hal
ini, data akan dikirim ke edit-pendaftaran-
proses.php.
2. method="post" menunjukkan bahwa data
formulir akan dikirim menggunakan metode
POST, yang lebih aman dibandingkan GET untuk
mengirim data sensitif.

Baris ke 2
 File Form Edit Pendaftaran
<input type="hidden" name="id" value="<?php
echo $pendaftar['id']; ?>">

1. Ini adalah input tersembunyi yang

menyimpan id dari pendaftar, yang diambil dari
array $pendaftar.
2. Nilai ini akan dikirim bersama data formulir
saat disubmit, memungkinkan skrip pemroses
mengetahui entri mana yang akan diperbarui.

Baris ke 2
 File Form Edit Pendaftaran
value="<?php echo $pendaftar['nama']; ?>"
value="<?php echo $pendaftar['email']; ?>"
value="<?php echo $pendaftar['tanggal_lahir']; ?>"
value="<?php echo $pendaftar['jenis_kelamin']; ?>“

1. Kode ini mengisi atribut value dari input dengan

nama "nama" menggunakan nilai dari array
$pendaftar.
2. $pendaftar['nama'] mengambil nilai nama pendaftar
dari hasil query database.
3. Jika ada nilai di database untuk kolom nama, nilai
tersebut akan ditampilkan di dalam input text. Ini
memungkinkan pengguna untuk melihat dan
mengedit nama mereka.

Baris ke 2
 File Proses Edit Pendaftaran
Baris ke 1

if ($_SERVER['REQUEST_METHOD'] === 'POST’)

Kode ini memeriksa apakah permintaan HTTP yang diterima adalah metode POST. Ini penting untuk memastikan bahwa
kode di dalam blok ini hanya dieksekusi ketika formulir dikirim (submit).
 File Proses Edit Pendaftaran
$id = $_POST['id’];

1. Kode ini mengambil nilai id dari data yang

dikirim melalui formulir (POST).
2. Ini mengidentifikasi entri pendaftaran yang
akan diperbarui di database.

Baris ke 1
$nama = $_POST['nama'];
$email = $_POST['email'];
$tanggal_lahir = $_POST['tanggal_lahir'];
$jenis_kelamin = $_POST['jenis_kelamin’];

Kode ini mengambil nilai dari data yang dikirim. Nilai ini diambil dari input form.
 File Proses Edit Pendaftaran
Baris ke 1

$query = "update pendaftaran set nama='$nama', email='$email', tanggal_lahir='$tanggal_lahir',

jenis_kelamin='$jenis_kelamin' WHERE id=$id";

1. Kode ini membangun string query SQL untuk memperbarui data dalam tabel pendaftaran.
2. Query ini mengubah kolom nama, email, tanggal_lahir, dan jenis_kelamin untuk entri yang sesuai dengan id yang
diterima.
 File Proses Edit Pendaftaran
Baris ke 1

if (mysqli_query($koneksi, $query))

1. Kode ini menjalankan query yang telah dibuat menggunakan fungsi mysqli_query().
2. Jika query berhasil dijalankan (data berhasil diperbarui), maka akan menampilkan pesan "Data berhasil diperbarui!".
---------------------------------------------------------------------------------------------------------------------------------------------------------------
else { echo "Error: " . mysqli_error($koneksi); }

Jika ada kesalahan dalam menjalankan query, maka kode ini akan menampilkan pesan kesalahan, diambil dari fungsi mysqli_error(), yang memberikan
informasi tentang kesalahan yang terjadi.
 File Proses Edit Pendaftaran
Berikut adalah tampilan hasil POST dari form inputan edit
data pendaftaran

Baris ke 2
 File Proses Edit Pendaftaran
Javascript untuk mengarahkan ke halaman tertentu.
1. Halaman Edit Data Pendaftaran
2. Halaman List Data Pendaftaran

Baris ke 3
File Hapus Pendaftaran
if (isset($_GET['id'])) {
$id = $_GET['id’];

1. Bagian ini memastikan bahwa parameter id ada dalam URL

sebelum mencoba menghapus data. Variabel $_GET['id']
mengambil nilai id dari URL (misalnya hapus-pendaftaran.php?
id=1).
2. Jika parameter id ada, maka nilainya disimpan dalam variabel
$id.
------------------------------------------------------------------------------------
-
$query = "delete from pendaftaran where id = $id";

1. Baris ini mendefinisikan query SQL untuk menghapus data

dari tabel pendaftaran di mana id sesuai dengan nilai yang
diberikan.
2. Variabel $query berisi perintah SQL untuk menghapus data
berdasarkan id tertentu.
File Hapus Pendaftaran
if (mysqli_query($koneksi, $query)) {
$alertMessage = "Data berhasil dihapus!";
} else {
$alertMessage = "Error: " . mysqli_error($koneksi);
}

1. Fungsi mysqli_query($koneksi, $query) menjalankan perintah

SQL yang disimpan dalam $query. Jika berhasil, variabel
$alertMessage akan menyimpan pesan sukses: "Data berhasil
dihapus!".
2.Jika terjadi kesalahan, variabel $alertMessage akan
menyimpan pesan kesalahan, yang diperoleh dari fungsi
mysqli_error($koneksi).
------------------------------------------------------------------------------------
-
} else {
$alertMessage = "ID tidak ditemukan!";
}

Jika parameter id tidak ada di URL, maka variabel

$alertMessage akan diisi dengan pesan "ID tidak ditemukan!".
Tugas
KERJAKAN BERKELOMPOK
1. Melanjutkan materi pertemuan ke 5, membuat form pendaftaran
2. Pelajari materi PPT ini, kemudian terapkan pada file coding teman-teman
3. Buat database sekolah dan tabel pendaftaran di MySQL sebagai tempat penyimpanan data
hasil inputan. Untuk field tabel, silahkan lihat di slide ke 4
4. Buat file index-pendaftaran, create-pendaftaran, proses-create-pendaftaran, edit-
pendaftaran, proses-edit-pendaftaran, hapus-pendaftaran (atau menyesuaikan)
5. Pengumpulan file tugas di link : https://s.id/mfKsb
 TETAP
SEMANGAT :D
dan SAMPAI
JUMPA DI
PERTEMUAN
BERIKUTNYA