Postingan

PWD 10 - Praktik Koneksi PHP dengan Database MySQL

Diterbitkan
Oleh Aulia Syarif Aziz 4 menit baca

A. Tujuan Praktikum

Setelah menyelesaikan praktikum ini, mahasiswa mampu:

  1. Membuat database dan tabel menggunakan phpMyAdmin.
  2. Menghubungkan PHP dengan database MySQL.
  3. Menyimpan data form ke database.
  4. Menjalankan query SQL menggunakan PHP.
  5. Mengintegrasikan database ke dalam proyek website semester.

B. Deskripsi Proyek Semester

Mahasiswa mengembangkan:

Website Company Profile & Sistem Pendaftaran Online Sederhana

Pada Tahap 10, proyek dikembangkan dengan menambahkan:

  • Database MySQL
  • Koneksi PHP ke database
  • Penyimpanan data pendaftaran ke database
  • Integrasi form HTML + PHP + MySQL

Output tahap ini adalah website yang dapat menyimpan data pengguna secara permanen ke database.

C. Persiapan Alat dan Software

Mahasiswa wajib menyiapkan:

  1. XAMPP / Laragon
  2. Apache dan MySQL aktif
  3. phpMyAdmin
  4. Visual Studio Code
  5. Browser

  6. Proyek dari Praktikum Tahap 9 Pastikan struktur proyek:

    1
2
3
4
5
6
7
8
9
10
11
12
13
14

     htdocs/
 │
 └── web-company-profile/
     │
     ├── index.html
     ├── profil.php
     ├── daftar.php
     ├── proses.php
     ├── koneksi.php
     │
     └── assets/
         ├── css/
         ├── js/
         └── images/

D. Langkah-Langkah Praktikum

LANGKAH 1 – Menjalankan Apache dan MySQL

  1. Buka XAMPP/Laragon

  2. Jalankan:

    • Apache
    • MySQL

LANGKAH 2 – Membuka phpMyAdmin

Buka browser:

1

http://localhost/phpmyadmin

LANGKAH 3 – Membuat Database

Klik:

1

New

Buat database:

1

db_pendaftaran

Klik:

1

Create

LANGKAH 4 – Membuat Tabel

Pilih database:

1

db_pendaftaran

Buat tabel:

1

pendaftaran

Jumlah field:

1

4

LANGKAH 5 – Menambahkan Struktur Field

Isi tabel berikut:

FieldTypeLengthExtra
idINT11AUTO_INCREMENT
namaVARCHAR100-
emailVARCHAR100-
programVARCHAR50-

Atur:

  • id sebagai PRIMARY KEY

LANGKAH 6 – Membuat File Koneksi

Buat file:

1

koneksi.php

Isi:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<?php

$koneksi = mysqli_connect(
    "localhost",
    "root",
    "",
    "db_pendaftaran"
);

if(!$koneksi) {

    die("Koneksi gagal");

}

?>

LANGKAH 7 – Membuat Form Pendaftaran

Buka daftar.php.

Isi:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<!DOCTYPE html>
<html>

<head>
    <title>Pendaftaran</title>
</head>

<body>

<h2>Form Pendaftaran</h2>

<form action="proses.php" method="POST">

    <label>Nama:</label><br>
    <input type="text" name="nama"><br><br>

    <label>Email:</label><br>
    <input type="email" name="email"><br><br>

    <label>Program:</label><br>

    <select name="program">

        <option>Web Development</option>
        <option>UI/UX Design</option>

    </select>

    <br><br>

    <button type="submit">
        Daftar
    </button>

</form>

</body>
</html>

LANGKAH 8 – Menghubungkan PHP dengan Database

Buka proses.php.

Tambahkan:

1
2
3
4
5

<?php

include "koneksi.php";

?>

LANGKAH 9 – Mengambil Data Form

Tambahkan:

1
2
3
4
5
6
7

<?php

$nama = $_POST['nama'];
$email = $_POST['email'];
$program = $_POST['program'];

?>

LANGKAH 10 – Menyimpan Data ke Database

Tambahkan query:

1
2
3
4
5
6
7
8
9
10
11

<?php

$query = "INSERT INTO pendaftaran
(nama, email, program)

VALUES
('$nama', '$email', '$program')";

mysqli_query($koneksi, $query);

?>

LANGKAH 11 – Menampilkan Pesan Berhasil

Tambahkan:

1
2
3
4
5

<?php

echo "Data berhasil disimpan";

?>

LANGKAH 12 – Contoh Kode Lengkap proses.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<?php

include "koneksi.php";

$nama = $_POST['nama'];
$email = $_POST['email'];
$program = $_POST['program'];

$query = "INSERT INTO pendaftaran
(nama, email, program)

VALUES
('$nama', '$email', '$program')";

mysqli_query($koneksi, $query);

echo "Data berhasil disimpan";

?>

LANGKAH 13 – Pengujian Program

Lakukan pengujian:

SkenarioHasil
MySQL aktifKoneksi berhasil
Form diisiData tersimpan
Submit formMuncul pesan berhasil
Cek phpMyAdminData muncul

E. Verifikasi Database

Buka:

1

phpMyAdmin

Pilih:

1

db_pendaftaran

Klik tabel:

1

pendaftaran

Pilih:

1

Browse

Pastikan data tersimpan.

F. Standar Kode yang Wajib Dipenuhi

Mahasiswa wajib memastikan:

  • Database berhasil dibuat
  • Tabel sesuai struktur
  • PHP berhasil terkoneksi
  • Data berhasil tersimpan
  • Query SQL berjalan normal

G. Tugas

Tambahkan salah satu fitur berikut:

  1. Validasi Input Kosong

    1
2
3
4
5
6
7
8
9

     <?php

 if($nama == "") {

     echo "Nama wajib diisi";

 }

 ?>

  2. Menampilkan Data yang Baru Disimpan

    1
2
3
4
5

     <?php

 echo "Halo, " . $nama;

 ?>

  1. Menambahkan Field Nomor HP

    Tambahkan field:

    • no_hp

    Pada:

    • form
    • database
    • query SQL

H. Refleksi Praktikum

Jawab pertanyaan berikut:

  1. Apa fungsi database dalam website?
  2. Mengapa PHP perlu koneksi ke MySQL?
  3. Apa fungsi query INSERT?
  4. Mengapa primary key penting?

I. Output yang Harus Dikumpulkan

Mahasiswa mengumpulkan laporan praktikum yang menampilkan:

  1. Kode file koneksi.php, daftar.php, dan proses.php yang telah dibuat.
  2. Screenshot:
    • Database phpMyAdmin
    • Struktur tabel
    • Data tersimpan
    • Form pendaftaran
  3. Penjelasan mengenai praktikum yang telah dikerjakan.
  4. Jawaban dari soal refleksi di atas.

Format pengumpulan: PDF, Microsoft Word, atau Google Docs

Materi Kuliah, Pemrograman Web Dasar
kuliah web
Postingan ini dilisensikan di bawah CC BY 4.0 oleh penulis.