Tentang QuranWeb

Tentang

Alhamdulillah puji syukur ke hadirat Allah SWT. Sholawat serta salam semoga selalu tercurahkan kepada Nabi Muhammad SAW.

QuranWeb adalah project untuk menyajikan kitab suci Al-Quran dalam bentuk mobile web yang ringan dan cepat. Sehingga perangkat dengan spesifikasi rendah pun dapat mengakses tanpa kesulitan. Fitur utama dari QuranWeb adalah:

Cepat dan ringan
Mobile web friendly
Penanda terakhir dibaca (Surah dan Juz)
Tafsir Bahasa Indonesia
Terjemahan Bahasa Indonesia
Mode malam untuk kenyamanan membaca
Pergi ke ayat tertentu dalam satu surah
Setiap ayat memiliki URL sendiri dan dapat dibagikan
Audio murottal untuk setiap ayat (sumber everyayah.com)
Halaman Juz — baca Al-Quran per Juz berdasarkan Standar Mushaf Indonesia
Daftar ayat favorit
Sinkronisasi Cloud antar-perangkat tanpa perlu akun

Sumber

Sumber utama ayat-ayat Al-Quran dan terjemahannya dalam project ini didapat dari situs dan aplikasi resmi dari Kementrian Agama Republik Indonesia yang dapat diakses di quran.kemenag.go.id.

Laporkan Kesalahan

Al-Quran adalah kitab suci sempurna yang diturunkan Allah SWT. segala bentuk kesalahan yang ada pada project ini adalah pasti karena kebodohan dan kekhilafan saya sendiri. Untuk itu mohon dengan hormat jika anda menemukan ada suatu kesalahan untuk menghubungi saya melalui email di [email protected].

Source Code

Source code (kode sumber) untuk membuat website ini tersedia secara bebas dan terbuka (Open Source). Anda dapat melihatnya di github.com/rioastamal/quran-web.

Changelog

Perubahan utama yang dilakukan pada QuranWeb diantaranya:

Versi 1.13

Mengganti audio murottal dari Sheikh Mishary Rashid Alafasy dengan Aziz Alili sebagai qori default
Perbaikan halaman daftar ayat favorit agar konsisten mengikuti ukuran font yang dipilih serta penyesuaian tombol aksi tafsir dan hapus agar berskala proporsional

Versi 1.12.3

Perbaikan bug sync multi-device: granular timestamps per entitas dan smart merge pada Worker untuk mencegah data baru di cloud tertimpa data lama dari perangkat yang baru aktif
Perbaikan bug sinkronisasi preferensi font dan tampilan: mencegah inisialisasi awal halaman menimpa timestamp cloud serta auto-pull saat perangkat aktif kembali
Perbaikan bug menu overlay: menu samping tidak lagi terkunci terbuka setelah idle atau reload, dan klik tautan bookmark dari menu langsung berpindah halaman

Versi 1.12.2

Perbaikan bug navigasi bookmark: klik penanda terakhir dibaca (Surah atau Juz) pada halaman yang sama kini langsung scroll ke nomor ayat target dan tidak lagi tertimpa oleh posisi scroll sebelumnya (terutama pada browser Chrome / Safari di iPad)
Memindahkan posisi nomor ayat dari pojok kiri atas ke baris toolbar sisi kiri sejajar dengan tombol aksi ayat (bookmark, favorit, tafsir, audio) dengan ukuran yang serasi

Versi 1.12.1

Migrasi seluruh konfigurasi dan penanda baca (ayat & juz terakhir dibaca, mode malam, terjemahan, ukuran font, qari murottal) dari Cookie ke localStorage dengan fitur auto-migrasi data dari cookie lama
Penanda baca ayat atau juz yang baru ditandai kini otomatis disinkronkan ke cloud secara realtime (auto-sync) jika perangkat sudah terhubung
Format keterangan waktu sinkronisasi disesuaikan menggunakan format 24 jam yang umum di Indonesia (DD/MM/YYYY, HH:mm:ss)
Perbaikan bug: tombol Back to Top pada floating dock kini tampil jelas dan kontras pada tema mode terang menggunakan ikon SVG panah atas

