ArcGIS and Flex Web Applications
Esri International User Conference San Diego, California
Technical Workshops |
ArcGIS and Flex Web Applications Kevin Deege @kdeege
Agenda
•
Overview
•
ArcGIS Application Builder
•
ArcGIS API for Flex
•
Customizing the ArcGIS Viewer for Flex
•
Road ahead
•
Additional resources
What is your role? Build, configure, develop
Configure
Build
Develop
Flex Web Application
What does an application need? •
Content -
-
OR
Portal Web Maps -
ArcGIS Online
-
ArcGIS Online for Organizations
-
Portal for ArcGIS
Web Maps
Basemaps and Operational Layers
Basemaps and operational Layers Layer
Your Server
Map ArcGISOnline
Layer
What does an application need? •
Tools and Functionality -
Components / Widgets
-
Tasks / API Functionality
What does an application need? •
Appearance -
Standard
-
Custom
Requirements – Build and Configure Build, configure •
Application Builder -
Build
Adobe AIR
•
Flash Player (testing)
•
Web server
Configure
Requirements - Developer Developer configuration
•
Flex SDK (4.6 or higher)
•
Flash Builder (4.6 or higher) -
•
Flash Player (11.1 or higher) -
•
Debugger version
ArcGIS Viewer for Flex -
•
Adobe AIR
Source available on Github
ArcGIS API for Flex -
Available on ArcGIS Resource Center
Develop
Flash Runtimes and Flex SDK •
•
Adobe -
Adobe Flash Player
-
Adobe Flash Builder
-
Donated Flex SDK to Apache
-
Adobe Flex SDK 4.6.0
Apache Foundation -
Apache Flex 4.9.0 SDK
-
http://flex.apache.org/
Getting started with the Viewer - Builder Navigate to ArcGIS Resources site http://links.esri.com/flexviewer
Link to download ArcGIS Viewer for Flex
Accept license agreement
Install application
Getting started with the Viewer - Developer
•
ArcGIS.com
•
Widget samples
ArcGIS API for Flex •
•
•
•
Mapping and visualization -
Basemaps (static data)
-
Web maps
Operational layers -
Dynamic data (frequently changing)
-
More interactive
Graphics -
Symbols and rendering
-
Taken from user input or as output results from analysis
Analysis -
•
Tasks
Portal API
ArcGIS API for Flex - some highlights •
Dynamic Layers -
•
Print Task -
•
Thematic mapping
Export web map task
Editing -
Identity manager
-
Editor Tracking
-
Ownership based access
What do I need to learn? •
•
•
MXML -
Declarative markup language
-
UIComponent, Skinning and Layout
ActionScript -
Based on ECMAScript specification
-
Programming language for Flash Player and Flex SDK
CSS -
•
Styling UIComponents and Skins
JavaScript -
Mostly used in the html wrapper
Getting started with ArcGIS API for Flex Navigate to ArcGIS Resources site http://links.esri.com/flex
Link to download SDK
Create application
•
ArcGIS.com
.SWC • Reference Widget samples
Getting started with the Viewer - Developer
•
Github http://esri.github.com -
ArcGIS Viewer for Flex source code
-
Widget samples
Extending the Viewer – custom widgets Managed widgets
•
Modify an existing widget from Code Gallery
•
Modify an existing core Viewer widget
•
Create a new widget from an existing core Viewer widget
•
Write a new widget from API samples
•
Write a new widget from scratch
Road Ahead – Spring 2013
•
Application Builder -
•
•
Support for Arabic and Hebrew (right-to-left locales).
ArcGIS API 3.2 for Flex -
New components (Geocoder, Directions)
-
Improvements for Flex Mobile applications
-
Samples on Github
ArcGIS Viewer 3.2 for Flex -
Directions Widget
-
6 new languages: Hebrew, Danish, Estonian, Latvian, Lithuanian and Portuguese (Portugal
More information
•
•
Esri -
http://resources.arcgis.com
-
http://links.esri.com/flex
-
http://links.esri.com/flexviewer
Adobe -
http://www.adobe.com/devnet/flex.html
-
http://www.adobe.com/devnet/flex/videotraining.html
-
http://www.adobe.com/devnet/flex/tourdeflex.html
Esri training for Web developers
•
http://www.esri.com/training
•
Instructor-Led Courses
•
•
-
Building Web Applications Using the ArcGIS API for Flex
-
ArcGIS for Server: Sharing GIS Content on the Web
Web Courses -
Extending the ArcGIS Viewer for Flex
-
Introduction to the ArcGIS for Server API for REST
Online Training Seminars -
Free, one-hour presentation and demos by Esri technical experts
-
Live seminar broadcast on a new topic every month -
Getting Started with the ArcGIS Viewer for Flex
Wednesday Closing Session
Closing and Hosted Lunch 11:30 AM–1:30 PM •
Ballrooms A–C, Third Level
•
Join conference attendees for lunch and closing session
•
Closing Speaker Todd Park, U.S. CTO
•
Wrap-up and request for feedback with Jack Dangermond.
Upcoming Events esri.com/events
Date
Event
Location
March 21, 2013
Esri DC Meet Up – Big Data & Location Analytics
Washington, DC
April 18, 2013
Esri DC Meet Up
Washington, DC
March 23–26, 2013
Esri Partner Conference
Palm Springs, CA
March 25–28, 2013
Esri Developer Summit
Palm Springs, CA
July 6–9, 2013
Esri National Security Summit
San Diego, CA
July 8–12, 2013
Esri International User Conference
San Diego, CA
Thank You Please complete a session evaluation form. #FedGIS
Kevin Deege| Instructor Technical Your Picture
Lead Educational Services [email protected] | @kdeege
Technical Workshops |
ArcGIS and Flex Web Applications Kevin Deege @kdeege
Agenda
•
Overview
•
ArcGIS Application Builder
•
ArcGIS API for Flex
•
Customizing the ArcGIS Viewer for Flex
•
Road ahead
•
Additional resources
What is your role? Build, configure, develop
Configure
Build
Develop
Flex Web Application
What does an application need? •
Content -
-
OR
Portal Web Maps -
ArcGIS Online
-
ArcGIS Online for Organizations
-
Portal for ArcGIS
Web Maps
Basemaps and Operational Layers
Basemaps and operational Layers Layer
Your Server
Map ArcGISOnline
Layer
What does an application need? •
Tools and Functionality -
Components / Widgets
-
Tasks / API Functionality
What does an application need? •
Appearance -
Standard
-
Custom
Requirements – Build and Configure Build, configure •
Application Builder -
Build
Adobe AIR
•
Flash Player (testing)
•
Web server
Configure
Requirements - Developer Developer configuration
•
Flex SDK (4.6 or higher)
•
Flash Builder (4.6 or higher) -
•
Flash Player (11.1 or higher) -
•
Debugger version
ArcGIS Viewer for Flex -
•
Adobe AIR
Source available on Github
ArcGIS API for Flex -
Available on ArcGIS Resource Center
Develop
Flash Runtimes and Flex SDK •
•
Adobe -
Adobe Flash Player
-
Adobe Flash Builder
-
Donated Flex SDK to Apache
-
Adobe Flex SDK 4.6.0
Apache Foundation -
Apache Flex 4.9.0 SDK
-
http://flex.apache.org/
Getting started with the Viewer - Builder Navigate to ArcGIS Resources site http://links.esri.com/flexviewer
Link to download ArcGIS Viewer for Flex
Accept license agreement
Install application
Getting started with the Viewer - Developer
•
ArcGIS.com
•
Widget samples
ArcGIS API for Flex •
•
•
•
Mapping and visualization -
Basemaps (static data)
-
Web maps
Operational layers -
Dynamic data (frequently changing)
-
More interactive
Graphics -
Symbols and rendering
-
Taken from user input or as output results from analysis
Analysis -
•
Tasks
Portal API
ArcGIS API for Flex - some highlights •
Dynamic Layers -
•
Print Task -
•
Thematic mapping
Export web map task
Editing -
Identity manager
-
Editor Tracking
-
Ownership based access
What do I need to learn? •
•
•
MXML -
Declarative markup language
-
UIComponent, Skinning and Layout
ActionScript -
Based on ECMAScript specification
-
Programming language for Flash Player and Flex SDK
CSS -
•
Styling UIComponents and Skins
JavaScript -
Mostly used in the html wrapper
Getting started with ArcGIS API for Flex Navigate to ArcGIS Resources site http://links.esri.com/flex
Link to download SDK
Create application
•
ArcGIS.com
.SWC • Reference Widget samples
Getting started with the Viewer - Developer
•
Github http://esri.github.com -
ArcGIS Viewer for Flex source code
-
Widget samples
Extending the Viewer – custom widgets Managed widgets
•
Modify an existing widget from Code Gallery
•
Modify an existing core Viewer widget
•
Create a new widget from an existing core Viewer widget
•
Write a new widget from API samples
•
Write a new widget from scratch
Road Ahead – Spring 2013
•
Application Builder -
•
•
Support for Arabic and Hebrew (right-to-left locales).
ArcGIS API 3.2 for Flex -
New components (Geocoder, Directions)
-
Improvements for Flex Mobile applications
-
Samples on Github
ArcGIS Viewer 3.2 for Flex -
Directions Widget
-
6 new languages: Hebrew, Danish, Estonian, Latvian, Lithuanian and Portuguese (Portugal
More information
•
•
Esri -
http://resources.arcgis.com
-
http://links.esri.com/flex
-
http://links.esri.com/flexviewer
Adobe -
http://www.adobe.com/devnet/flex.html
-
http://www.adobe.com/devnet/flex/videotraining.html
-
http://www.adobe.com/devnet/flex/tourdeflex.html
Esri training for Web developers
•
http://www.esri.com/training
•
Instructor-Led Courses
•
•
-
Building Web Applications Using the ArcGIS API for Flex
-
ArcGIS for Server: Sharing GIS Content on the Web
Web Courses -
Extending the ArcGIS Viewer for Flex
-
Introduction to the ArcGIS for Server API for REST
Online Training Seminars -
Free, one-hour presentation and demos by Esri technical experts
-
Live seminar broadcast on a new topic every month -
Getting Started with the ArcGIS Viewer for Flex
Wednesday Closing Session
Closing and Hosted Lunch 11:30 AM–1:30 PM •
Ballrooms A–C, Third Level
•
Join conference attendees for lunch and closing session
•
Closing Speaker Todd Park, U.S. CTO
•
Wrap-up and request for feedback with Jack Dangermond.
Upcoming Events esri.com/events
Date
Event
Location
March 21, 2013
Esri DC Meet Up – Big Data & Location Analytics
Washington, DC
April 18, 2013
Esri DC Meet Up
Washington, DC
March 23–26, 2013
Esri Partner Conference
Palm Springs, CA
March 25–28, 2013
Esri Developer Summit
Palm Springs, CA
July 6–9, 2013
Esri National Security Summit
San Diego, CA
July 8–12, 2013
Esri International User Conference
San Diego, CA
Thank You Please complete a session evaluation form. #FedGIS
Kevin Deege| Instructor Technical Your Picture
Lead Educational Services [email protected] | @kdeege
