Silverlight
Création de contenus animés et interactifs pour Internet
5 jours
Objectif
Silverlight 2 est un lecteur Internet existant sous forme d’ActiveX ou de plugin, il est donc aujourd’hui disponible pour l’ensemble des navigateurs Internet.
Silverlight permet d’afficher du contenu vectoriel interactif pour le Web. Il est compatible avec tous les systèmes d’exploitation et tous les navigateurs.
Prérequis
Connaissance du langage JavaScript et d’un logiciel de graphisme.
Pour les personnes novices en JavaScript, le module Silverlight sera précédé par la journée de formation "JavaScript".
Outil
Microsoft Expression Blend et Design, un éditeur Javascript.
Déroulé
Introduction au développement d'applications Silverlight
Qu’est-ce que Silverlight et la gamme Expression Studio ?
Les avantages de Silverlight et les applications produites
L’évolution des outils de développement
L’héritage de la plate-forme (FrameWork) .NET 3.0
XAML un langage déclaratif puissant
Systèmes d’exploitation et compatibilité
Créer une application Silverlight avec Expression Blend
Création d'un projet Silverlight HelloWorld
Le contenu d'un projet Silverlight
L’architecture et l’arbre visuel
Les propriétés d'un projet
Tester un projet
Introduction à Expression Design
La sélection
Les outils de dessin
Les outils d’alignement
Clonage de tracés
Les calques
Nommage
L’interface Blend en détail
Projet et barre d’outils
Description des panneaux
Fenêtre de design & édition XAML
Les options de l'interface utilisateur
La gestion des couleurs
Les tracés
Interaction BLEND / DESIGN
Exercice - création d’objets vectoriels sous Expression Design : player.design
Copier / coller de tracés
Création d’icônes pour un lecteur vidéo
Options d’exportation
Nommage des objets
Manipulation & Agencement de composants dans Blend
Le conteneur racine Canvas Page
Les principaux composants Silverlight 1.0
Gestion du texte dans Silverlight
Théorie concernant les objets
Sélection d’objets dans Blend
Imbrication de composant
Pratique de l’imbrication de composants
Options communes d’agencement
Intégration d’objets Silverlight dans une page Html
L’objet Silverlight - DOM
Les mécanismes d’instanciation au sein d’une page Html
La fonction createSilverlight en détail
Les paramètres d’initialisation
Le modèle événementiel de Silverlight 1.0
Principes
Propagation événementielle
Interaction et éléments interactifs
Détection du clavier et de la souris
Accès aux objets XAML
Gestion globale des erreurs
Les animations
Gestion de l’animation : espace/temps
Principes d'animation
Création d’animations
Modification d'animation et création d’images clés
Evénements diffusés
Les outils et méthodes de débogage sous Firefox
FireBugs
WebDevelopper ToolBar
Tracer et alerter
Création d’éléments interactifs Silverlight
Mini application de dessin
Le composant InkPresenter
Contrôler une ressource de type Story-board via javascript
Ajout d’objets XAML à l’exécution
Création d’un menu interactif
La problématique
Ecriture d’une chaine XAML
Ajout d’un nouvel enfant à un conteneur
Les méthodes de la propriété children
Utilisation des masques
La vidéo, le son et l’image
Utilisation du composant Image
Création d’un lecteur Vidéo
Introduction à Expression Encoder
Le composant MediaElement
Le format .wmv
L’objet Downloader
Gestion des erreurs spécifiques
Introduction à Silverlight streaming
Déploiement d’une application Silverlight
Préchargement de contenu en ligne
Détection automatique du lecteur Silverlight
Les droits d’installation