Tutorial Membuat Aplikasi Water Reminder dengan Flutter (Pengingat Minum)

Tutorial Membuat Aplikasi Water Reminder dengan Flutter (Pengingat Minum)

Tutorial 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 Water Reminder dengan Flutter (Pengingat Minum).

Aplikasi ini saya buat karena ada yang request di Channel YouTube saya. Tujuannya, agar kalian rajin minum air putih.

Dengan aplikasi ini, kalian bisa menentukan target berapa ml air yang diminum. Selain itu, akan ada notifikasi pengingat yang bisa diatur kapan munculnya.

Kalian juga bisa melihat riwayat dalam bentuk hari, minggu, dan bulan. Saya harap, aplikasi ini berguna untuk kalian ya! Silakan kalian kembangkan lagi.

Buat kalian yang ingin langsung mencobanya, silahkan unduh 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 :

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

https://sociabuzz.com/azharrvldi_/donate & https://saweria.co/azharrvldi (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 Water Reminder dengan Flutter (Pengingat Minum) 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_

Azhar Rivaldi 9/08/2025

Tutorial Membuat Aplikasi Chatbot Gemini AI dengan Flutter

Tutorial Membuat Aplikasi Chatbot Gemini AI dengan Flutter

Tutorial 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 Chatbot Gemini AI dengan Flutter.

Fitur aplikasi Chatbot ini, kalian bisa input pesan perintah berupa teks, gambar dan audio. Desain Menu Chat saya buatkan seperti aplikasi chating. Silakan kalian kembangkan lagi ya!

Aplikasi Chatbot ini menggunakan API dari Google Gemini AI. Jadi sebelum mencoba tutorial ini, kalian harus membuat API KEY terlebih dahulu DISINI. Silakan Login dengan akun Google kalian masing-masing ya. Untuk dokumentasinya bisa kalian lihat DISINI.

Gambar 1 Gemini API KEY

Gambar 2 Gemini API KEY

Buat kalian yang ingin langsung mencobanya, silahkan unduh SOURCE CODE DISINI. Tetapi 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.

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

https://sociabuzz.com/azharrvldi_/donate & https://saweria.co/azharrvldi (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 Chatbot Gemini AI 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_

Azhar Rivaldi 9/02/2025

Tutorial Membuat Aplikasi Jadwal Sholat dengan Flutter

Tutorial Membuat Aplikasi Jadwal Sholat dengan Flutter

Tutorial 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 Jadwal Sholat dengan Flutter.

Aplikasi ini menampilkan jadwal sholat berdasarkan lokasi kalian secara realtime. Ini menggunakan API Public, jadi mungkin bisa terjadi selisih waktu beberapa menit.

Selain itu, ada juga menu jadwal sholat berdasarkan kota yang dipilih. Lalu, jadwal sholat yang sesuai dengan tanggal hari ini, warnanya berubah menjadi hijau.

Buat kalian yang ingin langsung mencobanya, silahkan unduh 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 :

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

https://sociabuzz.com/azharrvldi_/donate & https://saweria.co/azharrvldi (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 Jadwal 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_

Azhar Rivaldi 8/28/2025

Tutorial Membuat Aplikasi Al Qur'an dengan Flutter

Tutorial Membuat Aplikasi Al Qur'an dengan Flutter

Tutorial Flutter

Halo sobat 48! Bagaimana kabarnya? Semoga selalu dalam keadaan sehat ya. Kali ini saya akan membagikan sebuah artikel yang membahas tentang Tutorial Membuat Aplikasi Al Qur'an dengan Flutter.

Sebenarnya saya sudah pernah membagikan tutorial ini, hanya saja saya membuatnya dengan Kotlin dan fiturnya lebih lengkap dari yang ini. Bisa kalian lihat DISINI. Tapi untuk yang ini saya buat dengan versi Flutter agar selain Android, bisa digunakan untuk iOS juga.

Fitur aplikasi Al-Qur'an ini memiliki bookmark bacaan yang terakhir dibaca. Jadi, bookmark tersebut akan muncul di menu utama. Kalian cukup tekan "Lanjut Baca" untuk membuka ayat terakhir yang kalian baca.

Buat kalian yang ingin langsung mencobanya, silahkan unduh 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.

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

https://sociabuzz.com/azharrvldi_/donate & https://saweria.co/azharrvldi (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 Al Qur'an 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_

#AplikasiAlQuran #AlQuranAndroid #AlQuranMobile #AplikasiQuran #AplikasiAlQuranFlutter

