Você está na página 1de 80

AppStudio

for ArcGIS
Lau Wee Lik / Imran
Welcome

Presenters:

- Lau Wee Lik (Senior GIS Specialist (Pre-Sales))


- weelik.lau@esrimalaysia.com.my

- Imran (Senior GIS Specialist (Professional Services))


- imran@esrimalaysia.com.my
Workshop Outline

Introduction to AppStudio (Demo)


Morning Break
Create App using Map Tour & Map Viewer templates (Hands-on)
Create a Quick Report App (Hands-on)
Lunch Break
Licensing
Appstudio Desktop (Demo)
Customize App (Demo)
Tea Break
Introduction to Survey123 (Demo)
Pre-requisites

ArcGIS Organizational Account


- Use existing
- Create a new 60 days trial

Mobile device with Internet

Laptop (Mac or Windows or Ubuntu)

Basic Programming
The App Revolution
Is Making Web GIS Available Everywhere
Dominance of Native Apps
Problems You Face
Want to unlock Maps via Apps
App that solves a problem
Minimum time to market
Run on many devices (BYOD)
Branding? Developers?
Lifecycle of 1 month to 2 years
Updates and Maintenance
Cost per app X platforms
Why native apps ?

Offline Performance App Stores


The challenge

App development is.


Complicated
Expensive
Time Consuming
The challenge

iOS

5X
CODE
Android

Windows
Linux

Mac
Introducing
AppStudio
ArcGIS for AppStudio
Easily create and publish apps to the App Stores
- Configure templates with your maps and branding
- No development skills required

- Cross platform Apps

- Developer tools to customize further


Create Apps
Apps for Android, iOS,
Windows, Mac, Linux
Templates and Samples

{App)

GPSTraddog

-
-
Launc h Im a g e

6a d:groundColor

&anding

MD Route 50/301 to exit 446,


merge onto Evans Road, left at
Main Street (MO Route 18), right 2
Grasonville Cemetery Road, right c
Bennett Point Road, left at Wye ....
Ferry Road, access point is on the
right.
Cross Platform
iOS

Android

One App Linux

Windows

Mac
App Stores
AppStudio makes it easy to publish apps to the Apple App
Store and Google Play Store
- No development skills required

- Configure app templates

- Your own branding


App Stores: Example
UK Geological Society: 100 Great Geosites

Map Tour Template App Stores


Custom Apps

ArcGIS Runtime SDK Development


Environment
Share Your Apps
MDM
App Stores

AppStudio Player

Web
Downloads

Public Enterprise
AppStudio Editions

Web Desktop
http://appstudio.arcgis.com Mac, Windows, Linux
AppStudio Demo
Web Version
App building workflow

Idea Find resources Create App Build App Test App Publish / Share
App
Test your app in Player

Player
Upload
Deploy apps
Two choices for deploying apps
Run in Player Make installation files
Geodesic Length and Area Online
VJ.0.2
Geodesic Length and Area Online
Downloading and editing attachments and syncing them back.

Select target platforms


Buffer Online _, AndrOid
This sample shows how to perf orm a buffer around a point or... _, IOS (,Phone ond
1Pod)
Linux (64 bit)
Summary
MocOS
Windows
Closest Facility Online
Windows x86 (32 bit)
Find the nearest f acility to a location using Closest Facility Ta ... Windows x64 (64 bit) Jiii. No ArcGIS Runtime Licence.

Email
Jiii. Def ault Android package
Notific.ations name:
Dynamic Tiled Layer Online com.esri.app44ccc3a0e4e544d
Verbose
Dy namic Tiled Lay er Online 18
2513276b430f3de
Jiii. Android Debug
Feature Service Table
Build
Requested.
Jiii. Def ault iOS bundle id:
com.esri.app44ccc3a0e4e544d
18
2513276b430f3de

Development & Test Enterprise


Enterprise App Stores
Take look inside cloud make
1 App Item

Native
Upload App(s)

2 Build Request
AppFactory
Service

Make

3
App
eMail
Notifications
Outputs of Make
IPA

APK

Google
play

EXE

Upload Make DMG

RUN
Preparing for the app stores

App Icons
Launch Images
Google Apple Signing Certificates
App
Play
Store Security (Client ID)
Package Names

App Store Content


Hands-On

Create App using


Map Tour & Map
Viewer templates
Time: 45 minutes
Steps Review

1. Find resources on web (images/icons)


2. Register for ArcGIS Online Organization Trial Account:
http://www.esri.com/software/arcgis/arcgisonline/evaluate
3. Go to https://appstudio.arcgis.com/ and click Create
4. Start with Map Tour template
5. Sign-in to ArcGIS Online and start making Map Tour App
6. Build your App
7. Install AppStudio Player (on Android/iOS) and test
8. Install your app in your mobile devices(optional)
9. Create your second App using Map Viewer template
Hands-On

