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