Delivery.
A written case study of commercial frontend work at Longshine across multiple regional dashboards. The workflow illustration summarizes the shared foundation and local customization work.
CASE STUDY 10 / Smart city · Geographic visualization
Smart City Dashboards
Built multiple large-screen dashboards as part of smart-city projects at Longshine, integrating map APIs and route tracking for Wuxi, Hainan and Taiyuan, with customizations for each location.
Commercial work · Written case studyCONTEXT
Longshine (朗新)
MY ROLE
Sole frontend developer for the initial dashboard · Regional delivery
TOOLS & FOCUS
Map APIs · Route tracking · Large-screen interfaces · Regional customization · Browser compatibility
01 / THE PROBLEM
What needed to work.
Smart-city projects in different locations needed large-screen dashboards with map views and route tracking. The dashboards shared the same foundation, but Wuxi, Hainan and Taiyuan each had specific requirements that called for a customized version.
CONCEPT / 10
01Shared dashboard foundation
02Maps + route tracking
03Regional customizations
A summary of my responsibilities and technical approach. This workflow illustration does not reproduce the product UI.
02 / MY CONTRIBUTION
Where I took ownership.
- Solely owned frontend development of the initial smart-city dashboard at Longshine.
- Built multiple large-screen dashboard interfaces for regional smart-city projects.
- Integrated map APIs into the dashboard experience.
- Implemented map-based route tracking.
- Adapted the shared foundation for Wuxi, Hainan and Taiyuan, including Chrome 54 compatibility and fallback behavior.
- Integrated a dashboard into an existing system through an iframe and resolved local cross-origin issues within same-origin policy constraints.
03 / TECHNICAL APPROACH
Decisions in context.
Own the initial frontend
Was the sole frontend developer for the initial smart-city dashboard, then worked on regional dashboard versions built around a shared foundation.
04 / DELIVERY & REFLECTION
What I can share.
Have a similar challenge?
Let’s talk ↗