ANEXOSUNIVERSIDAD AUTNOMA DEL ESTADO DE HIDALGOINSTITUTO DE CIENCIAS BSICAS E INGENIERA REA ACADMICA DE COMPUTACIN Y ELECTRNICA

Sistema de Geolocalizacin de Espacios Universitarios en la UAEH

TESISPara obtener el ttulo deLICENCIADO EN SISTEMAS COMPUTACIONALES

Presenta:P.L.S.C. EDUARDO HERNNDEZ GUTIRREZ

Asesor:M. C. C. EDUARDO CORNEJO VELZQUEZ

Julio 2014

Agradecimientos

Como estudiante universitario s que el sacrificio y constancia para concluir mis estudios y con ello la realizacin de este documento de tesis no es algo nicamente mo. Esta nueva meta alcanzada la debo en gran parte a aquellas personas que con su apoyo y motivacin me impulsaron a seguir adelante.

A mi familia, especialmente a mis padres que siempre estn ah, a mi lado apoyndome y por el ejemplo de vida que me han dado siempre. El logro que implica este trabajo, es para ustedes.

A mi asesor de tesis, al que tambin considero un amigo, el Mtro. Eduardo Cornejo Velzquez que ha estado involucrado en este proyecto desde el principio. Sin su apoyo, enseanzas y tiempo dedicado, este trabajo hoy no sera una realidad. Gracias profe, este proyecto tambin es suyo.

NDICEAgradecimientosiNDICEiindice de Figurasvindice de TablasixCAPTULO 1. INTRODUCCIN11.1Problemtica31.2Propuesta de solucin51.3Objetivo General61.4Objetivos Especficos61.5Justificacin81.6Descripcin del trabajo9CAPTULO 2. MARCO TERICO112.1Importancia de los Sistemas de Informacin Geogrfica112.2Qu es un SIG?122.3Funciones de un SIG132.4Componentes de un SIG132.5Tecnologas SIG Web152.6Formas de cartografa en la Web172.6.1Mapas estticos182.6.2Mapas dinmicos182.6.3Interactividad de Mapas Web182.6.4Web Mapping192.6.5Mashups202.7Limitaciones y problemas de la cartografa web21CAPTULO 3. ESTADO DEL ARTE223.1La importancia de la innovacin y el cambio de paradigmas223.2Trabajos y publicaciones existentes233.2.1Nighttime243.2.2MAPS: Terremotos en la ltima semana253.2.3Hospital Rankings273.2.4Proyectos Ejecutados por AuditingIntraesa293.2.5Mapas de ruido en internet313.3Otros Proyectos32CAPTULO 4. MTODOS Y HERRAMIENTAS334.1Metodologa para el desarrollo del sistema334.1.1Planeacin del sistema344.1.2Desarrollo344.1.3Implantacin del Sistema354.1.4Mantenimiento354.2Definicin de las etapas para el desarrollo del sistema364.3Anlisis de la informacin de partida374.4Seleccin de la plataforma tecnolgica384.5Herramientas de licencia libre como medio de solucin384.6XAMPP394.6.1Por qu XAMPP?394.6.2Instalacin404.6.3MySQL404.6.4Servidor Tomcat424.7Groovy & Grails Tool Suite434.7.1Por qu Groovy & Grails Tool Suite?444.7.2Grails454.8API Google Maps V3484.8.1Por qu Google Maps V3?494.8.2Breve historia49CAPTULO 5. DESARROLLO DE SISTEMA515.1Arquitectura del Sistema515.2Diseo de la base de datos525.2.1Obtencin de los datos535.2.2Modelo Relacional545.2.3Metadatos555.3Diseo de las interfaces585.4Desarrollo de la aplicacin615.4.1Creacin del Proyecto en Grails Framework625.4.2Dominios de clase del SiGEU635.4.3Controllers del SiGEU665.4.4Vistas (Interfaces) del SiGEU675.5Uso de la API de Google Maps V3 en SiGEU705.6Uso de Web Services745.6.1Usando REST en el SiGEU755.7Seguridad del sistema haciendo uso de plugins en Grails Framework76CAPTULO 6. IMPLEMENTACIN DE LA APLICACIN796.1Ejecucin del Web-Map en el navegador796.1.1Ejecucin de la aplicacin de manera local796.1.2Ejecucin de la aplicacin desde el servidor Tomcat806.2Resultado obtenidos806.2.1Inicio y Autentificacin816.2.2Ver Mapa836.2.3Ubicar mi posicin en el mapa846.2.4Trazar Rutas856.2.5Administracin de la informacin87TRABAJOS FUTUROS90CONCLUSIONES91BIBLIOGRAFA93ANEXOS97Google Maps V397Definicin de API97Conceptos Generales de la API Google Maps98Spring Security Core plugin105

11ndice de FigurasFigura 1. Componentes tradicionales de un SIG.14Figura 2. Tipos de cartografa web segn sus caractersticas20Figura 3. Interfaz grfica de Nighttime.24Figura 4. MAPS: Terremotos en la ltima semana26Figura 5. Interfaz grfica de Hospital Rankings28Figura 6. Interfaz del proyecto terminado (Auditing Intraesa).29Figura 7. Mapas de Ruido en Internet (Proyecto Terminado).31Figura 8. Galera para desarrolladores, Google Maps Developers.32Figura 9. Fases del desarrollo del SiGEU.36Figura 10. Aspectos evaluados por DevRates a los Frameworks Web.44Figura 11. Top 10 Frameworks Web segn DevRates.45Figura 12. Core of Grails.46Figura 13. Arquitectura del sistema.51Figura 14. Modelo E/R.52Figura 15. Modelo Relacional de la base de datos.54Figura 16. Esquema de navegacin del sitio SiGEU.58Figura 17. Layout para el diseo de la pgina de inicio.59Figura 18. Layout para el diseo de la pgina de trazo de rutas.59Figura 19. Layout para el diseo de vista de mapa.60Figura 20. Layout para el diseo de los formularios para modificar registros.61Figura 21. Estructura de archivos generados por GGTS.62Figura 22. Domain Class Sede.64Figura 23. Domain Class Edificio.65Figura 24. Domain Class Funcion.66Figura 25. Fragmento de cdigo del SedesController.67Figura 26. Fragmento de Cdigo de la vista mapa_sedes.gsp69Figura 27. Resultado del despliegue de la vista mapa_sedes.gsp en la Web.70Figura 28. Creacin dinmica de los elementos del mapa.71Figura 29. Funcin CalcRoute() para calcular rutas.72Figura 30. Funcin de geolocalizacin.73Figura 31. Comunicacin entre el cliente y el servidor mediante el uso de REST.76Figura 32. Restriccin de acceso a la informacin de aplicacin.77Figura 33. Implementacin del Spring Security Core en el SiGEU.78Figura 34. Interfaz grfica que genera el Spring Security Core.78Figura 35. Pantalla de inicio de la aplicacin.80Figura 36. Pgina de inicio de la aplicacin.81Figura 37. Pgina de login del sistema SiGEU.82Figura 38. Mapa de Institutos y Escuelas Superiores.82Figura 39. Mapa tipo Satlite con los edificios de CC.83Figura 40. Uso de la opcin de Geolocalizacin.84Figura 41. Utilizacin de los MARKERS de Google Maps.84Figura 42. Elementos interactivos que para el poder trazar rutas.85Figura 43. Trazo de rutas con vista de tipo MAPA.86Figura 44. Trazo de rutas con vista de tipo SATELITE.86Figura 45. Administracin de los datos (Administrador).87Figura 46. Opcin CREATE del CRUD (Administrador).88Figura 47. Opcin UPDATE del CRUD (Administrador).88Figura 48. Mecanismo de autentificacin.105

ndice de TablasTabla 1. Plataforma Tecnolgica para el desarrollo del Web-Map.39Tabla 2. Metadatos de la tabla sede.55Tabla 3. Metadatos de la tabla edificio.55Tabla 4. Metadatos de la tabla funcion.56Tabla 5. Extracto de informacin almacenada en la tabla sede.56Tabla 6. Extracto de datos almacenados en la tabla edificio.57Tabla 7. Extracto de informacin almacenada en la tabla funcin.57

CAPTULO 1 INTRODUCCINActualmente el uso de la web para la diseminacin de cualquier tipo de informacin susceptible a ser representada espacialmente va en aumento, adems de representar un salto significativo en el desarrollo de la cartografa, ha abierto innumerables oportunidades para muchas empresas. La posibilidad de compartir y actualizar informacin en un contexto geogrfico, personalizar el contenido de los mapas e identificar patrones de distribucin espacial en el comportamiento de los negocios, son solo algunas de las ventajas (Justo Torres, 2010).La Universidad Autnoma del Estado de Hidalgo (UAEH) es la institucin de educacin superior ms grande en el Estado de Hidalgo, visible nacional e internacionalmente y la demanda que se presenta cada semestre de aspirantes a ingresar a los programas educativos que se ofertan va en constante aumento. Los orgenes geogrficos de dichos aspirantes son muy diversos pues provienen de la mayora de los municipios del Estado de Hidalgo as como de otros estados del pas y en algunos casos de otros pases del extranjero.Lo anterior provoca entonces que la UAEH deba brindar una buena atencin a las personas que visitan fsicamente sus instalaciones y en el caso de quienes acceden a travs del portal institucional, la informacin proporcionada debe ser de calidad para favorecer su participacin en los procesos de ingreso.Por otro lado, los cuerpos acadmicos y grupos de investigacin de la institucin no han sido vinculados con las sedes o edificios en dnde desarrollan sus actividades de investigacin, docencia y formacin de estudiantes para que los alumnos, profesores y aspirantes a formar parte de la UAEH conozcan en dnde estn ubicados fsicamente para facilitar su vinculacin y promover las actividades de comunicacin.Con base en los objetivos estratgicos de la institucin esta informacin debe ser socializada y publicada en el sitio Web Institucional para ir mejorando su posicin en las evaluaciones internacionales que hacen los organismos especializados. Para ello es necesario que se diseen y desarrollen herramientas informticas que permitan lograr la distribucin efectiva de la informacin y as poder utilizarla para fortalecer las funciones de difusin de las actividades que se desarrollan en la institucin y la promocin de su oferta educativa.

