Archive

Posts Tagged ‘Deep Zoom’

Deep Zoom Composer liberado

July 23rd, 2009 No comments

El día de ayer por la noche fue anunciado en el blog de Expression que también ha sido liberada la versión final de Deep Zoom Composer, para coincidir precisamente con el lanzamiento de Expression Studio 3.

Les recomiendo que descarguen esta versión final (desinstalen primero todas las versiones anteriores que tengan) haciendo clic aquí.

También pueden revisar toda la lista de características nuevas en esta liga.

Saludos!

Categories: General Tags: ,

Deep Zoom Composer y Deep Zoom Pix

July 21st, 2009 No comments

Hola a todos.!!!

 Hace unos días Microsoft lanzo Expression Blend 3 + SketchFlow RC  como saben es para realizar proyectos en WPF y Silverlight, con la liberación de la versión 3 existe una herramienta muy útil y para mi gusto muy buena, ya que en algunos proyectos se requiere de implementar una galería de fotografías.  ¿Y por qué no? Compartir fotografías con tus amigos en la web.

 Para ello vamos a necesitar dos elementos que Microsoft pone a la disposición de todos; un programa llamado Deep Zoom Composer  y la página para guardar sus proyectos llamada Deepzoompix.com (Imagen 0)

Para iniciar…

Debemos de tener instalado en nuestro equipo el programa Deep Zoom Composer y  crear una cuenta en la pagina Deepzoompix.com , el proceso de registro en esta página es muy rápido ya que solo hay que iniciar sesión con nuestra cuenta de Windows Live ID y llenar unos datos. Una vez que ya este relacionada nuestra cuenta con la pagina estamos listos para crear un proyecto y publicarlo.

 Creando el proyecto…

Para Crear un proyectos  debemos de ejecutar el programa DeepZoomComposer, cuando se inicia el programa nos muestra una ventana en donde nos permite iniciar un nuevo proyecto o abrir uno que ya este diseñado. En nuestro caso vamos a seleccionar  New Project…  (Imagen 1). Después seleccionamos la ruta y el nombre con el cual vamos a crear este proyecto, en este caso particular el nombre que le asigne es  DeepZoomComposerDemo (Imagen2) y presionamos OK. La primera opción que nos va a mostrar el programa es la de importar las imágenes que deseamos agregar a nuestro proyecto en la parte superior derecha está el botón Add Image…  con el podemos explorar los archivos que tenemos en nuestra maquina  y seleccionar  los necesarios (Imagen3), presionamos abrir y en ese momento va a importar todos los elementos (Imagen 4),  cuando se han terminado de importar los elementos se van a mostrar en el lado derecho en una barra  (imagen 5).

El siguiente paso es cambiar a la opción del programa Compose Y esta está en la parte superior central, es aquí en donde vamos a arrastrar nuestras imágenes hacia el plano que nos muestra el programa en la parte central (imagen 6),  y ahora lo que nos queda es exportar este proyecto a la web a DeepZoomPix para lograr esto tenemos que cambiar a la opción de Export que se encuentra en la parte superior central. Cuando ya se encuentran en esta opción el programa les va a pedir que se autentifiquen  con su cuenta de Windows Live ID y su Password (previamente activamos nuestra cuenta en la pagina Deepzoompix.com) (imagen 8). Al estar autentificados a Windows Live (imagen 10) nos permite seleccionar el nombre del nuevo álbum que será publicado en la pestaña llamada New Albums dentro de esta pestaña nos muestra el espacio para poner el nombre a nuestro nuevo álbum y seleccionar nuestra cubierta o portada del álbum con el botón “Select álbum cover”, después seleccionamos el formato en el cual va ser publicado nuestro álbum, en mi caso seleccione PNG. Al tener todos estos elementos configurados el botón de “Publish” quedará habilitado para poder realizar la exportación, para finalizar presionamos el botón y esperamos a que se termine de publicar nuestro proyecto en donde nos aparecerá una ventana indicándonos que la publicación fue un éxito y que deseamos hacer (imagen 13),  en nuestro caso vamos a seleccionar “Browse New Album” e inmediatamente se va abrir en internet nuestro proyecto ya publicado (imagen 14) y podemos ver la experiencia de explorar nuestro conjunto de imagenes que seleccionamos en nuestro proyecto de una manera muy divertida y con el formato que uno desee. Y eso no es todo ya que el proyecto que realizamos lo podemos compartir en Facebook, Twitter, MySpace o mejor a un..!! integrar esta galería a un proyecto dentro de la web con solo integrar el código que nos genera de manera automática un Iframe y un Object (imagen 15).

 

