Social Sharing Portfolio

MP3 Dakwah Sunnah ala podcast, supaya kajian lebih mudah didengar setiap hari.

Produk ini dibangun untuk memudahkan akses kajian audio di HP: cepat cari ustadz, pilih topik, lalu lanjut dengar tanpa pindah-pindah halaman.

Mobile

First UI

Realtime

Tabs

Populer/Topik

Player

Sticky bottom

Coba Web App Kembali ke Portfolio Utama

MP3 Dakwah Sunnah mobile

Skenario: Paling Populer

Cari kajian atau ustadz...

Populer

Terbaru

Semua

Topik

▶

Pilih kajian

Belum ada audio diputar

0:00 / 0:00

Fitur Nyata yang Dipakai di Aplikasi

Portofolio ini mengikuti implementasi di `spotify/mobile/index.php`, bukan sekadar mockup visual.

Tab Cerdas

Mode Populer, Terbaru, Semua, dan Topik untuk jalur dengar yang cepat.

Pencarian Realtime

Filter judul kajian dan nama ustadz langsung saat pengguna mengetik.

Player Persisten

Kontrol `Play/Pause`, `Prev/Next`, dan seekbar di panel bawah.

Topik Dinamis

Daftar topik dibaca dari `topics.txt` agar mudah dikelola.

Alur Penggunaan

1. Buka aplikasi mobile web dan pilih tab sesuai kebutuhan: Populer/Terbaru/Topik.
2. Gunakan pencarian untuk menemukan kajian berdasarkan judul atau ustadz.
3. Putar audio, lalu kontrol playback dari mini player bawah sambil tetap browsing katalog.
4. Lanjutkan dengar kajian berikutnya dengan `Next/Prev` tanpa kembali ke halaman awal.

Screenshot Style Simulations

Semua panel di bawah berupa HTML/CSS simulasi agar karakter produk langsung terbaca.

Home

Tab populer berisi kajian paling banyak diputar.

Views ranking otomatis.

Populer

Latest

Kajian terbaru berdasarkan waktu update file.

Update-ready.

Terbaru

Cari "tauhid" atau nama ustadz, hasil langsung terfilter.

Tanpa reload.

Pencarian

Topics

Topik seperti Tauhid, Sholat, Adab dari `topics.txt`.

Mudah dikustom.

Filter Topik

Player

Mini player tetap di bawah untuk kontrol cepat.

Play/Pause/Next/Prev.

Sticky Player

Seekbar

Geser waktu playback tanpa pindah layar.

Audio API native.

Seek Control

Catalog

Ratusan kajian dengan metadata judul, ustadz, durasi, views.

Data cache JSON.

Katalog Audio

Distribution

Akses via web mobile dan APK untuk pengguna Android.

Satu ekosistem.

Web + APK