Coffret : La programmation en AS3 de A à Z

Fondamentaux de la programmation en ActionScript 3

L’ActionScript 3 constitue la solution idéale si vous souhaitez créer des applications web basées sur le potentiel graphique de Flash. Cette formation s’adresse aussi bien aux utilisateurs qui ne connaissent pas l’ActionScript 3, qu’à ceux qui possèdent un niveau moyen en AS3 et souhaitent étoffer leurs connaissances. À travers divers exemples et ateliers, découvrez pas à pas les fonctions de base de l’AS3 pour ensuite entrer au cœur du langage : classes personnalisées, éléments multimedia propres à Flash, etc.

Votre formateur/Vos formateurs: Tony Broyez, Hervé Girolet

Date de parution: 16 mars 2010

EUR 79,80

Durée: 15h

Ce coffret regroupe les formations suivantes : ActionScript 3 pour les développeurs, Programmation ActionScript avec Flash CS4 et Programmation avancée en ActionScript 3.0.

Qu'est-ce que je reçois ?

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation ! Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo. N'hésitez pas à nous contacter si vous avez des questions !

Compatible avec l´iPad

Formation téléchargeable

Fichiers source

Dans le panier Téléchargement

Dans ma sélection Recommander à un ami Soumettre un commentaire

Formations similaires

Cette formation d’un niveau intermédiaire à avancé s’adresse aux utilisateurs de Flash ayant des notions de programmation ou aux développeurs désirant étendre leurs compétences à l’ActionScript 3.

ActionScript 3 pour les développeurs
- Voyons dans ce premier chapitre des généralités sur ActionScript 3.
  
  Entrée en matière rapide dans AS3
  - L'architecture du langage actionsScript 3 implique une nouvelle organisation du code, plus rigoureuse, mais plus robuste.
    
    Commencer à coder en AS3
    - Chaque application créée à l'aide d'ActionScript 3.0 comporte une hiérarchie des objets affichés, appelée liste d'affichage. La liste d'affichage contient tous les éléments visibles de l'application.
      
      La liste d'affichage DisplayObjet
      
      03:26
    - La méthode addChild permet de rajouter sur la scène un objet d'affichage.
      
      Application de la liste d'affichage
      
      03:19
    - Pour bien comprendre la structure de la classe Document, un exemple de code AS2 est mis en opposition avec une structure de code AS3.
      
      Structure d'une classe Document
      
      08:17
    - En AS3, l'écoute des évènements va plus loin qu'en AS2. Il est par exemple possible de gérer le double-clic et de basculer la scène en mode plein écran.
      
      Gestion des évènements
      
      04:47
    - Un fichier swf doit être chargé en totalité pour pouvoir être exploité. La classe LoaderInfo fournit les propriétés et méthodes nécessaires à la gestion du chargement.
      
      Utilisation de la classe LoaderInfo
      
      05:15
    - La classe Simple Button permet de définir dynamiquement sur la scène un bouton interactif.
      
      Classe Simple Button
      
      03:04
    - Le langage AS3 offre la possibilité de créer des conteneurs moins complexes que le MovieClip.
      
      Classe Sprite : le petit frère du MovieClip
      
      03:40
    - Comme dans les versions précédentes, le MovieClip est la base de toute application Flash.
      
      Classe MovieClip, base d'une application
      
      04:11
  - Ces fonctions disponibles dans les versions précédentes demandent un nouvel apprentissage pour les utiliser.
    
    Du neuf avec de l'ancien
    - La très classique getURL a disparu au profit de la classe NavigateToURL. En AS3, la classe URLVariables permet de rajouter des variables à la requête HTTP.
      
      Atteindre une URL
      
      03:01
    - La classe MovieClipLoader est remplacée par la classe Loader.
      
      Charger des images externes
      
      02:53
    - Pour positionner un MovieClip ou un bitmap sur la scène, il faut désormais passer par la liste d'affichage.
      
      AttachMovie
      
      01:26
    - La classe Sound existe toujours, mais un contrôle plus précis du son est possible via sa source : l'objet SoundChannel.
      
      Charger un son MP externe
      
      01:45
    - AttachSound lit un son de la bibliothèque sous forme d'une instance de l'objet Sound.
      
      AttachSound
      
      00:52
- L'ActionScript 3 s'est doté de fonctionnalités dignes d'un langage moderne et performant.
  
  Nouvelles fonctionnalités de l'AS3
  - Ces instructions entourent un bloc de code dans lequel une erreur peut se produire et être traitée. Le traitement des exceptions constitue le principal mécanisme de traitement des erreurs d'exécution d'ActionScript 3.
    
    Try, Catch, Finally
    
    04:17
  - Throw permet d'émettre des exceptions de façon explicite et personnalisée dans votre code.
    
    L'instruction Throw
    
    06:19
  - Parfois considérée comme une contrainte, la vérification de type offre une sécurité accrue dans l'écriture du code.
    
    Erreur et conversion de type
    
    02:39
  - En AS2 les classes étaient implicitement dynamiques. En AS3, on perd cette caractéristique mais il est possible de la retrouver par une déclaration explicite.
    
    Les classes ne sont plus dynamiques
    
    03:11
  - Lors de l'exploitation de données XML, la spécification E4X implémentée dans l'AS3 décharge le développeur du travail fastidieux de la reconstitution des structures de données.
    
    XML : E4X, le repos du développeur
    
    03:34
  - ActionScript 3.0 inclut une prise en charge native des expressions régulières afin d'accélérer la recherche et la manipulation des chaînes.
    
    Expressions régulières
    
    04:04
  - ActionScript 3.0 comporte plusieurs attributs spéciaux qui contrôlent l'accès aux propriétés définies dans une classe.
    
    Attribut d'espace de nom de classes
    - Selon ses attributs une classe peut permettre l'accès à ses propriétés et méthodes de différentes manières.
      
      Domaine de validité des classes
      
      01:13
    - Visible pour les références à partir de n'importe quel point du code.
      
      Classe public
      
      02:03
    - Visible pour les références à partir du paquet actuel.
      
      Classe interne
      
      02:43
    - Visible pour les références à partir de la même classe.
      
      Classe private
      
      02:15
    - Visible pour les références à partir de la même classe et des classes dérivées.
      
      Classe protected
      
      01:43
    - Les espaces de nom vous permettent de contrôler la visibilité des propriétés et des méthodes que vous créez.
      
      Classe NameSpace
      
      01:30
  - Le langage ActionScript 3 s'est doté de 2 nouveaux types de données afin d'optimiser la précision de certains développements.
    
    Nouveaux types de données
    
    01:36
  - URLRequest remplace le getURL des versions précédentes, avec la possibilité supplémentaire de transférer des variables du Flash Player vers un serveur.
    
    Requêtes HTTP avec URLRequest
    
    01:44