1.1 ProblemticaUna de las principales dificultades a las que se enfrentan las personas interesadas en formar parte de la comunidad de la UAEH, que desean conocer las instalaciones distribuidas a lo largo del territorio hidalguense o desean conocer informacin referente a los cuerpos acadmicos y grupos de investigacin, es la poca disposicin y facilidad de uso del portal Web institucional para encontrar la informacin deseada de forma eficiente y clara que permita saber a dnde dirigirse, que ruta seguir, conocer la ubicacin exacta de algn edificio y consultar datos generales acerca del tipo de actividades que se desarrollan en las instalaciones y relacionados con los profesores y cuerpos acadmicos que all trabajan.La UAEH dentro de su portal institucional no tiene habilitadas herramientas y elementos interactivos que ayuden a los usuarios a poder localizar lugares especficos: edificios administrativos, institutos, escuelas de educacin superior, los edificios de alguna carrera en especfico, centros culturales y centros de investigacin entre otros. En algunas secciones, el portal solo presenta el nombre de cada sede, su direccin y una breve descripcin. Para el caso de los institutos y las Escuelas Superiores existe un mini sitio para cada uno de ellos dentro del portal de la UAEH que contiene una seccin denominada Ubicacin y que muestra una pequea imagen a travs de un mapa esttico que hace uso de un mashup creado con ayuda de Google Maps que trata sin xito de mostrar la ubicacin.Adems, podemos mencionar otros conflictos que derivan de la falta de un Web-Map interactivo dentro del portal institucional: Al el inicio de cada proceso de seleccin, los aspirantes que buscan ingresar a alguno de los programas que se ofertan, comienzan a transitar por una serie de dificultades para poder ubicar la localizacin fsica exacta de los lugares en los que se tienen que realizar algunos de los trmites indispensables para concluir el proceso de registro. La mayora de los aspirantes que nunca han tenido contacto con la UAEH no conocen la ubicacin de edificios tales como: control escolar, el servicio mdico universitario o reas de servicio mdico en las escuelas o edificios en general, instalaciones que es necesario visitar para realizar los trmites que les permitan ser candidatos para integrarse a la comunidad estudiantil de la institucin. Cada semestre durante los das de aplicacin de los exmenes de admisin, surgen conflictos y contratiempos debido a que los aspirantes y sus acompaantes no tienen conocimiento de la ubicacin exacta del lugar en el que se deben presentar para aplicar su examen. Existen casos de alumnos, profesores, investigadores y directivos que forman parte de la UAEH que no conocen en su totalidad las sedes y edificios de su propia universidad, dificultando la comunicacin e integracin de la comunidad universitaria. Resulta incmodo para directivos de empresas y/o instituciones educativas o en general para los visitantes no saber a dnde dirigirse para poder tratar asuntos especficos (administracin, gestin, convenios, vinculacin entre otros), ya que, como se ha mencionado, el portal institucional de la UAEH solo muestran la informacin sobre la direccin a la que hay que dirigirse, pero si se es completamente ajeno a la UAEH esto resulta poco prctico. Se puede presentar el caso (no en todos) de profesores e investigadores que tengan desconocimiento de los espacios universitarios dedicados para la investigacin, docencia, cultura, deporte, administracin y otras funciones que en algn momento necesitan hacer uso y para participar activamente en la vida universitaria.

1.2 Propuesta de solucin Luego de conocer los antecedentes y la problemtica que se pretende abordar, se propone el desarrollo de una aplicacin para la geolocalizacin de los espacios fsicos que componen a la UAEH y mostrar su informacin bsica mediante la utilizacin de la tecnologa y mtodos de las aplicaciones Web-Map. Adems se propone el uso de Web Services que permitan la integracin de la nueva aplicacin con el Sistema Institucional de Gestin PROMEP-UAEH para poder realizar la consulta de informacin acerca de los cuerpos acadmicos y grupos de investigacin y mostrarla en el mapa generado. Esta aplicacin hace uso de la tecnologa web basada en el API de Google Maps as como de herramientas para el Desarrollo Rpido de Aplicaciones Web que permitan realizar el proceso de diseo, desarrollo y puesta en operacin de la nueva aplicacin, adems de lograr las conexiones a bases de datos para guardar y recuperar informacin que ser mostrada por la aplicacin. Por cuestiones de practicidad al momento de redactar este documento, se usar la palabra SiGEU para hacer alusin al proyecto general planteado (Sistema de Geolocalizacin de Espacios Universitarios).

1.3 Objetivo GeneralDesarrollar un sistema Web-Map a travs del uso de la tecnologa del API Google Maps que permita mostrar a travs de una mapa dinmico la ubicacin de todas las sedes y edificios con las que cuenta la Universidad Autnoma del Estado de Hidalgo (UAEH), que sugiera rutas a recorrer para llegar desde un punto inicial a otro y proporcionar informacin general y simplificada acerca de las actividades que se realizan, as como datos generales relacionados con los cuerpos acadmicos en las sedes de la universidad utilizando elementos interactivos dentro de los mapas mostrados.1.4 Objetivos Especficos Realizar un inventario de todos los espacios fsicos con los que cuenta la UAEH dentro del territorio hidalguense (edificios administrativos, culturales, deportivos, centros de investigacin, escuelas superiores, escuelas preparatorias, institutos e instalaciones deportivas). Disear una base de datos en la que se almacene la informacin de los espacios fsicos de la UAEH incluyendo las coordenadas geogrficas. Disear la interfaz principal del SiGEU mediante la tecnologa de Web-Map para construir el mapa dinmico que muestre la informacin de los espacios fsicos. Disear la interfaz grfica de la aplicacin que permita la administracin de la informacin de los catlogos realizando las operaciones CRUD (Create, Read, Update y Delete) a la base de datos. Demostrar los alcances y facilidades que se obtienen al realizar proyectos basados en el paradigma MVC (Modelo-Vista-Controlador). Utilizar mecanismos de seguridad basado en roles para la autentificacin e identificacin de usuarios para ingresar al sistema. Crear contenidos dinmicos dentro de la aplicacin utilizando la tecnologa de jQuery, Javascript, AJAX y HTML en el front-end del sistema. Construir el mapa interactivo utilizando la API de Google Maps en su versin 3 como parte central del sistema para:

Sealar la ubicacin geogrfica de cada espacio fsico de la UAEH. Mostrar informacin bsica de sede o edificio a travs de elementos interactivos. Trazar rutas para enlazar la posicin entre dos sedes de la UAEH o en su defecto la posicin del usuario y alguna sede o edificio de la institucin en el mapa.

1.5 JustificacinCon los pasos agigantados que la tecnologa da da con da, la importancia de los medios de comunicacin como el internet y los dispositivos sobre los que se realiza esa distribucin de informacin, provoca la necesidad de crear herramientas que permitan cambiar los paradigmas que ya se tienen establecidos para el desarrollo de ciertas actividades.En este sentido la cartografa y el uso de mapas ha pasado de ser una actividad que se trabajaba a papel a ser una actividad que ha evolucionado totalmente y en la que ahora los equipos de cmputo y el internet prevalecen como las herramientas bsicas.El uso que se tiene hoy en da de las tecnologas Sistemas de Informacin Geogrfica (SIG) est en constante crecimiento. Las aplicaciones que se tiene de este tipo de tecnologas son muchas y por lo general dependen de los contextos en los que se aplican y las necesidades que se quieren satisfacer. Podemos encontrar aplicaciones de escritorio tradicionales y las aplicaciones que hacen el uso de internet para la generacin del Web Mapping a travs de mashups y Web-Maps dinmicos.Lo anterior provoca que la sociedad sienta la necesidad de nuevos servicios y herramientas que le permitan desarrollar sus actividades diarias de forma menos complicada.Es en este sentido que la UAEH al ser una institucin con presencia en la mayor parte del territorio hidalguense y con alto reconocimiento nacional, necesita hacer uso de las nuevas tecnologas que le permitan proveer tanto a sus aspirantes como a su comunidad universitaria de herramientas que les permitan resolver los problemas que se presentan de forma ms recurrente.

1.6 Descripcin del trabajoEl presente documento constituye el trabajo final para la obtencin del ttulo de Licenciado en Sistemas Computacionales, y describe las particularidades del proceso de anlisis, diseo y desarrollo de un Web-Map que permite la geolocalizacin de espacios fsicos tomando como caso de estudio a la Universidad Autnoma del Estado de Hidalgo (UAEH). El documento est estructurado en seis captulos que se describen a continuacin.Captulo 1. Introduccin. Se presenta de forma detallada la temtica plateada en el documento: los antecedentes que dieron origen a la realizacin del proyecto, los objetivos y la justificacin del tema propuesto.Captulo 2. Marco Terico. Trata sobre los conceptos fundamentales acerca de los Sistemas de Informacin Geogrfica (SIG), su definicin, sus capacidades y tambin la descripcin de sus principales componentes. Ya que este trabajo est enfocado el desarrollo de un Web-Map, en este captulo se describe tambin lo referente al Web Mapping como una alternativa que permite aportar las principales funcionalidades e ideas de los SIG mediante el desarrollo de aplicaciones web.Captulo 3. Estado del Arte. Muestra los resultados obtenidos luego de analizar diversos sitios de internet y otras aplicaciones documentadas acerca del uso del API de Google Maps. Los proyectos analizados se eligieron tomando en cuenta las caractersticas de operatividad, esto a fin de que tengan relacin con el proyecto que se pretende exponer.Captulo 4. Mtodos y Herramientas. Describe la metodologa que se ha tomado como base para el desarrollo del sistema, adems se presentan y analizan las diversas herramientas informticas que se han propuesto como parte de la solucin, la forma en la que van a interactuar y el alcance que tendr cada una de ella dentro de la aplicacin.Captulo 5. Desarrollo del sistema. Se presenta la fase de diseo y desarrollo tanto de las interfaces como de la funcionalidad del sistema. Para la descripcin del proceso de desarrollo se hace uso de diversos elementos visuales que permiten tener una perspectiva ms completa del proceso realizado y los resultados obtenidos, los elementos a mostrar son: diagrama de contexto, diagrama de casos de uso y diagrama de la construccin fsica del sistema.Captulo 6. Implementacin del Sistema. Finalmente se muestra y describe la puesta en marcha del sistema, los requerimientos y aspectos bsicos que hay que tomar en cuenta para un despliegue correcto de la aplicacin, se muestran tambin los resultados obtenidos y la descripcin de los mismos (mediante capturas de pantalla). Al final de los seis captulos que componen este documento, se presentan las conclusiones generales obtenidas, las reflexiones y recomendaciones donde se proponen algunas mejoras futuras para la aplicacin.El cdigo fuente de la aplicacin SiGEU puede ser descargado desde GitHub en https://github.com/lalo9210/SiGEU o desde el siguiente vinculo de Dropbox https://www.dropbox.com/sh/qzd6if358cjb1h2/wgCecEwhLb.

El cdigo abierto y el software libre son esenciales no solamente para el bien del usuario individual sino para la sociedad entera, porque promueven la solidaridad social: compartir y cooperar. La importancia de estas libertades aumenta a medida que nuestra cultura y nuestras actividades cotidianas se vinculan cada vez ms con el mundo digital. En un mundo de sonidos, imgenes y palabras digitales, el software libre se vuelve cada vez ms esencial para la libertad en general. Richard Stallman

CAPTULO 1. INTRODUCCIN

