Professional Documents
Culture Documents
Building Web Application With ArcGIS API For Flex
Building Web Application With ArcGIS API For Flex
Technical Workshop
Moxie Zhang
Topics
Enterprise Infrastructure
ArcGIS Server
The Web Provides a New Pattern for Implementing GIS
Becoming a New Platform
Supporting
• Collaborative Computing GeoWeb
• Service Integration (Mashups) Distributed
Collaboration
• User Contributed Content
• Distributed Data Management
Many Participants
• Interconnected
• Interoperable
• Integrative
• Dynamic
Web 2.0
Web 1.0
Web Users
Easier Web
Development
• Beta released in 2008 ESRI User Conference
Silverlight Web 2.0
Flex
• 1.0 released in Q4 2008 JavaScript
REST
MyApp.swf
Flex SDK
Adobe Flex
SDK Web Server
Compiler
Flex Code
.html + .js
How Flex API Fits into the ArcGIS development
platforms
Web Application Development Platforms
NEW
Web ADF REST Web 2.0
(.NET/Java)
ArcGIS
Server
Web Application Development Platforms
GIS Organizations
S1
Serving Both Existing &
Publishing
New User Communities
Services
S1
Mashups
S2 S2 +
S3
Sn S3
S1
External Services
Steps to Start Flex Application Development
Flex Development Workflow Web Map
Adobe Flash
Player
.html + .js
1 Develop using Flex Builder to write MXML and ActionScript code with Flex SDK and
ArcGIS API for Flex
4 Run the Flex application from a browser by access the HTML wrapper
Obtain the Software
<<interface>>
IBaseWidget
BaseWidget
WidgetTemplate
<Title>
GeoRSSWidget ServiceAreaWidget
Create a Widget - I
ANewWidget.mxml:
1. <?xml version="1.0" encoding="utf-8"?>
2. <BaseWidget
3. xmlns="com.esri.solutions.flexviewer.*"
4. xmlns:mx=http://www.adobe.com/2006/mxml>
5.
6. <WidgetTemplate>
7. <!– Hello, World! -->
8.
9. </WidgetTeamplate>
10.
11. </BaseWidget>
Create a Widget - II
1. <widgets>
2. <widget title =“My First Widget”
3. icon =“aicon.png”
4. menu =“menuWidgets”
5. config =“MyFirstWidget.xml”>
6.
7. MyFirstWidget.swf
8. </widget>
9. <widgets>
Create a Widget - III
Demo: Create a Widget in Flex Builder
Workshop Summary
Adobe Flex +
ArcGIS API for Flex +
ArcGIS Server 9.3
– Develop rich internet applications
(RIA) for GeoWeb
– Better user experience
– Service centric
– Web oriented architecture
– Mashups
– Fast, simple and agile
What else and what’s coming
• ArcGIS 9.3.1
• ArcGIS Silverlight SDK
• Sample Silverlight Viewer
Thank you