FLASH CS5FLASH CS5Cours d’introduction à la technologie Flash

Premier jour - introduction aux concepts Mai 2011 // Pedro Silva

FLASH CS5

2/13

• Connaissez-vous Flash?

• Comment définiriez-vous cela?

• Quel est votre avis sur le sujet?

QU’EST-CE QUE FLASH?État des lieux

FLASH CS5

3/13

De nombreux bugs hantant ce logiciel

sont liés à ce passé de mises à jour du

programme sans une refonte complète de

l’application.

Heureusement, Flash CS5 est sensiblement

plus stable que les versions précédentes du

logiciel.

Généralement, Flash est associé à son

environnement de développement intégré

(IDE).

Flash CS5 est actuellement la version la

plus récente de cet IDE.

Avant d’appartenir à Adobe, Flash était

un produit de la société Macromedia qui

elle-même a été connue sous différents

noms.

Flash CS5: le logiciel

QU’EST-CE QUE FLASH?

FLASH CS5

4/13

Basiquement, Flashplayer permet la lecture

des fichiers .swf générés par l’IDE de Flash.

Lorsque l’IDE Flash est installé sur votre

ordinateur, une version standalone du

player est aussi installée par la même

occasion. Il est ainsi possible d’ouvrir des

fichiers .swf directement.

“Ce site requiert l’installation du plugin flashplayer,

désirez-vous l’installer?”

Flashplayer est une petite application

que l’on retrouve dans la plupart des

ordinateurs sous forme de plugin.

Ce plugin est présent sur plus de 95% des

ordinateurs connectés à internet.

Flashplayer: le plugin

QU’EST-CE QUE FLASH?

FLASH CS5

5/13

Aujourd’hui, Flash est encore utilisé dans

la plupart des lecteurs vidéo du web, mais

cette technologie s’est aussi récemment

positionnée dans le domaine des RIAs.

Flash est une plateforme multimedia

utilisée à l’origine pour ajouter de

l’animation, de la vidéo et de l’interactivité

aux pages web.

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).

Flash: la technologie

QU’EST-CE QUE FLASH?

FLASH CS5

6/13

L’AS3 est un langage de programmation

orienté objet assez abouti permettant la

création d’animations complexes gérées

par le code ou encore d’applications à part

entière.

L’AS3 est un langage de programmation

libre, il est possible de générer des fichiers

.swf sans l’IDE Flash.

L’Action Script 3 (AS3) est la version la

plus récente du langage de programmation

utilisé par Flash.

Il est toujours possible d’utiliser de l’AS1

ou de l’AS2 lors de la création de nouvelles

animations Flash, mais c’est déconseillé.

AS3: le langage de Flash

QU’EST-CE QUE FLASH?

FLASH CS5

7/13

Flex est entièrement libre, il est possible de

développer des logiciels et de générer des

fichiers .swf sans l’IDE Flash.

Il existe un IDE Flex destiné au

développement d’applications basées sur

ce framework.

QU’EST-CE QUE FLASH?

Flex est un framework d’Adobe en AS3

destiné principalement à la création de

RIAs.

Robuste et puissant, ce framework en

est aujourd’hui à la version 4 de son

développement.

Flex: le framework AS3 RIA d’Adobe

FLASH CS5

8/13

Il est possible de créer des applications AIR

à partir de l’IDE Flash ou à partir de Flex.

De nombreuses applications AIR existent

aujourd’hui sur le marché.

AIR est une plateforme de ditribution

d’applications d’Adobe dont le principe de

fonctionnement est proche de celui de la

plateforme Java.

AIR permet la création d’applications

multiplateformes à partir du même code

source. Cela représente un gain de temps

non-négligeable.

AIR: la machine virtuelle RDA d’Adobe

QU’EST-CE QUE FLASH?

FLASH CS5

9/13

Flex facilite la création de RIA en Flash et,

au travers de la plateforme AIR, permet la

distribution de ces RIA sur les différents

systèmes informatiques (Mac, PC, etc...).

Flash est donc une plateforme multimédia

destinée à l’affichage de contenu riche et

interactif sur le web.

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.

Flash en bref

QU’EST-CE QUE FLASH?

FLASH CS5

10/13

• Animation de pages web

• Lecture de vidéos sur le web

• Sites hautement interactifs

• Minisites événementiels

• Applications financières (online et offline)

• E-learning (online et offline)

• Widgets de bureau

• Dessins animés

• etc...

Flash est une technologie aux applications

multiples et (presque) sans limites. Si elle

présente de nombreux avantages, elle a

aussi ses inconvénients sur lesquels nous

reviendrons.

Voici une liste des utilisations possibles de

cette technologie. Elle n’est pas exhaustive,

mais elle offre un apperçu intéressant de la

palette d’applications de Flash.

Les possibilités de Flash

FLASH DANS LA PRATIQUE

FLASH CS5

11/13

Le contenu d’une animation Flash n’est

pas correctement référençable et donc pas

référencé. À moins de fournir un contenu

alternatif correct, un objet Flash n’aura pas

ou peu de présence sur des moteurs tels

que google.

Apple refuse d’autoriser ses appareils

portables (iPad, iPod, iPhone) à lire du

contenu Flash.

Flash présente son lot d’incovénients et est

sujet à certaines limitations. Afin d’utiliser

cette technologie pertinnement, il est

essentiel de connaître ses défauts.

Une animation Flash se comporte de la

même manière sur toutes les plateformes...

dans la mesure où les ordinateurs utilisés

sont assez puissants pour lire cette

animation.

Les (im)possibilités de Flash

FLASH DANS LA PRATIQUE

FLASH CS5

12/13

Ces exemple pourraient ne plus être

disponnibles dans un futur plus ou moins

proche (peut-être même au moment où je

donnerai le cours, qui sait).

Les sites suivants recensent du contenu

flash (de qualité, généralement):

the FWA (Favourite Website Awards)

Newgrounds (communauté multimedia)

Eyezmaze (game designer indépendant)

We chose the Moon (site commémoratif)

Tin Man (minisite)

Got Milk? (minisite)

Louis Vuitton Legends (minisite)

Toyota Fantasy Enhancer II (minisite)

Tontie (minijeu)

Doodle God 2 (minijeu)

Guitouxx (portfolio)

Toshiyuki Kuwabara (portfolio)

Dave Werner (portfolio)

Exemples de sites et de logiciels

FLASH DANS LA PRATIQUE

FLASH CS5

13/13

Si vous avez du mal à trouver un site, vous

pouvez jeter un coup d’oeil aux pages

suivantes:

the FWA

Beautiful flash sites

Bizarre flash sites

Adobe Site of the Day

Recherche et critique de sites en flash

WORKSHOP #1

Ce workshop est destiné à déterminer

votre sensibilité face à des sites utilisant

la technologie flash avant que vous ayez

été indroduits à son utilisation et à ses

applictions.

La sélection des sites est libre, mais elle

devra être justifié (pour certaines qualités

ou certains défauts en particulier).