Date post: | 30-Dec-2015 |
Category: |
Documents |
Upload: | barrie-wilfred-waters |
View: | 213 times |
Download: | 0 times |
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 [email protected]?
Some fun!http://wqdemo.houstoneng.net/