presented by Mullaikani A

May 21, 2009

MAINFRAME

RE

AC

H

RICHText UI Integrated media GUI

CLIENT/SERVER

WEB APPLICATIONS

2004

1992

1998

RICH INTERNETAPPLICATIONS

Applications have evolved

Agenda

What is Flex? Why to use Flex? How to develop? MXML and ActionScript Examples

Adobe Flex Rich Internet Application (RIA) Flex vs. Flash Built on MXML and ActionScript Free Flex 3 SDK Current Version:

Adobe Flex 3Adobe Builder 3

Why use FlexScalability

○ designed to scale from simple components in websites to full-blown browser-based or desktop applications

○ developers can select data transport methods including support for XML over HTTP or Adobe's Action Message Format (AMF)

Cross-platform, accessible applications

○ RIAs created with Flex can run in the browser using Adobe Flash Player software or on the desktop on Adobe AIR

○ Cross Browser Compatible

Why use Flex

How do you develop Flex apps

Can choose to develop Flex Apps in an Eclipse based Flex Builder IDE or in an IDE of their choice

Adobe Flex Builder is most often used to write code because of its user friendly

Being a dialect of XML, standard validity rules apply: tags must be closed, and all the other XML rules apply.Pattern:

Mxml

MXML and ActionScript<?xml version="1.0" encoding="utf-8" ?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*" layout="vertical” creationComplete="initApp()">

<mx:Script> <![CDATA[ public function initApp():void { mainTxt.text = “Hello World!!”; } public function sayHello():void { Alert.show(“Hello World!!”); } ]]> </mx:Script>

<mx:Label id="title" fontSize="24" fontStyle="bold” text='"Hello, world!" Example'/> <mx:TextArea id = "mainTxt" width="250"/> <mx:Button id=“btn” width=“20” click=“sayHello()”/> </mx:Application

How Flex Works in the Browser

Flex SDK

Browser

Flash Player

Browser

Flash Player

Existing Applications & Infrastructure

J2EE Application Server

LC Data ServicesXML/HTTP

REST

SOAP Web Services

Web Server

Flex SDK

Compile(mxmlc)

Adobe Flex Builder

Powerful coding toolCode refactoring engineIDE built on EclipseCode HintingDesign Mode

LAST BUT NOT LEAST FLEX IS FLEXIBLE