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

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


Providing mapping, analysis, data

management, and collaboration

An Integrated

Web GIS PlatformArcGISDesktop Web Device

Server Online Content

and Services

Portal


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


Apps

WebApp

Builder

Configurable

Apps

StoryMaps

AppStudio


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

Creating web apps with ArcGIS

• 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?

• 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

Configurable Apps

Web Map

ArcGIS Web Application Templates

ArcGIS Online & Portal for ArcGIS

Story Maps

Builder

Stories

100000 +

ArcGIS Web Application Templates

Scenario: Locating Health Facilities

Exploring Configurable

Web App

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


Web AppBuilder for ArcGISCreate new web apps without

programming

30+ widgets

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

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

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

Workflow for Creating a new App

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

Deploy Apps on Any Device

Option to download web app code

Demo

Web AppBuilder Tour

Scenario: Emergency & Disaster Response

Developer Community on GithubSharing and Collaborating

AppStudio


The App Revolution

Is Making Web GIS Available Everywhere

Why Native AppsMobile Applications

Offline Performance App Stores

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.

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

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


AppStudio for ArcGISIncludes Productivity Tools for building

native Apps

App Templates

App Player

App Upload

App Make

App Stores

App Studio makes it easy to publish apps any store

No development skills required

Configure app templates

Your own branding

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

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

Documents