CAPTULO 2MARCO TERICO2.1 Importancia de los Sistemas de Informacin GeogrficaDesde la aparicin del termino Sistema de Informacin Geogrfica (SIG), su importancia se ha ido incrementando, esto, debido a que el 70% de la informacin de la que se dispone y que se maneja en cualquier tipo de disciplina esta georreferenciada. Esto quiere decir, que a la informacin se le puede asignar una posicin geogrfica y con ello se deduce que la mayora de la informacin siempre viene acompaada otra adicional relativa a su localizacin. La geografa ha pasado de ser una ciencia independiente y de mbito particular que solo se relacionaba con ciertos campos y quehaceres de otras disciplinas a ser un elemento que est relacionado con la mayora de las ciencias (Olaya, 2011). Con el surgimiento de los SIG, la cartografa tambin ha tenido cambios radicales, pues con la creacin de herramientas de tipo colaborativo y que se auxilian de la tecnologa, ha provocado que el crecimiento de la cartografa deje de ser un trabajo propio de personas especializadas y as permitir que en esta tarea participen otro tipo de usuarios desarrollando y compartiendo informacin.En una sociedad donde la informacin y la tecnologa son los dos pilares ms importantes, los SIG representan la tecnologa estndar para el manejo de la informacin geogrfica. Aunado a esto, con el desarrollo y auge de las tecnologas que funcionan a travs de la web, se ha supuesto un nuevo campo de aplicacin para los SIG que han tenido que adaptarse a las nuevas necesidades que la sociedad y su nueva forma de comunicacin y trabajo han implicado.De la misma manera que se consulta texto e imgenes dentro de pginas web, los datos espaciales pueden ofrecerse de la misma forma. Sin embargo, para que este proceso se ejecute de forma eficiente y realmente tenga el impacto y la funcionalidad esperada, es necesario contar con las tecnologas adecuadas. Aunque actualmente se busca poder trabajar con los SIG en el entorno Web, esto no se puede completar al cien por ciento debido a que la tecnologa Web relacionada con los SIG no est trabajada y perfeccionada de la misma manera que las tecnologas que se utilizan en los SIG tradicionales (de escritorio) (Olaya, 2011).2.2 Qu es un SIG?Las definiciones que se tienen sobre Sistemas de Informacin Geogrfica tienden a variar dependiendo del autor, del contexto y de la poca en que fueron escritas. A continuacin se muestran algunas definiciones sobre SIG.Tomlin define un SIG como un elemento que permite analizar, presentar e interpretar hechos relativos a la superficie terrestre (Tomlin, 1990).Star y Estes definen a un SIG como un sistema de informacin diseado para trabajar con datos referenciados mediante coordenadas espaciales o geogrficas (Star & Estes, 1990). Por lo tanto, un SIG es un sistema de base de datos con capacidades especficas para datos georreferenciados y un conjunto de operaciones para trabajar con esos datos. Una definicin ms precisa para un SIG es la siguiente: Un sistema que integra tecnologa informtica, personas e informacin geogrfica y cuya funcin principal es capturar, analizar, almacenar, editar y representar datos georreferenciados (Olaya, 2011).2.3 Funciones de un SIGLas funciones de un Sistema de Informacin Geogrfico, dependen en gran medida del contexto para su aplicacin. Las funciones bsicas que todo SIG debe tener son (Chorley, 1987):a. Describir la captura de la informacin: se logra mediante el proceso de digitalizacin, procesamiento de imgenes de satlite, fotografas, video, entre otros.b. Anlisis de los datos grficos y no grficos.c. Adaptable y expandible de acuerdo con los requerimientos propios de cada organizacin.d. Gestin de la informacin espacia: separar la informacin en diferentes capas temticas y almacenarlas de forma independiente.Las principales cuestiones que puede resolver un SIG son las siguientes (Parra, 2006): Localizacin: Preguntar por las caractersticas de un lugar concreto. Condicin: El incumplimiento o no de algunas condiciones impuestas al sistema. Tendencia: Comparacin entre situaciones temporales o espaciales distintas de alguna caracterstica. Rutas: Clculo de rutas ptimas entre dos o ms puntos. Pautas: Deteccin de pautas espaciales. Modelos: Generacin de modelos a partir de fenmenos o actuaciones simuladas.2.4 Componentes de un SIGTal y como las definiciones acerca de los SIG lo describen, son sistemas complejos que integran una serie de distintos elementos interrelacionados. Una forma de entender los SIG es como un elemento formado por una serie de subsistemas, cada uno de ellos encargado de una serie de funciones especficas (Olaya, 2011). A continuacin se listan y describen brevemente estos subsistemas:1. Subsistema de datos. Se encarga de las operaciones de entrada y salida de datos, y la gestin de estos dentro del SIG. Permite a los otros subsistemas tener acceso a los datos y realizar sus funciones en base a ellos.2. Subsistema de visualizacin y creacin cartogrfica. Crea representaciones a partir de los datos (mapas, leyendas, etc.), permitiendo as la interaccin con ellos. Entre otras, incorpora tambin las funcionalidades de edicin.3. Subsistema de anlisis. Contiene mtodos y procesos para el anlisis de los datos geogrficos.Otra forma de ver un SIG es a travs de los elementos que lo conforman. De forma tradicional (esquema clsico), un SIG est formado por 5 elementos que se presenta en la Figura 1.

Figura 1. Componentes tradicionales de un SIG.Fuente: Elaboracin propia.

Datos: representan la parte esencial de los SIG y los que contienen la informacin geogrfica para su propia existencia. Mtodos: son el conjunto de formulaciones y teoras a aplicar sobre los datos. Software: son las aplicaciones informticas que trabajan con los datos e implementan las frmulas y operaciones. Hardware: el equipo necesario para implementar el software. Personas: son las encargadas de utilizar y disear el software.2.5 Tecnologas SIG WebLas tecnologas SIG Web son todos aquellos elementos que permiten la representacin de cartografa como un contenido ms de una pgina web. Todo lo anterior, es lo que se engloba bajo la denominacin genrica de Web Mapping. En este sentido, la forma en que es representado el contenido y visualizacin en el Web Mapping depende fundamentalmente del cliente, el cual es en general un simple navegador.De manera general, los SIG que funcionan en equipos fijos (aplicaciones de escritorio) no son del todo autnomos, ya que, la mayora de estos sistemas necesitan obtener datos de forma remota conectndose a servidores que les brinden dicha informacin. En un entorno Web tal como los navegadores, la situacin no cambia, pues se trata de combinar los elementos cartogrficos con las formas y contenidos habituales de una pgina Web. Las tecnologas SIG Web como el Web Mapping han sido desarrolladas en su mayora para ser trabajadas en navegadores Web, esto, como una alternativa a los tradicionales SIG de escritorio o para alcanzar nuevas reas de trabajo y explotacin de la informacin digital.Con todo lo anterior, se puede concluir que las tecnologas SIG Web tienen el objetivo de llevar las funcionalidades de un SIG a la Web y as aprovechar las caractersticas de ambas tecnologas. Sin embargo, la diferencia que se tiene de los SIG Web con respecto a los SIG tradicionales es notables puesto que en el ambiente Web las soluciones dependen especficamente del campo de aplicacin o tipo de usuario de la aplicacin.Mientras que los SIG de escritorio se orientan a usuarios ms especializados, la inclusin de estas tecnologas en la Web permite que la informacin geogrfica llegue a un pblico distinto y abre nuevas posibilidades.

Las ideas fundamentales sobre las que est basado el Web Mapping son las siguientes:1. No es necesario un software SIG especfico. Desde el punto de vista del usuario, no ha de instalar nada adicional en su computadora. Acceder a cartografa remota e incluso a funcionalidades avanzadas basadas en esos datos no requiere ms que un navegador Web, algo presente en cualquier ordenador hoy en da.

2. Perfil menos tcnico. No solo las aplicaciones estn pensadas para su utilizacin por parte de usuarios no especializados, sino que la incorporacin de estos al mbito SIG hace que la cartografa deje de ser un elemento propio de esos usuarios ms tcnicos. Poniendo al alcance de todas las capacidades de edicin y creacin de cartografa hace que cualquiera pueda generar su propia informacin geogrfica no especializada y adems ponerla a disposicin de otros usuarios.

3. Potenciamiento del trabajo colaborativo. La red es un punto de encuentro que favorece de forma natural la colaboracin. Los SIG dejan de ser algo personal reducido al mbito de un ordenador o una pequea red, para ser algo global en una red de muchos SIG interconectados. Y ms importante que esto, los datos tambin se hacen globales, pudiendo ser empleados e incluso editados por todos.

4. Informacin ms actualizada, incluso en tiempo real. La Web es el canal ideal para transmitir la informacin de forma inmediata y flexible. A las ventajas de los datos digitales sobre los analgicos en este sentido, hay que sumar que la sencillez de acceso que aporta una interfaz Web hace todava ms accesible la informacin geogrfica ms reciente.

5. Independencia del sistema. Un Web-Map puede verse y usarse del mismo modo en cualquier computadora, con independencia del sistema operativo, el navegador e incluso el dispositivo empleado (PC, Tablet, Smartphone, etc.). Si este Web-Map se basa en estndares abiertos, la solucin es todava ms interoperable.6. Personalizacin de aplicaciones. Una de las tendencias ms importantes en el mbito del Web Mapping es la creacin de aplicaciones que personalizan una base comn para un determinado uso. Sobre una base compuesta por un juego de datos genrico (generalmente imgenes de satlite y mapas base tales como un mapa de carreteras) y una aplicacin SIG, se crean pequeas aplicaciones de forma sencilla, a las cuales se pueden aadir de modo tambin simple nuevos datos. Estas aplicaciones se conocen como mashups (Ver seccin 2.6.5), y una vez creadas puede incorporarse a una pgina web distinta.

7. Combinacin de cartografa y otros elementos. Si las capacidades de un SIG son llevadas a un navegador, adems de estas, dispondremos en ese navegador de muchas otras posibilidades, tales como la representacin de elementos multimedia (vdeo, sonido, etc.) o el uso de hiperenlaces. El navegador es hoy en da la aplicacin verstil por excelencia, y ello hace que podamos aadir a las capacidades SIG una larga serie de otras funcionalidades no relacionadas directamente con la informacin geogrfica, y no presentes en su mayora en los SIG de escritorio.2.6 Formas de cartografa en la WebLa similitud que se puede tener de los Sistemas de Informacin Geogrficos (SIG) desarrollados en entornos Web con respecto a los tradicionales (de escritorio) varia muy poco puesto que gracias al avance tecnolgico que se ha ido teniendo de forma constante y progresiva ha permitido que las forma de trabajar con un SIG orientado a la Web sea cada vez ms similar que si se trabajara con SIG clsicos. En este sentido, y dada la versatilidad que se puede llegar a tener, la cartografa Web se ha clasificado de forma general en: mapas en estticos y dinmicos (Kraak, 2001).2.6.1 Mapas estticosLos mapas estticos son una mera representacin en forma de imagen que contiene informacin cartogrfica. Son prcticamente semejantes a un mapa clsico de papel en el que no se puede operar ms all de los que se muestra en la imagen. La forma de trabajar con esta clase de mapas depende en gran medida de la resolucin de la imagen o de la pantalla y por lo tanto no responden a ninguna de las funcionalidades que componen a los SIG.La inclusin de este tipo de mapas dentro de una pgina o aplicacin Web no tiene el mayor grado de complejidad ya que son meras imgenes incrustadas dentro de cdigo HTML.2.6.2 Mapas dinmicos Este tipo de mapa representa ms que una simple imagen inmvil dentro de una aplicacin o pgina Web, esta clase de mapas tienden a adaptarse en funcin de los requerimientos del usuario. Un mapa dinmico que solo cambia ciertas caractersticas del mismo superponiendo imgenes en forma de animacin tampoco representan las posibilidades informticas de un SIG y no se requiere del uso de tecnologas especiales para su implementacin.2.6.3 Interactividad de Mapas WebLa forma de interactividad ms bsica que se implementa en la Web en el trabajo con cartografa es la que permite la modificacin de la forma en que se visualizan los datos geogrficos. Para considerar que un mapa es interactivo y cumple con las funciones bsicas de los SIG, debe ser capaz de hacer lo siguiente:a. Modificar la escala de visualizacin (acercar o alejar alguna posicin).b. Desplazar el mapa.c. Modificar la zona representada (estilo de colores).d. Tener varias capas de visualizacin.

