PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA...

32
PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA PRESENTACIÓN DE LA INFORMACIÓN GEOGRÁFICA DE INDICADORES EN SALUD DE NIÑOS Y NIÑAS MENORES DE 5 AÑOS Autor (a) Camilo Andrés Concha Sabogal Cod: 20152094008 Jury Lineyra Rosero Vallejos Cod: 20152094031 TRABAJO DE GRADO EN MODALIDAD DE MONOGRAFÍA PRESETNADO COMO REQUISITO PARCIAL PARA OPTAR POR EL TÍTULO DE ESPECIALISTA EN SISTEMAS DE INFORMACIÓN GEOGRÁFICA UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS FACULTAD DE INGENIERÍA ESPECIALIZACIÓN EN SISTEMAS DE INFORMACIÓN GEOGRÁFICA BOGOTÁ 2016

Transcript of PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA...

Page 1: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA PRESENTACIÓN DE LA

INFORMACIÓN GEOGRÁFICA DE INDICADORES EN SALUD DE NIÑOS Y

NIÑAS MENORES DE 5 AÑOS

Autor (a)

Camilo Andrés Concha Sabogal Cod: 20152094008

Jury Lineyra Rosero Vallejos Cod: 20152094031

TRABAJO DE GRADO EN MODALIDAD DE MONOGRAFÍA

PRESETNADO COMO REQUISITO PARCIAL PARA OPTAR POR EL TÍTULO

DE ESPECIALISTA EN SISTEMAS DE INFORMACIÓN GEOGRÁFICA

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

FACULTAD DE INGENIERÍA

ESPECIALIZACIÓN EN SISTEMAS DE INFORMACIÓN GEOGRÁFICA

BOGOTÁ

2016

Page 2: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA PRESENTACIÓN DE LA

INFORMACIÓN GEOGRÁFICA DE INDICADORES EN SALUD DE NIÑOS Y

NIÑAS MENORES DE 5 AÑOS

Autor (a)

Camilo Andrés Concha Sabogal Cod: 20152094008

Jury Lineyra Rosero Vallejos Cod: 20152094031

PROYECTO DE APLICACIÓN

DIRECTOR

SALOMÓN EINSTEIN RAMÍREZ

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

FACULTAD DE INGENIERÍA

ESPECIALIZACIÓN EN SISTEMAS DE INFORMACIÓN GEOGRÁFICA

BOGOTÁ

2016

Page 3: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Nota de aceptación

________________________

________________________

________________________

Jurado

Bogotá, 13 de Mayo de 2016

Page 4: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Tabla de Contenido

Siglas y Acrónicos ...................................................................................................... 7

Introducción ................................................................................................................ 8

Planteamiento del problema ..................................................................................... 10

Justificación .............................................................................................................. 12

Alcance ..................................................................................................................... 13

Alcance Espacial ................................................................................................... 13

Alcance Temporal ................................................................................................. 13

Objetivos ................................................................................................................... 14

General .................................................................................................................. 14

Específicos ............................................................................................................ 14

Metodología .............................................................................................................. 15

Análisis ................................................................................................................. 15

Diseño ................................................................................................................... 16

Implementación. ................................................................................................... 16

Evaluación ............................................................................................................ 17

Resultados ................................................................................................................. 18

Vista Alto Nivel .................................................................................................... 20

Vista Lógica o de Componentes ........................................................................... 20

Vista de Despliegue ............................................................................................. 22

Modelo Entidad Relación ..................................................................................... 23

Page 5: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Código desarrollo Visor Geográfico ..................................................................... 24

Funcionalidades de la Aplicación Web ................................................................ 24

Funcionalidades Generales del Visor ................................................................... 25

Funcionalidades Técnicas ..................................................................................... 25

Vista inicial del visor Geográfico Publisalud .................................................. 26

Herramientas de Navegación en la interfaz. ..................................................... 26

Listado de Capas ............................................................................................... 27

Ubicación de coordenadas ................................................................................ 28

Descarga de Información. ................................................................................. 28

Evaluación de la Aplicación ................................................................................. 29

Conclusiones ............................................................................................................. 31

Referencias ............................................................................................................... 32

Page 6: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Lista de Figuras

Figura 1. Implementación del Ciclo de vida para el diseño del visor web ............... 15

Figura 2. Modelo de Medición basada en jerarquía de tres niveles .......................... 17

