Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante...

26
Mapas animados e interactivos • Lenguajes – orientados a la Web o a multimedia. En constante evolución • HTML Hyper Text Markup Language • Flash • SVG Scalable Vector Graphics • MPEG-4 • VRML

Transcript of Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante...

Page 1: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Mapas animados e interactivos

• Lenguajes – orientados a la Web o a multimedia. En constante evolución

• HTML Hyper Text Markup Language• Flash• SVG Scalable Vector Graphics• MPEG-4• VRML

Page 2: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Flash

• Desarrollado por Macromedia• Lenguaje script (Action Script)• Ventajas:

– Estructura vectorial – flexibilidad zoom– Interfaz amigable– Posibilidad de incluir animaciones de manera simple– Necesidades de almacenamiento modestas– Integración sencilla con elementos interactivos– Permite la conexión a bases de datos

Page 3: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

HTML Hyper Text Markup Language

• Lenguaje de base de toda comunicación en Internet

• Permite insertar desde texto hasta animaciones flash (.swf) y por supuesto hipervínculos

• Puesto que los hipervínculos no se dirigen a bases de datos, los cambios en ellas no quedan reflejados de manera automática

Page 4: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

SVG Scalable Vector Graphics

• Formato gráfico del lenguaje XML (eXtensible Markup Language)

• Acepta figuras vectoriales así como bitmap y textos

• Ofrece todas las posibilidades clásicas de CAD

Page 5: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

MPEG-4 (Moving Picture Expert Group)

• Formato video y audio

Page 6: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

VRML (Virtual Reality Modelling Language)

• Para la descripción de objetos 3D interactivos• Diseñado para su empleo en la Web

Page 7: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Limitaciones de los mapas en la Web

• A medida que se avanza en interoperabilidad, juegan un rol menor

• Circulación en la red – ficheros pequeños• Pantalla – tamaño y número de colores• Capacidad del usuario – simplicidad

Page 8: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Servidores de mapas

• Web Mapping Server (WMS)• Software libre

Page 9: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Servidores de mapas (WMS)

• Software localizado en la Web que permite al usuario interactuar con una base de datos SIG y representar la zona elegida bajo la forma de un mapa.

• Esta tecnología, asociada a herramientas específicas de metadatos, constituye una solución eficaz para la distribución de información geográfica en Internet

• Permite: gestión, actualización, visualización, respuesta a búsquedas, y descargas.

• NO es un SIG

Page 10: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Servidores de mapas - Software libre

• Impacto del software libre• Inconvenientes:– Instalación y utilización no son aún sencillas– La calidad gráfica necesita mejorar– Aún a nivel de programadores y desarrolladores

• MapServer – Universidad de Minnesota

Page 11: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Ventajas de la Web para la Cartografía

• Información independiente de la plataforma

• Público universal• Permite difusión dinámica e interactiva• Permite nuevas formas de representación• Rapidez en la difusión• Apertura hacia nuevas aplicaciones• …

Page 12: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Concepción práctica del mapa

• Parte de un sitio Web– Página de bienvenida– Interfaz gráfico de usuario (UGI)

• Principio del diseño– La concepción debe tener en cuenta límites de memoria de

las máquinas– Los vínculos deben ser claros (evitar “cul-de-sac”)– Navegación sin ambigüedad y botones de acción con

funciones bien definidas– Signos simples– Niveles: contenido, información base cartográfica,

informaciones marginales (leyenda, ilustraciones, gráficos pop-up…)

Page 13: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Práctica

• La base de datos HISTOMAD• Objetivo: difusión• Métodos:– Deliberadamente abierto• Desde capas descargables hasta servidores de mapas /

visualizadores o atlas multimedia

Page 14: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Crear y editar un sitio web con Dreamweaver

Page 15: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Crear y publicar un servidor de mapas con MapServer

Page 16: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Nuevas plataformas

• Periféricos móviles:– Ordenadores portátiles– Teléfonos móviles

• Técnicas de posicionamiento asociadas• Nuevas aplicaciones – LBS

Page 17: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Atlas

• ATLAS: Titán griego portando el mundo a sus espaldas

• Término utilizado por Mercator para designar un conjunto de mapas

• Conjunto ordenado, constituido exclusiva o principalmente por mapas geográficos, históricos…

• Recolección ordenada de mapas para representar un espacio dado y exponer uno o varios temas

Page 18: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Atlas electrónicos

• Emulan las características de los atlas en papel (Atlas de Vizcaya), o

• Aprovechan las posibilidades ofrecidas por el medio informático (multimedia, SIG, SADE…) (Atlas Nacional de Suiza)

Page 19: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Atlas electrónicos: características

• Motores de búsqueda en lugar de índices• Herramientas graficas• Interactividad• Multi-sensorial• Acceso no secuencial

Page 20: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Atlas electrónicos:criterios de

diferenciación

Page 21: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Atlas electrónicos: criterios de clasificación

• Tema• Uso y usuarios previstos• Características técnicas (diapositiva

precedente)

Page 22: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Según el nivel de interacción • Atlas para “mirar” – Atlas de Arkansas, de

Vizcaya…• Atlas interactivos• Atlas analíticos

Page 23: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.
Page 24: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Construcción de un atlas: etapas

• Grupo de usuarios• Interfaz gráfico• Funciones a integrar

Page 25: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Cibercartografía

• Taylor, 1997• A la cartografía clásica y a la geovisualización

se le añade la componente Internet

Page 26: Mapas animados e interactivos Lenguajes – orientados a la Web o a multimedia. En constante evolución HTML Hyper Text Markup Language Flash SVG Scalable.

Cibercartografía: características