Diseño Carto Web

22
Para publicaciones web De los entornos corporativos a la experiencia del usuario final Presentada por Carlos Gordón – Master TIG [email protected] noviembre, 2008 Diseño de mapas

description

Presentación sobre Diseño Cartográfico

Transcript of Diseño Carto Web

Page 1: Diseño Carto Web

Para publicaciones webDe los entornos corporativos a la experiencia del usuario final

Presentada porCarlos Gordón – Master TIG

[email protected], 2008

Diseño de mapas

Page 2: Diseño Carto Web

CONCEPTO DE SIG

Los Sistemas de Información Geográfica (SIG) son“una plataforma de información cuya estructura permite la recogida, almacenamiento, análisis y presentación de datos referenciables geográficamente, con el fin de satisfacer las necesidades de información y análisis generadas en los procesos de toma de decisiones de diversas instituciones y empresas relacionadas con la gestión del espacio, la población y los recursos naturales”. (Gordón; 2008) .

Page 3: Diseño Carto Web

SatélitesSatélitesLandSatLandSat

Sistema Sistema GPSGPS

RDBMRDBM Teoría de Teoría de SistemasSistemas

GIS

FUNDAMENTOS DEL SIG

Page 4: Diseño Carto Web

ORIGEN DEL INTERES POR LOS SIG

Debido a su facilidad para comunicar información, ya que se basa en un lenguaje universal, que una amplia comunidad de usuarios puede comprender.

El potencial para desarrollar contenidos enfocados a mercados locales, en un mundo global.

La versatilidad de poder representar prácticamente cualquier tipo de información que se genere en un amplio espectro de ciencias.

En base a esto, la idea actual es la de usar la geografía como estructura y principio fundamental para la organización de la información.

Page 5: Diseño Carto Web

“Todos nosotros sabes que hay buenos y malos mapas, el problema es definir cuál es cuál. La razón para esto es que de cualquier manera que discutamos los principios del diseño de un mapa, tenemos que admitir, que no sabemos cuáles son”.

Page 6: Diseño Carto Web

“Sin un concepto bien definido, la totalidad del proceso de diseño se ve negada. Las partes ocultan el todo. Una vez el concepto es entendido, ningún elemento de diseño o contenido será incluido, si el mismo no se relaciona con el concepto. Diseñar el todo, antes que las partes. El diseño viene en dos etapas, concepto y parámetros, luego detalle y ejecución. Se diseña una vez, se revisa, se diseña de nuevo. Usuario primero, usuario último. ¿Qué es lo qué hace que el usuario quiera este mapa?, ¿Es eso lo que ellos quieren? Si un mapa fuese un edificio, este no debería caerse”.

Page 7: Diseño Carto Web

5 PRINCIPIOS DEL DISEÑO CARTOGRÁFICO

Concepto antes de compilación: el primer elemento del diseño de un mapa, es la definición del concepto, elemento a partir del cual se seleccionan los datos que se desean presentar. Jerarquía con harmonía: las cosas importantes deben lucir importantes. El resto de los elementos del mapa, deben contribuir a enfatizar las cosas importantes. Simplicidad del sacrificio: los grandes diseños tienden a la simplicidad. No es lo que pones en el mapa lo que lo hace grandioso, es lo que quitas. Máxima información al mínimo costo: toda la información del mapa debe ser visible de un solo vistazo. Enfatiza la funcionalidad, no la utilidad. Engancha la emoción, engancha el entendimiento: buen diseño es el resultado de la tensión entre el ambiente y el diseñador. Los mapas deben lucir agradables y llamativos, porque esto es lo que hace que los usuarios pongan atención al mensaje que el mismo envía.

Page 8: Diseño Carto Web

¿Cómo funciona un mapa digital?

Mapa base: son mapas que presentan información de referencia, como trazado de calles, ríos, relieve, toponimia. Estos mapas sirven de marco de fondo sobre el cual volcar la información temática de nuestro interés.

Mapa estático Mapa dinámico

Page 9: Diseño Carto Web

Escalas de presentación

En un mapa estático cada ‘mapa’ representa una escala determinada, un nivel de detalle específico.