Figura 3. Casos de Uso Visor geográfico ................................................................. 19

Figura 4. Vista de alto nivel ...................................................................................... 20

Figura 5 Diagrama de componentes ......................................................................... 21

Figura 6. Diagrama de Despliegue ........................................................................... 22

Figura 7. Modelo Entidad Relación Visor Geográfico ............................................. 23

Figura 8. Visualización de Capas en Código ............................................................ 24

Figura 9. Vista Inicial Visor Geográfico .................................................................. 26

Figura 10. Vista del Visor con Capa Activa y Desactiva ......................................... 27

Figura 11. Ubicación de Coordenada por el Usuario ............................................... 28

Figura 12. Visualización de Descarga de Información ............................................. 28

Lista de Tablas

Tabla 1. Herramientas Generales de Navegación .................................................... 26

Tabla 2. Resultados Evaluación Publisalud .............................................................. 30

Page 7: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Siglas y Acrónicos

ASIS: Análisis Situación en Salud

IDECA: Infraestructura de Datos Espaciales para el Distrito Capital

UPZ: Unidad de Planeamiento Zonal.

OGC: Open Geospatial Consortium

OMS: Organización Mundial Salud

POA: Plan Operativo Anual

SIG: Sistemas de Información Geográfico

SIMEC: Sistema de Información Minero Energético Colombiano

SHP: Shapefile

UAECD: Unidad Administrativa de Catastro Distrital

WFS: Servicios de Capas Web

WMS: Servicios de Mapas web

Page 8: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Introducción

En los Sistemas de Información Geográfica, se han observado marcos de

procesamiento de elementos espaciales, esto como una herramienta de especialización de

datos o eventos, enfocándolos a la implementación y diseño de un Visor Geográfico para la

visualización y consulta de información geográfica espacial de indicadores que afectan a los

niños y niñas menores de 5 años; con esta herramienta se lograra estudiar a diferentes escalas

de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

ocasionado, contemplando los diferentes determinantes sociales.

En los últimos años los visores web, han tenido mucho auge debido a la

universalización de las herramientas SIG y el desarrollo del mundo web, es así que este visor

web surge con la idea de visualizar los indicadores que reflejen la calidad de vida de los niños

y niñas menores de 5 años, desde los diferentes subsistemas, logrando la divulgación de

información para cada uno de los tomadores de decisiones y público en general.

Este Visor Geográfico permitirá enlazar los datos de salud pública con el componente

espacial complementándola con la tecnología SIG, exponiendo toda la información generada

por los diferentes subsistemas de salud; todo esto servirá como una herramienta que permita

generar análisis y evaluación de los riesgos presentes, además permitirá que sociedad pueda

visualizar espacialmente los eventos relacionados con salud.

En Colombia desde hace un largo tiempo los sistemas de información geográfica se

han convertido en un solución en distintos aspectos para lograr obtener una decisión con un

componente espacial, se encuentran SIG enfocados a temáticas ambientales,

socioeconómicas, etc. Ahora es importe la visualización del componente salud para la

centralización y espacialización de los datos, para que los usuarios finales hagan uso de esta

información llegando al mejoramiento de la toma de decisiones, agilizando procesos y

aportando a la comunidad los diferentes mapas temáticos relacionados con eventos de interés

en salud pública, todo esto aplicado en la web.

De conformidad con lo anterior, se puede argumentar la importancia de realizar este

proyecto debido a que se va a dar a conocer a la comunidad y a las instituciones competentes,

las diferentes temáticas acerca de salud; realizando una caracterización de eventos para

Page 9: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

viabilizar la manera de cómo se pueden enfrentar los diferentes eventos adversos de interés

en salud pública y fortalecer las capacidades de la comunidad, con el fin de enfocar en la

prevención y promoción en salud.

Page 10: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Planteamiento del problema

“En el mundo el conocimiento sobre la situación en salud y las formas de prevención

y control de enfermedades en la población infantil han salvado millones de vida. Sin embargo

en Colombia encontramos problemática de morbi-mortalidad en niños y niñas, en etapa de

ciclo vita infantil, lo que debe constituirse como una situación de interés colectivo” (OMS,

2010).

Considerando la población infantil como la más vulnerable y teniendo en cuenta el

código de infancia y adolescencia, en el cual define la primera infancia como la etapa del

