![Page 1: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/1.jpg)
Frank Roberts and David Yarnell
The Next Frontier in Web and Mobile Mapping
![Page 2: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/2.jpg)
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
![Page 3: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/3.jpg)
Innovate Locations
3
![Page 4: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/4.jpg)
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
![Page 5: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/5.jpg)
Prior to TV After Dinner
5
![Page 6: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/6.jpg)
After Dinner 1960 - 2000
6
![Page 7: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/7.jpg)
After Dinner 2015
7
![Page 8: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/8.jpg)
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
![Page 9: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/9.jpg)
Ever Moving, Ever Onward
• AML• Avenue• ArcIMS• .NET• ArcServer• WebADF• Python• Flex• JavaScript - Flavor of the day
9
![Page 10: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/10.jpg)
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
![Page 11: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/11.jpg)
Example Silverlight and Flex COTs
11
![Page 12: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/12.jpg)
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
![Page 13: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/13.jpg)
Drawbacks with Current Flex and Silverlight App
• iOS devices
• Not responsive design
• Lack of future support in the industry
13
13
![Page 14: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/14.jpg)
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)
![Page 15: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/15.jpg)
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
![Page 16: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/16.jpg)
Develop One Application For All Screen Sizes and Platforms (Responsive Design)
Nexus 10 Nexus 5
No additional configuration was needed.
16
![Page 17: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/17.jpg)
• IFG Slides
17
![Page 18: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/18.jpg)
18
![Page 19: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/19.jpg)
19
![Page 20: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/20.jpg)
20
![Page 21: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/21.jpg)
21
![Page 22: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/22.jpg)
22
![Page 23: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/23.jpg)
23
![Page 24: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/24.jpg)
24
![Page 25: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/25.jpg)
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
![Page 26: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/26.jpg)
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
![Page 27: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/27.jpg)
ArcGIS Online Web Maps
27
![Page 28: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/28.jpg)
Queries
28
![Page 29: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/29.jpg)
Street View Widget
Supports Bing’s Bird’s Eye and Google Street View 29
![Page 30: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/30.jpg)
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
![Page 31: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/31.jpg)
31
![Page 32: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/32.jpg)
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
![Page 33: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/33.jpg)
Demo WAB Configure
33
![Page 34: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/34.jpg)
Widgets
OutOf Box
OutOf BoxPlus(17 New)
34
![Page 35: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/35.jpg)
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
![Page 36: The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application](https://reader036.vdocuments.us/reader036/viewer/2022063022/5fe6dc208e726446fa58c47a/html5/thumbnails/36.jpg)
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