Wednesday, 25 February 2026

UKK Perpus Digital SMK 2026

Tutorial Aplikasi Peminjaman Buku

📚 Tutorial Aplikasi Peminjaman Buku

Panduan lengkap dari instalasi XAMPP hingga aplikasi berjalan

Progress

0/7 Langkah

🖥️

Persiapan Environment

Install XAMPP, buat folder project, dan konfigurasi web server Apache

💾

Database MySQL

Buat database dan tabel untuk menyimpan data buku, anggota, dan peminjaman

⚡

Aplikasi PHP

Coding aplikasi CRUD untuk manajemen peminjaman buku perpustakaan

📁 Struktur Folder Project

📂 C:/xampp/htdocs/

📂 perpustakaan/

📄 index.php

📄 koneksi.php

📄 buku.php

📄 anggota.php

📄 peminjaman.php

📄 style.css

🚀 Quick Start

URL Aplikasi:

http://localhost/perpustakaan

phpMyAdmin:

http://localhost/phpmyadmin

🗄️ Skema Database: db_perpustakaan

📚 tabel_buku

🔑 id_buku INT PK AI

🔑 judul VARCHAR(200)

🔑 pengarang VARCHAR(100)

🔑 penerbit VARCHAR(100)

🔑 tahun_terbit YEAR

🔑 stok INT

👥 tabel_anggota

🔑 id_anggota INT PK AI

🔑 nama VARCHAR(100)

🔑 alamat TEXT

🔑 telepon VARCHAR(15)

🔑 email VARCHAR(100)

🔑 tgl_daftar DATE

📋 tabel_peminjaman

🔑 id_pinjam INT PK AI

🔗 id_anggota INT FK

🔗 id_buku INT FK

🔑 tgl_pinjam DATE

🔑 tgl_kembali DATE

🔑 status ENUM

📝 SQL Script untuk Membuat Database:

database.sql

-- Buat Database
CREATE DATABASE db_perpustakaan;
USE db_perpustakaan;

-- Tabel Buku
CREATE TABLE tabel_buku (
    id_buku INT PRIMARY KEY AUTO_INCREMENT,
    judul VARCHAR(200) NOT NULL,
    pengarang VARCHAR(100),
    penerbit VARCHAR(100),
    tahun_terbit YEAR,
    stok INT DEFAULT 0
);

-- Tabel Anggota
CREATE TABLE tabel_anggota (
    id_anggota INT PRIMARY KEY AUTO_INCREMENT,
    nama VARCHAR(100) NOT NULL,
    alamat TEXT,
    telepon VARCHAR(15),
    email VARCHAR(100),
    tgl_daftar DATE DEFAULT (CURRENT_DATE)
);

-- Tabel Peminjaman
CREATE TABLE tabel_peminjaman (
    id_pinjam INT PRIMARY KEY AUTO_INCREMENT,
    id_anggota INT,
    id_buku INT,
    tgl_pinjam DATE NOT NULL,
    tgl_kembali DATE,
    status ENUM('dipinjam', 'dikembalikan') DEFAULT 'dipinjam',
    FOREIGN KEY (id_anggota) REFERENCES tabel_anggota(id_anggota),
    FOREIGN KEY (id_buku) REFERENCES tabel_buku(id_buku)
);

-- Sample Data Buku
INSERT INTO tabel_buku (judul, pengarang, penerbit, tahun_terbit, stok) VALUES
('Laskar Pelangi', 'Andrea Hirata', 'Bentang Pustaka', 2005, 10),
('Bumi Manusia', 'Pramoedya Ananta Toer', 'Hasta Mitra', 1980, 5),
('Negeri 5 Menara', 'Ahmad Fuadi', 'Gramedia', 2009, 8);

-- Sample Data Anggota
INSERT INTO tabel_anggota (nama, alamat, telepon, email) VALUES
('Budi Santoso', 'Jl. Merdeka No. 10', '081234567890', 'budi@email.com'),
('Siti Aminah', 'Jl. Sudirman No. 25', '082345678901', 'siti@email.com');

🔒 localhost/perpustakaan

📚 Perpustakaan Digital

Sistem Manajemen Peminjaman Buku

📚

150

Total Buku

👥

Anggota

📋

Dipinjam

✅

567

Dikembalikan

📊 Peminjaman Terbaru

Nama	Buku	Tanggal	Status
Budi Santoso	Laskar Pelangi	2024-01-15	Dipinjam
Siti Aminah	Bumi Manusia	2024-01-14	Kembali

