Introduction à la plateforme Flash Patrick Welfringer patrick.welfringer.lu patrick.welfringer.lu.

Présentation au sujet: "Introduction à la plateforme Flash Patrick Welfringer patrick.welfringer.lu patrick.welfringer.lu."— Transcription de la présentation:

1 Introduction à la plateforme Flash Patrick Welfringer patrick.welfringer.lu patrick.welfringer.lu

2 hello world! Qui suis-je ? Qui êtes vous ?

3 la plateforme Flash

4 multi-plateforme : Windows, Mac, Linux, mobiles, consoles lecteurs : Flash Player, Flash Lite, AIR design et développement : Flex, Flash Catalyst, Flash Pro et la Creative Suite solutions serveur : Coldfusion, Flash Media Server, BlazeDS, LifeCycle > 1 million de designers et de développeurs compétition : AJAX, XUL, Silverlight, JavaFX http://www.adobe.com/flashplatform/ http://www.adobe.com/products/player_census/flashplayer/

5 Flash Player format de fichier : SWF machines virtuelles pour le bytecode AS1, AS3 moteur de rendu : display list API multimédia http://en.wikipedia.org/wiki/Adobe_Flash_Player

6 ActionScript 3 standard : EcmaScript SWF contient bytecode intermédiaire VM interprète bytecode en instructions processeur Programmation procédurale Programmation orientée objet http://en.wikipedia.org/wiki/ActionScript http://help.adobe.com/fr_FR/ActionScript/3.0_ProgrammingAS3/flash_as3_programming.pdf http://www.moock.org/lectures/ActionScriptAndFlashCS3/ http://www.moock.org/lectures/groundUpAS3/ http://livedocs.adobe.com/flex/3/html/help.html?content=Part6_ProgAS_1.html http://help.adobe.com/fr_FR/AS3LCR/Flash_10.0/ http://actionscriptcheatsheet.com/blog/quick-referencecheatsheet-for-actionscript-20/

7 display list

8 http://livedocs.adobe.com/flex/3/html/help.html?content=05_Display_Programming_01.html http://www.adobe.com/devnet/flash/quickstart/display_list_programming_as3/ http://wiki.mediabox.fr/tutoriaux/flash/architecture_as

9 Flash Player API bitmaps, vecteurs texte audio video webcam, micro impression filtres, Pixel Bender cookies Flash connections et streams HTTP, HTTPS sockets binaires, ByteArray protocolles propriétaires RTMP XML, E4X expressions régulières communication avec JavaScript etc

10 AIR Adobe Integrated Runtime HTML, JavaScript, Flash, SQLite installation depuis internet intégration au système d'exploitation : fichiers, fenêtres, drag&drop, presse-papier, connectivité, etc http://www.adobe.com/products/air/develop/flex/features/ http://www.adobe.com/go/airmarketplace http://www.adobe.com/go/air http://refreshingapps.com/

11 éditeurs Flash IDE http://www.adobe.com/go/flash Flex Builder http://www.adobe.com/go/flex FlashDevelop http://www.flashdevelop.org/ FDT http://fdt.powerflasher.com/

12 Flash animations, pubs, minisites, sites, modules interactifs ou audio/video, jeux, expérimentations, art etc http://www.thefwa.com/ http://www.newwebpick.com/ http://www.group94.comhttp://www.group94.com - CMS http://duke-interactive.comhttp://duke-interactive.com - Nike ACG http://www.rhythmoflines.co.uk/ http://www.louisvuitton.com http://www.vimeo.com http://www.jayisgames.com/ http://www.casualcollective.com/ http://www.levitated.net/ http://www.incomplet.org http://www.mrdoob.com http://wonderfl.kayac.com/ http://www.artfromcode.com/

13 Flash, AS3 Programmation procédurale : variables, typage fonctions, scope opérateurs, boucles types primitifs, classes intégrées au Player Flash exercice : GalerieFlash Programmation orientée objet : solution = description du problème, classe, interface, package, propriété, méthode, constructeur, évènement, exception, encapsulation, héritage, composition, polymorphisme, conversion, casting, patterns... exercice : GalerieAS3

