city of mobile web mapping applications

40
7/28/2019 City of Mobile Web Mapping Applications http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 1/40 City of Mobile GIS Web Mapping Applications: New Technology, New Expectations Presenters : Scott Kearney GIS Manager Patricia Creamer GIS Analyst

Upload: sunil-kamat

Post on 03-Apr-2018

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 1/40

City of Mobile GIS

Web Mapping Applications:

New Technology, New Expectations

Presenters : Scott KearneyGIS Manager

Patricia CreamerGIS Analyst

Page 2: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 2/40

2

• 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

Background: GIS Department

Page 3: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 3/40

3

• Faster Maps

- Server upgrades

- Data caching

- Optimized map services

Goals Accomplished for 2011

Page 4: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 4/40

4

• Improved Interface

- Adobe Flash

- Client-side

- Map centric

- Floating panels

- Rich graphics- Desktop style controls

Goals Accomplished for 2011

Page 5: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 5/40

5

• Consolidate Apps

- 6 into 1

- Multiple map themes

- Common interface

Goals Accomplished for 2011

iMap

UDD

Permitting

ROW

Viewer

SRO

Spatial

Reporting

Address

Selection

District

Info

Facility

Map

Page 6: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 6/40

6

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

Goals Accomplished for 2011

Page 7: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 7/40

7

• 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

Blindsided by iPads

Page 8: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 8/40

Page 9: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 9/40

9

• Desktop vs. Mobile Users

- Currently: users are in a desktop environment

- Future: growth in mobile users

Research and Reevaluation

Page 10: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 10/40

10

Consumer PC (Windows) Growth

-5%0%5%

10%15%

20%25%30%35%

40%

Source: Citi Investment Research and Analysis, IDC, Company Reports (May 2011)

Page 11: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 11/40

11

Page 12: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 12/40

12

0

2

4

6

8

10

12

1416

Q3 '10 Q4 '10 Q1 '11 Q2 '11 Q3 '11 Q4 '11 Q1 '12

3.274.18

7.33

4.69

9.25

11.12

15.43

iPad Sales

Source: www.apple.com(salesreports )

M i l l i o n s

iPad Released April 2010 iPad 2 Released March 2011

Page 13: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 13/40

13

Mobile Device UsersProjected Growth Rate 2010 to 2015

0%

20%

40%

60%

80%

100%

120%

Smartphone Portablegamingconsole

Tablet Laptop andnetbook M2M module

24%

79%

105%

42%53%

Source: Cisco VNI Mobile, 2011http://www.cisco.com/en/US/solutions/collateral/ns341/ns525/ns537/ns705/ns827/white_paper_c11-520862.html

Page 14: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 14/40

14

• Mobile Users’ Expectations

- Fast

- Performance

- Single purpose oriented

Research and Reevaluation

Page 15: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 15/40

15

Percentage of users who will bounce after waiting5 seconds for a mobile site to load.

0% 20% 40% 60% 80%

2009

2011

20%

74%

Source: Web Performance Today, 2012www.webperformancetoday.com/2011/07/20/new-findings-mobile-web-users-are-more-disappointed-than-ever/

Page 16: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 16/40

16

0% 20% 40% 60% 80%

2009

2011

58%

71%

Percentage of users who expect a site to load as quickly ontheir mobile device as it does on their desktop.

Source: Web Performance Today, 2012www.webperformancetoday.com/2011/07/20/new-findings-mobile-web-users-are-more-disappointed-than-ever/

Page 17: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 17/40

17

35%40%

45%50%

2009

2011

40%

46%

Percentage of users who would not return toa poorly performing mobile site.

Source: Web Performance Today, 2012www.webperformancetoday.com/2011/07/20/new-findings-mobile-web-users-are-more-disappointed-than-ever/

Page 18: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 18/40

Page 19: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 19/40

19

Mobile Apps Web Apps

Success Rate (Nielsen Norman Group Report) 76% 64%

Platform Dependent

Multiple builds for each PlatformUtilize Device Functions (Camera, GPS, etc…)

Interface: Responsive and Fast High Quality Good

Animation and Graphics High Quality Good

Research and Reevaluation

ArcGIS App- Interface not customizable- Map is customizable- Utilize local data

Page 20: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 20/40

20

Server-side Client-side

Computing Environment Server Client

Secure Code

Network Traffic

Responsive Interface

Performance

Uniformity Across Browsers

Research and Reevaluation

Page 21: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 21/40

Page 22: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 22/40

Page 23: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 23/40

23

• 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

Research and Reevaluation

Page 24: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 24/40

24

• ESRI Templates

- Public Maps Gallery template

- Utilizes ArcGIS online maps

- Customizable maps

- Limited customization

Research and Reevaluation

Page 25: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 25/40

Page 26: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 26/40

Page 27: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 27/40

27

• Universal Layout

- Across Devices

- Default to Tablet size

- Bulk of the page within 1024 x 768

- Smartphone: separate page

- Google Browser Size Tool(http://www.browsersize.googlelabs.com)

90% Google users: 950 x 500

Research and Reevaluation

MonitorAverage 24”1920 x 1080

LaptopAverage 15”1280 x 1024

iPad9.7”

1024 x 768iPhone

3.5”960 x 640

Page 28: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 28/40

28

• Mobile Users: Tablet Vs. Smartphone

Research and Reevaluation

Page 29: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 29/40

29

Mobile-Only Internet Users

0

10,000,000

20,000,000

30,000,000

40,000,000

50,000,000

60,000,000

2010 2011 2012 2013 2014 2015

North America

Source: Cisco VNI Mobile, 2011http://www.cisco.com/en/US/solutions/collateral/ns341/ns525/ns537/ns705/ns827/white_paper_c11-520862.html

Page 30: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 30/40

30

0%

10%

20%

30%

40%

50%

60%

70%

Q3 2010 Q4 2010 Q1 2011 Q2 2011 Q3 2011 Nov-11

Android

iOS

RIM

Windows Phone 7

Windows Mobile

All Others

Smartphone OS Sales

Source: The NDP Group, Business Insider

P e r c e n t %

Page 31: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 31/40

31

0

2,500

5,000

7,500

10,000

12,500

15,000

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

AT&T VERIZON SPRINT

Qua rterly iPhone ActivationsBy U.S. Operator

(in thousands)

Source: Asymco, 2011http://www.asymco.com/2012/01/05/estimating-iphone-sales-in-the-us-during-q4/l

R e p o r t e d

R e p o r t e d

E s t i m a t e d

Page 32: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 32/40

Page 33: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 33/40

33

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

Development Standards

Page 34: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 34/40

Page 35: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 35/40

Page 36: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 36/40

Page 37: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 37/40

Page 38: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 38/40

Page 39: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 39/40

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

Page 40: City of Mobile Web Mapping Applications

7/28/2019 City of Mobile Web Mapping Applications

http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 40/40