introducere in flex si air
DESCRIPTION
Introducere in Flex si AIRTRANSCRIPT
![Page 1: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/1.jpg)
Introducere în Flex / AIRCosmin Vârlan
Univ. “Al. I. Cuza” IAŞI
![Page 2: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/2.jpg)
RIA – Rich Internet Application
![Page 3: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/3.jpg)
• 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
![Page 4: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/4.jpg)
• 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
![Page 5: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/5.jpg)
• 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
![Page 6: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/6.jpg)
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
![Page 7: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/7.jpg)
• 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
![Page 8: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/8.jpg)
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
![Page 9: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/9.jpg)
• 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
![Page 10: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/10.jpg)
• 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:
![Page 11: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/11.jpg)
• 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
![Page 12: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/12.jpg)
• 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
![Page 13: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/13.jpg)
• “Magic eXtensible Markup Language” (2004)• Utilizat pentru descrierea interfeţei aplicaţiei
Flash (Flex Server)
MXML
![Page 14: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/14.jpg)
• Declararea unei variabile
• Declararea unei metode
• Tratarea evenimentelor
AS3 – bazele
![Page 15: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/15.jpg)
• Crearea unei clase …
AS3 – bazele
… desenarea ? deplasare ??
![Page 16: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/16.jpg)
• Crearea unei aplicaţii simple
AS3 – bazele
![Page 17: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/17.jpg)
• Mai multe despre AS3 la: http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3
• Sau la adresa: http://profs.info.uaic.ro/~flash/
AS3
![Page 18: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/18.jpg)
• Aplicaţia cea mai simpla:
• Aplicaţia cea mai simpla cu un buton:
MXML – bazele
![Page 19: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/19.jpg)
Aplicaţie Flex
![Page 20: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/20.jpg)
Aplicaţie Flex
![Page 21: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/21.jpg)
• 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
![Page 22: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/22.jpg)
![Page 23: Introducere in Flex si AIR](https://reader034.vdocuments.mx/reader034/viewer/2022052600/55876024d8b42a752b8b45e2/html5/thumbnails/23.jpg)