do it yourself geoapps - esri ea › education-gis-conference › tw › sophia...slide 29 the...

Esri Eastern Africa UC 2015 | Technical Workshop Slide 1

Do It Yourself GeoApps

Sophia Murage

Slide 2

Agenda

• ArcGIS Overview

• Web App Templates

• Web AppBuilder

- Introduction to Web AppBuilder for ArcGIS

- Demo-Building a Web Application

- Customization

• AppStudio for ArcGIS

• What is AppStudio for ArcGIS

• Why we built AppStudio for ArcGIS?

• Demo-Building your custom Mobile App

Esri Eastern Africa UC 2015 | Technical Workshop Slide 3

Providing mapping, analysis, data

management, and collaboration

An Integrated

Web GIS PlatformArcGISDesktop 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

Work

Anywhere

Public

Engagement

Executive

Access

Enterprise

Integration

Web GIS

Esri Eastern Africa UC 2015 | Technical Workshop Slide 5

Apps

WebApp

Builder

Configurable

Apps

StoryMaps

AppStudio

Esri Eastern Africa UC 2015 | Technical Workshop Slide 6

From an idea to an app…in a snap

Awesome

App

Idea!

1 32

Ready for users

to download

and use

Select App

Template and

configure

options

Configure

Tinker

Edit

Run

Share

Make

Publish

Slide 7

Creating web apps with ArcGIS

Slide 8

• Foundation for your maps and apps

• Enables “intelligent maps” → Web Map stores references to web services

and data, display and behavior settings

• Supports: smart mapping, pop-ups, editing, analysis, time, etc.

• Create in ArcGIS Online/Portal for ArcGIS map viewer

• Can be leveraged by all other Esri Apps

What is a Web Map?

Slide 9

• Basemaps

- Geographic frame of reference

- Typically contain static data

• Operational Layers

- Information overlays that end users interact with

- Contain dynamic data

• Operational layers display on top of basemaps

Data content in a Web MapConceptual terms

Basemaps

Operational

layers

+

A

Web Map

Slide 10

Configurable Apps

Web Map

ArcGIS Web Application Templates

ArcGIS Online & Portal for ArcGIS

Slide 11

Story Maps

Builder

Stories

100000 +

ArcGIS Web Application Templates

Scenario: Locating Health Facilities

Exploring Configurable

Web App

Slide 13

Design Once, Run Everywhere . . .

. . . Leveraging Server and Online

AppStudio

Online/Offline

Builder

Wizard-Driven

Templates

HTML5/JavaScript

Builder

Widgets

Web AppBuilder

Web Apps(Any Browser)

Cross-Platform Frameworks

for Easily Creating AppsApp Creation

Device Apps(Apple, Android, Windows)

Web AppBuilder

Esri Eastern Africa UC 2015 | Technical Workshop Slide 15

Web AppBuilder for ArcGISCreate new web apps without

programming

30+ widgets

Slide 16

Web AppBuilder for ArcGIS

• 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 WYSIWYG user experience

- Runs on any device, in a web browser

• Fully integrated with the ArcGIS Platform

• Built with ArcGIS API for JavaScript and HTML 5 technology

• Extensible

Slide 17

Options to Work with Web AppBuilder

1. Within ArcGIS Online or Portal for ArcGIS

- Embedded in the web site

- Activate from the map viewer or My Contents

2. Developer Edition

- Separate download and installed locally

- Sign into ArcGIS Online or Portal for ArcGIS

- Support for custom widgets and themes

• Both offer the same “builder” user experience, same capabilities

Slide 18

2 Tiers of Customization

• Enabling custom functionality – Configurator

- Add custom widgets to your apps

- Non-developer

• Extending custom functionality – Developer

- Create new widgets from scratch

- Programmer

Slide 19

Workflow for Creating a new App

Slide 20

Available Widgets

• Widget: a chunk of code that can be added in a modular fashion; provides functionality

• 30+ available; enable core web mapping application capabilities

Slide 21

Deploy Apps on Any Device

Slide 22

Option to download web app code

Demo

Web AppBuilder Tour

Scenario: Emergency & Disaster Response

Slide 24

Developer Community on GithubSharing and Collaborating

AppStudio

Esri Eastern Africa UC 2015 | Technical Workshop Slide 26

The App Revolution

Is Making Web GIS Available Everywhere

Slide 27

Why Native AppsMobile Applications

Offline Performance App Stores

Slide 28

The Challenge

iOS

Android

Linux

Windows

Mac

5XCODE

• Building native Apps for multiple platforms

traditionally requires writing and testing your

app once for every platform.

Slide 29

The Solution?AppStudio for ArcGIS

Builder

Wizard-Driven Templates

A tool to build cross-platform apps that can be published in an app store or deployed across an enterprise.

Configure out-of-the-box templates using easy-to-use wizards.

No CODING skills required

Configure templates with your maps and branding.

Deploy and manage your own apps within your organization

Slide 30

Cross Platform

One App

Build an app once, and it is automatically

ready for Android, iOS, Windows, OS X,

and Linux, amazing is it?

iOS

Android

Linux

Windows

Mac

Esri Eastern Africa UC 2015 | Technical Workshop Slide 31

AppStudio for ArcGISIncludes Productivity Tools for building

native Apps

App Templates

App Player

App Upload

App Make

Slide 32

App Stores

App Studio makes it easy to publish apps any store

No development skills required

Configure app templates

Your own branding

Slide 34

Mobile Native Applications

• Android

• iOS

• Java

• Android

• .NET

• OS X

• Qt

• Xamarin

ArcGIS Runtime SDK

AppStudio for ArcGIS

Extend template or write from scratch.

Developer Friendly Tools.

Scenario: Emergency Reporting

Building your App

Demo