______________________________________________________________

Introduction : mise en place d'un projet Silverlight 2

Mode plein écran Gérer le redimensionnement d'un site 100% et accéder au mode plein écran	Modèle de document Utiliser le modèle de document Visual Studio fourni sur http://www.tweened.org
Préchargement Précharger une application Silverlight grâce au modèle de document porposé par tweened.org	Arbre Visuel Comment gérer et sélectionner les éléments au sein d'un arbre visuel

______________________________________________________________

Chapitre 1 : Les containeurs principaux

Canvas Découverte du composant Canvas et agencement d'objets	Grid Utiliser et créer des interfaces avec le composant Grid.
StackPanel Utiliser le conteneur StackPanel et la propriété Visibility

______________________________________________________________

Chapitre 2 : Les bases du graphisme

Masque Créer et modifier un masque de clipping	Bouton Créer un bouton personnalisé via la commande "make Button"
Animation Créer et déclencher une animation via la ressource XAML StoryBoard

______________________________________________________________

Chapitre 3 : Les notions avancées d'interactivité

Animations Multiples Comment utiliser une seule ressiurce StoryBoard pour animer plusieurs objets vectoriels Xaml	Menu animé Comment animer des boutons personnalisés via le visual StateManager
Gestionnaire d'états Visuels Utilisation avancée du Visual State Manager

__

Chapitre 4 : Dynamiser et connecter vos applications Silverlight 2

Créer un flux Json Qu'est-ce que le Json et comment créer un flux Json avec php 5 et mysql	Récupérer un flux Json Comment récupérer un flux Json
Xaml Dynamique Comment créer des objets XAML dynamiquement

Voilà j'espère que ça vous plaira ...

     On pouvait en effet penser qu'après la sortie de la version 2 finale , une légère pose viendrait stopper le rythme tonitruant des releases en tout genre autour de Silverlight. C'était sans compter Microsoft qui répond d'emblée à certaines critiques que l'on pouvait faire concernant le manque de contrôles accessibles au sein des projets Silverlight. La réponse à la fois souple et pratique  à mettre en place consiste à fournir une boîte à outils facile à installer et à mettre à jour gratuite.

     Le "Silverlight Toolkit" contient notamment un jeu de composants inédits et totallement gratuits dont certains proviennent de WPF et d'autres sont simplement nouveaux. Le toolkit n'étant pas figé dans le temps celui-ci s'étoffera de nouveaux autres composants dans l'avenir. Ceux-ci sont donc classés en 4 catégories indiquant leur maturité : Experimental, Preview, Stable, Mature. On imagine facilement à quoi ils correspondent, si vous souhaitez des précisions c'est ici . Voici le liste des composants par phase :

• Preview
  • AutoCompleteBox
  • ButtonSpinner
  • Charting
  • Expander
  • ImplicitStyleManager
  • NumericUpDown
  • Spinner
  • UpDownBase
  • Viewbox

• Stable
  • DockPanel
  • HeaderedContentControl
  • HeaderedItemsControl
  • Label
  • TreeView
  • WrapPanel

     La bonne nouvelle concerne notamment les "Charts Components" qui donne à la technologie Silverlight 2 la possibilité de réellement s'orienter vers la création d'applications interactive riche. 

     Mais ce ce n'est pas tout, le Toolkit permet également l'utilisation de styles implicit comme on peut le faire à la main dans WPF via des thèmes. Certains sont déjà fournis comme ci-dessous mais vous pourrez les créer vous-mêmes via l'utilisation des Dictionnaires de Ressources qui centralisent les styles :). Les graphistes apprécieront également la ViewBox.

Themes Quick Reference

	Expression Dark		Expression Light
	Rainier Orange		Rainier Purple
	Shiny Red		Shiny Blue

     Les dictionnaires de ressources pointent donc leur nez et on imagine facilement ce qu'on aura prochainement dans Blend. Ce qui est plutôt pas mal c'est que changer le "look and feel" d'une application sera possible à l'exécution, les utilisateurs pourront donc personnaliser leur interface applicative directement. Je mettrai en ligne plusieurs exemple en attendant voici un lien vers les tutoriaux US, et me dites pas que Justin Angel n'est pas un jeu de mot ou un nom de super héros...