14 Flex applications online et offline RIAs = Rich Internet Applications outils intranet etc http://flex.org/showcase/ http://flex.org/tour http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html http://www.adobe.com/devnet/actionscript/articles/atp_ria_guide.html

15 Flex, MXML, AS3 Flex Builder = éditeur éditeurs AS3, MXML, CSS, WYSIWYG, debugger, compilers, Pro : profiler application ou plugin Eclipse (workspace, projet, navigateur, perspectives) raccourcis : Ctrl+Espace, Ctrl+Shift+Espace, F1, Ctrl+Clic, Ctrl+Shift+T, Ctrl+O, Ctrl+Alt+R, Ctrl+Shift+C, Alt+flèches, Ctrl+D... gratuit pour étudiants et profs ! http://www.adobe.com/products/flex/faq/#section-4 http://www.adobe.com/products/flex/faq/#section-4 Flex = framework = composants, librairie, mxml, structure bindings, collections, styling, layout, navigation, formulaires, media, effets... Pro : charting, composants avancés SDK : gratuit ou opensource, utilisable avec FlashDevelop MXML : syntaxe XML pour mise en page composants = classe.AS = fichier.MXML, balise = objet attributs = propriétés, styles, évènements MXML > AS >> SWF AS3 : plus performant, pour la logique et la réponse aux évènements mélanger MXML et AS3 pour le meilleur des 2 mondes exercice : GalerieFlex

16 ressources, communautés blogs : http://feeds.adobe.com/http://feeds.adobe.com/ mailing lists : flashcoders, flexcoders twitter : http://twitter.com/welfringerhttp://twitter.com/welfringer http://www.stackoverflow.com/ http://www.flashkit.com/ http://www.flashden.net/ http://www.flashloaded.com/ http://www.flashcomponents.net/ http://www.ultrashock.com/ http://www.kirupa.com/ http://www.flashxpress.net/ http://www.designersinteractifs.org/

17 librairies et outils de la communauté opensource : http://www.osflash.org/http://www.osflash.org/ librairie MD5, SHA, JSON : http://code.google.com/p/as3corelib/http://code.google.com/p/as3corelib/ librairie AS : http://casalib.org/http://casalib.org/ librairie chargements : http://code.google.com/p/bulk-loader/http://code.google.com/p/bulk-loader/ framework AS : http://www.gaiaflashframework.com/http://www.gaiaflashframework.com/ framework AS3 : http://code.google.com/p/lowra/http://code.google.com/p/lowra/ intégration HTML : http://code.google.com/p/swfobject/http://code.google.com/p/swfobject/ deep linking : http://www.asual.com/swfaddress/http://www.asual.com/swfaddress/ analytics : http://code.google.com/p/gaforflash/http://code.google.com/p/gaforflash/ téléphonie : http://www.ribbit.com/http://www.ribbit.com/ ZIP : http://codeazur.com.br/lab/fzip/http://codeazur.com.br/lab/fzip/ 3D : http://www.papervision3d.org/http://www.papervision3d.org/

18 librairies et outils de la communauté serveur media : http://www.red5server.com/http://www.red5server.com/ remoting : http://www.amfphp.org/http://www.amfphp.org/ tweening : http://www.tweenlite.com/ http://code.google.com/p/tweener/ http://www.mosessupposes.com/Fuse/ décompileurs : http://www.sothink.com/ http://www.buraks.com/asv/ debugging proxy : http://www.fiddler2.com http://www.charlesproxy.com/ http://getfirebug.com/ etc etc etc

19 livres Essential ActionScript 3 - Colin Moock Foundation Actionscript 3 Animation: Making Things Move! - Keith Peters ActionScript 3 Cookbook - Joey Lott, Darron Schall, Keith Peters Advanced ActionScript 3 with Design Patterns - Joey Lott, Danny Patterson Programming Flex 3 - Chafic Kazoun, Joey Lott Flex 3 Cookbook - Joshua Noble, Todd Anderson

20 formations http://www.baao.com http://www.mediabox.fr/ http://www.regart.net/ http://www.lynda.com/ http://www.totaltraining.com/ http://www.gotoandlearn.com/ http://www.adobe.com/devnet/flex/videotraining/

21 conférences http://www.flashonthebeach.com/ http://www.fitc.ca/ http://www.headconference.com/