Create App using


Quick Report
template
Time: 45 minutes
Lunch Break
1 hour
Licensing
Licensing considerations
appstudio.arcgis.com
Included with ArcGIS org account
Build public apps from templates

AppStudio Standard edition


Create your own custom apps
Deploy apps in an enterprise
Requires yearly subscription
ArcGIS Runtime licensing applies
AppStudio Licensing: Basic and Standard
basic standard

Build apps with no coding, using configurable app templates


Build apps that run on Android, iOS, Windows, OS X and Linux
Convert your ArcGIS web maps into mobile apps
Build apps you can publish to the Apple and Google Play app stores
Extend apps built using the configurable app templates
Create custom apps using your developer skills
Distribute apps within your enterprise
Runtime licensing
Offline Capability Basic License Standard License

Map Viewing X X
Geocoding X
Routing X
Edit and Sync X
Run Analysis X

http://developers.arcgis.com/arcgis-runtime/
AppStudio Licensing: Flowchart
What kind of app are you
creating?

An app from an Esri featured A custom app using AppStudio


template on the Web. developer tools on the desktop

AppStudio Basic License Required AppStudio Standard License Required

Are you using ArcGIS Standard


Runtime functionality in your app?

Yes
ArcGIS Runtime No
Standard License Required

Will you charge end users


for your app?
Yes No

Qt SDK License Required No Additional License Required


App
Customization
Custom Apps: Public App Examples

Onwani
My Address Field-Notes Earth
Custom Apps: Enterprise App Examples

Survey123 FMP by GPS-IT


What is Qt?

Pronounced as Cute

Qt is a cross-platform application development framework for desktop, embedded


and mobile

Supported platforms:
- Linux, OS X, Windows, VxWorks, QNX, Android, iOS, BlackBerry, Sailfish OS & others

Ranked #1 of all cross-platform tools*


QML APIs
Qt Quick ArcGIS AppStudio
Framework Runtime AppFramework

Core QML Map Control App Infrastructure


Components Layers File System
UI Controls Geometry Components
Positioning Portal Network
Sensors Geocoding Components
Network Analysis UI Widgets
Geodatabase Additional Plugins
Symbology
Qt Creator

=="'.cc="" ,).,.. .._


.
.
Launch from AppStudio
J
Edit configuration files
O!..n."
.....
=b.llot.nt.
'llillolwtM'\

Edit QML and JavaScript


Context sensitive help
Ill ,-, D '-
f!!j Un: Edi

.!J at Edi
T.\J 1)11n ld f111

Run App and AppStudio tools


"",-II"
i!1 C>:u:ft tpr, 6:x

n
O -rn:Edl
rw
r.,

