AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample...
Transcript of AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample...
![Page 1: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/1.jpg)
AppStudio for ArcGIS: An IntroductionChris LeSueur
Erwin Soekianto
Jon Nordling
![Page 2: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/2.jpg)
AppStudiofor ArcGIS
![Page 3: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/3.jpg)
What is AppStudio for ArcGIS?
![Page 4: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/4.jpg)
What is AppStudio for ArcGIS?
solution for
creating native apps
![Page 5: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/5.jpg)
What is AppStudio for ArcGIS?
low-code solution for
creating native apps
![Page 6: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/6.jpg)
What is AppStudio for ArcGIS?
low-code / no-code solution for
creating native apps
![Page 7: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/7.jpg)
Why Native Apps?
Device
CapabilitiesApp StoresOffline
![Page 8: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/8.jpg)
Challenges of Native App Development
5XCODE
iOS
Linux
Mac
Android
Windows
App Security
App Distribution
App Maintenance and
Updates
Time and Cost$
![Page 9: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/9.jpg)
Challenges of Native App Development
App Security
App Distribution
App Maintenance and
Updates
Time and Cost$
1XCODE
AppStudio
![Page 10: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/10.jpg)
10
iOS
Android
Linux
Windows
Mac
1App
![Page 11: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/11.jpg)
11
iOS
Android
Linux
Windows
Mac
1App
![Page 12: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/12.jpg)
![Page 13: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/13.jpg)
Public Information Apps
Allegheny County
Parks Trails
Tree Trails
Fieldays
Ecological Marine
Unit
![Page 14: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/14.jpg)
Data Collection Apps
Survey123
QuickCapture
TERRATRUTH
![Page 15: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/15.jpg)
Business Apps
Esri Support
ArcGIS Companion
Wildfire Analyst
![Page 16: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/16.jpg)
Enterprise Apps
Dig AlertLBW Construction
Platemeters
![Page 17: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/17.jpg)
San Juan County, NMSuccess
Story
![Page 18: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/18.jpg)
PennDOT Guide Rail Management
• Built by GeoDecisions (Esri
Partner)
• Custom version of Survey123
• Data is pushed to Roadway
Management System
This results in time and cost
savings, eliminating the need for
personnel to manually enter the
data in RMS..
“ “Success
Story
![Page 19: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/19.jpg)
PennDOT Connects Mobile
Custom AppStudio app for
PennDOT Connects work order
system
Building it in AppStudio allowed us
to provide offline mapping
capabilities with cross-platform
support
“ “Success
Story
Offline
Cross-Platform
![Page 20: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/20.jpg)
Earth Challenge 2020 App
• Campaign from Earth Day Network
• Flexible Citizen Science App
• Developed by GeoMarvel (Esri Partner)
• Custom version of AppStudio Player
Using mobile technology and open citizen science
data, Earth Challenge 2020 empowers people around
the world to help monitor and mitigate threats to
environmental and human health in their community.
“ “Developing
Story
![Page 21: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/21.jpg)
![Page 22: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/22.jpg)
AppStudio Architecture
Qt
Qt Library AppStudio AppFramework ArcGIS Runtime for Qt
Templates Samples Enterprise Sample Custom Apps
![Page 23: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/23.jpg)
The AppStudio suite of productivity tools
Cloud MakeAppStudio Player
Configurable
Templates
Developer
Environment
AppStudio
Desktop
Advanced
TemplatesInteractive
Samples
70+
![Page 24: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/24.jpg)
Who is using AppStudio
GIS
ProfessionalWeb GIS
User
Python
Developers
Esri
Prof ServicesEsri
PartnersSolution
Providers
Web
Developers
![Page 25: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/25.jpg)
Geo HackerConfigurator Code Ninja
![Page 26: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/26.jpg)
Geo HackerConfigurator• GIS User
• Have technical skills
• Builds Web Maps
• Creates Web Apps• Web AppBuilder• Configurable Apps
Code Ninja
![Page 27: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/27.jpg)
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
![Page 28: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/28.jpg)
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
![Page 29: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/29.jpg)
Geo HackerConfigurator Code Ninja
![Page 30: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/30.jpg)
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
![Page 31: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/31.jpg)
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
![Page 32: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/32.jpg)
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
![Page 33: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/33.jpg)
How do you get AppStudio>?
![Page 34: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/34.jpg)
How to get AppStudio
Viewer EditorField
WorkerCreator
GIS
Professional
User Types
![Page 35: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/35.jpg)
How to get AppStudio
Viewer EditorField
WorkerCreator
GIS
Professional
AppStudio Player• Download Apps
• Run Apps ✅ ✅ ✅ ✅ ✅
User Types
![Page 36: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/36.jpg)
How to get AppStudio
Viewer EditorField
WorkerCreator
GIS
Professional
AppStudio Player• Download Apps
• Run Apps ✅ ✅ ✅ ✅ ✅
AppStudio for
ArcGIS• Desktop Tools• Configure Apps• Develop/Code Apps
• Share Using Player
✅ ✅
User Types
![Page 37: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/37.jpg)
How to get AppStudio
Viewer EditorField
WorkerCreator
GIS
Professional
Paid
Developer
Subscription
AppStudio Player• Download Apps
• Run Apps ✅ ✅ ✅ ✅ ✅ ✅
AppStudio for
ArcGIS• Desktop Tools• Configure Apps• Develop/Code Apps
• Share Using Player
✅ ✅ ✅
AppStudio
Developer Edition• CloudMake• Publish to App Stores• Advanced Templates
✅
User Types
![Page 38: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/38.jpg)
Erwin Soekianto
Tour of AppStudio Desktop
![Page 39: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/39.jpg)
Chris LeSueur
Deploying AppStudio Apps
![Page 40: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/40.jpg)
Player – Developer Tool
![Page 41: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/41.jpg)
Player – Developer Tool
![Page 42: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/42.jpg)
Player – Developer Tool
![Page 43: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/43.jpg)
Player – Enterprise Deployment Tool
Analysis
Mapping
Field Operations
Data Visualization
Dashboards
![Page 44: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/44.jpg)
AppStudio Player Enhancements
• Configure Custom Experience
• New app user and “developer mode” profiles
• Run Web Apps in Player
• Customizable App Links
![Page 45: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/45.jpg)
Challenges of Native App Development
App Security
App Distribution
App Maintenance and
Updates
Time and Cost$
5XCODE
AppStudio
![Page 46: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/46.jpg)
Advantages of AppStudio Development
1iOS
Linux
Mac
Android
Windows
ArcGIS Users and App
Security
Flexible App Distribution
Cross-Platform App Updates
Reduced Time and Cost$
![Page 47: AppStudio for ArcGIS: An Introduction€¦ · Geo Hacker • Extend App Templates • Use Sample Code • Add New Functionality • Use App Layouts Configurator • Configure App](https://reader031.fdocuments.in/reader031/viewer/2022011912/5f9d4435bed66753547f60a1/html5/thumbnails/47.jpg)
AppStudiofor ArcGIS