Para bajar los Ejemplos…

DeepZoomComposerDemo.zip

ManualDeepZoomComposerDemo.zip

 

 

Espero que les sirva esta guía

 

Saludos.!!!

 

Atte.

Javier Espinoza Morales.

MCP, MCTS.

 

 

Categories: General Tags:

Deep Zoom Composer June 2009 Preview ha sido lanzado

June 22nd, 2009 No comments

Está disponible para descargar la última versión de Deep Zoom Composer, que es la herramienta que nos permite de manera rápida y sencilla generar aplicaciones Deep Zoom.

Como siempre, primero deben desinstalar las versiones que ya tengan instaladas, para poder instalar esta nueva versión.

Algunas de las novedades que trae

  • Soporte para navegación. Se podrá navegar entre imágenes o en áreas de imágenes.
  • Optimización del uso de memoria. Ahora consume menos recursos, permitiendo trabajar con más imágenes.
  • Reportes sobre cuales son las imágenes que más llaman la atención.
  • Importar imágenes y exportarlas sin tener que pasar previamente por el área de diseño.

Pueden descargar la aplicación aquí.

Categories: General Tags:

Deep Zoom

June 17th, 2009 No comments

Deep Zoom es una herramienta que nos da la posibilidad de interactuar y visualizar imágenes de alta resolución en Silverlight. Podemos hacer zoom sobre cualquier imagen sin afectar el rendimiento de la aplicación.

Una de las cualidades importantes, es que reduce el tiempo de carga de las imágenes ya que la herramienta descarga progresivamente las imágenes, generando una experiencia más interesante, recordando los problemas de otras aplicaciones al cargar imágenes de gran tamaño y resolución.

PIRAMIDE DE IMAGENES

Cuando cargamos un aplicación Deep Zoom, vemos que primero carga una versión borrosa de la imágen para luego volverse nítida. Esto es así ya que todas las imágenes que se utilizan, se guardan en varias resoluciones para realizar una carga rápida.

Como vemos en el ejemplo a continuación (tomado de Quickstart), se guarda la imagen en un mosaico de imágenes de 256×256 (habitualmente se utiliza este tamaño, pero puede variar), guardando también versiones de menor resolución, siempre en mosaicos.Cc645050.Image_pyramid(es-es,VS.95)

Se imaginaran que si por cada imagen que vamos a utilizar necesitamos realizar estos mosaico, se vuelve un poco tedioso el armado de la aplicación, por lo que vamos a poder utilizar Deep Zoom Composer, que nos facilita esta tarea. 

DEEP ZOOM COMPOSER

Esta herramienta nos permite de manera sencilla agregar imágenes, definir la posición en la que queremos que se visualicen y luego que estemos conformes tenemos varias opciones para exportar nuestra aplicación.

Composer 

  • Exportar nuestra aplicación directamente a DeepZoomPix, donde vamos a poder visualizar nuestra aplicación alojada en un servidor externo.
  • Generar nuestra propia aplicación Silverlight, la cual podemos modificar y subir donde nosotros queramos.
  • Podemos generar las pirámides de imágenes que comentaba antes.
  • Generar una aplicación Seadragon Ajax.

SHOWCASE

Esta tecnología ha sido utilizada por varias empresas para distintas funcionalidades, estas son algunas de los sitios que ya utilizan Deep Zoom

Categories: General Tags:

Buen ejemplo de Silverlight + Deep Zoom composer

March 19th, 2009 No comments

WorldWide Telescope es un programa de Microsoft Research que te permite tener la experiencia de usar un telescopio virtual. La versión completa viene en una aplicación de escritorio, pero pueden experiementarlo directamente desde su Web Client.

Vía.

Categories: General Tags: ,