Mahasiswa Hadirkan "MangaRead": Aplikasi Baca Komik Modern Berbasis Flutter dengan Fitur Cloud Integrasi
MAGETAN – Sekelompok mahasiswa Universitas Negeri Surabaya pengembang perangkat lunak yang tergabung dalam Kelompok 3 kelas 2024D resmi memperkenalkan proyek terbaru mereka, MangaRead, sebuah aplikasi baca manga lintas platform yang dirancang untuk memberikan pengalaman membaca yang mulus dan responsif bagi para penggemar komik. Kalian bisa coba mengaksesnya di https://rahmatsigma.github.io/mangaread/ atau download versi apk nya di link
https://github.com/rahmatsigma/mangaread/releases/download/v1.0.0/MangaRead.apk
Aplikasi ini dikembangkan menggunakan Flutter, kerangka kerja UI dari Google, dan menonjol karena penerapan standar arsitektur perangkat lunak industri yang ketat serta integrasi teknologi backend terkini.
Teknologi Canggih di Balik Layar
MangaRead bukan sekadar aplikasi penampil gambar. Tim pengembang menerapkan konsep Clean Architecture dan TDD (Test Driven Development) untuk memastikan kode yang bersih, mudah diuji, dan scalable.
Dari sisi teknis, aplikasi ini menggunakan manajemen state BLOC (Cubit) yang memisahkan logika bisnis dari antarmuka pengguna, menjadikan aplikasi ringan dan cepat. Untuk navigasi, MangaRead mengadopsi GoRouter, memungkinkan perpindahan halaman yang dinamis dan dukungan deep linking ke halaman spesifik seperti "About Us" atau detail manga.
Salah satu fitur unggulan adalah integrasi penuh dengan ekosistem Firebase. Aplikasi ini menggunakan Firebase Auth untuk sistem autentikasi pengguna yang aman, serta Cloud Firestore untuk menyimpan data "Favorit" dan "Riwayat Bacaan" secara real-time di cloud. Hal ini memungkinkan pengguna untuk menyinkronkan progres bacaan mereka di berbagai perangkat tanpa takut kehilangan data.
Fitur Lengkap untuk Penggemar Manga
MangaRead menawarkan antarmuka yang adaptif dan responsif berkat penggunaan library sizer, memastikan tampilan tetap proporsional baik di layar ponsel kecil maupun tablet. Pengguna dapat menikmati berbagai fitur utama:
● Pencarian Cerdas: Menggunakan Dio untuk koneksi API yang cepat guna mencari judul manga favorit.
● Manajemen Koleksi: Fitur untuk menandai manga sebagai favorit dan mengakses riwayat bacaan terakhir.
● Detail Mendalam: Menampilkan sinopsis, genre, pengarang, dan daftar chapter lengkap.
Integrasi API Eksternal untuk Data Manga
Selain teknologi Firebase yang digunakan untuk autentikasi dan penyimpanan data cloud, MangaRead juga terhubung dengan REST API sumber data manga menggunakan Dio, salah satu HTTP client tercepat dan paling stabil di ekosistem Flutter.
API ini menyediakan berbagai resource, seperti:
● Daftar manga terbaru
● Detail manga lengkap (judul, sinopsis, genre, author, rating)
● Daftar chapter per manga
● Gambar halaman per chapter
Tampilan Aplikasi
1. Halaman Login
Tampilan login dirancang minimalis untuk mempercepat proses masuk ke aplikasi. Pengguna dapat menggunakan email dan password melalui Firebase Auth yang menjamin keamanan data. Desain yang bersih membantu pengguna langsung fokus pada tujuan utama: membaca manga tanpa hambatan.
2. Dashboard List Manga
Dashboard menyajikan daftar manga populer dan terbaru yang diambil secara real-time melalui API eksternal. Dengan dukungan sizer, seluruh elemen pada layar tetap proporsional di berbagai ukuran perangkat.
Pengguna dapat:
● Menelusuri ratusan judul manga,
● Melihat rekomendasi teratas,
● Mengakses fitur pencarian cepat.
Responsivitas dan tata letak yang rapi menjadikan pengalaman eksplorasi terasa nyaman dan familiar.
3. Detail Manga
Ketika pengguna memilih sebuah judul, mereka diarahkan ke halaman detail yang memuat:
●Sampul manga,
●Sinopsis,
● Genre dan author,
● Daftar chapter lengkap.
Aplikasi juga menyediakan tombol untuk menandai manga sebagai favorit serta melanjutkan bacaan terakhir pengguna.
4. Halaman Baca Manga
Halaman ini merupakan inti dari MangaRead. Gambar chapter diambil melalui API dan dimuat secara dinamis dengan optimasi cache agar proses membaca tetap
lancar, bahkan pada koneksi internet yang tidak stabil. Mode pembaca dibuat fullscreen sehingga pengguna bisa menikmati panel manga tanpa gangguan, menjadikannya seperti membaca melalui aplikasi profesional.
5. Halaman Profil dan Pengaturan
Pada halaman ini, pengguna dapat:
●Melihat informasi akun mereka,
●Mengatur preferensi aplikasi,
●Mengelola sesi login,
●Mengakses fitur-fitur personal seperti logout atau tema.
Integrasi Firebase Auth memastikan semua data tetap aman dan sinkron di berbagai perangkat.
6. Halamn Terakhir dibaca
Fitur ini menjadi salah satu yang paling membantu bagi pembaca aktif. Semua progres membaca tersimpan otomatis di Cloud Firestore, sehingga:
● Pengguna dapat melanjutkan membaca di perangkat lain,
● Tidak perlu mengingat sampai chapter atau halaman mana mereka berhenti. Ini membuat MangaRead terasa personal dan sangat efisien.
7. Halaman Favorite
Pada halaman ini pengguna menemukan manga yang telah mereka tandai sebagai favorit. Daftar favorit tersimpan di cloud, sehingga tetap aman meskipun pengguna berganti perangkat. Fitur ini menjadikan MangaRead bukan sekadar alat membaca, tetapi juga ruang penyimpanan koleksi manga pribadi.
Tim Pengembang
Kesuksesan pengembangan aplikasi ini tidak lepas dari kerja keras anggota Kelompok 3 yang terdiri dari talenta muda berbakat, yaitu:
Peluncuran MangaRead diharapkan dapat menjadi portofolio yang kuat bagi para pengembangnya dan memberikan alternatif aplikasi bacaan yang berkualitas bagi komunitas pecinta manga di Indonesia.