Date post: | 03-Apr-2018 |
Category: |
Documents |
Upload: | sunil-kamat |
View: | 214 times |
Download: | 0 times |
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
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
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
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
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
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
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
7/28/2019 City of Mobile Web Mapping Applications
http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 8/40
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
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)
7/28/2019 City of Mobile Web Mapping Applications
http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 11/40
11
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
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
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
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/
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/
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/
7/28/2019 City of Mobile Web Mapping Applications
http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 18/40
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
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
7/28/2019 City of Mobile Web Mapping Applications
http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 21/40
7/28/2019 City of Mobile Web Mapping Applications
http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 22/40
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
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
7/28/2019 City of Mobile Web Mapping Applications
http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 25/40
7/28/2019 City of Mobile Web Mapping Applications
http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 26/40
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
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
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
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 %
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
7/28/2019 City of Mobile Web Mapping Applications
http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 32/40
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
7/28/2019 City of Mobile Web Mapping Applications
http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 34/40
7/28/2019 City of Mobile Web Mapping Applications
http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 35/40
7/28/2019 City of Mobile Web Mapping Applications
http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 36/40
7/28/2019 City of Mobile Web Mapping Applications
http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 37/40
7/28/2019 City of Mobile Web Mapping Applications
http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 38/40
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
7/28/2019 City of Mobile Web Mapping Applications
http://slidepdf.com/reader/full/city-of-mobile-web-mapping-applications 40/40