Rivaldi 48

Tutorial Membuat Aplikasi Pinjam Buku Perpustakaan 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 Pinjam Buku Perpustakaan dengan Flutter.

Tutorial Membuat Aplikasi Pinjam Buku Perpustakaan dengan Flutter

Aplikasi peminjaman buku perpustakaan menggunakan Flutter, lengkap dengan:

Manajemen Buku (data real-time dari API Gutendex)
Peminjaman & Pengembalian Buku
Notifikasi otomatis (pengingat H-1 sebelum jatuh tempo)
Riwayat Peminjaman
Auto-clean riwayat setelah 7 hari
Refresh + Shimmer Loading
Offline-friendly dengan SQFLite (untuk data peminjaman)

Tujuan aplikasi ini bukan untuk produksi, tetapi untuk konten edukasi Flutter, demo arsitektur sederhana, dan latihan implementasi fitur yang sering dipakai di aplikasi nyata.

Yang menarik, aplikasi ini mengambil data buku langsung dari API tanpa disimpan ke database, jadi tetap ringan. Namun data peminjaman tersimpan lokal agar tracking berjalan mulus.

Kalau kamu sedang belajar Flutter dan ingin mempelajari integrasi API + database + notifikasi lokal, ini bisa jadi referensi yang mudah diikuti.

Cara Menggunakan Aplikasi:

1. Daftar Buku

Aplikasi akan menampilkan daftar buku dari API Gutendex (dengan pagination dan shimmer loading).
Ketuk salah satu buku untuk melihat detail dan memulai peminjaman.

2. Peminjaman Buku

Isi nama peminjam.
Pilih tanggal pinjam dan estimasi tanggal kembali.
Sistem otomatis:
Mengecek stok berdasarkan peminjaman aktif.
Menjadwalkan notifikasi reminder H-1.
Tekan Konfirmasi Pinjam → data tersimpan di SQLite.

3. Pengembalian Buku

Masuk ke menu Pengembalian.
Aplikasi menampilkan list semua pinjaman yang masih aktif.
Tekan tombol Kembalikan:
Status berubah menjadi returned.
Tanggal pengembalian otomatis dicatat.
Notifikasi yang masih terjadwal dibatalkan.

4. Riwayat Peminjaman

Menampilkan daftar semua transaksi peminjaman.
Riwayat otomatis terhapus setelah 7 hari (auto-clean).

Kenapa Bikin Ini?

Buat konten edukasi Flutter yang sederhana namun fitur-fiturnya “real app”.
Latihan integrasi API + SQFlite + Local Notifications.
Studi kasus clean-up otomatis dan notifikasi yang bisa dibatalkan.

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 & 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 Pinjam Buku Perpustakaan dengan Flutter ini.

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_

#Flutter #MobileDevelopment #FlutterDev #DartLang #Programming #SoftwareEngineering #DevProject #CodingLife #LearnFlutter #MobileApp #FlutterIndonesia

Azhar Rivaldi 11/26/2025

Tutorial Membuat Aplikasi Color Palette dengan Flutter

Tutorial Flutter

Tutorial Membuat Aplikasi Color Palette dengan Flutter

Color Palette & Real Color – Satu Aplikasi, Dua Kekuatan Warna.

Tools ini dibuat untuk developer, UI/UX designer, dan siapa pun yang sering bekerja dengan warna. Baik dari layar maupun dari dunia nyata.

Fitur Utama:

1. Color Palette

-Katalog lengkap warna Material (100–900 + Accent).

-Setiap shade menampilkan kode HEX secara otomatis.

-Tampilan list full-width untuk perbandingan shade yang lebih jelas.

2. Real Color Scanner

-Deteksi warna real-time langsung dari kamera.

-Konversi otomatis ke kode HEX.

-Simpan warna favorit ke riwayat.

-Copy HEX hanya dengan sekali tap.

Cara Menggunakan:

1. Color Palette

-Pilih kategori warna.

-Jelajahi shade 100–900 & Accent.

-Copy kode HEX yang dibutuhkan.

2. Real Color Scanner

-Buka menu lewat ikon kamera dipojok kanan atas.

-Arahkan ke objek apa pun.

-Lihat preview warna + HEX.

-Simpan ke riwayat bila perlu.

-Tap warna di preview atau di riwayat untuk menyalin kodenya.

Aplikasi ini ideal untuk developer, UI/UX designer, hingga kreator visual yang ingin mengambil referensi warna secara cepat dari mana pun.

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 & 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 Color Palette dengan Flutter ini.

Follow Instagram Admin @azhardvls_

