Escuela superior politécnica del litoral facultad de Ingeniería en Electricidad y Computación

ESCUELA SUPERIOR POLITÉCNICA DEL LITORAL

Facultad de Ingeniería en Electricidad y Computación

“ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN MULTIMEDIA INTERACTIVA PARA MOSTRAR TIEMPOS, DISTANCIAS Y RUTAS EN UN SISTEMA DE TRANSPORTE MASIVO URBANO UTILIZANDO HERRAMIENTAS DE SOFTWARE LIBRE Y TECNOLOGÍA DE WEB 2.0."

TESIS DE GRADO

Previa a la obtención del Título de:

INGENIERO EN COMPUTACIÓN ESPECIALIZACIÓN SISTEMAS MULTIMEDIA

Presentado por

KAROL PAMELA BRIONES FUENTES CARLOS ALBERTO MALIZA MARTÍNEZ

Guayaquil – Ecuador

2009

AGRADECIMIENTO

A Dios por todo, a mi mami Lola y mi abuelo Luis que han sido mis pilares en todo momento, a mis hermanos quienes han sido mi aliciente, a mi pololo Omar por acompañarme y apoyarme durante todo este tiempo, a mis más queridos amigos, pues su consejo, ha sido parte de este esfuerzo. También quiero agradecer a nuestro profesor guía Xavier Ochoa por compartir sus conocimientos y ayudarnos a sacar este trabajo adelante.

Karol Briones

AGRADECIMIENTO

En primer lugar agradezco a Dios, por la vida y por  las fuerzas que me ha brindado no solamente en mis estudios sino durante toda mi vida. Ahora un agradecimiento especial para los seres más maravillosos que Dios me ha dado, ellos son Mis Adorados Padres que han sido la luz de mí vida en cada paso que eh dado. También les agradezco a mis Hermanos y Amigos que siempre me han aportado su apoyo incondicional en todo momento y Finalmente a cada una de las personas que de una u otra manera han estado día a día brindándome su mano amiga para lograr cada unos mis objetivos.

Carlos Maliza

DEDICATORIA

A todos los que luchan por sus sueños, y a pesar de caer en la batalla se levantan y la vuelven a pelear.

Karol Briones

DEDICATORIA

Dedicado principalmente a los seres que me han dado todo en la vida, a Mis Maravillosos Padres que han sido mi pilar en cada instante de mí existir y una dedicación especial para mis amados hermanos que siempre han estado junto a mí en todo momento. 

Carlos Maliza

TRIBUNAL DE GRADUACIÓN

__________________________ __________________________

MSc. Jorge Aragundi MSc. Xavier Ochoa Chehab

SUBDECANO DE LA FIEC DIRECTOR DE TESIS

__________________________ __________________________

MSc. Carmen Vaca Ruiz MSc. Carlos Jordán Villamar

MIEMBRO DEL TRIBUNAL MIEMBRO DEL TRIBUNAL

1DECLARACIÓN EXPRESA

"La responsabilidad del contenido de esta Tesis de Grado, me corresponde exclusivamente; y el patrimonio intelectual de la misma a la Escuela Superior Politécnica del Litoral".

(Reglamento de exámenes y títulos profesionales de la ESPOL).

__________________________

Karol Pamela Briones Fuentes

__________________________

Carlos Alberto Maliza Martínez

RESUMEN

Este documento describe todo el proceso necesario para la implementación de una AMI que integre elementos multimedia con tecnología de Web 2.0, pasando desde los antecedentes del problema hasta la realización y conclusión de la solución.

Se inicia con un capítulo de introducción donde se describe la problemática que da origen a la idea de la realización del trabajo de título, seguido de los antecedentes del problema, el planteamiento de los objetivos tanto generales como específicos, a continuación se detalla la justificación y se plantean las limitaciones y alcances de la solución propuesta.

Luego viene el capítulo de Análisis de la solución en donde se realiza un análisis de requerimientos de hardware y software para posteriormente seleccionar el software con el cual se construirá la solución, todo esto respaldado con una comparación de otras soluciones disponibles en la Web y de las herramientas que existen actualmente, haciendo énfasis en las que se encuentran acorde con las necesidades planteadas y con las limitaciones de la propuesta de tesis.