- L'ActionScript 3 s'est doté d'une architecture et de fonctionnalités robustes permettant aux développeurs de construire des applications Web bénéficiant des concepts de la programmation objet évoluée.
  
  La programmation objet
  - Les packages vous permettent de vérifier que les noms d'identifiant que vous utilisez sont uniques et qu'ils ne sont pas incompatibles avec d'autres noms d'identifiant.
    
    Utilisation des packages
    - La définition d'un package implique une organisation rigoureuse pour éviter le conflit entre les classes.
      
      Définition et création d'un package
      
      04:19
    - Le package étant structuré, il est maintenant possible d'instancier les classes qu'il contient.
      
      Utilisation d'un package
      
      02:28
  - Les classes sont le centre des développements en ActionScript. Si en AS2 cette notion n’était pas indispensable, elle est primordiale en AS3.
    
    Les classes
    - Il est indispensable de bien comprendre la structure interne d'une classe.
      
      Définition d'une classe
      
      02:43
    - Lors de la conception d'un projet actionScript, il est préférable, pour plus de souplesse d'utilisation, de moduler son code en plusieurs classes.
      
      Création d'une classe
      
      04:20
    - Point de départ de votre classe, la fonction constructeur est exécutée automatiquement dès qu'une instance de la classe est créée.
      
      La fonction constructeur
      
      06:28
    - Une classe peut résider dans le fichier de classe d'une autre classe.
      
      Classes résidentes
      
      02:44
  - Dans cette section le formateur passe en revue les différentes façons de définir, d'accéder et de modifier des propriétés de classe.
    
    Propriétés
    - Il existe plusieurs techniques pour accéder et modifier une propriété.
      
      Créer et modifier des propriétés
      
      04:00
    - Les méthodes sont des fonctions appliquées aux classes. Le débogueur intégré à Flash VS3 permet l'analyse du fonctionnement d'une méthode.
      
      Invoquer une méthode de classe
      
      02:48
    - Lors de l'invocation d'une méthode, il est possible de lui envoyer des arguments.
      
      Méthode avec des arguments
      
      01:12
    - Pour accéder à une méthode de classe statique, utilisez directement le nom de la classe et non pas le nom de l'occurrence.
      
      Accéder aux méthodes statiques
      
      01:27
    - Cette méthode de dissimulation de propriétés offre une interface publique permettant d'accéder à des propriétés privées en toute sécurité.
      
      La magie de Getter / Setter
      
      02:22
    - Ce type de classe permet de définir dynamiquement des propriétés non déclarées dans la classe.
      
      Classes dynamiques
      
      02:19
  - L'héritage est une forme de réutilisation du code qui permet aux programmeurs de développer de nouvelles classes à partir de classes existantes.
    
    Héritage
    - Principe de base de l'héritage
      
      Hériter des propriétés et des méthodes
      
      03:58
    - Lorsque l'instruction est utilisée dans le corps d'un constructeur de classe, elle appelle la version super-classe du constructeur, permettant ainsi d'accéder aux propriétés de la classe parent.
      
      Le constructeur de la version Super
      
      03:37
    - La super-classe peut contenir des propriétés constantes qu'elle attribue implicitement à ses instances. Ces propriétés doivent être statiques.
      
      Propriétés constantes
      
      02:32
    - Dans une méthode, Override redéfinit une méthode héritée de la super classe.
      
      La surcharge d'une méthode
      
      02:11
  - Les interfaces sont des types de données qui définissent un ensemble de méthodes.
    
    Interface
    - Les méthodes doivent être définies par la classe qui implémente l'interface.
      
      Création d'une interface
      
      01:28
    - La mise en place d'une interface nécessite la cohérence des méthodes et des types à travers les différentes classes de l'interface.
      
      Utilisation d'une interface
      
      03:17
    - Le mot clé is permet de vérifier si une instance appartient bien à une classe définie.
      
      Contrôle de type dans une interface
      
      03:42
    - Lors de la réalisation d'un projet complexe, il est possible de combiner plusieurs interfaces.
      
      Interfaces combinés
      
      03:36
    - En ActionScript 3 les interfaces bénéficient comme les classes des possibilités d'héritage.
      
      Interfaces héritées
      
      02:36
