FLASH CS5
Cours d’introduction à la technologie Flash



Premier jour - introduction aux concepts      Mai 2011 // Pedro Silva
FLASH CS5
QU’EST-CE QUE FLASH?
État des lieux
•	   Connaissez-vous Flash?
•	   Comment définiriez-vous cela?
•	   Quel est votre avis sur le sujet?




                                         2/13
FLASH CS5
QU’EST-CE QUE FLASH?
Flash CS5: le logiciel
Généralement, Flash est associé à son      De nombreux bugs hantant ce logiciel
environnement de développement intégré     sont liés à ce passé de mises à jour du
(IDE).                                     programme sans une refonte complète de
Flash CS5 est actuellement la version la   l’application.
plus récente de cet IDE.
                                           Heureusement, Flash CS5 est sensiblement
Avant d’appartenir à Adobe, Flash était    plus stable que les versions précédentes du
un produit de la société Macromedia qui    logiciel.
elle-même a été connue sous différents
noms.

                                                                               3/13
FLASH CS5
QU’EST-CE QUE FLASH?
Flashplayer: le plugin
“Ce site requiert l’installation du plugin flashplayer,   Basiquement, Flashplayer permet la lecture
désirez-vous l’installer?”                                des fichiers .swf générés par l’IDE de Flash.


Flashplayer est une petite application                    Lorsque l’IDE Flash est installé sur votre
que l’on retrouve dans la plupart des                     ordinateur, une version standalone du
ordinateurs sous forme de plugin.                         player est aussi installée par la même
                                                          occasion. Il est ainsi possible d’ouvrir des
Ce plugin est présent sur plus de 95% des                 fichiers .swf directement.
ordinateurs connectés à internet.


                                                                                                4/13
FLASH CS5
QU’EST-CE QUE FLASH?
Flash: la technologie
Flash est une plateforme multimedia              Aujourd’hui, Flash est encore utilisé dans
utilisée à l’origine pour ajouter de             la plupart des lecteurs vidéo du web, mais
l’animation, de la vidéo et de l’interactivité   cette technologie s’est aussi récemment
aux pages web.                                   positionnée dans le domaine des RIAs.


Cette technologie était alors principalement
utilisée pour de la publicité et des jeux,
mais aussi pour lire du contenu vidéo (le
principal lecteur vidéo de youTube est
encore en Flash).

                                                                                      5/13
FLASH CS5
QU’EST-CE QUE FLASH?
AS3: le langage de Flash
L’Action Script 3 (AS3) est la version la      L’AS3 est un langage de programmation
plus récente du langage de programmation       orienté objet assez abouti permettant la
utilisé par Flash.                             création d’animations complexes gérées
                                               par le code ou encore d’applications à part
Il est toujours possible d’utiliser de l’AS1   entière.
ou de l’AS2 lors de la création de nouvelles
animations Flash, mais c’est déconseillé.      L’AS3 est un langage de programmation
                                               libre, il est possible de générer des fichiers
                                               .swf sans l’IDE Flash.


                                                                                      6/13
FLASH CS5
QU’EST-CE QUE FLASH?
Flex: le framework AS3 RIA d’Adobe
Flex est un framework d’Adobe en AS3      Flex est entièrement libre, il est possible de
destiné principalement à la création de   développer des logiciels et de générer des
RIAs.                                     fichiers .swf sans l’IDE Flash.


Robuste et puissant, ce framework en      Il existe un IDE Flex destiné au
est aujourd’hui à la version 4 de son     développement d’applications basées sur
développement.                            ce framework.




                                                                                7/13
FLASH CS5
QU’EST-CE QUE FLASH?
AIR: la machine virtuelle RDA d’Adobe
AIR est une plateforme de ditribution        Il est possible de créer des applications AIR
d’applications d’Adobe dont le principe de   à partir de l’IDE Flash ou à partir de Flex.
fonctionnement est proche de celui de la
plateforme Java.                             De nombreuses applications AIR existent
                                             aujourd’hui sur le marché.
AIR permet la création d’applications
multiplateformes à partir du même code
source. Cela représente un gain de temps
non-négligeable.


                                                                                    8/13
FLASH CS5
QU’EST-CE QUE FLASH?
Flash en bref
Flash est donc une plateforme multimédia      Flex facilite la création de RIA en Flash et,
destinée à l’affichage de contenu riche et    au travers de la plateforme AIR, permet la
interactif sur le web.                        distribution de ces RIA sur les différents
                                              systèmes informatiques (Mac, PC, etc...).
Grâce à l’AS3, il est possible d’affiner le
comportement des animations créées sur
Flash, de les rendre interactives ou encore
de les rendre dynamiques.




                                                                                     9/13
FLASH CS5
FLASH DANS LA PRATIQUE
Les possibilités de Flash
Flash est une technologie aux applications      •	   Animation de pages web
multiples et (presque) sans limites. Si elle    •	   Lecture de vidéos sur le web
présente de nombreux avantages, elle a          •	   Sites hautement interactifs
aussi ses inconvénients sur lesquels nous       •	   Minisites événementiels
reviendrons.                                    •	   Applications financières (online et offline)
                                                •	   E-learning (online et offline)
