Au départ, je me suis posé la question de savoir si j’allais développer cette galerie ou reprendre quelque chose d’existant. Vu le temps qu’il restait avant les TechDays, je me suis très vite résolu à trouver un plugin tout fait. (Ca aurait été pourtant un chouette petit projet à réaliser, peu importe le langage, mais bon. Pas le temps !)

La seconde question que je me suis posé, c’était la technologie à utiliser : PHP ? jQuery ? ASP.NET ? Silverlight ?

Je fais donc mes recherches sur internet et je finis par trouver que de nombreux plugins JQuery existaient : simples à intégrer sur le site web, que demander de plus ? C’est là que ça a commencé à coincer car je regrettais qu’à chaque fois, ça manquait d’interaction avec l’utilisateur. Comment faire des recherches ? Doit-on être contraint de visionner les photos comme elles nous sont imposées ? Et en tant que responsable du site, difficile d’intégrer de nouvelles photos.

C’est là que je me suis rappelé de quelque chose que j’avais vu lors d’une des anciennes éditions des TechDays. Quelque chose sur les pivots avec Silverlight.

Après quelques recherches, je n’avais rien inventé car je suis enfin tombé sur ce que je cherchais !

PivotViewer Control !

PivotViewer est un contrôle Silverlight développé par Microsoft permettant d’interagir très facilement avec des quantités énormes de données afin d’en donner un contrôle puissant à l’utilisateur que ce soit en terme de recherches, filtres, tris ou encore groupement des données. Une galerie d’images peut tout à fait correspondre à ce genre de scénario où la technologie Deep Zoom sera de la partie !

La chose qui m’a épaté dans ce contrôle, c’est que le code pour mettre en ouvre ma galerie est des plus simple :

<pivot:PivotViewer Name="PivotViewerControl" Grid.Column="0" />

Et dans le code behind de mon contrôle Silverlight :