Adems de esto, se considera que una aplicacin es dinmica cuando el contenido que se muestra en el mapa dentro del contenedor Web no se tiene que cargar cada vez que se ejecuta una accin y operacin sobre el mapa, es decir, cuando se hace la solicitud de los datos del mapa (a un servidor remoto) se cargan desde el principio todos los datos en la aplicacin y se van mostrando poco a poco actualizando solo aquellas partes del contenedor Web que as lo requieran. Realizar este tipo de aplicacin SIG dentro de la Web permite la generacin de herramientas completas ya que permite una gran configurabilidad y deja en manos del cliente (desarrollador) la forma de representar los datos deseados.Las formas de cartografa Web dependen en gran medida de las capacidades que se dispongan en las aplicaciones que se desarrollen. Pueden generarse aplicaciones Web que funcionen como proyectos colaborativos en el que los usuarios aporten informacin a la aplicacin y tambin puede haber proyectos privados que tengan un uso restringido.2.6.4 Web MappingEste trmino se usa habitualmente para designar a la cartografa web y conforme la capacidad de la aplicaciones va aumentando se sustituye por SIG Web. La Figura 2 muestra de forma esquemtica cual es la evolucin de la cartografa Web, tomando en cuenta las capacidades de las aplicaciones.

Figura 2. Tipos de cartografa web segn sus caractersticasFuente: Sistemas de Informacin Geogrfica, Olaya, V. (2011)2.6.5 Mashups En el desarrollo web, un mashup es una aplicacin que usa y combina contenido de ms de una fuente, para crear un nuevo servicio simple, visualizado en una nica interfaz grfica. Mucha gente experimenta con mashups usando las API de Amazon, eBay, Flickr, Google, Microsoft, Yahoo o Youtube (Olaya, 2011).Los mashups pueden ser divididos en cuatro grandes categoras: mapas, videos y fotos, bsqueda y compras y noticias.Por lo general, los mashups resultan sencillos a comparacin de si se desarrollara toda la pgina o aplicacin desde cero. Los mashups favorecen sobre todo a la creatividad, por ello, cuando una aplicacin Web pone sus servicios a disposicin de otros programas para la creacin de algn tipo de mashup, esto no va enfocado a programadores expertos, sino a cualquiera que sea capaz de tener una idea relevante para poner usar estos servicios y sea capaz de ponerla en prctica.En la actualidad, el auge que han tenido los mashups en el mbito SIG ha ido aumentando. De entre los muchos existentes, Google Maps (Google, 2013) es el servicio ms importante para la creacin de mashups y el que ha supuesto una verdadera revolucin en este sentido.2.7 Limitaciones y problemas de la cartografa webSi bien es cierto que el Web Mapping representa un avance importante en el mbito SIG, tambin resulta importante mencionar algunos de los inconvenientes que implica trabajar estas nuevas tecnologas.Por un lado, se sabe que el desarrollo de aplicaciones Web es apenas una tendencia que se lleva desarrollando poco tiempo, comparado con el desarrollo de aplicaciones de escritorio, tanto las herramientas utilizadas, como la forma de comunicacin y los procesos de desarrollo an estn madurando. Esto sin embargo no es un tema que deba preocupar, pues al ser tecnologas libres, existe una gran comunidad de desarrolladores que da a da hacen nuevos avances.Otro de los puntos dbiles que posee el Web Mapping radica en el hecho de que se tiene que depender completamente de servicios remotos, esto resulta en un problema cuando dicho servicio no est funcionando correctamente o simplemente este fuera de operacin.Otro de los aspectos en que se debe poner nfasis es en cuanto al volumen de la informacin que se tiene que enviar a travs de la Web para ser representada en los navegadores, la representacin de mapas que tengan opciones de desplazamiento de visualizacin de informacin requieren un ancho de banda suficiente para realizar estas operaciones.

CAPTULO 2. MARCO TERICO

CAPTULO 3ESTADO DEL ARTE3.1 La importancia de la innovacin y el cambio de paradigmasCon el paso del tiempo, los seres humanos son cada vez ms dependientes de la tecnologa, cambiando y adaptando la manera de realizar las cosas de tal forma que se automaticen los procesos para hacer las tareas cotidianas ms sencillas. La dependencia tecnolgica actual ha provocado que no podamos dejar de estar comunicados en ningn momento, saber lo que acontece a nuestro alrededor y sobre todo tener toda esa informacin al instante sin tener que cambiar nuestra ubicacin para conseguir lo que necesitamos, esto es vital para el ciudadano del mundo global.Algo similar pasa en la Web y el internet, junto con los dispositivos mviles y computadoras. Una accin tan cotidiana como localizar la direccin o el punto exacto donde se encuentra un lugar ha pasado de ser una accin en la que se requera un mapa en papel (o varios mapas) a ser una actividad que podemos realizar desde nuestros dispositivos mviles y computadoras utilizando algn servicio de mapas en la Web. Pero no slo los seres humanos hemos cambiado y adaptado nuestra forma de hacer las cosas, las empresas tambin lo han hecho. La competitividad de las empresas ya no est dada por el capital monetario solamente, sino tambin por la infraestructura tecnolgica y la administracin de la misma con el fin de ofertar servicios y productos de mayor calidad. Los sistemas de informacin orientados a la Web, la automatizacin de procesos y el comercio electrnico son ya una tendencia que va en aumento. No es necesario reinventar la rueda (Cornejo V., 2012), la creacin de herramientas como Google Maps y otras API son slo algunas de muchas disponibles para usarse en conjunto con otras para dar lugar a la creciente Integracin de Plataformas que tiene por objetivo generar productos de software ms completos, con mayores capacidades y que brinden ms y mejores servicios, todo esto haciendo uso y explotando recursos que ya estn creados.3.2 Trabajos y publicaciones existentesEl nmero de proyectos (sitios Web) que se pueden encontrar en Internet y que aplican la API de Google Maps, es muy alto. Sin embargo, con el fin de poder analizar sus caractersticas y conocer ms a fondo cuales fueron las circunstancias que dieron origen a dichos proyectos, conocer las herramientas utilizadas y la metodologa para su desarrollo; en esta seccin se muestran 4 aplicaciones (proyectos Web) de la API de Google Maps, dos de ellas son dos sitios Web tomados al azar y los dos restantes fueron seleccionados tomando como base el hecho de que fueron el resultado de proyectos de tesis y artculos de congresos que adems, enriquecieron de forma considerable el desarrollo del SiGEU.Cada uno de los proyectos incluidos cuenta con su propia estructura de construccin, herramientas informticas, uso y aplicacin de la API de Google Maps. Los elementos tecnolgicos y herramientas informticas que se usan en los proyectos estudiados, se encuentran: a. API de Google Maps: como herramienta cartogrfica para la creacin de aplicaciones web que utilizan Web-Maps.b. Base de datos: para el almacenamiento de la informacin con la que interacta el mapa y la aplicacin que se desarrolla.c. Lenguaje de programacin: como un medio para la creacin de pginas Web dinmicas que tengan interaccin entre los datos contenidos en la base de datos y la API de Google Maps, construccin del back end.d. Entorno de desarrollo: como herramienta que permite el desarrollo de aplicacin mediante el uso de interfaces graficas que permiten al usuario tener mayor comodidad durante el desarrollo de sus proyectos, construccin del front end.Cada uno de los proyectos hace uso de las bondades de la API de Google Maps; forma diferente y relacionados directamente con el problema que pretende resolver. Los proyectos que se han realizado son muy variados y es por ello que para los fines que este documento tiene, solo se incluyen algunos trabajos que tienen caractersticas similares a las que SiGEU implementa. 3.2.1 Nighttime

Figura 3. Interfaz grfica de Nighttime.Fuente: http://peter-pesti.appspot.com/night

