ND Roads

A Project Managers PerspectivePresented by: Brian FischerHouston Engineering, Inc.WLIA Conference, 02/14/2013A Journey thru Mobile App Development

BackgroundNative PlatformsApple iOSWindows MobileAndroid OSRIM Blackberry

Mobile WebHTML5 / JavaScript / CSS3

Bridging TechnologiesAdobe Flash BuilderPhoneGapAppceleratorTypes of Mobile ApplicationCollaborativePublic Information DisseminationField Data CollectionOther TypesGamesAdvertisingUtilities/ProductivityCommunicationsMultimediaConsiderationsMobileSolution How will application be used?Whats the Fiscal Resources?Disseminate contentCollect dataPicture/video/voiceGeospatialOffline accessExisting personnel skillsReturn of investmentWhat devices?Targeted users/devicesDeploymentMobile Development ProcessProject DiscoveryProject DefinitionDesignDevelopmentQA / RevisionsDeployment / MaintenanceND ROADS: Project OverviewGoals for North Dakota Dept. of TransportationProvide a service to the public for road conditionssafely move people around in the StateCreate a mobile application for existing Travel Maphttp://www.dot.nd.gov/travel-info-v2/Create a class leading mobile application

ND ROADS: Project Overview

Project DiscoveryGain a general understanding of the needsStakeholder educationEvaluate Mobile Web versus Native appDevice component accessFunctionalityDeployment Maintenance

Project DefinitionTarget audienceStakeholder interviewsExternal and InternalUnderstand data servicesChoose technologyDesign considerationsCost estimating

Project Definition phase is the foundation of providing a great mobile solutionDesign / VisualizationSitemap

UX Design / VisualizationWireframingOutline functionality and allows for feedback before graphic design and coding

UX Design / VisualizationMoodboardsProvides design feedback for graphic designers, partnered with The Nerdery

Design / VisualizationVisual CompositesEstablishes final design before any coding is done, partnered with The Nerdery

DevelopmentTechnologyBackendArcGIS Server / SDECached map servicesCustom JSON feeds for text views and messagesFrontendJquery MobileESRI JS API 3.2 (compact)HEIs wq libraryHeavy use of HTML 5 (local storage, geolocation)

QA / RevisionsTest on as many devices as possibleUse of ticket collaboration environment

Great for communication and making testers document bugs

DeploymentEASY!THIS IS A MOBILE WEB APP!http://www.dot.nd.gov/travelinfo/m/ Class Leading Mobile App = Project managers + UX designers + Mobile developers + Client StakeholdersNDRoads App Lessons LearnedNo build system for ESRI JS API = challenging loading issuesMobile device settings (private browsing)Resolution of devices (iPhone 5 retina display)Touch friendly iconsRefreshing data / local storageOlder mobile devices / browsersAndroid 2.x, IE 8Go Ramsey Mobile: OverviewGoals for Ramsey County Mobile AppDiscover and explore recreation opportunities in the CountyProvide a mobile alternative to the Silverlight applicationhttp://goramsey.org Low cost solution

DevelopmentTechnologyBackendArcGIS Server / SDEESRI map servicesFrontendJquery MobileESRI JS API 3.2 (compact)HEIs wq libraryHeavy use of HTML 5 (geolocation)

Go Ramsey Mobilehttps://maps.co.ramsey.mn.us/goramseymobile/

GoRamsey: Lessons LearnedGeolocationMap Service scalesESRI popupsLoading too many features in Jquery Mobile viewData Collection appsWhole other talk!Audience is differentFocus is on efficient data entryStreamline workflowsBackend integration

RiverwatchCollect Monitoring DataWater QualitySnowPrecipitationSingle sign-onData validationBackend integrationPublic portal

DevelopmentTechnologyBackendPostGreSQL + PostGISPython / DjangoWq.db REST servicesFrontendJquery MobileLeafletHEIs wq library

Data collection apps: Lessons LearnedData entry with few clicksBig dataOffline editingPhotosData validationPresented by: Brian Fischerbfischer@houstoneng.comQUESTIONS?

Some fun!http://wqdemo.houstoneng.net/