the next frontier in web and mobile mappingmore info: • web appbuilder for arcgis – web...
TRANSCRIPT
Frank Roberts and David Yarnell
The Next Frontier in Web and Mobile Mapping
Who’s Innovate
1. Woman- and minority-owned 8(a) small business: 8(a) valid through June, 2019
2. Incorporated in 2002; growth at >50%/year compounded average
3. 90 people across 20 states
4. Awarded EPA Outstanding 8(a) Small Business of the Year in 2013
2
Innovate Locations
3
Agenda
• Continuously changing technology
• Commercial off the shelf (COTS)
– Where it was and where its going
• Welcome the Web AppBuilder!
• Development perspectives
• Widget frenzy storage (Github)
4
Prior to TV After Dinner
5
After Dinner 1960 - 2000
6
After Dinner 2015
7
What People Are Hearing:
• “Citizens want mobile, and our current Silverlight application does not work for them on their mobile devices. On one day I received 4 emails wanting to know why our mapping application would not work on the citizens mobile device.”
8
Ever Moving, Ever Onward
• AML• Avenue• ArcIMS• .NET• ArcServer• WebADF• Python• Flex• JavaScript - Flavor of the day
9
Transition From Custom to Commercial Off The Shelf (COTS)
• Benefits of COT
– Support
– More Resources
– What if the developer leaves
• What COTS can’t do
– Unique to you data, tools, and functionality
10
Example Silverlight and Flex COTs
11
Cool Stuff About Silverlight and Flex
Silverlight
• .Net Platform – familiar for Microsoft developers
• Integration in Microsoft Visual Studio
• Rich graphic interface – Eye candy!
Flex
• Active developer community
• Flash is a very popular browser plugin
• Easy configuration
12
Drawbacks with Current Flex and Silverlight App
• iOS devices
• Not responsive design
• Lack of future support in the industry
13
13
So Where Are We Headed Next??
• Create HTML/JavaScript apps that work on desktop browsers, tablets, and smartphones.
• Integrated within the ArcGIS Online and Portal for ArcGIS platforms.
• Build the apps you need using ready-to-use widgets, such as query, geoprocessing, printing, and so on.
• Create custom app templates.• Extensible framework for developers to create
widgets and themes.
14
Web AppBuilder (WAB)
More Info:• Web AppBuilder for ArcGIS
– Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application that allows you to easily build web applications without writing a single line of code. It includes powerful tools to configure fully featured HTML web applications. As you add your map and tools, you can visually see them in the app and use them right away.
• Key features
– Create HTML/JavaScript apps that work on desktop browsers, tablets, and smartphones.
– Integrated within the ArcGIS Online and Portal for ArcGIS platforms.
– Build the apps you need using ready-to-use widgets, such as query, geoprocessing, printing, and so on.
– Create custom app templates.
– Extensible framework for developers to create widgets and themes.
– Web AppBuilder allows you to easily create applications by accessing workflow tabs including Themes, Maps, Widgets, and Attributes.
• Supported browsers
– Chrome, Firefox, Safari 3+. Internet Explorer 8+.
• Supported versions of ArcGIS API for JavaScript
– Web AppBuilder supports ArcGIS API for JavaScript 3.11 and up. The 3.11 version is available by ArcGIS Online. It also comes with the Portal for ArcGIS 10.3.
• Supported versions of Portal for ArcGIS
– Web AppBuilder supports ArcGIS Online and Portal for ArcGIS 10.3 and up.
15
Develop One Application For All Screen Sizes and Platforms (Responsive Design)
Nexus 10 Nexus 5
No additional configuration was needed.
16
• IFG Slides
17
18
19
20
21
22
23
24
So What Does This Mean?
• Developers like us, are going to be focused
• That means lots of widgets
• Lots of guys that understand your web app
• Use maps in other tools, such as Collector and Explorer
25
Developers Perspective – David Yarnell
• Widget/theme centric development design
• Building the tools to be customizable for re-use in many applications.
• Portable code – ex. Ability to move a widget from WAB to another WAB
• Developing applications in one place that work across an array of different devices, platforms, and formats.
26
ArcGIS Online Web Maps
27
Queries
28
Street View Widget
Supports Bing’s Bird’s Eye and Google Street View 29
GeoProccessing
1. Select area of interest for GP service and click Execute
2. Wait for service to finish
3. Click link to retrieve report
30
31
Resources
• Widget Development Resources
– https://developers.arcgis.com/web-appbuilder/
• ESRI Widgets for the WAB in GitHub
– https://github.com/Esri/solutions-webappbuilder-widgets
• USEPA Widgets for the WAB in GitHub
– http://github.com/USEPA/Public_Web_AppBuilder
• Widgets also the ESRI’s GeoNet
– http://geonet.esri.com/welcome
32
Demo WAB Configure
33
Widgets
OutOf Box
OutOf BoxPlus(17 New)
34
Make Your Transition Easier
• Start configuring your maps on ArcGIS.com and consume the map in the COTs product
• Budget accordingly (time and money)
35
Conclusions
• Covering all devices is a huge benefit
• Simple configuration
• Quick map edits and fixes using ArcGIS Online
• Widget architecture a huge benefit
• Focused development community (like Innovate!)
36
