Manual de diseĂąo de Recorridos Virtuales con Panoramicas 360Âş en Panotour Pro 2
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
CONTENIDO Introducción 1. La fotografía esférica y de Realidad Virtual (RV) - Fotos terréstres - Fotos aéreas - Controles y hotspots 2. Los recorridos virtuales y formas de navegar - Redes sociales - Idea del recorrido y puntos de interés 3. Dispositivos de Realidad Virtual para ver los recorridos - Gafas Google Cardboard - Dispositivos de escritorio 4. Configuración del equipo - RAM - Tamaño Primeros Pasos 1. Panotour y Panotour Pro - Interfaz - Configuración del programa - Carpetas de los proyectos - Carpetas del usuario 2. Organización del flujo de trabajo - Archivos y carpetas - Metadatos - Proyectos - Entregables 3. Cargar las imágenes - Resolución - Tamaño - Escenas 4. Propiedades del proyecto - Nombre - Orden - Vista inicial y personalizada - Enlaces - Transiciones - Spots - Flares - Sonidos - Parámetros de inicio - Plano - Geolocalización Descubriendo nuevas funciones 1. Panel de Estilo - Interfaz - Panel de elementos - Configuraciones - Librerías - Estilos de spots
Página 1
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
CONTENIDO
2. Barras de control - Configuración - Utilidad de los botones - Herramienta Giroscopio - Etiquetas 3. Panel Crear - Directorios y nombre - Plantillas - Protección - Sumario del proyecto Composición de nuevos recorridos: Taller práctico 1. Integración de todas las funciones con audio - Audio puntual - Audio en botones - Control de audio 2. Diseño personalizado de íconos - Archivos - Metodología de diseño - Ubicación en el proyecto 3. Diseño personalizado de barras de control - Carpetas y archivos editables - Parámetros XML 4. Asignar galerías - Creación de galerías - Creación de picture spots - Acciones 5. Logo - Fijo - En nadir 6. Menú contextual - Varios autores 5. Visores - PDF’s - Información - Descripciones Navegabilidad: Taller práctico 1. Comprobación de enlaces - Tamaño de spots - Transiciones 3. Plano y Mapa - Geolocalización - Zoom por defecto Realidad Virtual: Taller práctico 1. Pruebas con ultimas versiones - Navegabilidad Página 2
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
INTRODUCCIÓN El presente texto está elaborado para entender y desarrollar nuevas estrategias gráficas con la interfaz del Recorrido Virtual de la Universidad de los Andes. Pertenece por tanto a quien lo escribió y a quien lo recibe, que es en este caso la oficina de Planeación del Campus de la universidad, quien dará el acceso a las personas designadas para el taller de inducción. Esperamos que con este material el Recorrido Virtual del Campus sirva para todos sus propósitos y se pueda aprovechar al máximo.
Página 3
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
1. LA FOTOGRAFÍA ESFÉRICA Y DE REALIDAD VIRTUAL Una panorámica es una imagen que envuelve al espectador en una ilusión de continuo espacio, en fotografía 360º se habla de una imágen más ancha que alta y que tiene una deformación esférica que permite ver arriba, abajo y a los alrededores. Una fotografía de 360 por 180 grados es denominada: equirrectangular o esférica y está compuesta de fotografías normales tomadas con un lente gran angular o un Ojo de Pez. ¿Que tipos de fotografías esféricas se pueden hacer? Existen de varios tipos, los cuales se diferencian unos de otros estimando la calidad y las condiciones que se necesitan para hacerla. Por ejemplo pueden haber fotografias esféricas aéreas, semiaéreas y terrestres de acuerdo al área que se quiera mostrar. Usualmente las fotografías esféricas aéreas utilizan más resolución puesto que necesitan mostrar mucha más área que una fotografía esférica terréstre por tanto deberán tener mayor resolución. Aunque no es obligatorio todas las fotografías pueden tener la misma resolución, ya sea baja o sea alta. El recorrido de la Universidad de los Andes está creado con equirrectangulares aéreas y terrestres de la misma resolución, cada foto tiene 150 ppi y miden 15000 x 8000 pixeles garantizando una optimización en dispositivos móviles y una alta calidad en dispositivos de escritorio. Las equirrectangulares aéreas que posee el Recorrido Virtual por el Campus son las siguientes: - Edificio Sd - Bloque J - Bloque LL - Bloque W - Bloque ML - Bloque Ga - Bloque H Mientras que las equirrectangulares terrestres / semiaéreas que posee el Recorrido Virtual por el Campus son las siguientes: - Bloque B - Bloque I - Bloque S - Bloque R - Bloque Tx - Bloque Q - Villa Paulina - Bloque M - Bloque E En el caso del Bloque E, se puede considerar que es una fotografía esférica semiaérea dado que esta elevada a más de 5 m del piso. Todas las fotografías tienen el mismo balance de blancos, nivel de resolución y deformación su proporción es de 2:1 es decir que son fotografías esféricas, las cuales podrán tener contenido interactivo inmersivo, es decir podrán ser fotografías de Realidad Virtual.
Página 4
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
Este contenido y esta deformación será posible unicamente a través de un software que permita incluirlas y crear una interfaz gráfica para ser navegadas, esto es lo que se ha hecho con el software Panotour Pro 2 de la compañía Kolor. Esta interfaz gráfica esta compuesta por controles y hotspots básicamente. Algunos hotspots pueden ser enlaces, sonidos, fotos, información. Y algunos controles pueden controlar estos hotspots así como la imágen esférica que estamos viendo, por ejemplo, agrandarla a toda la pantalla, acercarla o alejarla, detener su movimiento, ocultarse, mostrarnos donde estamos, etc. El primer Recorrido Virtual del Campus cuenta con: - 16 Panoramas esféricos - 230 marcadores - 215 marcador puntual - 15 destellos de lente - 215 enlaces - 108 enlaces a panoramas Es decir que dentro de las 16 fotografías esféricas (spots) hay un total de 445 hotspots de los cuales unos son enlaces a páginas, cajas de información, otros spots, fotografías, audios, redes sociales, 2. LOS RECORRIDOS VIRTUALES Y FORMA DE NAVEGAR Precisamente todos los recorridos virtuales tienen esas dos características: tener una deformación esférica y una interfaz gráfica, con el fin de aumentar la experiencia del usuario y de caminar através o trasladarse, en inglés Walk-through. En ocasiones la navegavilidad de un recorrido virtual esta dada por pasos humanos, es decir cada 1 o 2 metros, dando la ilusión de caminar. Mientras que en otras formas de navegar existen spots o puntos hacia donde trasladarse, este es el caso del Recorrido Virtual del Campus, en el cual se ha aplicado la técnica Sky-walk, que es “caminar” o desplazarse a traves de puntos aéreos específicos, por ejemplo de un bloque a otro, o de un bloque a una plazoleta. Estos son puntos específicos que involucran una o dos fotografías esféricas aéreas interconectadas y que dan la ilusión de estar “caminando por el cielo”. En el Recorrido Virtual del Campus contamos con fotografías esféricas (ya deformadas) y una interfaz gráfica para navegarla compuesta de: 1. Una barra de controles fija que determina el comportamiento de la interfaz 2. Una serie de íconos dentro de la foto para interactuar (hotspots) Estos dos componentes están diseñados con el software Panotour Pro 2 de Kolor. ¿Para qué sirve cada uno? - Barra de control, como su nombre lo indica “controla” las funciones de todos los iconos gráficos de la interfaz y tambien controla la forma en que se puede ver esta interfaz. Entonces los controles de la barra de control tienen más autonomía que los que estan sobre la foto. A continuación se detalla qué hace cada uno: - Mostrar u ocultar los controles: Se muestran o se ocultan los controles con el ánimo de no interferir con la fotografía, quitar esos obstáculos, y ver el espacio tal y como si estuvieramos allí. Página 5
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
- XIE / Mostrar u ocultar los hotspots: La función de XIE es mostrar y ocultar la principal herramienta para navegar el Recorrido, ya que es el único ícono que transporta la vista de un lugar a otro. XIE es el símbolo del plan de gestión ambiental del campus y por eso es a través de este que se puede uno transladar. Esta funcion no es dependiente de la primera, es decir se pueden ocultar los controles sin ocultar a XIE, pero si se oculta a XIE también se pueden ocultar los controles. - Home: es el control que da inicio al recorrido, así como también controla su inicialización. Funciona como restart pero principalmente su función es describir el inicio del Recorrido por el campus el cual es en el prado del Bobo, el cual es un elemento simbólico de la universidad y del Campus. - Zoom: esta herramienta gráfica sirve para explicar que el Recorrido cuenta con un nivel de aproximación y de alejamiento, aunque tambien se puede utilizar desde el scroll del mouse, mucha gente no lo sabe porque no ve los íconos. - Pausar/comenzar autorrotación: esta herramienta permite controlar el movimiento autónomo del recorrido, ya que cuenta con una rotación propia desde el inicio (principalmente este movimiento le indica al usuario que esta frente a una foto inmersiva y que puede navegar en cualquier dirección sobre ella, de otra manera estaría estática y no sabría si puede moverse o no), en ocasiones se detiene, por ejemplo cuando se muestra un elemento gráfico, o si se le da pausar, sirve para detenerla si se quiere tomar una impresión de pantalla por ejemplo. - Mapa: Como su nombre lo indica, provee de un mapa a la navegación, el cual está embebido en la interfaz de mapas de Google y se puede ver como calles o satelital, también se puede aproximar o alejar en el mapa para tener como referencia al mundo y tambien hay sobre el mapa hotspots para transladarse de un spot a otro. También cuenta con un radar que indica hacia que punto cardinal en el mapa esta dirigiendose la vista de la panorámica, esto hace mucho mas útil la geolocalización del espacio en el mundo. - Información: Esta herramienta permite desplegar un texto que indica información especial (sobretodo histórica y arquitectónica) sobre la panorámica que se esta viendo. Sirve para conocer más de cerca la historia de la universidad y de los edificios, ya que, partiendo de la misma información de Planeación del campus en el recorrido real provee también la información que se encuentra en audio permitiendole a los usuarios que padecen de alguna discapacidad auditiva, interactuar sin impedimentos con el recorrido. - Fullscreen: Este control de la interfaz permite ampliar el tamaño de la ventana, así como también volver a su estado pequeño sobre la página del campus. - Ayuda: Permite desplegar unas instrucciones para navegar, aunque se le permite conocer al usuario antes de empezar a navegar, se ha colocado un botón que recuerda para qué sirve cada ícono y cómo navegar. - Botón explorar: Este es un botón personalizado para el recorrido y su función es mostrar y ocultar el plano del campus en corte longitudinal, permitiendo hacer un recorrido contínuo en vez de saltar de un punto a otro, el plano ofrece otra vista (la del propio terreno) sobre la cual se ilustra cada bloque y la altitud de cada spot. También es útil porque ilustra la identidad del campus, al no ser un campus plano sino con alturas muy parecido a la montaña que cubre el skyline de la ciudad de Bogotá.
Página 6
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
- Flechas anterior - siguiente: Este control permite navegar de otra manera la interfaz y es atraves de una secuencia de spots enlazados uno tras otro, en el cual el usuario puede ir hacia adelante o hacia atrás, muy parecido a una página web. - Botón de créditos: Este botón sobre la interfaz del recorrido permite conocer la identidad de los colaboradores y a quien pertenecen los derechos sobre algunos elementos. Por ejemplo, el plano de corte longitudinal, las voces en inglés y en español, los departamentos y facultades. - Botón de share: Este es uno de los más importantes ya que permite compartir la dirección del recorrido en las redes sociales más utilizadas por Planeación del campus las cuales son facebook, twitter. Así como compartirlo vía e-mail. - Logo: El logo de la Universidad como lo exige el manual de identidad institucional es utilizado sobre fondo blanco dandole un área de reserva dentro de la interfaz y se utiliza únicamente el nombre “Uniandes” para respetar esa área de reserva y que no interrumpa la vista sobre la fotografía panorámica. Pero si sirve como enlace principal a la página de la universidad en otra pestaña aparte. - El menú desplegable: es una herramienta que se encuentra en la parte superior izquierda y permite navegar pulsando sobre la miniatura de cada panorámica, dado su tamaño se puede -al pasar el cursor encima- saber el nombre del bloque a la que cada miniatura pertenece, así saltar de un lugar a otro, o saber cuantos lugares se pueden visitar en todo el recorrido. - Gafas de RV: este control aparece unicamente en los dispositivos móviles, y no se encuentra aún habilitado como gafas de RV sino como giroscopio, dado que se están haciendo pruebas del software y aún no es confiable, pero la forma estática de la RV es justamente el giroscópio, este no divide la pantalla en dos sino que permite mover la vista de la panorámica moviendo la posicion de la pantalla del móvil, dando una experiencia como la RV permitiendo tocar la pantalla e interactuar con los demás elementos como las fotos y los audios. 3. DISPOSITIVOS DE RV PARA VER LOS RECORRIDOS GAFAS DE GOOGLE (CARDBOARD) Será posible ver el recorrido desde este aparato de confección manual. Se podrán utilizar teléfonos móviles lo suficientemete grandes para usarlos dentro de las gafas. Hasta que la versión de RV esté probada se podrá separar la pantalla de los smartphones, por el momento se puede utilizar de forma estática, es decir, sin los huecos que separan la vista y alejado de la cara. Son compatibles los dispositivos móviles con sistemas operativos iOS y Android. DISPOSITIVOS DE ESCRITORIO De resto en cualquier dispositivo de escritorio es posible navegar de forma rápida y segura dado que el recorrido está configurado para correr sin necesidad de plugins y en todos los navegadores actuales. De la misma forma se podra separar la pantalla en los dispositivos de escritorio una vez se haya probado dicha aplicación y se proceda a la actualización. En cuanto a los navegadores para dispositivos de escritorio son compatibles: Google Chrome, Safari y Mozila Firefox. 4. CONFIGURACIÓN DEL EQUIPO Como se ha dicho, el Recorrido Virtual puede ser visualizado en cualquier dispositivo, sistema operativo y navegador compatible. Aún así quien quiera editar el Recorrido Virtual en Panotour deberá contar con una mínima configuración requerida para soportar el programa y su flujo de trabajo. Página 7
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
A continuación describimos con qué equipo es indispensable contar como mínimo para utilizar Panotour Pro. Sistema operativo: - Microsoft Windows 7, 8, 10 (Es recomendable el sistema de 64 bits) - Apple Mac OS X 10.9.5 Mavericks y posterior (Solamente 64 bits) Pantalla con Resolución de 1280 x 1024 mínimo Procesador: 1 GHz Suficiente espacio en Disco Duro para llevar a cabo varios proyectos RAM: 2 GB Un navegador reciente y actualizado Por otro lado la configuración recomendada por los fabricantes es la siguiente: Un procesador de 2 GHz o más Procesadores Multi-núcleo 4 GB de RAM o más (recomendamos 16 GB) Una tarjeta graficadora actual con capacidad de memoria VERSIONES DE PANOTOUR Desde la primera versión hasta la última hay que tener en cuenta que algunas funciones se diferencian entre el programa llamado Panotour y el programa Panotour Pro. ¿Cuáles son estas diferencias? Las diferencias no son muchas pero valen mucho entre un programa y otro. Hay que reconocer que la interfaz es muy similar y que al parecer no habria mucha diferencia, pero la versión Pro es la que usamos para el Recorrido Virtual del Campus por la configuración de exportación y creación del tour y porque permite personalizar algunas caraterísticas así como editar el código XML y html. CONFIGURACIÓN DE DISCO PARA MANEJO DE ARCHIVOS Además de las recomendaciones anteriores sugerimos trabajar todo el proyecto conjunto, con archivos que no excedan los 50000 x 40000 a menos que sean Gigapixels y que se genere un flujo de trabajo que se describe en el segundo capítulo.
Página 8
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
PRIMEROS PASOS Después de verificar los requerimientos mínimos y las recomendaciones, solicitamos prestar mucha atención a la generación del flujo de trabajo y la descripción de la interfaz del programa Panotour Pro, independientemente de su versión o del proyecto que elaboremos siempre deberemos tener en cuenta los primeros pasos ya que ahorrarán tiempo y permitirán volver al proyecto en cualquier momento para hacer otra edición, haciendo más fácil y más productivas las actualizaciones, mejorando considerablemente su rendimiento en linea. 1. Interfaz de Panotour Pro La interfaz de Panotour Pro se compone básicamente de 4 paneles para distribuir el flujo de trabajo: - Inicio: Se configura el tipo de proyecto. - Visita: Se configuran los contenidos del proyecto. - Estilo: A esta configuración se le da un estilo y una personalización, así como establecer una navegabilidad. - Crear: Finalmente se exporta el proyecto y se crean unos nuevos archivos. 2. Organización del flujo de trabajo El flujo de trabajo para iniciar el proyecto debe estar previamente planeado y listo. Es decir que no deben faltar materiales ni se debe improvisar, esto implica cumplir a cabalidad las recomendaciones de configuración del equipo, la buena calidad del material y el guión narrativo del recorrido definido ya sea mediante storyboards, collages, scripts, mapas conceptuales, etc. Lo primero que se debe organizar como ya se dijo es la configuración del equipo, para esto recomendamos hacer un check-list con lo siguiente: - Resolución de pantalla
- Hardware en buen estado (Recomendamos teclado, mouse, audífonos y tablet digital)
- Suficiente espacio en disco, para lo cual es necesario organizar las carpetas que esten por ahí regadas, hacer una actualización de virus y verificar que no existe alguno)
- Tener buena conexión a internet y actualizar los navegadores.
- Contar con Discos externos para hacer backups. Página 9
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
Segundo, debemos haber tenido mucha disciplina al tomar nuestras panorámicas y clasificarlas debidamente. Para esto debimos cumplir con lo siguiente: - Haber tomado las fotos necesarias. - Cumplir con una calidad adecuada (tamaño, resolución, compresión) - Haber postprocesado nuestras imágenes (Lightroom) - Verificar el cosido de las panorámicas así como su alineación y su aspecto (2:1) - Haberles puesto un nombre que las diferencie y que no tenga caracteres raros o extraños - Haber puesto en una sola carpeta (con nombre del proyecto) las subcarpetas: Raw, Jpg, Equirrectangulares, Iconos, 360, Panotour y las que vayamos a necesitar para el proyecto como guión o script, etc. - Debemos guardar el proyecto de Panotour Pro en una de las subcarpetas llamadas 360 o según sea el caso. Brevemente explicaremos como se hace la clasificación de metadatos de las imágenes. METADATOS Se clasifican desde que las imagenes se descargan en el computador luego de ser tomadas por el fotógrafo.
Estas carpetas clasifican las fotografías sin procesar de las procesadas y así se va filtrando el flujo de trabajo. De esta forma llegamos a la parte en la que creamos el Recorrido en Panotour y debemos clasificarlas de acuerdo a su función en este caso: equirrectangulares (Bloques) y 360.
Página 10
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
Un aspecto importante además de la clasificación por carpetas es el nombre de los archivos, los cuales no deben contener mayúsculas, caracteres extraños como tildes o diéresis, deben identificar claramente el archivo y debe tener una extensión clara y válida. Observemos los ejemplos de nombre de diferentes archivos en la carpeta del proyecto: Ejemplo de equirectangular:
Ejemplo de ícono:
Ejemplo de 360:
Ej. de audio:
- Las imágenes deben estar en minúscula y deben decir el nombre de lo que es para que la persona que diseña el tour no se confunda y lo haga más eficazmente. - Los íconos, símbolos, planos o diseño gráfico de la interfaz son personalizados, en lo posible deben estar en formato .png, y deben utilizar palabras claras para identificar de que se trata, incluso si es una version del original. - Los archivos 360 deben ir con el nombre genérico para subirlos a un servidor es decir el nombre index. - Otros archivos como audios, fotos, videos deben tener su extensión correspondiente y estar muy bien clasificados en carpetas, no importa tanto el nombre pero si su tamaño, usabilidad y formato. En la medida en que tengamos mejor organizado nuestro flujo de trabajo será más facil cambiarlo de lugar en nuestro computador, editarlo o incluso actualizarlo de versión. La clave está en tener en una misma carpeta todas las demás, no tener archivos sueltos y nombrarlos bien. Luego de acabar de organizar podemos agregar más y eliminar definitivamente aquellos que no usemos para no interferir con los que hacen parte del proyecto. Página 11
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
ENTREGABLES Los archivos entregables están clasificados en una sola carpeta y bajo las siguientes subcarpetas y directorios: - 360: se alojan los archivos index.html y su correspondiente indexdata. - 360.zip: es la última versión de la carpeta 360 comprimida para subir al servidor. - Audioguias: Carpetas de audiosen Inglés y Español, dentro de estas estan los archivos. - Infografia: carpetas con botones, logos y el plano - Panotour 2: el proyecto de Panotour y la carpeta de los archivos de la barra de control Uniandes. - Fotos: Fotos por bloque. - Equirrectangulares: fotografías panorámicas de aspecto 2:1 y con la mejor calidad. - Sin procesar: Todas las fotos que se tomaron y que hacen parte del proyecto. CARGAR LAS IMÁGENES El primer paso para empezar a diseñar el Recorido Virtual es comprobar que las imágenes estén en excelente resolución y que su formato sea el adecuado. Luego de la comprobación procederemos a cargar las imágenes. Paso 1
Paso 2
Página 12
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
1. INICIO En esta se encuentran los proyectos más recientes sobre los que se ha trabajado, así mismo se pueden abrir y crear nuevos proyectos. Y se pueden consultar por medio de enlaces diferentes documentos como tutoriales, información sobre el producto, la licencia, etc.
2. VISITA La tabla de Visita permite trabajar sobre el proyecto. Sea un proyecto antiguo sobre el que ya estamos trabajando o un nuevo proyecto vacío en este la interfaz se subdivide en tres partes básicamente: - Área de trabajo principal - Editor de zonas interactivas (hotspots) - Propiedades
Página 13
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
Área de Trabajo Principal: En ésta área se pueden cargar los equirrectangulares, es donde se acomodarán en grupos o individuales y se visualizarán los enlaces que tengan. El área puede ser tan grande como el proyecto lo requiera y todos los equirrectangulares del proyecto deben estar alojados en esta.
En la parte superior derecha de la ventana encontramos un control de zoom, con el cual podemos decidir que tan grande o tan pequeña queremos ver el área, con el fin de poder organizar todos los equirrectangulares del proyecto. Mientras que en la parte inferior izquierda encontramos algunos íconos que indican algunas propiedades del proyecto, en el caso del Recorrido Virtual están: geolocalización, plano y descripción del proyecto.
En cada equirrectangular del área de trabajo principal hay unos iconos que indican todas las funciones y características especiales. Por ejemplo en el equirrectangular “Uniandes” vemos todos sus hotspots (enlaces a informacion, fotos, audio u otros panoramas) representados por puntos blancos y borde rojo . Los enlaces a otros equirrectangulares se representan con una linea blanca que los enlaza. Y mientras tanto los íconos de abajo, representan una característica especial: El satélite verde, quiere decir que tiene una geo localización, es decir que tiene una latitud y longitud que le dan ubicación en el mundo. Así mismo tiene un icono negro como un Pop-up de texto, que indica que el panorama lleva una descripcion particular. También el título permite ver más rapidamente de la foto que estamos hablando, y esto se refleja tanto en la interfaz -como vemos- y en el archivo exportado del Recorrido Virtual.
Página 14
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
Otra función que podemos utilizar en esta parte de la interfaz es agrupar, añadir, quitar o reemplazar panoramas. Para más información de cómo agrupar panoramas vea el video en el canal de Kolor en Youtube o escanee el siguiente QR Code:
Editor de zonas interactivas (Hotspots): En ésta área es posible controlar las interacciones de las escenas y panoramas en el recorrido. Para cada panorama se debe colocar un hotspot por cada interacción que se desee crear.
En ésta parte de la interfaz podemos encontrar botones que permiten crear interacciones.
Página 15
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
¿Qué interacciones se pueden crear en el Editor? - Crear áreas interactivas que responden a funciones y características dadas por el cursor (resaltar, mostrar un título, cambiar de color, etc.) - Agregar puntos de interés para mostrar pdfs, fotos, videos, mapas, planos o contenido web. - Agregar imágenes o proyectarlas encima de la fotografía esférica - Agregar videos o proyectarlos sobre la fotografía esférica - Agregar contenido web con proyección. - Agregar un destello (flare) de lente con efecto fotográfico (Prime) - Agregar sonido direccional desde 1º hasta 180º
Para entender la barra de herramientas vamos a describir individualmente las funciones de cada botón para generar interacciones: Herramienta seleccionar, esta sirve para tocar los otros botones sin necesidad de crearlos, es el estado natural del puntero y si al click se añade la barra espaciadora se puede panear sobre la imagen. Ampliar, por medio de esta herramienta podemos ampliar la vista del editor y de esta manera precisar el lugar donde colocamos cada punto y las formas que queremos crear sobre la equirrectangular, haciendo nuevamente click sobre este botón vuelve a su tamaño normal dentro del panel Visita. Herramienta máscara de polígono, por la que podemos generar toda una zona interactiva de varios lados, permitiendo cubrir zonas rectas y curvas, los bordes se ajustan automáticamente a la forma de la foto que estamos generando. Con este polígono de cuatro lados se cubren superficies sobre la foto para generar una proyección de imagenes fijas. Con esta herramienta se generan polígonos de cuatro lados que cubren superficies sobre la foto para generar proyecciones de imágenes en movimiento o videos. Este permite generar polígonos de cuatro lados para proyectar páginas o contenido web. Esta herramienta es la más usada y común, ya que permite insertar puntos sobre la fotografía esférica generando íconos o botones interactivos que pueden tomar cualquier forma (puntual) y que en ocasiones pueden ser animados generando mayor interés. Por medio de estos puntos se pueden enlazar otras panorámicas, puntos de interés como fotos, videos, sonidos, websites, generar acciones como detener la rotación, mostrar un mapa o un plano, cambiar de navegación, reiniciar el recorrido, etc. La herramienta para generar destellos de lente simplemente ubica la posicion del destello y genera un efecto de iluminación parecido al brillo de una fuente de luz sobre un lente de 35 o 50 mm Prime muy parecido al efecto sobre nuestros ojos. Este punto sonoro es invisible y genera un sonido direccional, es decir que tiene un rango de sonido angular sobre la equirrectangular, de acuerdo a como se mueva la vista de la panorámica 360º se reproduce el volumen del sonido. Este sonido angular va desde 1º hasta 180º, creando la ilusión de fuente de sonido a medida que se ubica el visor. Crop, es una herramienta para delimitar hasta qué punto se puede navegar por la imagen 360º. Es decir poniendole un límite al ángulo de visión de cada panorama. Anterior - Siguiente, sirve para saltar de una equirrectangular a otra de acuerdo al orden en el que estén en el proyecto y no tener que seleccionarla desde el área de trabajo principal. Página 16
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
Propiedades:
Es el área más importante del panel Visita. Pues en esta se pueden configurar las propiedades de las interacciones y enlazar archivos directamente. También se escoge la forma del botón interactivo entre otras cosas. Primero examinaremos sus diferentes partes. Lo primero es determinar el nombre del proyecto y su autor, para esto, sin seleccionar ningún panorama, utilizamos los campos destinados para el “Nombre” y la pestaña más abajo que dice “Autor”, en donde también ingresamos si da a lugar el website del creador, en el campo “Pagina de inicio”:
Página 17
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
Descripción del proyecto: Pegamos o escribimos la descripción del proyecto. Este texto estará presente en todos los demás panoramas a menos que para cada panorama exista una descripción diferente a la del proyecto o sus controles interactivos permitan visualizar las dos descripciones desde cada control.
Geolocalización: Seleccionaremos la geolocalización que puede ser configurada para todos los panoramas o una localizacion por cada equirrectangular. Para gestionarla ponemos el lugar, la ciudad y el país en donde fue tomada la panorámica. Y para esto necesitamos buscar en el mapa: “Universidad de los Andes, Bogotá”, y se ubicará un punto en el mundo que mostrará el Campus. Así debemos ubicar precisar en que parte del campus fue tomada la panorámica. Finalmente confirmamos haciendo click en Aceptar. Y así con cada una de las equirrectangulares en el espacio de trabajo.
Página 18
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
Establecer orden de panoramas: Se debe establecer un orden, para saber cual es el primero de todos y para fines prácticos de navegabilidad, la herramienta funciona con drag n drop, colocando una miniatura sobre otra.
Proyección Debemos asegurarnos de que los panoramas estén en el debido aspecto 2:1 para que sea apta para navegar en todas las direcciones. Así que verificamos que tenga la siguiente proyección: Esférica.
Página 19
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
Spots: Los spots del panorama seleccionando, son definidos. Para esto utilizamos las otras dos áreas, la de trabajo para seleccionar el panorama y la del editor de zonas interactivas para seleccionar o crear dentro del panorama el punto correspondiente al ícono si ya hemos diseñado y configurado los hotspots (como se explica en el capítulo 3). La etiqueta que acompaña al ícono para que se identifique con un nombre al pasar sobre él es opcional pero muy útil. La acción que realizará cada botón según se haya configurado se elige en parámetros de acción.
Establecer vista de panorama: Se escoge que parte de la foto queremos que sea la vista inicial de dicha panorámica, será la vista por defecto para los parámetros que utilicen esta vista, y se mantendra hasta que se escojan parámetros diferentes.
Página 20
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
Vista inicial y vista personalizada: Dentro de la caja de parámetros de acción en la parte de propiedades podemos configurar varias características interactivas: las transiciones de una panorámica a otra.
La configuración entre panoramas se puede personalizar o dejar preestablecida. Las transiciones, es decir la “animación” o “efecto” se puede establecer para adaptar a diferentes necesidades (alejarse, acercarse, ninguno). Estas transiciones se hacen entre estas vistas: - De la vista personalizada a la vista panorámica - De la vista panorámica a la vista personalizada - De la vista panorámica a la vista de destino Color del proyecto:
Página 21
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
Seleccionar el nivel máximo de acercamiento y el mínimo de alejamiento: Esto permitirá darle un zoom razonable a nuestro panorama, cuando se desee puede dejarse automático para limitarlo de acuerdo a la resolución de la imágen.
Parámetros de inicio: Estos definen la rotación automática, visita automática o ausencia de rotación, entre otros parámetros.
Página 22
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
Navegación por medio del mouse: Este modo define como queremos que los usuarios interactúen sobre la panorámica, si queremos que al presionar el panorama se mueva en esa dirección, utilizamos “mover hacia”. Si por el contrario queremos que el click permita impulsar el panorama en la direccion opuesta al movimiento, utilizaremos “arrastrar hacia”. Para cada uno cambia el cursor del ratón.
Establecer el inicio de cada panorama con el Pequeño Planeta: Este modo permite visualizar el panorama con un efecto del circulo polar sobre nuestra equirrectangular, por lo tanto será una animación hasta llegar al modo normal o arquitectónico.
Pantalla de Bienvenida Con este fichero personalizable podemos elegir un pop-up inicial que muestra una pantalla de bienvenida, un cuadro de ayuda o un mensaje del autor. Según la necesidad.
Sonidos: Según queramos configurar el sonido se elige silenciarlo o darle volumen.
Página 23
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
DESCUBRIENDO NUEVAS FUNCIONES Para editar el contenido de la interfaz es importante acceder al panel “Estilo”. Desde aquí podremos crear tantas interacciones como consideremos necesarias siempre y cuando las enlacemos debidamente en el panel “Visita”. Como es un nuevo panel tendremos que entender primero de qué partes se compone. Partes del panel estilo resaltadas en colores:
- Espacio de trabajo: En esta parte del panel, podremos saber qué spots, controles, plugins o acciones estamos agregando a nuestra interfaz. - Librería de Spots: Todos los spots disponibles para agregar al Recorrido. Dados los tipos de Spots vistos ya en el panel de Visita, en la librería encontramos los siguientes estilos de spots por defecto: a. Destellos de lente: son los puntos que brillan y dejan un destello como si estuvieramos viendo a través de un lente prime. b. Puntos: son los spots por defecto y podemos darles cualquier acción a realizar. c. Puntos de mapa: son los puntos que aparecen en el mapa. d. Estilos de polígonos: son los tipos de poligonos que podemos crear con diferentes formas. e. Puntos de imagen: spots que sirven para configurar imagenes puntuales a aparecer dentro del Recorrido sin la necesidad de crear galerías. f. Puntos de video: spots que permiten integrar videos dentro del Recorrido. g. Puntos de sonido: Puntos que permiten integrar sonidos puntuales que pueden tener un ángulo de incidencia direccional. Página 24
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
- Librería de Plugins: Son los elementos que complementan los spots y crean interacciones con la interfaz del Recorrido, al igual que los spots los plugins son personalizables pero estos son los que vienen por defecto: a. Barras de control: Existen diferentes modelos con iconos prediseñados como Urbano, Clásica, D-pad, Redondeada, iControl, Circles, Docked Thumbnails.
b. Cargadores: muestran una imagen gráfica para indicar que están cargando los panoramas en la interfaz. Hay varios tipos entre ellos, progreso, imagen, información y texto.
c. Controles: Son usualmente botones que tienen diferentes acciones como, alternar dos estados, un estado o etiquetas anterior siguiente.
d. Efectos: como darle una máscara, añadir nieve, efecto de lluvia o una vista que se mueve automáticamente en diferentes sentidos.
e. Entrada de usuario: Accions para cuando hace doble click o una vista con giroscopio cuando se mueva la tableta o movil.
f. Galería: Añade barras de miniaturas con las imágenes como enlaces a los panoramas, añade una galería de imagenes que se muestra sobre una caja sobre la vista.
Página 25
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
g. Mapas: Añade elementos como brújulas o mapas de motores de búsqueda como Google, Bing y OpenStreetMap, ofrece tambien la opción de añadir planos de varios niveles y el radar.
h. Menú: Añade cajas combinadas, listas, menus de panoramas, así como también un menu para cuando uno hace click derecho y un menú para mostrar las diferentes proyecciones esféricas que puede tener un panorama (Ojo de Pez, Arquitectura, Estereográfica, Panini, Planeta Pequeño).
i. Miniaturas: Añade listas desplegables de miniaturas de panoramas.
j. Visores: Añade Cajas de pdfs, video web o páginas web dentro de la panorámica. También hay una opción para permitir enlazar el tour con redes sociales (Facebook, Twitter, Google+, LinkedIn o email).
k. Zona de imagen: Muestra una cabecera, imagen, logo, pie de página o un área colorada.
l. Zona de texto: Añade posibilidades de mostrar descripción del panorama, grupo o proyecto, también se puede colocar un título para mostrar el nombre del panorama, grupo o proyecto.
Página 26
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
- Estilo de Spots: Todos los spots que se agreguen al Recorrido Virtual se irán sumando en la parte de Estilo de Spots, en este pequeño panel se podrán configurar, personalizar y ponerles acciones a cada uno de estos spots. - Ésta área contiene todos los sptos del proyecto - Los estilos son guardados en el proyecto - Los estilos son aplicados cuando son añadidos al Recorrido con el editor de Hotspots - Cada vez que se adiciona un hotspot al Recorrido, se aplican las categorías de los estilos de cada spot pero éste debe ser seleccionado. - Los estilos de spots son categorizados por tipos como mencionamos antes.
Página 27
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
- Preajustes: Los preajustes están disponibles en la parte inferior del panel de Estilo y estos permiten guardar ajustes que se han hecho en los proyectos como guardar estilos de spots y plugins para aplicarlos en otros proyectos, sin necesidad de volver a configurar su disposicion y personalización. - Los preajustes permiten configurar Estilos del espacio de trabajo, estilos de spots y parámetros de inicio del Recorrido. - Se pueden guardar nuevos preajustes y sobreescribirlos. Pero los proyectos que usen estos preajustes no cambiarán a menos que se les aplique el preajuste.
Se pueden guardar cuantos preajustes se necesiten, esto resulta muy util para realizar diferentes volumenes de Recorridos con la misma interfaz.
Página 28
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
- El área Propiedades principales: Es el área más grande del panel de Estilo porque muestra todas las propiedades de los plugin seleccionados o los spots. Por tanto en esta área contextual podremos editar cada parámetro del plugin o el spot que seleccionemos, desde esta ventana podemos: - Personalizar nuestros estilos de spots. - Personalizar nuestros plugins de la librería. - Establecer y ajustar nuestras acciones.
BARRAS DE CONTROL Este tema amerita abrir un pequeño capítulo aparte dado que es lo que más incidencia tiene sobre la interfaz y lo que gráficamente como usuarios nos aleja o nos introduce en la experiencia de navegar por un espacio en 360 grados. En éste aprenderemos varias cosas: - Personalizar la barra de control - Diagramar nuestra interfaz de usuario en la pantalla. - Usar etiquetas y pop-ups como complento o como instrucciones.
Página 29
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
Dentro de la interfaz hay dos elementos principales que nos permiten personalizar de una forma superficial la barra de control, estos son: - Posición y Coordenadas - Número de botones y etiquetas
Página 30
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
Ahora, para personalizar al máximo nuestra barra de control. Lo primero que necesitamos hacer es darnos una idea de como queremos nuestra barra de control, nuestros botones, su disposicion, etc. Podemos hacer bocetos en papel, luego pasarlos a Illustrator o Photoshop y si podemos hacer un borrador o blueprint de cada botón, ayudaría a completar los siguientes pasos y así quede más fácil diseñarla en el computador. Estas otras formas de personalizar la barra de control también necesitan de una ayuda por medio de código, pero es realmente muy fácil. Para empezar necesitamos ubicar dos carpetas fundamentales del programa: 1. Carpeta de plantillas del sistema en el directorio de Panotour 2. Carpeta del usuario
En la carpeta de plantillas del sistema, escogeremos una plantilla de las existentes que más nos parezca que se adapta a nuestra idea de barra de control que hemos diseñado previamente o imaginado al menos. Dentro de las plantillas que podemos escoger del programa están las siguientes: - Classic control bar (classicControlBar) - D- Pad Control Bar (crossCornerBar) - Docked Thumbnail & Control Bar (dockedThumbsControlBar) - Rounded Control Bar (roundCornerBar) - iControl Bar (iControlBar) - Urban Control Bar (urbanControlBar) Luego, copiamos y pegamos la plantilla en la carpeta del usuario que abrimos: Plantilla del sistema de Panotour:
Carpeta del usuario:
Página 31
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
Luego de copiar la plantilla en nuestra carpeta, debemos asignarle a esa nueva plantilla un nuevo nombre, ya personalizado. Y el siguiente paso es modificar el archivo XML. Los elementos que encontramos en la plantilla son en su mayoría archivos gráficos, pero también encontramos códigos escritos. En especial un archivo con extensión XML que debemos modificar solo en las primeras líneas de este código. Lo que debemos hacer es lo siguiente: - Abrir el archivo en Dreamweaver y cambiar las palabras resaltadas en negrita que mostramos a continuación. <plugin id="nuevaBarraControl" category="tr:Control Bar" name="tr:Nueva Barra de Control" description="tr:Esta es la nueva barra de control con iconos mejorados, disenados de forma personalizada" version="1.0" isGraphical="true" multipleInstance="true" > El campo (id) deberá coincidir con el nombre de nuestra nueva carpeta para que el programa cargue correctamente el directorio de la nueva plantilla. El siguiente paso es cambiar los archivos gráficos que están en la plantilla, es muy recomendable abrir el archivo viejo y sobre este archivo trabajar, por ejemplo pegar el nuevo icono encima y tratar de que coincidan, borrar el viejo diseño, aplanar la imagen y ahi si guardarlo. Así quedarán con las medidas y resolución exacta y no tendremos problemas con el área de interacción de los botones. Después de editar los botones, para que la nueva plantilla sea reconocida y podamos usarla, es necesario reiniciar Panotour Pro y luego de abrirlo nuevamente encontraremos en la librería de plugins nuestro nuevo diseño de barra de control, en este caso se llama Barra de Control Uniandes. Para cambiar la previsualización debemos buscar la carpeta ptpreview y este archivo gráfico modificará la apariencia de la librería de plugins, lo cual permite encontrar con más facilidad nuestra barra de herramientas. EL GIROSCOPIO Y LAS GAFAS DE RV Dentro de los controles encontramos dos en especial que permiten interactuar con la Realidad Virtual de nuestro recorrido. El giroscopio solamente funciona en dispositivos móviles y tabletas pues permite que la vista de la panoramica se mueva automaticamente aplicando la informacion de la brujula que debimos configurar cuando cargamos los panoramas, esto no sería posible en un ordenador de escritorio. Por tanto el control del giroscopio funcionará unicamente en estos dispositivos, donde se activará o se desactivará dependiendo del control que hayamos elegido. Las gafas de RV funcionan de igual manera que el giroscopio, pero incluyen la funcionalidad en pantallas de escritorio y otros dispositivos como las Oculus Rift, PanoGear, entre otras. Esta modalidad divide la pantalla en dos imágenes iguales generando un efecto de paralaje sobre nuestro cerebro. Lo que permite que al mirar con cada ojo se cree la ilusión de estar en Realidad Virtual. Por esta razon es muy util contar con dispositivos como las Oculus Rift o al menos las Google Cardboard. Página 32
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
EL PANEL CREAR El último panel del programa permite configurar la exportación de nuestro recorrido virtual. Dentro de esta configuración tenemos que: - Se cree una carpeta y un archivo de ejecución - Se pueda establecer en que dispositivos se puede usar el recorrido - Establecer una plantilla completa o genérica - Establecer la resolución del Recorrido virtual - Encriptar el código del Recorrido - Restringir dominios para uso del Recorrido - Muestre errores en tiempo de ejecución - Configurar directamente la exportación con un servidor de internet para publicarlo (Avanzado) Todas estas características permitirán producir un Recorrido moderno y de calidad.
Resumen del proyecto en el panel Crear: Otra característica es el resumen del contenido del proyecto, en la ventana derecha encontramos: - Nombre del proyecto: Recorrido Interactivo por Uniandes - Número de grupos: 0 grupos - Número de panoramas: 16 panoramas esféricos - Número de spots: 230 - Número de puntos: 215 - Número de destellos: 15 - Número de enlaces: 215 - Número de enlaces a panoramas o grupos: 108 Con este resumen podemos comprobar la configuración de nuestro recorrido. Podemos ver cuantos panorámas esféricos o parciales tiene y verificar su cantidad total, también es útil saber cuantos puntos, enlaces y destellos de lente tiene el recorrido, esto nos da una idea de en qué nivel de interacción está creado.
Página 33
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
COMPOSICIÓN DE NUEVOS RECORRIDOS: TALLER PRÁCTICO Para crear Recorridos Virtuales eficientes basta con práctica y disposición, aprender a explotar al máximo cada herramienta del programa y entender todas sus funciones permitirán elaborar un trabajo refinado y de última generación. Para esto proponemos una serie de ejercicios prácticos basados en los temas tratados anteriormente. 1. Integración con audio Descripción: En este primer ejercicio se propone crear un Recorrido Virtual basado en audio. Como ya vimos hay tres formas de integrar el audio a un panorama: por medio de enlaces puntuales, botones y... Objetivos: Se busca que el usuario comprenda todas las funcionalidades relacionadas con el audio. Competencias: Desarrollar habilidades para enfrentar un proyecto de inmersión que en gran parte tenga audio para integrarse a la experiencia. Tener autonomía para crear formas de utilizar los recursos, en este caso el audio. Metodología: Se buscarán audios por internet sobre diferentes ambientes, ya sea sonido ambiente o música. Al menos 10 audios para 10 escenas diferentes - HIMNO DE LA UNIVERSIDAD DE LOS ANDES - Clases en la Universidad de los Andes - Bogotá - Colombia - La seguridad Alrededor de la Universidad de los Andes - Fantasmas en los Andes - Uniandes - Dia del estudiante 2013 - Uniandes - Dia del estudiante 2012 - Ejemplos de clases Facultad de derecho/Uniandes - Uniandes - Historia de la ciencia -CBU - Mauricio Nieto - Uniandes - Clase de piano - Departamento de Musica - Caravana Sonora - Semana de las Artes y Humanidades Se creará un Recorrido de 10 escenas con audio integrado y lo combinarán con las audioguias del Recorrido del campus.
Página 34
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
2. Personalización de la interfaz Descripción: En este segundo ejercicio se propone crear un Recorrido Virtual basado en diseño gráfico. Como ya vimos hay varias formas de personalizar el panorama: por medio de enlaces puntuales, botones, logos, colores, etc. Objetivos: Se busca que el usuario comprenda todas las funcionalidades relacionadas con la interfaz. Competencias: Desarrollar habilidades para enfrentar un proyecto de inmersión y que se apropie de su interacción con el creando sus propios controles. Tener autonomía para crear formas de utilizar los recursos. Metodología: Se crearán diferentes narrativas para los recorridos pero usando las mismas escenas en cada uno: - Crear un recorrido sin vuelta atrás pero enlazandolo con puntos - Recorrido con 3 puntos o enlaces cada uno - Recorrido solo mediante el mapa - Recorrido unicamente mediante el plano - Recorrido sin spots, mapa, plano, ni menú - Recorrido que el mismo punto de inicio sea el mismo punto final - Recorrido estilo página web de empresa Se creará un Recorrido de 16 escenas con 3 modalidades o narrativas de recorrido escogido.
Página 35
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
3. Creación de botones Descripción: En este tercer ejercicio se propone crear un Recorrido Virtual basado en diseño gráfico del control fijo de la interfaz. Objetivos: Se busca que el usuario comprenda todas las funcionalidades de personalización. Competencias: Desarrollar habilidades para controlar al máximo el recorrido virtual. Desarrollar una forma de crear controles propios basados en la creatividad. Metodología: Se creará una barra de control personalizada para un miembro de la familia. - Reemplazar el nombre, la descripción y la apariencia de la librería. - Reemplazar los botones de mapa, plano, arrastrar/mover hacia y las flechas. - Colocarle una etiqueta personal a cada botón - Crear un botón de dos estados Se creará un Recorrido de 1 escena con una barra de control personalizada
Página 36
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
4. Asignación de galerías Descripción: En este cuarto ejercicio se propone crear un Recorrido Virtual básico con una muestra de fotografías fijas y video. Objetivos: Se busca que el usuario comprenda e interiorice el valor de la fotografía esférica y se familiarice con otros medios complementarios. Competencias: Desarrollar habilidades para combinar medios en un proyecto de inmersion 360 grados. Tener autonomía para decidir que puntos deben restringir la vista por medio de fotografias o videos. Metodología: Se creará una galería de fotos y una galería de video. - Crear spots de video o fotos - Crear un botón de una acción para crear una galería - Hacer que las fotos se reproduzcan automáticamente y que el usuario del recorrido pueda detenerlas. - Crear un foto-montaje con efecto de paralaje Se creará un Recorrido de 1 escena con una galería de fotos y una de video.
Página 37
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
5. Logo Descripción: En este quinto ejercicio se propone crear un Recorrido Virtual con el nadir restringido por medio de un logo. Objetivos: Se busca que el usuario comprenda todas las funcionalidades de personalización. Competencias: Desarrollar habilidades para integrar los derechos de propiedad intelectual. Desarrollar una forma de economizar el flujo de trabajo en fotografía esférica de inmersión Estar en capacidad de llevar a cabo un proyecto marcado con el logo Metodología: Se creará un recorrido de 2 escenas con logo. - Reemplazar nadir por el logo. - Colocar el logo en una esquina de la interfaz Se creará un Recorrido de 2 escenas con logos en nadir y en la interfaz.
Página 38
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
6. Menú contextual Descripción: En este sexto ejercicio se propone explorar los dispositivos perifericos que intervienen en el uso del recorrido virtual. Objetivos: Se busca que el usuario comprenda todas las funcionalidades de personalización. Competencias: Estar en capacidad de organizar las formas de introducir los créditos en el Recorrido. Estar en capacidad de plantear una forma de crear controles propios. Metodología: Se hará un menú contextual para colocar el nombre del creador y su página de internet. - Crear un menú para enlazar páginas web. - Crear un menú para redes sociales. Se creará un Recorrido de 3 escenas con un menú contextual que enlaza varias páginas.
Página 39
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
7. Visores Descripción: En el séptimo ejercicio se creará un botón para dejar visibilizar el plano, un texto informativo y un archivo de issuu. Objetivos: Se busca que el usuario comprenda todas las funcionalidades de personalización. Competencias: Desarrollar habilidades para explotar al máximo el recorrido virtual. Desarrollar una forma de crear contenido creativo y texto en el recorrido. Metodología: Se creará un botón de una sola accion que permita visualizar una caja de pdf, un texto y un enlace web. - https://issuu.com/rfaciso - https://issuu.com/decanaturauniandes - https://issuu.com/recuniandes - https://issuu.com/uniandinos - http://issuu.com/decanaturauniandes/docs/manual_estudiantes_extranjeros - http://issuu.com/decanaturauniandes/docs/seleccion_e_inscripcion_cursos - http://issuu.com/decanaturauniandes/docs/vivienda_recomendaciones - Bajarse el enlace a una revista digital sobre el campus o la vida académica de los Andes. - Crear una acción para poder visualizar información interesante. - Incluír menú de redes sociales Se creará un Recorrido de 3 escenas donde se maneje diferente tipo de contenido.
Página 40
Manual de diseño de recorridos virtuales con panoramicas 360º en Panotour Pro
NAVEGABILIDAD: TALLER PRÁCTICO 1. Enlaces Se hará un feedback de la interfaz del Recorrido Virtual haciendo énfasis en los enlaces, puntos, spots y destellos, con el fin de examinar su correcto funcionamiento y su eficiencia en el recorrido. - Evaluar el tamaño - Contabilizarlos - Corroborar las etiquetas (ortografía, precisión y existencia) 2. Transiciones Se evaluará cada escena en cuanto a nivel de zoom, vista inicial y transiciones, para tener certeza de su navegabilidad y un correcto funcionamiento de la navegación. 3. Plano y Mapa Se comprobará su navegabilidad a traves del mapa y el plano, así como también encontrar formas de optimizarlo. REALIDAD VIRTUAL: TALLER PRÁCTICO Se hara una prueba con el nuevo software y se evaluará la posibilidad de cargar el recorrido en esta última versión y comprobar toda su navegabilidad.
Página 41