Universidad Nacional Autónoma de Nicaragua, UNAN, León.

UNIVERSIDAD NACIONAL AUTÓNOMA DE NICARAGUA
UNAN-LEÓN
FACULTAD DE CIENCIAS Y TECNOLOGIA
FF.CC.TT.
MONOGRAFIA PARA OPTAR AL TITULO DE INGENIERO EN SISTEMAS
DE INFORMACIÓN.
Turismo virtual por medio de visitas panorámicas guiadas e informativas
orientadas a la web en el Occidente del país (León y Chinandega).
Autores: Melvin Javier Bustamante Vivas.
Mitchell Suhey Estrada Chavarría.
Karla Vanessa Rivas Neyra.
Tutor: Msc. Julio César González Moreno.
¡A LA LIBERTAD POR LA UNIVERSIDAD!
León, Nicaragua
Junio 2014
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Resumen
El presente trabajo monográfico está sustentado en el desarrollo de un sitio
web que permite realizar recorridos virtuales panorámicos guiados e
informativos, recreando lugares turísticos del occidente del país siendo
estos:

El Museo de mitos y leyendas, Coronel Joaquín de Arrechavala (León).

Restaurante El Espigón (Corinto, Chinandega).

Basílica Inmaculada Concepción de María (El Viejo, Chinandega).
Estos lugares están contenidos en el sitio web mediante un diseño atractivo
y
de
fácil
manejo,
que
permite
visualizarlos
mediante
fotografías panorámicas esféricas manipulables por el usuario, observando
el lugar de manera casi real como si estuviese presente en él; además brinda
información importante sobre dicho lugar.
En países desarrollados como Japón, México, Estados Unidos se puede
encontrar páginas web que contienen tecnología de fotografías panorámicas
utilizadas para distintas áreas comerciales donde el usuario puede realizar
un recorrido completo de los lugares ofertados en dichas páginas, nuestro
país carece de la utilización de este tipo de tecnología y este fue el motivo
que nos instó a implementar esta tecnología enfocada en el área del turismo
en el occidente del país.
Para el logro del presente proyecto fue necesaria la visita a los lugares y
tomar fotografías a cuadro con la ayuda de una cámara digital y un trípode
para la estabilidad de la captura de imágenes, luego en un computador (en
este caso con sistema operativo Windows 8 Pro) se utilizó el programa
PanoramaStudio 2 Pro para crear las fotografías panorámicas esféricas de
Turismo Virtual
2
Universidad Nacional Autónoma de Nicaragua
UNAN-León
cada lugar; con las fotografías obtenidas de la visita. Una vez creadas las
imágenes panorámicas se procedió a maquetar la página web con Sublime
Text2 un editor de texto, en el que se generó todo el código necesario para
el desarrollo completo del sitio web, se implementó HTML5, Framework
como Bootstrap, Responsive Design, librerías jQuery como three.js, geoip.js
y una serie de funciones en Java Script para la encapsulación de imágenes,
entre otras funciones necesarias.
El sitio web también incluimos una opción para el idioma extranjero ya que
está enfocado en el turismo, éste permite cambiar toda la información al
idioma inglés, para lograr esto se utilizó una variable centinela para mostrar
la información en inglés o español, cuando se hace el cambio de idioma en
el sitio web; se requirió de mucha investigación bibliográfica para escoger
las tecnologías necesarias y aptas para que el usuario tenga todas estas
herramientas disponibles en un solo lugar y le permita navegar por estos
recorridos virtuales de manera sencilla.
Gracias a la tecnología implementada se puede visualizar el sitio web desde
dispositivos móviles de gama alta siempre y que tengan una conexión a
Internet, lo importante de esto es que puede ser visualizada desde cualquier
parte del mundo y captar la atención de miles de personas que deseen
conocer Nicaragua y darse una pequeña idea de lo que ofertamos como
turismo nacional.
Este proyecto está abierto para el aporte de cualquier usuario; si a alguien
le encanta la fotografía y quiere dar a conocer un lugar específico, para ello
se creó en el sitio una sección de colaboración; en él se explican los
parámetros en cuanto a las fotos, tamaño adecuado y todos los requisitos
necesarios para hacer un recorrido virtual. El fin de este proyecto es
contribuir al crecimiento del turismo nicaragüense con la colaboración de
Turismo Virtual
3
Universidad Nacional Autónoma de Nicaragua
UNAN-León
los usuarios hasta poder abarcar todos los lugares turísticos de nuestro
país.
Turismo Virtual
4
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Agradecimientos
Nuestra gratitud
principalmente está dirigida a Dios todo poderoso por
habernos dado la existencia, salud y sabiduría para llegar al final de la
carrera.
Agradecemos hoy y siempre a nuestros padres quienes hicieron posible
nuestra preparación profesional, por todo el apoyo en estudios y en cada
momento de nuestra vida.
Por último, pero no menos importante agradecemos a nuestros maestros
que nos brindaron sus conocimientos y en especial a nuestro tutor Msc.
Julio Cesar Moreno González quien formó parte esencial en la elaboración
de este trabajo.
Turismo Virtual
5
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Dedicatoria
A Dios, ya que es el creador de todas las cosas, es el que me ha dado la
fortaleza para continuar y la bendición de llegar hasta esta etapa.
A mis padres, gracias por guiarme, protegerme, por sus consejos, sus
valores, por la motivación constante que me ha permitido culminar mi
carrera y brindarme todo su apoyo durante mi formación. A ustedes les debo
lo que soy.
Melvin Javier Bustamante Vivas
Turismo Virtual
6
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Dedicatoria
Dedico este trabajo monográfico a Dios Padre Celestial por haberme
regalado el don de la vida y por permitirme culminar mi carrera.
A mis amados padres Everth Estrada Herrera y María del Rosario
Chavarría Gómez, por el gran amor que me han regalado y su apoyo
incondicional; a ustedes que han estado allí desde el primer día que vine a
esta tierra, este logro también es de ustedes.
Dar gracias a mis abuelos por ayudarme en cada etapa de mi vida a toda mi
familia, amigos y aquella personas que han sido parte de mi vida de alguna
u otra manera, esas persona que ocupan un lugar en mi corazón y que han
ayudado a que la vida sea más grata.
Mitchell Suhey Estrada Chavarría.
Turismo Virtual
7
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Dedicatoria
A DIOS:
Por haberme permitido llegar hasta este punto y haberme dado salud.
A mis padres:
Luis Orlando Rivas Neyra, Ana Cecilia Neyra Delgado.
Fuente de mi apoyo y la base de mi existencia. Con el inmenso amor de su
hija, por sus sacrificios, amor, abnegación y ternura que siempre me ha
brindado.
A mi tía:
Bertha Clementina Delgado Torrez.
Por sus consejos, cariño y comprensión.
A mis profesores:
Amigo que han compartido conmigo momento durante el transcurso de mi
carrera.
Sinceramente.
Karla Vanessa Rivas Neyra
Turismo Virtual
8
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Indice
Introducción .................................................................................................................................. 13
Planteamiento del Problema .................................................................................................... 15
¿Existen soluciones de turismo virtual con fotografías panorámicas esféricas en
Nicaragua? ................................................................................................................................. 15
Antecedentes ................................................................................................................................. 17
A nivel Mundial ........................................................................................................................ 17
En Nicaragua ............................................................................................................................ 19
Justificación .................................................................................................................................. 20
Objetivos ......................................................................................................................................... 21
General........................................................................................................................................ 21
Específicos ................................................................................................................................. 21
Metodología ................................................................................................................................... 22
1. Investigación de Campo. .................................................................................................. 22
2. Investigación Bibliográfica. ............................................................................................. 22
3. Investigación Incremental. .............................................................................................. 22
4. Investigación Propositiva. ................................................................................................ 22
Fases para el diseño e implementación ........................................................................... 23
....................................................................................................................................................... 23
Recursos Disponibles y Necesarios ................................................................................... 24
¿Qué se necesita para crear visitas virtuales?........................................................... 24
Colaboración ............................................................................................................................. 25
Marco Teórico ............................................................................................................................... 28
Turismo en el marco de la propuesta sustentable ....................................................... 28
El Turismo de la mano con la tecnología. ................................................................... 29
El Turismo, Tecnología y Nicaragua. ............................................................................ 30
Turismo Virtual ........................................................................................................................ 30
Ventajas al utilizar recorridos virtuales ........................................................................... 30
BootStrap ................................................................................................................................... 33
Creación del Tour Virtual ..................................................................................................... 33
Tomar las fotos es el primer paso .................................................................................. 33
Turismo Virtual
9
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Creación de fotografías panorámicas con PANORAMASTUDIO 2 Pro........................ 35
ESPECIFICACIÓN DE REQUISITOS DEL SISTEMA ........................................................ 48
1.
Introducción ...................................................................................................................... 48
1.1.
Propósito del documento ........................................................................................... 48
1.2.
Alcance ............................................................................................................................ 48
1.3.
Limitaciones: ................................................................................................................. 49
1.4.
Definiciones, Acrónimos y Abreviaturas .............................................................. 49
2.
Descripción General ....................................................................................................... 51
3.
Requisitos específicos .................................................................................................... 52
3.1.
Requisitos Comunes de los Interfaces .............................................................. 52
Casos de uso ................................................................................................................................. 62
Diagramas de secuencias ......................................................................................................... 64
Diagrama E-R ............................................................................................................................... 80
DISEÑO DE DATOS .................................................................................................................... 81
Estructura del Proyecto ............................................................................................................. 85
Mapa del sitio ............................................................................................................................... 86
Diseño de Interfaz ....................................................................................................................... 87
Conclusiones................................................................................................................................. 95
Recomendaciones ........................................................................................................................ 96
Bibliografía..................................................................................................................................... 97
ANEXOS ........................................................................................................................................... 99
Cronograma de Actividades ........................................................................................... 100
Turismo Virtual
10
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Índice de Figuras
Figura 1 Modelo de Desarrollo del proyecto. ................................................................................... 23
Figura 2Paso 1 para tomar fotos panorámica ................................................................................... 34
Figura 3 Paso 2 para tomar fotos panorámica .................................................................................. 34
Figura 4 Paso 3 para tomar fotos panorámica .................................................................................. 34
Figura 5 Panorama Studio 2 Pro ........................................................................................................ 35
Figura 6 Importar fotos Panorama Studio 2 Pro ............................................................................... 36
Figura 7 Ensamble de fotos en Panorama Studio 2 Pro .................................................................... 37
Figura 8 Foto panorámica Panorama Studio 2 Pro ........................................................................... 38
Figura 9 Vista previa foto panorámica Panorama Studio 2 Pro ....................................................... 39
Figura 10 Recortar foto panorámica Panorama Studio 2 Pro ......................................................... 40
Figura 11 Foto panorámica terminada Panorama Studio 2 Pro ........................................................ 41
Figura 12 Guardar Foto panorámica Panorama Studio 2 Pro ........................................................... 42
Figura 13 Casos de Uso...................................................................................................................... 62
Figura 14 Cargar el sitio ..................................................................................................................... 64
Figura 15 Seleccionar idioma Español - Ingles ................................................................................. 65
Figura 16 Seleccionar idioma Inglés - Español ................................................................................. 66
Figura 17 : Mostrar lista de sitios ...................................................................................................... 67
Figura 18 Ir a la aplicación ................................................................................................................. 68
Figura 19 Manipular Sitio .................................................................................................................. 69
Figura 20 Adelantar o Retroceder Tour............................................................................................ 70
Figura 21 Maximizar Vista ................................................................................................................. 71
Figura 22 Minimizar Vista .................................................................................................................. 72
Figura 23 Seleccionar imagen............................................................................................................ 73
Figura 24 Cargar página de colaboración .......................................................................................... 74
Figura 25 Navegar entre los sitios ..................................................................................................... 75
Figura 26 Obtener ruta de llegada al sitio turistico........................................................................... 76
Figura 27 Obtener ruta de llegada al sitio turistico........................................................................... 77
Figura 28 Cargar página después de solicitud ................................................................................... 78
Figura 29 Conexión a la Base de datos .............................................................................................. 79
Figura 30 Diagrama Relacional .......................................................................................................... 80
Figura 31 Mapa de Sitio..................................................................................................................... 86
Figura 32 Página Principal ................................................................................................................. 87
Figura 33 Sección de Colaboración ................................................................................................... 88
Figura 34 Página Museo Mitos y Leyenda ......................................................................................... 89
Figura 35 Vista full Museo Mitos y Leyenda ..................................................................................... 90
Figura 36 Descripción Doña Carmen Toruño - Museo Mitos y Leyenda .......................................... 90
Figura 37 La Basílica de la Inmaculada Concepción de María en El Viejo, Chinandega. ................... 91
Figura 38 Vista Full La Basílica de la Inmaculada Concepción de María en El Viejo, Chinandega. ... 92
Figura 39 Página Restaurante El Espigón Corinto Chinandega ......................................................... 93
Turismo Virtual
11
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Figura 40 Vista Full Restaurante El Espigón Corinto Chinandega ..................................................... 94
Turismo Virtual
12
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Introducción
El presente trabajo monográfico, muestra la importancia de uno de los
factores que han hecho posible el incremento del turismo en nuestro país
en los últimos tiempos, la tecnología. Nicaragua posee numerosas
atracciones turísticas que guardan un pequeño fragmento de la historia y
del desarrollo de este hermoso país.
Tomando en cuenta lo anterior, se implementó una propuesta que hace uso
de fotografías panorámicas esféricas para la creación de “Recorridos
Virtuales”, que son una forma fácil, divertida e interactiva de ver un espacio
en todas las direcciones con sólo mover el ratón.
Los “Recorridos Virtuales Panorámicos”, desde luego, no tiene como objetivo
sustituir las visitas reales, sino brindar al usuario una guía de dichos sitios,
permitiendo a este tener una sensación única, como si estuviese presente
en ese lugar y fomentando el deseo de visitar cada sitio, promoviendo los
diferentes destinos turísticos y la cultura de nuestro país, proyectándolas a
nivel mundial.
Para el desarrollo de este proyecto, fue necesario realizar una investigación
de campo, visitando los lugares para obtener las fotografías mostradas en el
sitio web. Con el resultado del estudio realizado, se procedió al desarrollo
del mismo (sitio web), utilizando distintas herramientas que brindan al
usuario un diseño atractivo y de fácil manejo incluso para extranjeros
quienes pueden adquirir la información en el idioma inglés.
Por otra parte Nicaragua carece de la utilización de este tipo de tecnología
(Recorridos Virtuales Panorámicos Esféricos), lo cual convierte a este
proyecto en único e innovador y de gran contribución al desarrollo de
Turismo Virtual
13
Universidad Nacional Autónoma de Nicaragua
UNAN-León
nuestro país. Estos son algunos de los motivos que, como egresados de la
carrera de Ingeniería en Sistemas de Información, nos instaron a realizar
este proyecto. Esperamos que sea de su más completo agrado y cumpla con
todos los requerimientos metodológicos.
Turismo Virtual
14
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Planteamiento del Problema
¿Existen soluciones de turismo virtual con fotografías
panorámicas esféricas en Nicaragua?
En la actualidad el turismo de Nicaragua está ganando terreno a nivel
mundial, por la calidad de la oferta de primer nivel que ofrece este hermoso
país a sus visitantes, las bellezas de sus playas y la variedad de lugares que
pueden visitar al encontrarse en el país, agregando a eso la amabilidad y
hospitalidad de sus habitantes.
A pesar de esto, uno de los principales problemas es, si el usuario desea
conocer o informarse sobre un sitio específico tiene que llamar para que le
faciliten la información que necesita para decidirse a visitar o no el sitio en
cuestión, lo que es un proceso tedioso y a veces muy largo o simplemente
éste (turista) no quedo conforme con la información proporcionada.
Para facilitar el acceso a la información y fomentar el turismo nicaragüense
en la actualidad aprovechando ésta era tecnológica, se han creado muchos
sitios web que ayudan al acceso de la información, detallando en pequeños
fragmentos de imágenes, la calidad y belleza de estos sitios, pero sin
embargo, aún no existen sitios web, que detallen estas bellezas en vistas
panorámicas esférica para crear esa sensación única e interesante para
cualquier usuario turístico.
Lamentablemente
el
uso
de
esta
tecnología
(Recorridos
Virtuales
Panorámicos Esféricos), es todavía un campo muy moderno, y no se ha
Turismo Virtual
15
Universidad Nacional Autónoma de Nicaragua
UNAN-León
difundido fuertemente en los países en vías de desarrollo como el nuestro,
siendo lo contrario con respecto a las grandes potencias mundiales, ya que
estas, se auxilian de estos sitios web para proyectar aún más los lugares
más exóticos, paradisiacos y bellos; con un valor natural y cultural,
extremadamente incalculable.
Turismo Virtual
16
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Antecedentes
A nivel Mundial
Según el
Congreso Virtual sobre Turismo Cultural-Naya (Equipo Naya,
1996-2006), explica que el turismo virtual ayuda a contribuir al
enriquecimiento cultural de la sociedad, así como también para adquirir
educación, resolver problemas sociales, y preservar el patrimonio cultural y
turístico de un pueblo o nación, entre otras cuestiones se va a tener más
nivel cultural sobre los otros continentes, o países a los cuales, no se puede
ir personalmente.
El esplendor de un sitio determinado, sea esta un museo, una playa o una
ciudad, puede ser capturado en fotografías, que posteriormente serán
usadas en la construcción de una imagen que pueda moverse 360 grados,
para verla desde diferentes direcciones o ángulos. Por medio del cambio de
perspectivas, el turista virtual puede moverse casi como si estuviera ahí.
Esta técnica, llamada Virtual Panoramas Photo (VR), tiene sus orígenes en
el soporte de video Quick Time (QT), lanzado por la compañía Apple en 1991.
Cuatro años después, la compañía lanzó el QTVR. Y en 2010, surgió el QTVR
Cúbico, que permitió darle el movimiento de 360 grados a las fotografías.
Sitios como panorama360.com contienen una gran cantidad de vistas
panorámicas de ciudades como Roma, Madrid y Budapest.
La tecnología de fotografías con vistas panorámica para la creación de
recorridos virtuales a nivel mundial es un campo moderno, y muy utilizado
en distintas áreas.
Turismo Virtual
17
Universidad Nacional Autónoma de Nicaragua
UNAN-León
El comercio electrónico se enriquece de este tipo de fotografía ya que se
convierte en la mejor herramienta de visualización de un producto y de este
modo aumenta la confianza con el usuario y afianza la decisión de compra.
Igualmente es útil para mostrar un catálogo de material electrónico,
industrial, piezas a consumidor final como complementos, moda, bebidas,
paquetería, mobiliario y piezas de decoración, etc. Asimismo aporta una
gran información para obras de colecciones de arte, museos arqueológicos,
de historia, etc.
La tecnología de fotografías con vistas panorámica esféricas se han
convertido para el turismo en una herramienta excelente para describir y
mostrar las bellezas de los sitios que se desea presentar a los turistas que
buscan un lugar donde vacacionar.
Muchas de las potencias a nivel mundial que utilizan esta tecnología son:
Tokio, Roma, Atenas, México, entre otras. Creando un nuevo concepto de
experiencia tecnológica vinculada al turismo.
Turismo Virtual
18
Universidad Nacional Autónoma de Nicaragua
UNAN-León
En Nicaragua
Actualmente en nuestro país, existen paginas turísticas de museos, hoteles
o propias de una ciudad o de un determinado sitio, donde se muestran
imágenes, que solo presentan una rotación de 360 grados sin mostrar
ninguna información o manipulación completa de ellas por medio de un
recorrido completo, realmente limitado para el usuario que desea conocer el
lugar. Ejemplo de ellos: (Montelimar, n.d.) (Volcano tour nicaragua, n.d.)
(Tour Virtual Granada, n.d.) (Seminole, n.d.)
Ninguna de esas páginas llama poderosamente la atención del usuario, ni
es multiplataforma para ser visualizada desde cualquier dispositivo móvil de
gama alta, es decir, que no puede ser visualizada desde una Tablet, un IPad,
etc. Pues, no solo hay que enfocarse en desarrollar aplicaciones o páginas
web, que solo puedan ser vista desde un computador, también es necesario,
que la creación de aplicaciones puedan ser vistas desde un dispositivo móvil
de gama alta, ya que la mayoría de las personas hoy en día, utilizan más los
Smartphone y Tablet, sin dejar por fuera los computadores.
Todas estas páginas que señalamos anteriormente son de empresas
privadas, sin ningún contenido o propósito turístico y de desarrollo social
para el país.
Turismo Virtual
19
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Justificación
La realización de este proyecto "Recorridos Virtuales Panorámicos ", es para
atraer a los potenciales visitantes a los sitios turístico ofertados dentro del
país, enfocados como un primer paso, a los departamentos de León y
Chinandega, tomando como punto de partida los sitios más bellos y
llamativos de dichas ciudades. Este sitio web puede ser útil en el mercado
turístico nicaragüense, ya que incentivará las visitas de personas que no
conocen sobre estos sitios y que desean conocer un poquito más sobre esta
hermosa región.
Los lugares presentados son: el Museo de Mitos y Leyendas de la ciudad de
León,
La
Basílica
de
la
Inmaculada
Concepción
de
María
en
El Viejo, Chinandega y el Espigón, en el Puerto de Corinto del departamento
de Chinandega; mostrando en cada vista una breve descripción (visual)
acerca del lugar, no se pretende abarcar la totalidad de las salas; ya que la
aplicación no pretende ser un sustituto de la visita real que pueden realizar
las personas in situ; por el contrario, trata de promocionar y captar la
atención de nuevos visitantes e incentivar a los usuarios a visitarlo
personalmente, también se muestra la ruta de llegada a estos lugares.
Turismo Virtual
20
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Objetivos
General
 Crear un Sitio Web que sirva como punto de partida en el diseño e