Nighttime (http://peter-pesti.appspot.com/night) es un sitio Web que utiliza la API de Google Maps para mostrar un mapa de los continentes de la tierra. El uso que se le da del API en este sitio est relacionado con la personalizacin de mapas ya que en este caso particular se hace uso de algunas imgenes de acceso libre que fueron tomadas por la NASA y que muestran una vista satelital de todo el planeta cuando es de noche.Este sitio es muy simple y solo contiene una pgina principal (que se muestra en la Figura 3) que contiene el mapa que presenta el planeta tierra de noche.Dado que el uso de Google Maps implica tener que enviar y recibir solicitudes del servidor, el performance del sitio depende al 100% de la velocidad que se tenga de acceso a la red de Internet.Un aspecto positivo de este sitio est relacionado con la navegacin que se tiene dentro del mapa con los controles que ofrece.El aspecto negativo de este sitio y en general del mapa es que la cantidad de zoom est limitado y a una mayor cantidad de zoom la imagen se distorsiona.Uso de la API de Google MapsEste es Web-Map muy bsico y por ello las funciones que se han implementado de la API de Google Maps son pocas. El sitio cuenta con un mapa personalizado (adicin de plantillas personalizadas) que se ha sustituido por el que Google Maps da por defecto. 3.2.2 MAPS: Terremotos en la ltima semanaMAPS: Terremotos en la ltima semana (http://earthquakes.tafoni.net/) es un sitio de internet que est dedicado a brindar informacin acerca de los terremotos que se han registrado alrededor del planeta en un periodo de tiempo determinado. Para lograr este objetivo se hace uso del API de Google Maps y mediante el uso de Markers se sealan los lugares en los que se han registrado los terremotos recientes se brinda informacin de los mismos.

Figura 4. MAPS: Terremotos en la ltima semanaFuente: http://earthquakes.tafoni.net/

En la Figura 4, se presenta una visin general del planeta (en forma de mapa cartesiano) y se pueden usar los controles del mapa para ir manipulando la vista o se puede hacer uso de las pestaas que muestran zonas especficas del mapa.Un punto importante del mapa es que solo se muestra una cantidad mnima de marcadores, discriminando dentro del total de terremotos registrados en la base de datos y en cada acercamiento a una zona en concreto del mapa se pueden ir visualizando ms y ms marcadores.El performance o rendimiento del sitio depende en gran medida de la velocidad que se tenga al hacer la conexin de internet ya que el API tienen que solicitar una gran cantidad de datos a los servidores de Google.Uso de la API de Google MapsEn este sitio se puede observar que el diseo que se tiene del mapa es el que ofrece de forma estndar la API de Google Maps. Se cuenta tambin con otros elementos que interactan con el mapa y la informacin que brinda la pgina como lo son: botones, links y pestaas que tienen finalidad de hacer ms dinmico el uso del mapa. La combinacin de colores es muy bsica debido a que el sitio tiene un objetivo especfico que es mostrar de forma interactiva el registro de terremotos que se han dado alrededor del planeta en una semana.En cuanto a los elementos y funcionalidades que Google Maps brinda a este Web-Map se destacan: el uso de iconos personalizado para los Markers, Infowindows para el despliegue de la informacin referida a cada uno de los terremotos que identifican y la modificacin dinmica de contenido al cambiar las opciones de zoom en el mapa.3.2.3 Hospital RankingsHospital Rankings (http://www.netdoc.com/hospital-rankings/) es otro de los sitios que se pueden encontrar en internet que hacen uso de las bondades del API de Google Maps. Este sitio est dedicado a hacer una vista (mediante el mapa) de los principales hospitales de Estados Unidos y basndose en iconos de colores, se muestra el tipo de enfermedades que son tratadas en dichas organizaciones. En la Figura 5, se presenta el mapa principal de la aplicacin donde se visualizan los hospitales de un rea especfica.El diseo general de este portal es muy bsico ya que lo que ms llama la atencin es el mapa que ofrece el servicio y muestra la informacin.Adems del mapa, el portal contiene ms informacin mdica contenida en otras pginas del sitio.

Figura 5. Interfaz grfica de Hospital RankingsFuente: http://www.netdoc.com/hospital-rankings/

Uso de la API de Google MapsLos elementos que este sitio utiliza de la API de Google Maps son pocos. Por una parte estn los Markers para mostrar en el mapa la ubicacin de cada hospital que se tiene registrado en la base de datos, los iconos que se utilizan en este sitio y que identifican a cada uno de los hospitales tienen diseos que no son propios de la API de Google Maps (Custom Markers) adems de que existen iconos diferentes para cada tipo de hospital que se presenta. En el sitio de Hospital Rankings, otro elemento importante de Google Maps del que se dispone son los Infowindows sobre los que se despliega la informacin ms importante de cada uno de los lugares mostrados en el mapa. Adicionalmente, se han aadido otras caractersticas propias del lenguaje HTML y con ello se muestra una serie de pestaas en cada elemento, facilitando la visualizacin de informacin y optimizacin del espacio que se tiene.

3.2.4 Proyectos Ejecutados por AuditingIntraesaEl trabajo titulado Diseo, Desarrollo e Implementacin de una Aplicacin Web-Map para la Visualizacin y Consulta de los Proyectos Ejecutados por Auditing-Intraesa (Justo Torres, 2010) es un proyecto de tesis realizado por Roy A. Justo Torres de la Universidad Autnoma del Barcelona y concluida en Febrero de 2010.

Figura 6. Interfaz del proyecto terminado (Auditing Intraesa).Fuente: Diseo, desarrollo e implementacin de una aplicacin Web-Map para la visualizacin y ejecucin de los proyectos ejecutados por Auditing Intraesa, Justo Torres, R. A. (2010)

El proyecto plantea como problema principal la elaboracin de una aplicacin Web-Map que permite identificar por medio de Markers en un mapa (creado con Google Maps) los diferentes proyectos sobre los que lleva control la empresa Auditing-Intraesa y mostrar mediante el uso de Infowindows personalizados la informacin de cada uno de los proyectos. Este proyecto describe de forma clara y detallada el proceso para la construccin de la aplicacin, desde la recoleccin, tratamiento y organizacin de los datos que se almacenan en la base de datos, pasando por la descripcin de las herramientas informticas utilizadas para el diseo de la aplicacin, la integracin y el desarrollo.Actualmente, la aplicacin que describe el proyecto no se encuentra disponible en lnea pero el documento de la tesis es una fuente de informacin terica y prctica.Entre las caractersticas y funcionalidades principales que se incluyen en la aplicacin son las siguientes:a. Conexin de la base de datos con la aplicacin (API de Google Maps).b. Localizacin espacial de los proyectos dentro del mapa generado por la aplicacin.c. Visualizacin de la informacin relacionada a cada uno de los proyectos que se muestran en el mapa haciendo uso de Infowindows personalizados.d. Obtencin de documentos con datos ms precisos de proyectos especficos (si el usuario lo requiere).e. Uso de elementos propios de HTML para brindar dinamismo e interactividad a la aplicacin.Herramientas UtilizadasEl proyecto hace uso de la API de Google Maps ya que ofrece una plataforma tecnolgica muy verstil, cada desarrollador elige las herramientas de acuerdo a sus necesidades, conocimientos, experiencias y costos que se tienen de las mismas. Para el caso de este proyecto, las herramientas que el autor utiliz fueron las siguientes:a. Servidor Web: HTTP Apacheb. Sistema de Gestin de Bases de Datos: MySQLc. Administrador de Bases de Datos: PHPMyAdmind. Desarrollo cliente web: Adoble Flex, API de Google Maps para Flashe. Lenguajes de desarrollo: MXML, AS3, PHP, SQL3.2.5 Mapas de ruido en internetMapa de Ruido Pedana de Murcia es un proyecto realizado por Gonzalo Piero Rubio y Juan Miguel Navarro Ruiz de la Universidad Catlica San Antonio de Murcia. Este trabajo fue expuesto en el 41 Congreso Nacional de Acstica, 6 Congreso Ibrico de Acstica (Piero Rubio & Navarro Ruiz, 2010).

Figura 7. Mapas de Ruido en Internet (Proyecto Terminado).Fuente: Aplicacin Web para la publicacin de mapas de ruido en Internet, Piero Rubio, G., Navarro Ruiz, J. M., (2010).

El objetivo y problema general que atendi esta investigacin fue la creacin de una aplicacin web que hace uso de la API de Google Maps para representar en un mapa los niveles de contaminacin sonora (ruido) de las diferentes zonas pertenecientes a la ciudad de Murcia, as como informacin referente al trfico que ah se genera.La aplicacin desarrollada no est disponible en la web, sin embargo, el documento revisado contiene informacin terica y prctica muy valiosa que permiten identificar aspectos que se deben tomar en cuenta al momento de realizar este tipo de aplicacin o Web-Maps. Herramientas UtilizadasEsta aplicacin est desarrollada sobre una plataforma tecnolgica muy similar al de los proyectos que ya se han descrito en este captulo. Las herramientas utilizadas para la creacin del Mapa de Ruido Pedanas de Murcia son:a. Sistema de Gestin de Bases de Datos: MySQLb. Administrador de Bases de Datos: PHPMyAdminc. Desarrollo cliente web: API de Google Maps, JavaScriptd. Lenguajes de desarrollo: PHP, SQL3.3 Otros ProyectosAdems de los proyectos, sitios y/o documentos que podemos encontrar haciendo una bsqueda en la web, la pgina oficial de Google Maps Developers pone a disposicin una seccin denominada Galera para desarrolladores (Figura 8) en https://developers.google.com/showcase/?hl.es, en esta seccin podemos encontrar una gran cantidad de proyectos que se han realizado mediante uso de la API de Google Maps.

Figura 8. Galera para desarrolladores, Google Maps Developers.CAPTULO 3. ESTADO DEL ARTEFuente: https://developers.google.com/showcase/?hl.esCAPTULO 4MTODOS Y HERRAMIENTAS4.1 Metodologa para el desarrollo del sistemaEl proceso que se lleva a cabo para el desarrollo de Sistemas de Informacin Geogrfica y su variante Web denominada Web Mapping (Web-Map) depende en gran medida del contexto en el que se aplique, es decir, las funcionalidades especficas o extras, as como el tratamiento que se tenga de la informacin manejada por la aplicacin. El desarrollo de sistemas es un trmino amplio, el cual describe la conversin de un proceso manual a una solucin automatizada, basada en la necesidad de incrementar la eficiencia y la productividad de las operaciones de una organizacin (Laudon & Laudon, 2012). El proceso se inicia con una investigacin inicial (principio conceptual) y termina con un sistema implantado sujeto a mantenimiento sobre la marcha.Para llevar a cabo el proceso de desarrollo del proyecto propuesto se ha tomado como base el proceso general de desarrollo de sistemas con el fin de tener un lineamiento establecido para poder concretar satisfactoriamente el proyecto. A continuacin se listan las principales fases que interviene en el proceso de desarrollo del sistema.El proceso que se describir forma parte tambin de la metodologa utilizada en la realizacin de la base de datos del caso de estudio propuesto en este documento.

4.1.1 Planeacin del sistemaLas actividades iniciales de planeacin, identifican la definicin del problema, el establecimiento del alcance y los objetivos del proyecto. Tambin se detalla el costo/beneficio y la presentacin preliminar del diseo. Esta fase corresponde a lo que conocemos como estudio de factibilidad. Se estudian los procedimientos existentes de la organizacin Se da al evaluar los recursos informticos disponibles.La planeacin de un sistema de gran magnitud puede ser dividida en tres partes: investigacin inicial, estudio preliminar del sistema y estudio de planeacin. En el desarrollo de aplicaciones y/o sistemas de menor tamao, estas tres actividades pueden quedar comprendidas en una sola.4.1.2 DesarrolloEsta etapa comprende el estudio de la problemtica y las necesidades existentes en el entorno sobre el que se desea aplicar la solucin, adems de las especificaciones tcnicas, programacin e implantacin de la aplicacin. Esta etapa est compuesta por algunos pasos cortos que son: Requerimientos del usuario. Especificaciones tcnicas. Planeacin de la implementacin. Programacin. Procedimientos y entrenamiento del usuario. Pruebas del sistema.4.1.3 Implantacin del SistemaEs el proceso de instalar equipos o software nuevo, como resultado de un anlisis y diseo previo como resultado de la sustitucin o mejoramiento de la forma de llevar a cabo un proceso automatizado. Al implantar un Sistema de Informacin lo primero que debemos de hacer es asegurarnos que el sistema sea operacional o sea que funcione de acuerdo a los requerimientos del anlisis y permitir que los usuarios puedan operarlo.4.1.4 MantenimientoEl propsito de esta etapa es especificar las actividades y mecanismos para el mantenimiento continuo de un sistema. Se debe reconocer que el cambio es una constante en este medio, tanto en la naturaleza de los sistemas como en la tecnologa, por lo tanto, cada proyecto deber producir documentacin e integrar la opcin de modificar la aplicacin implantada conforme cambien los requerimientos. Las razones para modificar los sistemas de informacin implantados pueden clasificarse en dos categoras: cambios obligatorios y mejoras.Los cambios obligatorios normalmente se inician porque se descubren discrepancias o errores en la aplicacin, o bien, los requerimientos de la organizacin exigen modificaciones. Estos tipos de cambios se derivan principalmente de regulaciones externas o de cambios en otras aplicaciones adyacentes.Las mejoras a las aplicaciones se presentan con el objetivo de lograr una operacin y produccin ms efectiva y eficiente, as como mantenerse al da o para aprovechar los nuevos desarrollos relativos a los equipos de cmputo o de los programas en operacin.4.2 Definicin de las etapas para el desarrollo del sistemaCon el fin de que el desarrollo de Web-Map concluya de forma satisfactoria con la implantacin de un prototipo funcional, y apegndose a la metodologa descrita anteriormente, se ha realizado un diagrama que muestra de forma resumida como se plantea abordar el desarrollo del Web-Map, este desarrollo se compondr por tres fases, las que se presentan en la Figura 9.

Figura 9. Fases del desarrollo del SiGEU.Fuente: Elaboracin propia.

A lo largo de este documento y hasta este punto, se ha descrito tanto la problemtica (de la cual nace el proyecto), la metodologa a utilizar y las fases que contemplar la realizacin del proyecto. En este captulo se concluir con la primera etapa que comprende el proceso de desarrollo del Web-Map (Figura 9). Las dos fases faltantes (diseo y desarrollo) del proceso de desarrollo se describirn a lo largo del siguiente captulo puesto que tienen una relacin ms estrecha y contemplan la aplicacin de todo lo que hasta este momento se ha descrito en el documento.4.3 Anlisis de la informacin de partidaPara poder determinar el tipo de herramientas tecnolgicas que se implementaron para el desarrollo de la solucin (SiGEU) es necesario conocer cules son las caractersticas principales que tiene la aplicacin, as como sus alcances. A continuacin se enlistan de forma breve las caractersticas del SiGEU:a. Es una aplicacin que funciona completamente en la Web.b. Asignacin de roles de usuario para la administracin de la informacin.c. Requiere un cliente o servicio que permita la insercin de mapas en aplicaciones Web. El mapa debe permitir la ubicacin de los espacios fsicos que componen a la UAEH. Poder calcular la ubicacin en la que el usuario se encuentra al momento de acceder a la consulta del mapa. Permitir la optimizacin de rutas ya sea entre puntos (edificios) dentro de la universidad o en su defecto, tomando como origen la ubicacin del usuario. Cambiar la vista con que se muestran los mapas, esto con el fin de poder apreciar de forma fcil el lugar que se est buscando.d. Trabaja con informacin bsica de los espacios fsicos de la UAEH, esta informacin est almacenada en una base de datos. Buscar y listar todos los espacios fsicos que componen a la UAEH. Identificar la(s) actividad(es) principales que se llevan a cabo en cada espacio fsico. Clasificar las actividades segn la importancia o tipo. Buscar y listar las coordenadas geogrficas que poseen cada uno de los espacios fsicos de la UAEH.e. Necesita establecer la conexin entre el servicio de mapas y la base de datos que almacena la informacin.f. El entorno de desarrollo de aplicaciones (IDE) debe permitir que el desarrollo de la aplicacin sea dinmico y basado en iteraciones constantes.4.4 Seleccin de la plataforma tecnolgicaDadas las caractersticas mencionadas en la seccin anterior, los requerimientos tecnolgicos para el desarrollo de esta aplicacin se pueden resumir en los siguientes:1. Un servidor Web2. Un gestor de base de datos3. Un administrador de base de datos4. Servicio de mapas5. Un entorno de desarrolloLa cantidad de herramientas informticas (software) disponibles sobre las que podemos elegir es muy grande. En el mercado podemos encontrar una gran variedad de productos que pueden ser utilizados para lograr las funcionalidades que requiere el SiGEU, estas herramientas las podemos clasificar en dos grandes grupos: las de licencia libre y las que implican costos de adquisicin y uso.4.5 Herramientas de licencia libre como medio de solucinLas herramientas existentes para el desarrollo de sistemas de informacin son muy variadas. Con el paso del tiempo se estn proponiendo nuevas herramientas que poseen una mayor cantidad de funciones, que agilicen los procesos de desarrollo o que se enfoquen a resolver problemas en especfico. Muchas veces, los desarrolladores creen que las herramientas de licencia libre ven limitadas sus funcionalidades en comparacin de aquellas por las que hay que pagar, esto, no es del todo cierto, la cuestin radica en saber elegirlas y conocer previamente las capacidades de las que realmente disponen.Para efectos del Web-Map que se pretende realizar, se ha tomado la decisin de utilizar herramientas de licencia libre, lo cual tendr un impacto en esta investigacin ya que con ello se har la propuesta para el uso de tecnologas poco explotadas y algunas poco conocidas por los desarrolladores de sistemas Web. La Tabla 1 muestra las herramientas seleccionadas para el desarrollo del SiGEU.TecnologaSoftwarePaquete

Servidor WEBTomcatXAMPP

Sistema de Gestin de Bases de DatosMySQL

Desarrollo cliente WebGoogle Maps API v3NA

IDE de desarrollo y lenguaje de programacin Eclipse Grails FrameworkGroovy & Grails Toolsuite

Tabla 1. Plataforma Tecnolgica para el desarrollo del Web-Map.Fuente: Elaboracin propia.4.6 XAMPP4.6.1 Por qu XAMPP?XAMPPes un paquete formado por un servidor web Apache, una base de datos MySQL y los intrpretes para los lenguajes PHP y Perl. De hecho su nombre viene de:X(para cualquier sistema operativo),A(Apache),M(MySQL),P(PHP) yP(Perl). XAMPP es independiente de plataforma y tiene licencia GNU GPL. Existen versiones para Linux (testeado para SuSE, RedHat, Mandrake y Debian), Windows (Windows 98, NT, 2000, XP y Vista), MacOS X y Solaris (desarrollada y probada con Solaris 8, probada con Solaris 9).4.6.2 InstalacinXAMPP solamente requiere descargar y ejecutar un archivo zip, tar, exe o fkl (dependiendo del sistema operativo husped), con unas pequeas configuraciones en alguno de sus componentes que el servidor Web necesita. XAMPP se actualiza regularmente para incorporar las ltimas versiones de Apache/MySQL/PHP y Perl. Tambin incluye otros mdulos como OpenSSL y phpMyAdmin. Para instalar XAMPP se requiere solamente una pequea fraccin del tiempo para descargar y configurar los programas por separado. Puede encontrarse tanto en versin completa, as como en una versin ms ligera que es porttil.4.6.3 MySQLEs un sistema de gestin de bases de datos relacional, fue creada por la empresa sueca MySQL AB, la cual tiene el copyright del cdigo fuente del servidor SQL, as como tambin de la marca. MySQL es un software de cdigo abierto, licenciado bajo la GPL de la GNU, aunque MySQL AB distribuye una versin comercial, en lo nico que se diferencia de la versin libre, es en el soporte tcnico que se ofrece y la posibilidad de integrar este gestor en un software propietario, ya que de otra manera, se vulnerara la licencia GPL. El lenguaje de programacin que utiliza MySQL es Structured Query Language (SQL) que fue desarrollado por IBM en 1981 y desde entonces es utilizado de forma generalizada en las bases de datos relacionales (Gilfillan, 2006, pg. 200).Por qu MySQL?MySQL es un Sistema Gestor de Bases de Datos (SGBD) que resulta fcil de aprender a usar y cuenta con diversas caractersticas y funcionalidades que lo hacen una muy buena opcin para ser usado en proyectos que requieran una base de datos pequeas, adems es un producto que no tiene ningn costo de adquisicin y uso. MySQL es por excelencia un SGBD con el que se puede comenzar a practicar y con el que se pueden realizar proyectos en los que el nivel de datos a manejar sea pequeo.Caractersticas principales Inicialmente, MySQL careca de algunos elementos esenciales en las bases de datos relacionales, tales como integridad referencial y transacciones. A pesar de esto, atrajo a los desarrolladores de pginas web con contenido dinmico, debido a su simplicidad, de tal manera que los elementos faltantes fueron complementados por la va de las aplicaciones que la utilizan. Poco a poco estos elementos faltantes, estn siendo incorporados tanto por desarrolladores internos, como por desarrolladores de software libre. En las ltimas versiones se pueden destacar las siguientes caractersticas principales: El principal objetivo de MySQL es velocidad y robustez. Soporta gran cantidad de tipos de datos para las columnas. Gran portabilidad entre sistemas, puede trabajar en distintas plataformas y sistemas operativos. Cada base de datos cuenta con 3 archivos: uno de estructura, uno de datos y uno de ndice y soporta hasta 32 ndices por tabla. Aprovecha la potencia de sistemas multiproceso, gracias a su implementacin multihilo. Flexible sistema de contraseas (passwords) y gestin de usuarios, con un muy buen nivel de seguridad en los datos. El servidor soporta mensajes de error en distintas lenguas. Ventajas Velocidad al realizar las operaciones, lo que le hace uno de los gestores con mejor rendimiento. Bajo costo en requerimientos para la elaboracin de bases de datos, ya que debido a su bajo consumo puede ser ejecutado en una mquina con escasos recursos sin ningn problema. Facilidad de configuracin e instalacin. Soporta gran variedad de Sistemas Operativos Baja probabilidad de corromper datos, incluso si los errores no se producen en el propio gestor, sino en el sistema en el que est. Conectividad y seguridad Desventajas Un gran porcentaje de las utilidades de MySQL no estn documentadas. No es intuitivo, como otros programas (ACCESS). 4.6.4 Servidor TomcatLos servidores web son aquellos cuya tarea es alojar sitios y/o aplicaciones, las cuales son accedidas por los clientes utilizando un navegador que se comunica con el servidor utilizando el protocolo HTTP.Bsicamente un servidor WEB consta de un intrprete HTTP el cual se mantiene a la espera de peticiones de clientes y le responde con el contenido segn sea solicitado. El cliente, una vez recibido el cdigo, lo interpreta y lo exhibe en pantalla.Adems los servidores pueden disponer de un intrprete de otros lenguajes de programacin que ejecutan cdigo embebido dentro del cdigo HTML de las pginas que contiene el sitio antes de enviar el resultado al cliente. Esto se conoce como programacin de lado del servidor y utiliza lenguajes como ASP, JSP, PHP, Perl y Ajax. Las ventajas de utilizar estos lenguajes radica en la potencia de los mismos ejecutando tareas ms complejas como, por ejemplo acceder a bases de datos abstrayendo al cliente de toda la operacin.Apache Tomcat es una implementacin de cdigo abierto de software de las tecnologas Java Servlet y Java Server Pages. Las especificaciones Java Servlet y JavaServer Pages son desarrollados bajo la Java Community Process (Apache Tomcat).4.7 Groovy & Grails Tool SuiteGroovy & Grails Tool Suite (GGTS), en su versin 3.1, es una plataforma de desarrollo que nos permite crear aplicaciones orientadas a la web. Esta plataforma est compuesta por diversos componentes, todos de distribucin libre, que en conjunto nos proveen de una poderosa herramienta de desarrollo. GGTS representa el pilar ms importante para el desarrollo del proyecto ya que es justamente en esta plataforma en la que se lleva a cabo la creacin del SiGEU.GGTS se puede dividir en dos partes fundamentales:a. El entorno grfico de desarrollo.b. Grails Framework.GGTS nos provee de un entorno grfico para poder desarrollar las aplicaciones, dicho entorno est basado en Eclipse, el cual mediante interfaces grficas (ventanas) nos permite realizar una gestin ms cmoda de los proyectos y sus recursos.Por otro lado tenemos a Grails, el framework que contiene todo lo que se necesita para el desarrollo del proyecto y que se compones de varias herramientas.4.7.1 Por qu Groovy & Grails Tool Suite?Dadas las caractersticas que el Web-Map pretende implementar, se entiende que es una aplicacin orientada a la Web y por tanto necesita de herramientas que cumplan este cometido. Generalmente, el desarrollo de aplicaciones Web supone la interaccin de diversas tecnologas que en conjunto permiten la creacin de proyectos integrales y con un amplio alcance. Lo anterior supone un reto para el(los) desarrollador(es), sin embargo, con el paso de los aos, y el avance que la tecnologa ha tenido, se han elaborado paquetes informticos denominados frameworks que integran todas estas tecnologas mencionadas, apoyando as la labor del desarrollador y agilizando los tiempos.La decisin de usar Groovy & Grails Framework como entorno de desarrollo est sustentado en las caractersticas que ya se mencionaron de l, adems, se eligi est, y no otro software tomando como base los resultados que se exponen en el sitio DevRates (DevRates, 2012), en este sitio se muestran los resultados de un ranking que va de 0-10 respecto a la evaluacin que diversos usuarios (expertos) hacen en cuanto a las caractersticas de tecnologas informticas generalmente orientadas al desarrollo web, lenguajes de programacin y manejadores de bases de datos. La ltima actualizacin del ranking publicado a finales de 2013 por DevRates en cuanto a los frameworks para el desarrollo de aplicaciones Web que trabajan con Java demostr que Grails es el nmero 1 en el Top 10 de Frameworks Web (Figura 11).

Figura 10. Aspectos evaluados por DevRates a los Frameworks Web.Fuente: http://devrates.com/stats/index

En esta evaluacin, se consideran varios aspectos, como lo son: la usabilidad, la simplicidad del framework, la documentacin y la comunidad que se encarga de aportar nuevas caractersticas a la herramienta (Figura 10).

Figura 11. Top 10 Frameworks Web segn DevRates.Fuente: http://devrates.com/stats/index4.7.2 GrailsGrails Framework es creado por Graeme Rocher en el ao 2006 como una respuesta a la necesidad de agilizar, automatizar y simplificar el desarrollo de aplicaciones Web que trabaja sobre la filosofa DRY: Dont repeat yourself! (Brito, 2009).Grails Framework trabaja sobre cuatro pilares (Figura 12):a) Groovy (para la creacin de los objetos dinmicos y propiedades de la clase).b) Spring (para los flujos de trabajo y la inyeccin de dependencias).c) Hibernate (para la persistencia de los datos).d) SiteMesh (para la composicin de la vista).

Figura 12. Core of Grails.Fuente: Manual de Desarrollo Web con Grails, Brito, N., (2009)GroovyGroovy es un lenguaje de programacin, dinmico y gil para la plataforma Java con muchas caractersticas que se inspiran en lenguajes como: Python, Ruby y Smalltalk, esto lo hace un lenguaje preferido por los desarrolladores que ya conocen la sintaxis de Java (Groovy 001).Groovy usa una sintaxis muy parecida a Java, comparte el mismo modelo de objetos, de hilos y de seguridad. Desde Groovy se puede acceder directamente a todas las API existentes en Java. El bytecode generado en el proceso de compilacin es totalmente compatible con el generado por el lenguaje Java para la Java Virtual Machine (JVM), por tanto puede usarse directamente en cualquier aplicacin Java. Todo lo anterior unido a que la mayor parte de cdigo escrito en Java es totalmente vlido en Groovy hacen que este lenguaje sea de muy fcil adopcin para programadores Java; la curva de aprendizaje se reduce mucho en comparacin con otros lenguajes que generan bytecode para la JVM, tales como Jython o JRuby. Groovy puede usarse tambin de manera dinmica como un lenguaje de scripting (Konig, Glover, King, Laforge, & Skeet, 2007).Groovy 1.0 apareci el 2 de enero de 2007. Despus de varias versiones beta y otras tantas candidatas a release, el 7 de diciembre de 2007 apareci la versin Groovy 1.1 que finalmente fue renombrada a Groovy 1.5 con el fin de notar la gran cantidad de cambios que ha sufrido con respecto a la versin 1.0. En diciembre de 2009 se public la versin 1.7.Spring FrameworkJava Enterprise Edition (JEE) es considerada como una de las plataformas de desarrollo de sistemas empresariales ms completa y estable de la actualidad, sin embargo, posee ciertas peculiaridades al momento de programar que hacen la experiencia un poco tediosa, repetitiva y cansada. Para evitar esto, se han creado herramientas que facilitan, simplifican y aceleran el desarrollo rpido de aplicaciones ya que abstraen muchas de las funcionalidades proporcionando versiones ms sencillas (Garca, 2012).HibernateCuando nos encontramos realizando una aplicacin o sistema que tiene que interactuar directamente con los registros e informacin almacenada en una Base de Datos de algn DBMS (Database Managment System) en muy comn que se tenga que hacer uso de algn ODBC que realice bsicamente la conexin con ayuda de un controlador que permita mandar al DBMS las peticiones hechas por el sistema (Smith & Ledbrock, 2009). Existen muchos inconvenientes al momento de usar los ODBC como; la configuracin, la versin y el mantenimiento. Para estos problemas ha surgido Object Relational Mapping (ORM), la cual brinda la capacidad de automatizar la persistencia en una aplicacin a tablas en una base de datos relacional usando metadatos que describen el mapeo entre los objetos y la base de datos.Hibernate es un Framework enfocado al uso de bases de datos desarrollado por JBoss que utiliza el paradigma ORM. El paradigma ORM hace que las tablas se conviertan en clases, las columnas o campos en atributos, los atributos en instancias, las llaves forneas en asociaciones entre objetos y las consultas en llamadas a mtodos (Garca, 2009).La importancia de Hibernate Framework radica en la capacidad y estabilidad que tiene para soportar a los DBMS ms populares y conocidos:a) Oracle 8i, 9i, 10g en adelante.b) DB2 7.1, 7.2, 8.1 en adelante.c) Microsoft SQL Server 2000 en adelante.d) Sybase 12.5e) MySQL Serverf) PostgreSQL 7.1 en adelante.g) Times tenh) HypersonicSQLi) SAP DB4.8 API Google Maps V3El API de JavaScript de Google Maps permite insertar Google Maps en tus pginas web. La versin 3 de esta API est especialmente diseada para proporcionar una mayor velocidad y que se pueda aplicar ms fcilmente tanto a dispositivos mviles como a las aplicaciones de navegador de escritorio tradicionales.El API proporciona diversas utilidades para manipular mapas y para aadir contenido al mapa mediante diversos servicios, permitindo crear slidas aplicaciones de mapas en tu sitio web. La versin 3 del API de JavaScript de Google Maps es un servicio gratuito disponible para cualquier sitio web que sea gratuito para el consumidor.4.8.1 Por qu Google Maps V3?Encontrar la localizacin de algn lugar en especfico, buscar alguna direccin, hallar y trazar rutas que nos permitan llegar a un punto en especfico son solo algunos de los posibles usos que le podemos dar a un mapa. Ahora, en una era donde la tecnologa es esencial para nosotros y en la que dependemos ms de lo que creemos de nuestros dispositivos mviles, no es tan sorprendente decir que los antiguos mapas fsicos, hechos a papel son cosas del pasado y a los que difcilmente recurrimos. En la web de hoy, los mapas son un ingrediente indispensable para nosotros. Pero Por qu usar Google Maps y no otro servicio de mapas en la web?, existen una gran cantidad de servicios de mapas en la web: Yahoo! Maps, Bing Maps, los mapas de Apple entre otros, sin embargo la diferencia radica en que algunos de estos mapas tienen un costo para su uso, mientras que otros no nos brindan un servicio de calidad. Google Maps es uno de los servicios y de las API ms conocidas a nivel mundial, su uso es libre tanto para consultas en la web como para los desarrolladores que deseen integrarlo en sus sitios.4.8.2 Breve historiaGoogle Maps se introdujo por primera vez en una entrada de blog en Google en febrero de 2005 y revolucion la manera en que los mapas funcionaban en una pgina web al permitir al usuario arrastrar el mapa para navegar por l, lo que result novedoso en ese momento. Google Maps fue desarrollado originalmente por dos hermanos daneses, Lars y Jens Rasmussen y fue adquirida por Google en octubre de 2004. Antes no exista una API pblica, por lo que algunos desarrolladores descubrieron la manera de hackear Google Maps para incorporar mapas en sus propios sitios web. Esto llev a Google a la conclusin de que haba una necesidad de desarrollar una API pblica, y en junio de 2005 fue lanzado pblicamente (Google, 2013).El API de JavaScript de Google Maps permite insertar Google Maps en cualquier pgina web (HTML). La versin 3 de esta API est especialmente diseada para proporcionar una mayor velocidad y que se pueda aplicar ms fcilmente tanto a dispositivos mviles como a las aplicaciones de equipos de cmputo tradicionales.El API proporciona diversas utilidades para manipular mapas y para aadir contenido mediante diversos servicios, permitiendo crear slidas aplicaciones. La versin 3 del API de JavaScript de Google Maps es un servicio gratuito disponible para cualquier sitio web que sea gratuito para el consumidor.Desde que Google Maps fue concebido como una herramienta gratuita y de la cual los desarrolladores web se han podido auxiliar para aadir mapas a sus sitios, la cantidad de proyectos que se han realizado utilizando esta herramienta es innumerable. Sin embargo, hay que tomar en cuenta que no cualquier sitio que use Google Maps es un sistema, ya que por regla bsica, los sistemas de informacin proveen y trabajan esencialmente con informacin y resultan herramientas que brindan un servicio a los usuarios (Developers, 2013).Las aplicaciones que se desarrollan utilizando la API de Google Maps slo estn limitadas por la capacidad e imaginacin de los desarrolladores. Ya sea que se integren como parte de proyectos o que simplemente se usen como simple medio para el geomarketing en el cual los usuarios hacen uso de Google Maps para agregar datos de sus establecimientos y con ello estar disponibles en la base de datos del sitio (Metternitch, 2006).