r-:.m,n:Nc:,
WI 1:q::.:k r:c: 01.:1,,1 f..I :.CCl.l'!'\:I". .. ... DynamicTiledlayerOnline
MltOw Jt,u.,1,...JQC 31.llf'-'llt ...A,1tfXU.M.1 ,."ftai:
tc;:tCar ,,. ..., 411ri u.0.J o ... .-.111.1 o -4
11, ..... DynamicTiledlayerOnline.qmlproject
.. - - 11q .... l1J p"t
"I .., 1,o,. I
"'' ,- c ,t.-l''....ct' cltr.111
,p kif',,,.IQ 1tJ
'''"'-"-
a,)I .,
, . . . <..
IEl::fdY,f'"IUOIC :') .infoJson
Vl'!ft1
appinfo.json
I DynamicTiledlayerOnline.qml
iteminfo.json
..- thumbnail.png
What does adding a Map look like?

id: map
anchors.fill: parent
wrapAroundEnabled: true

FeatureLayer {
id: countriesLayer
featureTable: geodatabase.geodatabaseFeatureTable("Countries");

ArcGISTiledMapServiceLayer {
id:imageryBasemap
url: "http://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer"
}
}
Where to start

Template
Starter
Layout
Samples
Enterprise (Player)
App workflow

1 2 3
+
New App

Awesome Select template Configure


App Share Ready for users
app and Tinker
Idea! Make to download
configure Edit Publish and use
options Run
Demo

Customize App using


Qt
Introduction to
Survey123
Smarter Forms, Smarter Fieldworks
What is Survey123

Brand new App from Esri (Beta)


Built using AppStudio
Supported platform: iOS, Android, Windows Phone, Windows, Mac & Ubuntu Linux
Targeted for non-GIS users, with ability to integrate location-aware information
Requires ArcGIS Online Organization account
Forms
a printed or typed document with blank spaces for
insertion of required information
Universally used
Utilities (Water, Electric, Telco, Gas)

Transportation

Government

Humanitarian, Non-Profit, Conservation

Census

Health

Emergency Management

Agriculture
Forms
For Field Data Capture
Survey123 for ArcGIS
Smart forms for ArcGIS
Survey123 for ArcGIS survey123.arcgis.com
Main Components Learn about Survey123 for ArcGIS
Manage your surveys
View results

Survey123 Connect for ArcGIS


Downloadable desktop tool
Author and Publish surveys

Survey123 for ArcGIS mobile app


Complete forms
Submit
The Survey123 for ArcGIS app
A form-centric field data collection app
Survey123 for ArcGIS
The Field App

A Form-Centric data capture app


Available on Smartphones and Tablets:
Apple, Google Play, Windows store

Available on your desktop/laptop:


Windows 7,8, 10

OS X

Ubuntu Linux
Survey123 for ArcGIS
The Field App

Requires an ArcGIS account


Works offline and online
Workflow:
Login & download survey

Capture data using smart forms (connected or disconnected)

Submit data when online


Survey123 for ArcGIS
What makes a Form smart?

Types of questions
Text, Integers, Dates, Signatures, Photos, Multiple Choices, Drop
Downs

Form Logic and Validation


Skips, Cascading Selects, Default Expressions and Pre-Computed
Responses, Mandatory questions, Favorite answers

Look and Feel


Groups, Multiple pages, Notes, Media, Multiple-Language Support,
Themes, Hints
Survey123 Connect for ArcGIS
A desktop tool for authoring and publishing your Surveys
Survey123 for ArcGIS
Survey123 Connect for ArcGIS

A desktop tool used to author and publish smart Forms to ArcGIS

Available for download at survey123.arcgis.com

Supported on:

Windows 7, 8, 10

OS X

Ubuntu Linux
Survey123 for ArcGIS
Survey123 Connect for ArcGIS

Works in combination with a spreadsheet editor

Add questions to spreadsheet

Preview in Survey123 Connect

Publish to ArcGIS

survey123.arcgis.com

Spreadsheet editor

Survey123 Connect
Survey123 for ArcGIS
Authoring Forms in Survey123 Connect

Microsoft Excel 2013 or newer recommended

Other editors will work, but you do not get helpers

Use XLSForm syntaxt to define your Form

http://doc.arcgis.com/en/survey123/
Survey123 for ArcGIS
The Hub
Survey123 for ArcGIS
The Gallery

Manage your Surveys

Create, Delete

Share

View Results
Survey123 for ArcGIS
View Results

Who is submitting data?


When?
Where?

Download data (CSV, Shapefile, FileGeodatabase)

Open your Survey data in ArcGIS Viewer, ArcGIS Pro etc


Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec

Fed-GIS/Dev Summit UC (Jun 27) Post-UC (Oct-Dec)


March 8, Dev Summit Jun 27, UC

Jan 6
OAuth
Offline Basemaps V1 Launch
Hub available in Portal Crowdsourcing
Performance improvements Web Surveys
Live Reports in Hub
Quick Designer
Survey123 for Developers

Survey123 for ArcGIS


Road Map
Survey123 for ArcGIS
Who is using it?

As of December 3, 2015, 1200 ArcGIS Online organizations


Survey123 for ArcGIS
Who is using it?
Survey123 for ArcGIS
Who is using it?
Survey123 for ArcGIS
Who is using it?
Survey123 for ArcGIS
Who is using it?
Survey123 for ArcGIS
Who is using it?
Survey123 for ArcGIS
Who is using it?
Survey123 for ArcGIS
Who is using it?
Survey123 for ArcGIS
Who is using it?
Survey123 for ArcGIS
Who is using it?
Workshop Re-cap

1. Introduction to AppStudio
2. Built App using Map Tour template
3. Built App using Quick Report template
4. Licensing
5. Appstudio Desktop Edition
6. Customize App using Qt demo
7. Introduction to Survey123
Further reading & help

AppStudio Videos: http://video.arcgis.com/series/232/appstudio-for-arcgis


AppStudio FAQ: https://appstudio.arcgis.com/FAQ.html
AppStudio Documentation: http://doc.arcgis.com/en/appstudio
AppStudio Tips & Tricks: http://blogs.esri.com/esri/arcgis/tag/appstudio/
AppStudio Discussion: https://geonet.esri.com/groups/appstudio
Qt WiKi: https://wiki.qt.io/About_Qt
More on Qt: http://doc.qt.io/
Qml book: http://qmlbook.github.io
Survey123: http://survey123.esri.com/