- L'API Flash Player d'ActionScript 3.0 contient un grand nombre de nouvelles classes qui vous permettent de contrôler les objets de bas niveau.
  
  Les changements de l'API du Flash Player
  - Les évènements sont au cœur de la vie et de l'interaction d'une application. Sans eux, rien ne se passe.
    
    Evènements
    - Dès lors ou l'utilisateur bouge la souris, il génère automatiquement un ou plusieurs évènements.
      
      Introduction à la notion d'évènement
      
      01:12
    - La classe Event est utilisée comme classe de base pour la création des objets évènements, transmis aux écouteurs d'évènements en tant que paramètres lorsqu'un évènement se produit.
      
      La classe Event
      
      01:14
    - La classe EventPhase fournit des valeurs à la propriété eventPhase de la classe Event.
      
      Les phases de diffusion d'évènements
      
      01:43
    - Plusieurs méthodes sont disponibles pour gérer le flux d'évènements en fonction des cibles désirées.
      
      Gestion des propriétés d'évènements
      
      02:55
    - Il est possible de cumuler sur un objet plusieurs évènements. Ces évènements varient selon l'objet concerné.
      
      Ajout d'écouteurs d'évènements
      
      02:30
    - La gestion des évènements d'un objet n'étant plus souhaitée, il est possible d'en supprimer les écouteurs.
      
      Suppression d'écouteurs d'évènements
      
      02:09
    - Il est possible de définir ces propres types d'évènements.
      
      Evènements personnalisés
      
      03:42
  - La classe DisplayObjectContainer est la classe de base de tous les objets susceptibles de servir de conteneurs d'objet d'affichage dans la liste d'affichage.
    
    Classe DisplayObjectContainer
    - La classe DisplayObjectContainer permet d'organiser les objets d'affichage dans la liste d'affichage.
      
      Introduction
      
      01:55
    - La finalité des objets est d'être visible dans la classe document, c'est-à-dire sur la scène du Flash Player.
      
      Ajouter des objets d'affichage
      
      02:51
    - Comme dans l'IDE de Flash, il est possible d'imbriquer des objets d'affichage en AS3.
      
      Imbriquer des objets d'affichage
      
      02:54
    - Ces propriétés permettent un contrôle précis des évènements d'affichage de la classe Event.
      
      Propriétés ADDED et ADDED_TO_STAGE
      
      01:24
    - Au sein d'une liste d'affichage, la méthode removeChild permet de supprimer un objet d'affichage.
      
      Supprimer des objets d'affichage
      
      01:04
    - Il est possible de définir le niveau d'empilement des objets d'affichage en fonction d'un index. Le niveau le plus bas de l'empilement commence à 0.
      
      Hiérarchie des objets d'affichage
      
      02:33
    - L'ancienne méthode swapDepth est remplacée par swapChildren pour permuter l'ordre de l'empilement des objets d'affichage.
      
      Permuter les objets d'affichage
      
      02:44
    - La méthode swapChildrenAt permet aussi de permuter l'empilement des objets d'affichage.
      
      Permuter les objets par indices
      
      01:56
- Les Rich Internet Applications (RIA) sont des applications Web qui partagent les caractéristiques des applications autonomes sur l'ordinateur. Les Sprites, movieClips, sons, textes sont les éléments qui enrichissent l'interface d'une application orientée utilisateur.
  
  RIA : objets d'interface utilisateur
  - Un objet Sprite peut contenir ses propres graphismes et/ou des objets d'affichage enfants. Par contre un objet Sprite ne possède pas de scénario.
    
    La classe Sprite
    - La nouvelle classe Sprite et son intégration au sein de la liste d'affichage de l'API de Flash.
      
      Présentation de la classe Sprite
      
      05:22
    - Les StartDrag et StopDrag sont les deux méthodes de base pour la gestion des Glissé / Déposé, ou Drag and Drop en anglais.
      
      Principe de base du Glissé / Déposé
      
      01:46
    - D'autres méthodes et paramètres permettent d'enrichir la gestion d'un Sprite dans la liste d'affichage.
      
      Glissé / Déposé avancé
      
      04:05
    - La classe Graphics contient un ensemble de méthodes permettant de créer une forme vectorielle.
      
      Dessiner des lignes
      
      03:49
    - Selon la finalité de vos lignes, il est possible de définir deux modes de remplissage : vectoriel ou bitmap.
      
      Remplissage vectoriel et bitmap
      
      03:05
    - Il est aussi possible de dessiner des courbes de Bézier, comme dans Illustrator.
      
      Dessiner des courbes
      
      02:28
    - Toutes sortes de dégradés sont possibles dans l'API de dessin du Flash Player.
      
      Remplir avec des dégradés
      
      02:10
    - La classe Graphics dispose de plusieurs méthodes permettant de dessiner des formes prédéterminées.
      
      Dessiner des formes prédéterminées
      
      01:46
  - Objet de référence dans les versions précédentes de Flash, la classe MovieClip est maintenant un objet d'affichage parmi les autres.
    
    La classe MovieClip
    - La classe MovieClip et son intégration au sein de la liste d'affichage de l'API de Flash.
      
      Présentation de la classe MovieClip
      
      00:40
    - Les anciennes méthodes de contrôle du scénario sont toujours disponibles, mais dans un environnement évènementiel AS3.
      
      Contrôle du scénario
      
      04:06
    - En AS3, les étiquettes d'image sont enfin des objets contenant le numéro de l'image et le nom associé à l'étiquette.
      
      Contrôle avec les noms d'étiquettes
      
      03:12
    - L'utilisateur avec sa souris peut interagir avec un scénario.
      
      Contrôle interactif du scénario
      
      02:39
    - On en a rêvé, l'AS3 l'a fait !
      
      Instancier un symbole sur la scène
      
      03:03
    - Une application Flash complexe peut être un ensemble de fichiers externes chargés dans le Flash Player.
      
      Charger des fichiers externes
      
      02:12
    - La classe LoaderInfo fournit des informations relatives à la progression du déroulement du chargement.
      
      Contrôler les informations de chargement
      
      01:47
    - La cohabitation fonctionne avec un fichier swf AS1 ou AS2, chargé dans un projet AS3.
      
      Charger un fichier swf
      
      01:17
  - La classe Sound vous permet de contrôler le son dans une application.
    
    La classe Sound
    - Comme son nom l'indique, la classe Sound vous permet de créer un objet Sound, de charger et de lire un fichier MP3 externe dans cet objet, de fermer le flux audio et d'accéder aux données relatives au son.
      
      Présentation de la classe Sound
      
      00:53
    - En AS3, les sons intégrés sont des objets que l'on peut instancier à la manière de l'attachSound en AS2.
      
      Lire des sons de la bibliothèque
      
      01:49
    - La méthode URLRequest permet de charger des sons externes. Il est possible alors de lire les repères ID3 du morceau chargé.
      
      Lire des sons externes
      
      03:16
    - Plusieurs méthodes permettent d'avoir des informations sur l'état de chargement d'un son.
      
      Contrôler le chargement d'un son
      
      01:05
    - La classe SoundLoaderContext permet de contrôler l'état de la mise en tampon d'un fichier MP3 externe.
      
      Contrôler la mise en tampon
      
      03:00
    - La classe SoundChannel contrôle un son dans une application. Chaque son lu dans une application Flash est affecté à un canal audio.
      
      Information sur les canaux sonores
      
      01:37
    - Un objet SoundTransform comprend les propriétés de réglage du volume, du déplacement panoramique, ainsi que des haut-parleurs gauche et droit.
      
      Utilisation de SoundTransform
      
      01:29
    - computeSpectrum permet de générer un instantané de l'onde sonore actuelle sous forme graphique.
      
      Utilisation de computeSpectrum
      
      03:29
  - Le texte est un élément d'information essentiel dans une application. Dans ce chapitre sont abordées les multiples façons de gérer et de manipuler du texte en AS3.
    
    Le texte en ActionScript
    - La classe TextField permet de créer des objets d'affichage et de saisie de texte. Tous les champs textes de saisie et dynamiques dans un fichier SWF sont des occurrences de la classe TextField.
      
      Présentation du texte en AS3
      
      00:55
    - Grâce à ses propriétés, il est possible de gérer différents aspects de l'objet d'affichage, conteneur du texte.
      
      Propriétés de la classe TextField
      
      03:08
    - Les séquences d'échappement permettent d'introduire des caractères de formatage dans du texte.
      
      Introduire des séquences d'échappement
      
      02:15
    - Ce type de champ est particulièrement adapté pour la réalisation de formulaires. Cette vidéo passe en revue les différentes propriétés possibles pour ce type de champs.
      
      Créer des champs de saisie
      
      03:50
    - La possibilité d'intégrer du texte HTML permet de faire bénéficier au texte dynamique des enrichissements typographiques.
      
      Afficher du texte HTML
      
      02:35
    - Les styles CSS sont reconnus pour l'affichage de texte HTML.
      
      Formatage du texte avec des styles CSS
      
      03:02
    - Lorsque la quantité de texte dépasse l'encombrement de l'objet d'affichage, il est possible de le faire défiler. La constante SCROLL reconnaît les évènements générés par la roulette de la souris.
      
      Faire défiler du texte
      
      03:14
    - Une occurrence de TextFields reçoit des évènements qu'il est possible de gérer en AS3.
      
      Evènements reçus par TextField
      
      01:32
    - Il est possible d'affecter à une balise href un évènement linkEvent.
      
      Evènement linkEvent sur une balise href
      
      02:11
    - La classe URLLoader permet de charger dynamiquement du texte dans différents formats. Parmi ceux-ci : le texte brut.
      
      Charger du texte externe avec URLLoader
      
      02:43
    - Des données de variables codées au format URL peuvent être chargées par la classe URLLoader.
      
      Charger des couples de variables
      
      01:37
    - Les feuilles de style CSS étant des fichiers texte, il est bien sûr possible de les charger dynamiquement pour affecter l'apparence d'un texte brut ou HTML.
      
      Charger des feuilles de styles externes
      
      02:08
