aplicaciÓn web de la ruta transvulcania de la isla …
TRANSCRIPT
![Page 1: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/1.jpg)
APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA
DE LA PALMA
Trabajo Fin de Máster Máster en Geoinformática
Autor: Francisco Javier Vidal Fernández Tutor: Miguel Ángel Rodríguez Luaces Tutora: Ana Belén Cerdeira Pena Septiembre 2016
![Page 2: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/2.jpg)
ÍNDICE
1. Introducción
2. Software y lenguaje utilizados
3. Búsqueda de información
4. Adquisición de datos
5. Procesamiento y tratamiento de datos
6. Creación de la aplicación web
7. Conclusiones
![Page 3: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/3.jpg)
1. Introducción
![Page 4: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/4.jpg)
1. Introducción
Motivación
Objetivos
Estructura del trabajo
Recopilación de información
Adquisición de datos
Procesamiento y tratamiento de datos
Creación de la aplicación web
1. Introducción
![Page 5: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/5.jpg)
1. Introducción
Servicios Turísticos Topográfico Etnográfico Geológico
Alojamiento Carreteras Arqueología Geomorfología
Transporte Núcleos de población Arte y monumentos Litología
Salud Curvas de nivel Hostelería Geología
Policía Mapa de pendientes Playas Miradores
Banca MDT batimetría 25 m Flora, fauna y vegetación Puntos de interés geológico (3D)
Restauración MDS batimetría 25 m Etnografía Track Transvulcania
Carreteras MDT 5 m Núcleos de población Contactos
Núcleos de población MDS 5 m Carreteras Fracturas
Parque Nacional Track Transvulcania MDT 25 m Estructuras
MDT 25 m Mapa de planicies MDS 25 m Elementos Puntuales
MDS 25 m Track Transvulcania
Track Transvulcania
Información representada en la aplicación
![Page 6: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/6.jpg)
2. Software y lenguaje utilizados
![Page 7: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/7.jpg)
2. Software y lenguajes utilizados
PostgreSQL + PostGIS
Microstation
QGIS
ArcMap + ArcScene
HTML
JavaScript
CSS
Leaflet
2. Software y lenguajes utilizados
![Page 8: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/8.jpg)
3. Búsqueda de información
![Page 9: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/9.jpg)
3. Búsqueda de información
Búsqueda de información relacionada con la isla de La Palma.
o Geología
o Vegetación
o Fiestas
o Gastronomía
o Turismo
Identificar los lugares, servicios turísticos y geología más importantes.
3. Búsqueda de información
![Page 10: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/10.jpg)
3. Búsqueda de información
Caldera de Taburiente
Geología
![Page 11: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/11.jpg)
3. Búsqueda de información
Laurisilva
Vegetación
![Page 12: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/12.jpg)
3. Búsqueda de información
Los Indianos
Fiestas
![Page 13: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/13.jpg)
3. Búsqueda de información
Pescado a la parrilla
Gastronomía
Papas con mojo
Gofio
![Page 14: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/14.jpg)
3. Búsqueda de información
Charco Azul
Turismo
Museo Casa Roja
![Page 15: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/15.jpg)
4. Adquisición de datos
![Page 16: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/16.jpg)
4. Adquisición de datos
GRAFCAN
IGN
Gobierno de Canarias
OSM
IGME
IHM
4. Adquisición de datos
![Page 17: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/17.jpg)
5. Procesamiento y tratamiento de datos
![Page 18: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/18.jpg)
5. Procesamiento y tratamiento de datos
Información obtenida de OSM
Ficheros DGN descargados de GRAFCAN
Capas vectoriales
Puntos de interés
Geología
Capas ráster
MDT - MDS
Mapas derivados del MDT
Bloques 3D
5. Procesamiento y tratamiento de datos
![Page 19: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/19.jpg)
5. Procesamiento y tratamiento de datos
Información obtenida de OSM
Alojamiento
Banca
Carreteras
Parque nacional
Policía
Restauración
Transporte
Salud
![Page 20: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/20.jpg)
PostGIS + OSMOSIS
Buscar clave y valor de la temática
Ej: tourism.hotel
Extraer información en tabla auxiliar
Crear tabla para almacenar la información
Insertar la información en la tabla creada
Añadir datos PostGIS en QGIS
Unir capas por temática
Pasos seguidos
5. Procesamiento y tratamiento de datos
![Page 21: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/21.jpg)
5. Procesamiento y tratamiento de datos
Ejemplo de Alojamientos
![Page 22: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/22.jpg)
5. Procesamiento y tratamiento de datos
Ficheros DGN de GRAFCAN
Unión y extracción de información
![Page 23: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/23.jpg)
5. Procesamiento y tratamiento de datos
Capas vectoriales: Puntos de interés
Localización de puntos en Google Earth
Creación de fichero kml y extracción de información
Creación de capas vectoriales:
Arte y monumentos Hostelería
Arqueología Miradores
Etnografía Geología
Playas Flora, fauna y vegetación
![Page 24: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/24.jpg)
5. Procesamiento y tratamiento de datos
Capas vectoriales: Geología
Reclasificación de las litologías (polígonos)
Asignación de la geomorfología
Creación de las capas “Litologías” y “Geomorfología”
![Page 25: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/25.jpg)
Tabla de atributos de la geología
5. Procesamiento y tratamiento de datos
![Page 26: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/26.jpg)
Contactos
Fracturas
Estructuras
Elementos puntuales
Otra información geológica representada
5. Procesamiento y tratamiento de datos
![Page 27: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/27.jpg)
MDT: 5 y 25 m
5. Procesamiento y tratamiento de datos
![Page 28: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/28.jpg)
5. Procesamiento y tratamiento de datos
MDS: 5 y 25 m
![Page 29: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/29.jpg)
5. Procesamiento y tratamiento de datos
MDT: Superficie + Batimetría
Curvas de nivel Batimetría Línea de costa
![Page 30: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/30.jpg)
5. Procesamiento y tratamiento de datos
MDS: Superficie + Batimetría
![Page 31: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/31.jpg)
Mapas derivados del MDT: Tintas hipsométricas
5. Procesamiento y tratamiento de datos
![Page 32: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/32.jpg)
5. Procesamiento y tratamiento de datos
Mapas derivados del MDT: Pendientes
![Page 33: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/33.jpg)
Mapas derivados del MDT: Planicies
5. Procesamiento y tratamiento de datos
![Page 34: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/34.jpg)
5. Procesamiento y tratamiento de datos
Bloques 3D
![Page 35: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/35.jpg)
6. Creación de la aplicación web
![Page 36: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/36.jpg)
6. Creación de la aplicación web
Herramienta utilizada: Leaflet
Pasos previos
o Crear ficheros .js a partir de las capas vectoriales
o Crear imágenes .png a partir de los ráster
Estructura de la aplicación:
o Página principal
o Cuatro visores: Servicios turísticos, topográfico, etnográfico y geológico
http://canarygeoroutes.es/Transvulcania/TRANSVULCANIA.html
6. Creación de la aplicación web
![Page 37: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/37.jpg)
6. Creación de la aplicación web
Información de los ficheros .js
![Page 38: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/38.jpg)
6. Creación de la aplicación web
Pestaña principal
Textos
Imágenes
Enlace a web
Enlace a pdf descargable
Funciones: onmouseover y onmouseout
![Page 39: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/39.jpg)
6. Creación de la aplicación web
![Page 40: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/40.jpg)
6. Creación de la aplicación web
![Page 41: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/41.jpg)
6. Creación de la aplicación web
![Page 42: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/42.jpg)
6. Creación de la aplicación web
Visor de servicios turísticos
Control de localización
Control de búsqueda de información
Botón desplegable para elegir la información a visualizar
Coordenadas al hacer click
Leyenda
Cluster
Información mediante Pop-up
MakiMarkers
![Page 43: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/43.jpg)
6. Creación de la aplicación web
![Page 44: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/44.jpg)
6. Creación de la aplicación web
![Page 45: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/45.jpg)
6. Creación de la aplicación web
![Page 46: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/46.jpg)
6. Creación de la aplicación web
Ejemplo de Alojamientos
![Page 47: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/47.jpg)
6. Creación de la aplicación web
Visor topográfico
Control de localización
Botón desplegable para elegir la información a visualizar
Barra de edición
Leyendas
![Page 48: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/48.jpg)
6. Creación de la aplicación web
![Page 49: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/49.jpg)
6. Creación de la aplicación web
Pendientes Relieve y batimetría Planicies
Mapas base
![Page 50: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/50.jpg)
Curvas de nivel
6. Creación de la aplicación web
![Page 51: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/51.jpg)
Barra de edición
6. Creación de la aplicación web
![Page 52: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/52.jpg)
6. Creación de la aplicación web
Visor etnográfico
Control de localización
Control de búsqueda de información
Botón desplegable para elegir la información a visualizar
Coordenadas al hacer click
Leyenda
Cluster
Información mediante Pop-up
Iconos propios
![Page 53: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/53.jpg)
6. Creación de la aplicación web
![Page 54: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/54.jpg)
Ejemplo de etnografía
6. Creación de la aplicación web
![Page 55: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/55.jpg)
6. Creación de la aplicación web
Visor geológico
Control de localización
Control de búsqueda de información
Botón desplegable para elegir la información a visualizar
Coordenadas al hacer click
Leyenda
Cuadro de información
![Page 56: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/56.jpg)
6. Creación de la aplicación web
![Page 57: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/57.jpg)
Ejemplo de litologías
6. Creación de la aplicación web
![Page 58: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/58.jpg)
6. Creación de la aplicación web
Ejemplos de información mostrada
Geología Estructuras Geomorfología
![Page 59: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/59.jpg)
Pop-up bloque 3D
6. Creación de la aplicación web
![Page 60: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/60.jpg)
7. Conclusiones
![Page 61: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/61.jpg)
7. Conclusiones
Las aplicaciones web de turismo son novedosas y tienen mucho futuro
La palma es una isla de turismo rural
La aplicación favorece la difusión de información relacionada con la zona que se muestra
7. Conclusiones
![Page 62: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …](https://reader031.vdocuments.co/reader031/viewer/2022012518/619205857b7f8e008360da1a/html5/thumbnails/62.jpg)
FIN