30
Présenter par: Mehdi Krichen

Silverlight

Embed Size (px)

DESCRIPTION

Présentation élaborée par M. Mehdi dans le cadre des sessions de Lightning Talks à l'Orange Developer Center.

Citation preview

Page 1: Silverlight

Présenter par: Mehdi Krichen

Page 2: Silverlight

Silverlight Fonctionnalités Silverlight Avantages et inconvénients Outils nécessaires Exemple Conclusion

Page 3: Silverlight

SilverlightSilverlight Fonctionnalités Silverlight Avantages et inconvénients Outils nécessaires Exemple Conclusion

Page 4: Silverlight

Silverlight est un puissant outil de développement pour la création d’interface d’applications interactives riches (RIA).

Silverlight est un plug-in gratuit, alimenté par le Framework .NET et compatible avec plusieurs navigateurs, appareils mobile et systèmes d'exploitation, apportant un nouveau niveau d'interactivité.

Silverlight permet de développer des applications Web riches (2D et 3D, animation, dessin vectoriel, vidéo et audio) dans un moteur de rendu vectoriel.

Page 5: Silverlight

Silverlight FonctionnalitésFonctionnalités Silverlight Silverlight Avantages et inconvénients Outils nécessaires Exemple Conclusion

Page 6: Silverlight

une application Silverlight peut être représentée comme le contenu chargé par le plugin Silverlight dans une page HTML.

Silverlight dissocie le contenue graphique, et sa manipulation. Le contenue graphique est obtenue à l'aide du XAML (eXtensible Application Markup Language).

Le XAML est un langage déclaratif et de balisage, il servira à créer des objets et à en définir leurs propriétés.

Page 7: Silverlight

Silverlight Fonctionnalités Silverlight Avantages et inconvénientsAvantages et inconvénients Outils nécessaires Exemple Conclusion

Page 8: Silverlight

Silverlight offre une collaboration entre graphisme et développement.

Intégration avec les applications existantes Silverlight s'intègre de façon transparente à votre code JavaScript et ASP.NET AJAX

Prise en charge multiplateforme web et system d’exploitation.

Interopérabilité et réutilisation : offre la possibilité de communique avec des serveurs via des web service.

Page 9: Silverlight

Nécessité d’installer un plug-in coté client

Exécution de l’application coté client

Page 10: Silverlight

Silverlight Fonctionnalités Silverlight Avantages et inconvénients Outils nécessaires Exemple Conclusion

Page 11: Silverlight

•Service pack 1 de Visual Studio

•Microsoft Silverlight Tools Beta 1

•Deep Zoom Composer

•Microsoft Expression Blend 2

Page 12: Silverlight

Silverlight Fonctionnalités Silverlight Avantages et inconvénients Outils nécessaires Exemple ConclusionConclusion

Page 13: Silverlight

« Hello World ! » avec silverlight :

Page 14: Silverlight

exemple

• Dans un fichier XAML nous avons créés un bouton .Sa taille (hauteur et largeur), son positionnement, sa couleur ont été définit dans le fichier XAML.

<Grid x:Name="LayoutRoot" Background="White"> <Button x:Name="Bouton1" Width="200" Height="100"  Background="Aqua" Content="Cliquez-ici" Click="Bouton1_Click"/> </Grid>

Page 15: Silverlight

• Voilà ce que va nous afficher l’explorateur d’internet :

Page 16: Silverlight

• Puis, dans le fichier "code-behind" nous avons géré un évènement qui va modifier le contenu de notre bouton

MessageBox.Show("* * * Felicitation ! * * *")

Page 17: Silverlight
Page 18: Silverlight
Page 19: Silverlight
Page 20: Silverlight
Page 21: Silverlight

Clic droit sur la page ou l'entrée de "MainPage.xaml" dans l'Explorateur de solutions et sélectionnez l'option "Afficher le code". Dans le code ci-dessous Voir la ligne "Inherits UserControl" tapez la code suivante:

En dessous du "End Sub" pour "Public Sub New ()" constructeur tapez le code suivantes:

Page 22: Silverlight

Dessous "End Sub" pour "Private Function Drawn()" Function, tapez le code suivante:

Page 23: Silverlight

Toujours en dessous de la "End Sub" pour "Private Function GetPiece()», tapez le Code suivante:

Page 24: Silverlight

dessous le "End Sub" pour "Private Sub Button_Click (...)», tapez les Code suivants:

Page 25: Silverlight

Retour au designer, clic droit sur la page ou l'entrée pour "MainPage.xaml" dans l'Explorateur de solutions et sélectionnez l'option "Afficher Designer".Double-cliquez sur le "Nouveau" Bouton de contrôle et le taper ce code sous New_Click:

Page 26: Silverlight
Page 27: Silverlight

Silverlight Fonctionnalités Silverlight Avantages et inconvénients Outils nécessaires Exemple ConclusionConclusion

Page 28: Silverlight

l'Internet Riche a provoqué la création de plusieurs technologies dont notamment Flex, XUL ou encore Silverlight qui appartiennent respectivement à Adobe, Mozilla et Microsoft. Le leader en termes de création et de déploiement d'application Internet riche est Adobe Flash.

On peut donc voir Silverlight comme une réponse de Microsoft à son concurrent direct Flash, et à sa technologie le Flex.

Page 29: Silverlight

http://msdn.microsoft.com/fr-fr/default.aspx http://msdn.microsoft.com/fr-fr/library/cc838158%28v=vs.95%29.aspx

http://www.cespage.com/silverlight/sl4tut9.html Software downloading from : http://www.microsoft.com/fr-fr/download/details.aspx?id=23691 http://www.microsoft.com/en-us/download/details.aspx?id=1767 http://www.01net.com/telecharger/windows/Programmation/creation/fiches/100086.html

http://www.microsoft.com/en-us/download/details.aspx?id=24819 http://www.microsoft.com/en-us/download/details.aspx?id=7732

Page 30: Silverlight

Merci !