Aplikasi ini adalah mobile apps (Android & iOS) yang dibuat menggunakan React Native dengan REST API. Mobile apps ini adalah versi mobile dari web tafsir.learn-quran.co.

Namun, ada beberapa fitur di tafsir.learn-quran.co tersebut yang saat ini tak perlu Anda buat di mobile apps-nya [saat ini, di lain kesempatan di masa depan إِنْ شَآءَ الله  kita buat], yaitu fitur Feedback, Tentang, dan Fitur Donasi yang terdapat di Menu.

Di samping itu, ada juga beberapa penambahan fitur, yaitu fitur Iklan menggunakan Admob, In-App Purchase, Push Notifications, Offline Mode, Login dengan akun Google & Apple, Onboarding Screen, QnA dengan AI dan Fitur Tadabbur.

1. Nama Aplikasi: Learn Quran Tafsir (LQTafsir)
2. Framework: React Native / Expo
3. Platform: Android & iOS
4. User Roles
   • Free User : Pengguna yang tidak bayar (akses beberapa fitur dibatasi & mendapat iklan)
   • Pro User : Pengguna yang bayar (bisa akses semua fitur & bebas iklan)
   • Ulama : Pro User yang mendapat fitur tambahan untuk memverifikasi tadabbur Pengguna lainnya
   • Admin : Pro User yang memiliki akses tertentu berkaitan sistem admin
   • All User : Free User + Pro User + Ulama + Admin
5. Purwarupa : https://www.figma.com/proto/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=408-2&t=pWVc6zeeJJYOKwK0-0&scaling=scale-down&page-id=0%3A1&starting-point-node-id=408%3A2
6. Daftar Fitur

No	Fitur	Pengguna	Fungsi	Detail / Purwarupa
1	Security	All User	Mengurangi risiko pembajakan	API tidak mudah didapatkan ketika terjadi reverse engineering
2	Iklan	Free User	Admob	Banner, Rewarded & Intertitial Ads: https://support.google.com/admob/answer/6128738?hl=en
		Free User	Remote Config Ads	Banner, Rewarded & Intertitial Ads: https://support.google.com/admob/answer/6128738?hl=en
3	In-App Purchase	Free User	Subscribe via Google Play untuk menjadi member / user pro (QnA ulimited, tanpa iklan & bisa download data)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=216-1002&mode=design&t=Wwy0xHWuC68F4H6E-4
		Free User	Subscribe via Apple App Store untuk menjadi member / user pro (QnA unlimited, tanpa iklan & bisa download data)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=216-1002&mode=design&t=Wwy0xHWuC68F4H6E-4
4	Push Notifications	All User	Menerima notifikasi tafsir (random) harian	Push notification menggunakan https://onesignal.com/
		All User	Menerima notifikasi tambahan tafsir baru	Push notification menggunakan https://onesignal.com/
		All User	Menerima notifikasi perubahan tafsir (bookmarked)	Push notification menggunakan https://onesignal.com/
5	Offline mode	Pro User	Mengunduh semua data konten	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=216-992&mode=design&t=Wwy0xHWuC68F4H6E-4
6	Authentication	All User	Masuk menggunakan Facebook login	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=245-2182&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Masuk menggunakan Google login	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=245-2182&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Masuk menggunakan Apple login (khusus iOS)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=245-2182&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Keluar (logout)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=216-1219&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Hapus akun Google	https://support.google.com/googleplay/android-developer/answer/13327111?hl=en
		All User	Hapus akun Apple	https://developer.apple.com/support/offering-account-deletion-in-your-app/
7	Onboarding	All User	Menampilkan slider onboarding hanya 1 kali saat user buka aplikasi pertama kali	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=408%3A2&mode=design&t=vJoWA2Me89n1Pedy-1
8	Home	All User	Menuju ke halaman Pencarian	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=18-128&mode=design&t=uw7Fg1nXxZxDz7Bw-4
		All User	Menuju tafsir dengan memilih surat & ayat	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=20-116&mode=design&t=uw7Fg1nXxZxDz7Bw-4
		All User	Menuju topik lainnya dengan klik tombol pada daftar topik	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=254-2&mode=design&t=uw7Fg1nXxZxDz7Bw-4
		All User	Menampilkan daily ayat (random)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=68-3&mode=design&t=uw7Fg1nXxZxDz7Bw-4
		All User	Bottom bar navigation (Home, Topic, Tadabbur, Bookmark, Settings)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=254-3&mode=design&t=uw7Fg1nXxZxDz7Bw-4
