Microsoft SilverlightIntroduction

Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

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

DémoPlayer vidéo

Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

Objectifs

• Avoir un bon aperçu de Silverlight

• Connaître points forts et points faibles

• Se former

• Se motiver

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

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

Silverlight : comment ?

• Graphismes vectoriels

• Animations

• Données

• Fichiers multimédias

Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

Silverlight : avec quels outils ?

• Visual Studio 2008

• Expression Studio

Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

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

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

Silverlight : avec quels outils ?

• Comment obtenir ces outils ?

• Pour les étudiants :

• DreamSpark

• MSDN-AA

Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

Démo 1

• Animation simple en Silverlight

Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

Technologies

• XAML

• Javascript

• .NET

• Windows Media

Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

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

Technologies : Javascript

• Langage de script dynamique

• Faiblement typé, fortement objet

• Silverlight 1.0

Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

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

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

Différentes versions

• Silverlight 1.0

• Silverlight 2.0 (anciennement 1.1)

Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

Différentes versionsSilverlight 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

Démo 2

• Animation vidéo

Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

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

Concours

• Comment participer ?

• juniorisep-silverlight.blogspot.com

• Rendu avant le lundi10 mars

Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

Se former

• Comment se former ?

• Silverlight.net : tutoriaux, webcasts, etc.

• Silverlight Academy

• Article “Programmez”

Pierre de La Morinerie — http://kemenaran.winosx.com — 2008

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

Des questions ?

Pierre de La Morinerie — http://kemenaran.winosx.com — 2008