CAPTULO 4. MTODOS Y HERRAMIENTAS

CAPTULO 5DESARROLLO DE SISTEMA5.1 Arquitectura del SistemaSiGEU, se basa en el uso de 4 tecnologas esenciales: MySQL para la base de datos, GoogleMaps V3 como servicio de mapas en lnea, HTML5 como medio de presentacin y Grails Framework para el desarrollo del sistema e integracin de las dems tecnologas. En esta seccin se hace la descripcin general del proceso de desarrollo del sistema el cual comprende la base de datos, la aplicacin que soporta al sistema y la inclusin del mapa. La Figura 13 muestra la arquitectura general del sistema SiGEU.

4 Figura 13. Arquitectura del sistema.Fuente: Elaboracin propia.5.2 Diseo de la base de datosUno de los componentes bsicos del SiGEU es su base de datos en la cual se almacena la informacin geogrfica de los sitios que se muestran en el mapa de la aplicacin, as como informacin bsica de los mismos que es desplegada visualmente por elementos propios de la API de Google Maps V3 (Svennerberg, 2010). La Figura 14 muestra el diagrama Entidad/Relacin de la estructura bsica de la base de datos y los datos con que trabaja la aplicacin.En la Figura 14 se muestra la relacin que existe entre cada una de las entidades:

Figura 14. Modelo E/R.Fuente: Elaboracin propia.a. Una sede puede tener ms de un edifico.b. Un edificio solo puede pertenecer a una sede.c. Cada uno de los edificios que componen las sedes de la UAEH pueden albergar ms de una actividad.5.2.1 Obtencin de los datosLa primera tarea consisti en el anlisis de la informacin y as obtener una seleccin de datos que tuvieran un carcter de inters general y que fuera de alguna manera atractiva para ser visualizada dentro del mapa de la aplicacin SiGEU. Una vez realizado esto, se cre una base de datos llamada garzamap y dentro de esta las tablas: sede, edificio y funcion.El resultado obtenido de esta tarea fue:1. Las coordenadas geogrficas de latitud y longitud de cada uno los espacios fsicos de la UAEH. 2. Solo para las sedes se especificaron dos pares de coordenadas Latitud/Longitud, un par para la ubicacin central del espacio fsico y el par restante para la localizacin del punto ms cercano a la va de acceso, esto con el fin de optimizar el trazo de rutas entre sedes de la UAEH.3. Determinacin de las actividades principales que se llevan a cabo dentro de cada uno de los edificios que pertenecen a las sedes de la UAEH.4. Identificar si las sedes estaban compuestas de edificios internamente, de ser as, crear relaciones de pertenencia para identificar qu le pertenece a quin.5.2.2 Modelo Relacional