- XML est un moyen standard de représenter des informations structurées afin de permettre aux ordinateurs de les utiliser facilement et au cerveau humain de les écrire et de les comprendre.
  
  ActionScript et XML
  - La spécification ECMAScript pour XML définit un ensemble de classes et de fonctionnalités permettant d'utiliser des données XML.
    
    XML et E4X
    
    01:27
  - Des données XML étant une chaîne de caractères, elles constituent l'argument pour la création d'une instance de la classe XML.
    
    Créer un objet XML
    
    03:49
  - Une instance de la classe XML étant créée, différentes méthodes permettent de structurer les données XML.
    
    Structurer un XML
    
    02:29
  - Un nœud XML peut contenir un ou plusieurs attributs. La spécification E4X facilite la définition des attributs.
    
    Définir les attributs d'un nœud
    
    02:49
  - Une instance XMLList représente un ensemble arbitraire d'objets XML. Elle peut contenir des documents XML complets, des fragments XML ou les résultats d'une requête XML.
    
    Extraire des données grâce aux XMLList
    
    03:07
  - Le propre des données XML est d'être structuré. E4X associé à un objet XML permet d'exploiter et de filtrer ses données.
    
    Extraire des données hiérarchisées
    
    02:34
  - L'exploitation des attributs se fait sur le même principe que pour les nœuds, grâce à l'opérateur.
    
    Extraire des attributs XML
    
    02:33
  - La classe URLRequest est également nécessaire pour charger dynamiquement des fichiers XML externes.
    
    Charger des fichiers XML externes
    
    02:37
- Bitmap et video sont les derniers éléments visualisables grâce à la liste d'affichage du Document Object Model de l'actionscript 3.
  
  Bitmap et video
  - La classe Bitmap représente les objets d'affichage qui représentent les images bitmap. Ces images peuvent être chargées ou créées à l'aide du constructeur Bitmap.
    
    Bitmap et pixels
    - La classe bitMapData est le conteneur qui permet de dessiner des pixels au sein de la liste d'affichage.
      
      Dessiner des bitmaps
      
      02:07
    - Des bitmaps de la bibliothèque peuvent être instanciés sur la scène à la façon de l'ancienne méthode AS2 : attachMovie.
      
      Attacher des bitmaps
      
      02:00
    - Une instance de la classe bitMapData peut dupliquer les pixels d'une autre instance.
      
      Cloner des pixels
      
      02:47
    - La nouvelle liste d'affichage permet de charger des images externes directement, sans utiliser de conteneur.
      
      Charger des bitmap externes
      
      02:15
  - La classe Video vous permet d'afficher un flux vidéo en direct dans une application sans l'imbriquer dans votre fichier SWF.
    
    Video
    - Grâce à ses possibilités de gestion de la vidéo, le Flash Player a rendu possible la diffusion de flux vidéo de masse.
      
      Présentation de la classe Video
      
      01:09
    - Vous pouvez capturer et afficher un flux vidéo diffusé par une caméra connectée à votre ordinateur.
      
      Capturer des signaux de webCam
      
      00:55
    - Le chargement progressif offre l'avantage d'une infrastructure légère à mettre en place pour charger progressivement des fichiers au format FLV.
      
      Vidéo en chargement progressif
      
      03:02
    - La lecture d'un flux vidéo produit un certain nombre d'évènements qu'il peut être intéressant de capturer.
      
      Evènements produits par un flux vidéo
      
      01:39
    - La gestion efficace des évènements d'un flux vidéo permet de contrôler ce flux en fonction des actions de l'utilisateur.
      
      Contrôler un flux vidéo
      
      02:01
    - Le streaming video permet un chargement à la demande d'un flux vidéo en toute sécurité puisque le signal vidéo ne passe pas par le cache du navigateur.
      
      Vidéo en streaming video
      
      02:05
