Inicio > Deep Zoom, silverlight, WPF, XAML > [Silverlight]Creando una aplicación Deep Zoom

[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.

               deepzoom

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í:

                deepzoomcomposer

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.

      Dibujo 

Etiquetas de Technorati: ,,
Categorías:Deep Zoom, silverlight, WPF, XAML
  1. julio 31, 2008 a las 3:47 am

    woOoralex carnalin ta xido zee! nomaz ke mi internuxo ezta rre lento jaja

  2. julio 31, 2008 a las 3:50 am

    jaja me akivoke de sitio web ezte zee ez el mio jaja

  3. Horacio
    agosto 20, 2008 a las 11:32 pm

    hola me pueden ayudar, me trave en la parte de ENZIPAR la carpeta como hago esto? enzipar es comprimirla en un archivo .zip, y luego como la cargo en Silverlight Streaming.? me registre en la pagina y me salen opciones en ingles, porfavor ayuda.. saludos…

  4. Monse
    marzo 29, 2010 a las 5:44 pm

    Hola me quede en la parte de hospedar la aplicación en Silverlight , se copian que archivos donde o cómo en .zip hacia silver??

  1. agosto 4, 2008 a las 2:19 pm
  2. agosto 20, 2008 a las 2:30 pm

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: