Introducere in Flex si AIR

Introducere în Flex / AIRCosmin Vârlan

Univ. “Al. I. Cuza” IAŞI

RIA – Rich Internet Application

• Sunt aplicaţii web care au cele mai multe caracteristici ale aplicaţiilor desktop.

• De obicei, aplicaţiile RIA se realizează prin intermediul unei interfeţe ce poate fi vizualizată în navigator şi a unui server cu care se vor interschimba date.

RIA – Rich Internet Application

• SuperPaint• IntelliDraw (obiecte, comportamente)• SmartSketch (Creionul Optic) – 1993• FutureSplash Animator - 1995 > Flash 1.0 - 1996• Flash 2 (1997), Flash 3 (1998), Flash 4 (1999)• Flash 5 (2000) – AS1, Flash MX(2002), Flash MX

2004 (2003) – AS2, Flash 8 (2005)• Flash CS3 (2007), Flash CS4 (2008)

Flash – scurt istoric

• Flex 1.0 –Martie 2004• Flex 2.0 Final- Iunie28, 2006• Flex 3.0 –Februarie 25, 2008

Acum:• Flex 3.4.0.9271 | Flex 4 Milestone 1 4.0.0.7219

Flash – scurt istoric

Flex

Flex Builder IDE

Flex SDK

Flex Class Library

MXML ActionScript

Compile

SOAP HTTP/S AMF/S RTMP/S

Web Server

Existing Applications & Infrastructure

J2EE Application Server

LC Data ServicesXML/HTTPRESTSOAP Web Services

Browser

Flash Player

• Existentă player-ului Flash ( ) (Linux, Mac, Windows)

• Publicarea aplicaţiei pe web (*.swf)• Librarie bogată de componente predefinite

(realizate în AS3)• Pot fi realizate cu un simplu editor text

împreuna cu Open FLEX SDK.

Flex

AIR

Flex Builder IDE

Flex & AIR SDKs

Flex Class Library

MXML ActionScript

Compile & Package

SOAP HTTP/S AMF/S RTMP/S

Web Server

Existing Applications & Infrastructure

J2EE Application Server

LC Data ServicesXML/HTTPRESTSOAP Web Services

Desktop

AIR Client Runtime

Files SQLite Notifications Clipboard

• Instalarea player-ului AIR (Linux, Mac, Windows)• Distribuirea aplicaţiei AIR (*.air)• Instalare ca o aplicaţie nativa a OS (*.exe, *.dmg)• Custom Chrome (şi fără chrome)• Librarie bogată de componente• Aplicaţiile AIR pot fi realizate doar cu un editor

text şi SDK-ul AIR - Open!• Uşurinţa de dezvoltare a aplicaţiilor AIR.

AIR

• Adobe Flash Professional authoring tool (CS4)• Adobe Flex Builder (3) – gratuit (educaţie) la: https://freeriatools.adobe.com/• Adobe Flex SDK (3) – open la adresa:http://opensource.adobe.com

Puteţi realiza aplicaţii Flash cu:

• OOP• Bazat pe specificaţiile ECMA• Limbajul de programare pentru realizarea

aplicaţiilor Flash (SWF)• Compilat de Flash authoring, Flex Builder, Flex

Open SDK• Rulat de AVM2 – parte a Flash Player

AS3

• Faţă de AS2: - Excepţii - Tipuri de date obligatorii - Expresii regulate - Clase “Sealed” (nu permit adăugarea de proprietăţi sau metode la runtime) - Sistem de evenimente îmbunătăţit - Display List API - Desprinderea claselor de “Top Level” în biblioteci ce pot fi importate separat - AVM2 rulează codul AS3 de 10 ori mai rapid

AS3

• “Magic eXtensible Markup Language” (2004)• Utilizat pentru descrierea interfeţei aplicaţiei

Flash (Flex Server)

MXML

• Declararea unei variabile

• Declararea unei metode

• Tratarea evenimentelor

AS3 – bazele

• Crearea unei clase …

AS3 – bazele

… desenarea ? deplasare ??

• Crearea unei aplicaţii simple

AS3 – bazele

• Mai multe despre AS3 la: http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3

• Sau la adresa: http://profs.info.uaic.ro/~flash/

AS3

• Aplicaţia cea mai simpla:

• Aplicaţia cea mai simpla cu un buton:

MXML – bazele

Aplicaţie Flex

Aplicaţie Flex

• Aplicaţiile AIR sunt identice cu cele realizate în Flex cu diferenţele:

1) primul nod din MXML este de tip mx:WindowApplication;

2) Conţine un XML adiţional<numeApp>_app.xml

AIR