Basé sur ECMA script, ce langage, présent depuis des années dans Flash, a atteint maintenant une maturité et une stabilité digne des grands langages. Cette formation, basée sur l’exemple et la pratique, a été conçue pour faire évoluer les anciennes pratiques liées à l’AS1 vers la performance et la modernité de l’AS3.

Programmation ActionScript avec Flash CS4
- Depuis Flash CS3, Flash intègre 2 versions distinctes et incompatibles du langage ActionScript. Il vous appartient donc en fonction de vos contraintes d'environnement et de vos compétences de faire le bon choix.
  
  Introduction
  - Après un bref historique, le formateur fait le point sur les différences entre les deux versions du langage ActionScript, AS2 et AS3, afin de vous aider à faire le bon choix pour votre projet.
    
    Introduction à l'ActionScript
    
    02:46
- Cette première version de langage ActionScript a permis depuis la version 4 de Flash de gérer des évènements et ainsi de gérer de l'interactivité dans un fichier SWF. C'est la version la moins contraignante du langage.
  
  ActionScript 1
  - Dans cette suite de 3 vidéos, le formateur réalise une petite application interactive mettant en avant les principes de navigation. Les points suivants sont abordés : structure de l'interface, notion d'évènement, contrôle du scénario, atteindre une page Web.
    
    Application simple
    - Présentation de l'application qui va être développée dans les vidéos suivantes.
      
      Présentation de l'atelier
      
      03:07
    - Si le code ActionScript peut s'adapter à beaucoup de situations, une structure organisée et cohérente de votre scénario rendra la tâche de programmation plus commode.
      
      Mise en place de l'interface
      
      09:50
    - Les commandes de base de navigation et de gestion de clip sont employées dans ce tutoriel. En envoyant la tête de lecture de votre scénario, en différents endroits, vous déclenchez le processus d'interactivité.
      
      Programmation
      
      09:56
  - Un fichier SWF doit être complètement chargé pour être disponible, vous avez donc la charge de mettre en place une barre de chargement, pour indiquer à vos utilisateurs l'état de chargement de votre animation.
    
    Chargement d'application
    - Une barre de chargement est constituée d'un ensemble d'éléments que vous pouvez définir dans l'interface de Flash. Dans cet exemple un MovieClip est créé comme conteneur pour une réutilisation future.
      
      Présentation de l'atelier
      
      04:07
    - Un MovieClip et du texte dynamique sont utilisés dans cet exemple pour afficher le chargement de l'animation.
      
      Mise en place de l'interface
      
      03:45
    - Le taux de chargement d'un fichier SWF est le rapport entre le nombre d'images de votre fichier SWF et les images effectivement chargées. Des propriétés et méthodes de la classe MovieClip renvoient les indications nécessaires à ce calcul.
      
      Gestion du chargement en ActionScript
      
      06:18
    - Une structure adéquate et correctement organisée permet une réutilisation aisée d'un objet dans différents autres fichiers ou projets.
      
      Réutiliser des MovieClip structurés
      
      03:36
  - Dans cet atelier le formateur réalise pas à pas une application interactive permettant à un utilisateur d'intervenir sur des MovieClip à l'aide de sa souris.
    
    Jeu de glissé/déposé
    - Des MovieClip peuvent être contrôlés, grâce à l'interaction de la souris de l'utilisateur, mais pour cela, chaque élément doit avoir un nom d'instance.
      
      Présentation de l'atelier
      
      08:59
    - Il est possible de rajouter des éléments de menu contextuel sur des clips de votre animation. Pour cela le formateur utilise la classe ContextMenu.
      
      Création d'un menu contextuel
      
      06:15
- L'évolution de l'AS1 vers l'AS2 a permis de donner à ce langage procédural une structure objet qui convient mieux aux développeurs pour gérer des projets complexes.
  
  ActionScript 2
  - Dans cette partie, vous apprendrez rapidement à créer et instancier une classe, ainsi qu'à gérer les actifs d'un fichier Flash.
    
    Création et gestion d'une classe
    - Dans ce tutoriel, le formateur crée une classe ActionScript 2 et instancie cette classe depuis un fichier Flash en lui envoyant un argument.
      
      Structure d'une classe
      
      06:25
    - Cette vidéo explique comment depuis une classe AS2, on peut gérer les actifs d'un fichier Flash.
      
      Gestion des actifs
      
      05:59
  - Dans cet atelier, le formateur prend un exemple concret de développement d'une petite application et développe pas à pas les fonctionnalités au sein d'une classe AS2.
    
    Création d'une application diaporama
    - Pour une bonne gestion de vos développements et pour éviter des conflits dans le nom des classes, il est préconisé de structurer ses classes en packages.
      
      Instanciation et importation d'un package
      
      04:43
    - Il existe plusieurs types de variables : locales ou affectées à la classe. Pour les variables de classe, vous devez les déclarer après la définition de votre classe.
      
      Définition des propriétés de classe
      
      05:16
    - Pour instancier dans vos classes des éléments impossibles à programmer, tels que des éléments graphiques issus de la bibliothèque, vous devez leur donner des noms de liaison.
      
      Définition des actifs du projet
      
      06:22
    - Pour pouvoir positionner des actifs sur la scène, il leur faut un conteneur. La méthode CreatEmptyMovieClip permet de créer dynamiquement des clip vides.
      
      Positionnement des actifs
      
      04:18
    - En AS2, en présence d'un gestionnaire d'évènement dans une classe vous perdez la référence à la classe que vous utilisez. La classe Delegate permet de résoudre ce problème.
      
      Utilisation de la classe Delegate
      
      05:50
    - La classe MovieClipLoader possède les méthodes nécessaires à la gestion des différents événements liés au chargement d'un média externe.
      
      La classe MovieClipLoader
      
      06:14
    - Point final de ce tutoriel, la gestion de la navigation permet de passer d'une image à l'autre en utilisant la structure mise en place dans les précédents tutoriels.
      
      Gestion de la navigation
      
      03:37
