APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

62
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

Transcript of APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

Page 1: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

Í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 …

1. Introducción

Page 4: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

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 …

2. Software y lenguaje utilizados

Page 7: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

3. Búsqueda de información

Page 9: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

3. Búsqueda de información

Caldera de Taburiente

Geología

Page 11: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

3. Búsqueda de información

Laurisilva

Vegetación

Page 12: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

3. Búsqueda de información

Los Indianos

Fiestas

Page 13: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

3. Búsqueda de información

Charco Azul

Turismo

Museo Casa Roja

Page 15: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

4. Adquisición de datos

Page 16: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

5. Procesamiento y tratamiento de datos

Page 18: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

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 …

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 …

5. Procesamiento y tratamiento de datos

Ejemplo de Alojamientos

Page 22: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

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 …

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 …

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 …

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 …

MDT: 5 y 25 m

5. Procesamiento y tratamiento de datos

Page 28: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

5. Procesamiento y tratamiento de datos

MDS: 5 y 25 m

Page 29: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

5. Procesamiento y tratamiento de datos

MDS: Superficie + Batimetría

Page 31: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

5. Procesamiento y tratamiento de datos

Mapas derivados del MDT: Pendientes

Page 33: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

Mapas derivados del MDT: Planicies

5. Procesamiento y tratamiento de datos

Page 34: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

5. Procesamiento y tratamiento de datos

Bloques 3D

Page 35: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

6. Creación de la aplicación web

Page 36: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

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 …

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 …

6. Creación de la aplicación web

Page 40: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

6. Creación de la aplicación web

Page 41: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

6. Creación de la aplicación web

Page 42: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

6. Creación de la aplicación web

Page 44: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

6. Creación de la aplicación web

Page 45: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

6. Creación de la aplicación web

Page 46: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

6. Creación de la aplicación web

Ejemplo de Alojamientos

Page 47: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

6. Creación de la aplicación web

Page 49: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

Curvas de nivel

6. Creación de la aplicación web

Page 51: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

Barra de edición

6. Creación de la aplicación web

Page 52: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

6. Creación de la aplicación web

Page 54: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

Ejemplo de etnografía

6. Creación de la aplicación web

Page 55: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

6. Creación de la aplicación web

Page 57: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

Ejemplo de litologías

6. Creación de la aplicación web

Page 58: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

Pop-up bloque 3D

6. Creación de la aplicación web

Page 60: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

7. Conclusiones

Page 61: APLICACIÓN WEB DE LA RUTA TRANSVULCANIA DE LA ISLA …

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 …

FIN