#Flutter #FlutterDevelopment #MobileDeveloper #DartLang #FlutterIndonesia #AppDevelopment #MobileApp #UIUX #UIDesign #DeveloperTools #ColorPalette #ColorTools #ColorPicker #RealColor #MaterialDesign #DesignTools #ColorReference #HexColor #TechProject #CodingLife #IndieDeveloper #SoftwareEngineering #OpenSourceProject #BuildInPublic #TechCommunity

Azhar Rivaldi 11/24/2025

Tutorial Membuat Aplikasi Subscription Tracker dengan Flutter - Biar Tagihan Nggak Lupa Lagi!

Tutorial Flutter

Tutorial Membuat Aplikasi Subscription Tracker dengan Flutter

Pernah kebingungan kapan harus bayar langganan? Entah itu Wi-Fi, listrik, Spotify, Netflix, atau sewa rumah? Aplikasi Subscription Tracker ini aku buat dengan Flutter, untuk membantu mengatur semua tagihan berulang secara otomatis.

Fitur Utama Aplikasi:

1. Kelola Langganan dengan Mudah

Tambahkan berbagai langganan beserta harga, kategori, dan catatan sesuai kebutuhanmu.

2. Pengingat Otomatis (Reminder)

Dapat notifikasi sebelum jatuh tempo yang bisa disesuaikan, misalnya H-3 atau H-7 sebelum tagihan.

3. Auto Repeat Bulanan

Tagihan akan otomatis diperbarui ke bulan berikutnya tanpa perlu buka aplikasi lagi.

4. Tampilan Jatuh Tempo yang Jelas

Kamu bisa langsung lihat daftar semua langganan lengkap dengan info tanggal jatuh tempo dan jumlah hari tersisa.

Teknologi yang digunakan:

• Flutter (cross-platform Android & iOS)

• SQLite (sqflite) untuk penyimpanan lokal

• Dropdown Search (dropdown_search) agar mudah memilih kategori

• Chart (fl_chart) untuk mengetahui pengeluaran berdasarkan kategori

• WorkManager untuk penjadwalan otomatis di background

• Local Notification (flutter_local_notifications) untuk pengingat real-time

Cara Pakainya:

1. Buka aplikasi dan tambahkan langganan baru (nama, harga, tanggal jatuh tempo, reminder, dll).

2. Aktifkan fitur auto repeat kalau tagihannya rutin setiap bulan.

3. Aplikasi akan otomatis menjadwalkan notifikasi sebelum jatuh tempo.

4. Duduk santai, aplikasi yang ingatkan kamu 😝

Perizinan Notifikasi

Daftar Tagihan

Sorting Data

Cari Data

Isi Data

Data yang diisi

Chart Kategori

Daftar Biaya Per Kategori

Daftar Bulanan

Swipe Hapus & Edit

Notifikasi Tagihan

Aku bikin aplikasi ini karena terkadang lupa bayar tagihan bulanan (dan kadang baru sadar kalau sudah pertengahan bulan 😂). Sekarang semua lebih rapi dan otomatis!

Kalau kamu juga sering kelupaan, kira-kira fitur apa lagi yang seru kalau ditambahkan? Coba kamu berikan saran di kolom komentar ya!

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 & 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 Subscription Tracker dengan Flutter ini.

Follow Instagram Admin @azhardvls_

#Flutter #MobileDevelopment #OpenSource #SubscriptionTracker #ProductivityApp

Azhar Rivaldi 11/13/2025

Tutorial Membuat Aplikasi Kuis Online dengan Flutter Gemini AI

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

Tutorial Membuat Aplikasi Kuis Online dengan Flutter Gemini AI

Aplikasi Kuis Online ini saya buat sederhana ya. Di menu utama menampilkan kategori kuis. Jika di tekan, maka akan muncul level soal yang bisa kamu pilih.

Kalau sudah memilih level, kamu bisa tekan tombol mulai kuis. Setelah selesai mengerjakan soal, maka akan muncul skor yang kalian dapatkan beserta pembahasannya.

Aplikasi Kuis Online ini menggunakan API dari Google Gemini AI. Jadi sebelum mencoba tutorial ini, kamu harus membuat API KEY terlebih dahulu DISINI.

Silakan Login dengan akun Google kamu ya. Untuk dokumentasinya bisa kamu lihat DISINI.

Tutorial Membuat Aplikasi dengan Gemini AI Android Studio

Gambar 1 Gemini API KEY

Gambar 2 Gemini API KEY

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 & 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 Kuis Online dengan Flutter Gemini AI ini.

Follow Instagram Admin @azhardvls_

Azhar Rivaldi 10/29/2025

Tutorial Membuat Aplikasi E-Commerce dengan Flutter

Tutorial Flutter

Tutorial Membuat Aplikasi E-Commerce dengan Flutter

