Unidad didáctica 6 Diseño de rutas en páginas Web

Transcripción

Unidad didáctica 6 Diseño de rutas en páginas Web
Unidad didáctica 6
Diseño de rutas en páginas Web
Los senderistas necesitan tener a su disposición gran cantidad de información para
conocer todas las posibles sendas de una montaña, la localización exacta de
albergues y zonas de acampada, la dificultad de cada ruta, etc.
Todos estos aspectos están disponibles en decenas de páginas web dedicadas a
este deporte donde existe una gran cantidad de datos.
Sin embargo, la dispersión de la información en distintos URLs y dentro de la propia
página es una dificultad más en la tarea de hacerse una idea clara de la excursión a
realizar.
Al finalizar el estudio de estas lecciones serás capaz de:
Presentar las posibilidades que aporta la Web al diseño de rutas.
Estudiar la utilización de la Web para el diseño de rutas.
Diseño de rutas en páginas web
1
Capítulo 1
Introducción
El uso de los mapas ofrece una información muy valiosa acerca del relieve pero es
necesario adquirir unas habilidades y conocimientos que el excursionista aficionado
puede no poseer. Así, surge la necesidad de una herramienta con las posibilidades
de los mapas pero de mayor sencillez a la hora de utilizarla.
La informática se usa cada vez en más campos y muchas profesiones han
introducido el ordenador como una herramienta más en su tarea. No es extraño,
entonces, pensar en el ordenador (PDA’s o teléfonos móviles) como ayuda para los
senderistas. La evolución de los ordenadores, de Internet, etc. de los últimos años
ha permitido que a casi todas las personas les resulte familiar manejar un
ordenador. Esto, unido a que hoy en día existen tarjetas gráficas que trabajan
perfectamente con gráficos 3D en tiempo real, hace que se puedan simular escenas
tridimensionales de montañas y que los senderistas puedan hacer uso de estas
representaciones para aplicarlas al senderismo.
Se han desarrollado herramientas interactivas que sirven de apoyo a los
senderistas de modo que pueden elegir una zona montañosa y visualizarla
mediante una representación 3D realista; ver todas las sendas de la zona, ver por
qué lugares pasan, la dificultad, pendiente, etc. y por último permite localizar los
albergues y zonas de interés. De esta forma el senderista puede planificar la
excursión en casa, imprimir imágenes de los perfiles de las montañas para
orientarse, ver por dónde discurren las sendas y conocer dónde se encuentran los
puntos de interés y, en definitiva, acceder a todo ello fácilmente y complementar la
información de libros, mapas y guías.
No se trata de suplantar la información que podemos obtener de los mapas
topográficos. Esta fuente de información es hoy en día insustituible para planificar
la ficha técnica de una excursión. Se trata de ofrecer una visión realista de una
parte de la información topográfica, que facilite la comprensión del perfil de la
excursión y de los lugares que merecen la pena ser tenidos en cuenta.
Diseño de rutas en páginas web
2
Lección 1
Google Maps y la llegada de la
cartografía amateur
Pocos discuten que la aparición de Google Maps ha supuesto una pequeña
revolución en el mundo de la cartografía. Primero, porque fueron capaces de
presentar mapas y ortofotos a una velocidad mucho superior a los anteriores
mapas web. Segundo, porque al publicar una API, abrieron las puertas a que
cualquier desarrollador pueda sobre imponer información sobre sus mapas. Los
competidores de Google, como Yahoo y Microsoft, no tardaron en copiar la idea,
con sus respectivos Yahoo! Maps y Live Search Maps.
También hay que recordar que anteriormente a la aparición de Google Maps,
existían servicios de mapas web, como multimap, map, maporama o mapquest. La
diferencia es que la cantidad y popularidad de aplicaciones derivadas de estos
servicios era muy pequeña comparada con la cantidad actual.
Paralelamente, el precio de los receptores GPS de consumo ha sufrido una gran
depreciación, poniéndolos al alcance del público general. Combinado con la
posibilidad de usar toda la funcionalidad de un slippy map (se denomina slippy map
a un mapa web que se puede arrastrar, del inglés “to slip”: desplazar lateralmente
de manera suave”) con datos recogidos con un GPS propio, cualquier persona con
conocimientos medios de programación web puede, hoy en día, generar un
mash-up combinando ambas cosas.
Esto ha dado lugar a un sinfín de aplicaciones interesantes: desde mapas
hiper-locales con los precios más baratos del barrio, pasando por trabajos
artísticos, nuevas técnicas de visualización de datos en tiempo real, hasta la edición
colaborativa de datos espaciales.
Actualmente los mapas digitales son un elemento cada vez
puede llegar a englobar muchas funciones, como puede
profesional como la cartografía, un uso más personal como
turísticos, o incluso hasta un uso empresarial como podría ser
en ellos.
más habitual, y que
ser desde un uso
podría ser en viajes
el insertar publicidad
Un mapa digital no es más que un almacenamiento de información espacial como
dibujos electrónicos hechos a base de elementos gráficos sencillos (líneas, puntos,
círculos, etc.) organizados en capas, con el objetivo de ofrecer una salida impresa o
por pantalla.
Con los avances que se han ido realizando en las tecnologías, estos mapas son
cada vez más sofisticados, llegando a lograr una interacción cada vez mayor con
ellos. No se limitan a mostrar sólo representaciones de lugares, sino que son
capaces de llegar a localizar lugares específicos, trazar rutas,... También cabe
destacar que la manera en que muestran la información ha mejorado notablemente
Diseño de rutas en páginas web
3
ya que pueden llegar a mostrar desde mapas tradicionales con mucha información
contenida, hasta mapas con imágenes totalmente reales tomadas desde el aire, o
incluso una versión híbrida de éstas dos.
Google Maps es el nombre de un servicio gratuito de Google. Es un servidor de
aplicaciones de mapas en Web. Ofrece imágenes de mapas desplazables, así como
fotos de satélite del mundo entero e incluso la ruta entre diferentes ubicaciones.
En abril del 2005, se crea una vista alternativa a la que se mostraba por el satélite.
El mayor responsable de que Google Maps sea una realidad es el QuickBird, un
satélite comercial de teledetección.
En junio del 2005, las imágenes de alta resolución (o a la máxima ampliación), ya
estaban disponible para la mayoría de Canadá y Estados Unidos (incluyendo los
estados de Hawaii y Alaska). Además se tienen de otros países en forma parcial
como Francia, Irlanda, Italia, Irak, Japón, Bahamas, Kuwait, México, Holanda, etc.
Sin embargo, algunas áreas fueron oscurecidas por motivos de seguridad nacional,
como el Capitolio, la Casa Blanca y el área 51. Para el resto del planeta las
imágenes se encuentran disponible en baja resolución, excepto para los polos.
No todas las fotos mostradas son de satélites, algunas son de ciudades tomadas
por aviones que vuelan a bastante altura (sobre los 10.000 metros). Este es el caso
de Canarias, donde las fotos que se muestran son propiedad de GrafCan. La
información contenida en los mapas mostrados es proveída principalmente por la
empresa Navteq, que es considerada en estos momentos la mejor del sector debido
a la veracidad de sus datos, y la frecuencia con la que son actualizados sus datos.
En el caso de Canarias los datos actuales provienen de la empresa TeleAtlas.
El 22 de julio del 2005, Google lanza una vista dual de su Google Maps. Esta vista
combina la vista de satélite con mapas ilustrados y los nombres de calles en las
imágenes del mundo real. Esto hace más fácil encontrar rutas entre dos puntos.
Debido a la popularidad que estaba alcanzando Google Maps y a los intentos de
personalizar los mapas por parte de los usuarios mediante la ingeniería inversa,
Google optó por desarrollar un API para Google Maps, de forma que facilitara a los
usuarios el integrar Google Maps en sus webs personales y con sus propios datos.
Mediante el uso de la API de Google Maps se puede lograr insertar un completo
Google Maps en páginas web externas a Google. Para comenzar, basta con generar
una clave personalizada para la página web y el directorio donde se desea insertar
el mapa. Se le da a un usuario la posibilidad de crear su propia interfaz para el
mapa simplemente introduciendo el código Javascript proporcionado por Google a
su página web, y una vez hecho esto, utilizando las funciones Javascript
suministradas por la API para interactuar con el mapa.
Diseño de rutas en páginas web
4
Capítulo 2
Servicios disponibles
En un pasado no muy lejano, los usuarios de mapas y atlas veían sus necesidades
de información geográfica satisfechas con una tradicional representación plana,
bidimensional, de la realidad. Este concepto bidimensional de la cartografía fue
sustento y apoyo para los viajes de exploración científica y colonización. Si existía
la necesidad de una representación tridimensional del terreno, bastaban los mapas
a mano alzada, o el trazado de líneas que conectaban puntos con una misma altitud
sobre el nivel del mar o una combinación de estas curvas de nivel con tintas
hipsométricas e incluso añadiendo efecto de sombreado.
Hoy en día asistimos a la emergencia de una nueva serie de herramientas
cartográficas online de bajo coste. Google Earth y Google Maps, NASA World Wind,
Yahoo Maps, MapQuest y Microsoft MapPoint son solo algunos ejemplos. Estas
nuevas herramientas son un punto de entrada sencillo y carente de barreras para el
procesamiento y consulta de información geográfica por parte del gran público.
Google tiene capacidades en cuanto a cartografía temática, itinerarios virtuales,
búsqueda de localizaciones concretas (negocios, restaurantes). Permite la creación
de diferentes productos de georrepresentación, esto es, productos que muestran
una parte concreta de la realidad espacial (promociones inmobiliarias, centros
comerciales, localización de servicios turísticos) relevante para fines específicos.
Los datos básicos de Google Earth están constituidos principalmente por imágenes
de satélite (Landsat, SPOT, Quickbird) y fotografías aéreas, ambas de actualización
periódica. En este sentido, un increíble número de organizaciones gubernamentales
está haciendo disponibles sus datos mediante estas tecnologías cartográficas.
Las aplicaciones de georrepresentación
solamente por la creatividad del usuario.
Diseño de rutas en páginas web
de
Google
parecen
estar
limitadas
5
Lección 1
El concepto Web 2.0
En otoño de 2001 se produjo el estallido de la burbuja tecnológica, lo que provocó
que muchas empresas desaparecieran del mercado o vieran fuertemente reducidas
sus expectativas, pero eso no pasó con todas. Algunas sobrevivieron y otras
aparecieron con nuevas ideas y nuevos modelos de negocio. En el año 2004 dos
empresas del sector informático, O’Reilly y MediaLive International, realizaron un
brainstorming para analizar aquellas que habían superado la crisis y poder identificar las características claves de éxito. A las que no lo superaron las denominaron
“web 1.0” y a las que sí, o estaban teniendo éxito en ese momento las llamaron
“web 2.0”.
Esto nos da idea de las primeras características del concepto. En primer lugar
podemos decir que nace de la observación y no de un replanteamiento teórico de
los servicios de internet. Había servicios web 2.0 antes de formularse el concepto.
En segundo lugar, nace en entorno empresarial y tiene, en su origen, una marcada
impronta tecnológica y de marketing. La tercera característica es que no hay un
elemento clave que sitúe un servicio web en el lado del 2.0, existe una serie de
características que se pueden cumplir en mayor o menor medida, pero es difícil
encontrarlas todas simultáneamente en un mismo servicio web.
En su primer trabajo O’Reilly (2005) no da una definición de web 2.0, así que
cuando se le pidió esa definición envió un mensaje al blog de su empresa (O’Reilly,
2005) definiéndola. Afirmó que las aplicaciones web 2.0 son aquellas que sacan
partido a las ventajas intrínsecas de la web, ofreciendo un servicio continuamente
actualizado que mejora cuanto más gente lo use, utilizando y remezclando los
datos de múltiples recursos, incluyendo los usuarios individuales, a la vez que
ofrecen sus propios datos y servicios de tal forma que pueden ser reutilizados por
otros, creando una “arquitectura de participación” en red, yendo más allá de la
página de la web 1.0 para ofrecer experiencias de usuario cada vez más ricas.
En esta definición puede verse claramente cómo el autor está relacionando la web
2.0 con la tecnología casi de forma exclusiva. Pero son los principios de compartir,
reutilizar, mejora continua, consideración del usuario como fuente de información,
confianza, aprovechamiento de la inteligencia colectiva, etc., los que han impulsado
el establecimiento de la actitud 2.0, haciendo que la tecnología pase a un segundo
plano.
En la actualidad cuando se habla de web 2.0 se está haciendo referencia al uso de
determinadas tecnologías (ajax, mashups, software social, rss) y a la aplicación de
una determinada actitud en el diseño de servicios web, basada en los principios
citados.
Diseño de rutas en páginas web
6
Lección 2
Ejemplos de servicios Web 2.0
Existen muchos más, pero con estos siete pueden verse reflejados todos los
principios.
9 Amazon. Esta librería virtual constituye uno de los modelos de éxito más
conocidos y consolidados de internet. Comenzó a operar en julio de 1995 y
en aquel momento contaba con la misma información sobre sus productos
que el resto de competidores, pero aprovechó la tecnología para dar a sus
usuarios una experiencia de compra personalizada, recopilando la opinión de
los propios lectores sobre los productos y aprovechando los datos de los
clientes anteriores para ofrecer una información más adecuada y pertinente
a los nuevos visitantes. Desarrolló una “ciencia de la gestión del usuario”.
9 Wikipedia es una enciclopedia libre, en donde los usuarios pueden
consultar gratuitamente todos sus artículos, pero también permite
libremente crear, ampliar y modificar entradas. Existen versiones activas en
171 lenguas y la edición inglesa cuenta con casi millón y medio de artículos.
Aunque es un proyecto arriesgado, y no está exento de críticas y problemas,
varios autores han demostrado su utilidad y fiabilidad.
9 Del.icio.us fue pionero en lo que se denomina “social bookmarking” o
marcadores sociales. Estos servicios permiten a los usuarios registrados
guardar sus “bookmarks” (marcadores o favoritos) en el servidor web y
asignar libremente unas palabras clave llamadas etiquetas o “tags” para
describir y recuperar el enlace. Permite buscar por etiquetas y ver cuántos
usuarios han seleccionado esa página web como favorita.
9 GoogleMaps es un sistema de búsqueda de localizaciones geográficas. Las
claves de su éxito son dos: en primer lugar utilizar las tecnologías ajax
(asynchronous javascript and xml) y en segundo lugar crear una API
(application programming interface) que permite a los desarrolladores
externos crear aplicaciones nuevas utilizando gratuitamente la información
de Google Maps. Actualmente está considerada una de las herramientas web
más completas y potentes.
9 Flickr aprovechó el auge de las cámaras digitales y permite a sus usuarios
compartir, comentar y guardar sus fotografías. Tiene servicios gratuitos y de
pago, pero prohíbe la venta de fotografías. Nació en 2004 y fueron los
usuarios de blogs los que le dieron un importante impulso al usarlo para
publicar sus fotografías. En marzo de 2005 Yahoo! compró la empresa.
9 YouTube permite compartir vídeos. Cualquier persona registrada puede
subirlos y añadir un comentario y unas etiquetas para describirlo, pero el
resto de usuarios pueden darle una puntuación (acción conocida como
rating), añadir comentarios, seleccionarlo como favorito, etc.
9 Panoramio. Puede ser el ejemplo español de sitio web 2.0. Consiste en un
servicio para compartir fotografías, similar a Flickr, pero a través de un
Diseño de rutas en páginas web
7
sencillo sistema y utilizando las imágenes de Google Maps es posible indicar
la ubicación desde donde se tomó la fo- tografía así como buscar todas
aquellas tomadas en un área geográfica concreta. Actualmente es posible
visualizar las fotografías de Panoramio mientras se navega por Google Earth.
Lección 3
Las tecnologías 2.0
Hay algunas tecnologías consideradas 2.0, es decir, suelen estar presentes en los
sitios web 2.0. No siempre son originarias de la web 2.0, pero son consideradas
típicas de estos sitios:
9 Ajax: una combinación de xml y javascript que posibilita crear aplicaciones
web ejecutables en el cliente, reduciendo considerablemente el tráfico de
datos y la carga de trabajo del servidor, y con una mayor interactividad.
Muchos de los casos de “experiencias de usuario ricas” están programados
con este lenguaje, como puede ser Google Maps, GMail o Flickr.
9 Los mashups o aplicaciones web híbridas. Integran de manera
transparente los datos de otros servicios web, gracias a que algunos de
éstos han creado APIs que permiten desarrollar nuevas aplicaciones que
accedan a sus datos gratuitamente. El ejemplo más citado es
HousingMaps.com, donde se combina la información de una base de datos
inmobiliaria con Google Maps.
9 El software social supone un elemento clave en todo el desarrollo de la
web 2.0, especialmente en lo que se refiere al aprovechamiento de la
inteligencia colectiva. Se entiende como tal el conjunto de aplicaciones que
permiten a los individuos comunicarse unos con otros y seguir las
conversaciones a través de la web. Actualmente se suelen incluir también
aquellas herramientas y servicios que permiten compartir información y
objetos digitales, como los vídeos de YouTube o las fotografías de Flickr.
Dentro de esta categoría hay tres componentes que han influido de manera
decisiva en el la web 2.0: los blogs, los foros y las wikis.
Diseño de rutas en páginas web
8
Lección 4
Perspectiva hacia los usuarios en la
Web 2.0
La auténtica revolución viene de la concepción que se tiene de los usuarios: se ha
pasado de hablar de ellos como consumidores de información a tratarlos en
términos de carácter participativo en la elaboración y gestión de los contenidos.
Este cambio es debido al desarrollo de los principios de confianza radical y
aprovechamiento de la inteligencia colectiva.
La confianza radical en el usuario implica fiarse plenamente en ellos, en sus
acciones, en el uso que harán de los servicios, etc. Es la idea que subyace en
proyectos como Wikipedia o Wikiloc. Si no hay confianza total no tiene ningún
sentido abrir espacios para la participación. No existe ninguna base para creer que
la información de Wikipedia, un post de un blog o un comentario sobre un libro en
Amazon son malintencionados o equivocados y, aunque lo fueran, existen
mecanismos de control.
El aprovechamiento de la inteligencia colectiva suele realizarse mediante la
utilización del software social e integra todas las actividades encaminadas a recoger
y utilizar el conocimiento de los propios usuarios de un servicio web. No basta con
ser capaces de recopilar la información, ésta ha de ser utilizable por los siguientes
usuarios, por ejemplo, el comentario de un libro en Amazon sólo es útil si otros
clientes lo pueden leer. Este aprovechamiento se puede realizar de las siguientes
formas:
9 Crear contenidos por parte de los usuarios, como en el caso de los blogs y
las wikis. Los usuarios registran su conocimiento, crean nueva información.
9 Compartir objetos digitales, como pueden ser mapas, vídeos, fotografías,
documentos o enlaces favoritos.
9 Aportar comentarios a los objetos digitales compartidos. Por ejemplo, sobre
los vídeos de YouTube, una ruta en wikiloc, un libro en Amazon, o una
opinión sobre el contenido del mensaje de un blog.
9 Incluir etiquetas (tagging) que describan el contenido de un objeto digital.
9 Realizar valoraciones mediante puntuaciones (rating).
9 Otras informaciones que se generan por el propio uso del servicio,
básicamente a partir de los análisis de los logs de los servidores.
9 Funcionalidades concretas de algunos sitios web, por ejemplo, el número de
usuarios que han seleccionado un enlace como favorito en del.icio.us o los
títulos que han comprado los usuarios en Amazon.
Diseño de rutas en páginas web
9
Todas estas formas de aprovechar el conocimiento colectivo tienen una
característica común: el servicio mejora cuantos más usuarios tenga, es decir,
cuantos más comentarios sobre libros proporcione Amazon, más útil será este
servicio para los propios usuarios.
La confianza radical y el aprovechamiento de la inteligencia colectiva no son
cambios tecnológicos, son cambios de actitud y, junto con otros elementos, han
supuesto la base de lo que se llama la actitud 2.0. Dentro de esta filosofía se crean
servicios orientados a la participación, no al uso. Los usuarios aportan un valor
esencial al servicio y la información es compartida. El nuevo reto va a consistir en
diseñar servicios atractivos, que sean útiles para los usuarios y les invite a
participar y a aportar su conocimiento.
Diseño de rutas en páginas web
10
Lección 5
Aplicación en el campo de la información
geográfica y el senderismo
En cuanto a la aplicación de estas ideas en el campo de la Información
Geográfica, han dado origen a un amplio abanico de portales con un impacto
social y mediático que nunca hasta ahora había conocido la cartografía, como por
ejemplo:
9 Tanzania (http://www.tagzania.com), un sitio para colocar etiquetas sobre
unas coordenadas geográficas, que utiliza Google Earth y Google Maps como
cartografía de fondo, y que permite caracterizar cada punto anotado con
tantas etiquetas como se quiera.
9 Panoramio (http://www.panoramio.com), colección de fotos
georreferenciadas de todo el mundo, ideal para conocer visualmente un país
o una región del planeta antes de emprender un viaje. Almacena hasta
2.000 fotos por usuario registrado.
9 Wikimap (http://www.wikimap.es), que invita a situar textos, imágenes y
sonidos sobre un mapa de la ciudad de Madrid
9 Wikimapia (http://wikimapia.org), pensado para dibujar polígonos sobre
Google Earth y Google Maps y asociar comentarios. Las contribuciones son
valoradas por los usuarios, cada voto negativo ha de ser compensado por 6
positivos.
9 Shapewiki (http://www.shapewiki.com), se define a sí misma como un
almacén colaborativo de shapes (bloques o polígonos) y está pensado para
que el usuario defina sus propios polígonos y pueda asignarles los atributos
que desee en forma de etiqueta o pequeño texto asociado.
Y como ejemplo paradigmático de mashup geográfico por el éxito alcanzado y por
desempeñar un papel de divulgación de la información geográfica que ha cambiado
todo el panorama del sector, Google Earth, que integra fotos de Panoramio, notas
de la Wikipedia, Panoramas, edificios en 3d, anotaciones y poco a poco, todo tipo
de aportaciones (post).
Diseño de rutas en páginas web
11
Para finalizar esta rápida visión mencionar al menos dos mashup que están
alcanzando un éxito notable y que utilizan servicios de mapas:
9 Goolzoom (http://www.goolzoom.com), muestra la cartografía de Google
Maps, las imágenes de Google Earth, el servicio WMS de las ortofotos del
SIGPAC y el servicio WMS de la D. G. del Catastro, con la posibilidad de
superponerlos y de hacer las búsquedas por dirección postal que
implementa Google Maps.
9 Wikiloc (http://www.wikiloc.com), es un sitio pensado para que el público
comparta lugares y rutas levantados con GPS y relacionados con un total de
30 actividades al aire libre, todo ello sobre una cartografía de referencia que
puede ser también Google Maps, Google Earth, el WMS con las ortofotos del
SIGPAC, el WMS que publica las ortofotos de la Xunta de Galicia, el servicio
de mapas del topográfico 1:5.000 del mismo organismo, o el WMS titulado
IDEE-Base que ofrece la cartografía topográfica del IGN desde la escala
1:2.000.000 hasta la 1:25.000.
Diseño de rutas en páginas web
12
Capítulo 3
Diseño de rutas en la Web
Al finalizar el estudio de estas lecciones serás capaz de:
Diseñar rutas con Google Maps.
Diseñar rutas con Wikiloc.
Diseñar rutas con Google Earth.
Diseño de rutas en páginas web
13
Lección 1
Diseño de rutas en Google Maps
Crea una cuenta en Google mail para el curso o utiliza una cuenta de gmail si
dispones de ella. Una cuenta sirve para acceder a todos los servicios de Google.
Accede a Google maps:
http://maps.google.es/
Ve a la sección: Mis mapas. La primera vez que accedas tendrás que pulsar el
botón “Introducción” para continuar.
Diseño de rutas en páginas web
14
Localizamos el punto desde el cual iniciaremos el sendero. En nuestro caso,
Canfranc.
Mis mapas Æ Crear un mapa nuevo
Insertamos un título, una descripción, y elegimos el tipo de publicación (privacidad
y datos compartidos).
Diseño de rutas en páginas web
15
Utilizamos las herramientas de edición para dibujar la ruta ayudándonos del zoom,
las vistas de mapa y satélite, etc.
Experimentar con cada tipo de dibujo que se puede colocar. Posteriormente se
puede personalizar cualquier cosa, como cambiar el color a las líneas o formas, o
poner varios tipos de marcas sobre el mapa. Al crear cualquier elemento o señal
sobre el mapa, nos abre una pequeña ventana para colocar las propiedades de este
elemento.
Diseño de rutas en páginas web
16
Una vez finalizada la edición: guardar y listo. Podemos jugar con las opciones de
visualización según el objetivo del mapa.
Diseño de rutas en páginas web
17
Para compartir por correo electrónico o enlazar a una página web copiamos el
código en la opción Enlazar. También se puede visualizar directamente si
disponemos de Google Earth.
Visualización en Google Earth:
Diseño de rutas en páginas web
18
Lección 2
Diseño de rutas en Wikiloc
http://www.wikiloc.com/
http://es.wikiloc.com/
Artículo: National Geographic premia las rutas del español Wikiloc.
Wikiloc es una herramienta gratuita diseñada para aficionados al excursionismo, al
ciclismo y para todos los exploradores inquietos que disfrutan saliendo de ruta.
Gracias a esta aplicación para Google Earth, podrás encontrar nuevos caminos y
subir tus propios itinerarios.
Con Wikiloc puedes:
Encontrar rutas y waypoints próximos a províncias, municipios o lugares
conocidos de todo el mundo
Obtener información sobre las localizaciones como el perfil de altitud,
distáncia, desniveles acumulados, imágenes, enlaces a otros sitios web con
información adicional, etc...
Visualizar rutas y waypoints de distintas partes del mundo sobre múltiples
mapas base e imágenes satélite
Cambiar los mapas e imágenes de fondo según la cartografia existente en la
zona.
Visualizar las rutas y waypoints en 3D con Google Earth™
Obtener rutas por carretera para llegar en coche al inicio de las rutas o
waypoints
Y si estas registrado:
Puedes utilizar Wikiloc como tu base de datos personal de rutas y waypoints,
accesible desde cualquier ordenador conectado a Internet
Descargar rutas y waypoints compartidos por otros usuarios y cargarlos a tu
GPS
Publicar tus propias rutas y waypoints. Al momento podrás visualizarlas
sobre los mapas de Google Maps™ y obtendrás datos como distáncia,
desniveles acumulados, perfil de altitud, cotas máxima/minima, etc...
Agrupar tus localizaciones (por ejemplo una ruta junto a los waypoints a lo
largo de esta)
Añadir fotos a tus rutas y waypoints
Opinar y valorar rutas y waypoints
Encontrar rutas y waypoints cercanas a la posición donde te encuentras
Diseño de rutas en páginas web
19
Hay dos opciones para crear tus rutas en Wikiloc. La primera es directamente
desde el GPS y la segunda es la forma manual: se trata básicamente de dibujar el
recorrido sobre un mapa de Google Earth, incluyendo los puntos de interés,
fotografías y observaciones que creas convenientes para los otros viajeros.
Para empezar a utilizar Wikiloc el único requisito es registrarse:
Registrarse Æ Subir rutas
Diseño de rutas en páginas web
20
Accede a la opción: Crea tu ruta manualmente.
Puedes escribir el nombre de un río, el de un pueblo, el de una montaña… Wikiloc lo
buscará en Google Earth para que empieces tu trazado. Seleccionamos el lugar de
partida y nos posicionamos para comenzar a editar la ruta:
Diseño de rutas en páginas web
21
Muévete por el mapa hasta encontrar el punto de partida. Puedes acercarte o
alejarte para conseguir la máxima precisión. Haz clic y selecciona el inicio de la
ruta.
Selecciona el punto de destino. El icono con el banderín se transformará en un
cuadrado negro para señalar el final de tu ruta.
Traza el recorrido: Es casi igual que dibujar sobre un mapa de papel. Sólo tienes
que seguir los caminos y recrear tus pasos o tus pedaladas. Una vez hayas unido el
punto de inicio y el de final ya podrás guardar la ruta.
Añade Waypoints (puntos de paso intermedio): Cuantos más puntos intermedios
añadas, más ayudarás a los que quieran seguir el recorrido. También es importante
marcar los puntos de interés especial del camino para que todos puedan
disfrutarlos.
Diseño de rutas en páginas web
22
Datos prácticos sobre el itinerario: Una vez acabes la ruta, todavía puedes
añadir más información. Nombres de los lugares, fotografías, datos prácticos…
cualquier detalle cuenta. Acuérdate sobre todo de especificar a qué tipo de
actividad va dirigido.
Una vez finalizado ya puedes compartirlo, experimentar con las opciones de
visualización, verla en google earth, etc.
Diseño de rutas en páginas web
23
Wikiloc dispone de muchas opciones de visualización y del uso de cartografía muy
variada:
Ver en 3D Æ Google earth
Diseño de rutas en páginas web
24
Ver detalles en Wikiloc y fotografía de Panoramio.
Se puede descargar la ruta y utilizarla en nuestro GPS así como compartirla:
Diseño de rutas en páginas web
25
Lección 3
OpenStreetMap
De Wikipedia, la enciclopedia libre:
OpenStreetMap (también conocido como OSM) es un proyecto colaborativo para
crear mapas libres y editables. Los mapas se crean utilizando información
geográfica capturada con dispositivos GPS móviles, ortofotografías y otras fuentes
libres. Esta cartografía, tanto las imágenes creadas como los datos vectoriales
almacenados en su base de datos, se distribuye bajo licencia Creative Commons
Attribution-ShareAlike 2.0.
En enero de 2010 el proyecto superaba los 200.000 usuarios registrados, de los
cuales cerca de 11.000 realizan alguna edición en la base de datos cada mes. El
número de usuarios suele doblarse cada cinco meses. Los usuarios registrados
pueden subir sus trazas desde el GPS y crear y corregir datos vectoriales mediante
herramientas de edición creadas por la comunidad OpenStreetMap.
Cada día se añaden 25.000 km nuevos de carreteras y caminos con un total de casi
34.000.000 km de viales, eso sin añadir otros tipos de datos (puntos de interés,
edificaciones, etc.). El tamaño de la base de datos (llamada planet.osm) se sitúa
por encima de los 160 gigabytes (6,1 GB con compresión bzip2), incrementándose
diariamente en unos 10 megabytes de datos comprimidos.
En la mayoría de los países la información geográfica pública no es de libre uso. Al
no estar considerada por las administraciones públicas como un servicio similar a
una infraestructura de orden público el usuario paga dos veces por esa información
pública, la primera al generarla, a través de sus impuestos, y la segunda al
adquirirla para su uso.
Así mismo, las licencias de uso a veces restringen su utilización al tener el usuario
un derecho limitado de aplicación de la cartografía. No se puede corregir errores,
añadir nuevos datos o emplear esos mapas de determinados modos (integración en
aplicaciones informáticas, publicaciones, etc.) sin pagar por ellos.
Por otro lado en los últimos años han surgido iniciativas comerciales, como
MapShare de TomTom o MapMaker de Google, orientadas a animar a los usuarios
de sus servicios a completar estos, actualizando y corrigiendo su cartografía y
agregando nuevos datos. En la mayoría de estos casos los usuarios no tienen
Diseño de rutas en páginas web
26
derecho alguno sobre esa cartografía o datos que están añadiendo o editando,
pasando a ser sus contribuciones propiedad de dichas empresas (esto es, seguirá
siendo cartografía propietaria y no libre).
De igual manera, el trabajo de estos servicios comerciales se centra en ciudades
principales, lo cual dificulta la incorporación de cartografía de poblaciones
pequeñas.
Los primeros datos del mapa fueron recopilados desde cero por voluntarios
mediante un sistemático trabajo de campo a través de dispositivos GPS de mano y
ordenadores portátiles o grabadoras de voz, información que posteriormente se
incorporaban a la base de datos de OpenStreetMap.
Más recientemente la disponibilidad de fotografías aéreas y otras fuentes de datos
comerciales y públicas ha aumentado considerablemente la velocidad de este
trabajo, permitiendo que el levantamiento de información tenga una mayor
precisión.
Cuando se dispone de un gran conjunto de datos un equipo técnico se encarga de
la conversión e importación de estos.
A partir de los datos del proyecto OpenStreetMap no sólo se puede producir mapas
de carreteras, sino también para la creación de mapas de senderismo, mapas de
vías ciclables, mapas náuticos, mapas de estaciones de ski, etc. También se usan
en aplicaciones para el cálculo de las rutas óptimas para vehículos y peatones.
Gracias a su licencia abierta los datos brutos son de libre acceso para el desarrollo
de otras aplicaciones.
Por lo general la cartografía de OSM contiene datos en dos dimensiones -esto es,
no suele registrar la tercera dimensión, la altura o Z- lo que hace que, por ejemplo,
no existan datos sobre líneas de altitud. La importación de datos de elevaciones en
la base de datos de OpenStreetMap no está programada. No obstante, existen
herramientas para la transformación y representación de los datos de la Misión
topográfica Radar Shuttle (SRTM) para crear mapas topográficos con isolíneas o
sombreados sobre la que superponer los datos de OSM.
A medida que el proyecto ha ido madurando y su base de datos ha mejorado
rápidamente en calidad y cobertura, ha ido surgiendo a su alrededor todo un
ecosistema de herramientas informáticas y servicios, convirtiéndose en una fuente
de datos factible para determinados proyectos complejos que hacen uso de estos
datos «de una forma creativa, productiva o inesperada».
Para editar los datos existen diferentes posibilidades, la gran mayoría de sencillo
manejo. Para editar los datos de OpenStreetMap el usuario debe registrarse de
manera gratuita mediante una dirección de correo verificada. Esto es así para evitar
el spam y vandalismo. Si no se va a realizar edición alguna y únicamente se desea
visualizar la cartografía no es necesario realizar registro alguno.
Los datos en brutos -las trazas de ruta- que los contribuidores han capturado con
sus dispositivos GPS sirven como guía para dibujar sobre ellas las nuevas vías.
Estos datos en bruto suelen cargarse desde el equipo local del usuario o bien
solicitando al servidor de OSM que nos descargue aquellas trazas de la zona que
vamos a editar y que otros usuarios han subido previamente a OpenStreetMap.
Diseño de rutas en páginas web
27
Junto a estos datos en bruto en forma de trazas GPS las herramientas de edición
también permiten descargar fotografías aéreas e imágenes de satélite libres sobre
las que poder trazar nuestro mapa.
Una vez tengamos la información geográfica básica sobre la que poder dibujar es el
momento de añadir los elementos del mapa que queremos representar mediante
nodos, puntos que representan elementos puntuales, y vías, líneas que conectan
varios nodos que pueden representar elementos lineales o superficies (si la vía
empieza y termina en un mismo punto).
A estos puntos y líneas de les asigna uno o varios atributos que los caracteriza. Por
ejemplo, a una línea se le asigna la etiqueta y la clave highway: motorway para
señalar que es una autopista y name: Autovía del Cantábrico para indicar su
nombre. En principio cualquiera puede asignar libremente cualquier atributo, pero
lo más común y recomendado es que se tengan en cuenta la ontología aprobada
por la comunidad y documentada en la wiki del proyecto.
Diseño de rutas en páginas web
28
Lección 4
Web “Senderos de Aragón”
(Gobierno de Aragón)
http://senderos.turismodearagon.com/DibujaTuRura.php
Localizarse en el mapa con las herramientas de posicionamiento: zoom, seleccionar
área (cuadrado de líneas discontinuas) y desplazar (mano).
Diseño de rutas en páginas web
29
Las herramientas de edición son más limitadas que las de Google Maps, sin
embargo, el zoom máximo es mayor que el que nos proporciona Google por lo que
podemos observar mayor detalle e información muy útil para la planificación de
nuestras rutas o su estudio.
Ejemplo de nuestra ruta utilizada en esta unidad: Canfranc – Villanúa. Se puede
observas cómo el nivel de detalle es muy alto, pudiéndose localizar elementos
importantes como: el puente, zona de aparcamiento junto al cementerio, río, etc.
Con la herramienta dibujar puntos (lapicero) vamos estableciendo los puntos desde
el inicio hasta el final. También tenemos las opciones: iniciar nueva ruta y finalizar
la captura de la ruta cuando hayamos finalizado.
Diseño de rutas en páginas web
30
La descarga la realizará en formato PLT (programa Ozi Explorer) o TRK (programa
CompeGPS), que son dos formatos compatibles para utilizarlos en un GPS.
El formato PLT, por ejemplo, lo podemos abrir con un editor de texto y nos señalará
los puntos recogidos como si de un GPS se tratara:
Diseño de rutas en páginas web
31
Existen multitud de programas conversores de formatos:
9 GPS Visualizer
http://www.gpsvisualizer.com/gpsbabel/?lang=es
9 Opción de visualización en Google Earth: Visor en Google Earth
Diseño de rutas en páginas web
32
Lección 5
Formato KML (Google Earth)
KML (del acrónimo en inglés Keyhole Markup Language) es un lenguaje de
marcado basado en XML para representar datos geográficos en tres dimensiones.
Fue desarrollado para ser manejado con Keyhole LT, precursor de Google Earth
(Google adquirió Keyhole LT en octubre de 2004 tras lanzar su versión LT 2).
Los ficheros KML a menudo suelen distribuirse comprimidos como ficheros KMZ.
Un fichero KML especifica una característica (un lugar, una imagen o un polígono)
para Google Earth. Contiene título, una descripción básica del lugar, sus
coordenadas (latitud y longitud) y alguna otra información.
Un documento KML de ejemplo podría ser:
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://earth.google.com/kml/2.0">
<Placemark>
<name>Oviedo</name>
<description>Ciudad de Oviedo, capital de Asturias</description>
<coordinates>-5.843868,43.360758,0</coordinates>
</Placemark>
<Point>
</Point>
</kml>
Puedes crear archivos KML con la interfaz de usuario de Google Earth o utilizar un
editor de texto simple o XML para introducir texto KML "original" partiendo de cero.
Los archivos KML y sus imágenes relacionadas (de existir alguna) se pueden
comprimir en archivos KMZ con el formato ZIP. Para compartir archivos KML y KMZ,
puedes enviarlos por correo electrónico, alojarlos de forma local para compartirlos
dentro de una Internet privada o alojarlos de forma pública en un servidor web. Los
navegadores terrestres como Google Earth muestran los archivos KML del mismo
modo que los navegadores web muestran los archivos HTML. Una vez que hayas
configurado correctamente tu servidor y compartido la dirección URL de tus
archivos KML, cualquier usuario que tenga instalado Google Earth podrá ver los
archivos KML alojados en tu servidor web público.
Tutorial de kml:
http://code.google.com/intl/es-ES/apis/kml/documentation/kml_tut.html#paths
Diseño de rutas en páginas web
33
Lección 6
Diseño de rutas en Google Earth
Guía del usuario de Google Earth:
http://earth.google.es/userguide/v4/ug_editing.html
Vamos a explicar cómo dibujar una ruta usando Google Earth, para poder después
cargarla en nuestro GPS y no perdernos al intentar seguirla. Aunque el grueso de la
explicación la haremos utilizando capturas de pantalla de un mac todo lo explicado
vale perfectamente para ser aplicado en un PC con Windows XP o Vista.
Prerrequisitos
Lo primero que necesitamos para poder dibujar la ruta es ¡Google Earth!. Si no lo
tienes puedes descargártelo de esta página. La versión sobre la que basamos esta
explicación es la 5.0.
Opcionalmente, puedes usar GPSBabel (es gratuito y tiene versión Windows y Mac)
para que te convierta el fichero de ruta que te generará Google Earth (formato kml
o kmz) al formato que acepte tu GPS.
Dibujar la ruta
Lo primero que vamos a hacer es crear una "carpeta" en la que añadiremos la
información de nuestra ruta, para ello, una vez que hemos lanzado Google Earth,
vamos al menú "Añadir" y escogemos la opción "Carpeta".
Diseño de rutas en páginas web
34
Nos aparecerá una ventana emergente en la que podremos introducir el nombre y
la descripción de la ruta que estamos dibujando.
Dentro de la descripción se puede meter texto o código HTML. Al terminar de añadir
la información, pinchamos en "Aceptar" y nuestra carpeta aparecerá en la parte
izquierda de la aplicación dentro del apartado "Lugares".
Diseño de rutas en páginas web
35
Lo siguiente que tenemos que hacer es crear la ruta en si. Para ello, pinchamos con
el botón derecho encima de la carpeta que acabamos de crear, seleccionamos
"Añadir" y "Ruta".
Al igual que antes, nos aparecerá una ventana emergente en la que podremos
introducir los datos de la ruta. Lo primero, nombre y descripción (similar al de la
carpeta).
Diseño de rutas en páginas web
36
En esa misma ventana, si nos fijamos, hay una pestaña (debajo de nombre), que
pone "Estilo, color". La pinchamos y, en las opciones que aparecen, escogemos el
color "Amarillo", anchura "4,0" y opacidad "100%".
Y ahora ya sólo nos queda dibujar (ojo, no tenemos que pichar en "Aceptar"
todavía). Para ello, "apartamos" (arrastramos con el ratón a un sitio donde no
moleste) la ventana emergente y añadimos los puntos de nuestra ruta pinchando
con el botón izquierdo del ratón.
Diseño de rutas en páginas web
37
Cosas a tener en cuenta:
9 si nos equivocamos y queremos eliminar un punto, pinchamos con el botón
derecho encima del mismo y este desaparecerá
9 si queremos mover un punto, pichamos encima con el botón izquierdo del
ratón y lo arrastramos al sitio donde lo queramos mover
9 OJO: cuando añadimos un punto, Google Earth lo unirá con una línea con el
punto marcado en azul (ver foto anterior). Si queremos añadir puntos
intermedios deberemos seleccionar el punto de partida, de esos puntos
intermedios, pinchando encima del mismo con el botón izquierdo del ratón
para que Google Earth lo "pinte" de azul.
9 OJO: si estamos haciendo una ruta circular (que empieza y termina en el
mismo punto), deberemos tener cuidado de no "cerrar" de todo el dibujo o
Google Earth creerá que hemos hecho un polígono y, en lugar de dibujar
una línea de puntos, dibujará una zona sombreada (y lo guardará como
polígono y no ruta)
Cuando terminemos de dibujar, volvemos a la ventana emergente que habíamos
apartado y pinchamos en "Aceptar". Y hemos terminado lo más importante.
Por cierto, si te das cuenta de que te faltan puntos o quieres editar la información
de la ruta, pincha sobre ella con el botón derecho y selecciona la opción "Obtener
información" en Mac OS X o "Propiedades" en Windows / PC.
Añadir puntos de interés
Aunque ya tenemos lo importante, tampoco está de más que le añadamos a la
ruta otra información, como el punto de partida, puntos de referencia o lugares
de interés. Para ello deberemos pinchar en el icono con forma de chincheta en la
parte superior de la aplicación (también podríamos pinchar con el botón derecho
sobre la carpeta y seleccionado "Añadir" y "Marca de posición").
Diseño de rutas en páginas web
38
Nos aparecerá una ventana emergente con la información de siempre, nombre y
descripción; de nuevo cubrimos esos datos pero no pinchamos en "Aceptar". Sobre
el mapa habrá aparecido una chincheta amarilla, pinchamos sobre ella y la
arrastramos a la posición que queremos macar (a lo mejor es necesario "apartar" la
ventana emergente). También estaría bien cambiarle el icono, para ello pinchamos
sobre un botón situado a la derecha de la caja de texto donde debemos introducir
el nombre y seguimos las indicaciones de la siguiente imagen.
Repetimos este proceso tantas veces como puntos de interés queramos añadir.
Diseño de rutas en páginas web
39
Grabar el fichero de la ruta
Lo último que nos queda es generar el fichero de la ruta. Para ello, pinchamos
con el botón derecho sobre la carpeta inicial y seleccionamos la opción "Guardar
lugar como...".
Elegimos el nombre del fichero y el sitio donde lo queremos guardar y hemos
terminado!! Tenemos nuestra ruta en formato Google Earth (recuerda que si tu
GPS no soporta este formato deberás usar GPSBabel para convertirlo).
Fuente: http://www.miorbea.com/2009/09/dibujar-ruta-bicicleta-google-earth.html
Diseño de rutas en páginas web
40
Lección 7
Diseño de rutas en GPS-Visualizer
Si no se tiene instalado Google Earth se puede visualizar el archivo .kmz en
cualquier ordenador a través de GPSvisualizer:
http://www.gpsvisualizer.com/map_input?form=google
Añadir (upload) el fichero kml que hemos realizado, por ejemplo, con Google Maps.
El mapa generado se puede guardar como html y posteriormente ser visualizado un
navegador (explorer, firefox, etc).
Diseño de rutas en páginas web
41
Lección 8
Diseño de rutas con InlineMap
http://www.inlinemap.net/
Web de mapas dedicada a las rutas de Patines (la cual se puede adaptar
perfectamente al senderismo e incluye muchas rutas en ciudades y alrededores).
Viene de la mano de una empresa alemana Toursprung especializada en software
para viajeros. Este tipo de Web-mapa es una Mashup’s de Google Maps muy bien
desarrollado, dirigido especialmente a patinadores y lo más importante GRATIS.
Características principales
9 Está traducido a seis idiomas de países europeos lo que muestra la clara
vocación de internacionalización de los que han creado la Web.
9 Los mapas que han creado los usuarios se pueden incrustar en una página
Web o en un foro al igual que podemos hacerlo por ejemplo con los vídeos
de Youtube.
9 Puedes crear un usuario, grabar las rutas, ver las de otros usuarios o sitios
(incluso en Fullscreen), ver los Km y gráfica de desnivel... y es súper fácil de
hacer, e incluso subir las rutas grabadas con el GPS.
9 Puedes incluso grabar a tu PC la ruta y pasártela luego a tu GPS.
Diseño de rutas en páginas web
42
9 También puedes imprimirla, hacer el recorrido con el ratón en la gráfica
visualizar tal y como se visualiza en Google Maps, es decir en relieve,
satélite o gráfica.
Crear rutas
9 Lo primero es registrarse en la Web gratuitamente.
9 Ir a la pestaña crear una ruta.
9 Aquí tienes dos formas de poner una ruta: Dibujándola o cargando un a ruta
en formato GPX o KML.
9 Para dibujarla basta con dibujar líneas rectas con la Herramienta de línea o
usando la Herramienta magnética una ruta seguirá carreteras y caminos.
Puedes elegir el tipo de superficie, la categoría de ruta, ponerle titulo y los
comentarios. Al final lo guardar eligiendo s i por ahora lo quieres en
borrador o publicarlo.
9 Para obtener una ruta GPX o KML la puedes obtener de tu GPS pero en otros
formatos como PLT (o si te lo permite tu GPS en formato GPX). También
puedes tener ya una base de datos de rutas hechas con programas tipo
CompeGPS u OziExplorer y tenerlos en formato TRK o PLT.
Diseño de rutas en páginas web
43
Anexo
Dos ejemplos de rutas diseñadas en la Web
9 ALLÁ VAMOS. Proyecto subvencionado por el Gobierno de Aragón.
Desnivel, mapa e indicaciones de la ruta El Campillo - Laguna de Bezas Peña la Cruz (Sierra de Albarracín, Teruel)
9 TURISMO DE RONDA. Rutas de senderismo. Excursiones por la Sierra de
Ronda.
Diseño de rutas en páginas web
44

Documentos relacionados