Tutorial Membuat Aplikasi Bacaan Sholat dengan Flutter

Azhar Rivaldi    5/24/2024    Tutorial Flutter    Comment   

Baca Juga

Tutorial Membuat Aplikasi Bacaan Sholat 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 Bacaan Sholat dengan Flutter.

Tutorial kali ini saya membuat sebuah aplikasi yang menampilkan niat-niat sholat lima waktu, bacaan sholat dan juga saya kasih bonus yaitu surah Ayat Kursi. Jika ada kesalahan dalam data mohon koreksinya ya. Sebelumnya saya sudah buat tutorial yang sama , tetapi versi Kotlin. Bisa kalian lihat DISINI.

Jika kalian ingin SOURCE CODE sample aplikasi ini, silahkan download di GITHUB saya DISINI. Tetapi jika kalian ingin tahu cara mengaplikasikannya, silahkan lanjut baca artikel ini sampai selesai. Tapi rekomendasi dari saya ditonton ya Video Tutorialnya agar kalian lebih paham.

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 PART 1:

#TUTORIAL PART 1

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

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 Visual Studio Code. Untuk yang pakai Android Studio, silahkan disesuaikan saja ya.

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 main_page.dart sebagai Menu Utama.
Source : main_page.dart

#TUTORIAL PART 2

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

1. File Assets yang ditambahkan.

Source : assets file

2. Buat Class Model model_niat.dart.
Source : model_niat.dart

3. Buat Class niat_sholat_page.dart sebagai Menu Niat Sholat.
Source : niat_sholat_page.dart

#TUTORIAL PART 3

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

1. File Assets yang ditambahkan.

Source : assets file

2. Buat Class Model model_bacaan.dart.
Source : model_bacaan.dart

3. Buat Class bacaan_sholat_page.dart sebagai Menu Bacaan Sholat.
Source : bacaan_sholat_page.dart

#TUTORIAL PART 4

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

1. File Assets yang ditambahkan.

Source : assets file

2. Buat Class ayat_kursi_page.dart sebagai Menu Ayat Kursi.
Source : ayat_kursi_page.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 Bacaan Sholat 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_

#BacaanSholat #NiatSholatLimaWaktu #FlutterNullSafety