2. “A Project Managers Perspective” Presented by: Brian Fischer Houston Engineering, Inc. WLIA Conference, 02/14/2013 A JOURNEY THRU MOBILE APP DEVELOPMENT

3. BACKGROUND Native Platforms Native Platforms Apple iOS Apple iOS Windows Mobile Windows Mobile Android OS Android OS RIM Blackberry RIM Blackberry Mobile Web Mobile Web HTML5 / JavaScript / CSS3 HTML5 / JavaScript / CSS3 Bridging Technologies Bridging Technologies Adobe Flash Builder Adobe Flash Builder PhoneGap PhoneGap Appcelerator Appcelerator

4. TYPES OF MOBILE APPLICATION Collaborative Public Information Dissemination Field Data Collection Other Types GamesAdvertisingUtilities/ProductivityCommunicationsMultimedia

5. CONSIDERATIONS MobileSolutionMobileSolution How will application be used? What’s the Fiscal Resources? Disseminate content Collect data Picture/video/voicePicture/video/voice GeospatialGeospatial Offline access Existing personnel skills Return of investment What devices? Targeted users/devices DeploymentDeployment

6. MOBILE DEVELOPMENT PROCESS Project Discovery Project Definition Design Development QA / Revisions Deployment / Maintenance

7. ND ROADS: PROJECT OVERVIEW Goals for North Dakota Dept. of Transportation Provide a service to the public for road conditions “safely move people around in the State” Create a mobile application for existing Travel Map http://www.dot.nd.gov/travel-info-v2/ Create a class leading mobile application

8. ND ROADS: PROJECT OVERVIEW

9. PROJECT DISCOVERY Gain a general understanding of the needs Stakeholder education Evaluate “Mobile Web” versus “Native” app Device component access Functionality Deployment Maintenance

10. PROJECT DEFINITION Target audience Stakeholder interviews External and Internal Understand data services Choose technology Design considerations Cost estimating Project Definition phase is the foundation of providing a great mobile solution

11. DESIGN / VISUALIZATION Sitemap

12. UX DESIGN / VISUALIZATION Wireframing Outline functionality and allows for feedback before graphic design and coding

13. UX DESIGN / VISUALIZATION Moodboards Provides design feedback for graphic designers, partnered with The Nerdery

14. DESIGN / VISUALIZATION Visual Composites Establishes final design before any coding is done, partnered with The Nerdery

15. DEVELOPMENT Technology Backend ArcGIS Server / SDE Cached map services Custom JSON feeds for text views and messages Frontend Jquery Mobile ESRI JS API 3.2 (compact) HEI’s wq library Heavy use of HTML 5 (local storage, geolocation)

16. QA / REVISIONS Test on as many devices as possible Use of ticket collaboration environment Great for communication and making testers document bugs

17. DEPLOYMENT EASY! THIS IS A MOBILE WEB APP! http://www.dot.nd.gov/travelinfo/m/ CLASS LEADING MOBILE APP = PROJECT MANAGERS + UX DESIGNERS + MOBILE DEVELOPERS + CLIENT STAKEHOLDERS

18. NDROADS APP LESSONS LEARNED No build system for ESRI JS API = challenging loading issues Mobile device settings (private browsing) Resolution of devices (iPhone 5 retina display) Touch friendly icons Refreshing data / local storage Older mobile devices / browsers Android 2.x, IE 8

19. GO RAMSEY MOBILE: OVERVIEW Goals for Ramsey County Mobile App Discover and explore recreation opportunities in the County Provide a mobile alternative to the Silverlight application http://goramsey.org Low cost solution

20. DEVELOPMENT Technology Backend ArcGIS Server / SDE ESRI map services Frontend Jquery Mobile ESRI JS API 3.2 (compact) HEI’s wq library Heavy use of HTML 5 (geolocation)

21. GO RAMSEY MOBILE https://maps.co.ramsey.mn.us/goramseymobile/

22. GORAMSEY: LESSONS LEARNED Geolocation Map Service scales ESRI popups Loading too many features in Jquery Mobile view

23. DATA COLLECTION APPS Whole other talk! Audience is different Focus is on efficient data entry Streamline workflows Backend integration

24. RIVERWATCH Collect Monitoring Data Water Quality Snow Precipitation Single sign-on Data validation Backend integration Public portal

25. DEVELOPMENT Technology Backend PostGreSQL + PostGIS Python / Django Wq.db REST services Frontend Jquery Mobile Leaflet HEI’s wq library

26. DATA COLLECTION APPS: LESSONS LEARNED Data entry with few clicks Big data Offline editing Photos Data validation

27. Presented by: Brian Fischer bfischer@houstoneng.com QUESTIONS? SOME FUN! http://wqdemo.houstoneng.net/