ciclo vital en la que se establecen las bases para el desarrollo cognitivo, emocional y social

del ser humano, se prioriza esta población para la representación y visualización de los

indicadores.

La secretaria Distrital de Salud, pretende dar a conocer la situación en salud de la

población contemplando la etapa de ciclo vital, priorizando indicadores los cuales respondan

a las metas del Plan de Gobierno Distrital, a las metas del plan sectorial, a los procesos de

respuestas y planificación, y a la Gestión Integral de la Salud Pública en los Territorios.

De acuerdo con las 59 metas establecidas en el Plan Operativo Anual (POA, 2012),

se detallan 14 indicadores epidemiológicos a los que se realizan análisis y seguimiento

mensual por parte del equipo de análisis situación en salud (ASIS) de cada una de las

Localidades.

Por lo anterior los indicadores en los cuales nos enfocaremos serán los Indicadores en salud

en los niños niñas menores de 5 años, considerando enfoques cuantitativos y espaciales.

La importancia del análisis y seguimiento a los indicadores de salud, reflejan la

realidad a la situación de la salud de una comunidad, permitiendo estimar el riesgo de

enfermedades, tanto en ocurrencia de muertes o como en enfermedades prevenibles,

presentadas en un sector, basándose en información necesaria para la toma de decisiones y

programación de planes y proyectos enfocados a la prevención y promoción en salud; de esta

Page 11: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

manera evaluar e identificar las poblaciones vulnerables y las condiciones de vida que afectan

a la situación en salud.

En la actualidad se evidencia una deficiencia al momento de representar eventos de

interés en salud, reflejándose en publicación de los indicadores en formato análogo (PDF,

PNG y EXCEL) lo cual dificulta la espacialización en el entorno y su análisis, afectando a

las personas encargadas de tomar decisiones en el ámbito territorial, y usuarios interesados

en la información generada.

Es así que se ve la necesidad de implementar un visor geográfico que permita la

visualización de la información de indicadores en salud que afectan a la población infantil,

específicamente a los niños y niñas menores de 5 años de la Localidad Engativá, con el fin

de enfocar la prevención y promoción en salud.

Page 12: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Justificación

Debido a la enorme deficiencia que existe al momento de publicar y representar los

indicadores en salud, se crea la necesidad de implementar un sistema que permita la

divulgación de los indicadores relacionándolos con la representación geográfica

aprovechando sus características espaciales.

Teniendo en cuenta el resultado de una revolución propiciada por la aparición de la

tecnología digital y al continuo desarrollo de componentes electrónicos y permitiendo que

el ciclo de vida de la gestión de la información sea más rápido y efectivo; se plantea

implementar un visor geográfico el cual permita la visualización de la información de

indicadores en salud que afectan a la población infantil, específicamente a los niños y niñas

menores de 5 años de la Localidad Engativá.

Se diseñara un Visor Geográfico web como una herramienta de acceso con el fin de

enfocar su uso a la prevención y promoción en salud por medio de información disponible

de indicadores en salud para la primera infancia la cual podrá ser visualizada, consultada y

descargada, contribuyendo a fortalecer las capacidades de gestión, monitoreo, evaluación y

toma de decisiones de las personas encargadas de realizar el análisis de esta información y a

los usuarios interesados en adquirirla.

Este servicio esta encaminados a los tomadores de decisiones, permitiendo la

visualización y proyección de programas, estrategias y acciones que vayan enfocadas a la

promoción y prevención de eventos que afecten a la población infantil, identificando y

caracterizando claramente los riesgos presentes en un sector, todo esto enfocado a la

evaluación de las condiciones en salud de los habitantes, incorporando las acciones al proceso

de conocimiento para el mejoramiento en el bienestar y de la calidad de vida.

Page 13: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Alcance

Con la implementación del visor geográfico web para la visualización de indicadores

en niños y niñas menores de 5 años, se busca diseñar una herramienta integral, en donde se

visualice la cartografía con diferentes indicadores en salud que afectan a la población infantil,

como también información estadística de los eventos mensuales presentados.

Igualmente, este proyecto busca ser útil para los tomadores de decisiones para el

mejoramiento de la calidad de vida de los habitantes de la Localidad Engativá, con la

proyección de programas y estrategias en pro del mejoramiento de la salud de la población

infantil.

Alcance Espacial

El visor geográfico web, comprenderá información de indicadores de niños y niñas

menores de 5 años de la Localidad de Engativá (10) del Distrito Capital, puesto que es una

de las localidades que tiene una mayor distribución poblacional en esta etapa 68.072

(11,28%) y es este grupo etario, donde se evidencian las principales problemáticas en morbi-

mortalidad.

Alcance Temporal

En el aplicativo web, se visualizara información de indicadores en menores de 5 años

para el año 2014, año para el cual la información es más accesible, así como también por el

comportamiento temporal de los indicadores, en el cual se observa de forma decreciente

desde el año 2010, dejando ver que las acciones implementadas para la reducción de muertes

y enfermedades han sido de gran utilidad, sin embargo estas estrategias de atención integral

a las enfermedades prevalentes en la infancia deben estar implementadas con mayor rigor

para la nulidad de estos eventos.

Page 14: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Objetivos

General

Diseñar e implementar un visor geográfico web dirigido a la población y tomadores

de decisiones para la visualización, consulta y descarga de las principales capas de

información geográfica a partir de los eventos de interés en salud pública en el distrito capital.

Específicos

Realizar análisis de requerimientos con el fin de realizar la planificación y diferentes

productos a entregar.

Analizar y definir la arquitectura de la plataforma del aplicativo web.

Implementar el visor geográfico con la arquitectura propuesta anteriormente.

Realizar un análisis de usabilidad del visor geográfico diseñado

Page 15: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Metodología

Para la elaboración de este proyecto académico, se implementó una metodología

cuantitativa empleando los métodos de recolección de información (análisis de tasas de

indicadores), Geográfico espacial como la geo codificación de eventos y cualitativa, este

último buscando establecer relaciones existentes entre los datos e información precisa que se

requiere para la implementación de un visor geográfico web.

En la ejecución del aplicativo web se ejecutaron diferentes fases basándose en

técnicas para la obtención de requerimientos, priorizando actividades los cuales cumplan con

el objetivo planteado y permitan establecer el ciclo de vida del Visor Geográfico Web

obteniendo resultados esperados.

Figura 1. Implementación del Ciclo de vida para el diseño del visor web

Fuente: Creación propia.

Análisis

En la ejecución de esta etapa, se planteó una metodología Ágil como al XP, la cual

nos permitió ajustarnos a los requerimientos en el trascurso del desarrollo del visor

Analsis

DiseñoImplementación

Evaluación

Page 16: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

geográfico web, implementado un modelo de re uso. Se tuvieron en cuenta los siguientes

enfoques:

• Análisis y evaluación de información cuantitativa de indicadores en salud en niños y

niñas menores de 5 años.

• Requerimientos las cuales cumplan con una validación y verificación de los objetivos

planteados

• Validación de casos de uso implementados

Diseño

El desarrollo de esta aplicación web, se estableció un enfoque de reutilización

teniendo en cuenta la compatibilidad de los componentes, reduciendo así tiempos de

desarrollo y costos de software, se tuvo como guía la estructura de la arquitectura del visor

geográfico de sistema de información minero energético colombiano (SIMEC), secretaria de

ambiente enfocado en la interoperabilidad el cual aprovecha recursos oficiales de otras

fuentes de información como las de Unidad Administrativa de Catastro Distrital (UAECD),

así como también el observatorio de salud pública de Santander.

Implementación.

El aplicativo web, está desarrollado en un servidor de datos espaciales (Geoserver),

el cual permite a los usuarios compartir y editar los datos geoespaciales, con una interfaz

amigable, esta implementado con las referencias de las normas OGC Web Feature Service

(WFS) y Web Map Service (WMS).

Se desarrolló el visor web implementando el método de re uso, la estructura del

código sirve para que su interfaz sea intuitiva y poco común, logrando así un flujo de

comunicación entre usuario e interfaz.

Page 17: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Evaluación

Teniendo en cuenta la definición de Usabilidad según el estándar ISO 9241 donde

define la Usabilidad como “el grado en el que un producto puede ser utilizado por usuarios

específicos para conseguir objetivos específicos con efectividad, eficiencia y satisfacción en

un determinado contexto de uso” (ISO 9241-11, 1998).

En la evaluación de usabilidad del visor geográfico web, se consideró la interacción

