ESRI Developer Summit 2008 1

Mansour Raadmraad@esri.com

ArcGIS Server Flex API

ESRI Developer Summit 2008 2

Microsoft Virtual Earth

Flex/Flash

Google Maps

Google Earth

PHP

PopFly

Yahoo Pipes

Java Fx

Microsoft Silverlight

Yahoo Maps

RubyPython

ArcGIS

Server

.Net Java

MapQuest AS3 API

ESRI Developer Summit 2008 3

What Is It ?

ESRI Developer Summit 2008

•Flex Front End To AGS•Developer API

4

ESRI Developer Summit 2008 5

What Can You Do With It ?

ESRI Developer Summit 2008 6

ESRI Developer Summit 2008

•Build Rich Internet Applications•Highly Interactive•Responsive•Rich Widget UI

7

ESRI Developer Summit 2008 8

What Is Flex ?

ESRI Developer Summit 2008 9

•Adobe Technology•www.adobe.com/flex•Open Source Framework•Build RIA Applications•Runs on all Browsers•Runs on all Platforms•Flash Player

ESRI Developer Summit 2008 10

For Developers...

ESRI Developer Summit 2008 11

•OO Language•Strong Typing•XML First Citizen Type•HTTPService Class•WebService Class•JIT On Player

ESRI Developer Summit 2008 12

What Are We Delivering ?

ESRI Developer Summit 2008

•JavaScript Equivalent Model•Flex Library (SWF)•Resource Center

13

ESRI Developer Summit 2008 14

The Model

ESRI Developer Summit 2008

•Map–Smooth Pan–Smooth Zoom

15

ESRI Developer Summit 2008

•Layers–Dynamic–Tiled–GraphicLayer

16

ESRI Developer Summit 2008

•Graphic–Geometry–Symbol–Attribute–Info

17

ESRI Developer Summit 2008

•Symbol–SimpleMarkerSymbol–SimpleFillSymbol–SimpleLineSymbol–...

18

ESRI Developer Summit 2008

•Tasks–Locator–Query–Identify–Geoprocessing–...

19

ESRI Developer Summit 2008 20

How we use it ?

ESRI Developer Summit 2008 21

2 Programming Models

ESRI Developer Summit 2008 22

•MXML•ActionScript

ESRI Developer Summit 2008 23

<esri:Map id=”map” showSlider=”true”/>

ESRI Developer Summit 2008 24

import com.esri.Map;

public var map : Map = new Map;map.showSlider = true;

ESRI Developer Summit 2008 25

<esri:Map id=”map” showSlider=”true”/>

import com.esri.Map;

public var map : Map = new Map;map.showSlider = true;

ESRI Developer Summit 2008 26

Workflow

ESRI Developer Summit 2008 27

Download Adobe Flex SDKfree :-)

ESRI Developer Summit 2008 28

Download ESRI SWC

ESRI Developer Summit 2008 29

BTW, What is a “SWC” ?

ESRI Developer Summit 2008 30

•Flex library•Zip based format•Compiled binary classes•Manifest - IDE code assist

ESRI Developer Summit 2008 31

Open Favorite Text Editor

ESRI Developer Summit 2008 32

Code in <mxml/> or AS3

ESRI Developer Summit 2008 33

Compile Using Flex Tools

ESRI Developer Summit 2008 34

$ mxml -lib=ags-9.3.swc \-out MyApp.swf \MyApp.mxml

ESRI Developer Summit 2008 35

Copy SWF to web server

ESRI Developer Summit 2008 36

http://myserver/MyApp.swf

ESRI Developer Summit 2008 37

Enough Talk...Let’s code !

ESRI Developer Summit 2008 38

<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:esri="http://www.esri.com/2008/ags" layout="absolute" > <esri:Map> <esri:ArcGISDynamicMapServiceLayer url="http://10.54.51.12/ArcGIS/rest/services/Riverside/MapServer"/> </esri:Map></mx:Application>

ESRI Developer Summit 2008 39

ESRI Developer Summit 2008 40

ESRI Developer Summit 2008 41

ESRI Developer Summit 2008 42

ESRI Developer Summit 2008 43

ESRI Developer Summit 2008 44

ESRI Developer Summit 2008 45

ESRI Developer Summit 2008 46

ESRI Developer Summit 2008 47

<?xml version="1.0" encoding="UTF-8"?><markers> <marker label="M1" lat="35" lon="-93"/> <marker label="M2" lat="35" lon="93"/> <marker label="M3" lat="-35" lon="-93"/></markers>

ESRI Developer Summit 2008 48

ESRI Developer Summit 2008 49

<%@ page contentType="text/xml" language="java" %><% final double lat = -45.0 + 50.0 * Math.random(); final double lon = -45.0 + 50.0 * Math.random();%><feed xmlns="http://www.w3.org/2005/Atom" xmlns:georss="http://www.georss.org/georss"> <title>Earthquakes</title>

<subtitle>International earthquake observation labs</subtitle> <updated>2005-12-13T18:30:02Z</updated> <author> <name>Mansour Raad</name> <email>mraad@esri.com</email> </author> <id>urn:uuid:60a76c80-d399-11d9-b93C-0003939e0af6</id> <entry> <title>M 3.2, Mona Passage</title> <id>urn:uuid:1225c695-cfb8-4ebb-aaaa-80da344efa6a</id> <updated>2005-08-17T07:02:32Z</updated> <summary>We just had a big one.</summary> <georss:point><%=lat%> <%=lon%></georss:point> </entry></feed>

ESRI Developer Summit 2008 50

ESRI Developer Summit 2008 51

ESRI Developer Summit 2008

•First Release–Post 9.3 :-(–Similar to the JavaScript API–SWC from Resource Center–Lots of samples :-)

52

ESRI Developer Summit 2008 53

•Future Releases–Driven by customer requirements–Keep it lean–Release early–Release often

ESRI Developer Summit 2008 54

Q & A