Untuk tampilan aplikasinya, di Menu Utama terdapat kategori produk dan daftar produk. Ada Floating Tab untuk mencari produk dan Tab untuk melihat riwayat pembelian.

Ketika memilih salah satu produk, akan menampilkan detail dari produk tersebut. Seperti nama brand, nama produk, rating produk tersebut, dan harga promo.

Kamu tekan "Add to Cart" untuk memasukkan produk ke keranjang. Di Page Cart, kamu bisa hapus produk yang tidak ingin dibeli dengan cara geser ke kiri. Jika mau membayar, tekan "Checkout".

Di Page Checkout, kamu masukkan terlebih dahulu alamat pengiriman dan catatan. Jika pembayaran sukses, maka produk yang dipesan akan muncul di Page History.

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 & 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 E-Commerce dengan Flutter ini.

Follow Instagram Admin @azhardvls_

Azhar Rivaldi 10/25/2025

Tutorial Membuat Aplikasi Resep Makanan dengan Flutter

Tutorial Flutter

Tutorial Membuat Aplikasi Resep Makanan dengan Flutter

Aplikasi Resep Makanan ini menampilkan makanan berdasarkan kategori. Jadi, di Menu Utama terdapat beberapa kategori makanan yang bisa kamu pilih.

Setelah kamu pilih kategori, maka akan muncul daftar makanannya. Dari situ kamu bisa pilih untuk melihat detail resep makanan tersebut.

Detailnya berisi bahan-bahan yang digunakan, jumlah takaran bahan-bahan, langkah-langkah untuk memasak, dan juga video demo memasaknya.

Kamu bisa cari resep makanan dari kolom pencarian. Selain itu, resep makanan juga bisa kamu simpan kedalam Menu Favorit. Jadi, jika sewaktu-waktu ingin mempraktikkan tinggal buka saja dari Menu Favorit.

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 & 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 Resep Makanan dengan Flutter ini.

Follow Instagram Admin @azhardvls_

Azhar Rivaldi 10/20/2025

Tutorial Membuat Aplikasi Movie dengan Flutter

Tutorial Flutter

Tutorial Membuat Aplikasi Movie dengan Flutter

Jadi, sebelum mejalankan aplikasi dari tutorial ini, kamu wajib membuat API KEY terlebih dahulu ya. Tanpa API KEY MovieDB, aplikasi tidak akan berjalan.

Mungkin API The MovieDB sudah tidak asing lagi bagi sebagian developer ya, karena jika kalian mengikuti Submission dari Dicoding maka kalian akan disuruh membuat aplikasi MovieDB ini.

Nah, tetapi untuk kali ini saya buat dengan versi saya sendiri untuk keperluan konten. Disini saya buat dengan Flutter dan database SQflite untuk penyimpanan lokalnya.

Dengan aplikasi MovieDB ini, kamu bisa mendapatkan banyak fitur. Ada daftar Movie, daftar Film TV dan saya sertakan Trailernya yang bisa kamu tonton. Kamu juga bisa mencari film dengan keyword dan favorit film kesukaan kamu.

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 & 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 Movie dengan Flutter ini.

Follow Instagram Admin @azhardvls_

Azhar Rivaldi 10/13/2025

Tutorial Membuat Aplikasi Hitung Kalori dengan Flutter Gemini AI

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 Hitung Kalori dengan Flutter Gemini AI.

Aplikasi Hitung Kalori dengan Flutter Gemini AI

Aplikasi Hitung Kalori ini memungkinkan untuk kamu membuat target kalori yang dibutuhkan setiap harinya.

Kamu cukup masukkan beberapa data seperti berat badan, tinggi badan, umur kamu, tujuan kamu, dan jenis kelamin.

Nanti setelah mengisi form tersebut, barulah muncul jumlah kalori yang kamu butuhkan. Cara kerjanya, kamu cukup ambil gambar makanan kamu lalu upload.

Setelah itu, Gemini AI akan menentukan jumlah kalori dari makanan tersebut. Jika kamu merasa ada kesalahan dari Gemini AI dalam menganalisa, kamu bisa edit datanya.

Kamu juga bisa melihat progress mingguan dari target kalori yang kamu sudah lakukan. Untuk daftar makanannya juga dapat dihapus ya.

Aplikasi Hitung Kalori ini menggunakan API dari Google Gemini AI. Jadi sebelum mencoba tutorial ini, kamu harus membuat API KEY terlebih dahulu DISINI.

Silakan Login dengan akun Google kamu ya. Untuk dokumentasinya bisa kamu lihat DISINI.

Gambar 1 Gemini API KEY

Gambar 2 Gemini API KEY

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 & 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 Hitung Kalori dengan Flutter Gemini AI ini.

Follow Instagram Admin @azhardvls_