que hay entre usuario y aplicación, en la cual se mide la facilidad con la que el usuario

interactúa con el aplicativo web diseñado.

Para la medición de usabilidad del visor geográfico web, se abordó la metodología

que se basa en jerarquías, que permite definir la usabilidad de un sitio web a través del

establecimiento de criterios, métricas y atributos, con el fin de generar niveles de abstracción

adecuados durante la evaluación (Claros, 2006).

Figura 2. Modelo de Medición basada en jerarquía de tres niveles

Fuente: Propuesta Metodológica para la Evaluación de la Usabilidad en Sitios Web: Experiencia Colombiana,

Claros Iván

Para la evaluación se consideró la evaluación de una encuesta, con la que se mide la

satisfacción del usuario, es así que se buscara la forma de establecer mejoras para el

aplicativo.

Page 18: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Resultados

Considerando la metodología planteada para el desarrollo y ejecución del visor

geográfico Publisalud, en el apartado de análisis se contó con fuentes de información de

entidades públicas como:

Infraestructura de Datos Espaciales para el Distrito Capital – IDECA del cual se

obtuvo información de Shapefile de Unidad de planeamiento zonal del Distrito

(UPZ).

Página oficial de Hospital Engativá II Nivel obteniendo información la matriz

mensual de seguimiento a indicadores en salud para el año 2014, capturando los

indicadores en salud priorizados para el diseño de la aplicación web.

Al momento de realizar el análisis de requerimientos se obtuvo como resultado que

los usuarios en general están interesados en visualizar, consultar y descargar la información

de los diferentes indicadores en salud de niños y niñas menores de 5 años de la localidad

Engativá, para poder procesarla y al mismo tiempo en conocer estadísticas relacionadas con

los diferentes indicadores.

En el diseño de este aplicativo web, se definieron los casos de uso los cuales son el

artefacto principal para la creación del Visor Geográfico web, en donde se establece que el

actor principal es el usuario y el único que interactúa con el visor geográfico, determinando

3 casos de uso según el análisis de requerimientos funcionales los cuales son, consultar,

descargar y visualizar este último obtiene 5 caso casos de uso vinculados, con esto se lograra

la visualización dela información de los indicadores en salud publica en niños y niñas

menores a 5 años.

Page 19: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Figura 3. Casos de Uso Visor geográfico

Fuente: Elaboración propia.

Adicionalmente se identificaron requerimientos no funcionales en donde lo usuarios

especificaron el cómo querían visualizar la información y como se debía adaptar el visor

geográfico llegando a determinar que se esté aplicativo debía ser visualizado en navegadores

web como Firefox y google Chrome, dando un alcance para la otro tipo de navegadores, la

aplicación debe desplegarse sin deficiencias ni distorsiones de diseño en cualquier tamaño y

resolución de pantalla del usuario, Mostrar la información de manera dinámica, ágil y

estética, utilizar imágenes de referencia, gráficos de dispersión en el cual se mostrara el

comportamiento mensual de los eventos de cada indicador y como último requerimiento se

solicita que el aplicativo soporte el flujo de consultas a realizar satisfaciendo con agilidad de

respuesta al usuario.

Una vez definidos los requerimientos del visor geográfico se procede a diseñar la arquitectura

de software. Este apartado proporciona una vista general de la arquitectura del sistema

desarrollado, implementando diferentes vistas de arquitectura para la representación de

aspectos del Visor Geográfico, como las vistas de alto nivel, lógica, despliegue e

implementación

Page 20: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Vista Alto Nivel

En este apartado se diseña la estructura y organización del Visor de Geográfico para

la visualización de los indicadores en salud de niños y niñas menores de 5 años,

relacionándolos con los servicios Web (WMS, WFS), capa de servicios y almacenamiento

en la cual refleja los componentes involucrados en la generación de la interfaz de usuario y

relación existente entre ellos (botones, imágenes, formas de navegación, etc.)

Figura 4. Vista de alto nivel

Fuente: Elaboración propia - Imágenes google

Vista Lógica o de Componentes

Contemplando que la aplicación de un visor geográfico se asemeja a un patrón de

arquitectura Modelo Vista Controlador se da a conocer el funcionamiento de esta vista con

este patrón de arquitectura

Page 21: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Cliente (Publisalud): hace referencia a los diferentes servicios web geográficos,

