2. Deep Zoom Composer
Tabla de contenido
I. Descripción ................................................................................................................................... 3
II. Competencias que contribuye a desarrollar ............................................................................... 3
III. Requerimientos técnicos............................................................................................................ 3
Lo que se quiere lograr................................................................................................................ 6
V. Cómo empezar a trabajar ............................................................................................................ 7
VI. Integración de imágenes ............................................................................................................ 8
VII. Composición de imágenes ........................................................................................................ 9
VIII. Vínculos internos ................................................................................................................... 11
IX. Vínculos externos ..................................................................................................................... 13
X. Vínculo inicial ............................................................................................................................. 15
XI. Exportar proyecto ..................................................................................................................... 17
XII. Navegación .............................................................................................................................. 18
CONCIUS 2
3. Deep Zoom Composer
I. Descripción
Deep Zoom permite crear composiciones de imágenes con alta calidad, haciendo zoom
hasta obtener los más mínimos detalles, con transiciones limpias y un tiempo de carga
bajísimo. Al usar esta tecnología para crear álbumes de fotos se obtiene algo parecido a
un “efecto Piclens1” que hace bastante intuitiva y atractiva la exploración de las imágenes.
II. Competencias que contribuye a desarrollar
Conocer la existencia y propiedades de diversas TIC junto con sus alcances y
limitaciones.
Identificar la TIC en base al problema a resolver y utilizarla reflexivamente.
Reconocer y entender los alcances de un concepto o expresión artística al abstraer
las propiedades significativas.
III. Requerimientos técnicos
Sistemas operativos mínimos para trabajar: Windows 7, Windows Vista, Windows XP
Service Pack 2.
Procesador Intel Pentium o AMD, 2 GHz
1 GB de RAM
Microsoft ® DirectX ® 9. 0–capable tarjeta de vídeo con 256 MB o más de memoria (por
ejemplo, ATI Radeon ® X 300 o NVIDIA ® GeForce 5600)
Sistemas operativos compatibles: Windows 7, Windows Vista, Windows XP Service Pack 2
La funcionalidad de Internet.
Para descargar la versión acceder a la siguiente página:
1
Piclens transforma un producto en un espectacular visualizador tridimensional de fotografías a pantalla
completa.
CONCIUS 3
5. Deep Zoom Composer
IV. Uso de la aplicación
El Panel de herramientas ofrece diferentes opciones para la composición de imágenes
aplicando un zoom en cualquier parte de la imagen para poder verificar el mínimo detalle
de la misma.
Se puede integrar hotspot´s2 para la vinculación entre imágenes y poder navegar dentro
del mismo proyecto con un control específico permitiendo la interacción dentro del
proyecto.
2
Hotspot: Herramienta que permite vincular elementos dentro o fuera del DeepZoom, sirve para la
navegación directa con un solo clic.
CONCIUS 5
6. Deep Zoom Composer
Lo que se quiere lograr
Lo que se quiere lograr es la integración de diferentes imágenes de animales y que el
programa permite el poderse enfocar en cualquier parte de ésta, aplicando un zoom que
muestre solamente la parte especificada.
Asimismo, poder navegar entre las diferentes imágenes de forma interna, mostrando una
descripción de la parte seleccionada con un vínculo externo.
Integración de Imágenes
Zoom de vínculo interno
CONCIUS 6
7. Deep Zoom Composer
Zoom específico y vínculo externo
V. Cómo empezar a trabajar
Para comenzar, es necesario contar con las fotografías de todos los animales,
características y especificaciones (páginas Web) que fueron selecionadas para la
conformación del Avatar; éstas serán guardadas en una sola carpeta en el equipo de
cómputo.
Abrir el programa Deep Zoom Composer, hacer clic en New Project para la composición
de las características del Avatar.
CONCIUS 7
8. Deep Zoom Composer
Se mostrará un panel donde se deberán incluir las siguientes especificaciones.
Name: Señalar el nombre del Avatar a crear.
Location: Seleccionar la ruta en el equipo donde se guardará el producto creado de Deep
Zoom Composer.
VI. Integración de imágenes
Se mostrará un panel, hacer clic en la pestaña Import; inmediatamente después, hacer
clic en el botón Add image para insertar todas las imágenes que se seleccionaron para la
composición del Avatar.
CONCIUS 8
9. Deep Zoom Composer
VII. Composición de imágenes
Una vez agregadas las imágenes con las que se va a trabajar, hacer clic en la pestaña
Compose; del panel Images mostrado en la parte inferior, arrastrar todas las imágenes de
forma ordenada dentro del recuadro mostrado al centro del programa.
CONCIUS 9
10. Deep Zoom Composer
Una vez integradas todas las imágenes se muestra un panel (lado izquierdo), hacer clic en
el botón Selection, el cual permite editar el tamaño y posición de las imágenes.
Se debe modificar el tamaño y realizar la ordenación de todas las imágenes, las cuales
pueden estar en línea horizontal, vertical y/o dentro de todo el recuadro mostrado.
Así mismo se puede realizar el acercamiento y alejamiento de las imágenes de 2 formas:
1. Mediante el panel (lado izquierdo)
Dar clic en el botón Zoom para acercarse y/o Fit to screen para alejarse.
2. Mediante el scroll del mouse.
Existe un recuadro gris del lado izquierdo donde indica en qué posición y
tamaño se encuentran las imágenes.
En el panel mostrado anteriormente (lado izquierdo), hacer clic en el botón Pan que
permite moverse dentro del recuadro sin afectar el tamaño y posición de las imágenes.
CONCIUS 10
11. Deep Zoom Composer
VIII. Vínculos internos
Concluida la edición de las imágenes, se deben integrar los vínculos internos y externos
para la aplicación del zoom, mostrando a detalle la característica de cada uno de ellos.
Se realizará el vínculo al Menú del proyecto; se debe hacer clic en el botón Add hotspot,
debajo de la pestaña Images, colocar y editar el hotspot [N°0] de relleno gris con el
objetivo de que cubra todas las imágenes insertadas.
Se muestra un panel (lado derecho), en la pestaña Properties escribir la siguiente
especificación.
1. Tooltip: Escribir MENÚ.
A partir de este proceso se deben realizar los vínculos de todas las imágenes, siguiendo
paso a paso la descripción de cada una.
Se realizará la vinculación a la parte del animal seleccionado para la creación y
composición del Avatar.
CONCIUS 11
12. Deep Zoom Composer
Hacer clic en el botón Add hotspot, debajo de la pestaña llamada Images, colocar el
recuadro [N°1], cubriendo la característica y especificación principal de cualquier animal
seleccionado para la creación del Avatar.
Se muestra un panel (lado derecho); en la pestaña Properties, escribir la siguiente
especificación.
1. Tooltip: Escribir la parte del cuerpo del animal seleccionado que se tomará para
conformar el Avatar.
Se realizará la vinculación sobre la(s) característica(s) principal(es) de la parte del cuerpo
del animal que integrará el Avatar.
Agregar un nuevo Add hotspot [N°2]; se debe colocar el nuevo recuadro dentro del
anterior, estando posicionado en medio con un tamaño pequeño.
Se muestra un panel (lado derecho); en la pestaña Properties, escribir la siguiente
especificación.
1. Tooltip: Señalar la Característica principal del animal seleccionado que conformará
el Avatar.
CONCIUS 12
13. Deep Zoom Composer
IX. Vínculos externos
Se realizará la vinculación hacia las páginas Web que contiene la descripción de las
características sobre la especificación del animal.
Se muestra un panel (lado derecho), hacer clic en la opción External Links. Se debe
seleccionar el Hotspot anterior [N°2] mostrado debajo de la pestaña Layers, donde se
deberá arrastrar (Hotspot [N°2]) hacia el panel External Links.
CONCIUS 13
14. Deep Zoom Composer
Se mostrará un panel; hacer clic en el botón Add Reporting URL, donde se deben escribir
las siguientes especificaciones.
1. Name: Escribir una referencia hacia la página que mostrará la característica y
especificación principal de la parte del animal.
2. URL: Copiar la dirección de la página donde se muestra la característica y
especificación principal de la parte del animal.
3. Description: Escribir un mensaje corto referente a la característica y especificación
principal de la parte del animal.
Al finalizar se debe guardar todo el proceso realizado anteriormente.
CONCIUS 14
15. Deep Zoom Composer
X. Vínculo inicial
Se agregará un vínculo interno para regresar al inicio del proyecto, lo que permitirá una
mejor visualización y manejo del mismo.
Agregar un nuevo Add hotspot [N°3], el cual debe ser colocado dentro del hotspot [N°1].
Debe estar posicionado en cualquier esquina del recuadro de forma pequeña.
Se muestra un panel (lado derecho); en la pestaña Properties, escribir la siguiente
especificación.
1. Tooltip: Escribir Regresar.
CONCIUS 15
16. Deep Zoom Composer
Se muestra un panel (lado derecho), hacer clic en la opción Internal Links. Se debe
seleccionar el último Hotspot generado [N°3] mostrado debajo de la pestaña Layers
donde se deberá arrastrar (Hotspot [N°3]) hacia el panel Internal Links.
Se mostrará un panel, hacer clic en el Hotspot [N°0], al finalizar se debe guardar el
proceso realizado anteriormente.
CONCIUS 16
17. Deep Zoom Composer
XI. Exportar proyecto
Una vez concluido la vinculación de todas las imágenes para la creación del Avatar, se
debe exportar el proyecto.
Hacer clic en la pestaña Export, donde se mostrará un panel en el cual se deben incluir las
siguientes especificaciones:
a. Output type: Seleccionar la opción Silverlight Deep Zoom.
b. Name: Escribir el nombre del Avatar.
c. Export options: Seleccionar la opción Export as a collection (multiple
images).
d. Image settings: Subir el nivel a 100 en la sección Quality.
Una vez seleccionadas todas las opciones anteriores hacer clic en el botón Export.
CONCIUS 17
18. Deep Zoom Composer
Al finalizar se mostrará un panel, hacer clic en el botón Preview in Browser.
XII. Navegación
Al concluir con la exportación del proyecto se podrá navegar dentro del mismo para
verificar la integración de los animales para la composición del Avatar.
Se muestra la recopilación de los animales en una página Web, hacer clic en el botón
Toggle full-screen mode (lado derecho).
CONCIUS 18
19. Deep Zoom Composer
Una vez mostrado el producto final donde se integran las imágenes de los animales para la
composición del Avatar, hacer clic dentro de cada imagen para navegar dentro de éstas.
Una vez posicionado se mostrarán las características y especificaciones principales de la
animales y se puede navegar haciendo clic en el recuadro mostrado (características y
especificaciones) donde se desplegará la información en Web y/o nos regresará al Menú.
CONCIUS 19