Petroleum Web Applications to

Support your BusinessDavid Jacob & Vanessa Ramirez

Esri Natural Resources Team

AgendaPetroleum Web Apps to Support your Business

• The ArcGIS Location Platform

• Introduction to the Web Application Builder

• Web AppBuilder Demo

• Custom Development with Web AppBuilder

• Oil & Gas Web AppBuilder Workflows

- Operations Performance Analysis

- Pipeline Analysis

- Incident Management & Response

• Q&A

ArcGISAn Integrated Web GIS Platform

• Providing…

- Mapping

- Analysis

- Data Management

- Collaboration

Desktop Web Device

Server Online Content and Services

portal

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

ArcGIS

Knowledge

Workers

Professional

GIS

Work

Anywhere

Public

Engagement

Executive

Access

Enterprise

Integration

Web GIS

ArcGIS is a PlatformFlexibility – Deploy on-premises, in public clouds and/or use Esri’s cloud

Amazon EC2 Esri

On-premises Public Cloud SaaS

Microsoft Azure

Introduction to Web AppBuilder First released with ArcGIS 10.3

Why did we build the Web AppBuilder?

Web AppBuilder for ArcGISCreate new web apps without programming

20+ widgets

Web AppBuilder for ArcGISAn Integrated Web GIS Platform

• Integration into ArcGIS Online and Portal for ArcGIS

- ArcGIS Online since Dec 2014

- Portal for ArcGIS in 10.3

• Enables app creation without coding

- Deploy to web browsers and mobile devices

• Fully integrated with the ArcGIS Platform

• Built with ArcGIS API for JavaScript and HTML 5 Technology

• Extensible

Deploying the Web AppBuilderTwo options

1. Within ArcGIS Online or Portal for ArcGIS

- Embed in website

- Activate from the map viewer or My Content

2. Developer Edition

- Separate Download & local install

- Sign into ArcGIS Online or Portal for ArcGIS

- Support for custom widgets, panels and themes

• Both offer the same user experience and capabilities

Web AppBuilder for ArcGISWorkflow for creating a new App

Web AppBuilder for ArcGISAvailable widgets

• Widget: a chunk of code that can be added in a modular fashion,

provides functionality

• 20+ available on first release

• Provide core web mapping application capabilities

ing

Web AppBuilder for ArcGISLeverage your organization’s utility services

• ArcGIS Online or Portal for ArcGIS

Locators Basemaps Print services

Web AppBuilder for ArcGISCreating new Web Apps

• Apps created with Web AppBuilder are hosted in your ArcGIS Organization

- ArcGIS Online or Portal for ArcGIS

- Apps are listed in user’s My Content

• You can download the code for the Web app and host on your own web server

ArcGIS OnlinePortal for ArcGIS

Web App1 Web App2

ProductionWeb Server

Web App2

TourVanessa Ramirez

Web AppBuilder for Developers

Web AppBuilder Developer EditionExtending the Web AppBuilder

• Download and install locally

- Sign into ArcGIS Online or Portal for ArcGIS

- Work with custom widgets, panels and themes

• Create web apps on your own computer

• Deploy to your web server

- These can be registered with your Organization

What can you customize?Extending the Web AppBuilder

Widgets Themes

• Specific Tool/Task

• Includes a

configuration UI for

builder

• HTML/JavaScript/CSS

• Configuration in JSON

• Layout

• Branding

• Widget panel and

behavior

• Style (Color, etc.)

• Default widgets

• HTML/JavaScript/CSS

Web AppBuilder & the Esri CommunityExtending the Web AppBuilder

• Code sharing

- GeoNet

- GitHub

• ArcGIS Marketplace for Partner Solutions

Esri Solutions Team WidgetsCustom widgets built by Esri, available on GitHub

Esri Natural Resources WidgetsWidgets for the Petroleum Industry

Esri Natural Resources WidgetsWhat we have built…

• A Natural Resources theme

• A series of widgets to help with…

- Operations Performance Analysis

- Pipeline Analysis

- Incident Management and Emergency Response

Operations Performance AnalysisLocation-based insight into your performance

Pipeline AnalysisLocation analytics for your pipeline operations

Incident Management & ResponseOptimizing response in case of emergency

Custom Widget DemoDavid Jacob & Vanessa Ramirez

Web AppBuilder Road MapKeep it simple

• What’s Coming…

- Support for 3D

- Latest JS API

- Web Scenes

- 3D Widgets

- Configure & build native mobile apps

- More themes with responsive design

- Simplified theme creation

Thank you!

Give us your feedback!

www.esri.com/ratemyPUGsession