Enero de 2013

CONCIUS MANUAL DE USUARIO – DEEP ZOOM COMPOSER

Deep Zoom Composer

CONCIUS 2

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

Deep Zoom Composer

CONCIUS 3

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.

Deep Zoom Composer

CONCIUS 4

http://www.microsoft.com/en-us/download/details.aspx?id=24819

Deep Zoom Composer

CONCIUS 5

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.

Deep Zoom Composer

CONCIUS 6

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

Deep Zoom Composer

CONCIUS 7

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.

Deep Zoom Composer

CONCIUS 8

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.

Deep Zoom Composer

CONCIUS 9

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.

Deep Zoom Composer

CONCIUS 10

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.

Deep Zoom Composer

CONCIUS 11

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.

Deep Zoom Composer

CONCIUS 12

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.

Deep Zoom Composer

CONCIUS 13

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.

Deep Zoom Composer

CONCIUS 14

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.

Deep Zoom Composer

CONCIUS 15

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.

Deep Zoom Composer

CONCIUS 16

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.

Deep Zoom Composer

CONCIUS 17

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.

Deep Zoom Composer

CONCIUS 18

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

Deep Zoom Composer

CONCIUS 19

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

Deep Zoom Composer

CONCIUS 20

Deep Zoom Composer

CONCIUS 21