DeepZoom & Silverlight 2

Una delle novità presenti in Silverligth 2 al Mix08, è la nuova tecnologia Deep Zoom. Grazie a Deep Zoom è possibile realizzare effetti di "navigazione" di tipo zoom in e zoom out dentro una foto di grosse dimensioni (alta qualità o una collezione di più foto)

Se scaricate Silverligth 2 beta 1 è andate sul sito d'esempio Memorabilia, potete rendervi conto di cosa significhi navigare all'interno di un'immagine, avete la possibilità di arrivare a osservare dettagli non visibili nell' immagine vista più "da lontano".

imageQuesta tecnolgia, precentemente nota con il nome Seadragon, si basa sull'idea espressa nella seguente slide che trovate in una delle presentazioni del Mix08. Grazie ad un tool (Deep Zoom Composer), in technology preview, un'immagine di grosse dimensioni viene suddivisa in una serie di tessere che la rappresentano, questa suddivisione viene eseguita più volte con una serire di tessere di risoluzione inferiore, come vedete in figura.

L'utente ha subito l'impressione che venga caricata l'intera immagine, ma in più ha la possibilità di utilizzare il mouse per muoversi all'interno e vedere tessere a risoluzione maggiore e quindi con maggiori dettagli.

Lato server viene solo scarica la parte dell'immagine richiesta dall'utente, riducendo la quantità di byte che passano avanti e indietro nella rete, dando anche all'utente l'impressione di un'immagine caricata molto velocemente.

Creata l'immaginane con il composer nello XAML di Silverlight viene usato il tag MultiScaleImage per referenziare un file XML prodotto dal composer e che in breve descrive quanto generato dal composer stesso.

Le vostre foto con Deep Zoom e Silverlight 2

Se volete fare una prova dell'effetto di Deep Zoom con delle vostre foto potete provare a caricarle in photozoom.mslivelabs.com, un nuovo servizio web per creare album fotografici in cui potete fare upload di foto dal vostro PC oppure importarle da feed RSS, come ad esempio da Flickr. Il tutto viene caricato su Silverlight Streaming by Windows Live.

Nel mio caso, giusto per fare una prova, ho incollato in po' di foto d'esempio di Windows e ho inserito l'iframe in questa pagina, se avete SL 2 Beta 1, provate a muovervi con la rotellina del mouse per fare zoom nella foto .... ok appena trovo una bella foto panoramica uso quella :-)

Happy Coding con Silverligth 2 e Deep Zoom

-Pietro