Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Tutorial PHP

Kode PHP Sistem Informasi beserta Database

Koderaya Posting Komentar

 



Berikut ini adalah contoh kode untuk membuat sebuah sistem informasi sederhana menggunakan HTML, CSS, dan JavaScript, dengan menghubungkannya ke database menggunakan PHP:

Silahkan Buat 3 File Tersebut

1. index.html
2. style.css
3. insert.php

Oke mulai ini adalah source code nya langsung saja

HTML (index.html)
<!DOCTYPE html>
<html>
<head>
    <title>Sistem Informasi</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <h1>Sistem Informasi</h1>

    <form action="insert.php" method="POST">
        <label for="nama">Nama:</label>
        <input type="text" id="nama" name="nama" required>

        <label for="email">Email:</label>
        <input type="email" id="email" name="email" required>

        <label for="pesan">Pesan:</label>
        <textarea id="pesan" name="pesan" required></textarea>

        <input type="submit" value="Simpan">
    </form>

    <script src="script.js"></script>
</body>
</html>

CSS (style.css)
body {
    font-family: Arial, sans-serif;
}

h1 {
    text-align: center;
}

form {
    margin: 20px auto;
    width: 400px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

label {
    display: block;
    margin-bottom: 5px;
}

input[type="text"],
input[type="email"],
textarea {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
}

input[type="submit"] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: #45a049;
}

PHP (insert.php)
<?php
// Mengambil data dari form
$nama = $_POST['nama'];
$email = $_POST['email'];
$pesan = $_POST['pesan'];

// Melakukan koneksi ke database
$host = 'localhost';
$user = 'username';
$pass = 'password';
$dbname = 'database_name';

$conn = new mysqli($host, $user, $pass, $dbname);

// Memasukkan data ke dalam tabel
$sql = "INSERT INTO pesan (nama, email, pesan) VALUES ('$nama', '$email', '$pesan')";
$result = $conn->query($sql);

// Menutup koneksi database
$conn->close();

// Redirect ke halaman utama setelah data disimpan
header('Location: index.html');
exit();
?>

Dalam contoh ini, kita memiliki halaman HTML (index.html) yang memiliki sebuah formulir untuk mengambil data pengguna seperti nama, email, dan pesan. Ketika formulir tersebut disubmit, data akan dikirim ke file PHP (insert.php) untuk dimasukkan ke dalam database.

Di file PHP, Anda perlu mengganti nilai variabel $host, $user, $pass, dan $dbname sesuai dengan konfigurasi database Anda. Juga, pastikan tabel yang sesuai dengan query INSERT telah dibuat dalam database.

Pastikan menyimpan file HTML dengan ekstensi .html, file CSS dengan ekstensi .css, dan file PHP dengan ekstensi .php

dan ini adalah tabel database 
Silahkan Tulis di Notepad setelah itu simpan dengan nama garox.sql
dan import ke database phpmyadmin anda

SQL (garox.sql)
 CREATE TABLE pesan (
  id INT(11) AUTO_INCREMENT PRIMARY KEY,
  nama VARCHAR(50) NOT NULL,
  email VARCHAR(50) NOT NULL,
  pesan TEXT NOT NULL,
  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

Dalam contoh ini, tabel "pesan" memiliki beberapa kolom, yaitu:

id: Kolom ini berfungsi sebagai primary key untuk setiap entri dalam tabel. Nilainya secara otomatis bertambah saat ada penambahan data baru.

nama: Kolom ini digunakan untuk menyimpan nama pengirim pesan. Kolom ini tidak boleh kosong.

email: Kolom ini digunakan untuk menyimpan alamat email pengirim pesan. Kolom ini tidak boleh kosong.

pesan: Kolom ini digunakan untuk menyimpan isi pesan yang dikirim. Kolom ini tidak boleh kosong.

created_at: Kolom ini digunakan untuk menyimpan tanggal dan waktu pembuatan entri pesan. Nilainya akan diatur secara otomatis menggunakan fungsi TIMESTAMP saat data ditambahkan.
Pastikan Anda menjalankan perintah SQL ini di database Anda atau menggunakan alat pengelola database seperti phpMyAdmin untuk membuat tabel dengan struktur yang sesuai.

nah jadi itu saja cara membuat sistem informasi sederhana nya sampai jumpa di tutorial selanjutnya.


Posting Komentar untuk "Kode PHP Sistem Informasi beserta Database"