Dokumen Proyek

SmartQuran

Timeline & Tahapan Pengerjaan Proyek

📅 Tanggal: 16 Maret 2026
📄 Versi: 1.0
👤 Developer: Ifan (AN)
Tanggal Mulai
1 April 2026
Setelah libur Lebaran
Target Selesai
31 Mei 2026
Estimasi 8 minggu kerja
Nilai Proyek
Rp 16.000.000
Hosting & domain ditanggung klien
Klien
Pak Syarif
SmartQuran / Qreanova Publisher

🎯 Lingkup Pekerjaan

📱

Mobile App

Aplikasi Android & iOS dengan fitur scan QR, terjemah, tafsir, murotal, dan search. Ringan, tanpa iklan.

🌐

Web Admin

Panel admin untuk kelola konten: terjemahan, tafsir, data ayat. CRUD lengkap untuk Pak Syarif.

⚙️

REST API

Backend API untuk menyajikan data ke mobile app. Manajemen user, aktivasi QR, dan konten.

🛠 Teknologi

Laravel

PHP 8.2 — Backend & API

📎
MySQL

Database utama

📱
Flutter

Android & iOS

☁️
Shared Hosting

Infrastruktur awal

📈 Gantt Chart Overview

Fase M1
1–7 Apr
M2
8–14 Apr
M3
15–21 Apr
M4
22–28 Apr
M5
29 Apr–5 Mei
M6
6–12 Mei
M7
13–19 Mei
M8
20–31 Mei
1. Setup & Perencanaan
2. Backend & API
3. Web Admin Panel
4. Mobile App
5. Testing & Perbaikan
6. Deployment & Rilis

📅 Tahapan Detail

1

Setup & Perencanaan

1 April – 7 April 2026
1 Minggu
  • Finalisasi requirement & alur aplikasi
    Mapping fitur sebelum & sesudah aktivasi, user flow, wireframe dasar
    Design
  • Desain database & arsitektur sistem
    ERD: tabel users, ayat, terjemahan, tafsir, murotal, aktivasi QR. Relasi antar tabel.
    Backend
  • Setup project Laravel & Flutter
    Inisialisasi repo, konfigurasi environment, struktur folder, CI/CD dasar
    DevOps
  • Setup database & migration awal
    Buat migration untuk semua tabel utama, seeder data sample
    Backend
Deliverable Fase 1
  • Dokumen requirement final
  • ERD & API spec
  • Project skeleton siap develop
2

Backend & API Development

8 April – 28 April 2026
3 Minggu
  • Sistem autentikasi & registrasi user
    Register (email + no HP), login, token management, middleware auth
    Backend
  • Modul aktivasi QR Code
    Generate QR unik per mushaf, validasi scan, upgrade status user ke "teraktivasi"
    Backend
  • API Terjemah Al-Quran Depag RI
    Endpoint: list surah, ayat per surah, search by kata, search by nomor ayat
    Backend
  • API Terjemah Bahasa Inggris
    Endpoint terjemahan English per ayat, terintegrasi dengan data surah
    Backend
  • API Tafsir (Al-Muyassar, Jalalain, Al-Misbah)
    Endpoint tafsir per ayat untuk ketiga sumber tafsir
    Backend
  • API Murotal Mishary Rashid
    Endpoint streaming/download audio per surah atau per ayat
    Backend
  • Fitur share ke media sosial
    Generate konten shareable (teks ayat + terjemah) untuk WhatsApp, Facebook, Twitter, dll
    Backend
Deliverable Fase 2
  • Semua API endpoint berfungsi
  • Dokumentasi API (Postman/Swagger)
  • Unit test untuk endpoint kritis
3

Web Admin Panel

15 April – 5 Mei 2026
3 Minggu
  • Dashboard admin & autentikasi
    Login admin, overview statistik (jumlah user, aktivasi, dll)
    Frontend
  • Manajemen konten terjemahan
    CRUD terjemahan Depag RI & English — edit, tambah, hapus per ayat
    Frontend
  • Manajemen konten tafsir
    CRUD Tafsir Al-Muyassar, Jalalain, Al-Misbah — editor teks lengkap
    Frontend
  • Manajemen murotal & audio
    Upload, edit, hapus file audio murotal per surah/ayat
    Frontend
  • Manajemen user & aktivasi QR
    Lihat daftar user, status aktivasi, generate batch QR code
    Frontend
  • Import data massal
    Fitur import via CSV/Excel untuk data terjemahan & tafsir dari Pak Syarif
    Backend