implementación de fotografías panorámicas esférica para la creación
de recorridos virtuales en nuestro país.
Específicos
 Utilizar fotografías panorámicas esféricas que muestren la belleza de
dichos sitios.
 Permitir que los usuarios conozcan la ubicación de cada sitio a través
de mapas que referencien su ubicación (Geolocalización).
 Implementar librería Three.js y el framework de Bootstrap para la
visualización y el diseño de los sitios turísticos.
Turismo Virtual
21
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Metodología
La metodología utilizada fue de campo, bibliográfica, incremental y
propositiva; con el objetivo de obtener información que permitió realizar
conclusiones y recomendaciones, para poder brindar una propuesta
concreta a la sociedad, la cual se irá ampliando con el transcurso del tiempo,
cumpliendo con otros objetivos que cubran las necesidades en un futuro.
1. Investigación de Campo.
El estudio que se realizó, comprendió el recorrido de los paisajes y sitios
para recopilar la información que se incrustó en el Sitio Web.
2. Investigación Bibliográfica.
El estudio se realizó a través de la recopilación de información literaria
relacionada con el trabajo investigativo: Libros, Folletos, Entrevistas y
Revistas, así como otros documentos que proporcionaron la información
necesaria.
3. Investigación Incremental.
El Sitio Web realizado, sólo abarca propósitos específicos, que es mostrar la
información de algunos sitios importantes de León y Chinandega. El
proyecto podrá ser ampliado para otros lugares, sin descartar el avance y
los resultados anteriormente alcanzados.
4. Investigación Propositiva.
Este estudio, ha comprendido la elaboración de un “Sitio Web con imágenes
panorámicas esférica guiadas e informativas de los sitios turísticos de la
ciudad de León y Chinandega”.
Turismo Virtual
22
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Fases para el diseño e implementación
Como modelo de desarrollo del proyecto Turismo virtual por medio de visitas
panorámicas guiadas e informativas orientadas a la web en el Occidente del
país (León y Chinandega), se empleó el Ciclo de Vida Clásico de Desarrollo
de Software, ya que permite la aplicación secuencial de una serie de pasos
o fases (análisis, diseño, desarrollo) y cada fase permite seguir a la siguiente,
generando documentación necesaria. Por lo tanto las actividades a realizar
se presentan en el siguiente esquema:
Figura 1 Modelo de Desarrollo del proyecto.
Turismo Virtual
23
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Recursos Disponibles y Necesarios
¿Qué se necesita para crear visitas virtuales?
1. Una cámara de fotos (Ejemplo: Cámara Digital Sony Cyber-shot DSCW220 de 12Mpx)
2. Un trípode (recomendable para obtener precisión y una buena
secuencia de fotos que permitan crear panorámicas de gran calidad)
3. Un
computador
(Windows/Linux/Mac)
con
las
siguientes
características hardware mínimas:
1. 3 GB de RAM.
2. Procesador de 2.4 GHz.
3. Disco de 180 Gb.
4. En caso de usar Windows: se puede usar VTILITY, panorama Studio
2 Pro o la aplicación que más guste.
5. En caso de usar Linux o Mac: pueden usar otra aplicación gratuita
llamada HUGIN (también está disponible para Windows).
6. Cualquiera de estos programas nos permite crear nuestras fotografías
panorámicas esférica de forma sencilla, en nuestro caso usamos
PanoramaStudio 2 Pro.
7. Sublimetext2 que es un editor de texto, el cual utilizaremos para
editar la página web donde irán incrustadas las imágenes.
8. WebMatrix para el alojamiento del Sitio en la nube.
9. Sql Server (incluido en WebMatrix) para la creación y manipulación
de Base de datos.
Turismo Virtual
24
Universidad Nacional Autónoma de Nicaragua
UNAN-León
10. Descargar librerías Three.js y BootStrap para manipulación y diseño
del sitio.
Colaboración
Contribuye con el turismo de nuestro país, siendo tú el impulsor de tu
propio proyecto o propuesta, para crear más visitas virtuales de diferentes
lugares y armar un catálogo turístico, ayudando a que las bellezas de
nuestro país sean proyectadas. Para ser parte de nuestro equipo de
colaboradores, solo necesitas cumplir con los siguientes requisitos:
1. Escoge el lugar que te gustaría proyectar.
2. Herramientas a utilizar: una cámara digital mínimo de 10Mpx para tener
una buen resolución en la calidad de las imágenes y así no
se distorsionen, un trípode para tener mejor precisión al tomar la foto y
un computador (con Windows 8 Pro).
3. Empezar a tomar las fotos del lugar que se desee mostrar, cada foto de
forma horizontal debe tener un ángulo de 45°, en total son 8 fotos, luego
45° hacia arriba por cuadro, 8 en total también, esta para armar la
vista aérea, sin moverse del lugar donde se tomaron las fotos
horizontales, de igual forma se procede para la vista hacia al suelo, 8
fotos de 45°. Esto podrá armar la foto de 360°, estos ángulos son
necesarios
ya
que
así
la
imagen
podrá
armarse
exacta
de
modo panorámica, esto ayudara que cada cuadro de foto calce uno con
otro de tal manera que se arme como un rompecabezas sin dificultad.
4. Si se desea enviar las fotos ya armadas en panorama esférica se
recomienda utilizar cualquier software que arme panoramas, por
Turismo Virtual
25
Universidad Nacional Autónoma de Nicaragua
UNAN-León
ejemplo PanoramoStudio 2.4.5 Pro, y es necesario retocar las imágenes
que se encuentren mal armadas para que se puedan visualizar de
manera profesional, puede utilizarse PhotoShop CS5 o cualquier versión
superior, no se recomienda hacer fotos con cámaras que hacen barrido
panorámicas de una sola vez debido a que esta se distorsiona al momento
de aplicarle el código en Jquery, es recomendable hacerla por cuadros
para tener una mayor precisión en la imagen.
5. Para hacer las fotos individuales e informativas con descripción solo
tomar la foto completa de un cuadro, debe ser 3000px por 2800px, con
un tamaño máximo de 1MB y una resolución mínima de 10Mpx.
6. Guardar las fotos en carpetas distintas especificando el nombre del área
tomada, especificar si son para armar vistas panorámicas de 360° y
cuales son individuales e informativas, esto ayudará a mantener un
orden al momento de armar la aplicación y el orden del recorrido. Crear
un archivo .txt con su datos personales completos especificando el lugar
que desea proyectar o algún lugar en el Sitio Web que desea ampliar.
7. Todas las carpetas guardarla en una sola carpeta con el nombre del lugar
con el que está colaborando y comprimirlo en un archivo .rar o .zip
8. Enviar la carpeta al siguiente correo [email protected]
donde se recepcionará su aporte.
9. Una vez recibido su colaboración se tomara un período de 6 a 10 días para
ser evaluada su contribución y si cumple con los requisitos para ser
publicado.
Turismo Virtual
26
Universidad Nacional Autónoma de Nicaragua
UNAN-León
10. Pasado el proceso de evaluación se le notificará si su propuesta fue
aceptada y se procederá a armar la aplicación con su respectivo derechos
de autor, en caso contrario si su propuesta es rechazada se le enviaran
recomendaciones para mejorar su trabajo y vuelva a enviar su
contribución una vez mejorada.
11. Al terminar de añadir la contribución al Sitio Web se le enviará el link
donde se encuentra alojado su proyecto y pueda visualizarlo.
Se pretende que todos seamos parte de este proyecto y podamos abarcar
cada rinconcito de este país, ser uno el que ayude a proyectar Nicaragua a
nivel mundial, aportando nuestro granito de arena, y estar orgullosos de ser
¡Nicaragüense por gracia de Dios!
Turismo Virtual
27
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Marco Teórico
Turismo en el marco de la propuesta sustentable
El
desarrollo
turístico
debe
fundamentarse
sobre
criterios
de
sustentabilidad, es decir, que debe beneficiar a todos los actores
involucrados, ser viable económicamente y equitativo, comercialmente
rentable, ecológicamente sostenible, socioculturalmente aceptable y que
proporcione un alto grado de satisfacción al turista.
Una propuesta tal de turismo se propone desde:
- Proveer mayor calidad de experiencia para el visitante.
- Mantener la calidad del medio ambiente -natural y cultural- del que
dependen la población local y los turistas.
- Obtener mayores niveles de rentabilidad económica de la actividad
turística para los residentes locales.
- Asegurar la obtención de beneficios por parte de los empresarios turísticos,
sobre todo los pequeños empresarios locales.
- Procurar que el negocio turístico sustentable sea rentable, para que el
sector privado mantenga el pacto de sustentabilidad y equilibrio.
Ninguna propuesta de turismo sustentable es viable sin un plan de manejo
que considere el entorno social y político en el que se inserta un bien.
Aunque para llevar a cabo el desarrollo, la ejecución y el seguimiento de un
plan de manejo es necesario considerar el apoyo financiero, creemos que
además deben tenerse en cuenta otros elementos que pueden afectarlo
positiva o negativamente. En esta situación entran en juego diferentes
Turismo Virtual
28
Universidad Nacional Autónoma de Nicaragua
UNAN-León
protagonistas que representan intereses particulares y pertenecen a
sectores específicos.
El Turismo de la mano con la tecnología.
Según los datos revelados por la Organización Mundial de Turismo (OMT),
en la última jornada realizada en España, se remarca que, “Las tendencias
de la industria TIC como Clould computing, Big Data y la creación de
plataformas digitales, están adquiriendo cada vez más peso en la
modernización de un sector tradicional como lo es el Turismo, que tiene que
mirar hacia el futuro.”
Por tanto, el turismo va creciendo de la mano con la tecnología teniendo
resultados exitosos. Un ejemplo de ellos es la creación de destinos turísticos
inteligentes, que introducen la tecnología de vanguardia en la promoción de
destinos turísticos para mejorar la experiencia del turista, antes, durante y
después del viaje. Así mejora la propia gestión del destino, se potencia el
emprendimiento y se aumenta la calidad de vida de los residentes.
En esta era tecnológica, el turismo al igual que otras áreas no puede
quedarse atrás, se tienen que modernizar y avanzar en sincronización con
la evolución de las tecnologías de vanguardia, las cuales dan pasos
agigantados cada día.
Turismo Virtual
29
Universidad Nacional Autónoma de Nicaragua
UNAN-León
El Turismo, Tecnología y Nicaragua.
El turismo es una de las base del esqueleto económico de nuestro país, el
cual es cada vez más rentable y prometedor.
Este sector se apoya en los beneficios que nos dejan la implementación de
las tecnologías que actualmente están al alcance de los nicaragüenses y las
API’s que se desarrolla dentro de este entorno.
Sin embargo el nivel de desarrollo en comparación con otros países hacia
este sector “Turismo tecnológico “es realmente notable. La tecnología en el
turismo se ha venido adentrando a pasos lentos pero no se descarta su
utilización.
Turismo Virtual
En los últimos tiempos ha surgido un nuevo concepto dentro del campo del
turismo denominado turismo virtual.
El turismo virtual es aquel, que a través del soporte de una computadora y
mediante programas específicos se puede simular la experiencia de viajar
encontrándose en la comodidad de su casa, o en otro sitio frente a un
computador o dispositivo móvil de gama alta.
Ventajas al utilizar recorridos virtuales

