PWD 9 - Praktik Pemrosesan Form Menggunakan PHP

Diterbitkan 17/05/2026

Oleh Aulia Syarif Aziz 4 menit baca

A. Tujuan Praktikum

Setelah menyelesaikan praktikum ini, mahasiswa mampu:

Menjalankan file PHP menggunakan web server lokal.
Menghubungkan form HTML dengan file PHP.
Mengambil data form menggunakan metode POST.
Menampilkan hasil input pengguna menggunakan PHP.
Mengintegrasikan PHP ke dalam proyek website semester.

B. Deskripsi Proyek Semester

Mahasiswa mengembangkan:

Website Company Profile & Sistem Pendaftaran Online Sederhana

Pada Tahap 9, proyek dikembangkan dengan menambahkan:

Pemrosesan form menggunakan PHP
Halaman hasil pendaftaran
Pengiriman data form dari HTML ke PHP
Tampilan data pengguna secara dinamis

Output tahap ini adalah website yang sudah mampu memproses input pengguna menggunakan server-side programming.

C. Persiapan Alat dan Software

Mahasiswa wajib menyiapkan:

XAMPP / Laragon
Apache aktif
Text Editor
- Visual Studio Code
- Notepad++
Browser
- Google Chrome
- Mozilla Firefox

Proyek dari Praktikum Tahap 8

Pastikan struktur proyek:

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

D. Langkah-Langkah Praktikum

LANGKAH 1 – Menjalankan Apache

Buka XAMPP
Jalankan:
- Apache
Buka browser:
1 http://localhost/

LANGKAH 2 – Mengubah File Form Menjadi PHP

Ubah:

daftar.html

menjadi:

daftar.php

LANGKAH 3 – Membuat Form Pendaftaran

Isi daftar.php:

  
<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>

LANGKAH 4 – Membuat File Proses PHP

Buat file baru:

proses.php

LANGKAH 5 – Mengambil Data dari Form

Isi proses.php:

  
<?php

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

?>

LANGKAH 6 – Menampilkan Data Pengguna

Tambahkan:

  
<?php

echo "<h2>Data Pendaftaran</h2>";

echo "Nama: " . $nama . "<br>";
echo "Email: " . $email . "<br>";
echo "Program: " . $program . "<br>";

?>

LANGKAH 7 – Menambahkan Tampilan HTML

Gabungkan PHP dan HTML:

  
<!DOCTYPE html>
<html>

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

<body>

<?php

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

echo "<h2>Data Pendaftaran</h2>";

echo "Nama: " . $nama . "<br>";
echo "Email: " . $email . "<br>";
echo "Program: " . $program . "<br>";

?>

</body>
</html>

LANGKAH 8 – Menambahkan Validasi Sederhana

Tambahkan:

  
<?php

if($nama == "") {

    echo "Nama wajib diisi";

}

?>

Contoh lengkap:

  
<?php

$nama = $_POST['nama'];

if($nama == "") {

    echo "Nama wajib diisi";

} else {

    echo "Halo " . $nama;

}

?>

LANGKAH 9 – Menambahkan CSS ke Halaman PHP

Tambahkan pada <head>:

  
<link rel="stylesheet" href="assets/css/style.css">

LANGKAH 10 – Pengujian Program

Lakukan pengujian:

Skenario	Hasil
Semua field diisi	Data tampil
Nama kosong	Pesan error
Submit form	Data diproses
URL localhost aktif	Halaman PHP berjalan

E. Contoh Kode Lengkap

daftar.php

  
<!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>

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

</form>

</body>
</html>

proses.php

  
<?php

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

?>

<!DOCTYPE html>
<html>

<head>
    <title>Hasil</title>
</head>

<body>

<?php

if($nama == "") {

    echo "Nama wajib diisi";

}

else {

    echo "<h2>Data Pendaftaran</h2>";

    echo "Nama: " . $nama . "<br>";
    echo "Email: " . $email;

}

?>

</body>
</html>

F. Standar Kode yang Wajib Dipenuhi

Mahasiswa wajib memastikan:

File menggunakan ekstensi .php
Apache berjalan normal
Menggunakan metode POST
Data form berhasil diproses
Kode PHP rapi dan terstruktur

G. Tugas

Tambahkan salah satu fitur berikut:

Menampilkan Tanggal Pendaftaran
1 2 3 <?php echo date("d-m-Y"); ?>

Menampilkan Salam Dinamis

  
 <?php
 echo "Selamat datang, " . $nama;
 ?>

Validasi Panjang Nama

  
 <?php

 if(strlen($nama) < 3) {
     echo "Nama terlalu pendek";
 }

 ?>

H. Refleksi Praktikum

Jawab pertanyaan berikut:

Apa fungsi PHP dalam website?
Mengapa PHP membutuhkan Apache/XAMPP?
Apa perbedaan GET dan POST?
Mengapa validasi form penting?

I. Output yang Harus Dikumpulkan

Mahasiswa mengumpulkan laporan praktikum yang menampilkan:

Kode file daftar.html dan proses.php yang telah dibuat.
Screenshot:
- Form pendaftaran
- Hasil proses data
- Apache berjalan
Penjelasan mengenai praktikum yang telah dikerjakan.
Jawaban dari soal refleksi di atas.

Format pengumpulan: PDF, Microsoft Word, atau Google Docs

Tahap berikutnya akan menambahkan database.

Materi Kuliah, Pemrograman Web Dasar

kuliah web

Postingan ini dilisensikan di bawah CC BY 4.0 oleh penulis.