Nuevo visor para MapasCordoba

Contribuciones:
Ing. Aldo Algorry
Agrim. Mario Piumetto
IDECOR


2 de marzo de 2022

Como parte de las acciones permanentes para la actualización y mejora de MapasCordoba, se desarrolló un nuevo visor de mapas, con el fin de fortalecer y perfeccionar la experiencia de usuario. La nueva versión incluye mejoras en la tecnología de base, funcionalidades, interfaz, performance y uso en dispositivos móviles.

El nuevo visor está implementado en dos de los mapas más utilizados por los usuarios: Catastro Online y Cartas de Suelo. Las próximas publicaciones incorporarán el nuevo visor y el resto de los mapas del portal se migrarán en el transcurso del mes.

Imagen 1 – Vistas del viejo y nuevo visor con el servicio de Catastro Online.

¿Qué se busca con el nuevo visor?

Los objetivos principales de la nueva versión son:

  • Optimizar el desempeño general del visor y lograr una mayor velocidad de respuesta.
  • Favorecer la usabilidad a través de una interfaz de usuario más intuitiva.
  • Realizar un restyling que busca una imagen más limpia del visor.
  • Mejorar la experiencia de usuario en dispositivos móviles.
  • Actualizar la tecnología de la aplicación web.
  • Incrementar la capacidad de incorporar mejoras y nuevas herramientas.
  • Lograr una integración total con los servicios de backend de las plataformas de IDECOR.

Entre los resultados, se destacan:

  • Mejoras en la usabilidad del visor mediante lineamientos modernos de diseño que lo hacen más intuitivo.
  • Actualización del diseño gráfico: se agrandaron íconos según recomendaciones de Material Design de Google, mejoraron imágenes de íconos y logos, e implementó una tipografía más clara.
  • Optimización del rendimiento de la página de visualización, reduciendo el procesamiento y el consumo de memoria.
  • Desarrollo que permitirá ampliar las herramientas disponibles.

¿Qué y cómo se hizo?

Considerando los objetivos, los planes de nuevas herramientas y dada la madurez de nuestra experiencia en visores geográficos, se decidió desarrollar un visor propio, desde cero. Gracias a esto, se logró una solución más liviana en términos de requerimientos de memoria y procesamiento del lado del cliente, tecnológicamente más moderna y más flexible para incorporar nuevas funcionalidades.

La solución se implementó como una SPA (Single Page Application), utilizando el framework progresivo y reactivo Quasar Vue.js 3, considerando sus buenos resultados en cuanto a performance y productividad a la hora de desarrollar. Se incorporaron buenas prácticas que mejoran la calidad y el rendimiento, como “tree shaking”, “cache busting”, “minification”, “source mapping”, “lazy loading”, entre otras.

En cuanto a la gestión de mapas en la página del visor, se utiliza la librería OpenLayers, teniendo en cuenta sus capacidades y potencial para satisfacer requerimientos específicos, y con la cual el equipo de desarrollo de IDECOR ya tiene experiencia.

Como backend, se migró a Django en su última versión, con el fin de aprovechar varios desarrollos que se tenían en la API de MapasCordoba, específicamente de configuración de mapas y de servicios de búsquedas y consultas. Como parte de los planes futuros se prevé migrar el backend a una nueva tecnología.

A su vez, se utiliza GeoNode para configurar los proyectos de mapas y GeoServer para publicar los datos espaciales en formatos OGC, como geoservicios WMS, WFS, vector tiles y raster. Completa el stack tecnológico, PostgreSQL con PostGIS como gestores de bases de datos.

Imagen 2 – Mapa Cartas de suelo y una de las funcionalidades: medidor de superficies.

Un poco de historia

El visor que actualmente se está discontinuando fue implementado hace más de cuatro años, sobre la base del visor de GeoNode 2.01, desarrollado sobre la plataforma GeoExplorer. Éste último es un visor de uso general muy completo, pero algo pesado, ya que contiene funcionalidades que no son de utilidad para el uso que requiere MapasCordoba.

Algunas de las herramientas y funcionalidades específicas que requería el geoportal de IDECOR, no estaban incluidas en el visor base, por lo que se debió modificar el código fuente de GeoExplorer. Ello implicó perder compatibilidad con nuevas versiones y que resultara más costoso introducir mejoras y nuevas funcionalidades. Otro aspecto que impulsó la nueva versión, fue que las nuevas versiones de GeoNode cambiaron completamente la tecnología de su visor de base.

¡Tu experiencia nos ayuda a mejorar!

Como parte de nuestro contacto permanente con los usuarios, que permita seguir mejorando los servicios de la IDE provincial, al trabajar con el nuevo visor te aparecerá una pantalla de respuesta rápida, consultando tu valoración general y la posibilidad de incluir algún comentario o sugerencia ¡Agradecemos puedas tomarte un instante para responderla!

También ponemos a disposición este breve formulario, con 5 preguntas específicas sobre tu experiencia habitual con MapasCordoba y el nuevo visor... ¡Agradecemos por responderlo y brindarnos tu retroalimentación!

Por cualquier inquietud, dificultad o sugerencia particular, también puedes escribir a [email protected]. Para mantenerte informado de las Novedades de IDECOR, seguirnos por Instagram en idecor.ok y en el canal de YouTube de IDECOR.

Categorías: Novedades