- Dernière version particulièrement évoluée du langage ActionScript, cette version plus robuste et plus rapide permet aux développeurs de construire des applications Web et pour poste de travail.
  
  ActionScript 3
  - Dans ce chapitre, les principales caractéristiques, la liste d'affichage, les nouvelles classes et la nouvelle conception de gestion d'un bouton en AS3 vous seront présentées.
    
    Présentation des nouveautés
    - Dans cette vidéo, le formateur évoque les principales caractéristiques de cette nouvelle version.
      
      Présentation de l'AS3
      
      01:58
    - Dans cette vidéo, le formateur fait une présentation théorique de la liste d'affichage, qui est au coeur de la gestion des objets visibles en AS3. Des nouvelles classes sont également apparues telles que les classe Sprite et Shape.
      
      Présentation de la liste d'affichage
      
      03:34
    - La façon de déclencher une action sur un bouton a fondamentalement changé. Désormais, c'est dans une structure écouteur d'évènement, fonction qu'il faut gérer avec une action sur un bouton.
      
      Gestion d'un bouton dans l'API de Flash
      
      07:35
  - Il existe plusieurs façons de faire la gestion d'un objet d'affichage. Dans cette série de tutoriels, le formateur en passe en revue les différents moyens.
    
    L'objet d'affichage
    - Depuis un script d'image, vous pouvez gérer un objet d'affichage. Si vous migrez depuis AS2 vous devez néanmoins modifier vos habitudes de programmation.
      
      Depuis un script d'image
      
      04:43
    - En AS3, il est possible de décrire le comportement d'un objet d'affichage dans une classe d'objet située dans un fichier externe qui instanciera cet objet lors de l'exécution.
      
      Utilisation d'une classe d'objet
      
      09:05
    - La classe document est le coeur de votre application dans laquelle vous la décrivez, ou instanciez les éventuelles différentes autres classes.
      
      Définition de la classe document
      
      05:25
    - Depuis votre classe document, vous pouvez rajouter des objets d'affichage grâce à la méthode addChild(). Bien que rajoutée depuis la classe document, cette instance peut être gérée par sa propre classe.
      
      Ajout d'objet dans la liste d'affichage
      
      05:46
  - Ce panneau déjà présent dans les versions antérieures de Flash est désormais plus efficace dans sa capacité à gérer de gros projets. Il permet notamment de créer des classes à partir de modèles prédéfinis ou personnalisés.
    
    Le panneau Projet
    - Dans cette vidéo le formateur crée un nouveau projet. Grâce à ce projet, la tâche laborieuse de définition de structure de classe est désormais automatique.
      
      Création d'un nouveau projet
      
      06:40
    - En utilisant un projet pour des projets importants contenant de nombreux fichiers à publier, vous gagnerez en efficacité en utilisant ce panneau.
      
      Optimisation d'un projet
      
      03:57
- Adobe AIR est une technologie Adobe permettant de capitaliser et de déployer des développements ActionScript 3, HTML, JavaScript vers des applications pour poste de travail.
  
  AIR
  - Pour utiliser la technologie AIR, l'utilisateur doit installer le lecteur d'application AIR. Ensuite, il peut commencer son expérience d'utilisateur AIR.
    
    La technologie AIR
    
    04:20
  - Une application AIR est un fichier Flash CS4 développé en AS3. Pour générer une application AIR, de nombreux paramètres sont requis. Le formateur déclenche dans cette vidéo le processus complet de création d'un package AIR.
    
    Création d'une application AIR
    
    08:37
  - Une fois créé, le package AIR peut servir à gérer l'installation, les mises à jour ou enfin la désinstallation de l'application.
    
    Installation de l'application AIR
    
    03:02
  - La technologie AIR permet de nouvelles relations entre vos applications et le poste de travail, notamment la possibilité de gérer le glissé/déposé entre le bureau et votre application AIR.
    
    Une application de glissé/déposé
    
    09:50
  - AIR permet de s'affranchir des certaines restrictions imposées dans le FlashPlayer. Vous pouvez en particulier rendre une fenêtre AIR transparente sur le bureau.
    
    Rendre une fenêtre transparente
    
    03:16
L’ActionScript 3.0 permet au développeur Flash de remettre en question ce qui est visible sur le web aujourd’hui. Ces avancées technologiques ont cependant un coût. Pour le développeur il s’agit de maîtriser un langage plus riche et en même temps plus complexe. Cette formation vidéo vous guidera donc sur la voie d’une utilisation étendue des possibilités du lecteur Flash en vous ouvrant les portes de Flash Remoting et Flash Media Server.

