← Portofolio Projek

library.jbahsn.com

LaravelTailwindCSSMySQLPDF.jsStPageFlip
Deskripsi Perpustakaan digital berbasis web, konversi PDF menjadi flipbook interaktif.
Fitur Utama
  • Unggah dan kelola koleksi PDF lewat dashboard admin.
  • Konversi PDF ke flipbook interaktif menggunakan PDF.js + StPageFlip.
  • Pencarian metadata dan pagination koleksi.
  • Hak akses pengguna dan management koleksi.

Problem

Perpustakaan fisik dan distribusi dokumen statis menyulitkan akses bagi pengguna jarak jauh dan pembaca pada perangkat mobile. Banyak koleksi masih berupa PDF statis yang tidak ramah baca di layar kecil.

Solusi Teknis & Arsitektur

Aplikasi dibangun sebagai aplikasi web dengan backend Laravel dan basis data MySQL. PDF disajikan melalui PDF.js untuk rendering halaman, lalu dikombinasikan dengan StPageFlip untuk pengalaman membaca seperti buku (flipbook). Fitur unggah dan manajemen koleksi dijalankan lewat panel admin, sementara frontend responsif dibuat dengan TailwindCSS. Sistem mendukung metadata per dokumen, pencarian sederhana, dan pagination untuk koleksi besar.

Komponen utama:

  • Backend: Laravel (API + admin) untuk upload, metadata, dan kontrol akses.
  • Storage: File PDF disimpan di storage/ dan indeks metadata di MySQL.
  • Viewer: PDF.js + StPageFlip di frontend untuk flipbook interaktif.
  • UI: TailwindCSS untuk antarmuka ringan dan responsif.

Hasil / Dampak

Platform mempermudah akses bahan bacaan bagi pengguna jarak jauh dan perangkat mobile. Konten yang sebelumnya sulit diakses kini dapat dibaca tanpa perlu mengunduh file besar, meningkatkan keterlibatan pengguna dan kemudahan distribusi materi pembelajaran.