Membuat Aplikasi Web Sederhana dengan PHP

Buat aplikasi web sederhana menggunakan PHP dengan langkah-langkah praktis. Artikel ini menjelaskan proses mulai dari pengaturan lingkungan hingga pengembangan fitur dasar, ideal untuk pemula yang ingin memahami konsep dasar pemrograman web.

Tutorial Coding

by admin

9 bulan ago 0 261

Membuat Aplikasi Web Sederhana dengan PHP

Pendahuluan

Pembuatan aplikasi web sederhana dengan PHP adalah langkah awal yang baik bagi para pengembang yang ingin memahami dasar-dasar pengembangan web. PHP adalah bahasa pemrograman yang populer dan banyak digunakan untuk membuat aplikasi web dinamis. Artikel ini akan membahas langkah-langkah untuk membuat aplikasi web sederhana menggunakan PHP.

Persiapan

Software yang Dibutuhkan

Sebelum memulai, pastikan Anda memiliki software berikut:

XAMPP atau WAMP sebagai server lokal
Editor teks seperti Visual Studio Code atau Sublime Text

Membuat Database

Untuk aplikasi ini, kita akan membuat database sederhana menggunakan phpMyAdmin. Ikuti langkah-langkah berikut:

Buka phpMyAdmin melalui browser.
Klik “Databases” dan buat database baru, misalnya “myapp”.
Buat tabel dalam database tersebut, misalnya tabel “users” dengan kolom “id”, “name”, dan “email”.

Membuat Aplikasi Web

Struktur Folder

Buat struktur folder untuk aplikasi Anda sebagai berikut:

myapp/
├── index.php
├── config.php
└── style.css

File config.php

Buat file config.php untuk mengatur koneksi ke database:

<?php
$host = 'localhost';
$user = 'root';
$password = '';
$database = 'myapp';

$conn = mysqli_connect($host, $user, $password, $database);
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}
?>

File index.php

Buat file index.php untuk menampilkan form input data:

<?php include 'config.php'; ?>
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <title>Aplikasi Web Sederhana</title>
</head>
<body>
    <h2>Form Input Data</h2>
    <form method="POST" action="index.php">
        <input type="text" name="name" placeholder="Nama" required>
        <input type="email" name="email" placeholder="Email" required>
        <input type="submit" value="Kirim">
    </form>

    <?php
    if ($_SERVER["REQUEST_METHOD"] == "POST") {
        $name = $_POST['name'];
        $email = $_POST['email'];
        $sql = "INSERT INTO users (name, email) VALUES ('$name', '$email')";
        if (mysqli_query($conn, $sql)) {
            echo "Data berhasil disimpan!";
        } else {
            echo "Error: " . $sql . "<br>" . mysqli_error($conn);
        }
    }
    ?>
</body>
</html>

File style.css

Buat file style.css untuk menambahkan gaya pada aplikasi Anda:

body {
    font-family: Arial, sans-serif;
    margin: 20px;
}

h2 {
    color: #333;
}

form {
    margin-bottom: 20px;
}

Pengujian Aplikasi

Setelah semua file dibuat, jalankan XAMPP atau WAMP dan buka browser. Akses aplikasi Anda melalui http://localhost/myapp/index.php. Isi form dan kirimkan data untuk memastikan semuanya berfungsi dengan baik.

Kesimpulan

Membuat aplikasi web sederhana dengan PHP adalah proses yang mudah dan menyenangkan. Dengan mengikuti langkah-langkah di atas, Anda dapat membuat aplikasi yang dapat menyimpan data ke dalam database. Ini adalah langkah awal yang baik untuk memperdalam pemahaman Anda tentang pengembangan web menggunakan PHP.