En un mapa dinámico, cada ‘zoom’ es en realidad una fotografía estática, con un nivel de detalle específico, que va variando a medida que cambiamos nuestro ‘punto’ de vista.

Page 10: Diseño Carto Web

Escalas de presentación

En un mapa estático cada ‘mapa’ representa una escala determinada, un nivel de detalle específico.

En un mapa dinámico, cada ‘zoom’ es en realidad una fotografía estática, con un nivel de detalle específico, que va variando a medida que cambiamos nuestro ‘punto’ de vista.

Page 11: Diseño Carto Web

Toma de decisiones: dinámico o estático?

Mapas estáticos:Mapas estáticos: Cuando hablamos de mapas estáticos, por lo general nos referimos a los mapas cuya presentación está pensada para una salida impresa, los cualesrequieren una serie de elementos de diseño que ayuden a su interpretacióny que difícilmente se encuentran en los mapas estáticos.

“Son mapas para tomar y llevar...”

Mapas interactivos,Mapas interactivos, por lo general proveen a los usuarios con la capacidadde modificar distintos aspectos de la presentación del mapa, como lo son, el área geográficadisponible, la escala de visualización, capas de datos visibles

“Mapas para ver, explorar y consultar...”

Page 12: Diseño Carto Web

Fuente, escala, proyección, leyenda

Vista estática de una parte de la tierra

Una vez elaborado, no es posible agregarle data temática

Esta pensado principalmente para ser utilizado en contextos fuera de la pantalla de una computadora

Page 13: Diseño Carto Web

Permite cambiar la escala de visualización

Permite desplazarse sobre el mapa

Algunos tienen herramientas para agregar nuestros propios contenidos

Page 14: Diseño Carto Web

Toma de decisiones: dinámico o estático?

Mapas estáticos:Mapas estáticos: Los mapas estáticos están pensados principalmente para:• Contener toda la información necesaria en un espacio limitado y no modificable• Presentar una visión concreta en un momento específico• Permitir el análisis, el estudio y la comprensión profunda de un fenómeno

“Son mapas para tomar y llevar...”

Mapas interactivos,Mapas interactivos, • Son mapas para consulta rápida, como son, la ubicación de un restaurante u hotel• Son mapas que cambian constantemente, la visión que muestran de la realidad es variable• El espacio que tienen para la presentación de la información es modificable

“Mapas para ver, explorar y consultar...”

Page 15: Diseño Carto Web

listados

bases

usuarios

desarrolladoresPlataformas User's Inputs

Datos temáticos para mapas interactivos

Page 16: Diseño Carto Web

DATA TABULARSISTEMA DE INFORMACIÓN GERENCIAL

Código CorregimientoPara la georeferenciación de los datos estadísticos, se requiere que los productores de la información capturen, documenten y geocodifiquen las bases de datos que generan utilizando el sistema de codificación establecido por la Dirección de Estadística y Censo de la Contraloría.

040601

DAVID (CAB.)

Datos temáticos para mapas estáticos

Page 17: Diseño Carto Web
Page 18: Diseño Carto Web
Page 19: Diseño Carto Web
Page 20: Diseño Carto Web

GoogleMapsMania: www.googlemapsmania.blogspot.com

Open Geospatial Consortium: http://www.opengeospatial.org

Google Maps API: http://code.google.com/apis/maps/documentation

MapServer: http://mapserver.gis.umn.edu/

Metromapas: www.metromapas.com

Atlas Nacional de Salud: http://www.minsa.gob.pa/minsa2008/atlasgorgas/index.htm

Referencias

Page 21: Diseño Carto Web

DATOS GENERALES DEL PROYECTO

Personal del Proyecto

Carlos Gordón: Investigador principal, Especialista GIS

Erick Gordón: Investigador, Líder de desarrollo

Isam Liao: Diseño base de datos

David Oberto: Asistente programador, carga de datos en base de datos,

apoyo para el desarrollo

Edmar Quirós: Diseñador gráfico web

Page 22: Diseño Carto Web

Para más info:

www.metromapas.com

www.metromapas.blogspot.com

Contacto:

Carlos Gordón

[email protected]

[email protected]