📚 Data Buku

ID	Judul	Pengarang	Stok	Aksi
1	Laskar Pelangi	Andrea Hirata	10
2	Bumi Manusia	Pramoedya A.T.	5

Berhasil!

Wednesday, 4 February 2026

Belajar web dari awal sampai master

Modul Web Profil Sekolah - PHP & MySQL

MODUL PEMBELAJARAN INTERAKTIF

Web Profil Sekolah
PHP & MySQL

Membangun Sistem Informasi Sekolah Lengkap dengan Source Code

Oleh: Ahmad Jamaludin Khusen | Materi Kelas XII RPL

1. Struktur Folder Project

Susun folder di C:/xampp/htdocs/web-sekolah/:

web-sekolah/
├── admin/            <!-- Area khusus pengelola konten -->
│   ├── index.php     <!-- Dashboard pusat admin -->
│   ├── guru.php      <!-- Kelola data tenaga pendidik -->
│   └── logout.php    <!-- Keluar dari sistem keamanan -->
├── assets/           <!-- Gambar, CSS, dan JavaScript -->
├── config/           <!-- Pengaturan sistem & DB -->
│   └── koneksi.php   <!-- Jembatan ke MySQL -->
├── index.php         <!-- Halaman utama bagi publik -->
└── profil.php        <!-- Info sejarah & visi misi -->

Pentingnya Folder Modular

Memisahkan file berdasarkan fungsinya (seperti config untuk database) memudahkan tim developer saat melakukan perbaikan kode di masa depan tanpa merusak tampilan utama.

2. Jembatan Data (koneksi.php)

File: config/koneksi.php

<?php
// Menentukan identitas server database
$host = "localhost"; // Nama server (lokal)
$user = "root";      // Username default XAMPP
$pass = "";          // Password default (kosong)
$db   = "db_sekolah"; // Nama database yang dituju

// Membuat jembatan koneksi ke MySQL
$koneksi = mysqli_connect($host, $user, $pass, $db);

// Memvalidasi: Jika koneksi gagal, hentikan program & tampilkan error
if (!$koneksi) {
    die("Koneksi gagal: " . mysqli_connect_error());
}

/**
 * Fungsi query() menyederhanakan pengambilan data
 * agar tidak menulis mysqli_fetch_assoc berulang kali
 */
function query($query) {
    global $koneksi;
    $result = mysqli_query($koneksi, $query);
    $rows = [];
    while ($row = mysqli_fetch_assoc($result)) {
        $rows[] = $row; // Memasukkan baris data ke dalam array
    }
    return $rows; // Mengembalikan kumpulan data
}
?>

3. Keamanan Admin (login.php)

Proses Verifikasi Akun

<?php
session_start(); // Memulai sesi untuk mengingat user yang login
include 'config/koneksi.php';

// Mengecek jika tombol login sudah ditekan
if(isset($_POST['login'])) {
    $user = $_POST['username'];
    $pass = $_POST['password'];

    // Mencari username di database
    $result = mysqli_query($koneksi, "SELECT * FROM admin WHERE username='$user'");
    
    // Jika user ditemukan (jumlah baris == 1)
    if(mysqli_num_rows($result) === 1) {
        $row = mysqli_fetch_assoc($result);
        
        // Membandingkan password input dengan password di database
        if($pass == $row['password']) {
            // Membuat tanda pengenal bahwa admin sudah login
            $_SESSION['admin'] = true;
            header("Location: admin/index.php"); // Pindah ke dashboard
            exit;
        }
    }
    $error = true; // Jika gagal, variabel ini akan memicu pesan error
}
?>

4. Menampilkan Data (Read)

File: admin/guru.php (Bagian Tabel)

<table border="1" cellpadding="10">
  <tr>
    <th>Nama Guru</th>
    <th>Mata Pelajaran</th>
    <th>Aksi</th>
  </tr>
  
  <?php
  // Mengambil seluruh baris dari tabel guru
  $data = mysqli_query($koneksi, "SELECT * FROM guru");
  
  // Looping: Ulangi kode di bawah selama data masih ada
  while($row = mysqli_fetch_assoc($data)) : ?>
  <tr>
    <td><?= $row['nama_guru']; ?></td> <!-- Menampilkan nama -->
    <td><?= $row['mapel']; ?></td>     <!-- Menampilkan mapel -->
    <td>
      <!-- Mengirim ID lewat URL untuk proses Edit/Hapus -->
      <a href="edit_guru.php?id=<?=$row['id'];?>">Edit</a> | 
      <a href="hapus.php?id=<?=$row['id'];?>" onclick="return confirm('Yakin?') AT " >Hapus</a>
    </td>
  </tr>
  <?php endwhile; ?>