Deliverable Fase 3
  • Admin panel fully functional
  • Data konten sudah bisa dikelola
  • Import data dari klien berhasil
4

Mobile App Development

22 April – 19 Mei 2026
4 Minggu
  • UI/UX design & tema Islami
    Desain clean, ringan, bernuansa Islami. Navigasi simple dan intuitif.
    Design
  • Halaman registrasi & login
    Form email + no HP, validasi input, integrasi API auth
    Mobile
  • Halaman utama & daftar surah
    List 114 surah, info juz, jumlah ayat, tipe (Makkiyah/Madaniyah)
    Mobile
  • Halaman baca ayat + terjemah Depag RI
    Tampilkan teks Arab + terjemah, font Arabic yang baik, scroll smooth
    Mobile
  • Fitur scan QR & aktivasi
    Kamera scanner QR, validasi kode, unlock fitur premium
    Mobile
  • Fitur premium: tafsir, English, murotal
    Tampilan tafsir per ayat, switch antar tafsir, audio player murotal
    Mobile
  • Fitur search (by kata & nomor ayat)
    Search bar dengan autocomplete, filter hasil, highlight kata
    Mobile
  • Fitur share ke media sosial
    Share ayat + terjemah ke WhatsApp, Instagram, Facebook, Twitter, dll
    Mobile
Deliverable Fase 4
  • Aplikasi berjalan di Android & iOS
  • Semua fitur terintegrasi API
  • Demo ke klien untuk review
5

Testing & Perbaikan

13 Mei – 25 Mei 2026
2 Minggu
  • Import & verifikasi seluruh data konten
    Input semua data terjemahan, tafsir, dan murotal dari Pak Syarif. Validasi keakuratan.
    Testing
  • Testing fungsional end-to-end
    Test seluruh flow: register, login, browse, scan QR, baca tafsir, play murotal, search, share
    Testing
  • Testing kompatibilitas device
    Test di berbagai ukuran layar Android & iOS, versi OS berbeda
    Testing
  • Performance & optimasi
    Pastikan app ringan, loading cepat, memory usage rendah
    Testing
  • Bug fixing & revisi dari klien
    Perbaikan berdasarkan feedback Pak Syarif, polish UI/UX
    Testing
Deliverable Fase 5
  • Aplikasi stabil & bebas bug kritis
  • Persetujuan klien untuk rilis
  • Data konten lengkap & terverifikasi
6

Deployment & Rilis

25 Mei – 31 Mei 2026
1 Minggu
  • Deploy web & API ke hosting
    Setup domain, SSL, deploy Laravel ke shared hosting, konfigurasi database production
    DevOps
  • Submit aplikasi ke Google Play Store
    Buat akun developer, siapkan asset (screenshot, deskripsi), upload APK/AAB, review process
    DevOps
  • Submit aplikasi ke Apple App Store
    Buat akun developer ($99/tahun), siapkan asset, upload IPA, App Store review
    DevOps
  • Serah terima & dokumentasi
    Serah terima akun Play Store & App Store, panduan admin panel, dokumentasi teknis
    DevOps
Deliverable Fase 6
  • Web & API live di production
  • App tersedia di Play Store & App Store
  • Dokumentasi & serah terima selesai

💰 Termin Pembayaran

Termin Waktu Kondisi Persentase Jumlah
DP (Down Payment) 1 April 2026 Sebelum pengerjaan dimulai 30% Rp 4.800.000
Pembayaran Ke-2 ~5 Mei 2026 Progress telah mencapai 70% (backend + web admin + demo mobile app) 30% Rp 4.800.000
Pelunasan ~31 Mei 2026 Deployment selesai, app live di Play Store & App Store 40% Rp 6.400.000
TOTAL 100% Rp 16.000.000

📝 Catatan Penting

Data konten (terjemahan, tafsir, murotal) disediakan oleh Pak Syarif. Keterlambatan penyediaan data dapat mempengaruhi jadwal.

Hosting & domain disediakan dan ditanggung biayanya oleh klien. Spesifikasi minimal: PHP 8.2, MySQL, shared hosting.

Akun developer Play Store ($25, sekali bayar) dan App Store ($99/tahun) akan dibuatkan oleh developer, kemudian diserahterimakan.

Revisi termasuk dalam lingkup proyek selama masih sesuai dengan requirement awal yang telah disepakati.

Review dari App Store Apple bisa memakan waktu 1–7 hari kerja. Tanggal rilis bisa bergeser jika ada penolakan dari Apple.

Progress report akan dikirimkan setiap minggu kepada Pak Syarif melalui WhatsApp.