Download - 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