Download on
9 integrated modules in single desktop application: Authentication, Dashboard, Learning Materials, Online Classes, Premium Videos, Journals, Program Selection, Settings, and Splash & Routing
Windows-native design with Fluent UI for optimal and familiar desktop experience - custom window controls, modern acrylic effects
Real-time class status polling with exponential backoff (1-10 min intervals) for server efficiency and accurate updates
Multi-role support with conditional UI for students and instructors (super user) with program selection
Advanced video player with Media Kit integration, chapter navigation, quality selection, and progress tracking
Smart search for journals with popular keywords, embedded PDF viewer, and infinite scroll pagination
Clean Architecture implementation with 3-layer separation (Presentation, Domain, Data) for maintainability
Secure authentication with encrypted storage, device ID verification, and 3-step password recovery flow
Self-service features: password recovery, profile management, and subscription tracking for reduced support load
Over-the-air updates via Shorebird for instant bug fixes without full app reinstallation
Economics & business students at PT Yapindo Jaya Abadi faced significant challenges. Learning content was scattered across 4+ different platforms: separate LMS, video sites, journal databases, and Zoom links.
Students struggled with tracking online class schedules, resulting in missed sessions. Limited access to research journals required manual library visits, and desktop user experience was poor with mobile-first platforms.
Instructors also faced difficulties managing content for multiple study programs simultaneously, leading to inefficiencies in content delivery and student support.
This fragmentation caused poor learning continuity, wasted time switching between platforms, reduced class attendance, and frustration with suboptimal desktop interfaces.
Developed a comprehensive native Windows desktop application with 9 integrated modules using Flutter 3.29.3 and Fluent UI for Windows-native experience. The platform unifies all learning resources (materials, classes, videos, journals) into a single desktop application optimized specifically for Windows users.
Implemented Clean Architecture with BLoC/Cubit state management for predictable state flow. Built real-time polling with exponential backoff (1-10 min intervals) for live class status tracking, ensuring accurate and efficient updates without overwhelming the server.
Added multi-role support with conditional UI rendering for students and instructors. Integrated advanced Media Kit video player with chapter navigation, smart journal search with embedded PDF viewer, and secure authentication with encrypted Flutter Secure Storage.
Leveraged Shorebird OTA updates for instant bug fixes without full app reinstallation, enabling rapid deployment and improved user experience.
Technical obstacles encountered during development and the architectural decisions made to overcome them.
Live class status polling with exponential backoff for server efficiency without overload
Implemented exponential backoff polling strategy: start with 1 minute interval, on failure increase to 2min → 4min → 8min → 10min (max), on success reset to 1 minute. Built auto-recovery mechanism and in-memory caching to reduce API calls. Polling only runs when app is active to reduce battery drain and server load.
Multi-role support with different workflows for students vs instructors without code duplication
Designed role-based routing system with conditional UI rendering based on user role. Super user (instructor) is directed to Program Selection screen, regular user goes directly to Home. Implemented global program context with persistent storage to filter all content per program. Created reusable components with role-based props to avoid duplication.
Program data isolation to filter thousands of content based on program selection
Built global program context system with persistent storage using Flutter Secure Storage. Program code is stored globally and used to filter all API calls (materials, classes, videos, journals). Implemented data isolation per program with clear separation, ensuring relevant content is displayed for each study program.
Video player performance with smooth playback and chapter navigation
Integrated Media Kit package for advanced video playback capabilities. Built custom video player with chapter navigation system, quality selection, and progress tracking. Implemented efficient video caching strategy and optimized playback controls for smooth experience across different video formats and network conditions.
Desktop window management with custom window controls in Flutter Windows
Used window_manager package to implement custom window controls with hidden titlebar. Created custom minimize, maximize, and close buttons with Fluent UI styling. Implemented window state management to preserve user preferences and responsive layout for various window sizes (1066x600 to fullscreen).
State synchronization to keep UI in sync with multiple data sources
Implemented BLoC/Cubit pattern with reactive streams for predictable state management. Created separate cubits for each module (HomeCubit, KelasCubit, VideoCubit, JurnalCubit) with clear state flow. Used GetIt for dependency injection, ensuring state updates propagate correctly across components. Built proper error handling and loading states for better UX.
Over-the-air updates with Shorebird for instant bug fixes without app store delays
Integrated Shorebird code push system for Flutter 3.29.3 to enable OTA updates bypassing traditional app distribution. Implemented version tracking and update notification system. Built silent update mechanism for critical bug fixes and user-facing notifications for feature updates. Enabled instant deployment of bug fixes (minutes vs days) while maintaining app stability and user experience.
Secure session persistence with Remember Me functionality and device verification
Built secure session management using Flutter Secure Storage for encrypted token persistence. Implemented Remember Me feature with 30-day session validity, auto-login on app restart with background auth validation. Added device ID verification to ensure tokens are only valid on registered devices. Created smart routing on splash screen: auto-login for valid sessions, redirect to login for expired/invalid sessions, with seamless UX transitions.
IDE Super App - Windows follows Clean Architecture with clear separation between Presentation, Domain, and Data layers. Flutter 3.29.3 handles UI layer with Fluent UI design system, BLoC/Cubit for state management, and GetIt for dependency injection. Business logic is handled by Interactor layer, while Data layer uses Dio for REST API calls and Flutter Secure Storage for encrypted local storage. Shorebird enables over-the-air updates, Media Kit provides video playback, and Easy Localization handles i18n support.
2024 Unified learning platform for economics & business students featuring 10+ integrated modules: learning materials, online classes, premium video courses, research journals, and expert consultations — all in a mobile app with offline-first architecture, HLS streaming, and adaptive navigation for Android/iOS.
2024 Unified learning platform for economics & business students featuring 8 integrated modules: learning materials, online classes, premium video courses, research journals, and expert consultations — all in a native macOS desktop app with native Apple design, multi-resolution video streaming, and real-time class tracking.
Let's discuss your next project and create something amazing.
Get In Touch