SublimaCtion : Tutoriels

Une collection de liens, de webcasts et de tutoriels pour bien commencer avec Silverlight

CLaueR — Mon, 26 Jan 2009 18:05:34 GMT

Je viens de publier sur mon blog une longue par d’article regroupant une collection de liens et de pointeurs vers tout un ensemble de ressources qui vous seront précieux pour démarrer efficacement et rapidement avec Silveright.

Il y en a à peu près pour tous les goûts – Développeurs et Designers – et cette page est amenée à évoluer au fil du temps, en fonction de nouvelles ressources et de nouveaux liens que les lecteurs vondront bien me partager.

Alors profitez-en, bookmarkez, social-bookmarkez, digg-ez et faites tourner, c’est pour vous et c’est ici ! ;)

Vous pensiez avoir tout vu concernant DeepZoom ?

CLaueR — Wed, 07 Jan 2009 18:04:00 GMT

Si après vous être amusé à vous promener quelques minutes dans les collections du Hard Rock Café, ou les mini-sites Renault Laguna Coupé et Nouvelle Mégane vous pensiez avoir déjà tout vu concernant DeepZoom, lisez la suite, il y a deux ou trois petites choses qui pourraient bien vous intéresser…

AndreaMosaic

Trouvé via cet article très détaillé, pratiquement un tutoriel. AndreaMosaic est un Shareware très sympathique qui permet de créer une image depuis un modèle sous la forme d’une mosaïque d’images. C’est un effet que l’on rencontre assez souvent maintenant, et sa réalisation avec ce petit shareware est à la portée de tous, via quelques clics.

J’ai fait un petit essai avec une illustration du Coach Silverlight, ici :

Et voilà le résultat (vu de loin, car l’image résultante fait 3400x4300 pixels) :

Il ne reste plus alors qu’à faire passer cette méga image dans Deep Zoom Composer, puis à exporter le tout soit pour Silverlight / Deep Zoom soit vers un projet de type Seadragon AJAX et au final vous pouvez obtenir quelque chose ressemblant à ceci, et ne nécessitant pas Silverlight :

C’est l’exemple qui est tiré de cet article. Il est complètement fonctionnel, vous pouvez zoomer en cliquant ou via la molette de votre souris.

A noter que c'est précisément l'outil AndreaMosaic et cette même technique qui ont été employées pour réaliser la mosaïque "DeepZoomObama" du candidat aux élections Présidentielles Américaines. Détails ici.

Mooncake Viewer

C’est un service en ligne qui vous permet de créer des collections Deep Zoom et fournit ensuite un player embarquable en quelques clics sur un site Web ou un blog. Vous pouvez pour le moment importer des photos et images depuis Flickr et Smugmug, et dans le futur il est annoncé qu’il sera possible d’uploader directement des images.

En quelques clics, on dispose ensuite d’un lecteur embarquable et paramétrable tel que celui-ci, qui contient quelques photos d’un de mes passages à Prague :

Un moyen simple et rapide de partager des collections d’images avec des amis ou de la famille sans leur imposer des téléchargements interminables.

NEC Biglobe Picture Viewer

Trouvé via ce billet. Il faut le voir et jouer un peu avec pour apprécier la réalisation. La capture d’écran ne restitue pas le ressenti et l’expérience utilisateur. Belle réalisation, je tente de me renseigner pour savoir si ce travail est complètement privé ou bien si il serait possible de le partager…

DocZoom

Trouvé via un collègue Coréen. Ne m’en demandez pas plus, il y a quelques explications ici, et pour le reste un peu d’intuition et les libellés en Anglais sur les contrôles permettent de jouer un peu avec l’application. Intéressant ;)

ZUI : Zoomable User Interface

Trouvé via l’excellent blog Dragonostiscism

Il y a des truc cachés un peu partout dans cette démonstration en ligne d’une interface utilisateur zoomable. Faites bien le tour, c’est caché un peu partout…

[Edit] : On me signale dans l'oreillette que cette dernière réalisation serait en fait en Flash. Hé hé, pas grave, je la laisse quand même car la réalisation est intéressante. Preuve que les frontières sont parfois assez peu épaisses :)

Mot de la fin, provisoire ;)

Voilà, si tout ceci vous a plus – ce dont je ne doute pas un seul instant – je vous encourage à souscrire au flux RSS du blog Dragonisticism qui répertorie de nombreuses utilisations intéressantes de Seadragon et Deep Zoom. More to come ;)

Tutoriels Silverlight 2 pour les Designers, en vidéo

CLaueR — Tue, 21 Oct 2008 01:58:00 GMT

C’est Eric Ambrosi, qu’on n’a plus besoin de vous présenter ici, qui a signé seize tutoriels en vidéo sur Silverlight 2 à destination des Designers. Les vidéos sont aussi téléchargeables pour pouvoir être regardées offline.

Au menu :

* Introduction, Mise en place d’un projet Silverlight 2

Mode plein écran

Préchargement

Modèle de document

Arbre visuel

* Les conteneurs principaux

Canvas

Grid

StackPanel

* Les bases du graphisme

Masque

Bouton

Animation

* Notions avancées et Intéractivité

Animations multiples

Menu animé

Gestionnaire d’états visuels

* Dynamiser et connecter vos applications Silverlight 2

Créer un flux JSON

XAML Dynamique

Récupérer un flux JSON

C’est par là.

Bonne lecture, et Have Fun! :)

Project Rosetta ou bien encore "from Flash to Silverlight"... vos avis ?

CLaueR — Tue, 30 Sep 2008 12:15:21 GMT

Reprenant la célèbre - et facile - référence à la Pierre de Rosette qu'un certain Champollion utilisât pour apprendre à lire les hyéroglyphes Egyptiens, le site "Project Rosetta" est une initiative de Microsoft Corp qui vise à publier des articles et ressources destinées à aider des Flasheurs expérimentés à prendre en main Silverlight...

Esthétiquement, le site est plutôt assez réussi, et de façon étonnante, il utilise Twitter en tant que fil RSS, ce qui n'est pas commun.

La partie intéressante - à mon avis - vient d'une série de 9 petits articles - en Anglais - très bien fichus qui présentent Silverlight à des personnes qui viennent du monde Flash. D'ailleurs, les petits samples sont présentés à la fois en version Flash et Silverlight. Donc il vous faudra au minimum installer le plug-in Silverlight sur votre Mac ou PC pour pouvoir profiter de ce contenu.

Ca part assez vite dans le code, et la première série de tutoriels semble consacrée à créer des effets visuels percutants, avec des effets d'inertie, des mouvement calculés, et de la trigo, et du drag and drop.

Bon, je trouve que ça part très vite dans le code, et que ça devrait plus passionner les amateurs de code et de jolis algorythmes que les designers et "flasheurs" pûrs et durs.

Et vous, votre avis ? Comment vous trouvez ce site et les tutos ? Vous trouvez ça utile ? Je suis curieux de prendre vos feedbacks...