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?