Erwin SoekiantoChris LeSueur

Building Native Cross-Platform Appswith AppStudio: An Introduction

• What is AppStudio for ArcGIS?

• Apps Built using AppStudio

• A Tour of AppStudio

• Deploying AppStudio Apps

• Customizing Apps with Code

• How do you get AppStudio

Agenda

What is AppStudio for ArcGIS?

What is AppStudio for ArcGIS?

What is AppStudio for ArcGIS?

solution for

creating native apps

What is AppStudio for ArcGIS?

low-code solution for

creating native apps

What is AppStudio for ArcGIS?

low-code / no-code solution for

creating native apps

Why Native Apps?

Device Capabilities

App StoresOffline

Challenges of Native App Development

5XCODE

iOS

Linux

Mac

Android

WindowsApp Security

App Distribution

App Maintenance and Updates

Time and Cost$

Challenges of Native App Development

App Security

App Distribution

App Maintenance and Updates

Time and Cost$

1XCODE

AppStudio

11

iOS

AndroidLinux

Windows

Mac

1App

12

iOS

AndroidLinux

Windows

Mac

1App

Apps Built using AppStudio

Public Information Apps

Allegheny County Parks Trails

Tree Trails

Fieldays

Ecological MarineUnit

Data Collection Apps

Survey123

QuickCaptureTERRATRUTH

Business Apps

Esri Support

ArcGIS Companion

Wildfire Analyst Pocket

Enterprise Apps

Dig AlertLBW Construction

Platemeters

San Juan County, NMSuccessStory

PennDOT Guide Rail Management

• Built by GeoDecisions (Esri Partner)

• Custom version of Survey123

• Data is pushed to Roadway Management System

SuccessStory

Earth Challenge 2020 App

• Campaign from Earth Day Network

• Flexible Citizen Science App

• Developed by GeoMarvel (Esri Partner)

• Custom version of AppStudio Player

DevelopingStory

A Tour of AppStudio

AppStudio Architecture

Qt

Qt Library AppStudio AppFramework ArcGIS Runtime for Qt

Templates Samples Enterprise Sample Custom Apps

AppStudio Architecture

Qt

Qt Library AppStudio AppFramework ArcGIS Runtime for Qt

Templates Samples Enterprise Sample Custom Apps Maps and Layers

Offline Maps and Data

Data Editing

Data Analysis

Routing / Navigation

3D Online / Offline

The AppStudio suite of productivity tools

Cloud MakeAppStudio Player

ConfigurableTemplates

DeveloperEnvironment

AppStudioDesktop

AdvancedTemplates

InteractiveSamples

80+

Erwin SoekiantoTour of AppStudio

Who is using AppStudio

GISProfessional

Web GISUser

PythonDevelopers

WebDevelopers

ApplicationDevelopers

Geo HackerConfigurator Code Ninja

Geo HackerConfigurator• GIS User

• Have technical skills

• Builds Web Maps

• Creates Web Apps• Web AppBuilder• Configurable Apps

Code Ninja

Geo Hacker• GIS Professional

• Write/Run Python

• Read/Write HTML

• Dabble in JavaScript

• Copy/Paste Code

• Figure out how to get the job done

Configurator• GIS User

• Have technical skills

• Builds Web Maps

• Creates Web Apps• Web AppBuilder• Configurable Apps

Code Ninja

Geo Hacker• GIS Professional

• Write/Run Python

• Read/Write HTML

• Dabble in JavaScript

• Copy/Paste Code

• Figure out how to get the job done

Configurator• GIS User

• Have technical skills

• Builds Web Maps

• Creates Web Apps• Web AppBuilder• Configurable Apps

Code Ninja• Fluent in at least one

programming language

• You would rather start from scratch

• Web Developer

• Love reading API documentation

Geo HackerConfigurator Code Ninja

Geo HackerConfigurator• Configure App Templates

• Add Maps / Data• Change Colors• Icons/Images• Fonts• Add Settings

• Test on devices

• Share with coworkers

• Publish to App Stores

Code Ninja

Geo Hacker• Extend App Templates

• Use Sample Code

• Add New Functionality

• Use App Layouts

Configurator• Configure App Templates

• Add Maps / Data• Change Colors• Icons/Images• Fonts• Add Settings

• Test on devices

• Share with coworkers

• Publish to App Stores

Code Ninja

Geo Hacker• Extend App Templates

• Use Sample Code

• Add New Functionality

• Use App Layouts

Configurator• Configure App Templates

• Add Maps / Data• Change Colors• Icons/Images• Fonts• Add Settings

• Test on devices

• Share with coworkers

• Publish to App Stores

Code Ninja• Create Apps from scratch

• Integrate with hardware

• Custom Components

• Extend Enterprise Templates

Deploying AppStudio Apps

Publishing Apps to App Stores

Publishing Apps to App Stores

Publishing Apps to App Stores

Deploying Apps to the Enterprise w/ AppStudio Player

Analysis

Mapping

Field Operations

Data Visualization

Dashboards

Erwin SoekiantoChris LeSueur

Deploying Apps with AppStudio Player

AppStudio Player Enhancements

• Configure Custom Experience

• New app user profiles

• Run Web Apps in Player

Customizing Apps with Code

What is QML?• Declarative Language Designed to Build Apps

• QML is used Define the User Interface (Similar to CSS)

• JavaScript is used to business logic (events, functions)

Erwin Soekianto

Customizing with QML and JavaScript

How do you get AppStudio?

How to get AppStudio

Viewer Editor Field Worker Creator GIS

Professional

User Types

How to get AppStudio

Viewer Editor Field Worker Creator GIS

Professional

AppStudio Player• Download Apps• Run Apps ✅ ✅ ✅ ✅ ✅

User Types

How to get AppStudio

Viewer Editor Field Worker Creator GIS

Professional

AppStudio Player• Download Apps• Run Apps ✅ ✅ ✅ ✅ ✅AppStudio for ArcGIS• Desktop Tools• Configure Apps• Develop/Code Apps• Share Using Player

✅ ✅

User Types

How to get AppStudio

Viewer Editor Field Worker Creator GIS

Professional

Paid Developer

Subscription

AppStudio Player• Download Apps• Run Apps ✅ ✅ ✅ ✅ ✅ ✅AppStudio for ArcGIS• Desktop Tools• Configure Apps• Develop/Code Apps• Share Using Player

✅ ✅ ✅

AppStudioDeveloper Edition• CloudMake• Publish to App Stores• Advanced Templates

✅

User Types

Challenges of Native App Development

App Security

App Distribution

App Maintenance and Updates

Time and Cost$

5XCODE

AppStudio

Advantages of AppStudio Development

1 iOS

Linux

Mac

Android

WindowsArcGIS Users and App Security

Flexible App Distribution

Cross-Platform App Updates

Reduced Time and Cost$

AppStudiofor ArcGIS

Thank You!