10 th Esri Eastern Africa User Conference 7 - 9 October, 2015 Mosaic Hotel, Addis Ababa, Ethiopia “United We Map” Web AppBuilder for ArcGIS Barbara Seje Ephraim Muya
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