Versi 1.12

Penambahan fitur Sinkronisasi Cloud untuk menyinkronkan penanda baca (terakhir dibaca surah/juz), daftar ayat favorit, dan preferensi antar perangkat tanpa perlu akun, menggunakan kode sinkronisasi

Versi 1.11.2

Menyatukan tombol Menu dan Back to Top ke dalam satu komponen floating rounded bar yang dapat digeser (draggable) oleh pengguna
Memperbaiki layout halaman menu agar tidak ada ruang kosong di bagian bawah serta menjaga posisi scroll layar tetap stabil saat menu dibuka dan ditutup

Versi 1.11.1

Menghilangkan tombol back to top di bawah setiap ayat
Mengubah tombol back to top menjadi floating button di pojok kiri bawah (default) yang dapat digeser (draggable) oleh pengguna

Versi 1.11

Penambahan fitur ayat favorit

Versi 1.10.1

Perbaikan bug: klik pada ayah di halaman Juz kini otomatis scroll ke ayah berikutnya seperti halaman Surah

Versi 1.10

Penambahan halaman Juz yang menampilkan 30 Juz berdasarkan Standar Mushaf Indonesia
Setiap Juz memiliki halaman tersendiri yang dapat diakses melalui URL /juz/{nomor_juz}/
Terdapat halaman Daftar Juz yang memudahkan navigasi ke seluruh 30 Juz
Penanda terakhir dibaca kini mendukung dua sumber: halaman Surah dan halaman Juz secara terpisah
Navigasi prev/next pada halaman Juz dengan wrap-around dari Juz 30 ke Juz 1 dan sebaliknya
Menu samping kini menampilkan tautan Daftar Juz

Versi 1.9

Penambahan fitur ukuran font (Zoom In / Zoom Out) untuk kenyamanan membaca
Terdapat tombol reset untuk mengembalikan ukuran font ke ukuran semula
Indikator persentase ukuran font yang aktif ditampilkan secara langsung pada menu
Perubahan ukuran font tersimpan otomatis dan tetap konsisten saat berpindah halaman

Versi 1.8

Menghilangkan konfigurasi Google Analytics
Menambahkan konfigurasi untuk kode RAW HTML pada tag HEAD
Helper baru functions.sh untuk menjalankan via Docker

Versi 1.7.2

Perbaikan performa pada mode malam dan terjemahan
URL audio murottal sekarang diarahkan ke server everyayah.com

Versi 1.7.1

Bug Fix: Ayat otomatis scroll ke berikutnya jika salah satu tombol ayat ditekan. Misal tombol Play Murottal.

Versi 1.7

Penggunakan CSS font-display swap untuk modern browser
Pengguna dapat pergi ke ayat berikutnya dengan melakukan klik ayat atau menekan tombol Enter. Hanya berlaku pada mode surat bukan ayat tunggal

Versi 1.6

Pengguna dapat memilih ayat yang akan diulang. Contoh format input "5,6,11-20,28".

Versi 1.5

Penambahan fitur audio murottal untuk setiap ayat
Autoscroll ke ayat yang diputar ketika diulang per surah
Terdapat 3 pilihan qori yaitu Sheikh Sudais, Sheikh Al-Hussary dan Sheikh Alafasy

Versi 1.4

Pencarian nama surah pada halaman Daftar Surah

Versi 1.3

Penambahan tafsir pada setiap ayat
Setiap ayat memiliki URL sendiri dan dapat dibagikan

Versi 1.2

Pergi ke nomor ayat tertentu dalam satu surah
Back to top

Versi 1.1

Penambahan sitemap untuk SEO
Fitur baru: Penanda terakhir dibaca
Peningkatan performa: Mengganti window.onload dengan DOMContentLoaded

Versi 1.0