En effet, lorsque vous modifiez la page html générée afin d'affiner l'intégration de votre application et qu'ensuite, vous recompilez sous Visual Studio, cette page est automatiquement écrasée. Ce mécanisme n'est pas forcément idéal lorsqu'on veut bénéficier d'une intégration avancée et qu'on souhaite modifier le code html ou le javascript, voici ce qui n'est pas pris en charge ou modifiable directement dans ce type de projet :

• Utilisation conjoite C# "Page.xaml.cs" / javascript via un "Page.xaml.js"
• Mécanisme de FallBack - détection et installation automatisée
• Application transparente
• Préchargement de l'application via preloader.xaml
• Gestion du frameRate(cadence souhaitée et non forcée)
• Paramêtres d'initialisation
• Délégation avec passage d'arguments (très pratique en Javascript) voir l'article ici

Je mets donc à disposition un modèle de document Silverlight 2 qui répond à toutes ces problématiques, il est à placer dans le répertoire :
C:\Documents and Settings\USER\Mes documents\Visual Studio 2008\Templates\ProjectTemplates\Visual C#\Silverlight\. "User" représentant sous windows votre répertoire utilisateur dans "Documents And Settings". Vous pouvez le télécharger ici.

Pour résumer : je mets ce modèle en ligne afin de faciliter la vie à ceux qui veulent intégrer un fichier XAP Silverlight 2 dans une page html complètement modifiable. J'intègre également dans ce modèle de document le dernier né des fichier Silverlight.js (donné avec le SDK) intégrant un mécanisme de Fallback. Si vous voyez des bugs ou autre bizarrerie n'hésitez pas à poster

Avant

Voici les projets Silverlight 1 Site :

Voici les projets Application Silverlight 2 :

Après l'installation du modèle Visual Studio

Projet Application Silverlight 2 Integration :

Pour créer ce dernier type de projet une fois que le modèle est installé, il suffit au sein de Visual Studio de Sélectionner : new project... => Visual C# => Silverlight => Silverlight 2 Full Integration

Bientôt en ligne la version largement revu et corrigée des Tweens pour Silverlight.

Avec la nouvelle version de Silverlight Release Candidate ainsi que le service pack pour Blend 2, ce gestionnaire est désormais accessible. Pour rappel, le gestionnaire de police existait pour Blend 2 mais uniquement au sein des projets WPF, l'utilité d'un tel gestionnaire est d'autant plus importante dans le cadre d'applications en ligne car comment afficher une police qui n'est pas sur notre os si celle-ci n'est pas embarquée. Pour embarquer une police, il vous suffira simplement d'ouvrir le Font Manager, de sélectionner la ou les polices puis de cocher ou d'entrer les glyphes que vous souhaiter embarquer dans le .XAP, la bonne pratique consiste à ne pas embarquer toute la police mais seulement les glyphes qui vous intéressent. Ce qui est épatant, c'est qu'à l'instant ou vous décidez d'embarquer une ou plusieurs polices, un répertoire "font" est automatiquement créer dans le projet vous permettant ainsi de facilement visualiser ce que vous embarquez. L'avantage de ce font manager réside dans le fait qu'il ne concerne pas un champ texte mais toute l'application Silverlight 2 :).

C'est quand même une très bonne nouvelle, décidément Silverlight 2 est compétitif et il faudra compter avec lui

• La première consiste au déploiement d'un service Pack pour Expression Studio. Blend 2 final se verra donc attribuer un nouveau type de projet Silverlight 2 application. Le temps des versions intermédiaires 2.5 de Blend est donc bien terminé pour ceux qui veulent créer du contenu en Silverlight 2 finalisé, c'est tout de même beaucoup plus logique tout ça :). Par contre, je vous conseille fortement de désinstaller tous les outils présents en surcouche de Visual Studio 2008 puis d'installer le service pack 1 Visual Studio 2008 puis les Silverlight 2 tools rc0 disponible pour ce service pack.
• La seconde nouveauté attendues sont les nouveaux composants ComboBox, PasswordBox ainsi que la ProgressBar. Le calendrier et le Datagrid font également partie de la fête.
• Tous les composants ont un look par défaut amélioré par rapport aux précédentes versions, bien plus conviviale tout ça.
• Amélioration du moteur de rendu grâce à l'utilisation par défaut d'ancrage aux pixels (l'équivalent de ce que l'on a dans flash pour les trait simples), ainsi on évite les effets de bords sur les contours de composants (le flou par exemple).
• gestion du visualState manager améliorée plus performante et moins bogguée.

