SSID: Conference Center User name: grp Password: tempest

Transcription

1 Introduction ti to the ArcGIS API for Flex Doug Guess Lancaster County Assessors Office & Ryan Axmann Lancaster County/City of Lincoln Planning Department

2 Internet access SSID: Conference Center User name: grp Password: tempest

3 Introductions 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.)

4 Overview of today s session Review the necessary components to get your Flex site up and running Download Install Create a stand alone Flex Mapping Application Setup, review, and customize the ArcGIS Viewer for Flex REST Resources available to you

5 Flex is a highly hl productive, free, open source framework for building expressive web applications that deploy consistently on all major browsers, desktops, and operating systems by leveraging the Adobe Flash Player and Adobe AIR runtimes. While Flex applications can be built using only the free Flex SDK, Adobe Flash Builder (formerly Adobe Flex Builder ) software can acceleratede development elopmentthrough features like intelligent coding, interactive stepthrough debugging, and visual design of the user interface layout.

6 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 an IDE of your choice.

7 Flash Builder 4

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

9 Flash Player 10 activex debugger version

10 ArcGIS for Flex API 2.2

11 Flash Builder start page Flash Builder environment a.k.a. The Workbench 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)

12 Flash Builder 4 IDE

13 Where do we write code? File types.mxml.xml.as.css

14 Coding types ActionScript Object oriented Similar il to C/Java/C# /C# Comments: Single line: // Group: /* */ private function onqueryexecutecomplete(event:queryevent):void { var fset:featureset = event.featureset; for each (var graphic:graphic in fset.features) {.graphicslayer.add(graphic); } }

15 MXML ActionScript in MXML format Mostly used for UI design Comments: just like HTML and XML comments (<! >) <esri:querytask id= querytask url= executecomplete= onqueryexecutecomplete(event) />

16 Let s start Flexing!!! Flex API 2.2 Exercise Demo

17 ArcGIS Viewer for Flex 2.2 Sample Viewer

18 ArcGIS Viewer for Flex 2.2 Getting Started Review key user interface components Title/Subtitle/Logo Navigation Widget tray Map Switcher Scale bar Overview Map

19 ArcGIS Viewer for Flex 2.2

20 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

21 ArcGIS Viewer for Flex 2.2 Questions???

22 ArcGIS Viewer for Flex 2.2 Reference/Help ArcGIS API for Flex Tour de Flex Flex in a week video training