Introducere in Flex si AIR

906 views

Published on

Introducere in Flex si AIR

Published in: Technology
  • cum pun o aplicatie air itr-un site
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Introducere in Flex si AIR

  1. 1. Introducereîn Flex / AIR<br />CosminVârlan<br />Univ. “Al. I. Cuza” IAŞI<br />
  2. 2. RIA – Rich Internet Application<br />
  3. 3. Suntaplicaţii web care au celemaimultecaracteristici ale aplicaţiilor desktop. <br />De obicei, aplicaţiile RIA se realizează prinintermediuluneiinterfeţecepoate fivizualizatăîn navigator şi a unui server cu care se vorinterschimba date.<br />RIA – Rich Internet Application<br />
  4. 4. Flash – scurtistoric<br />SuperPaint<br />IntelliDraw (obiecte, comportamente)<br />SmartSketch (Creionul Optic) – 1993<br />FutureSplash Animator - 1995 &gt; Flash 1.0 - 1996<br />Flash 2 (1997), Flash 3 (1998), Flash 4 (1999)<br />Flash 5 (2000) – AS1, Flash MX(2002), Flash MX 2004 (2003) – AS2, Flash 8 (2005)<br />Flash CS3 (2007), Flash CS4 (2008) <br />
  5. 5. Flash – scurtistoric<br />Flex 1.0 –Martie 2004<br />Flex 2.0 Final- Iunie28, 2006<br />Flex 3.0 –Februarie 25, 2008<br />Acum:<br />Flex 3.4.0.9271 | Flex 4 Milestone 1 4.0.0.7219<br />
  6. 6. Browser<br />Flash Player<br />Flex SDK<br />SOAP<br />HTTP/S<br />AMF/S<br />RTMP/S<br />Web Server<br />XML/HTTP<br />REST<br />SOAP Web Services<br />LC Data Services<br />J2EE Application Server<br />Existing Applications & Infrastructure <br />Flex<br />Flex Builder IDE<br />MXML<br />ActionScript<br />Flex Class Library<br />Compile<br />
  7. 7. Flex<br />Existentă player-ului Flash ( ) (Linux, Mac, Windows)<br />Publicareaaplicaţieipe web (*.swf)<br />Librariebogată de componentepredefinite (realizateîn AS3)<br />Pot firealizate cu un simplu editor text împreuna cu Open FLEX SDK.<br />
  8. 8. Desktop<br />Files<br />SQLite<br />Notifications<br />Clipboard<br />AIR Client Runtime<br />Flex & AIR SDKs<br />SOAP<br />HTTP/S<br />AMF/S<br />RTMP/S<br />Web Server<br />XML/HTTP<br />REST<br />SOAP Web Services<br />LC Data Services<br />J2EE Application Server<br />Existing Applications & Infrastructure <br />AIR<br />Flex Builder IDE<br />MXML<br />ActionScript<br />Flex Class Library<br />Compile & Package<br />
  9. 9. AIR<br />Instalareaplayer-ului AIR (Linux, Mac, Windows)<br />Distribuireaaplicaţiei AIR (*.air)<br />Instalare ca oaplicaţienativa a OS (*.exe, *.dmg)<br />Custom Chrome (şifără chrome)<br />Librariebogată de componente<br />Aplicaţiile AIR pot firealizatedoar cu un editor text şi SDK-ul AIR - Open!<br />Uşurinţa de dezvoltare a aplicaţiilor AIR.<br />
  10. 10. Puteţirealizaaplicaţii Flash cu:<br />Adobe Flash Professional authoring tool (CS4)<br />Adobe Flex Builder (3) – gratuit (educaţie) la: <br />https://freeriatools.adobe.com/<br />Adobe Flex SDK (3) – open la adresa:<br />http://opensource.adobe.com<br />
  11. 11. AS3<br />OOP<br />Bazatpespecificaţiile ECMA<br />Limbajul de programarepentrurealizareaaplicaţiilor Flash (SWF)<br />Compilat de Flash authoring, Flex Builder, Flex Open SDK<br />Rulat de AVM2 – parte a Flash Player<br />
  12. 12. AS3<br />Faţă de AS2: <br /> - Excepţii<br /> - Tipuri de date obligatorii<br /> - Expresii regulate <br /> - Clase “Sealed” (nu permit adăugarea de <br />proprietăţisaumetode la runtime)<br /> - Sistem de evenimente îmbunătăţit<br /> - Display List API<br /> - Desprindereaclaselor de “Top Level” în <br />bibliotecice pot fiimportateseparat<br /> - AVM2 rulează codul AS3 de 10 orimai rapid <br />
  13. 13. MXML<br />“Magic eXtensible Markup Language” (2004)<br />Utilizatpentrudescriereainterfeţeiaplicaţiei Flash (Flex Server)<br />
  14. 14. AS3 – bazele<br />Declarareauneivariabile<br />Declarareauneimetode<br />Tratareaevenimentelor<br />
  15. 15. AS3 – bazele<br />Creareauneiclase … <br />… desenarea ? deplasare ??<br />
  16. 16. AS3 – bazele<br />Creareauneiaplicaţii simple<br />
  17. 17. AS3<br />Mai multedespre AS3 la: <br />http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3<br />Sau la adresa:<br /> http://profs.info.uaic.ro/~flash/<br />
  18. 18. MXML – bazele<br />Aplicaţiaceamaisimpla:<br />Aplicaţiaceamaisimpla cu un buton:<br />
  19. 19. Aplicaţie Flex<br />
  20. 20. Aplicaţie Flex<br />
  21. 21. AIR<br />Aplicaţiile AIR suntidentice cu celerealizateîn Flex cu diferenţele: <br />primul nod din MXML este de tip mx:WindowApplication; <br />Conţine un XML adiţional&lt;numeApp&gt;_app.xml<br />

×