Es posible crear versiones de las fotografías de producto 360º en
formato HTML5 para su plena visualización en smartphones y tablets.

Visualización a pantalla completa.

Interactividad que permite viajar entre las fotos 360º mediante puntos
distintivos.
Turismo Virtual
30
Universidad Nacional Autónoma de Nicaragua
UNAN-León

El zoom incorporado permite acercar o alejar el punto de vista.
Visualización optimizada.

Sonido: puede incorporarse sonido al pulsar una determinada zona,
ambiental, o direccional (cambia el volumen entre el altavoz izquierdo
y derecho en función de la zona donde nos encontremos para
conseguir un efecto de inmersión).

Puntos distintivos (links): capaces de lanzar un navegador y enlazar a
través de Internet con una página web, o mandar un e-mail.
HTML 5
Propone estándares para cada aspecto de la web y también un propósito
claro para cada una de las tecnologías involucradas. A partir de ahora,
HTML provee los elementos estructurales, CSS se encuentra concentrado en
cómo volver esa estructura utilizable y atractiva a la vista, y Javascript tiene
todo el poder necesario para proveer dinamismo y construir aplicaciones
web completamente funcionales.
CSS3
CSS es un lenguaje para definir el estilo o la apariencia de las páginas web,
escritas con HTML o de los documentos XML. CSS se creó para separar el
contenido de la forma, a la vez que permite a los diseñadores mantener un
control mucho más preciso sobre la apariencia de las páginas, con CSS3 se
suman muchas nuevos efectos que harán de la que la parte visual de
nuestra página sea mucho más agradable y llamativa, como sombras,
transformaciones de figuras, creación sencilla de bordes y efectos 3D.
Turismo Virtual
31
Universidad Nacional Autónoma de Nicaragua
UNAN-León
JavaScript
Javascript es un lenguaje de programación que permite a los desarrolladores
crear acciones en sus páginas web.
JQuery
Es una biblioteca gratuita de Javascript, cuyo objetivo principal es
simplificar las tareas de creación de páginas web responsivas
Razor
Con la aparición de WebMatrix, se presentó la sintaxis Razor para los sitios
web, que posteriormente fue incorporada como motor de vistas en ASP.NET
MVC. La principal diferencia de Razor con otras sintaxis/motores con más
tradición dentro de ASP.NET es la facilidad y limpieza con la que se intercala
código HTML y código de servidor. Puede utilizarse para C# (archivos
.cshtml) o para vb (archivos .vbhtml).
SQL
Es un lenguaje de base de datos normalizado, que utilizan los diferentes
motores de bases de datos para efectuar determinadas operaciones sobre
los datos o sobre su estructura.
WebGl
Es una API multiplataforma destinada a crear gráficos 3D en un navegador
web. Esta herramienta está basada en la conocida biblioteca de gráficos
OpenGL ES 2.0. Esta tecnología se ejecuta en el elemento Canvas de HTML5,
además
tiene
una
completa
integración
con
todas
las
interfaces
DOM (Document Object Model). Al ser una API DOM, podemos utilizar
cualquier lenguaje de programación compatible con DOM como javascript o
java.
Turismo Virtual
32
Universidad Nacional Autónoma de Nicaragua
UNAN-León
BootStrap
Bootstrap hace que el desarrollo web front-end más rápido y más fácil. Está
hecho para la gente de todos los niveles, los dispositivos de todas las formas,
y los proyectos de todos los tamaños.
Three.js
Es una librería bastante liviana y muy eficiente para generar y animar
gráficos en 3D dentro del navegador, aprovechando las grandes novedades
que nos ofrece HTML5 para la generación de contenidos multimedia.
Aprovecha tanto las capacidades de HTML5 que es capaz de generar escenas
3D con WebGL, Canvas (2D) y SVG.
GeoIp.js (MaxMind)
MaxMind ofrece una API que devuelve código de JavaScript para la dirección
IP del cliente. Esto viene en dos sabores, ciudad y país.
Puede incluir los JavaScript proporcionadas por MaxMind en sus páginas
web. Este script crea varias funciones de ventana global que devuelven
información sobre la dirección IP del cliente.
Creación del Tour Virtual
Tomar las fotos es el primer paso
La calidad de las fotos determinará la calidad del resultado final en el tour
virtual. Además de las calidades tradicionales (luces, objetivo, etc.), algunos
otros detalles que puede tener en cuenta:
Turismo Virtual
33
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Manténgase en el centro de la habitación, y saque
primero las fotos panorámicas. Saque fotos que
se solapen, al menos con un solapado del 50%
entre fotos.
Figura 2Paso 1 para tomar fotos panorámica
Muévase y saque fotos desde diferentes ángulos y
perspectivas, intentando tener cada parte de la
escena en al menos 3 fotos diferentes desde
diferentes perspectivas.
Figura 3 Paso 2 para tomar fotos panorámica
Cuando se mueva alrededor de objetos, intente
tener
una
foto
por
cada
15/25
grados
aproximadamente.
Figura 4 Paso 3 para tomar fotos panorámica
Una vez haya sacado las fotos, y antes de crear el tour, asegúrese de que
todas sus fotos tienen la misma orientación.
Te recomendamos que definas aéreas en zonas extensas y lo coloques cada
zona en carpetas diferentes.
Turismo Virtual
34
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Creación de fotografías panorámicas con PANORAMASTUDIO 2 Pro
Una vez que ya hayas tomado las fotografías necesarias, utilizaremos
PANORAMASTUDIO 2.Pro.
PANORAMASTUDIO 2 Pro, es un programa que combina la sencilla creación
de imágenes panorámicas perfectas en pocos pasos con características de
pos procesado para los usuarios avanzados.
Una vez que lo bajaste e instalaste ejecútalo. A partir de aquí te
explicaremos los pasos básicos para su uso.
PASO 1: Importación de fotos
Abrimos el programa y seleccionamos la opción resaltada en la imagen
Figura 5 Panorama Studio 2 Pro
Turismo Virtual
35
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Figura 6 Importar fotos Panorama Studio 2 Pro
Al hacer click en "Import..." como muestra la foto de arriba, podrás cargar
las fotografías que compondrán la secuencia panorámica que estás por
crear. La ventana desde la que cargarás las fotos te permite, manteniendo
la tecla "Shift" presionada, hacer una selección múltiple de todas las fotos
que compondrán la escena panorámica.
CONSEJO
Te recomendamos que los nombres de las fotos tengan una secuencia de
manera que en la forma que las cargues coincida con la secuencialidad de
cuadros, de todas formas si así no fuera, luego podrás manualmente
alterar el orden.
También te aconsejamos que las fotos tengan, preferentemente, todas la
misma orientación (horizontal o vertical), esto lo puedes lograr habiéndolas
Turismo Virtual
36
Universidad Nacional Autónoma de Nicaragua
UNAN-León
rotado previamente, de lo contrario el programa también te permitirá
hacerlo pero la idea es tratar de simplificar la cantidad de pasos que se
requieren para hacer una panorámica.
PASO 2:
Figura 7 Ensamble de fotos en Panorama Studio 2 Pro
Damos click en el botón resaltado para la concatenación de las imágenes.
Veamos el resultado de nuestro ejemplo.
Turismo Virtual
37
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Figura 8 Foto panorámica Panorama Studio 2 Pro
Notemos que como se trata de una foto panorámica envolvente (360º),
desde el punto de vista del observador, la imagen es como un cilindro y en
el centro se encuentra el observador y este cilindro irá rotando mostrando
la imagen envolvente. Esto implica que la imagen sufrirá una curvatura
para acomodarse a la concavidad interna del cilindro, esto implica cierta
deformación de la imagen y de su perspectiva, el software, para lograr este
efecto y realizar las compensaciones necesarias como para que la imagen
no quede con aberraciones exageradas, entonces en base a la distancia
focal aplica la deformación a la imagen de manera que se compense con la
deformación que tendría al darle el efecto cilindro y de esta forma se verá
una animación razonablemente real. Por este motivo, en esta etapa del
proceso notarán que las imágenes quedaron con recortes curvos
superiores e inferiores.
Turismo Virtual
38
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Podemos dar click en 3d view que se encuentra en la parte inferior
resaltado en la imagen para tener una vista previa de recorrido sobre la
imagen cubica.
Figura 9 Vista previa foto panorámica Panorama Studio 2 Pro
Turismo Virtual
39
Universidad Nacional Autónoma de Nicaragua
UNAN-León
PASO 4:
Crop (recorte)
Figura 10 Recortar foto panorámica Panorama Studio 2 Pro
Como podemos ver en la imagen de arriba, el proceso de Cropping se refiere
a realizar el perfilado o recorte de la imagen, de esta forma se descartarán
las partes superiores e inferiores y los laterales de la panorámica que
quedan fuera del enganche coincidente entre el primer fotograma y el
último. En este paso aconsejamos por lo menos para los usuarios
primerizos, aceptar esta pantalla con los valores predeterminados.
En la foto de abajo vemos el resultado luego del Cropping.
Turismo Virtual
40
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Figura 11 Foto panorámica terminada Panorama Studio 2 Pro
Los dos botones siguientes al “Crop” son “Resize” y “Optimize”, pueden ser
pasos opcionales, sobre todo si la panorámica resultante tendrá como
destino nuestra PC, si el destino fuese publicarla en Internet y si las fotos
de origen fueron tomadas en gran resolución y tamaño tal vez sea
conveniente modificar su tamaño (Resize) como para que tengan un peso
razonable al momento de subirlo a la Web y al momento que los navegantes
deseen verla ya que la imagen básica que conforma la panorámica y que
es una foto larga, no demande tanto tiempo al ser leída desde Internet.
En el caso de la opción “Optimize” podremos configurar (solo si lo
deseamos) parámetros como: Sharpen / Unsharp (relativos a la definición
de los puntos de imagen, las podemos hacer levemente más borrosas para
disimular ciertas imperfecciones), Brightness / Contrast (con las que
podemos alterar parámetros de brillo y contraste), Tone Curves, Levels y
Color Balance (con las que podemos variar parámetros relativos a la
coloración de las imágenes).
Turismo Virtual
41
Universidad Nacional Autónoma de Nicaragua
UNAN-León
PASO 6:
Save (Guardar)
Este es otro paso sumamente interesante en este producto
ya que admite los siguientes formatos de salida para
nuestra producción panorámica:

