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 Web Maps Basemaps and - ArcGIS Online for Organizations Operational - Portal for ArcGIS 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) Configure
• Web server
Requirements - Developer Developer configuration
• Flex SDK (4.6 or higher) • Flash Builder (4.6 or higher) Develop - Adobe AIR • Flash Player (11.1 or higher) - Debugger version • ArcGIS Viewer for Flex - Source available on Github • ArcGIS API for Flex - Available on ArcGIS Resource Center
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 - Thematic mapping
• Print Task - 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 Reference .SWC • 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
Esri DC Meet Up – Big Data & March 21, 2013 Washington, DC Location Analytics
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 Lead Picture Educational Services [email protected] | @kdeege