Introducere in Flex si AIR

1. Introducereîn Flex / AIR CosminVârlan Univ. “Al. I. Cuza” IAŞI

2. RIA – Rich Internet Application

3. Suntaplicaţii web care au celemaimultecaracteristici ale aplicaţiilor desktop. De obicei, aplicaţiile RIA se realizează prinintermediuluneiinterfeţecepoate fivizualizatăîn navigator şi a unui server cu care se vorinterschimba date. RIA – Rich Internet Application

4. Flash – scurtistoric 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)

5. Flash – scurtistoric 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

6. Browser Flash Player Flex SDK SOAP HTTP/S AMF/S RTMP/S Web Server XML/HTTP REST SOAP Web Services LC Data Services J2EE Application Server Existing Applications & Infrastructure Flex Flex Builder IDE MXML ActionScript Flex Class Library Compile

7. Flex Existentă player-ului Flash ( ) (Linux, Mac, Windows) Publicareaaplicaţieipe web (*.swf) Librariebogată de componentepredefinite (realizateîn AS3) Pot firealizate cu un simplu editor text împreuna cu Open FLEX SDK.

8. Desktop Files SQLite Notifications Clipboard AIR Client Runtime Flex & AIR SDKs SOAP HTTP/S AMF/S RTMP/S Web Server XML/HTTP REST SOAP Web Services LC Data Services J2EE Application Server Existing Applications & Infrastructure AIR Flex Builder IDE MXML ActionScript Flex Class Library Compile & Package

9. AIR Instalareaplayer-ului AIR (Linux, Mac, Windows) Distribuireaaplicaţiei AIR (*.air) Instalare ca oaplicaţienativa a OS (*.exe, *.dmg) Custom Chrome (şifără chrome) Librariebogată de componente Aplicaţiile AIR pot firealizatedoar cu un editor text şi SDK-ul AIR - Open! Uşurinţa de dezvoltare a aplicaţiilor AIR.

10. Puteţirealizaaplicaţii Flash cu: 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

11. AS3 OOP Bazatpespecificaţiile ECMA Limbajul de programarepentrurealizareaaplicaţiilor Flash (SWF) Compilat de Flash authoring, Flex Builder, Flex Open SDK Rulat de AVM2 – parte a Flash Player

12. AS3 Faţă de AS2: - Excepţii - Tipuri de date obligatorii - Expresii regulate - Clase “Sealed” (nu permit adăugarea de proprietăţisaumetode la runtime) - Sistem de evenimente îmbunătăţit - Display List API - Desprindereaclaselor de “Top Level” în bibliotecice pot fiimportateseparat - AVM2 rulează codul AS3 de 10 orimai rapid

13. MXML “Magic eXtensible Markup Language” (2004) Utilizatpentrudescriereainterfeţeiaplicaţiei Flash (Flex Server)

14. AS3 – bazele Declarareauneivariabile Declarareauneimetode Tratareaevenimentelor

15. AS3 – bazele Creareauneiclase … … desenarea ? deplasare ??

16. AS3 – bazele Creareauneiaplicaţii simple

17. AS3 Mai multedespre AS3 la: http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3 Sau la adresa: http://profs.info.uaic.ro/~flash/

18. MXML – bazele Aplicaţiaceamaisimpla: Aplicaţiaceamaisimpla cu un buton:

19. Aplicaţie Flex

20. Aplicaţie Flex

21. AIR Aplicaţiile AIR suntidentice cu celerealizateîn Flex cu diferenţele: primul nod din MXML este de tip mx:WindowApplication; Conţine un XML adiţional<numeApp>_app.xml