Deep Zoom è una tecnologia incapsulata in Silverlight, che consente di ingrandire immagini in alta risoluzione, senza intaccare le performance della macchina e dotando la GUI dell'applicazione che si sta realizzando di una user experience notevole, un po' come quella offerta dai cellulari iPhone, tanto per intenderci.

Un'immagine riprodotta con Deep Zoom appare all'istante, ma avvolta da una sottile nebbia, la quale gradualmente scompare per lasciare il posto a una nitidezza di immagine spettacolare (ovviamente in base alla risoluzione della stessa); in realtà Deep Zoom effettua il caricamento di una piccola porzione dei dati relativi all'immagine, giusto per permettere all'utente di capire cosa sta osservando; nel lasso di tempo che intercorre fra il caricamento e la successiva azione di zoom o di pan effettuata dall'utente[/b], Deep Zoom completa il caricamento ad alta risoluzione della porzione che l'utente sta osservando.

La prima attività da compiere, prima di scrivere l'applicazione di gestione, è quella di ottenere una composizione di immagini necessarie per caricarle con Deep Zoom; a tal proposito si utilizza un tool chiamato Deep Zoom Composer: dopo averlo installato, lanciatelo e create un nuovo progetto, dategli un nome e cliccate sul pulsante Add Image; selezionate le immagini che volete importare da qualsiasi cartella nel disco rigido e avviate l'importazione.

Al termine cliccate su Compose e trascinate le immagini importate nella zona apposita per la composizione, disponetele nel modo che desiderate e avviate l'Export: otterrete un'anteprima del risultato finale, ossia come apparirà la composizione con Deep Zoom, quindi potete fare pan e/o zoom e, se siete soddisfatti, cliccate su Custom; selezionate il radiobutton Silverlight Deep Zoom, scegliete il nome e il folder di destinazione, scegliete se volete generare una singola immagine o più e confermate il resto.

Al termine del suddetto giro di opzioni e selezioni avete ottenuto una cartella, nella quale il tool ha generato e inserito una serie di immagini (frame) e file XML che Deep Zoom utilizzerà per gestirne la visualizzazione.

Nella seconda parte di questo articolo, si vedrà come realizzare l'applicazione Silverlight, che gestirà la composizione di immagine. Intanto, vi lascio i link a due siti che utilizzano Deep Zoom: Hard Rock Memorabilia e quest'altro sito, un po' osé, che realizza appieno uno degli scopi per cui è stato pensato Deep Zoom. Buona visione.

• Pubblicazioni correlate:
• 30-10-2009 Realizzare un'applicazione Deep Zoom enabled in Silverlight (2/2)