Azhar Rivaldi 8/20/2025

Tutorial Membuat Aplikasi Barcode Generator dengan Flutter

Tutorial Membuat Aplikasi Barcode Generator dengan Flutter

Tutorial 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 Barcode Generator dengan Flutter.

Sebelumnya saya sudah pernah membuat tutorial yang hampir serupa, tapi sangat sederhana. Tutorialnya bisa kalian lihat DISINI.

Nah, untuk versi yang sekarang saya buat lebih kompleks. Jadi, ada banyak tipe barcode yang bisa kalian buat dari teks yang di input. Selain itu, jika inputan tidak sesuai, maka akan muncul pesan error.

Buat kalian yang ingin langsung mencobanya, silahkan unduh 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.

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

https://sociabuzz.com/azharrvldi_/donate & https://saweria.co/azharrvldi (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 Barcode Generator 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_

#qrcode #barcode #barcodegenerator #qrcodegenerator #qrgenerator #tutorialandroid #android #tutorial #flutter #fluttertutorial

Azhar Rivaldi 8/14/2025

Tutorial Membuat Aplikasi Kalender Hijriah dengan Flutter

Tutorial Membuat Aplikasi Kalender Hijriah dengan Flutter

Tutorial 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 Kalender Hijriah dengan Flutter.

Aplikasi Kalender Hijriah ini saya buat sederhana ya. Jadi hanya menampilkan tanggal, bulan dan tahun seperti kalender biasanya. Tapi disini saya sudah sematkan untuk Bahasa Indonesia-nya.

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 Meerkat.

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

3. Ubah isi main.dart.
Source : main.dart

4. Buat Class page_main.dart untuk menu utama.

Source : page_main.dart

5. Buat Class Tools. Buat tools.dart.
Source : tools.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 & https://saweria.co/azharrvldi (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 Kalender Hijriah 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_

Azhar Rivaldi 8/09/2025

Tutorial Membuat Aplikasi Kuis dengan Flutter

Tutorial Membuat Aplikasi Kuis dengan Flutter

Tutorial 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 Kuis dengan Flutter.

Aplikasi Kuis ini saya buat sederhana ya. Di menu utama menampilkan kategori kuis. Jika di tekan, makan akan muncul soal. Setelah selesai mengerjakan soal, maka akan muncul skor yang kalian dapatkan.

Buat kalian yang ingin langsung mencobanya, silahkan unduh 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.

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

https://sociabuzz.com/azharrvldi_/donate & https://saweria.co/azharrvldi (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 Kuis dengan Flutter 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_

#kuis #aplikasikuis #aplikasikuisflutter #aplikasikuisandroid #quizapp #fluttertutorial

Azhar Rivaldi 7/31/2025

Tutorial Membuat Aplikasi Penjualan Hewan Kurban dengan Flutter

Tutorial Membuat Aplikasi Penjualan Hewan Kurban dengan Flutter

Tutorial 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 Penjualan Hewan Kurban dengan Flutter.

Aplikasi ini saya buat sederhana ya. Untuk database-nya saya buat Offline. Silakan dikembangkan lagi ya. Jika butuh dibuatkan Online untuk keperluan lain, silakan DM ke Instagram saya.

Aplikasi ini menampilkan 2 jenis hewan kurban, sapi dan kambing. Masing-masing hewan memiliki kelas dan harganya sendiri. Klik daftar hewan untuk checkout. Nanti akan muncul dialog konfirmasi. Setelah itu, data pesanan akan muncul di Menu Riwayat.

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 Meerkat.

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

3. Ubah isi main.dart.
Source : main.dart

4. Buat Class page_main.dart, page_home.dart, page_order.dart, page_history.dart untuk menunya.

Source : page_main.dart, page_home.dart, page_order.dart dan page_history.dart

5. Buat Class Model. Buat model_database.dart.

Source : model_database.dart

6. Buat Class Tools. Buat tools.dart.
Source : tools.dart

7. Buat Class Database. Buat db_helper.dart.
Source : db_helper.dart

8. Buat Data Assets. Buat assets.
Source : assets

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 & https://saweria.co/azharrvldi (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 Penjualan Hewan Kurban 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_

#qurban #qurbanapps #aplikasihewankurban #hewankurbanonline #aplikasipenjualan #aplikasiPOS #flutter #fluttertorial #tutorialflutter

Azhar Rivaldi 7/26/2025