Gambaran Umum
Aplikasi pembelajaran seluler lintas platform yang dibangun dengan React Native (Expo) menampilkan inferensi AI di perangkat via WebLLM (@mlc-ai/web-llm), arsitektur utamakan-luring dengan penyimpanan lokal terenkripsi, notifikasi push, teks-ke-suara, animasi Lottie, dan umpan balik haptik. Menyasar pembelajar Indonesia dengan desain terinspirasi nusantara. Pelaporan kerusakan via Sentry, manajemen status dengan Zustand, dan penyimpanan aman dengan expo-secure-store.
Masalah
Pelajar Indonesia — terutama siswa di daerah terpencil dengan koneksi internet terbatas — kekurangan akses ke alat pendidikan berkualitas yang bekerja offline dan menghormati privasi data. Aplikasi e-learning yang ada membutuhkan internet konstan, menyimpan data sensitif di cloud, dan tidak dioptimalkan untuk konteks pendidikan Indonesia. Ada juga kesenjangan dalam aplikasi belajar mobile yang memanfaatkan AI on-device untuk pembelajaran personal tanpa mengirim data pengguna ke server eksternal.
Solusi
NusantaraLearn adalah aplikasi pembelajaran mobile cross-platform yang dibangun dengan React Native (Expo) dengan inferensi AI on-device via WebLLM (@mlc-ai/web-llm), memungkinkan bantuan belajar bertenaga AI sepenuhnya offline tanpa mengirim data ke server mana pun. Aplikasi menggunakan expo-secure-store untuk penyimpanan lokal terenkripsi, Zustand untuk state management ringan, dan crypto-js untuk enkripsi data sisi klien. Push notification menjaga keterlibatan pelajar, expo-speech memungkinkan text-to-speech untuk aksesibilitas, dan animasi Lottie memberikan UI yang kaya dan menarik. Crash reporting via Sentry dan performance monitoring memastikan keandalan.
Fitur Unggulan
AI On-Device (WebLLM)
Asisten belajar AI bertenaga @mlc-ai/web-llm berjalan sepenuhnya di perangkat — tanpa internet, tanpa data dikirim ke server. Siswa di daerah terpencil mendapat bantuan AI yang sama dengan siswa perkotaan.
Arsitektur Offline-First
Semua konten belajar, progres, dan kemampuan AI bekerja tanpa koneksi internet. Data disimpan lokal dengan enkripsi expo-secure-store untuk privasi dan keamanan.
Cross-Platform (iOS/Android/Web)
Codebase React Native tunggal dengan Expo menargetkan iOS, Android, dan browser web secara bersamaan, memaksimalkan jangkauan dengan satu upaya pengembangan.
Fitur Aksesibilitas
Text-to-speech via expo-speech membacakan konten untuk pelajar dengan gangguan penglihatan atau kesulitan membaca. Haptic feedback meningkatkan kejelasan interaksi di perangkat mobile.
Penyimpanan Lokal Terenkripsi
Semua data pengguna disimpan lokal menggunakan expo-secure-store dan enkripsi crypto-js. Data belajar siswa, progres, dan profil tidak pernah meninggalkan perangkat.
Monitoring Produksi
Integrasi Sentry (React Native + Web) menyediakan crash reporting real-time, performance monitoring, dan error tracking untuk memastikan pengalaman belajar yang andal.
Arsitektur
React Native 0.83 dengan Expo SDK 55 menyediakan fondasi cross-platform. Expo Router menangani navigasi berbasis file. Zustand mengelola state global dengan overhead minimal. @mlc-ai/web-llm menangani inferensi LLM on-device. expo-secure-store + crypto-js menyediakan penyimpanan lokal terenkripsi. Sentry menangkap error dan data performa. expo-notifications menangani pengiriman push notification. Lottie React Native merender animasi kompleks secara efisien.
Cara Penggunaan
Install aplikasi di iOS, Android, atau akses via web. Selesaikan alur onboarding untuk menyiapkan profil belajar. Jelajahi modul pembelajaran yang diorganisir berdasarkan subjek dan tingkat kesulitan. Asisten AI on-device menjawab pertanyaan dan memberikan penjelasan tanpa internet — LLM berjalan sepenuhnya di perangkat. Gunakan text-to-speech untuk membacakan konten. Aktifkan push notification untuk pengingat belajar dan streak. Semua progres disimpan terenkripsi secara lokal untuk privasi.
Dampak & Hasil
Menghadirkan pembelajaran personal bertenaga AI kepada siswa Indonesia tanpa memandang konektivitas internet dengan menjalankan inferensi on-device via WebLLM. Penyimpanan lokal terenkripsi memastikan data siswa tidak pernah meninggalkan perangkat, mengatasi masalah privasi. Build cross-platform Expo menargetkan iOS, Android, dan Web dari satu codebase, memaksimalkan jangkauan. Crash reporting Sentry memastikan keandalan produksi. Desain terinspirasi nusantara merefleksikan identitas budaya Indonesia, meningkatkan keterlibatan demografi target.
