ArcGIS Server Flex API 2.2

IIntroduction to the  t d ti t th ArcGIS API for Flex Doug Guess  L Lancaster County Assessors Office t C t A Offi & Ryan Axmann Ryan Axmann Lancaster County/City of Lincoln Planning Department Planning Department

Internet access Internet access • SSID: Conference Center • User name: grp191‐1000 • Password:  tempest

ArcGIS Server  ArcGIS Server – Flex API 2.2 Flex API 2.2 • Introductions I d i – Ryan Axmann – City of Lincoln/Lancaster Co. Planning  Department – Doug Guess – Lancaster County Assessor/Register of  Deeds Office – Tell us about yourself(*we will go around the room  during the Flash Builder install) • Name • Where you work • Web Mapping Experience (IMS, ArcGIS Server, Flex, etc.)

ArcGIS Server  ArcGIS Server – Flex API 2.2 Flex API 2.2 Overview of today’s session O i f d ’ i – Review the necessary components to get your Flex  site up and running site up and running • Download • Install

– Create a stand alone Flex Mapping Application – Setup, review, and customize the ArcGIS Viewer for  Flex 2 2 Flex 2.2 – REST – Resources available to you y

ArcGIS Server  ArcGIS Server – Flex API 2.2 Flex API 2.2 • Flex is a highly productive, free, open source  Fl i hi hl d ti f framework for building expressive web  applications that deploy consistently on all major  pp p y y j browsers, desktops, and operating systems by  leveraging the Adobe® Flash® Player and Adobe  AIR® runtimes. While Flex applications can be  AIR runtimes While Flex applications can be built using only the free Flex SDK, Adobe Flash  Builder™ (formerly Adobe Flex® Builder™)  soft are can accelerate de elopment thro gh software can accelerate development through  features like intelligent coding, interactive step‐ through debugging, and visual design of the user  interface layout.

ArcGIS Server  ArcGIS Server – Flex API 2.2 Flex API 2.2 • Flex 4.x SDK – The Adobe® Flex® 4 Software Development Kit  (SDK) includes the Flex framework (component  class library) and Flex compiler, enabling you to  freely develop and deploy Flex applications using freely develop and deploy Flex applications using  an IDE of your choice.

ArcGIS Server  ArcGIS Server – Flex API 2.2 Flex API 2.2 • Flash Builder 4

ArcGIS Server  ArcGIS Server – Flex API 2.2 Flex API 2.2 • Tell us about yourself – Name – Where you work – Web Mapping Experiences (IMS, ArcGIS Server,  Flex, etc.)

ArcGIS Server  ArcGIS Server – Flex API 2.2 Flex API 2.2 • Flash Player 10 – activeX debugger version

ArcGIS Server  ArcGIS Server – Flex API 2.2 Flex API 2.2 • ArcGIS for Flex API – 2.2

ArcGIS Server  ArcGIS Server – Flex API 2.2 Flex API 2.2 • Flash Builder start page • Flash Builder environment – a.k.a. “The Workbench” – Views (panels visible) Views (panels visible) • Package Explorer – Display of projects and files

• Outline – hierarchically presents all user interfaces and code  elements in the file

– Editor (main code area) – Perspective (drag and drop panels in different locations) • Window ‐> Perspective ‐> Save Perspective As…

– Change some settings – right click in menu bar (by line  numbers)

ArcGIS Server  ArcGIS Server – Flex API 2.2 Flex API 2.2 • Flash Builder 4 IDE

ArcGIS Server  ArcGIS Server – Flex API 2.2 Flex API 2.2 • Where do we write code? – File types • • • •

.mxml mxml .xml .as .css

ArcGIS Server  ArcGIS Server – Flex API 2.2 Flex API 2.2 • Coding types C di t – ActionScript • Object oriented • Similar to C/Java/C# Si il C/J /C# • Comments:   – Single line: // – Group: /*  */

private function onQueryExecuteComplete(event:QueryEvent):void { var fset:FeatureSet = event.featureSet; var fset:FeatureSet  event.featureSet; for each (var graphic:Graphic in fset.features) { ….graphicsLayer.add(graphic); } }

ArcGIS Server  ArcGIS Server – Flex API 2.2 Flex API 2.2 – MXML • ActionScript  in MXML format • Mostly used for UI design • Comments: – just like HTML and XML comments ()



ArcGIS Server  ArcGIS Server – Flex API 2.2 Flex API 2.2

Let Let’ss start Flexing!!! start Flexing!!! • Flex API 2.2  Exercise ‐ Demo

ArcGIS Viewer for Flex  ArcGIS  Viewer for Flex  ArcGIS Viewer for Flex ‐ 2.2 • Sample Viewer

ArcGIS Viewer for Flex  ArcGIS  Viewer for Flex  ArcGIS Viewer for Flex ‐ 2.2 • Getting Started – Review key user interface components • • • • • •

Title/Subtitle/Logo Navigation Widget tray id Map Switcher Scale bar Scale bar Overview Map

ArcGIS Viewer for Flex  ArcGIS  Viewer for Flex  ArcGIS Viewer for Flex ‐ 2.2

ArcGIS Viewer for Flex  ArcGIS  Viewer for Flex  ArcGIS Viewer for Flex ‐ 2.2 • Things we’ll cover…. – Modify the main configuration file (config.xml) – Add a splash screen to our Flexviewer application – Modify an existing widget – Download/add a custom widget from the Flex  Code Gallery – Create our own custom widget

ArcGIS Viewer for Flex  ArcGIS  Viewer for Flex  ArcGIS Viewer for Flex ‐ 2.2

• Questions???

ArcGIS Viewer for Flex  ArcGIS  Viewer for Flex  ArcGIS Viewer for Flex ‐ 2.2 • Reference/Help – ArcGIS API for Flex • http://help.arcgis.com/en/webapi/flex/index.html

– Tour de Flex • http://www.adobe.com/devnet‐ apps/flex/tourdeflex/web/

– Flex in a week video training Flex in a week video training • http://www.adobe.com/devnet/flex/videotraining.html