Save As Image
Figura 12 Guardar Foto panorámica Panorama Studio 2 Pro
Save As Image
Esta opción grabará la producción panorámica realizada como una única
imagen, podremos elegir entre varios formatos de salida entre los cuales se
encuentra JPG.
Si utilizamos esta opción solamente habremos usado el software para
lograr concatenar en forma sencilla, coherente y con arreglos automáticos,
los diferentes fotogramas que componen nuestra panorámica.
Funcionamiento del Recorrido virtual con Three.js
Primero abrimos conexión con la Base de Datos, realizamos tres consultas:
1. Obtener todos los datos pertenecientes a lugar turístico que el
usuario selecciono.
2. Obtener la información para dibujar los puntos de control.
3. Seleccionar todos los personajes.
Todos estos son enviados en formato JSon para luego ser procesados en
JavaScript. Por ultimo obtenemos información de la variable Session para
identificar el idioma en que se mostrara la información.
Turismo Virtual
42
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Ahora en JavaScript inicializamos las variables que vamos a utilizar y
hacemos llamadas a las funciones que obtendrán los datos de Json y los
cargaran en Arreglo, cargaran la primera imagen del sitio turístico y
asignaran los manejadores de eventos para la manipulación del recorrido.
Turismo Virtual
43
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Función InicializarSalas()
Parsea los JSon de Salas, área, personaje y lo guarda en arreglos.
Turismo Virtual
44
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Función Init()
Instanciamos la cámara, seleccionamos el elemento en que se cargara la
imagen llamamos a la función CargarImagen() para cargar la primera sala.
Detectamos si el navegador en que se visualiza soporta WebGl y verificamos
si se accede desde un navegador móvil o navegador de escritorio, según el
condición el renderizado de la imagen se realizara con CanvasRender() o
WebGLRender(). Después asignamos los manejadores de evento para la
manipulación del recorrido virtual.
Turismo Virtual
45
Universidad Nacional Autónoma de Nicaragua
UNAN-León
La función CargarImagen() crea la escena con el url de la imagen pasado
como parámetro. Y asigna los puntos de control perteneciente a ese sitio
para realizar el traslado entre sala o visualizar la información de un
personaje.
Turismo Virtual
46
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Salida:
Turismo Virtual
47
Universidad Nacional Autónoma de Nicaragua
UNAN-León
ESPECIFICACIÓN DE REQUISITOS DEL SISTEMA
1. Introducción
1.1.
Propósito del documento
Definir el conjunto de funcionalidades, restricciones y requisitos que debe
cumplir la aplicación.
1.2.
Alcance
Diseño, desarrollo e implementación del sistema “Visitas panorámicas
guiadas e informativas orientadas a la web en el Occidente del país (León y
Chinandega).
Este proyecto será una aplicación que funcionara en un entorno WEB que
utilizara vistas panorámicas esféricas, el cual realizara las siguientes
funciones:

Ingreso al Sitio Web.

Conexión a la Base de datos.

Extracción de datos.

Identificar acceso al sitio web por medio de diferentes navegadores.

Permitir la elección del idioma entre inglés o español.

Listar los lugares turísticos en el Sitio.

Eventos con el mouse para manejar la aplicación.

Listar información específica de cada sitio.

Representación gráfica de las imágenes pertenecientes a los sitios.

Listar requisitos para colaboración de terceros.

Redireccionamiento a la página de Inicio.

Navegación entre sitios.
Turismo Virtual
48
Universidad Nacional Autónoma de Nicaragua
UNAN-León

Visualización la localización en pantalla completa.

Visualización del sitio a pantalla completa.
1.3.
Limitaciones:
 Los recorridos virtuales panorámicos, solo muestra los lugares
más atractivos de los sitios que serán vistos.

La construcción y el diseño del Sitio Web está basado en el uso de
lenguaje HTML5, CSS3, así como la utilización de framework para
maquetación de la misma.

El contenido que se presenta en el Sitio Web sólo puede ser
visualizado en dos idiomas: español e inglés.

El sistema permitirá una flexibilidad de permitir realizar conexión
exitosa con el programa si el usuario se conecta a una terminal de
cómputo o smartphone de gama alta con acceso a internet.
1.4.
Definiciones, Acrónimos y Abreviaturas
 Servidor: ordenador remoto que provee los datos solicitados por parte
de los navegadores de otras computadoras.

HTML5: (HyperText Markup Language, versión 5) lenguaje de marcado
para la elaboración de páginas web.

CSS3: (Cascading Style Sheets) un lenguaje de hojas de estilos usado
para describir la presentación semántica (el aspecto y formato) de un
documento escrito en lenguaje de marcas. Su aplicación más común es
dar estilo a páginas webs escritas en lenguaje HTML.

HTTPS: Hypertext Transfer Protocol Secure (en español: Protocolo
seguro de transferencia de hipertexto), más conocido por sus siglas
HTTPS, es un protocolo de aplicación basado en el protocolo HTTP,
Turismo Virtual
49
Universidad Nacional Autónoma de Nicaragua
UNAN-León
destinado a la transferencia segura de datos de Hipertexto, es decir, es
la versión segura de HTTP.

Url:
Un
localizador
de
recursos
uniforme,
más
comúnmente
denominado URL (sigla en inglés de uniform resource locator).

App: Aplicación.

Aplicación Web: Una aplicación web es cualquier aplicación que es
accedida vía web por una red como internet o una intranet. En general,
el término también se utiliza para designar aquellos programas
informáticos que son ejecutados en el entorno del navegador (por
ejemplo, un applet de Java) o codificado con algún lenguaje soportado
por el navegador (como JavaScript, combinado con HTML); confiándose
en el navegador web para que reproduzca (renderice) la aplicación.

Página Web: Una página web o página electrónica, es un documento o
información electrónica capaz de contener texto, sonido, vídeo,
programas, enlaces, imágenes, y muchas otras cosas, adaptada para la
llamada World Wide Web, y que puede ser accedida mediante
un navegador.

Sitio Web: Un sitio web es una colección de páginas de internet
relacionadas y comunes a un dominio de Internet o subdominio en la
World Wide Web en Internet.
Turismo Virtual
50
Universidad Nacional Autónoma de Nicaragua
UNAN-León
2. Descripción General
2.1.
Perspectiva del Producto
El sistema Visitas Virtuales es un producto diseñado para trabajar en
entornos
WEB,
lo
que
permitirá
su
utilización
de
forma
descentralizada, además que trabajara de manera independiente por
lo tanto no interactuará con otros sistemas.
2.2.
Relación con proyectos pasados
Existen los sitios web de los locales que se encuentran en exhibición
en este proyecto, pero no poseen vistas panorámicas esféricas que
resalten su belleza.
2.3.
Relación con proyectos actuales
Ninguna.
2.4. Funciones y propósitos del sistema
 El usuario podrá acceder al sitio

El usuario podrá elegir el idioma del sitio.

El usuario podrá visualizar la lista de los lugares incrustados en el
Sitio.

El usuario podrá visualizar la información de los lugares que se
muestra en el Sitio.

El usuario podrá manipular las imágenes utilizando el mouse.

El usuario podrá visualizar en pantalla completa el recorrido
virtual.

El usuario podrá seleccionar una imagen en específico para
visualizar la información contenida.

El usuario podrá visualizar los requisitos de Colaboración.

El usuario podrá navegar entre los lugares del sitio.

El usuario podrá obtener la ruta de llegada al sitio turístico.
Turismo Virtual
51
Universidad Nacional Autónoma de Nicaragua
UNAN-León

El servidor cargara la página después de haberse realizado la
solicitud por parte del cliente.

El servidor permitirá la conexión con la base de datos.
3. Requisitos específicos
3.1.
Requisitos Comunes de los Interfaces
3.1.1 Interfaces de Usuario
La aplicación constara de un conjunto de páginas definidas por un
estilo semejante. Esto se realizara de acorde a los requerimientos
del diseñador.
3.1.2 Interfaces de Hardware
Cliente:
Puede utilizar cualquier dispositivo que tenga acceso a internet que
cumpla con los requerimientos hardware siguiente:
-Dispositivos móviles de Gama Alta.
-Navegador con soporte completo de HTML5 y css3.
-Soporte WebGL.
-Una velocidad de bajada como mínimo de 1.43 Mbps.
Desarrolladores de la aplicación:
A. Cámara

Cámara Digital Sony Cyber-shot DSC-W220 de 12Mpx.
B. Trípode.
C. PC.

Toshiba Satellite S855
o Intel Core i7-3630QM.
o 500Gb HD.
Turismo Virtual
52
Universidad Nacional Autónoma de Nicaragua
UNAN-León
o Memoria 8GB DDR3 1600MHz.