9	Tafsir	All User	Header | Nomor & nama surat, nomor ayat, sesuai halaman / data yang sedang dibuka	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=284-2&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Header | icon “gear” jika di klik akan menuju ke menu Pengaturan	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=284-3&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Header | icon “kaca pembesar” jika di klik akan menuju ke halaman Pencarian	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=284-4&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Bottom bar | icon “panah kiri” untuk menuju ke ayat sebelumnya	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=17-84&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Bottom bar | icon “panah kanan” untuk menuju ke ayat selanjutnya	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=17-37&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Bottom bar | icon “share” untuk fitur share (copy, text, image)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=17-81&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Bottom bar | icon “bookmark” untuk menandai / menyimpan tafsir yang sedang ditampilkan	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=17-85&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Bottom bar | tombol “2:2” jika di klik memunculkan popup dropdown pilih surat & ayat untuk menuju ke ayat yang dipilih	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=20-79&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Tab Tafsir | Menampilkan data Tafsir, 1 QnA (most liked), dan topik terkait, sesuai pilihan jenis tafsir yang dipilih pada komponen dropdown (nama tafsir)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=13-42&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Tab Tafsir | Klik tombol Play untuk mendengar audio tafsir (sesuai pengaturan device)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=130-5&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Tab Tafsir | Klik tombol like untuk “menyukai” tafsir yang sedang ditampilkan	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=284-5&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Tab Tafsir | Menampilkan tombol “QnA Lainnya” pada konten 1 QnA jika di klik menuju ke halaman daftar QnA	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=300-75&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Tab Tafsir & Ayat | Menampilkan daftar topik terkait berupa tombol yang jika di klik akan menuju ke halaman Topik dengan daftar subtopik nya	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=284-6&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Tab Ayat | Menampilkan data ayat, terjemahan, & topik terkait (topik tidak perlu dimasukan ke response API karena sudah ada dari tab Tafsir)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=19-251&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Tab Ayat | Klik tombol Play untuk mendengar audio murottal dari public API (quran.com)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=130-10&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Tab Ayat | Klik tombol Play untuk mendengar audio terjemahan (sesuai pengaturan device)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=130-14&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Tab Tadabbur | menampikan daftar Tadabbur (verified) sesuai ayat yang sedang ditampilkan	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=20-9&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Tab Tadabbur | card / item Tadabbur jika di klik menuju halaman detail Tadabbur	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=180-897&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Tab Tadabbur | floating button “add Tadabbur” jika di klik menuju halaman form buat Tadabbur	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=175-30&mode=design&t=Wwy0xHWuC68F4H6E-4
10	QnA dengan AI	All User	Menampilkan daftar QnA semua (orang lain & current user) pada Tab “Semua”	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=180-532&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Menampilkan daftar QnA pribadi (current user) pada Tab “Saya”	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=180-632&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Pencarian daftar Pertanyaan & Jawaban	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=284-7&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Menampilkan header (dibawah Tab) Nama Surat & Nomor Ayat, jika di klik menuju ke halaman detail Tafsir	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=180-726&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Menampilkan detail data pertanyaan, jawaban, dan status “Like”	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=180-736&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Share QnA (text / deep link)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=180-847&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	“Like button” untuk menyukai & untuk mengatur BE bisa memberikan data QnA dengan Like terbanyak unutk di halaman detail Tafsir	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=180-850&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Melaporkan Jawaban tidak pantas / sesuai	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=180-853&mode=design&t=Wwy0xHWuC68F4H6E-4
		Free User	Membuat pertanyaan terkait ayat / tafsir (1 hari maksimal 1 kali)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=180-705&mode=design&t=Wwy0xHWuC68F4H6E-4
		Pro User	Membuat pertanyaan terkait ayat / tafsir (unlimited)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=180-705&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Jawaban otomatis menggunakan AI (custom prompt ChatGPT)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=180-736&mode=design&t=Wwy0xHWuC68F4H6E-4 – Memanfaatkan API OpenAI dengan custom prompting (https://platform.openai.com/playground/p/default-chat?model=text-davinci-003) – Inputnya berupa prompting berisikan : (1) Prompting context (2) Pertanyaan User (Kode 13,10/13.11) (3) Ayat/Terjemah (4) Tafsir – Outputnya berupa hasil generate jawaban dari API OpenAI
11	Tadabbur	All User	Menampilkan daftar Tadabbur Terverifikasi	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=180-673&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Menampilkan daftar Tadabbur Saya	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=180-673&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Pencarian daftar Tadabbur	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=284-8&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Menampilkan detail Tadabbur (Nama Surat, Nomor Ayat, status verifikasi, username ulama, username creator, tadabbur)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=180-897&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Membuat Tadabbur dari ayat tertentu atau bisa menambahkan ayat yang lain (multi ayat), bisa pilih jenis posting (public akan melalu proses verifikasi ulama atau private untuk tadabbur pribadi)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=249-2206&mode=design&t=Wwy0xHWuC68F4H6E-4
		Ulama	Proses verifikasi/tolak dan tampilkan ke timeline (Ulama)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=412%3A574&mode=design&t=Zu3zFyqtqmAcNCvA-1
12	Search	All User	Pencarian Tafsir melalui form input, outputnya berupa daftar tafsir yang sesuai dan akan menampilkan topik terkait jika keyword nya sesuai topik	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=21-216&mode=design&t=uw7Fg1nXxZxDz7Bw-4
		All User	Klik tombol “topik terkait” menuju ke halaman daftar topik	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=254-5&mode=design&t=uw7Fg1nXxZxDz7Bw-4
		All User	Klik card / item dari hasil pencarian menujuk ke halaman Tafsir (tab Tafsir)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=13-42&mode=design&t=uw7Fg1nXxZxDz7Bw-4
13	Topik	All User	Menampilkan daftar topik dengan background gambar di tiap card/item nya	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=21-295&mode=design&t=uw7Fg1nXxZxDz7Bw-4
		All User	Card/item jika di klik akan menuju ke daftar topik terkait (subtopik) jika memang ada cabang nya, jika tidak maka akan langsung ke halaman tafsir (tab Tafsir)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=21-361&mode=design&t=uw7Fg1nXxZxDz7Bw-4
14	Bookmark	All User	Menampilkan daftar bookmark (nama surat & nomor ayat)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=22-670&mode=design&t=uw7Fg1nXxZxDz7Bw-4
		All User	Item bookmark jika di klik akan menuju ke halaman Tafsir (tab Tafsir)	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=13-42&mode=design&t=uw7Fg1nXxZxDz7Bw-4
		All User	icon “unbookmark” jika di klik akan menghapus item dari daftar bookmark	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=17-85&mode=design&t=uw7Fg1nXxZxDz7Bw-4
15	Settings	All User	Menampilkan Foto, Username, dan Nama user	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=254-6&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Edit Foto & Nama user	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=216-1300&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Terjemahan per kata | klik muncul popup dengan sampel ayat dan terjemahan per kata dengan tombol “switch” (on/off) untuk mengaktifkan terjemahan per kata	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=300-84&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Tema | klik muncul popup berupa pilihan “Light” dan “Dark” dengan radio-button	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=223-1479&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Bahasa | klik muncul popup berupa pilihan “Bahasa Indonesia” dan “English” dengan radio-button	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=223-1565&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Ukuran Huruf | klik muncul popup dengan sampel Terjemahan & Tafsir dengan komponen slider untuk mengubah ukuran font Latin	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=225-1677&mode=design&t=Wwy0xHWuC68F4H6E-4
		All User	Ukuran Ayat | klik muncul popup dengan sampel Ayat dengan komponen slider untuk mengubah ukuran font Arab	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=225-1757&mode=design&t=Wwy0xHWuC68F4H6E-4
		Admin	Melihat daftar laporan dari user & bisa menyembunyikan / membatalkan QnA yang dilaporkan	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=410%3A315&mode=design&t=Zu3zFyqtqmAcNCvA-1
		Admin	Role | mengubah role “User” menjadi “Ulama”	https://www.figma.com/file/GlOlaW5a9KUSOFX3I8IOHH/LQ-Tafsir-(Mobile-App)?type=design&node-id=245-2068&mode=design&t=Wwy0xHWuC68F4H6E-4

Last modified on 15 September 2023 at 11:05 WIB (GMT + 7)