</table>

5. Menambah Data (Create)

Logika Simpan Data

<?php
// Mengecek apakah form sudah di-submit
if(isset($_POST['simpan'])) {
    // Menangkap data dari inputan HTML (atribut name)
    $nama = $_POST['nama_guru'];
    $nip  = $_POST['nip'];
    $mpl  = $_POST['mapel'];
    
    // Perintah SQL untuk memasukkan data baru
    $query = "INSERT INTO guru (nip, nama_guru, mapel) 
              VALUES ('$nip', '$nama', '$mpl')";
    
    // Menjalankan perintah ke database
    mysqli_query($koneksi, $query);
    
    // Mengecek apakah ada baris yang bertambah di database
    if(mysqli_affected_rows($koneksi) > 0) {
        echo "<script>alert('Data Berhasil Disimpan!');</script>";
    }
}
?>

6. Menghapus Data (Delete)

File: admin/hapus_guru.php

<?php
include '../config/koneksi.php'; // Hubungkan ke DB

// Menangkap ID yang dikirim dari tombol hapus di URL
$id = $_GET['id'];

/**
 * Menjalankan perintah hapus data
 * PENTING: Gunakan WHERE agar tidak semua data terhapus!
 */
mysqli_query($koneksi, "DELETE FROM guru WHERE id = $id");

// Setelah dihapus, kembalikan admin ke halaman daftar guru
header("Location: guru.php");
exit;
?>

Perhatian!

Tanpa klausa WHERE id = $id, perintah DELETE akan menghapus SELURUH isi tabel. Selalu teliti!

Memahami Alur CRUD

Dengan membaca komentar di atas, Anda telah mempelajari bagaimana data mengalir dari Form (HTML) ke Logika (PHP) dan berakhir di Penyimpanan (MySQL).

Rangkuman Belajar:

$_POST: Mengambil data yang dikirim secara tersembunyi.
$_GET: Mengambil data dari alamat URL (seperti ID).
mysqli_query: Juru bicara kita ke server MySQL.
while: Mesin otomatis untuk menampilkan ribuan data.

Slide 1 / 8

Kang Alim

Wednesday, 25 February 2026

UKK Perpus Digital SMK 2026

📚 Tutorial Aplikasi Peminjaman Buku

Persiapan Environment

Database MySQL

Aplikasi PHP

📁 Struktur Folder Project

🚀 Quick Start

🗄️ Skema Database: db_perpustakaan

📝 SQL Script untuk Membuat Database:

📚 Perpustakaan Digital

📊 Peminjaman Terbaru

📚 Data Buku

👥 Data Anggota

📋 Form Peminjaman

Wednesday, 4 February 2026

Belajar web dari awal sampai master

Web Profil Sekolah
PHP & MySQL

1. Struktur Folder Project

Pentingnya Folder Modular

2. Jembatan Data (koneksi.php)

3. Keamanan Admin (login.php)

4. Menampilkan Data (Read)

5. Menambah Data (Create)

6. Menghapus Data (Delete)

Perhatian!

Memahami Alur CRUD

UKK Perpus Digital SMK 2026

Search This Blog

Wednesday, 25 February 2026

UKK Perpus Digital SMK 2026

Persiapan Environment

Database MySQL

Aplikasi PHP

📁 Struktur Folder Project

🚀 Quick Start

🗄️ Skema Database: db_perpustakaan

📝 SQL Script untuk Membuat Database:

📚 Perpustakaan Digital

📊 Peminjaman Terbaru

📚 Data Buku

👥 Data Anggota

📋 Form Peminjaman

Wednesday, 4 February 2026

Belajar web dari awal sampai master

Web Profil SekolahPHP & MySQL

1. Struktur Folder Project

Pentingnya Folder Modular

2. Jembatan Data (koneksi.php)

3. Keamanan Admin (login.php)

4. Menampilkan Data (Read)

5. Menambah Data (Create)

6. Menghapus Data (Delete)

Perhatian!

Memahami Alur CRUD

UKK Perpus Digital SMK 2026

Web Profil Sekolah
PHP & MySQL