The Next Frontier in Web and Mobile MappingMore Info: • Web AppBuilder for ArcGIS – Web...

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

Questions?

Frank Roberts froberts@innovateteam.com

David Yarnelldyarnell@innovateteam.com

37

Thanks for Watching

Frank Roberts froberts@innovateteam.com

David Yarnelldyarnell@innovateteam.com

38