HP
o Arquitectura 64 bits.
o Memoria 4GB DDR3 1600MHz.
o 250 GB HD.
o Procesador AMD.
3.1.3 Interfaces de Software
Listado de Programa Utilizado
1. PanoramaStudio 2.4.5 Pro.
2. PhotoShop CS5.
3. SublimeText.
4. WebMatrix.
Librerías a utilizar
1. Three.js.
2. Boostrap y Responsive Design.
3. Api’s Google map.
4. GeoIp.js
3.1.4 Interfaces de Comunicación.
La interfaz interactúa con una interfaz de búsqueda de los sitios,
esto se realizara bajo el protocolo de comunicación HTTP.
Turismo Virtual
53
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Requisitos funcionales
RF1
1. Ingreso al sitio web.
1.1- Introducción
El usuario ingresa al sitio introduciendo la url en el navegador.
1.2- Entradas
Por parte del usuario:
URL.
1.3- Procesos
El usuario introduce la url del sitio en la barra de navegación del
navegador que hará la petición al servidor donde se encuentra
alojado el sitio web.
1.4- Salidas
Se mostrara por pantalla la página principal de la aplicación, en
caso contrario el mismo navegador mostrara un mensaje “404
page not found”.
RF2
2. Cambio del idioma.
2.1-Introducción
Una vez que se muestra el sitio el usuario podrá cambiar el
idioma en que se mostrara la información. El idioma por defecto
del sitio será español.
2.2- Entradas
Por parte del usuario:
Idioma.
Por parte del navegador .
Session.
Turismo Virtual
54
Universidad Nacional Autónoma de Nicaragua
UNAN-León
2.3- Procesos
El usuario podrá observar en la parte superior de la página principal
un menú de opciones, donde visualizara el botón con la etiqueta
“English”, el cual al ser pulsado cambiara el idioma.
2.4- Salidas
Se mostrara por pantalla el sitio con el contenido en inglés.
RF3
3. Visualización de los lugares turísticos.
3.1- Introducción
El usuario podrá visualizar los diferentes lugares turísticos
contenidos en el sitio web.
3.2- Entradas
Por parte del servidor.
Sitios.
3.3- Procesos
Una vez que se cargue el sitio en el navegador visualizara la lista
de los lugares turísticos. Esto se hará a través de una consulta
Sql que recuperara el listado de
los sitios a mostrar y los
guardara en una variable toda la información.
3.4- Salidas
Se mostrara por pantalla la página principal del Sitio Web el
listado de los diferentes lugares con una breve descripción y
opción a visitar.
RF4
4. Ir a la app del lugar turístico a visitar
4.1.
Introducción
El usuario podrá visualizar la información específica y la galería de
imágenes del sitio que quiere visitar.
Turismo Virtual
55
Universidad Nacional Autónoma de Nicaragua
UNAN-León
4.2.
Entradas
Por parte del usuario:
Click sobre el sitio a visitar.
Por parte del servidor:
URL del sitio.
4.3.
Procesos
Al dar clic en el botón “Recorrido Virtual” del sitio a visitar, se
enviara la solicitud al servidor de ingresar a la URL asociada con
nombre de dicho sitio al que se solicitó ingresar. Esto se hace por
medio de una variable de sesión que guarda el id del sitio, el cual
se utiliza para recuperar la información referente a el sitio
solicitado por medio de una consulta al servidor y se guardara en
una variable.
4.4- Salidas
Se mostrara por pantalla la página de la aplicación que contiene la
galería de imágenes del sitio y la información respectiva a este.
RF5
5. Manipulación de las imágenes pertenecientes al sitio.
5.1- Introducción
Se podrá manipular la vista de las imágenes de los sitios por
medio del mouse.
5.2- Entradas
Por parte del cliente:
Opción a realizar con el mouse.
Turismo Virtual
56
Universidad Nacional Autónoma de Nicaragua
UNAN-León
5.3- Procesos
La app del sitio a visitar puede ser manipulada arrastrando el cursor
del mouse sobre la imagen del sitio, esto se hará mediante
transiciones
que
permitirán
adelantar
o
retroceder
el
tour
dependiendo la acción que el usuario elija.
5.4- Salidas
Se mostrara por pantalla la transición de las salas.
RF6
6. Visualizar Recorrido virtual en pantalla completa.
6.1- Introducción
El usuario podrá visualizar el recorrido virtual en pantalla
completa.
6.2- Entradas
Por parte del usuario:
Click sobre el botón pantalla completa.
6.3- Procesos
Primeramente el usuario se encuentra en el sitio que solicito
visitar. Pulsa el botón pantalla completa y el navegador envía una
petición al servidor el cual hace una verificación y envía respuesta
al navegador.
6.4- Salidas
El sitio en pantalla completa.
Turismo Virtual
57
Universidad Nacional Autónoma de Nicaragua
UNAN-León
RF7
7. Respuesta a consulta de la imagen seleccionada
7.1- Introducción
Este proceso extraerá la información de la imagen que el usuario
seleccione en la app.
7.2- Entradas
Por el usuario:
Selección de una imagen disponible en la App.
Por el servidor:
Conexión.
Por el sistema:
Extracción de los datos de un archivo temporal con la información
a mostrar.
7.3- Procesos
El usuario navegara por la App utilizando el cursor del mouse
para desplazarse por el sitio, seleccionara una imagen disponible
para poder visualizar información de la misma, se realizara una
consulta en el archivo temporal para extraer la información y
mandara respuesta al usuario.
7.4- Salidas
La imagen seleccionada con su respectiva información por texto.
RF8
8. Cargar la página de colaboración.
8.1- Introducción
Este proceso deberá realizar la petición de la página web
“Colaboración” al servidor.
Turismo Virtual
58
Universidad Nacional Autónoma de Nicaragua
UNAN-León
8.2- Entradas
Por parte del usuario:
URL del sitio.
8.3- Procesos
El usuario realiza la petición del sitio a mostrar, el sistema crea la
conexión y el servidor muestra la respuesta a la interfaz como
respuesta a la petición antes realizada por el usuario.
8.4- Salidas
Interfaz de la información solicitada, Pagina de Colaboración. Un
mensaje de error 404 “page not found” en caso de error.
RF9
9.
Navegación entre sitios
9.1- Introducción
El usuario podrá navegar entre los sitios dando click en el menú
lugares y seleccionando uno.
9.2- Entradas
Por el usuario:
Click sobre cualquier sitio.
9.3- Procesos
El usuario realiza la petición de la página solicitada al dar click
sobre el nombre del sitio a visitar, el servidor
busca en el
directorio y muestra la respuesta ante la anterior petición.
9.4- Salida
Por pantalla página del Sitio solicitado.
Turismo Virtual
59
Universidad Nacional Autónoma de Nicaragua
UNAN-León
RF10
10. Obtener ruta de llegada al sitio turístico
10.1- Introducción
El usuario podrá obtener la ruta para poder llegar al sitio turístico
que está visualizando tomando como punto de partida el lugar
desde donde accede al sitio web.
10.2- Entradas
Por el usuario:
Click sobre el botón Ubicación.
Compartir ubicación.
10.3- Procesos
El usuario realiza la petición de la ruta para llegar al lugar
turístico al dar click sobre el botón Ubicación que se encuentra
en el menú superior, se redirecciona a la página para visualizar
la ruta en el mapa, solicitamos al usuario compartir su ubicación
para calcular la ruta con sus coordenadas de acceso y las
coordenadas del sitio turístico guardadas en la Base de datos.
10.4- Salida
Por pantalla el mapa con la ruta para llegar al sitio turístico.
RF11
11. El servidor cargara la página después de haberse realizado la
solicitud por parte del cliente.
11.1- Introducción
Este proceso deberá dar respuesta a solicitudes de información
realizadas por parte del usuario.
Turismo Virtual
60
Universidad Nacional Autónoma de Nicaragua
UNAN-León
11.2- Entradas
Por el usuario:
Petición de la información a visualizar (Url).
11.3- Procesos
El usuario realiza la petición de la información a mostrar, el
sistema crea la conexión y el servidor muestra la interfaz del sitio
como respuesta a la petición antes realizada por el cliente.
11.4- Salida
Página principal del sitio.
RF12
12. Conexión a la Base de Datos.
12.1- Introducción
Se establecerá la conexión a la base de datos de la Aplicación.
12.2- Entradas
Por el sistema:
Nombre de la Base de datos.
12.3- Procesos
Se mandara una petición de conexión con el nombre de la base
de datos a la que se quiere conectar.
12.4- Salida
Página principal del sitio o un mensaje de error en caso que no
se encuentre la Base de datos.
Turismo Virtual
61
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Casos de uso
Por parte del Usuario:
Acceder al sitio
Elegir Idioma
Visualizar lista de lugares
Usuario
Visualizar Informacion de
los lugares
Manipulacion de Imagenes
Visualizar Recorrido
Pantalla completa
Seleccionar Imagen
Visualizar Colaboracion
Navegar entre los lugares
del sitio
Obtener Ruta Sitio Turistico
Figura 13 Casos de Uso
Turismo Virtual
62
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Por parte del Servidor:
Cargar Pagina despues de
solicitud
Servidor
Turismo Virtual
Conexion Base de datos
63
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Diagramas de secuencias
RF1
Cargar sitio web
Navegador
: usuario
Iniciakmente el
usuario abre el
navegador
: servidor
1:Introduce url
2: Peticion del sitio
3: Verifica
4: Envia respuest
enviaras OK si
encontro el sitio
5: verifica respuesta OK
6: Cargar sitio()
Message Error 404
Mensage de error si
el servidor envio
respuesta negativa
Figura 14 Cargar el sitio
Turismo Virtual
64
Universidad Nacional Autónoma de Nicaragua
UNAN-León
RF2
Seleccionar idioma
Pagina web
: usuario
inicialmente el
usuario se
encuentra en el
sitio ingles
navegador
1: pulsa boton()
3: Verifica()
2: Submit
4: CambiarIdioma()
Idioma
Español
6: Visualiza la página
5: Carga la Informacion
Figura 15 Seleccionar idioma Español - Ingles
Turismo Virtual
65
Universidad Nacional Autónoma de Nicaragua
UNAN-León
+
RF2.1
Pagina web
: usuario
navegador
: servidor
solicita cambiar el
idioma de la pagina
de ingles a español.
1: pulsa boton()
onclick()
2: Submit
Verifica el valor de
Session
["Idioma"]=="Esp"
3: Verifica()
Cambiar
idioma
6: Visualiza pag ()
Idioma Español
Figura 16 Seleccionar idioma Inglés - Español
Turismo Virtual
66
Universidad Nacional Autónoma de Nicaragua
UNAN-León
RF3
Visualización de los lugares turísticos
2:Navegador
: usuario
: servidor
1: Navega Sitio()
2: Solicita Sitio
3: Extraer lista de lugares
4: Respuesta a solicitud
5: Listar Sitios
6: Visualizar Informacion
usuario visualiza
las listas de app
Figura 17 : Mostrar lista de sitios
Turismo Virtual
67
Universidad Nacional Autónoma de Nicaragua
UNAN-León
RF4
Ir a la app del lugar turístico a visitar
Navegador
: usuario
Inicialmente el
usuario abre el
navegador
: servidor
1: Clic boton app()
onclick()
2: Peticion del sitio
URL
4: Envia resp...
3: Verifica
enviaras OK si
encontro el sitio
5: verifica respuest...
6: Cargar sitio()
Message Error 404
Mensage de error si
el servidor envio
respuesta negativa
Figura 18 Ir a la aplicación
Turismo Virtual
68
Universidad Nacional Autónoma de Nicaragua
UNAN-León
RF5 Manipulación de Imágenes Pertenecientes al sitio.
Navegador
: usuario
Inicialmente el usuario
se encuentra dentro de
la app
: servidor
1: Click Area
onMouseDown
2: Renderizar Imagen
3: Mostrar Imagen
Figura 19 Manipular Sitio
Turismo Virtual
69
Universidad Nacional Autónoma de Nicaragua
UNAN-León
RF5.1 Adelantar o Retroceder tour
Navegador
: usuario
Inicialmente el usuario
se encuentra dentro de
la app
: servidor
1: Click Area
onclick()
2: Verificar siguiente Sala
3: Solicitar Imagen Sala
4: Respuesta
5: Mostrar Imagen Sala
Figura 20 Adelantar o Retroceder Tour
Turismo Virtual
70
Universidad Nacional Autónoma de Nicaragua
UNAN-León
RF6
Visualizar recorrido virtuales en pantalla completa
Navegador
: servidor
: usuario
1: pulsa btnFull()
Onclick()
2: RediccionarFull()
3: URL
4: Busqueda
5: envia respuesta
6: Muestra sitio
Figura 21 Maximizar Vista
Turismo Virtual
71
Universidad Nacional Autónoma de Nicaragua
UNAN-León
6.1 Recorrido
Navegador
: servidor
: usuario
1: pulsa btn minimizar ()
Inicialmente el usuario se
encuentra dentro de la
app
Onclick()
2: Rediccionar()
3: URL
4: Busqueda
5: envia respuesta
6: Muestra sitio
Figura 22 Minimizar Vista
Turismo Virtual
72
Universidad Nacional Autónoma de Nicaragua
UNAN-León
RF7
Respuesta a consulta de la imagen seleccionada
Navegador
: usuario
Inicialmente el usuario se
encuentra dentro de la
app
: servidor
1: Seleccionar imagen()
onClick()
2: Extraer de temporal
3:Mostrar Imagen
visualizara
informacion
Figura 23 Seleccionar imagen
Turismo Virtual
73
Universidad Nacional Autónoma de Nicaragua
UNAN-León
RF8
Mostrar página de Colaboración
Navegador
: usuario
Inicialmente el
usuario navega en
la pagina principal
de sitio
: servidor
1:Pulsa Colaborar()
Evento Onclick()
2: Peticion del sitio
URL
4: Envia respuesta
3: Verifica
enviaras OK si
encontro el sitio
5: verifica respuesta OK
Visualiza pagina
Colaboracion
6: Cargar sitio()
Message Error 404
Mensage de error si
el servidor envio
respuesta negativa
Figura 24 Cargar página de colaboración
Turismo Virtual
74
Universidad Nacional Autónoma de Nicaragua
UNAN-León
RF9
Navegación entre sitios
Navegador
: usuario
Inicialmente el usuario se
encuentra dentro de la
app
: servidor
1: Selecciona Otro sitio
2: Solicita sitio()
URL
4: Envia respuest
3: Busqueda
enviaras OK si
encontro el
archivo
5: Carga informacion()
6: Cargar sitio()
visualizara
informacion
Message Error 404
Mensage de error si
el servidor envio
respuesta negativa
Figura 25 Navegar entre los sitios
Turismo Virtual
75
Universidad Nacional Autónoma de Nicaragua
UNAN-León
RF10
Obtener ruta de llegada al sitio turístico
Navegador
: usuario
: servidor
Inicialmente el usuario se
encuentra dentro de la
app
1: Solicita Ubicacion Del sitio turistico
2: Guarda en Session las
coordenadas del sitio y
redirecciona a Ubicacion.cshtml
3: Solicita al usuario compartir
ubicacion
4: Comparte ubicación
5: Calcula la Ruta
6: Muestra el mapa con la ruta
Figura 26 Obtener ruta de llegada al sitio turistico
Turismo Virtual
76
Universidad Nacional Autónoma de Nicaragua
UNAN-León
RF10.1
Obtener ruta de llegada al sitio turístico
Navegador
: usuario
: servidor
Inicialmente el usuario se
encuentra dentro de la app
1: Solicita Ubicacion Del sitio turistico
2: Guarda en Session las
coordenadas del sitio y
redirecciona a Ubicacion.cshtml
3: Solicita al usuario compartir
ubicacion
4: No Comparte ubicación
5: Manda Mensaj y
Redirecciona a App.cshtml
Figura 27 Obtener ruta de llegada al sitio turistico
Turismo Virtual
77
Universidad Nacional Autónoma de Nicaragua
UNAN-León
RF11
El servidor cargara la página después de haber realizado la
solicitud
Navegador
: usuario
: servidor
1: Selecciona sitio
2: Solicita sitio()
URL
4: Envia respuest
3: Busqueda
enviaras OK si
encontro el
archivo
5: Muestra sitio
Message Error 404
Mensage de error si
el servidor envio
respuesta negativa
Figura 28 Cargar página después de solicitud
Turismo Virtual
78
Universidad Nacional Autónoma de Nicaragua
UNAN-León
RF12 Conexión a la Base de Datos
Navegador
: usuario
: servidor
1: Ingresa al Sitio
2: Solicita sitio()
URL
4: Envia respuest
3: Conexion Base de datos
enviaras OK si
encontro el
archivo
5: Muestra sitio
Message Error 404
Mensage de error si
el servidor envio
respuesta negativa
Figura 29 Conexión a la Base de datos
Turismo Virtual
79
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Diagrama E-R
Figura 30 Diagrama Relacional
Turismo Virtual
80
Universidad Nacional Autónoma de Nicaragua
UNAN-León
DISEÑO DE DATOS
TABLA AreaSalas
ALMACENA TODOS LOS DATOS DE AREAS MOSTRADAS EN UNA SALA
Nombre
IdSalas
Radio
Ancho
PosX
PosY
PosZ
SCL
Tipo
Referencia
Descripción
Llave foránea
Radio de la sala
Ancho de la sala
Posición X de una
área
Posición Y de un área
Posición Z de un área
Agranda o reduce el
área de una imagen
Tipo de un área
Sala a la que va
redireccionar
Tipo
int
float
float
float
float
float
float
Int
Int
TABLA Contacto
ALMACENA TODOS LOS DATOS DE CONTACTO DEL LUGAR TURISTICO
Nombre
IdSitio
Nombre
Movil
Telefono
CorreoPers
Turismo Virtual
Descripción
Llave foránea
Nombre de la persona
que administra el sitio
turístico
Móvil de la persona
que administra el sitio
turístico
Teléfono de la persona
que administra el sitio
turístico
Correo personal de la
persona que
administra el sitio
turístico
Tipo
int
nvarchar(250)
nvarchar(15)
nvarchar(15)
nvarchar(50)
81
Universidad Nacional Autónoma de Nicaragua
UNAN-León
CorreoInst
Website
Correo institucional
del sitio turístico
URL del turístico
nvarchar(50)
nvarchar(100)
TABLA DescripcionSitio
ALMACENA LA INFORMACION DE L SITIO TURISTICO
Nombre
Descripción
IdSitio
Llave foránea
ParrafoPrincipal
Guarda el primer
párrafo de la
información del sitio
turístico
ParrafoSecundario
Guarda el segundo
párrafo de la
información del sitio
turístico
Horario
Guarda el horario de
atención del sitio
turístico
Precios
Guarda los precios de
entrada u ofertas que
ofrece el sotio turistico
Ubicación
Guarda las
coordenadas
utilizadas para
mostrarlas su
ubicación en el mapa
Direccion
Gurda la dirección del
sitio turístico
Titulo
Encabezado de los
párrafos.
ParrafoPrincipalIng
Guarda el primer
párrafo de la
información del sitio
turístico en el idioma
ingles
ParrafoSecundarioIng Guarda el segundo
párrafo de la
información del sitio
Turismo Virtual
Tipo
Int
ntext
ntext
nvarchar(100)
nvarchar(250)
nvarchar(500)
nvarchar(150)
nvarchar(70)
ntext
ntext
82
Universidad Nacional Autónoma de Nicaragua
UNAN-León
HorarioIng
PreciosIng
DireccionIng
TituloIng
turístico en el idioma
ingles
Guarda el horario de
atención del sitio
turístico en el idioma
ingles
Guarda los precios de
entrada u ofertas que
ofrece el sotio turístico
en el idioma ingles
Gurda la dirección del
sitio turístico en el
idioma ingles
Nombre del sitio
turístico en el idioma
ingles
nvarchar(100)
nvarchar(250)
nvarchar(150)
nvarchar(70)
TABLA Personaje
ALMACENA LA INFORMACION DE LOS PERSONAJES
Nombre
Id
IdSala
Imagen
Nombre
DescriPerson
DescipPersonIngles
Turismo Virtual
Descripción
Llave primaria
Llave foranea
Imagen del personaje
Nombre del personaje
Descripcion del
personaje
Descripcion del
personaje en el idioma
ingles
Tipo
int
int
nvarchar(400)
nvarchar(50)
nvarchar(1000)
nvarchar(1000)
83
Universidad Nacional Autónoma de Nicaragua
UNAN-León
TABLA Sala
ALMACENA TODOS LOS DATOS DE LA SALA
Nombre
Id
IdSitio
Imagen
Nombre
Pos_Imagen
Descripción
Llave primaria
Llave foranea
Imagen de la sala
Nombre de la sala
Posicion de la imagen
Tipo
int
Int
nvarchar(300)
nvarchar(50)
float
TABLA Sitio
ALMACENA TODOS LOS DATOS DEL SITIO
Nombre
Id
Tipo
Nombre
ImgMini
BreveDescrip
TipoIng
BreveDescripIng
Turismo Virtual
Descripción
Llave primaria
Categoria del sitio
turístico
Nombre del sitio
turístico
Imagen miniatura del
sitio turístico
Breve descripcion del
sitio turistico
Categoria del sitio
turístico en el idioma
ingles
Breve descripcion del
sitio turístico en el
idioma ingles
Tipo
int
nvarchar(15)
nvarchar(70)
nvarchar(150)
nvarchar(300)
nvarchar(70)
nvarchar(300)
84
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Estructura del Proyecto
Turismo Virtual
85
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Mapa del sitio
Figura 31 Mapa de Sitio
Turismo Virtual
86
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Diseño de Interfaz
Figura 32 Página Principal
Turismo Virtual
87
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Figura 33 Sección de Colaboración
Turismo Virtual
88
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Figura 34 Página Museo Mitos y Leyenda
Turismo Virtual
89
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Figura 35 Vista full Museo Mitos y Leyenda
Figura 36 Descripción Doña Carmen Toruño - Museo Mitos y Leyenda
Turismo Virtual
90
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Figura 37 La Basílica de la Inmaculada Concepción de María en El Viejo, Chinandega.
Turismo Virtual
91
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Figura 38 Vista Full La Basílica de la Inmaculada Concepción de María en El Viejo, Chinandega.
Turismo Virtual
92
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Figura 39 Página Restaurante El Espigón Corinto Chinandega
Turismo Virtual
93
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Figura 40 Vista Full Restaurante El Espigón Corinto Chinandega
Turismo Virtual
94
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Conclusiones
Al concluir este trabajo investigativo llegamos a las siguientes conclusiones:

Se logró el diseño e implementación de un Sitio Web que utiliza
fotografías panorámicas esféricas para la creación de recorridos
virtuales que muestran las bellezas de los lugares expuestos en este
proyecto.

El resultado anterior (sitio web) se obtuvo mediante la implantación
de la librería three.js haciendo posible el fácil manejo por el usuario
con los eventos del mouse cuando se refiere a una terminal de
cómputo y a los objetos táctiles a los que se refiere en el “tap” “drackflip” en los dispositivos táctiles que cumplen con los requerimientos
software y hardware necesarios.

Se logró mostrar al usuario la ruta de llegada al sitio turístico tomando
como referencia el punto de acceso al sitio web, por medio HTML5 en
conjunto con la librería “GeoIp.js”.

Logramos adaptar el sitio web a los diferentes dimensiones de pantalla
por medio de Responsive Web Design sin perder el diseño de interfaz
de usuario del sitio web junto con el framework de “Bootstrap”
logrando un diseño adaptativo, agradable y de fácil manejo para
usuario final.
Turismo Virtual
95
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Recomendaciones
Consideramos los siguientes
continuación del proyecto:
aspectos
para
la mejora
y
• Permitir que los usuarios escriban comentarios sobre cada
uno de los sitios publicados en la plataforma.
• No pensar sólo en sitios turísticos; agregar restaurantes,
hoteles, etc.
• Publicitar el sitio con empresa o negocios privados a
fin de obtener regalías.
• Agregar narraciones audibles realizadas por los guías
turísticos.
• Crear una sección de administrador.
Turismo Virtual
96
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Bibliografía
3dvista. (2014). www.3dvista.com. Obtenido de http://www.3dvista.com/
Appadvice. (s.f.). Appadvice.com/ Best Panoramic. Obtenido de
http://appadvice.com/appguides/show/best-panoramic-photo-apps
Claudia Ocaranza. (03 de 23 de 2013). Dinero en Imagen. Obtenido de
http://www.dineroenimagen.com/2013-03-23/17856
Equipo Naya. (1996-2006). Naya.org. Obtenido de
http://www.naya.org.ar/turismo/congreso/conclusiones.htm)
GeoIP.js. (s.f.). MaxMind. Obtenido de MaxMind: http://dev.maxmind.com/geoip/
Gomez, S. (03 de 04 de 2009). Turismo Virtual. Obtenido de
http://turismovirtualmundial.blogspot.com/
Mark Otto, J. T. (19 de 08 de 2011). Bootstrap.com. Obtenido de http://getbootstrap.com/
Metadata . (2011). Acropolis of Athens virtual tour. Obtenido de http://acropolisvirtualtour.gr/acropolisTour.htm
Montelimar, B. (s.f.). Barcelo Montelimar Beach Nicaragua. Obtenido de
http://www.barcelo.com/BarceloHotels/es_ES/hoteles/Nicaragua/PlayaMontelimar/hotel-barcelo-montelimar-beach/videos-visita-virtual.aspx
Occipital,Inc. (2014). Occipital 360Panorama. Obtenido de http://occipital.com/360/app
Sedes Espe. (2011). Espe Tour Virtual 360. Obtenido de Escuela poitecnica del ejercito:
http://360.espe.edu.ec/html/RV360.html
Seminole, H. (s.f.). Seminole Plaza. Obtenido de Seminole Plaza:
http://www.seminoleplaza.com/es/tour-virtual.html
Three.org. (2014). http://threejs.org/. Obtenido de
http://threejs.org/examples/#webgl_buffergeometry_uint
Tour Virtual Granada. (s.f.). Obtenido de Tour Virtual Granada:
http://www.virtualtourist.com/travel/Caribbean_and_Central_America/Nicaragua/Depart
amento_de_Granada/Granada-1697913/Things_To_Do-Granada-TG-C-1.html
VagueWare . (s.f.). www.VagueWare.com. Obtenido de http://www.vagueware.com/top-10virtual-tour-software-that-may-be-used-for-=business-and-pleasure/
Vianica. (2013). Vianica.com. Obtenido de http://vianica.com/sp/nicaragua/chinandega
Turismo Virtual
97
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Volcano tour nicaragua. (s.f.). Obtenido de Volcano tour nicaragua:
http://www.orotravel.com/Volcano_Tour_Nicaragua
VR2020. (s.f.). www.vr2020.com. Obtenido de http://www.vr2020.com/
Vtility. (s.f.). www.vtility.net. Obtenido de http://www.vtility.net/
Turismo Virtual
98
Universidad Nacional Autónoma de Nicaragua
UNAN-León
ANEXOS
Turismo Virtual
99
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Cronograma de Actividades
Horas
Trabajados
Hora de
Entrada
Hora de
Salida
Elección del tema y
delimitación del
mismo
2
10:00 p.m.
12:00 a.m.
Definir software y
herramientas
necesarias para la
realización del
proyecto
4
10:00 a.m.
3:00 p.m.
Online
Realización del
protocolo
3
9:00 p.m.
12:00 a.m.
Online
Revisión de
protocolo
4
8:00 p.m.
12:00 a.m.
2
9:00 a.m.
11:00 a.m.
Fecha
Lugar
8-09-2013
Online
21-09-2013
Chinandega
23-09-2013
25-09-2013
Actividades
28-09-2013
Chinandega
Realizar ERS y
maquetación de
pagina
2-10-2013
Museo Mitos
y Leyenda
Visita museo mitos
y leyenda,
recolección de
información y fotos
3
8:30 a.m.
11:45 a.m.
Chinandega
Ordenar fotos y
trabajar en
imágenes
panorámica
4
3:00 p.m.
7:00 p.m.
Reunión con el tutor
para presentar
avances e
inscripción de la
JUDC
2
11:00 a.m.
1:00 p.m.
2-10-2013
3-10-2013
Oficina del
tutor
5-10-2013
Museo mitos
y Leyenda
Segunda visita al
museo
5
8:30 a.m.
2:15 p.m.
6-10-2013
Chinandega
Segunda revisión de
protocolo
4
2:00 p.m.
6:00 p.m.
7-10-2013
Intur
15 minutos
8:00 a.m.
8:15 p.m.
Turismo Virtual
Reunión con Intur
para presentar
avances
100
Universidad Nacional Autónoma de Nicaragua
UNAN-León
7-10-2013
Museo Mitos
y Leyenda
Tercera Visita
Museo Mitos y
Leyenda
4
8:30 a.m.
12:30
p.m.
7-10-2013
Museo Mitos
y Leyenda
Ultimas fotos
Museos Mitos y
Leyenda
1
3:10 p.m.
4:15 p.m.
9-10-2013
Chinandega
Editar ultimas fotos
y editar página web
4
1:30 p.m.
6:15 p.m.
11-10-2013
Online
Trabajar Pagina
Web
4
8:30 p.m.
12:30 a.m.
13-10-2013
Chinandega
Tercera Revisión
protocolo y análisis
3
11:00 a.m.
2:00 p.m.
14-10-2013
Chinandega
Unir tour virtual con
maquetación página
y trabajar análisis
7
5:00 p.m.
12:10 a.m.
17-10-2013
Chinandega
Crear base de datos
e agregar
información a
Imágenes
2
5:30 p.m.
8:00 p.m.
20-10-2013
Chinandega
Documentación del
Proyecto
6
7:00 p.m.
1:00 a.m.
21-10-2013
Chinandega
Crear base de datos
e agregar
información a
Imágenes
7
7:00 p.m.
2:30 a.m.
22-10-2013
Chinandega
Practica pre-defensa
JUDC
1
8:30 p.m.
9:45 p.m.
11-11-2013
Oficina del
tutor
Armar Poster para
la expo-ciencia
2
9:15 a.m.
11:30 a.m.
25-11-2013
Chinandega
Cuarta Revisión del
protocolo, análisis y
documentación
faltante
10:00 a.m.
El viejo
Investigación de
Campo. Toma de
fotografías Basílica
la Inmaculada
concepción de
María.
10:00 a.m.
13-01-2014
Turismo Virtual
12:00
p.m.
101
Universidad Nacional Autónoma de Nicaragua
UNAN-León
14-01-2014
Corinto
Investigación de
Campo. Toma de
fotografías
Restaurante el
Espigón.
Ensamble de
fotográficas tomada.
9:00 a.m.
12:00
p.m.
8:00 a.m.
9:00 p.m.
2:30 p.m.
6:00 p.m.
18-01-2014
Chinandega
01-05-2014
Chinandega
Primera revisión del
documento
monográfico
04-05-2014
Chinandega
Edición del
documento
monográfico.
06-05-2014
León
Reunión con el
tutor.
11:00 a.m.
1:00 p.m.
07-05-2014
Chinandega
Edición del
documento
monográfico.
1:00 p.m.
9:00 p.m.
08-05-2014
León
Reunión con el
tutor.
11:00 a.m.
1:00 p.m.
11-05-2014
Chinandega
Edición del
documento
monográfico.
1:00 p.m.
6:00 p.m.
13-05-2014
León
Reunión con el
tutor.
11:00 a.m.
1:00 p.m.
14-05-2014
Chinandega
Edición del
documento
monográfico.
1:00 p.m.
6:00 p.m.
18-05-2014
Chinandega
Finalización del
documento
monográfico.
9:00 a.m.
4:00 p.m.
Turismo Virtual
Incrustación en el
sitio
2:00 p.m.
5:00 p.m.
102
Universidad Nacional Autónoma de Nicaragua
UNAN-León
Software Utilizado
Adobe Photoshop
Es un editor de gráficos rasterizados desarrollado por
Adobe Systems principalmente usado para el retoque
de fotografías y gráficos.
http://www.adobe.com/la/products/photoshop.html
Sublime Text
Es un editor de texto sofisticado para el código,
marcado y prosa.
Te encantará la interfaz de usuario, un extraordinario
y un rendimiento sorprendente.
http://www.sublimetext.com/
WebMatrix
Es ligero, herramienta gratuita de desarrollo web
conectado a la nube
Crear, publicar y mantener su sitio web con facilidad.
http://www.microsoft.com/web/webmatrix/
PanoramaStudio Pro 2
Creación de panoramas de una o varias filas de hasta
completos esféricos 360x180 grados.
http://www.tshsoft.com/en/panostudiopro_index
Turismo Virtual
103