Formation à la technologie Microsoft Silverlight. Exemples, démos et screencast disponibles sur http://kemenaran.winosx.com/

1. Microsoft Silverlight
Introduction
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

2. Introduction
• Qu’est ce que Silverlight ?
• But : des applications riches sur le Web
• Comment : plugin multi-OS, multi-navigateur
• Avec quoi : animations, UI, données, médias
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

3. Démo
Player vidéo
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

4. Objectifs
• Avoir un bon aperçu de Silverlight
• Connaître points forts et points faibles
• Se former
• Se motiver

5. Silverlight : pour quoi ?
• Rich Internet Applications :
• Interface sur le client, données sur le
serveur
• Embarquées dans un navigateur
• Exemple :
• Editeur graphique, album photo,
planificateur de vol, etc.
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

6. Silverlight : pour qui ?
• Développeurs :
• Interfaces XAML
• Puissance des langages .NET
• Designers :
• Graphisme vectoriel
• Animations, interactivité
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

7. Silverlight : comment ?
• Graphismes vectoriels
• Animations
• Données
• Fichiers multimédias
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

8. Silverlight : avec quels
outils ?
• Visual Studio 2008
• Expression Studio
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

9. Visual Studio 2008
• Pour les développeurs
• Editeur de code XAML et .NET
• Gestion de projet, auto-complétion, etc.
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

10. Expression Studio
• Pour les graphistes
• Expression Design : Dessin vectoriel
• Expression Blend : animations
• Expression Media : encodage
• Web : développement Web
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

11. Silverlight : avec quels
outils ?
• Comment obtenir ces outils ?
• Pour les étudiants :
• DreamSpark
• MSDN-AA
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

12. Démo 1
• Animation simple en Silverlight
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

13. Technologies
• XAML
• Javascript
• .NET
• Windows Media
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

14. Technologies : XAML
• Langage XML
• Description de graphismes et d’interface
• Entièrement vectoriel
• Pilier de WPF
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

15. Technologies : Javascript
• Langage de script dynamique
• Faiblement typé, fortement objet
• Silverlight 1.0
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

16. Technologies : .NET
• Sous-ensemble du .NET Framework
• Immense bibliothèque
• N’importe quel langage : C#,VB, Python,
Rubis, etc.
• Silverlight 2.0
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

17. Technologies : WMV
• Support des fichiers Windows Media Video
et Audio
• Encodage avec Expression Media
• Véritable support WMV multi-plate-forme
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

18. Différentes versions
• Silverlight 1.0
• Silverlight 2.0 (anciennement 1.1)
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

19. Différentes versions
Silverlight 1.0 Silverlight 2.0
Graphismes vectoriels ✔ ✔
AJAX ✔ ✔
Langages .NET (C#, VB, Python...) ✔
HTML DOM ✔ ✔
Multimédia ✔ ✔
Framework .NET ✔
XML Reader/Writer ✔
Support Javascript ✔ ✔
Parseur XAML ✔ ✔
Bibliothèque de Contrôles ✔
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

20. Démo 2
• Animation vidéo
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

21. Concours
• Objectif :
• Développer un lecteur de webcasts
• A intégrer au site web de Junior Isep
• Prix :
• 1er prix : XBox 360 + Halo 3
• Suivants : jeux PC, casques bluetooth,
souris de jeu, etc.
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

22. Concours
• Comment participer ?
• juniorisep-silverlight.blogspot.com
• Rendu avant le lundi10 mars
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

23. Se former
• Comment se former ?
• Silverlight.net : tutoriaux, webcasts, etc.
• Silverlight Academy
• Article “Programmez”
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

24. Conclusion
• Silverlight :
• Une technologie moderne
• Environnement .NET
• Graphistes et développeurs
• Concours :
• Une opportunité de se former
• Des cadeaux à gagner ;)
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

25. Des questions ?
Pierre de La Morinerie — http://kemenaran.winosx.com — 2008