Page 50 - Ingeniantes 521 interactivo
P. 50
Revista Ingeniantes 2018 Año 5 No. 2 Vol. 1
mapa mundial, aunque Catastro sólo requiere el mu-
nicipio de Colima y parte de Villa de Álvarez. Otras li-
brerías JavaScript utilizadas fueron jQuery 3.3.1 y proj4.
El frontend incluye la interacción con los botones, radio
botones, listas de opciones, cajas de entrada de texto,
formularios y tablas de la página web para agregar,
modificar o eliminar los filtros de búsqueda; así como
la navegación en el mapa para dibujar áreas de influen-
cia y seleccionar marcadores. El frontend está separa-
do en 2 columnas: la izquierda contiene los selectores
de filtros y la derecha despliega el resumen de éstos
y el mapa (Anexo 1).
Figura 1. Mapa digital actual de Catastro Colima. El lenguaje de programación para el backend fue PHP
7.2.3 en el framework CodeIgniter 3.1.8 y el SGBD uti-
Para otorgar un análisis más profundo y personalizado lizado fue MariaDB 10.1.31. El motivo de la elección de
y resolver las preguntas abiertas de un habitante de la PHP, que conlleva que la aplicación sea web en lugar
ciudad de Colima (por ejemplo: ¿cuáles son las rutas de escritorio, se debe a su portabilidad, es decir, una
y paradas de camión que existen en su calle?, ¿cuáles vez terminada la aplicación se va a integrar con la pla-
parques y jardines cercanos a su colonia tienen jue- taforma municipal para visualizar el mapa y utilizar los
gos infantiles o árboles frutales?, o ¿dónde se ubican filtros desde un navegador web en cualquier dispositi-
restaurantes de mariscos o cajeros automáticos de vo, en lugar de requerir la descarga e instalación como
Banamex en la ciudad?) se diseñó una aplicación web un SIG.
que permite al usuario público añadir filtros de bús- METODOLOGÍA
queda en un área de influencia. Debido al volumen de información de Catastro Colima,
Los filtros de búsqueda, a veces llamados listas diná- se diseñó un almacén de datos (data warehouse) que
micas, embebidos en una plataforma de datos abier- incluye los campos más importantes para filtrar cada
tos son una alternativa de Inteligencia de Negocios capa. Para obtener el almacén se aplicó un proceso
(Business Intelligence o BI por sus siglas en inglés) ETL (Extraer-Transformar-Cargar por sus siglas en in-
poco difundida pero muy práctica para brindar una glés) que detectó los registros que poseían errores,
utilidad significativa y visualización detallada compa- corrigió automáticamente los que pudo según políticas
radas con el análisis manual en una hoja de cálculo establecidas por Catastro, y permitió al operador edi-
o editor de texto para datos abiertos, o un SIG para tar, eliminar o descartar como falso positivo los regis-
datos espaciales. tros restantes.
Un filtro de búsqueda es una característica o condi- Para el desarrollo de la aplicación web se utilizó la me-
ción que deben cumplir los elementos de las capas todología DDDP (design-driven development process)
dentro del área de influencia, la cual es un polígono, que consiste en la captura, definición y validación de
ya sea un cuadrilátero o de figura libre, que delimi- requerimientos durante el diseño. El proceso se basa
ta el espacio geográfico en donde buscar. Su tama- en la creación de prototipos a fin de explorar solucio-
ño es arbitrario: puede ser tan grande como toda la nes potenciales del problema a ser resuelto. Usuarios
ciudad o más pequeño que una manzana. Un filtro es y clientes definen, adaptan, modifican o eliminan los
una consulta que debe ser transformada a una sintaxis requerimientos a partir de la evaluación de estos pro-
SQL determinada para que un SGBD (Sistema Gestor totipos [5].
de Bases de Datos) pueda seleccionar los resultados Para la captura de requerimientos se realizaron entre-
que satisfacen las condiciones de búsqueda. vistas y un análisis heurístico de la plataforma munici-
MATERIALES pal. La definición se logró mediante la especificación
El frontend de los filtros se desarrolló con HTML5, de 48 requerimientos (del usuario, del sistema, del
CSS3 y Bootstrap 3.1.0, bajo una arquitectura MVC software, mínimos del hardware, funcionales y no fun-
(Modelo-Vista-Controlador). OpenStreetMap, en su cionales) en lenguaje natural y con casos de uso. La
versión 4.6.5, ofrece como recursos open source la aplicación web integra 2 grandes procesos:
librería ol.js y la hoja de estilos ol.css para desplegar,
configurar, utilizar, dibujar figuras e interactuar con un la creación de las capas (Figura 2), que involucra las
tareas necesarias para la inclusión de una capa en el
mapa: la definición de su alcance y autorización, la re-
colección de datos, la digitalización, y la programación
46
