[Silverlight]Creando una aplicación Deep Zoom

Muy bien, pues con ayuda del nuevo Deep Zoom Composer, vamos a crear una aplicación de ejemplo en solo unos cuantos minutos, y además lo vamos a incluir en un blog de Windows Live Spaces. No colocare aquí el ejemplo terminado ya que en WordPress ya no podemos hacer uso de los tags de iframe :S, si alguien sabe como hacer me dice porfa. Bueno iniciamos…

1.-Primero descargamos e instalamos Deep Zoom Composer

URL: http://www.microsoft.com/downloads/details.aspx?familyid=457b17b7-52bf-4bda-87a3-fa8a4673f8bf&displaylang=en

2.- Una vez terminada la instalación, abrimos el programa (Inicio->Todos los Programas->Deep Zoom Composer). y damos clic en File->New project.., al que llamaremos en este ejemplo: Amigos.

              

3- Agregamos imágenes en el panel derecho que dice: Add imgae…

4.-Después damos clic en donde dice Compose y del panel derecho de donde agregamos las imágenes, las arrastramos hacia el centro, y ahi comenzamos a ordenar nuestras fotos, además podemos cambiar la posición del layer, es decir si esa atrás o al frente una foto de otra, entonces tenemos algo así:

               

5.-Ahora damos clic en la parte de Export y le asignamos un nombre por ejemplo: DeepZoomAmigos, en la parte de out type, seleccionamos Export images and Silverlight Project y damos clic en Export.

6.-Damos clic en  Preview in Browser y listo, ya tenemos lista nuestra aplicación DeepZoom

Hospedando nuestra aplicación en Silverlight Streaming

URL:http://silverlight.live.com/account/create.aspx

1.-Preparamos nuestra aplicación, buscamos la carpeta de ClientBin dento de nuestra carpeta de proyecto, verificamos que contenga el archivo con extension .xab y dentro de esta carpeta de ClientBin creamos nuestro manifiesto.xml, con el siguiente código:

<SilverlightApp>
  <version>2.0</version>
  <source>ClientBin/DeepZoomProject.xap</source>
  <width>720</width>
  <height>540</height>
  <background>gray</background>
  <isWindowless>false</isWindowless>
</SilverlightApp>

recuerden renombrar el archivo de .xab con el que tengan en su proyecto.

2.- ya con esto, enzipamos nuestra carpeta ClientBin y la cargamos en Silverlight Streaming. y listo tenemos nuestro aplicación para colocarla en nuestro sitio, blog o donde quieran. Como aquí no s puede ver ejemplo les dejo una imagen, y el proyecto terminado lo  ven aquí: http://mspnor.spaces.live.com/blog/cns!225760CED59218FC!573.entry.

       

Etiquetas de Technorati: Silverlight,Deep Zoom Composer,WPF/e