Rivaldi 48

Tutorial Membuat Aplikasi Sewa Handphone 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 Sewa Handphone dengan Flutter.

Membuat Aplikasi Sewa Handphone dengan Flutter

Aplikasi Sewa Handphone ini saya buat offline menggunakan Database SQFlite. Untuk fiturnya sendiri ada pilih Brand, pilih Storage, menentukan hari sewa, dan pilihan untuk pick up ditempat atau dikirim ke alamat rumah.

Buat kamu 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 atau 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 kamu agar ikut membaca Tutorial Membuat Aplikasi Sewa Handphone dengan Flutter.

#Flutter #FlutterDeveloper #Dart #SQLite #MobileAppDevelopment #AppsShowcase #FlutterIndonesia

Azhar Rivaldi 8/18/2026

Tutorial Membuat Captcha Image & Text Verification 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 Captcha Image & Text Verification dengan Flutter.

Membuat Captcha Image & Text Verification dengan Flutter

Lindungi aplikasi kamu dengan sistem CAPTCHA yang modern, fleksibel, dan user-friendly. Dibangun menggunakan Flutter, aplikasi ini menghadirkan pengalaman verifikasi yang tidak hanya aman, tapi juga nyaman digunakan.

Dengan dua metode verifikasi utama Image CAPTCHA dan Text CAPTCHA, pengguna bisa memilih cara yang paling mudah bagi mereka, tanpa mengorbankan keamanan.

Fitur yang diterapkan:

Image CAPTCHA interaktif (drag & match)
Text CAPTCHA dengan visual dinamis
Refresh captcha instan
Mengkombinasikan efek blur dengan media seperti gambar atau video thumbnail

Dengan pendekatan yang praktis dan mudah dipahami, tutorial ini cocok untuk developer Flutter yang ingin meningkatkan kualitas UI/UX aplikasinya.

Aplikasi ini cocok untuk:

Login & Register system
Form submission
Anti-bot protection
Aplikasi mobile & web

Coba sekarang dan buat aplikasi kamu lebih aman dalam hitungan menit! Menurut kamu, lebih enak pakai Image CAPTCHA atau Text CAPTCHA?

Buat kamu yang ingin langsung mencobanya, silahkan 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 atau 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 kamu agar ikut membaca Tutorial Membuat Captcha Image & Text Verification dengan Flutter.

Subscribe juga blog Rivaldi 48 ini agar kamu mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kamu lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih.

Follow Instagram Admin @azhardvls_

Azhar Rivaldi 8/09/2026

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

Tutorial Blurred ListView dengan Flutter

Ingin tampilan aplikasi Flutter kamu terlihat lebih modern dan elegan? Di tutorial ini, kamu akan belajar cara membuat Blurred ListView efek blur pada item list yang memberikan kesan fokus, depth, dan interaksi yang lebih menarik.

Fitur yang diterapkan:

Menggunakan widget BackdropFilter untuk efek blur
Mengatur layering UI agar tetap performa optimal
Mendesain card list yang clean dan aesthetic
Mengkombinasikan efek blur dengan media seperti gambar atau video thumbnail

Dengan pendekatan yang praktis dan mudah dipahami, tutorial ini cocok untuk developer Flutter yang ingin meningkatkan kualitas UI/UX aplikasinya.

Hasil akhirnya? ListView yang bukan cuma berfungsi… tapi juga eye-catching.

Buat kamu yang ingin langsung mencobanya, silahkan 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 atau 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 kamu agar ikut membaca Tutorial Blurred ListView dengan Flutter.

Follow Instagram Admin @azhardvls_

Azhar Rivaldi 8/03/2026

Tutorial Membuat Aplikasi Belajar Huruf Hijaiyah dengan Flutter

Tutorial Flutter

Membuat Aplikasi Belajar Huruf Hijaiyah dengan Flutter

Huruf Hijaiyah membantu pengguna atau santri mengenal dan memahami setiap huruf Arab dengan tampilan yang jelas, berwarna, dan mudah dipahami. Dilengkapi dengan berbagai mode harakat, proses belajar menjadi lebih bertahap dan sistematis.

Beberapa fitur yang diimplementasikan:

Pengenalan huruf hijaiyah lengkap
Tampilan visual berwarna untuk memudahkan identifikasi
Mode belajar: tanpa harakat, fathah, kasrah, dhammah, hingga tanwin
Cocok untuk pemula maupun anak-anak

Belajar huruf jadi lebih menyenangkan, tidak membosankan, dan mudah diingat.

Buat kamu 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 atau 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 kamu agar ikut membaca Tutorial Membuat Aplikasi Belajar Huruf Hijaiyah dengan Flutter.

Follow Instagram Admin @azhardvls_

Azhar Rivaldi 7/27/2026

Tutorial Membuat Aplikasi Belajar Tajwid dengan Flutter

Tutorial Flutter

Membuat Aplikasi Belajar Tajwid dengan Flutter

Fitur Utama:

Materi lengkap dan mudah dipahami
Ada audio pelafalan agar tidak salah baca
Penjelasan lengkap setiap hukum tajwid
Ada contoh huruf dan contoh ayat

Buat kamu yang ingin langsung mencobanya, silahkan unduh SOURCE CODE DISINI. Tetapi jika kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:

Part 1:

Part 2:

Part 3:

Part 4:

Part 5:

Part 6:

Part 7:

Part 8:

Part 9:

Part 10:

Part 11:

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 atau 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 kamu agar ikut membaca Tutorial Membuat Aplikasi Belajar Tajwid dengan Flutter.

Follow Instagram Admin @azhardvls_

Azhar Rivaldi 7/22/2026

Tutorial Membuat Aplikasi Belajar Iqro dengan Flutter

Tutorial Flutter

Tutorial Membuat Aplikasi Belajar Iqro dengan Flutter

Aplikasi ini dirancang untuk membantu siapa saja belajar membaca Al-Qur’an dari dasar menggunakan metode Iqro 1–6. Dengan tampilan yang sederhana dan fokus pada pengalaman belajar, pengguna dapat mempelajari huruf hijaiyah hingga memahami tajwid secara bertahap.

Beberapa fitur yang diimplementasikan:

Materi lengkap Iqro 1 sampai 6
Lanjutkan bacaan terakhir secara otomatis
Tampilan huruf Arab yang jelas + panduan latin
Navigasi halaman yang mudah dan nyaman

Belajar jadi lebih terarah, tanpa ribet. Tinggal buka, lanjut, dan baca.

Dengan aplikasi ini, kamu bisa mulai dari nol sampai lancar baca Al-Qur’an lewat Iqro 1–6.Ada fitur lanjutan bacaan terakhir juga, jadi nggak perlu lagi mikir, “aku tadi sampai mana ya?” (klasik banget ini 😆)

Buat kamu 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 atau 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 kamu agar ikut membaca Tutorial Membuat Aplikasi Belajar Iqro dengan Flutter.

Follow Instagram Admin @azhardvls_

Azhar Rivaldi 7/21/2026

Tutorial Membuat Aplikasi Informasi Gunung dengan Flutter

Tutorial Flutter

Tutorial Membuat Aplikasi Informasi Gunung dengan Flutter

Aplikasi ini akan menampilkan lokasi gunung, daftar gunung berdasarkan lokasi yang dipilih, detail gunung dan peralatan apa saja yang harus dibawa saat kita akan melakukan pendakian. Data aplikasi ini saya buat sendiri. Saya kumpulkan data dari Google, mulai dari gambar gunung sampai info gunung tersebut.

Untuk Source Code bisa kalian unduh DISINI. 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.

Berikut ini tampilan menu aplikasinya:

Menu Utama

Daftar Gunung

Detail Gunung

Daftar Perlengkapan

Detail Perlengkapan

Support Blog Rivaldi 48 agar terus bisa membagikan artikel-artikel yang bermanfaat dengan cara klik link Sociabuzz dibawah ini :
https://sociabuzz.com/azharrvldi_/donate atau https://saweria.co/azharrvldi (bisa pakai GoPay, OVO, DANA, Bank Transfer)

Demikian tutorial yang saya bagikan. Jangan lupa bagikan artikel ini ke teman-teman kamu agar ikut membaca Tutorial Membuat Aplikasi Informasi Gunung dengan Flutter.

Follow Instagram Admin @azhardvls_

Azhar Rivaldi 6/01/2026

Tutorial Membuat Aplikasi Adopsi Hewan dengan Flutter

Tutorial Flutter

Tutorial Membuat Aplikasi Adopsi Hewan dengan Flutter

Di artikel ini, saya membuat sebuah aplikasi Flutter sederhana bertema Adopsi Hewan, yang memanfaatkan API publik dan database lokal. Walaupun terlihat sederhana, aplikasi ini sudah mencakup konsep penting seperti API integration, state management dasar, hingga local persistence menggunakan SQLite.

Untuk API-nya saya menggunakan dua ya. Yang pertama dari https://thecatapi.com/ dan yang kedua dari https://www.thedogapi.com/en. Jadi, untuk semua data tutorial ini berasal dari API tersebut. Sebelum menggunakan API-nya, kamu wajib membuat API KEY terlebih dahulu ya. Dan tentunya gratis.

Fitur Utama:

Beberapa fitur yang berhasil diimplementasikan:

Mengambil data hewan dari API
Menampilkan list dengan gambar & informasi breed
Infinite scroll (pagination)
Shimmer loading untuk UX lebih halus
Menyimpan data adopsi ke SQLite
Toggle Adopt / Un-adopt
Dialog konfirmasi sebelum menghapus data
Flutter Maps
Fitur telepon

Data yang didapat meliputi:

URL gambar
Breed Name
Temperament
Origin
Life span
History
Description

Pendekatan ini memudahkan:

parsing JSON
pengiriman data ke halaman detail
scaling ke fitur yang lebih kompleks

Walaupun ini bukan aplikasi adopsi “real”, project ini cukup untuk menunjukkan bagaimana membangun aplikasi Flutter yang:

terhubung ke API
memiliki interaksi user
menyimpan data secara lokal
dan memberikan pengalaman pengguna yang baik

Berikut ini tampilan menu aplikasinya:

Menu Utama

Menu Detail

Menu Maps

Menu Telepon

Menu Adopsi

Menu Riwayat

Menu Intro

Buat kamu 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 atau 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 kamu agar ikut membaca Tutorial Membuat Aplikasi Adopsi Hewan dengan Flutter.

Follow Instagram Admin @azhardvls_