Programmation avancée en ActionScript 3.0
- En ActionScript 3 les design patterns ou patrons de conception offrent des solutions élégantes à des problèmes récurrents d'architecture logicielle. Dans ce chapitre vous développerez une application de dessin vectoriel.
  
  Les Designs patterns ou patrons de conceptions
  - Dans ce tutoriel vidéo le formateur vous présente le déroulé de la formation.
    
    Introduction
    
    02:44
  - En ActionScript 3 le pattern d'architecture Modèle-Vue-Contrôleur permet de structurer des applications complexes et de les rendre plus compréhensibles et plus robustes.
    
    Pattern d'architecture Modèle-Vue-Contrôleur
    
    02:47
  - Implémenter le modèle en utilisant le pattern de création Singleton.
    
    Implémentation AS3 du Modèle-Vue-Contrôleur 1
    
    08:50
  - Le contrôleur est la classe qui modifie les données du modèle. La vue est la classe qui affiche les données du modèle en souscrivant aux évènements que celui-ci diffuse.
    
    Implémentation AS3 du Modèle-Vue-Contrôleur 2
    
    03:02
  - Un exemple minimal d'utilisation du pattern MVC.
    
    Premier cas d'utilisation de l'implémentation MVC
    
    11:51
  - Construction d'une application de dessin vectoriel avec l'ActionScript 3 structurée selon le pattern MVC.
    
    Démonstration et schéma de l'application
    
    03:57
  - Les interfaces offrent des bénéfices non négligeables pour architecturer une application, découpler les objets et offrir une alternative à l'héritage.
    
    Comprendre les interfaces
    
    03:44
  - Coder l'interface IDrawable qui décrit les comportements qu'un ensemble de classes doit implémenter.
    
    Coder une interface
    
    05:56
  - Dans ce tutoriel vidéo vous verrez comment implémenter l'interface.
    
    Implémenter une interface
    
    11:46
  - Tester régulièrement une application en cours de développement permet de prévenir les erreurs de conception.
    
    Tester son application
    
    07:10
  - Le modèle offre un point d'accès centralisé aux objets qui réalisent le métier de l'application.
    
    Injecter les objets du domaine dans le modèle de données
    
    05:48
  - Dans ce tutoriel vidéo nous déclarons les propriétés du modèle qui stockent les sélections de l'utilisateur dans la vue.
    
    Stocker les sélections de l'utilisateur dans le modèle
    
    04:35
  - L'ActionScript 3 supporte les constantes (mot-clé const). En utilisant les constantes, on rend plus lisible le code source et plus flexible l'application.
    
    Utiliser des constantes pour plus de souplesse
    
    02:17
  - Utilisons ici les MinimalComponents pour mettre en place une interface utilisateur permettant de paramétrer les tracés vectoriels.
    
    Configurer l'interface utilisateur avec les MinimalComponents
    
    08:42
  - Implémentons les méthodes du contrôleur qui modifient les données du modèle, puis lions les composants de la vue et les méthodes du contrôleur.
    
    Configurer le contrôleur
    
    14:57
  - Dans ce tutoriel vidéo nous définissons dans la vue les écouteurs pour les évènements diffusés par le modèle.
    
    Souscrire aux évènements diffusés par le modèle
    
    10:20
  - Définissons au sein du contrôleur les méthodes permettant d'afficher et d'actualiser des tracés vectoriels dans la vue.
    
    Implémenter la logique de dessin dans le contrôleur
    
    17:30
  - Dans ce tutoriel vidéo nous redirigeons les interactions avec la vue sur les méthodes du contrôleur.
    
    Lier la vue et le contrôleur
    
    02:37
  - Réglons maintenant les derniers détails d'ordre fonctionnel, à savoir l'utilisation d'un curseur de souris personnalisé lorsque le pointeur est sur la toile et un retour au curseur standard hors de la toile.
    
    Derniers réglages
    
    06:36
  - Le refactoring ou remaniement de code consiste à réécrire certains morceaux de code de l'application afin que celle-ci gagne en structure, lisibilité, etc. Nous n'ajoutons cependant pas de nouvelles fonctionnalités à l'application.
    
    Refactoring
    
    14:08
- Flash Remoting est une technologie optimisée permettant d'étendre les possibilités du lecteur Flash. Dans ce chapitre vous créerez un service d'envoi de mails.
  
  Le Flash Remoting
  - Flash Remoting permet à un client Flash de communiquer avec une technologie de serveur telle que PHP, Java, .Net, etc.
    
    Présentation théorique du Flash Remoting
    
    06:45
  - Installation de WAMP, distribution regroupant un serveur Apache, le serveur de base de données MySQL et l'interpréteur PHP pour la plateforme Windows.
    
    Installer WAMP
    
    03:10
  - Déployer AMFPHP, la passerelle Remoting pour PHP.
    
    Déployer AMFPHP
    
    04:53
  - Nous créons un service PHP minimal pour tester la connexion et l'échange de données avec un client SWF.
    
    Créer un service distant et un client SWF
    
    13:13
  - Créer un service d'envoi de mails en PHP.
    
    Le service MailService
    
    03:26
  - Utiliser le service PHP MailService pour envoyer des mails depuis un client Flash.
    
    Client SWF : classe Service dédiée aux appels RPC
    
    10:56
  - Créer une interface utilisateur pour notre client d'envoi de mails.
    
    Client SWF : une interface graphique avec les MinimalComponents
    
    08:45
  - Faire correspondre une classe ActionScript 3 et une classe PHP grâce au class-mapping.
    
    Client SWF : optimiser le code avec le class-mapping 1
    
    02:04
  - Utiliser le pattern de conception Value Object dans le contexte du class-mapping.
    
    Client SWF : optimiser le code avec le class-mapping 2
    
    03:47
  - Utiliser la fonction globale registerClassAlias côté AS3 et la propriété $_explicitType côté PHP.
    
    Client SWF : optimiser le code avec le class-mapping 3
    
    05:05
  - Créer une classe ActionScript 3 réutilisable dans tous les projets Remoting : première partie.
    
    Refactoring : utiliser la classe Proxy
    
    09:01
  - Créer une classe ActionScript 3 réutilisable dans tous les projets Remoting : deuxième partie.
    
    Refactoring : utiliser la classe Proxy 2
    
    06:52
  - Nous modifions le code de notre composant pour pouvoir envoyer un mail avec pièce jointe.
    
    Modifier le composant d'envoi de mail
    
    07:13
  - Nous modifions le service distant pour utiliser la classe MimeMail PHP.
    
    Modifier le service distant MailService
    
    04:58
  - Nous chargeons le composant d'envoi de mails dans l'application de dessin du premier chapitre et modifions celle-ci pour capturer un tracé vectoriel et l'encoder en image JPG à l'exécution. Ceci permet d'envoyer l'image avec le mail.
    
    Modifier l'application de dessin
    
    15:03
