ROCS by ASMAE
A multi-dimensional student evaluation and social competencies tracking platform. Streamlining classroom observation and report generation for educators.
The Challenge & Purpose
In educational development, monitoring student growth is much more complex than assigning standard grades. The **ASMAE NGO** needed a comprehensive system to help teachers observe, document, and evaluate student progress across multi-dimensional criteria—focusing heavily on social, emotional, and academic competency indicators.
As the **Lead Designer and Developer**, I was tasked with creating **ROCS** (Référentiel d'Observation des Compétences Sociales). The app is engineered from the ground up to support school administrators and classroom teachers, providing a fast, visual dashboard that works entirely **offline-first** to support classrooms with limited or zero connectivity, automatically syncing data once internet access is restored.
Key Capabilities
Dynamic Visualization
Interactive, theme-aligned charts that map individual and classroom-wide development metrics over semesters.
Multi-Format Export
Generate official educational reports instantly as structured PDF files or tabular Microsoft Excel sheets.
Offline-First Architecture
Full local database access via SQLite. Allows teachers to operate smoothly with background sync capabilities.
Adaptive Layouts
Pixel-perfect interface scaling seamlessly from touch-screen mobile devices to widescreen Windows applications.
Interface Design Showcase
High-Fidelity Figma Prototyping
Before writing code, I mapped out the user experience in Figma, establishing clean dark mode gradients, readable information hierarchy, and intuitive drag-and-drop mechanics to minimize administrative overhead for teachers.
Flutter Multi-Platform Build
Leveraging Flutter's cross-platform canvas, I deployed natively compiled versions for Android and Windows Store. Custom adaptive grids were implemented to resolve nested layout constraints and eliminate overflow risks across diverse monitor resolutions.
Behind the Engineering
The app solves high-density data rendering challenges. By utilizing custom canvas charting tools, it maps competency indices clearly. An offline SQLite database interacts with a background worker that queues network requests to maintain full data synchronization silently.