Rich Internet Applications

Las capacidades adicionales de DeepZoom se encuentran en la opción de Export … dentro del menú izquierdo del IDE de Composer.

DeepZoomPix
Imaginemos un escenario donde generamos un proyecto DeepZoom mediante Composer … pero no se cuenta con un hosting con soporte Silverlight … o incluso sin ningun tipo de Hosting … es posible publicar nuestros proyectos en la página de DeepZoomPix … Pero no todo es tan perfecto como parece : Esta iniciativa solo es demostrativa … ya que esta pensado para estar disponible hasta el 31 de diciembre del 2oo9 … pero mientras esto sucede … hay que aprovecharlo … La verdad dudo que desaparezca por completo … seguramente se integrará como parte de Azure Services (aunque de momento dicen que no … habrá que esperar).

A través de composer se puede publicar de manera automática nuestros proyectos.

• Primero hay que crear una cuenta en DeepZoomPix … la cual se enlaza con una cuenta de Windows Live (Messenger, Hotmail, Xbox) … esto es posible hacerlo desde Composer … pero yo tuve problemas para crearla … así que la generé directamente en la página de DeepZommPix.
• Una vez creado el proyecto y ubicandose en la opción de Exportar … en la pestaña o sección de DeepZoomPix … los pasos son :: 1. accesar a la cuenta ya creada … 2. Nombre al Album … 3. Seleccionar una cubierta (la cual puede ser cualquiera de las imágenes de la composición) … 4. Seleccionar la calidad de las imágenes y 5. Publicar.

• Iniciado el proceso de Publicación “sube” las imágenes de la composición o proyecto al sitio … Este proceso puede tardar dependiendo de la cantidad de imágenes y el peso de la misma … y por supuesto del tipo de enlace.

• Una vez terminado el proceso … solo habrá que seleccionar la opción de Browse New Album.

• LISTO … Composer de manera automática abre el album recien creado en el Explorador. El modelo de navegación es el mismo generado por DeepZoomComposer.

• Mediante los servicios de DeepZoomPix se permite publicar en nuestras propias páginas el album creado … a través de un Embed code (muy similar al funcionamiento de YouTube). Tambien cuenta con las opciones de publicación en Facebook, Twitter y MySpace.

Aqui se puede ver el ejemplo real publicado en las páginas de DeepZoomPix

Custom

Las opciones adicionales o disponibles se encuentran en la opción del menu Custom.

Output Type

• Images. Esta es la opción básica de exportación … la cual genera la Piramide de Imágenes necesarias para la generación de proyectos DeepZomm … La importancia de esta opción es que a partir de estas imágenes se puede generar un proyecto directamente en Visual Studio … permitiendo la personalización de nuestra propia aplicación o solución DeepZoom. La clase principal o eje para la generación de proyectos DeepZoom en VS es MultiScaleImage Class. En nuestro propio proyecto podemos generar nuestros propios controles … efectos … o simulación personalizada. La exportación de imágenes se genera como un proyecto … y almacena las imágenes en un conjunto de directorios generados para este proposito.
• Silverlight Deep Zoom. Mediante esta opción de exportación aparte de generar la Pirámide Imágenes … generá un proyecto Silverlight haciendo uso de las imágenes generadas. Este ejemplo es el representado en el Post Pasado … el cual incluye un modelo de navegación … que aunque simple … es eficiente. En combinación con el tipo de exportación para multiples imágenes (Export as a collection :: multiples images) … existen 3 opciones diferentes
  • Default. Este es el método o template utilizado en el Post pasado y publicado en Ria4NET.com.
  • Tag Browser. Este hace uso de un template diferente … y muestra las posibilidades de DeepZoom. En el blog de Kirupa Chinnathambi podemos encontrar el Source de este proyecto.
  • Deep Zoom Classic + Source. Este hace uso del template mas sencillo … pero la importancia radica en que este genera un proyecto con código fuente para ser utilizado en Visual Studio … y esto incrementa su importancia para el aprendizaje de Deep Zoom.
• Seadragon Ajax. Este forma parte de un proyecto de LiveLabs :: Seadragon Ajax … siendo un proyecto sumamente interesante … aunque sencillo en su escencia. Parte de un escenario donde se genera la Pirámide de Imágenes para DeepZoom … pero sin utilizar Silverlight … y en su caso … genera un simulación o representación usando AJAX … es decir Javascript y DOM. Una vez exportado genera la página Web con el resultado del proyecto … así como las imágenes asociadas. El Javascript para su funcionamiento no se genera durante el proyecto … pero se encuentra ubicado en seadragon.com/ajax.

Conclusión.

Con este Post termino el tema relacionado de DeepZoom … y aunque aun hay tema de donde cortar … como es la generación o personalización de DeepZoom en Visual Studio … así como el manejo de clases … DeepZoomComposer genera el material necesario para su aprendizaje. Por cierto … el código o Source generado es en C#.

Otro tema importante y a la vez interesante … que pertenece al entorno DeepZoom y Silverlight es Photosynth … y aunque no lo promueva en el Blog … estoy generando un proyecto demo en Ria4NET.com … y en cuanto esté terminado … lo informaré en Twitter.

Próximo Post :: Servicios RESTful con Silverlight:: Lunes 31 de Agosto.

dansalinas Silverlight DeepZoom