PivotViewerControl.LoadCollection("<a href="http://localhost/test.cxml">http://localhost/test.cxml</a>", "");

Et c’est tout ! Ou presque. En fin de compte, le plus gros du travail, c’est de référencer toutes les photos dans le fichier cxml que vous avez vu dans le code précédent. Mais au moins, on peut se concentrer ce ce qui est le plus important, enrichir les données qui accompagne chaque photo ! Et pour ce faire, je ne me suis pas amusé à écrire à la main un fichier cxml respectant la structure imposée par le contrôle PivotViewer mais je me suis fait aidé par un addin Excel.

Dans un premier temps, j’ai pu importer mes photos des TechDays. Pour chaque photo, je peux donner un nom plus explicite, lier un lien internet et ajouter une description. Les photos étant pas très récentes dans mon esprit, je me suis abstenu pour cette partie.

Mais les informations à rajouter ne s’arrêtent pas là car vous pouvez ajouter autant de colonnes que vous le désirez et ce sont ces colonnes qui seront utilisées pour effectuer des tris, filtres, regroupement, etc.

J’ai donc rajouté quelques colonnes comme l’édition, le jour et le lieu de la photo lors des TechDays.

Il ne me restait plus qu’à publier ma collection (via le bouton Publish Collection) et mon fichier cxml est généré avec une découpe de chaque image qui sera utilisée par Deep Zoom lors de la navigation.

Le résultat est des plus impressionnants :

En attendant les TechDays 2011, vous pouvez déjà jouer avec la galerie et les photos des éditions 2009 et 2010 !

A ne pas rater :

Le site officiel des Microsoft TechDays 2011

Le site des Micrsosoft TechDays 2011 sur Developpez.com

Une nouvelle ne vient jamais seule, vous allez aussi pouvoir télécharger les Windows Phone Developer Tools en version CTP (Community Technology Preview) pour développer vos applications Windows Phone 7 Series !

Résumé des liens pour Silverlight 4 RC :

• Le site web officiel
• Silverlight 4 Tools for Visual Studio 2010
• Windows Runtime et Mac Runtime
• Expression Blend 4 Beta
• Silverlight Toolkit
• WCF RIA Services
• Online Silverlight 4 Documentation
• Offline CHM help Silverlight 4Documentation file download
• Silverlight Training Course de Silverlight 4 sur channel9
• Technical paper sur Silverlight 4

Exclu lors de la conférence, le passage de Expression Blend 3 à la version 4 sera gratuite !

Résumé des liens pour développer des applications Windows Phone 7 Series :

• Le site web officiel
• Vidéo de présentation
• Téléchargez les tools pour développer
• Documentation
• Code samples

Concernant Windows Phone 7 Series, le version finale devrait normalement sortir en 2010.

Quelle journée à Las Vegas !

Jérôme

Mais ce n’est pas tout car ce qui est intéressant avec ce site, c’est la technologie utilisée derrière. Il s’agit de SilverLight !! Certes, ce n’est pas le premier site à faire du streaming SilverLight mais il s’agit ici de streaming HD et surtout de Smooth Streaming.

Mais c’est quoi Smooth Streaming ?!

Alors pour ceux qui ne le savent pas, Smooth Streaming est une technologie qui se base sur plusieurs flux de streaming décalés et permet à l’utilisateur de contrôler le flux en direct live. Cela a l’avantage de fournir un flux sans coupure, qui s’adapte à la bande passante utilisateur et qui permet, dans le cas présent de revenir jusqu’à 15 minutes en arrière. Plus besoin d’espérer un ralenti de la balle, il suffit de déplacer le curseur de la vidéo pour revoir l’action encore et encore. Que demander de mieux ?

Alors convaincu(e) ?!

En tout cas, si vous voulez en savoir plus sur cette technologie, rendez vous ici.

Sur ce, un très bon Roland Garros

L’unique bêta de Silverlight 3 est sortie il y a seulement 2 mois et demi lors de la conférence Mix 2009 à Las Vegas. Nous passerons normalement par une version RC (Release Candidate) de Silverlight durant le mois de juin pour ensuite voir débarquer dès le mois suivant la version finale. Rapide tout ça

Pour ce qui est de Microsoft Expression Studio, je n’ai vu passer qu’une preview de Expression Blend 3 sortie aussi au mois de mars 2009. A part ça, rien d’autres (en tout cas à ma connaissance).

Dès qu’une date se précise pour une éventuelle sortie de la RC de Silverlight 3, je vous tiens au courant

Au passage, voici le lien vers la documentation MSDN de Silverlight 3 bêta pour ceux qui ne l’avaient pas encore trouvée.

• Chapitre 6 : Tools fo LINQ to SQL
• Chapitre 16 : LINQ and ASP.NET

Introducing Microsoft Silverlight 2

• Chapitre 1 : Introducing Silverlight 2
• Chapitre 2 : Using Expression blend with Silverlight 2

Programming Microsoft ASP.NET 3.5

• Chapitre 3 : Anatomy of an ASP.NET Page
• Chapitre 18 : HTTP Handlers and Modules

Pour les télécharger, c’est par ici.

Bonne lecture !

Sans perdre une seconde, voici les liens principaux :

• Silverlight 3 Beta Tools for Visual Studio
• Le SDK pour Silverlight 3 Beta 1
• La documentation sur MSDN

Et pour le reste (Expression Blend 3 Preview, Silverlight Toolkit, .NET Ria Services, …), vous trouverez tout sur le site officiel de Silverlight.

Bon test !

Microsoft ASP.NET MVC se base sur l’architecture Model-View-Controller (MVC) permettant de séparer les composants d’une application Web MVC en trois parties : le modèle, la vue et le contrôleur. Cela ne signifie pas que ce framework est voué à remplacer les applications Microsoft ASP.NET dîtes classiques, au contraire, Microsoft ASP.NET MVC se présente comme une alternative proposées aux développeurs.

Comme annoncé, cette version beta fonctionne avec les Framework .NET 3.5 et 3.5 SP1 mais est aussi supporté par Visual Studio 2008 et Visual Web Developper 2008 SP1 qui, pour rappel, est la version projets web entièrement gratuite de Visual Studio.

Voici une liste des nouveautés que vous réserve cette nouvelle version :

* New « Add View » Menu in Visual Studio
* New \Scripts directory and jQuery Support
* Built-in Model Binder Support for Complex Types
* Refactored Model Binder Infrastructure
* Strongly Typed UpdateModel and TryUpdateModel WhiteList Filtering
* Improved Unit Testing of UpdateModel and TryUpdateModel Scenarios
* Strongly Typed [AcceptVerbs] attribute
* Better Validation Error Messages
* HTML Helper Cleanup and Refactoring
* Silverlight / ASP.NET MVC Project Integration
* ASP.NET MVC Futures Assembly
* \Bin and GAC Assembly Deployment

A noter que cette version est délivrée sous licence « go-live » qui vous autorise à déployer dans un environnement de production (ce qui n’était pas le cas pour les preview précédente).

• Téléchargement de Microsoft ASP.NET MVC Beta
• Billet de Scott Guthrie présentant les nouveautés de ASP.NET MVC Beta
• Le site officiel de Microsoft ASP.NET MVC
• Téléchargez Visual Web Developper 2008
• Téléchargez le Framework .NET 3.5 Service Pack 1
• Téléchargez Visual Studio 2008 Service Pack 1

Bon test à tous !
Réagissez sur le forum !

Ne tardez donc pas à proposer ce que vous désirez sur le blog de Scott et peut être aurez-vous la chance de voir vos espoirs comblés lors de la prochaine version de Silverlight

Je sens que ceci va en réjouir plus d’un…

Silverlight (ancien nom de code WPF/E) est la nouvelle technologie de Microsoft qui concurrence Flash et Flex d’Adobe. Proposant un contenu riche grâce à des graphiques, animations et vidéo, Silverlight a été conçu pour utiliser la technologie WPF (Windows Presentation Foundation) sur le web.

A l’heure actuelle, il existe 2 versions de Silverlight :

• Silverlight 1.0 : dans cette version, le technologie Silverlight est combinée à JavaScript qui est le seul langage supporté. On va donc utiliser le runtime JavaScript ce qui permet une intégration native avec le navigateur web et les bibliothèques JavaScript.
• Silverlight 2.0 beta : anciennement sous le nom de Silverlight 1.1 alpha, ce nouveau nom vient du fait qu’en mars, juste après l’évènement MIX 08, une toute nouvelle version de Silverlight sera mise à disposition. Silverlight 2.0, c’est toujours du JavaScript mais combiné avec le framework Dotnet. On va donc pouvoir bénéficier des contrôles et des classes du Framework Dotnet tout en ayant des rendus d’animations avec JavaScript.

La raison de cette session est que Simon et Guillaume ont développé un des projets Silvelright les plus mis en avant par Microsoft : Le site officiel du tour Quicksilver Europe.

C’est donc durant ce projet qu’il ont appris à développer avec Silverlight car pour ceux qui ne l’auraient pas remarqué, le site est entièrement réalisé avec la technologie Silverlight et l’utilisation de XAML pour le rendu. Après ce projet, il y a évidemment des choses qu’ils auraient fait différemment s’il avait eu une meilleur connaissance de la technologie Silverlight. Cette session est donc aussi une session sur les « best practices » pour le développement avec Siverlight. N’hésitez donc pas à consulter la webcast quand elle sera disponible si vous développez des applications Silverlight.

Petits bonus…

Tout d’abord, Silverlight Behaviors Toolkit qui est une librairie développée par Simon permettant d’attacher des contrôles standards riches (boutons, radio bouton, checkbox, …) à des éléments Silverlight .

Et, Script# qui permet tout simplement de créer une classe JavaScript sur base d’une classe écrite en C#.

Petite information de dernière minute provenant de Benjamin de notre équipe Dotnet : concernant la compatibilité entre Silverlight 1.1 alpha et Silverlight 2.0 beta, tout ce qui aura été développé avec la version alpha ne fonctionnera pas avec la version beta. Ceci n’est pas étonnant lorsqu’on lit les nouveautés qu’apportera cette beta.

Quelques liens pour ne pas changer :

Développez des applications web interactives avec Microsoft Silverlight 1.1 par Benjamin Roux
Article sur comment réaliser facilement un chat avec Silverlight 1.1 par Benjamin Roux
Téléchargez Silverlight Behaviors Toolkit
Téléchargez Script#

Composée de développeurs, designers et artistes multimédia, c’est à l’équipe de Terralever que l’on doit ce jeu. Leur but était de présenter tout ce que permettait la plateforme Silverlight et on peut dire que le défi est bien réussi.

Pour les impatients, le jeu est par ici.