City of Mobile GIS Web Mapping Applications: New Technology, New Expectations

Transcription

1 City of Mobile GIS Web Mapping Applications: New Technology, New Expectations Presenters : Scott Kearney GIS Manager Patricia Creamer GIS Analyst

2 Background: GIS Department Developing web mapping apps since 1999 All development is in-house by GIS staff ESRI user since 1996 Centralized geodatabase Internal and Public web applications 2

3 Goals Accomplished for 2011 Faster Maps - Server upgrades - Data caching - Optimized map services 3

4 Goals Accomplished for 2011 Improved Interface - Adobe Flash - Client-side - Map centric - Floating panels - Rich graphics - Desktop style controls 4

5 Goals Accomplished for 2011 UDD Permitting Consolidate Apps - 6 into 1 - Multiple map themes - Common interface Facility Map District Info imap ROW Viewer SRO Spatial Reporting Address Selection 5

6 Goals Accomplished for 2011 Goals Accomplished Good Feedback Inline With Information From User Conferences Comparable To Other Local Governments Prepared To Build Upon Successes 6

7 Blindsided by ipads August Mayor s Office Purchased ipads GIS Maps Not Working ipads Do Not Allow Adobe Flash Implemented ipad Version Within 2 Months Rethink All Apps 7

8 Research and Reevaluation How Many Desktop vs. Mobile Users? What Are The User s Expectations? Are Existing Apps Mobile Friendly? Mobile Apps or Web Apps? Server-side Or Client-side Computing? Which Development Language? How Do You Maintain Uniformity Across Platforms? Do You Need A Universal Layout? Mobile Users: Tablet vs. Smartphone? 8

9 Research and Reevaluation Desktop vs. Mobile Users - Currently: users are in a desktop environment - Future: growth in mobile users 9

10 Consumer PC (Windows) Growth 40% 35% 30% 25% 20% 15% 10% 5% 0% -5% Source: Citi Investment Research and Analysis, IDC, Company Reports (May 2011) 10

11 11

12 ipad Sales Millions Q3 '10 Q4 '10 Q1 '11 Q2 '11 Q3 '11 Q4 '11 Q1 '12 ipad Released April 2010 ipad 2 Released March 2011 Source: 12

13 Mobile Device Users Projected Growth Rate 2010 to % 100% 105% 80% 79% 60% 40% 20% 24% 42% 53% 0% Smartphone Portable gaming console Tablet Laptop and netbook M2M module Source: Cisco VNI Mobile,

14 Research and Reevaluation Mobile Users Expectations - Fast - Performance - Single purpose oriented 14

15 Percentage of users who will bounce after waiting 5 seconds for a mobile site to load % % 0% 20% 40% 60% 80% Source: Web Performance Today,

16 Percentage of users who expect a site to load as quickly on their mobile device as it does on their desktop % % 0% 20% 40% 60% 80% Source: Web Performance Today,

17 Percentage of users who would not return to a poorly performing mobile site % % 35% 40% 45% 50% Source: Web Performance Today,

18 Research and Reevaluation Mobile Friendly - Not thumb friendly - Mouse events - Not taking advantage of touch screen - Content not readable - Minimal typing - Rollovers in menus - Improved download times - Number of tools 18

19 Research and Reevaluation Mobile Apps Web Apps Success Rate (Nielsen Norman Group Report) 76% 64% Platform Dependent Multiple builds for each Platform Utilize Device Functions (Camera, GPS, etc ) Interface: Responsive and Fast High Quality Good Animation and Graphics High Quality Good ArcGIS App - Interface not customizable - Map is customizable - Utilize local data 19

20 Research and Reevaluation Server-side Client-side Computing Environment Server Client Secure Code Network Traffic Responsive Interface Performance Uniformity Across Browsers 20

21 Research and Reevaluation Development Language : JavaScript - ArcGIS Server JavaScript API - Client-side scripting - Available in all browsers - Open source - Asynchronous data processing - Mashup 21

