Langkah 1: Instal dan Jalankan XAMPP
2. Instal XAMPP sesuai dengan sistem operasi Anda (Windows, macOS, atau Linux).
3. Buka XAMPP Control Panel, lalu klik tombol Start pada modul Apache dan MySQL hingga statusnya berubah menjadi hijau .
Langkah 2: Buat Folder Proyek di
htdocs
1. Navigasikan ke direktori instalasi XAMPP, biasanya di
C:\xampp\htdocs.2. Buat folder baru untuk proyek Anda, misalnya
projek_sederhana.Langkah 3: Buat Database di phpMyAdmin
Buka browser dan akses
http://localhost/phpmyadmin.1. Klik tombol New di sidebar kiri.
2. Masukkan nama database, misalnya 
db_sederhana, lalu klik Create.
3. Setelah database dibuat, buat tabel baru dengan nama
pengguna
4. Strukturnya sebagai berikut:
id(INT, AUTO_INCREMENT, PRIMARY KEY)nama(VARCHAR(100))
Langkah 4: Buat Formulir HTML (
index.html)Di dalam folder
projek_sederhana, buat file index.html dengan isi berikut:<!DOCTYPE html><html><head><title>Form Input Pengguna</title></head><body><h2>Form Input Pengguna</h2><form action="simpan.php" method="POST"><label>Nama:</label><br><input type="text" name="nama" required><br><br><label>Email:</label><br><input type="email" name="email" required><br><br><input type="submit" value="Simpan"></form></body></html>
Formulir ini akan mengirimkan data ke file
simpan.php menggunakan metode POST.Langkah 5: Buat File Koneksi Database (
db.php)Masih di dalam folder
projek_sederhana, buat file db.php dengan isi berikut:<?php$host = 'localhost';$user = 'root';$password = ' ';$database = 'db_sederhana';$conn = mysqli_connect($host, $user, $password, $database);if (!$conn) {die("Koneksi gagal: " . mysqli_connect_error());}?>
File ini berfungsi untuk menghubungkan aplikasi Anda dengan database MySQL.
Langkah 6: Buat File Proses Simpan Data (
simpan.php)Buat file
simpan.php di folder yang sama dengan isi:<?phpinclude 'db.php';$nama = $_POST['nama'];$email = $_POST['email'];$sql = "INSERT INTO pengguna (nama, email) VALUES ('$nama', '$email')";if (mysqli_query($conn, $sql)) {echo "Data berhasil disimpan.";} else {echo "Error: " . $sql . "<br>" . mysqli_error($conn);}mysqli_close($conn);?>
File ini akan memproses data yang dikirim dari formulir dan menyimpannya ke dalam tabel
pengguna.Pastikan kembali di dalam folder projek_sederhana sudah ada file seperti di bawah ini
Langkah 7: Jalankan Proyek di Browser
1. Buka browser dan akses
http://localhost/projek_sederhana/index.html.2. Isi formulir dengan data, lalu klik Simpan.
3. Data yang Anda masukkan akan disimpan ke dalam database
db_sederhana pada tabel pengguna.
~cari ilmu, temukan dirimu~
Tags
DDPPLGV2-OD