GEODEVELOPER:DEEP DIVEPRESENTED BY:KAREN C. GARCIA & SMITHA NIVESH
ARCGIS PLATFORM
ArcGIS is a Platform for Developers
• Provides Mapping, Analysis, Data Management, and Collaboration
Apps
Services
Access / Identity
Desktop Web Device
Content
Data
APIs
Esri Apps
Your Apps
APP CREATION OPTIONS
# of AppCreators
Capability FlexibilityComplexity
ARCGIS PLATFORM DEVELOPMENT
Cross-platform Development Android iOS Windows macOS Linux
ArcGIS Runtime SDK for Android
ArcGIS Runtime SDK for iOS
ArcGIS Runtime SDK for Java
ArcGIS Runtime SDK for .NET
ArcGIS Runtime SDK for macOS
ArcGIS Runtime SDK for Qt
ArcGIS API for JavaScript
Web AppBuilder for ArcGIS
AppStudio for ArcGIS
ArcGIS REST API
LIMITED
HTML5 Mobile features
ALLGPS , Compass,Camera, Calendar
SPECIFIC DEVICE
Native experience
ANY DEVICE
Browser
ARCGIS API FOR JAVASCRIPT
ARCGIS RUNTIME SDK
CHOOSINGTHE RIGHTPLATFORM
Native Web
Device
API / SDK
DeviceUtilities
WEBAPP BUILDER
WEB APPBUILDER FOR ARCGIS
Web AppBuilder for ArcGIS is an intuitive what-you-see-is-what-you-get (WYSIWYG) application that allows you to easily build web apps.
It provides an extensible framework for developers to create custom widgets and themes. The key features are:
• Create HTML/JavaScript apps that work on any device.• Integrate with the ArcGIS Online and ArcGIS Enterprise
platforms.• Build the apps using ready-to-use widgets.• Create custom app templates.• Extensible framework for developers to create widgets and
themes.
DEMOWEB APPBUILDER
CREATING AN APPLICATION
ARCGIS API FOR JAVASCRIPT
3.25 & 4.8ArcGIS API for JavaScript
ArcGIS API forJavaScript 3.25
A lightweight way to embed maps and tasks in web applications.
- Relationship Renderer- Browser Support (minimum IE 11)- Use of secure services with https- VectorTileLayer Printing- esri/styles/relationship
More info here
DEMOARCGIS API FOR JAVASCRIPT 3.25
HEATMAP RENDERING
Initialize the libraries
Call the required classes from the library
Initialize and add the basemap layer
Initialize the heatmap layer
Set the renderer for the heatmap and add the layer on to the map
ArcGIS API forJavaScript 4.8
Support for both 2D and 3D, its ease of use, its ability to work with map and layer web resources.
- Labeling for WebGL-enabled point- Large point datasets in a webscene
- Heatmap renderer- Custom background in a webscene- Underground navigation and visualization- Full client-side support (LayerView)- Widget updates ( Bookmark, Sketch)
More info here
DEMOARCGIS API FOR JAVASCRIPT 4.8
MEASUREMENT WIDGETS IN 3D
WEB MAP*ROUTING AND DIRECTIONS
PRINTING EDITING AND SKETCHING*
GEOMETRY ENGINE
LAYERS
Vector Tile, RasterTile, Imagery, MapImage, Feature*
ArcGIS APIFor JavaScript
3.8 & 4.25(Similarities)
* Partial Support for 4.25
Portal Items
3D
WFS
Time
Web Scene
GIS functionality widgets
ArcGIS API for JavaScript 3.8
ArcGIS API for JavaScript 4.25
SOLUTION MIX
Web AppBuilder for ArcGIS https://developers.arcgis.com/web-appbuilder/
ArcGIS API for JavaScript https://developers.arcgis.com/javascript/
Data.gov.sg https://data.gov.sg/
Open Street Map https://www.openstreetmap.org
RESOURCES
ArcGIS Solutions https://solutions.arcgis.com/
ESRI’s Applications Prototype Lab https://maps.esri.com/portal/WebApps/index.html
ArcGIS for Developers https://developers.arcgis.com/
Esri GitHub https://github.com/Esri
ArcGIS API for JavaScript https://developers.arcgis.com/javascript/
Web AppBuilder for ArcGIS https://developers.arcgis.com/web-appbuilder/
Functionality Matrix for 4.x https://developers.arcgis.com/javascript/latest/guide/functionality-matrix/index.html
TRAINING
• 4th October 2018 Configuring Web Apps Using Web AppBuilder for ArcGIS • 10th October 2018 Introduction to JavaScript • 24th-26th October 2018 Developing Web Applications Using the ArcGIS API for
JavaScript 3.x• 24th-26th October 2018 Introduction to Web Development Using ArcGIS API for
JavaScript 4.x
http://esrisingapore.com.sg/training
QUESTIONS?