10th Esri Eastern Africa User Conference7 - 9 October, 2015Mosaic Hotel, Addis Ababa, Ethiopia“United We Map”

Web AppBuilder for ArcGISBarbara Seje

Ephraim Muya

Esri Eastern Africa UC 2015 | Technical Workshop Slide 2

Session overview

• Introduction to Web AppBuilder for ArcGIS

• Deploying and Hosting Options

• Building a new web application

• Q & A

Esri Eastern Africa UC 2015 | Technical Workshop Slide 3

Providing mapping, analysis, data management, and collaboration

An Integrated Web GIS PlatformArcGIS

Desktop Web Device

Server Online Content and Services

Portal

Esri Eastern Africa UC 2015 | Technical Workshop Slide 4

ArcGIS is a Platform Making mapping and location aware apps available across your organization

ArcGIS

Knowledge Workers

Professional GIS

WorkAnywhere

PublicEngagement

Executive Access

EnterpriseIntegration

Web GIS

ArcGIS Web Apps

Esri Eastern Africa UC 2015 | Technical Workshop Slide 6

Configuring Web Apps with ArcGISMany options for using apps to make your map come alive

Esri Eastern Africa UC 2015 | Technical Workshop Slide 7

Featured Apps from Esri

Ready to Use Apps Configurable Apps

Esri Eastern Africa UC 2015 | Technical Workshop Slide 8

Configure a template

Web MapShare

Pick a template

Configure a new web app

Esri Eastern Africa UC 2015 | Technical Workshop Slide 9

Web AppBuilder

Configure Builder

Web Map

Esri Eastern Africa UC 2015 | Technical Workshop Slide 10

What is Web AppBuilder for ArcGISTechnology trends

• Functionality within ArcGIS Online and Portal for ArcGIS

- ArcGIS Online since Dec 2014

- Portal for ArcGIS in 10.3 and later

• Enables new Apps to be created without Coding

- Interactive User Experience

- Runs on Any Device, in a web browser

• Fully Integrated within ArcGIS Platform

• Built with ArcGIS API for JavaScript and HTML 5 technology

• Developer opportunities

Esri Eastern Africa UC 2015 | Technical Workshop Slide 11

The Pros

• Responsive Design

- Can test various form factors in

ArcGIS Web App Builder during

design

• Easy configuration of

application, right out-of-the-box

for even non-developers

• Ability to choose themes and

layouts

WebAppBuilderArchitecture

Esri Eastern Africa UC 2015 | Technical Workshop Slide 13

Interactive Content

And of course: The Map

Shortcut Items

A menu of tools

Esri Eastern Africa UC 2015 | Technical Workshop Slide 14

What do you get from the base widgets

• App config properties (label, icon, location, etc)

• Widget’s configdata

• Events like open/signin

• Sharing data (widget communication)

Esri Eastern Africa UC 2015 | Technical Workshop Slide 15

Mapping Widgets• Legend• Layer List

- Zoom to layer- Adjust layer transparency- Move up or down among other

layers- Open attribute tables

• Search tool (configurable to search on any field and list any field)

• Bookmarks• Print

• Basemap gallery• Geoprocessing

Building a New Web Application

Demo

Esri Eastern Africa UC 2015 | Technical Workshop Slide 17

Resources

• http://doc.arcgis.com/en/web-appbuilder/

• https://developers.arcgis.com/web-appbuilder/guide/xt-welcome.htm