En el capítulo de Diseño de la Solución se detallan los aspectos de arquitectura de la solución, diagramas estático y dinámico y el diseño web, aspectos muy importantes si se desea comprender a fondo la estructura de la solución.

El capítulo de Implementación de la Solución presenta el desarrollo de la solución, características generales, funcionalidad, diseño, etc.

Y finalmente en el capítulo de Pruebas se presentan los resultados de análisis revisando características generales, funcionalidad, limitaciones de la aplicación y de la herramienta usada para la realización del trabajo de grado.

ÍNDICE GENERAL

AGRADECIMIENTO ii

DEDICATORIA iv

TRIBUNAL DE GRADUACIÓN vi

MIEMBRO DEL TRIBUNAL MIEMBRO DEL TRIBUNAL vi

1 DECLARACIÓN EXPRESA vii

RESUMEN viii

ÍNDICE GENERAL xi

INDICE DE TABLAS xiii

INDICE DE FIGURAS xiii

INTRODUCCIÓN 14

CAPÍTULO I. 17

1 ANTECEDENTES GENERALES Y JUSTIFICACIÓN 17

1.1 Antecedentes del problema 17

1.2 Objetivos. 18

1.2.1 Objetivo General 18

1.2.2 Objetivos Específicos 19

1.3 Otras soluciones disponibles 20

1.3.1 Google Maps 21

1.3.2 Flexmappers 22

1.3.3 Buenos Aires Mapa Interactivo 23

1.4 Posibles Herramientas para la construcción de una solución 24

1.4.1 MS4W 26

1.4.1.1 Servidor de mapas UMN Mapserver 27

1.4.1.2 Servidor Apache 29

1.4.2 Base de Datos (PostgreSQL y Postgis) 29

1.4.3 CartoWeb 30

1.5 Lenguaje de Programación 32

1.5.1 PHP 32

1.5.2 Características Generales 33

CAPÍTULO II. 35

2 ANÁLISIS DE LA SOLUCIÓN 35

2.1 Introducción al Capítulo 35

2.2 Justificación 35

2.3 Análisis de Requerimientos 38

2.4 Casos de uso 40

2.5 Escenarios 43

2.6 Alcance de la Solución 47

CAPÍTULO III. 49

3 DISEÑO DE LA SOLUCIÓN 49

3.1 Introducción al Capítulo 49

3.2 Diseño del SIG 49

3.3 Diagrama Estático. 54

3.4 Diagrama Dinámico. 58

3.5 Diseño Web. 62

3.5.1 Interfaz 62

3.5.2 Usabilidad 66

3.5.3 Arquitectura de la Información 70

3.5.3.1 Diseño de la Información 70

3.5.4 Diseño de la navegación/Interacción 72

3.5.5 Metodología para el desarrollo del sitio Web: Diseño Web centrado en el usuario 74

CAPÍTULO IV. 80

4 IMPLEMENTACIÓN DE LA SOLUCIÓN. 80

4.1 Introducción al Capítulo 80

4.2 Análisis del MapFile 80

4.3 Análisis preliminar de requerimientos sobre la Plataforma Tecnológica 82

4.4 Desarrollo del Prototipo 83

4.4.1 Fundamentación del Diseño 84

4.4.1.1 Color 84

4.4.1.2 Fondos 85

4.4.1.3 Tipografía 85

4.4.1.4 Iconos 86

CAPÍTULO V 87

5 PRUEBAS Y ANÁLISIS DE RESULTADOS. 87

5.1 Introducción al Capítulo 87

5.2 Pruebas de usabilidad 92

5.3 Presentación de resultados 94

5.4 Mantenimiento 100

5.5 Limitaciones 100

2 CONCLUSIONES 103

RECOMENDACIONES 105

BIBLIOGRAFÍA 106

ANEXOS 108

Anexo A Direcciones electrónicas de sitios Web evaluados 108

Anexo B Licencia Pública GNU 109

Anexo C Prueba de Usabilidad 123

Anexo D Archivo MapFile 127

PALABRAS CLAVE 133