relacionándola con la referencia del servidor de información. Este apartado hace referencia

además a los componentes de la Interfaz Gráfica de Usuario y a las funcionalidades hechas

en JavaScript y un respaldado con Java.

Servidor (Geoserver): hace referencia a la configuración de los servidores web,

configurados para la creación del aplicativo, así como también a los servicios web

geográficos WFS este de servicios no cuenta con resultados gráficos, sin embargo es útil para

la visualización de los Popups, los cuales serán visibles al darle clic en cada una de las UPZ

de la Localidad Engativá y WMS cuyo resultado final es una imagen

Almacenamiento (Base de Datos): Contiene la información de la Base de Datos

referente a Indicadores en salud en niños y niñas menores de 5 años en PostgreSQL, se utiliza

un conector PostGIS para permitir acceso a los datos, generados desde el software QGIS,

para lograr la visualización de información con el servicio WFS/WMS.

Figura 5 Diagrama de componentes

Fuente: Elaboración propia

Page 22: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Vista de Despliegue

La aplicación estará soportada por el servidor Jetty, en un contenedor de Servlets,

enfocado en servidores sencillos, eficientes y empotrados, conectados con GeoServer quien

es un servidor de código abierto para el intercambio de datos geoespaciales y compatible con

OGC (Web Feature Service (WFS), Web Map Service (WMS)); estos servicios consumen

información directamente de esta base de datos, las modificaciones realizadas en la base de

datos serán soportadas por QGIS, para finalmente ser visualizada en el Visor de Geográfico.

Figura 6. Diagrama de Despliegue

Fuente: Elaboración propia

Page 23: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Modelo Entidad Relación

En la siguiente figura, se observa el diseño de la estructura del modelo

entidad relación como herramienta del modelo de datos, quien permite representar las

entidades, relaciones y atributos relevantes del aplicativo web.

Figura 7. Modelo Entidad Relación Visor Geográfico

Fuente: Elaboración propia

Una vez elaboradas las diferentes vistas de arquitectura para el desarrollo del Visor

geográfico Publisalud, nos enfocamos en el capítulo de implementación, en el cual, para su

ejecución se contó con software (Servidor web: Geoserver, Clientes ligero web: Openlayer,

Qgis, Base de datos postgres – posgis), sirviendo como herramienta para la implementación

del visor, así como también se plantea el código para dar a conocer las funcionalidades del

aplicativo diseñado, cumpliendo el objetivo planteado.

A continuación se observa el lenguaje y código utilizado para la captura de capas a

visualizarse en el Visor Publisalud.

Page 24: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Código desarrollo Visor Geográfico

Considerando las funcionalidades de la aplicación web, se procede a programar

utilizando java script, geoext y openlayer, en la siguiente sentencia se observa como

desarrolla el llamado de capas y funcionalidades para las herramientas del visor, de la misma

forma se declaran los estilos de cada una de las capas, y la funcionalidad de las ventanas

emergentes para la visualización de información de la UPZ y las gráficas del seguimiento

mensual del indicador priorizado.

Figura 8. Visualización de Capas en Código

Fuente: Elaboración propia

Funcionalidades de la Aplicación Web

Este Visor Web brinda información de los indicadores que afectan a la población

menor de 5 años de la localidad Engativá, semaforizando cada una de las UPZ por la cual

está compuesta. Actualmente almacena información de 6 indicadores trazadores para la

población menor de 5 años, así como también eventos puntuales de enfermedades

respiratorias agudas para el año 2014, complementándola con gráficos de seguimiento

mensual de cada uno de los indicadores.

Page 25: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Funcionalidades Generales del Visor

Visualización y consulta de diversas capas de información geográfica, almacenadas

en la base de datos de Seguimiento a indicadores en salud de la localidad Engativá.

Visualización de eventos puntuales de enfermedades respiratorias en la localidad, (se

observa la concentración)

Consulta de indicadores en salud que afectan a la población menor de 5 años.

Consulta de gráficas, en la cual refleja el comportamiento mensual de la tasa o

prevalencia de los indicadores

Descarga de información en formato Shepefile.

Funcionalidades Técnicas

Realiza funciones básicas de visualización (acerca, alejar, desplazar, transparencia en

capa, etc), contemplando los requerimientos funcionales de la aplicación en su

análisis y diseño.