22 Research and Reevaluation JavaScript Frameworks - Cross-browser - Dojo ESRI s JavaScript API is built on Dojo Majority of ESRI sample code is Dojo - jquery Mobile Lightweight code base Standard user interface elements for smartphones 22

23 Research and Reevaluation HTML5 - Flash alternative - World Wide Web Consortium (W3C) standard - Backwards compatible - Supports multimedia (without plugins such as Flash) - Still in development - Major browsers moving toward compliance - JS GeoLocation API - Application platform - Uniformity across browsers 23

24 Research and Reevaluation ESRI Templates - Public Maps Gallery template - Utilizes ArcGIS online maps - Customizable maps - Limited customization 24

25 Research and Reevaluation Uniformity Across Platforms - Web Apps - Device and OS independent - Browser focused - HTML5, CSS, and JavaScript Dojo - Test in multiple browsers - Internet Explorer most used 25

26 Top 5 Browsers in the United States Percent % IE Firefox Chrome Safari Opera Other 0 Source: Statcounter.com 2/

27 Research and Reevaluation Universal Layout - Across Devices - Default to Tablet size - Bulk of the page within 1024 x Smartphone: separate page - Google Browser Size Tool ( 90% Google users: 950 x 500 Monitor Average x 1080 Laptop Average x 1024 ipad x 768 iphone x

28 Research and Reevaluation Mobile Users: Tablet Vs. Smartphone 28

29 Mobile-Only Internet Users 60,000,000 50,000,000 40,000,000 30,000,000 20,000,000 10,000, North America Source: Cisco VNI Mobile,

30 Smartphone OS Sales 70% 60% Percent % 50% 40% 30% 20% Android ios RIM Windows Phone 7 Windows Mobile All Others 10% 0% Q Q Q Q Q Nov-11 Source: The NDP Group, Business Insider 30

31 (in thousands) 15,000 Quarterly iphone Activations By U.S. Operator AT&T VERIZON SPRINT 12,500 10,000 7,500 5,000 2,500 Reported Reported Estimated 0 Q2 '07 Q3 '07 Q4 '07 Q1 '08 Q2 '08 Q3 '08 Q4 '08 Q1 '09 Q2 '09 Q3 '09 Q4 '09 Q1 '10 Q2 '10 Q3 '10 Q4 '10 Q1 '11 Q2 '11 Q3 '11 Q4 '11 Source: Asymco,

32 Research and Reevaluation Mobile Users: Tablet Vs. Smartphone - Smartphone Small screen Creative interface Single purpose Fast apps Simulate mobile apps - Focus on Tablets first 32

33 Development Standards Application Evaluation Purpose of application Identify users Primary functions Need met outside of an application Tool in an existing application Standalone web application 33

34 Development Standards Map Basemap - Reusability - Scale-dependent - Optimize for speed - Schedule cache updates - ArcGIS Online Community Maps Program Web Mercator coordinate system Fast Limited control over updates 34

35 Development Standards Map Operational layers - Dynamic - Limited features - Avoid labeling No more detail than is needed Clean and clear cartography Highlight critical layer 35

36 Development Standards Application Design Layout - Map centric - Fast and responsive page loads < 5 sec - Limit user controls - Critical content above the fold - Consistency - Printer friendly (or print page option) - Repetition (common elements in standard locations) 36

37 Development Standards Application Design Map Control - Simple navigation - Avoid sliding scale controls - Limited map tools - User intuitive mouse gestures Pan = click and drag Select or Identify = click on feature Zoom = two finger pinch or zoom - Simplify / combine searches 37

38 Development Standards Application Design Mobile Friendly - No Flash or Silverlight - Tablet compatible - Touchscreen friendly - Readable content - Vertical or horizontal - Thumb friendly controls: 1cm x 1cm - Increase spacing / clickable area - Avoid complex widgets and controls 38

39 Development Standards Application Design Mobile Friendly (cont.) - Limit typing (use check boxes and lists) - Use mobile site redirects - Increase Select Feature radius - Avoid rollovers in menus 39

40 Live Demo 40