Tutorial Membuat Aplikasi Juz Amma dengan Flutter

Azhar Rivaldi    4/02/2024    Tutorial Flutter    Comment   

Baca Juga

Tutorial Membuat Aplikasi Juz Amma dengan Flutter

Halo sobat 48 😁. Bagaimana kabarnya? Semoga selalu dalam keadaan sehat ya. Pada kesempatan kali ini saya akan membagikan sebuah artikel yang membahas tentang Tutorial Membuat Aplikasi Juz Amma dengan Flutter.

Juz 30 dalam Al-Quran dikenal dengan Juz Amma karena diawali dengan Surat An-Naba' yang diawali dengan ayat yang berbunyi عَمَّ يَتَسَاۤءَلُوْنَۚ ('Amma yatasaaa aluun).

Juz 30 merupakan juz terakhir atau pamungkas dari keseluruhan isi Al-Quran yang dimulai dari Surat Al-Fatihah dan diteruskan dengan Surat Al-Baqarah sampai ke An-Nas.

Sebagian besar surat dalam juz 30 ini terdiri dari surat-surat pendek yang merupakan ciri khas dari Surat Makkiyah, surat yang diturunkan di Makkah sebelum Rasulullah hijrah ke Madinah. Meski begitu ada beberapa surat yang juga diturunkan di Madinah seperti Surah Al-Bayyinah, Az-Zalzalah, dan An-Nasr.

Karena banyak terdiri dari surat pendek, makanya di Indonesia biasanya Juz 30 ini dibukukan tersendiri dengan disebut Juz Amma dan diajarkan pada anak-anak sejak dini baik secara hafalan maupun secara bacaan dan tulisan.

Pun bahwa surat-surat dalam juz 30 ini sangat dekat dengan keseharian kita, banyak surat yang secara rutin dibaca pada sholat lima waktu karena pendek dan mudah dihafalkan.

Buat kalian yang ingin langsung mencobanya, silahkan unduh melalui Github saya SOURCE CODE DISINI. Tetapi jika kalian ingin tahu cara mengaplikasikannya, silahkan lanjut baca artikel ini sampai selesai.

Jika kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:

Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya. Oke langsung saja tanpa basa-basi lagi kita langsung ke langkah pertama :

1. Seperti biasa, buat project baru di Android Studio dengan cara klik File ⇒ New Project Flutter. Ingat, jangan langsung Run atau Copy Paste Source Code dari saya. Disini saya menggunakan Android Studio versi Iguana.

2. Import beberapa Library dan Assets ke pubspec.yaml.
Source : pubspec.yaml

3. File Assets yang ditambahkan.
Source : assets file

4. Ubah isi main.dart yang sebagai Class utama.
Source : main.dart

5. Buat Class model_list_surah.dart dan model_detail_surah.dart untuk class modelnya. Data model ini harus sesuai dengan File Json yang ada di Assets ya.

Source : model_list_surah.dart dan model_detail_surah.dart

6. Buat Class page_list_surah.dart untuk menampilkan menu utama.
Source : page_list_surah.dart

7. Buat Class page_detail_surah.dart untuk menampilkan detail asmaul husna.
Source : page_detail_surah.dart

Selesai dan coba kalian Run. Jika kalian mengikuti langkah-langkah diatas dengan baik, pasti aplikasi yang kalian buat akan berjalan sebagaimana mestinya. Namun jika mengalami Error, silahkan berikan komentar dan kita diskusikan bersama.

Support Blog Rivaldi 48 agar terus bisa membagikan artikel-artikel yang bermanfaat dengan cara klik link Sociabuzz dibawah ini :

https://sociabuzz.com/azharrvldi_/donate (bisa pakai GoPay, OVO, DANA, Bank Transfer)

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Aplikasi Juz Amma dengan Flutter ini. Subscribe juga blog Rivaldi 48 ini agar kalian mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih. Follow Instagram Admin @azhardvls_

#juzamma #tutorialandroid #flutter #tutorialflutter