Medir área y distancia sobre el mapa.

Personalizar la visualización de la capa (transparencia de la capa)

Realizar consulta o búsqueda por coordenadas.

Consultar información de las capas de indicadores.

Descargar información de las capas en formato shp

Page 26: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Vista inicial del visor Geográfico Publisalud

Figura 9. Vista Inicial Visor Geográfico

Fuente: Elaboración propia

Herramientas de Navegación en la interfaz.

ICONO DESCRIPCIÓN

Esta herramienta permite el desplazamiento del mapa hacia el lado en que el

usuario requiera, se puede ejecutar de dos formas:

1. Clic sostenido en un punto del mapa y proceder a arrastrar hacia

cualquier sitio del mapa.

2. Hacer clic sobre el icono y arrastrar hacia donde el usuario requiera.

Permite aumentar o reducir la vista de la capa elegida, seleccionado por polígonos

la zona que se desea acercar o alejar.

Reducir o ampliar la barra de navegación, permite reducir la barra de herramientas

de navegación del visor para ampliar la vista sobre la capa a consultar

Devuelve o retorna el zoom previamente configurado de la capa visualizada.

Permite realizar zoom general a toda la interfaz.

Esta herramienta permite medir unidades de distancia y área respectivamente en

unidades de media de Kilómetros.

Tabla 1. Herramientas Generales de Navegación

Fuente: Elaboración propia

Page 27: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Listado de Capas

En esta herramienta estarán disponibles las 6 capas correspondientes a los indicadores

en salud que afectan a población menor de 5 Años, como Mortalidad Infantil, Mortalidad

Menor de 5 años, Mortalidad por Neumonía en menor de 5 Años, Desnutrición global,

desnutrición crónica, bajo peso al nacer, eventos puntuales de enfermedades respiratoria

aguda, para el año 2014. El cuadro rojo nos indica la activación y desactivación de capas a

visualizar.

Figura 10. Vista del Visor con Capa Activa y Desactiva

Fuente: Elaboración propia

Page 28: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Ubicación de coordenadas

El círculo morado, se observa la ubicación de la coordenada asignada por el usuario,

esta herramienta servirá como búsqueda de evento puntual y de navegación por coordenada

exacta.

Figura 11. Ubicación de Coordenada por el Usuario

Fuente: Elaboración propia

Descarga de Información.

Esta herramienta sirve para el acceso de descarga de los indicadores, en formato shp.

Se debe seleccionar el indicador a consultar del listado y se procede a realizar la descarga.

Figura 12. Visualización de Descarga de Información

Fuente: Elaboración propia

Page 29: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Evaluación de la Aplicación

Se realizó un tipo test con ayuda de formularios google para evaluar la usabilidad del

visor diseñado. Este modelo fue desarrollado por 11 posibles usuarios del visor geográfico,

se contó con la opinión de expertos en el tema de salud pública (epidemiologia). Se evalúa

el criterio, métricas y por último los atributos, la calificación está dada en una escala de 1 a

5 siendo 5 como muy fácil y 1 Difícil.

A continuación se muestra los resultados obtenido de la evaluación realizada,

considerando la funcionalidad y usabilidad de la aplicación Diseñada, donde se verifica el

promedio que obtuvo cada una de las métricas evaluada en la implementación de la

aplicación. (Ver Link Evaluación)

Para el criterio de Aprendizaje se obtiene clasificaciones superiores a 4, esta

valoración se puede interpretar como positiva ya que las personas, consideran que el visor

geográfico tiene un lenguaje común e intuitivo con información confiable y navegación

agradable, reflejando así un funcionamiento sencillo para cada uno de los usuarios. En

cuanto a satisfacción, el criterio de privacidad logra un promedio de 3,8 en su calificación

logrando que un 9,1% de los usuarios lo califiquen como difícil.

Contenido logrando una calificación positiva en cuanto a la accesibilidad,

compartiendo con los usuarios independencia en la resolución de pantalla asignándole una

valoración en promedio de 4,4; logrando que el 90,9% de los usuarios lo califique como fácil

y muy fácil, tan solo el 9,1% como moderado.

Eficiencia en el cual se evalúa el tiempo de respuesta logrando así una calificación

positiva, 3l 63,64% lo califica como fácil(4), el 18,18% lo califica como fácil(5)y tan solo un

