UKK Perpus Digital SMK 2026

📚 Tutorial Aplikasi Peminjaman Buku

Panduan lengkap dari instalasi XAMPP hingga aplikasi berjalan

0%

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

👥

89

Anggota

📋

23

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

👥 Data Anggota

👤

Budi Santoso

budi@email.com • 081234567890

👤

Siti Aminah

siti@email.com • 082345678901

📋 Form Peminjaman

Pilih Anggota -- Pilih Anggota -- Budi Santoso Siti Aminah

Pilih Buku -- Pilih Buku -- Laskar Pelangi Bumi Manusia Negeri 5 Menara

Tanggal Pinjam

Tanggal Kembali

Berhasil!