- Flash Media Server est la technologie la plus riche et la plus fiable pour construire des applications de vidéo à la demande et des applications temps réel pour le lecteur Flash.
  
  Le Flash Media Server 3.5
  - Présentation générale des possibilités de Flash Media Server.
    
    Présentation générale de Flash Media Server
    
    02:53
  - Installation de FMS 3.5 sous Windows.
    
    Installation du Flash Media Server 3.5
    
    03:25
  - Qu'avons-nous installé ? Inspection du répertoire d'installation de Flash Media Server.
    
    Exploration du répertoire d'installation
    
    02:43
  - Comment configurer Flash Media Server ? Qu'est-ce que le fichier global de configuration fms.ini ?
    
    Configuration du Flash Media Server
    
    05:54
  - Le protocole Real-Time Messaging Protocol.
    
    RTMP
    
    03:24
  - Découverte de la console d'administration : son fonctionnement et ses possibilités.
    
    La console d'administration
    
    05:52
  - Etablir une connexion à une application FMS, se déconnecter et monitorer l'état de la connexion.
    
    Première connexion depuis un client SWF
    
    09:46
  - Lecture de vidéo en streaming.
    
    Lire une vidéo en streaming
    
    07:23
  - Capturer l'évènement AsycErrorEvent de type ASYNC_ERROR.
    
    Comprendre les exceptions et les gérer
    
    04:06
  - Capturer les métadonnées à l'exécution.
    
    Capturer les métadonnées
    
    04:04
  - Redimensionner le conteneur vidéo grâce aux métadonnées.
    
    Utiliser les métadonnées
    
    08:56
  - Refactoring de l'application cliente. Mettre en place un Framework pour le développement d'application avec Flash Media Server.
    
    Refactoring de l'application cliente
    
    10:13
  - Comprendre les points de repère.
    
    Présentation théorique des points de repère
    
    05:30
  - Utiliser Adobe Media Encoder pour ajouter des points de repère à un fichier flv.
    
    Ajout de points de repère avec Adobe Media Encoder
    
    03:38
  - Capturer les points de repère au cours de la lecture d'un flux vidéo en streaming.
    
    Capturer les points de repère à l'exécution
    
    04:19
  - Créer un système de chapitrage afin d'offrir une navigation alternative à l'utilisateur.
    
    Chapitrer une vidéo
    
    08:14
  - Se positionner dans un flux de streaming grâce à la méthode NetStream.seek().
    
    Flux de streaming : méthode NetStream.seek()
    
    09:15
  - Synchroniser les images de la vidéo et le système de chapitrage grâce à la méthode de rappel onCuePoint.
    
    Synchroniser la vidéo et le système de chapitrage
    
    09:40

Votre navigateur n'est malheureusement pas équipé du Flashplayer nécessaire. Cliquez sur ce lien pour l'installer gratuitement !

La création d’applications web ne se limite pas à la réalisation de pages esthétiques. Si Flash est devenu une référence en matière de création pour ce type d’applications, c'est bien grâce au langage de programmation auquel il est associé : l’AS3. A ses débuts, l’AS3 était un simple langage chargé d'ajouter des textes et de modifier la visibilité des éléments. Désormais, l’AS3 est un réel langage basé sur des objets professionnels, qui permet la création d’applications RIA d’excellente qualité.

Le but de ce coffret est de vous fournir les techniques et connaissances nécessaires pour vous permettre de créer vos propres RIA, vos plates-formes web interactives, etc. L’ActionScript 3 propose des outils professionnels pour travailler aussi bien avec Flash qu’avec Flex, en créant des applications interactives qui combinent la puissance graphique de Flash avec la souplesse d'un langage de programmation très puissant.

Les utilisateurs qui débutent avec l’AS3 pourront ainsi apprendre les bases et les utilisateurs avancés découvriront les techniques nécessaires pour générer des applications d’excellente qualité.

Vue d’ensemble de ces formations :

ActionScript 3 pour les développeurs

Les nouvelles fonctionnalités de l’ActionScript 3
La programmation Objet
Les changements de l’API du Flash player
Les RIA, ou les objets d’interface utilisateur
La relation entre ActionScript et XML
La relation entre ActionScript, les bitmaps et les vidéos

Programmation ActionScript avec Flash CS4

Introduction à l'ActionScript
ActionScript 1
ActionScript 2
ActionScript 3
Création d'une application AIR

Programmation avancée en ActionScript 3.0

Les Designs patterns ou patrons de conception
Le Flash Remoting
Le Flash Media Server 3.5

Conditions requises

Connexion Internet DSL
Navigateur actuel avec le plug-in Flash
Résolution d’écran minimum : 1024x768
Carte son, haut-parleurs ou casque d’écoute
Pentium4 à partir de 2,6 GHz ou bien G4 à partir de 1 GHz

Compatible avec l´iPad

Vous pouvez regarder les vidéos de cette formation sur iPad et iPhone 4 directement dans votre navigateur. Pour la consultation hors ligne, les abonnés au "Tutorium de luxe" ainsi que les utilisateurs ayant acheté la formation peuvent télécharger le dossier « Vidéos iPad » qui comprend la liste de lecture ainsi que les vidéos compatibles avec l’iPad. Toutes les formations vidéo compatibles sur l’iPad le sont également sur les autres tablettes. Le transfert et la consultation de la formation sont soumis aux conditions des différentes plateformes.

Formation téléchargeable

La formation téléchargeable vous permet de visualiser votre formation sur Mac ou PC sans connection à Internet pour un confort d'utilisation optimal. Une fois téléchargée et décompressée, vous avez la possibilité de la graver si vous le souhaitez. La formation téléchargeable est disponible pour les abonnés au "Tutorium de luxe" ainsi que les utilisateurs ayant acheté la formation.

Fichiers source

Les fichiers source pour reproduire les exemples de cette formation sont disponibles en téléchargement individuel ou à l'intérieur de la formation téléchargeable. Vous pouvez ainsi refaire tous les exercices étape par étape et optimiser votre apprentissage ! Les fichiers source sont disponibles pour les abonnés au "Tutorium de luxe" ainsi que les utilisateurs ayant acheté la formation.

Mode : Apprendre et faire !

Vous avez le choix ! Soit vous apprenez en regardant la formation en mode plein écran, soit vous passez en mode Apprendre et faire ! par un simple clic. Ainsi, vous pouvez vous exercer sur votre ordinateur et regarder la formation en même temps.

Les signets

Pendant que vous regardez une formation vidéo, vous pouvez placer à tout moment vos propres signets, qui seront ensuite matérialisés par une barre orange sur la barre temps de votre formation. Le signet peut être un simple mot mais également une courte note. Une liste récapitulative vous permet de retrouver facilement vos signets lors des visionnages suivants.

Aucun commentaire n´est disponible actuellement