MobileApp Workstation

01 — Overview

Project Overview

MobileApp Workstation is an interactive cross-platform mobile application developed as a major capstone project for the Mobile Programming curriculum at Universitas Pamulang. Built using Flutter and Dart, the application delivers a polished mobile experience incorporating profile photo selection from the device camera or gallery, interactive monthly visitor analytics visualized with fl_chart, real-time spatial mapping using OpenStreetMap and flutter_map, and an integrated portfolio showcasing student biodata, technical skills, and academic projects.

02 — Problem

The Challenge

Students and developers often require an all-in-one mobile platform to manage personal portfolios, monitor visitor engagement metrics through visual charts, and demonstrate practical cross-platform mobile engineering skills on real Android and iOS devices.

03 — Solution

Engineering Approach

Engineered a modular, high-performance Flutter mobile application featuring reactive state management, hardware camera and gallery integration via image_picker, animated data visualizations with fl_chart, and interactive geospatial mapping powered by OpenStreetMap.

04 — Deliverables

Key Features

• ✦Dynamic profile photo picking from camera or gallery (image_picker)
• ✦Interactive monthly visitor statistics visualized with line and bar charts (fl_chart)
• ✦Interactive map and geolocation tracking with OpenStreetMap & flutter_map
• ✦Interactive biodata and student profile overview
• ✦Technical skills, organizational activities, and project showcase section
• ✦Cross-platform responsive layout optimized for Android and iOS

05 — Engineering Process

Development Workflow

1. 01Mobile application workflow mapping and UI wireframing
2. 02Widget tree structure and reactive component implementation
3. 03Camera and gallery image selection handling using image_picker
4. 04Data visualization and chart animations using fl_chart
5. 05Geospatial integration using flutter_map with OpenStreetMap tiles
6. 06Cross-platform device testing and UI performance optimization

06 — Challenges

What Was Difficult

Integrating interactive OpenStreetMap map tiles and device media permissions smoothly while ensuring smooth 60 FPS scrolling and rendering performance.

07 — Result

What Was Delivered

Successfully developed and showcased the mobile application, demonstrating robust proficiency in cross-platform mobile development, hardware API integration, and clean Flutter architecture.