18,18% lo califica como moderado(3) llegando así a una calificación aceptable por los

Usuarios.

Eficacia al evaluar esta métrica se tienen en cuenta criterios como diagnóstico de

errores y prevención de errores, llegando a concluir que se debe mejorar, considerando que

existen deficiencias y ausencia de ayuda del visor, en la evaluación no se obtuvo una

calificación superior a 3,5; donde el 45,45% califica como muy difícil y difícil, contrastando

con el 18,18 que lo califica como muy fácil.

Page 30: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Criterio de Evaluación de Usabilidad 1(Muy

Difícil) 2(Difícil) 3(Moderado) 4( Fácil)

5(Muy

Fácil)

Aprendizaje

Facilidad de

aprendizaje

Consistente

4,5 Lenguaje Común

Intuitivo

Ayuda y

Realimentación

Ayuda de Búsqueda

2,5 Información Útil y contextual

Funcionalidad

Utilidad de los servicios y

contenidos

4,5 Fuentes confiables

Sitios Relacionados

Navegación

Controles de navegación

4,5 Menú

Control de avance y regreso

lógico

Enlaces

Satisfacción

Privacidad

Conexión segura

3,8 Políticas de seguridad

Respaldo

Habilidades del

Usuario

Participación de usuario en las

tareas del sistema 4,3

Contenido

Identidad

Información de definición

esencial 3,6 URL

Accesibilidad

Compatibilidad con diferentes

clientes Web 4,4

Independencia con la

resolución de pantalla

Eficiencia

Velocidad y

Medios

Tiempo de Respuesta de los

servicios 4

Desempeño

Humano

Tiempo gastado para

completar una tarea

4,3 Tiempo gastado en errores

Frecuencia con la que se

acude a la ayuda

Comando por tarea

Eficacia

Recuperación,

Diagnóstico de

errores

Mensajes de error

3,5 Estrategias de recuperación de

errores

Prevención de

errores

Estrategia para la prevención

de errores 2,7

Tabla 2. Resultados Evaluación Publisalud

Fuente: Elaboración propia

Page 31: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Conclusiones

El desarrollo del visor web, es útil para múltiples tareas permitiendo así la toma de

decisiones y la generación de alertas, estrategias y políticas para la prevención y promoción

de estos eventos.

La implementación de esta aplicación web, cumple con las necesidades de los

usuarios, su principal ventaja es la facilidad con la que el usuario puede acceder a la

información, la utilización es eficiente, haciendo uso de los geoservicios, sin embargo esta

aplicación puede logara una mejora y complementándola con información de todos los

indicadores en salud que afecta a la población en general, así como también representar todos

los eventos de interés en salud publica tanto trasmisibles como no trasmisibles.

La evaluación de la usabilidad del visor geográfico obtenida mediante la

implementación del test en el formulario google se concluye que el visor cumple con el

objetivo definido en su diseño.

Page 32: PUBLISALUD: VISOR GEOGRÁFICO WEB PARA LA …repository.udistrital.edu.co/bitstream/11349/2806/... · de territorio (Localidad, UPZ, Barrio) los lugares donde se presentan y el impacto

Referencias

OMS, 2010 Indicadores básicos de salud en niñas y niños entre 0 y 4 años

relacionados con la Estrategia AIEPI

ISO 9241-11. (1998). Ergonomic requirements for office work with visual display

terminals. ISO

Claros, I. D. (2006). Propuesta metodológica para la evaluación de la usabilidad en

sitios web: Experiencia Colombiana. Recuperado el 3 de Noviembre de 2015, de

http://artemisa.unicauca.edu.co/~iclaros/usabilidad/descargas/paperInteraccion2006.pdf

Bogotá D.C, Secretaria Distrital de Salud. Plan Territorial de Salud Bogotá Distrito

Capital 2012 – 2016: Bogotá D.C.: SDS; 2012.

IDECA Obtenido de http://www.ideca.gov.co/es/servicios/mapa-de-referencia/tabla-

mapa-referencia.

Hospital Engativá II Nivel (2014). Obtenido de

http://www.hospitalengativa.gov.co/salud-publica/informes/category/177-2014.

Formulario Google (2016). Obtenido de

https://docs.google.com/forms/d/1N1jWyB0tupcTDrGp0pd7Tfhxk1jcyDCo_ke7wM24wo

Y/viewform.