Voici une liste des utilisations possibles de   •	   Widgets de bureau
cette technologie. Elle n’est pas exhaustive,   •	   Dessins animés
mais elle offre un apperçu intéressant de la    •	   etc...
palette d’applications de Flash.

                                                                                        10/13
FLASH CS5
FLASH DANS LA PRATIQUE
Les (im)possibilités de Flash
Flash présente son lot d’incovénients et est     Le contenu d’une animation Flash n’est
sujet à certaines limitations. Afin d’utiliser   pas correctement référençable et donc pas
cette technologie pertinnement, il est           référencé. À moins de fournir un contenu
essentiel de connaître ses défauts.              alternatif correct, un objet Flash n’aura pas
                                                 ou peu de présence sur des moteurs tels
Une animation Flash se comporte de la            que google.
même manière sur toutes les plateformes...
dans la mesure où les ordinateurs utilisés       Apple refuse d’autoriser ses appareils
sont assez puissants pour lire cette             portables (iPad, iPod, iPhone) à lire du
animation.                                       contenu Flash.

                                                                                     11/13
FLASH CS5
FLASH DANS LA PRATIQUE
Exemples de sites et de logiciels
We chose the Moon (site commémoratif)   Ces exemple pourraient ne plus être
Tin Man (minisite)                      disponnibles dans un futur plus ou moins
Got Milk? (minisite)                    proche (peut-être même au moment où je
Louis Vuitton Legends (minisite)        donnerai le cours, qui sait).
Toyota Fantasy Enhancer II (minisite)
Tontie (minijeu)                        Les sites suivants recensent du contenu
Doodle God 2 (minijeu)                  flash (de qualité, généralement):
Guitouxx (portfolio)                    the FWA (Favourite Website Awards)
Toshiyuki Kuwabara (portfolio)          Newgrounds (communauté multimedia)
Dave Werner (portfolio)                 Eyezmaze (game designer indépendant)

                                                                            12/13
FLASH CS5
WORKSHOP #1
Recherche et critique de sites en flash
Ce workshop est destiné à déterminer           Si vous avez du mal à trouver un site, vous
votre sensibilité face à des sites utilisant   pouvez jeter un coup d’oeil aux pages
la technologie flash avant que vous ayez       suivantes:
été indroduits à son utilisation et à ses      the FWA
applictions.                                   Beautiful flash sites
                                               Bizarre flash sites
La sélection des sites est libre, mais elle    Adobe Site of the Day
devra être justifié (pour certaines qualités
ou certains défauts en particulier).


                                                                                 13/13

