Skip to main content

Blogin.

Aplikasi latihan Flutter yang awalnya sederhana, lalu berkembang menjadi platform blogging mobile dengan fokus pada pengalaman menulis yang cepat, ringan, dan sepenuhnya dapat diakses secara offline.

Proyek ini saya buat untuk memahami arsitektur offline-first, pengelolaan data lokal dengan Hive, serta merancang antarmuka penulisan yang ringkas namun nyaman digunakan.

Download Online VersionDownload Offline Version
  • Flutter Development
  • UI Implementation
  • Local Storage Engineering
The Slice web application showing a selected user annotation.

Bringing it together

Pada tahap awal pengembangan, saya berfokus pada membangun fondasi aplikasi melalui perancangan struktur data, tampilan daftar postingan, serta editor penulisan dasar. Seluruh proses dirancang agar alurnya terasa ringan dan mudah digunakan. Pengguna dapat menulis artikel, menambahkan gambar melalui Image Picker, serta menyimpan konten secara lokal menggunakan Hive tanpa memerlukan koneksi internet.

Dengan pendekatan offline-first ini, aplikasi tetap konsisten dan dapat diakses kapan pun pengguna membutuhkannya.

The layers sidebar design, now with user profiles.
Multiple user annotations on a shared layer.

Improving the experience

Setelah fitur utama berfungsi dengan baik, saya mulai memperbaiki pengalaman pengguna dengan menata ulang antarmuka agar lebih terstruktur dan mudah dipahami. Editor penulisan dibuat sesederhana mungkin sehingga proses menulis tetap terasa alami tanpa hambatan yang tidak perlu. Pada tahap pengembangan sebelumnya, saya sempat menguji mode online yang terhubung ke API kolaboratif, namun karena lingkungan server tersebut sudah tidak aktif, mode tersebut saya jadikan catatan pengembangan. Fokus rilis yang digunakan saat ini tetap berada pada mode offline yang stabil dan dapat diandalkan.

The new My Slides tab in slice, showing annotated and favorited slides.
An annotation preview popover with statistics for shape perimeter and area.

Meaningful details

Setiap postingan dilengkapi dengan informasi waktu dan kategori untuk membantu pengguna menjaga struktur konten tetap teratur. Proses penambahan gambar melalui Image Picker dibuat sederhana dan intuitif, sehingga pengalaman menulis blog terasa lebih natural dan tidak mengganggu alur pengguna.

Project outcomes

Blogin berkembang dari sebuah proyek latihan Flutter menjadi aplikasi blogging offline-first yang ringan, cepat, dan dapat diandalkan tanpa koneksi internet. Melalui proses ini, saya memperoleh pemahaman yang lebih mendalam mengenai pengelolaan data lokal, perancangan antarmuka mobile yang sederhana, serta pengembangan fitur inti yang berfokus pada kenyamanan pengguna. Meskipun mode online yang sebelumnya terhubung ke API tidak lagi aktif, tahap tersebut memberikan pengalaman berharga dalam mempelajari integrasi layanan eksternal dan arsitektur aplikasi yang terhubung. Setelah itu, saya memusatkan pengembangan pada penyempurnaan mode offline hingga mencapai rilis yang stabil dan siap digunakan.

Students at the University of New South Wales using the new collaborative annotation features