Je n'ai pas encore tout testé mais la première chose sera de vérifier si la création et l'invocation dynamique de DoubleAnimation est corrigée, de vérifier également que tout ce qui était prévu dans le chm de la bêta 2 est conforté je pense à certaines propriétés qui n'était pas disponibles. Pour finit de voir si les quelques fonctions accessibles sur la DLR sont bien portées, je pense au FullScreen par exemple.

An tout cas, la nouvelle librairie Tweened version C# sera pour sa part prête d'ici peu, sans doute 1 ou 2 semaines, avec la doc et un maximum d'exemples Concret, vous pouvez retrouver la documentation en ligne ici avec un exemple ici, quelques modifications sont en cours mais peu de chose devrait changer... Pour rappel, le projet google est quand à lui disponible ici, Tweened est totalement OpenSource...

Arturo Toledo, responsable de la stratégie de formation designers et agences,
Microsoft Corp., exposera les atouts d’Expression Studio 2 pour les Designers. Des experts produits seront également disponibles pour vous faire découvrir Expression Studio 2. Sera également de la partie l’Association Designers Interactifs.

Pour vous inscrire et en savoir plus sur les Digital Days...

Accès : 55 rue d’Amsterdam, 75008 Paris
Parking : 5 rue de Bucarest, 75008 Paris
RSVP :: event@ddb.fr

A peine rentré de vacance je vois un post sur le blog de Thomas Lebrun qui m'interpelle ::
[WPF] Intellisense XAML dans Expression Blend !
Cela fait maintenant assez longtemps que le débat est lancé autour de la nécessité d'avoir de l'IntelliSense sous Blend (plus d'un an et demi en fait). Bien sûr Thomas a raison, c'est une bonne idée de la part de Stefan Dobrev de proposer un ajout à Blend 2.5 mais est-ce suffisant ? Pour ma part je pense qu'un intégrateur ou qu'un graphiste ne doit pas forcément recourir à Visual Studio pour éditer du Xaml je m'explique:

Après tout, comme la large adoption du code html, du xml et des css le montre, les graphistes web ont évolué dans leur manière d'appréhender les outils et les langages de ce plurimédia qu'est le web. Bien qu'ils ne soient pas codeur, il suffit de savoir que la mise en page d'un site est du domaine des graphistes pour se rendre compte du paradoxe : aujourd'hui un nombre impressionant de templates (php /css / xslt) sont réalisés par des graphistes alors que ces langages ne sont pas si simples qu'il y paraît, bref les us et coutûmes évolus :).

Les graphistes ou intégrateurs WPF Silverlight ne veulent pas forcément se mettre à c# mais si certaines opérations sont réalisables ou simplement plus rapides en éditant du XAML autant en profiter. Pour ma part connaissant maintenant un peu mieux le Xaml, j'avoue que je réalise un certain nombre d'opérations en passant directement par son édition sous Blend, notamment pour la création de styles nommés génériques, ce type de style n'étant pas accessible via l'interface de Blend. Je pense que cet enjeu est important pour l'adoption des produits par les pôles métiers intégrateurs / graphistes et que la question (Faut-il passer VisualStudio pour éditer du XAML ?)reste posée.

Espérons que Microsoft nous fasse profiter un jour de cette fonctionnalité de manière native...

si vous débutez dans Silverlight 2, ce petit tuto vous apprendra à gérer le redimensionnement. On y évoque également l'intégration du plugin et l'objet Grid.

si vous souhaitez garder des interactions simples entre le code managé C# et Javascript voici un petit tuto. Je parle également du modèle de document qui permet de travailler plus simplement avec Silverlight 2.