building native cross-platform apps with appstudio: an ... · challenges of native app development....
Post on 20-May-2020
5 Views
Preview:
TRANSCRIPT
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!
top related