Figura 15. Modelo Relacional de la base de datos.Fuente: Elaboracin propia.

Bsicamente la funcionalidad que se pretende alcanzar con el SiGEU est soportada por la informacin contenida en el modelo relacional mostrado en la Figura 15. La relacin sede almacena los datos geogrficos que necesita Google Maps V3 para poder marcar la localizacin en los mapas; se incluye informacin bsica de las principales sedes de la UAEH, los atributos de las Tablas 2-4 marcados con (*) representan los valores de la latitud/longitud que indica su posicin en el mapa. Tal y como se puede notar en lo metadatos mostrados, en la tabla sedes se tienen dos atributos para longitud (longitudc, longitur) y latitud (latitudc, latitudr), esto es, para la optimizacin del trazo de rutas que la API de Google Maps provee. La relacin edificio almacena datos sobre la geolocalizacin de edificios de la UAEH y est relacionada con la relacin sede ya que por cada sede (p.e. ICBI) se tienen un conjunto de edificios u otras reas que estn dentro de la misma (p.e. CITiS). Finalmente, la relacin funcion almacena la informacin referente a las actividades principales de cada rea o edificio.5.2.3 MetadatosA continuacin se muestran las tablas con la descripcin de los diferentes atributos que contiene cada una de las tablas de la base de datos. La descripcin est basada en: el nombre del atributo, su tipo de dato y la restriccin de cada atributo.Sede

NOMBRETIPORESTRICCINNULO

id_sedeInt (pk)Mximo 11 dgitosNo

nombre_oficialVarcharMximo 100 caracteresNo

nombre_cortoVarcharMximo 30 caracteresSi

direccionVarcharMximo 100 caracteresSi

latitudc*DoubleNo

longitudc*DoubleNo

latitudr*DoubleNo

longtudr*DoubleNo

Tabla 2. Metadatos de la tabla sede.Fuente: Elaboracin propia.

Edificio

NOMBRETIPORESTRICCINNULO

id_edificioInt (pk)Mximo 11 dgitosNo

id_sedeInt (fk)Mximo 11 dgitosNo

nombre_oficialVarcharMximo 100 caracteresNo

nombre cortoVarcharMximo 30 caracteresSi

direccionVarcharMximo 100 caracteresSi

latitudc*DoubleNo

longitudc*DoubleNo

Tabla 3. Metadatos de la tabla edificio.Fuente: Elaboracin propia.

Funcion

NOMBRETIPORESTRICCINNULO

id_funcionInt (pk)Mximo 11 dgitosNo

id_edificioInt (fk)Mximo 11 dgitosNo

nombreVarcharMximo 100 caracteresNo

descripcionVarcharMximo 250 caracteresSi

Tabla 4. Metadatos de la tabla funcion.Fuente: Elaboracin propia.

iddireccionlatitudclatitudrlongitudclongitudrnombre_corto

1Real del Monte20.136153720.1356853-98.6718784-98.6721735IA

2Pachuca de Soto20.061638520.0616385-98.3815691-98.3815691ICAP

3Mineral de la Reforma20.094672620.0951361-98.7114895-98.7146008CC

4San Agustn Tlaxiaca20.135569320.1358614-98.8106195-98.8090424ICSA

5San Agustn Tlaxiaca20.141436720.1414367-98.8060544-98.8060544ICEA

6Pachuca de Soto20.12220.123-98.7968194-98.797ICSHu

7Actopan20.276778120.2776134-98.9637681-98.9638057ESA

8Tula20.015863920.0159143-99.2360386-99.2356899ESAT

9Huejutla21.149532921.1498381-98.3847723-98.3862529ESH

10Tlahuelilpan20.131575220.1308474-99.2354598-99.2365086ESTL

11Pachuca de Soto20.124435620.1239118-98.7975008-98.7973372TORRES

12Pachuca de Soto20.108681920.1079716-98.7119624-98.7116459CEUNI

13Pachuca de Soto20.116348620.1167944-98.7312583-98.7312422ES

14Pachuca de Soto20.111870520.1123692-98.7252394-98.7251857AVUNI

15Tulancingo20.071672620.0713552-98.3669204-98.368004Prepa 2

16Pachuca de Soto20.123239320.1246144-98.75675-98.7569377Prepa 3

17Pachuca de Soto20.123894120.1232695-98.7187806-98.7182388Prepa 4

18Pachuca de Soto20.11509120.1148719-98.7194485-98.719639Archivo General

19Pachuca de Soto20.128335820.1280865-98.7346272-98.7340478Abasolo

20Pachuca de Soto20.11692220.1170454-98.7276615-98.7275837Servicio Social

21Pachuca de Soto20.11558820.1152354-98.7480247-98.7476868Prepa 1

Tabla 5. Extracto de informacin almacenada en la tabla sede.Fuente: Elaboracin propia.

Idlatitudclongitudcnombre_cortonombre_oficialid_sedetipo

120.0941029-98.712169AICBI Edificio A3Acadmico

220.0940828-98.7131453BICBI Edificio B3Acadmico

320.0950954-98.7120617CICBI Edificio C3Acadmico

420.0937906-98.7092346DICBI Edificio D3Acadmico

520.0960123-98.713494EICBI Edificio E3Acadmico

620.0942843-98.7080598FICBI Edificio F3Acadmico

720.0932918-98.710903CIMACIMA3Investigacin

820.0931659-98.7104148ANEXO CIMAANEXO CIMA3Investigacin

920.0947679-98.7114984ICEA 1Instituto de Ciencias Econmico-Administrativas3Acadmico

1020.0936999-98.710565ICEA 2Anexo 2 Economa3Acadmico

1120.0934278-98.7098515CapillaCapilla3Acadmico

1220.0938309-98.7091274IsopticasAulas Isopticas3Investigacin

1320.0946470-98.7124587Anexo 1Turismo3Acadmico

1420.0952566-98.7111068GastronomaLic. En Gastronoma3Acadmico

1520.0954581-98.7114341Posgrado ICEAPosgrado ICEA3Acadmico

1620.0968989-98.7142987CEVIDECentro de Vinculacin Internacional y Desarrollo E...3Acadmico

1720.1154218-98.7482903Prepa 1Escuela Preparatoria No. 121Acadmico

1820.1157794-98.74744UAEH/Prepa 1Gimnasio Preparatoria No. 121Deportivo

Tabla 6. Extracto de datos almacenados en la tabla edificio.Fuente: Elaboracin propia.

id_funcionid_edificionombre_cortonombre_oficial

11Ing. IndustrialLicenciatura en Ingeniera Industrial

22Sistemas ComputacionalesLicenciatura en Sistemas Computacionales

316DIADECDireccin de Intercambio Acadmico y Direccin de...

Tabla 7. Extracto de informacin almacenada en la tabla funcin.Fuente: Elaboracin propia.

En las Tablas 5-7 se muestran algunos de los registros almacenados en la base de datos del SiGEU, esto, con el fin de demostrar que las caractersticas dispuestas en los metadatos (Tablas 2-4) se cumplen.5.3 Diseo de las interfacesSiGEU es un Web-Map desarrollado para funcionar en la Web, se compone, al igual que un sitio de internet, de un conjunto de pginas (archivos *.gsp, Groovy Server Page, que combinan cdigo HTML y lenguaje Groovy). El proceso de maquetacin y desarrollo de los diferentes mdulos o pginas que contiene la aplicacin estn realizados en Grails Framework y es esta misma herramienta la que se encarga de hacer las configuraciones necesarias para presentar un sitio web funcional.

Figura 16. Esquema de navegacin del sitio SiGEU.Fuente: Elaboracin propia.

El SiGEU se compone de dos partes esenciales; una interfaz (pginas web) pblica que se muestra a los usuarios del portal y mediante la cual se puede interactuar, la otra parte corresponde a la interfaz privada a la que solo tiene acceso el administrador del sitio y donde se puede modificar la informacin de la base de datos que sirve para alimentar el mapa y los elementos mostrados.En la Figura 16 se muestra el esquema general de navegacin del sitio SiGEU y se pueden apreciar las diferentes vistas (pginas HTML) con las que cuenta el sistema.Con el fin de tener un mayor control y orden durante el desarrollo del sistema, se disearon previamente las interfaces. Las Figuras 17-20 muestran el diseo conceptual de la estructura de algunas de las vistas implementadas en el sitio.

Figura 17. Layout para el diseo de la pgina de inicio.Fuente: Elaboracin propia.

La Figura 17 muestra la un diseo previo de lo que ser la pgina de inicio de la aplicacin, como se puede observar, la aplicacin estar compuesta de una cabecera en la cual se colocar el logo, adems contendr una barra con los mens u opciones disponibles y finalmente, en el cuerpo de la pgina web que ser mostrada al usuario se dispondr de un texto en el que se describir de forma general el objetivo y caractersticas de la aplicacin.

Figura 18. Layout para el diseo de la pgina de trazo de rutas.Fuente: Elaboracin propia.Las Figuras 18 y 19 simbolizan cual es el funcionamiento de las opciones Ver Mapa y Rutas, y como se puede observar, la pgina que se desplegar solo contendr un mapa (adems de la cabecera y men que ya formarn parte de la plantilla del sitio) en el que, con ayuda de la API y las herramientas seleccionadas se dar la interactividad que se ha dispuesto para la aplicacin.

Figura 19. Layout para el diseo de vista de mapa.Fuente: Elaboracin propia.

Uno de los aspectos que hay que tener en consideracin es, que la aplicacin manejar dos tipos de usuarios para el acceso a la aplicacin, por una parte, estn los usuarios de consulta general y por otro lado, estn el(los) administradores de la aplicacin que tienen los privilegios para la modificacin de la informacin que se almacena en la base de datos y que posteriormente es desplegada el mapa. La Figura 20 muestra cual sera el diseo que tendra el formulario en el que se registrara nueva informacin o actualizara la que ya se encuentra en la base de datos, este catlogo solo podr ser visible (como ya se mencion) por el administrador(es) de la aplicacin.

Figura 20. Layout para el diseo de los formularios para modificar registros.Fuente: Elaboracin propia.5.4 Desarrollo de la aplicacinComo ya se mencion en el captulo anterior, las herramientas utilizadas para el desarrollo del SiGEU son:b. Sistema Gestor de Bases de Datos: MySQL.c. Servicio de mapas: Google Maps API V3.d. Lenguajes de programacin Web: HTML5, JavaScript, AJAX. e. Entorno de desarrollo: Groovy & Grails Tool Suite.Adems de las tecnologas mencionadas, se ha de mencionar que el Sistema Operativo sobre el que se han implementado es Windows 8.5.4.1 Creacin del Proyecto en Grails FrameworkUna vez que ya se ha construido la base de datos para el SiGEU, el siguiente paso es comenzar con la codificacin de la aplicacin. Es en este punto donde Groovy and Grails Tools Suite (GGTS) hace su primera aparicin ya que es en esta herramienta en la que se crea el proyecto completo