Introduction à flash - session 1

  • 1.
    FLASH CS5 Cours d’introductionà la technologie Flash Premier jour - introduction aux concepts Mai 2011 // Pedro Silva
  • 2.
    FLASH CS5 QU’EST-CE QUEFLASH? État des lieux • Connaissez-vous Flash? • Comment définiriez-vous cela? • Quel est votre avis sur le sujet? 2/13
  • 3.
    FLASH CS5 QU’EST-CE QUEFLASH? Flash CS5: le logiciel Généralement, Flash est associé à son De nombreux bugs hantant ce logiciel environnement de développement intégré sont liés à ce passé de mises à jour du (IDE). programme sans une refonte complète de Flash CS5 est actuellement la version la l’application. plus récente de cet IDE. Heureusement, Flash CS5 est sensiblement Avant d’appartenir à Adobe, Flash était plus stable que les versions précédentes du un produit de la société Macromedia qui logiciel. elle-même a été connue sous différents noms. 3/13
  • 4.
    FLASH CS5 QU’EST-CE QUEFLASH? Flashplayer: le plugin “Ce site requiert l’installation du plugin flashplayer, Basiquement, Flashplayer permet la lecture désirez-vous l’installer?” des fichiers .swf générés par l’IDE de Flash. Flashplayer est une petite application Lorsque l’IDE Flash est installé sur votre que l’on retrouve dans la plupart des ordinateur, une version standalone du ordinateurs sous forme de plugin. player est aussi installée par la même occasion. Il est ainsi possible d’ouvrir des Ce plugin est présent sur plus de 95% des fichiers .swf directement. ordinateurs connectés à internet. 4/13
  • 5.
    FLASH CS5 QU’EST-CE QUEFLASH? Flash: la technologie Flash est une plateforme multimedia Aujourd’hui, Flash est encore utilisé dans utilisée à l’origine pour ajouter de la plupart des lecteurs vidéo du web, mais l’animation, de la vidéo et de l’interactivité cette technologie s’est aussi récemment aux pages web. positionnée dans le domaine des RIAs. Cette technologie était alors principalement utilisée pour de la publicité et des jeux, mais aussi pour lire du contenu vidéo (le principal lecteur vidéo de youTube est encore en Flash). 5/13
  • 6.
    FLASH CS5 QU’EST-CE QUEFLASH? AS3: le langage de Flash L’Action Script 3 (AS3) est la version la L’AS3 est un langage de programmation plus récente du langage de programmation orienté objet assez abouti permettant la utilisé par Flash. création d’animations complexes gérées par le code ou encore d’applications à part Il est toujours possible d’utiliser de l’AS1 entière. ou de l’AS2 lors de la création de nouvelles animations Flash, mais c’est déconseillé. L’AS3 est un langage de programmation libre, il est possible de générer des fichiers .swf sans l’IDE Flash. 6/13
  • 7.
    FLASH CS5 QU’EST-CE QUEFLASH? Flex: le framework AS3 RIA d’Adobe Flex est un framework d’Adobe en AS3 Flex est entièrement libre, il est possible de destiné principalement à la création de développer des logiciels et de générer des RIAs. fichiers .swf sans l’IDE Flash. Robuste et puissant, ce framework en Il existe un IDE Flex destiné au est aujourd’hui à la version 4 de son développement d’applications basées sur développement. ce framework. 7/13
  • 8.
    FLASH CS5 QU’EST-CE QUEFLASH? AIR: la machine virtuelle RDA d’Adobe AIR est une plateforme de ditribution Il est possible de créer des applications AIR d’applications d’Adobe dont le principe de à partir de l’IDE Flash ou à partir de Flex. fonctionnement est proche de celui de la plateforme Java. De nombreuses applications AIR existent aujourd’hui sur le marché. AIR permet la création d’applications multiplateformes à partir du même code source. Cela représente un gain de temps non-négligeable. 8/13
  • 9.
    FLASH CS5 QU’EST-CE QUEFLASH? Flash en bref Flash est donc une plateforme multimédia Flex facilite la création de RIA en Flash et, destinée à l’affichage de contenu riche et au travers de la plateforme AIR, permet la interactif sur le web. distribution de ces RIA sur les différents systèmes informatiques (Mac, PC, etc...). Grâce à l’AS3, il est possible d’affiner le comportement des animations créées sur Flash, de les rendre interactives ou encore de les rendre dynamiques. 9/13
  • 10.
    FLASH CS5 FLASH DANSLA PRATIQUE Les possibilités de Flash Flash est une technologie aux applications • Animation de pages web multiples et (presque) sans limites. Si elle • Lecture de vidéos sur le web présente de nombreux avantages, elle a • Sites hautement interactifs aussi ses inconvénients sur lesquels nous • Minisites événementiels reviendrons. • Applications financières (online et offline) • E-learning (online et offline) Voici une liste des utilisations possibles de • Widgets de bureau cette technologie. Elle n’est pas exhaustive, • Dessins animés mais elle offre un apperçu intéressant de la • etc... palette d’applications de Flash. 10/13
  • 11.
    FLASH CS5 FLASH DANSLA PRATIQUE Les (im)possibilités de Flash Flash présente son lot d’incovénients et est Le contenu d’une animation Flash n’est sujet à certaines limitations. Afin d’utiliser pas correctement référençable et donc pas cette technologie pertinnement, il est référencé. À moins de fournir un contenu essentiel de connaître ses défauts. alternatif correct, un objet Flash n’aura pas ou peu de présence sur des moteurs tels Une animation Flash se comporte de la que google. même manière sur toutes les plateformes... dans la mesure où les ordinateurs utilisés Apple refuse d’autoriser ses appareils sont assez puissants pour lire cette portables (iPad, iPod, iPhone) à lire du animation. contenu Flash. 11/13
  • 12.
    FLASH CS5 FLASH DANSLA PRATIQUE Exemples de sites et de logiciels We chose the Moon (site commémoratif) Ces exemple pourraient ne plus être Tin Man (minisite) disponnibles dans un futur plus ou moins Got Milk? (minisite) proche (peut-être même au moment où je Louis Vuitton Legends (minisite) donnerai le cours, qui sait). Toyota Fantasy Enhancer II (minisite) Tontie (minijeu) Les sites suivants recensent du contenu Doodle God 2 (minijeu) flash (de qualité, généralement): Guitouxx (portfolio) the FWA (Favourite Website Awards) Toshiyuki Kuwabara (portfolio) Newgrounds (communauté multimedia) Dave Werner (portfolio) Eyezmaze (game designer indépendant) 12/13
  • 13.
    FLASH CS5 WORKSHOP #1 Rechercheet critique de sites en flash Ce workshop est destiné à déterminer Si vous avez du mal à trouver un site, vous votre sensibilité face à des sites utilisant pouvez jeter un coup d’oeil aux pages la technologie flash avant que vous ayez suivantes: été indroduits à son utilisation et à ses the FWA applictions. Beautiful flash sites Bizarre flash sites La sélection des sites est libre, mais elle Adobe Site of the Day devra être justifié (pour certaines qualités ou certains défauts en particulier). 13/13