universidad de guayaquil facultad de ciencias …repositorio.ug.edu.ec/bitstream/redug/20336/1/tesis...

UNIVERSIDAD DE GUAYAQUIL

FACULTAD DE CIENCIAS ADMINISTRATIVAS

TESIS PRESENTADA COMO REQUISITOS PARA OPTAR POR EL TÍTULO

DE INGENIERÍA EN SISTEMAS ADMINISTRATIVOS COMPUTARIZADOS

DISEÑO E IMPLEMENTACIÓN DE UN SISTEMA HIPERMEDIA, QUE GUÍE A

CONDUCTORES Y PEATONES SOBRE EL CORRECTO USO DE LAS

SEÑALES DE TRÁNSITO EN EL ECUADOR. PROPUESTA

BASADA EN TECNOLOGÍA HTML5 Y CSS3.

AUTORES: Fernanda Michell Regatto Gavilánez

María Verónica Lema Aulla

TUTOR DE TESIS: Ing. Johanna Patricia Zumba Gamboa, MBA

Guayaquil, Noviembre del 2015

II

REPOSITORIO NACIONAL EN CIENCIAS Y TECNOLOGÍA

FICHA DE REGISTRO DE TESIS

TÍTULO: “DISEÑO E IMPLEMENTACIÓN DE UN SISTEMA HIPERMEDIA, QUE GUÍE A CONDUCTORES Y

PEATONES SOBRE EL CORRECTO USO DE LAS SEÑALES DE TRÁNSITO EN EL ECUADOR. PROPUESTA

BASADA EN TECNOLOGÍA HTML5 Y CSS3.”

REVISORES:

INSTITUCIÓN: Universidad de Guayaquil FACULTAD: Facultad de Ciencias

Administrativas

CARRERA: Ingeniería en Sistemas Administrativos Computarizados

FECHA DE PUBLICACIÓN: Año 2015 N° DE PÁGS.: 120

ÁREA TEMÁTICA: Recursos tecnológicos de apoyo para el aprendizaje.

PALABRAS CLAVES: Sistema Hipermedia, Conductores y Peatones, Señales de Tránsito, Html5 y Css3.

RESUMEN:

El irrespeto o el mal uso de las señales de tránsito en el Ecuador, sigue siendo hasta la actualidad

(2015) un problema que no se ha podido superar, tanto conductores como peatones no cumplen

con el correcto uso de las señales de tránsito. Por esta razón se ha desarrollado un sistema

hipermedia, que guíe a conductores y peatones sobre el correcto uso de las señales de tránsito en

el Ecuador. Los temas que se relacionan con la presente tesis son: Sistema Hipermedia,

Conductores y Peatones, Señales de Tránsito y la utilización de Html5 y Css3 para el desarrollo de

la propuesta. En la metodología se aplicó la modalidad de proyecto factible, considerando que es

una propuesta viable y se aplicó también el tipo de investigación descriptiva…

N° DE REGISTRO(en base de datos): N° DE CLASIFICACIÓN:

Nº

DIRECCIÓN URL (tesis en la web):

ADJUNTO PDF SI x NO

CONTACTO CON AUTOR: Teléfono: 0991534963 0993517998

E-mail: [email protected] [email protected]

CONTACTO DE LA INSTITUCIÓN Nombre:

Teléfono:

III

ÍNDICE GENERAL

1. CAPÍTULO 1 .................................................................................................. 4

1. PRESENTACIÓN DEL PROYECTO .............................................................. 4

1.1. Tema o Título del Proyecto ................................................................... 4

1.2. Planteamiento del Problema ................................................................. 4

1.3. Situaciones de Conflicto ....................................................................... 5

1.4. Formulación y Sistematización del Problema ..................................... 8 1.4.1. Formulación ................................................................................................................. 8 1.4.2. Sistematización ........................................................................................................... 8

1.5. Objetivos ................................................................................................. 8 1.5.1. Objetivo general .......................................................................................................... 8 1.5.2. Objetivos específicos .................................................................................................. 9

1.6. Justificación ........................................................................................... 9 1.6.1 Justificación metodológica ........................................................................................... 9 1.6.2. Justificación práctica ................................................................................................. 10 1.6.3. Tecnológica ............................................................................................................... 10 1.6.4. Legal .......................................................................................................................... 11

1.7. Hipótesis ............................................................................................... 11

1.8. Identificación de Variables .................................................................. 12 1.8.1. Variable independiente .............................................................................................. 12 1.8.2. Variable dependiente ................................................................................................ 12

2. CAPÍTULO 2 ................................................................................................ 13

2. MARCO TEÓRICO ...................................................................................... 13

2.1. Antecedentes ........................................................................................ 13

2.2. Sistema Hipermedia ............................................................................. 15 2.2.1. Definición de sistema hipermedia ............................................................................. 15 2.2.2. Componentes o elementos de un sistema hipermedia ............................................. 16 2.2.3. Características de los entornos hipermedia .............................................................. 20 2.2.4. Tipos de Sistemas multimedia/hipermedia ............................................................... 20 2.2.5. Creación de materiales hipermedia o multimedia ..................................................... 22 2.2.6. Ventajas de los sistemas hipermedia ........................................................................ 25 2.2.7. Inconvenientes de los sistemas hipermedia ............................................................. 25

2.3. Conductores y Peatones ..................................................................... 26 2.3.1. Definición de conductores ......................................................................................... 26 2.3.2. Tipos de conductores ................................................................................................ 26 2.3.3. Normas generales de circulación para conductores ................................................. 27 2.3.4. Reglas que todo buen conductor debe cumplir......................................................... 31 2.3.5. Definición de peatones .............................................................................................. 32 2.3.6. Tipos de peatones ..................................................................................................... 32 2.3.7. Normas de circulación para peatones ....................................................................... 33

IV

2.3.8. Prohibiciones para peatones ..................................................................................... 34 2.3.9. Reglas que todo buen peatón debe cumplir ............................................................. 34

2.4 Señales de Tránsito del Ecuador ......................................................... 35 2.4.1. Definición ................................................................................................................... 35 2.4.2. Importancia de las señales de tránsito ...................................................................... 35 2.4.3. Clasificación de señales de transito .......................................................................... 35 2.4.4 Tipos de señales verticales ........................................................................................ 36

2.5. Herramientas para crear materiales Hipermedia ............................... 40 2.5.1. Adobe Illustrator ........................................................................................................ 40 2.5.2. ¿Cuáles son las ventajas de usar Illustrator? ........................................................... 41 2.5.3. Adobe Flash Professional ......................................................................................... 41 2.5.4. Por qué usar Adobe Flash? ....................................................................................... 42 2.5.5. Definición de HTML5 ................................................................................................. 43 2.5.6. Diferencia entre HTML4 Y HTML5 ............................................................................ 44 2.5.7. ¿Por qué usar el lenguaje HTML5 en las páginas web? .......................................... 45 2.5.8. Definición de CSS3 ................................................................................................... 45 2.5.9. Ventajas de utilizar CSS3 en documentos HTML ..................................................... 46 2.5.10. Servidor web de la aplicación.................................................................................. 46

2.6 Marco Conceptual ................................................................................. 47

2.7 Marco Legal ........................................................................................... 48

3. CAPÍTULO 3 ................................................................................................ 49

3. DISEÑO DE LA INVESTIGACIÓN ............................................................... 49

3.1. Modalidad de la Investigación ............................................................ 49

3.2. Tipo de investigación .......................................................................... 49 3.2.1. Métodos utilizados ..................................................................................................... 50

3.3. Población y muestra ............................................................................ 51 3.3.1. Población ................................................................................................................... 51 3.3.2. Muestra ...................................................................................................................... 52

3.4. Técnicas para la recolección de información .................................... 54

3.5. Instrumentos para la recolección de información ............................ 54

3.6. Plan de recolección y procesamiento de datos ................................ 55 3.6.1. Recolección de datos ................................................................................................ 55 3.6.2. Cuestionario de preguntas ........................................................................................ 56 3.6.3. Procesamiento de datos ............................................................................................ 56

4. CAPÍTULO 4 ................................................................................................ 57

4. ANÁLISIS E INTERPRETACIÓN DE LOS DATOS ..................................... 57

4.1. Generalidades ...................................................................................... 57

4.2 Resumen de Resultados ...................................................................... 68

5. CAPÍTULO 5 ................................................................................................ 69

5. ELABORACIÓN DE LA PROPUESTA ........................................................ 69

5.1. Objetivo de la propuesta ..................................................................... 69

5.2. Justificación práctica de la propuesta ............................................... 69

V

5.3. Análisis del Sistema ............................................................................ 69 5.3.2. Casos de uso............................................................................................................. 71 5.3.3. Requerimientos de Hardware y Software ................................................................. 76

5.4 Diseño del Sistema ............................................................................... 77 5.4.1. Arquitectura del sistema ............................................................................................ 77 5.4.3. Mapa de navegación ................................................................................................. 94

5.5. Herramientas, tecnologías y estructura general del sistema ........... 95 5.5.1. Herramientas y tecnologías utilizadas para desarrollo del sistema. Tabla 5. 2. ....... 95 5.5.2. Estructura del sistema EcuTransit ............................................................................ 96

6. CAPÍTULO 6 ................................................................................................ 97

6. CONCLUSIONES Y RECOMENDACIONES ............................................... 97

6.1. Conclusiones ........................................................................................ 97

6.2. Recomendaciones ............................................................................... 98

BIBLIOGRAFÍA ............................................................................................... 99

ANEXO A .................................................................................................... 102

ANEXO B .................................................................................................... 104

ANEXO C .................................................................................................... 116

VI

ÍNDICE DE TABLAS

Tabla 1. 1

Causas y consecuencias del problema .............................................................. 7

Tabla 2. 1

Datos de los antecedente ................................................................................. 13

Tabla 2. 2

Comparación entres estudios realizados ......................................................... 14

Tabla 2. 3

Ejemplos de Sistemas multimedia/hipermedia ................................................. 22

Tabla 2. 4

Tipos de peatones ............................................................................................ 32

Tabla 2. 5

Datos informativos sobre la herramienta Adobe Illustrator ............................... 41

Tabla 2. 6

Datos informativos sobre Adobe Flash Professional ........................................ 42

Tabla 3. 1

Etapas para realizar el tipo de investigación descriptiva .................................. 50

Tabla 3. 2

Población d estudio .......................................................................................... 52

Tabla 3. 3

Datos para el cálculo de la muestra ................................................................. 53

Tabla 3. 4

Muestra de los subconjuntos o estratos ........................................................... 54

Tabla 4. 1

Porcentajes considerando la condición del informante .................................... 58

Tabla 4. 2

Resultados correspondientes a la pregunta 1 .................................................. 59

Tabla 4. 3


Tabla 4. 4


Tabla 4. 5


Tabla 4. 6


Tabla 4. 7


Tabla 4. 8


Tabla 4. 9


Tabla 4. 10


VII

Tabla 5. 1

Requerimientos funcionales y no funcionales .................................................. 70

Tabla 5. 2

Herramientas y tecnologías utilizadas para desarrollo del sistema .................. 95

VIII

ÍNDICE DE FIGURAS

Figura 1. 1

Número de Accidentes de Tránsito en Ecuador ................................................. 5

Figura 1. 2

Número de Accidentes de Tránsito en Ecuador Año 2013 ................................. 6

Figura 2. 1

Hipermedia como combinación de hipertexto y multimedia.............................. 16

Figura 2. 2

Ejemplo de nodos de navegación .................................................................... 17

Figura 2. 3

Ejemplo de conexiones o enlaces .................................................................... 18

Figura 2. 4

Ejemplo de una red de ideas ............................................................................ 18

Figura 2. 5

Tipos de estructuras en red .............................................................................. 19

Figura 2. 6

Tipos de sistemas multimedia/hipermedia ....................................................... 21

Figura 2. 7

Metodología para la creación de multimedia .................................................... 23

Figura 2. 8

Metodología para redactar contenidos ............................................................. 24

Figura 2. 9

Maquetación de contenidos.............................................................................. 25

Figura 2. 10

Ejemplo de señales informativas ...................................................................... 37

Figura 2. 11

Ejemplo de señales preventivas ....................................................................... 38

Figura 2. 12

Ejemplo de señales reglamentarias ................................................................. 39

Figura 2. 13

Ejemplo de señales transitorias ........................................................................ 40

Figura 2. 14

Nuevas etiquetas de HTML5 ............................................................................ 43

Figura 2. 15

Diferencias en la estructura de HTML4 y HTML5 ............................................. 44

Figura 4. 1

Porcentajes considerando la condición del informante .................................... 58

Figura 4. 2


Figura 4. 3


Figura 4. 4


IX

Figura 4. 5


Figura 4. 6


Figura 4. 7


Figura 4. 8


Figura 4. 9


Figura 4. 10


Figura 5. 1

Módulos principales del sistema ....................................................................... 71

Figura 5. 2

Casos de uso del módulo regulatorias ............................................................. 72

Figura 5. 3

Casos de uso del módulo de preventivas ......................................................... 73

Figura 5. 4

Casos de uso del módulo de informativas ........................................................ 74

Figura 5. 5

Casos de uso del módulo de especiales .......................................................... 75

Figura 5. 6

Requerimientos de Hardware ........................................................................... 76

Figura 5. 7

Requerimientos de Software ............................................................................ 77

Figura 5. 8

Requerimientos de Software ............................................................................ 78

Figura 5. 9

Pantalla principal para PC y Laptop ................................................................. 79

Figura 5. 10

Pantalla principal para Tablet ........................................................................... 80

Figura 5. 11

Pantalla principal para Smartphone ................................................................. 81

Figura 5. 12

Pantalla principal sobre señales regulatorias para PC y Laptop ...................... 82

Figura 5. 13

Pantalla principal sobre señales regulatorias para Tablet ................................ 83

Figura 5. 14

Pantalla principal sobre señales regulatorias para Smartphone....................... 84

Figura 5. 15

Pantalla principal sobre señales preventivas para PC y Laptop ....................... 85

Figura 5. 16

Pantalla principal sobre señales preventivas para Tablet ................................ 86

Figura 5. 17

Pantalla principal sobre señales preventivas para Smartphone ....................... 87

X

Figura 5. 18

Pantalla principal sobre señales informativas para PC y Laptop ...................... 88

Figura 5. 19

Pantalla principal sobre señales informativas para Tablet ............................... 89

Figura 5. 20

Pantalla principal sobre señales informativas para Smartphone ...................... 90

Figura 5. 21

Pantalla principal sobre señales informativas para PC y Laptop ...................... 91

Figura 5. 22

Pantalla principal sobre señales informativas para Tablet ............................... 92

Figura 5. 23

Pantalla principal sobre señales informativas para Smartphone ...................... 93

Figura 5. 24

Mapa de navegación del sistema ..................................................................... 94

Figura 5. 25

Estructura del Sistema EcuTransit ................................................................... 96

XI

CERTIFICACIÓN DEL TUTOR

HABIENDO SIDO NOMBRADA, JOHANNA PATRICIA ZUMBA GAMBOA, MBA,

COMO TUTOR DE TESIS DE GRADO COMO REQUISITO PARA OPTAR POR

TÍTULO DE INGENIERÍA EN SISTEMAS ADMINISTRATIVOS

COMPUTARIZADOS PRESENTADO POR LOS EGRESADOS:

FERNANDA MICHELL REGATTO GAVILÁNEZ CON C.I # 0923737423

MARÍA VERÓNICA LEMA AULLA CON C.I # 0928431881

TEMA: “DISEÑO E IMPLEMENTACIÓN DE UN SISTEMA HIPERMEDIA, QUE

GUIE A CONDUCTORES Y PEATONES SOBRE EL CORRECTO USO DE LAS

SEÑALES DE TRÁNSITO EN EL ECUADOR. PROPUESTA BASADA EN

TECNOLOGÍA HTML5 Y CSS3”.

CERTIFICO QUE: HE REVISADO Y APROBADO EN TODAS SUS PARTES,

ENCONTRÁNDOSE APTO PARA SU SUSTENTACIÓN.

________________________________

JOHANNA ZUMBA, MBA

TUTOR DE TESIS

XII

CERTIFICACIÓN DEL GRAMATÓLOGO

QUIEN SUSCRIBE EL PRESENTE CERTIFICADO, SE PERMITE INFORMAR

QUE DESPUÉS DE HABER LEÍDO Y REVISADO GRAMATICALMENTE EL

CONTENIDO DE LA TESIS DE GRADO DE: FERNANDA MICHELL

REGATTO GAVILÁNEZ Y MARÍA VERÓNICA LEMA AULLA. CUYO TEMA ES:

“DISEÑO E IMPLEMENTACIÓN DE UN SISTEMA HIPERMEDIA, QUE GUIE A




CERTIFICO QUE ES UN TRABAJO DE ACUERDO A LAS NORMAS

MORFOLÓGICAS, SINTÁCTICAS Y SIMÉTRICAS VIGENTES.

ATENTAMENTE

____________________________________

Nombres Apellidos

Reg. Senescyt: xxxxxxxxxxx

XIII

DEDICATORIA

Nuestra tesis está dedicada principalmente a Dios, pilar

fundamental en nuestras vidas, ya que cada día nos dio las

fuerzas, dedicación y responsabilidad, para poder resolver

situaciones complejas que se presentaron a lo largo de

nuestros estudios; también está dedicada a nuestros

padres, ya que gracias a su esfuerzo y apoyo incondicional

logramos alcanzar nuestro objetivo.

Fernanda Michell Regatto

María Verónica Lema

Autores

XIV

AGRADECIMIENTO

Agradecemos sinceramente a nuestra tutora Ing. Johanna

Zumba, por habernos dado las pautas necesarias para

culminar con éxito nuestro proyecto de grado, a todos

nuestros maestros quienes nos orientaron y encaminaron

para nuestra formación profesional, a nuestros amigos y

compañeros por animarnos continuamente para alcanzar

nuestro objetivo.

Fernanda Michell Regatto

María Verónica Lema

Autores

XV

RENUNCIA DE DERECHOS DE AUTOR

POR MEDIO DE LA PRESENTE CERTIFICO QUE LOS CONTENIDOS

DESARROLLADOS EN ESTA TESIS SON DE ABSOLUTA PROPIEDAD Y

RESPONSABILIDAD DE:

_________________________________

Fernanda Michell Regatto Gavilánez

CON C.I # 0923737423

_______________________________


CON C.I # 0928431881

TEMA: “DISEÑO E IMPLEMENTACIÓN DE UN SISTEMA HIPERMEDIA, QUE

GUIE A CONDUCTORES Y PEATONES SOBRE EL CORRECTO USO DE LAS



DERECHOS QUE RENUNCIO A FAVOR DE LA UNIVERSIDAD DE

GUAYAQUIL, PARA QUE HAGA USO COMO A BIEN TENGA.

Guayaquil, Noviembre del 2015

XVI



TESIS PRESENTADA COMO REQUISITO PARA OPTAR POR EL TITULO

DE INGENIERÍA EN SISTEMAS ADMINISTRATIVOS COMPUTARIZADOS

DISEÑO E IMPLEMENTACIÓN DE UN SISTEMA HIPERMEDIA, QUE GUIE A


SEÑALES DE TRÁNSITO EN EL ECUADOR. PROPUESTA

BASADA EN TECNOLOGÍA HTML5 Y CSS3.

Autores: Fernanda Michell Regatto Gavilánez


Tutor: Ing. Johanna Zumba, MBA

RESUMEN

El irrespeto o el mal uso de las señales de tránsito en el Ecuador, sigue siendo

hasta la actualidad (2015) un problema que no se ha podido superar, tanto

conductores como peatones no cumplen con el correcto uso de las señales de

tránsito. Por esta razón se ha desarrollado un sistema hipermedia, que guie a

conductores y peatones sobre el correcto uso de las señales de tránsito en el

Ecuador. Los temas que se relacionan con la presente tesis son: Sistema

Hipermedia, Conductores y Peatones, Señales de Tránsito y la utilización de

Html5 y Css3 para el desarrollo de la propuesta. En la metodología se aplicó la

modalidad de proyecto factible, considerando que es una propuesta viable y se

aplicó también el tipo de investigación descriptiva. La población corresponde a

731 y la muestra a 201 personas. La propuesta presentada se considera un

recurso tecnológico muy importante para las aspiraciones futuras de contar con

peatones y conductores mucho más responsables, lo cual permita reducir

considerablemente los accidentes de tránsito en el Ecuador. Se pudo constatar

que las personas tienen un alto nivel de aceptación en los procesos de

aprendizaje donde se incorporan recursos multimedia para el aprendizaje.

Palabras claves: Sistema Hipermedia, Conductores y Peatones, Señales de

Tránsito, Html5 y Css3.

XVII



TESIS PRESENTADA COMO REQUISITO PARA OPTAR POR EL TITULO

INGENIERÍA EN SISTEMAS ADMINISTRATIVOS COMPUTARIZADOS

DESIGN AND IMPLEMENTATION OF A HYPERMEDIA SYSTEM, TO GUIDE

DRIVERS AND PEDESTRIANS ON THE CORRECT USE OF

TRAFFIC SIGNS IN ECUADOR. PROPOSAL

BASED TECHNOLOGY HTML5 AND CSS3.

Autores: Fernanda Michell Regatto Gavilánez


Tutor: Ing. Johanna Zumba, MBA

ABSTRACT Disrespect or misuse of traffic signals in Ecuador, remains until today (2015) a

problem that could not be overcome, both drivers and pedestrians do not meet

the proper use of traffic signals. For this reason we have developed a hypermedia

system to guide drivers and pedestrians about proper use of traffic signals in

Ecuador. The topics that are related to this thesis are: Hypermedia System,

drivers and pedestrians traffic signs and the use of HTML5 and CSS3 for the

development of the proposal. The methodology feasible project modality was

applied, considering it is a viable proposal and was also applied to the type of

descriptive research. The population corresponds to the sample 731 and 201

people. The proposal is considered a very important technology resource for the

future to have more responsible pedestrians and drivers aspirations, which could

considerably reduce traffic accidents in Ecuador. It was found that people have a

high level of acceptance in the learning process where multimedia learning

resources are incorporated.

Keywords: Hypermedia System, Drivers and Pedestrians, Traffic Signs, Html5

and CSS3.

INTRODUCCIÓN pág. 1

INTRODUCCIÓN

Las señales de tránsito se constituyen en un recurso de suma importancia en todos

los países del mundo, cuyo objetivo fundamental es advertir e informar a

conductores y peatones de cómo deben transitar por la vía pública para no generar

malestares o accidentes de tránsito; sin embargo, en muchos países,

principalmente en países subdesarrollados, estas señales son irrespetadas por sus

habitantes, lo cual ha generado accidentes de tránsito de forma continua por

muchas décadas. El irrespeto a las señales de tránsito puede involucrar muchos

factores, entre los que destacan la falta de profesionalización de los conductores y

la ausencia de programas permanentes en las escuelas y colegios, que permitan

crear una cultura de respeto en todos los peatones. Encaminar hacia una cultura

de respeto a conductores y peatones, aún sigue siendo una tarea pendiente,

principalmente en países considerados tercermundistas donde lo económico, social

y cultural juega un papel muy importante en el comportamiento de las personas.

En Ecuador, y principalmente en ciudades mayormente pobladas y en continuo

crecimiento como Guayaquil, Quito, Manta y Machala, es evidente observar el mal

comportamiento de muchos conductores y peatones con respecto a las señales de

tránsito: la imprudencia, la agresión, el irrespeto, la falta de control, el

desconocimiento, son varias de las características que se observan diariamente en

la vía pública, y es precisamente este mal comportamiento el que ha ocasiona

muchos accidentes de tránsito. Según las estadísticas de la Agencia Nacional de

Tránsito, la mitad de los accidentes ocurren por imprudencia, también se presenta

la cantidad de accidentes ocasionados desde el año 2012 donde hubo 23.842

accidentes de tránsito, cifra que se incrementó a 28.169 accidentes en el año 2013

y que para junio de 2014 se encontraba en 19.842 accidentes.

Este estudio se enfoca en brindar una herramienta tecnológica que sea capaz de

presentar información con respecto a las señales de tránsito de manera dinámica y

agradable a la vista de los usuarios, y con ello poder utilizar la tecnología como

aliada para apoyar las campañas de prevención de accidentes de tránsito en

Ecuador, ya que se considera que es muy importante contar con ciudadanos que


conozcan y apliquen correctamente las señales de tránsito y con esto tratar de

revertir el mal comportamiento de muchos conductores y peatones, lo que

implicaría reducir los accidentes de tránsito en Ecuador, es por esto que se ha

implementado un Sistema Hipermedia, para guiar a conductores y peatones sobre

el correcto uso de las señales de tránsito en el Ecuador, y cuya propuesta se basa

en la utilización de tecnologías HTML5 Y CSS3.

La importancia del estudio y su propuesta, radica en que se presenta un sistema

directamente vinculado con la sociedad, el cual se pretende que pueda ser utilizado

en escuelas y colegios del país para incentivar a las futuras generaciones de

conductores y peatones a transitar en armonía por la vía pública.

Capítulo I: Presenta el planteamiento del problema en un contexto, cuál es su

situación de conflicto o nudos críticos, se realiza la formulación del problema y su

sistematización, se establece el objetivo general del estudio y sus objetivos

específicos, se presenta la justificación del problema, la hipótesis del estudio y se

identifican las variables.

Capítulo II: En este capítulo se presentan los fundamentos del estudio: se indican

antecedentes del estudio, se desarrolla el marco teórico en base a los temas de la

investigación, se presenta el marco legal que corresponde a leyes, estatutos o

reglamentos que se consideren en la ley, se presenta el marco contextual del

problema y el marco conceptual que tiene que ver con definiciones o tecnicismos

que se hayan considerado dentro del estudio.

Capítulo III: Este capítulo corresponde al diseño de la investigación, por ende se

presenta la modalidad de la investigación, el tipo de investigación a realizar, se

presenta la población y muestra considerada para el estudio, se describen las

técnicas, instrumentos y herramientas utilizadas para la recolección y

procesamiento de datos.


Capítulo IV: Se presenta el instrumento para la recolección de la información, los

resultados obtenidos, aplicando la técnica de la encuesta y también el análisis de

resultados correspondientes a cada ítem que se incluyó en el instrumento para

obtener la información.

Capítulo V: En este capítulo, se presenta la propuesta tecnológica en base al

problema existente, la misma que implica, todo el ciclo de vida de desarrollo de

software que corresponde al análisis, diseño, implementación y despliegue del

sistema propuesto.

Capítulo VI: Se presentan las conclusiones y recomendaciones en base a lo que

se identificó en el estudio, también se presenta la bibliografía utilizada para reforzar

los temas tratados y se adjuntan los anexos que se hayan utilizado.

DISEÑO E IMPLEMENTACIÓN DE UN SISTEMA HIPERMEDIA, QUE GUÍE A CONDUCTORES Y PEATONES SOBRE EL CORRECTO USO DE LAS SEÑALES DE TRÁNSITO EN EL ECUADOR.

CAPÍTULO 1: PRESENTACIÓN DEL PROYECTO pág. 4

1. CAPÍTULO 1

1. PRESENTACIÓN DEL PROYECTO

1.1. Tema o Título del Proyecto

“Diseño e implementación de un Sistema Hipermedia, que guíe a conductores y

peatones sobre el correcto uso de las señales de tránsito en el Ecuador. Propuesta

basada en tecnología HTML5 y CSS3.”

1.2. Planteamiento del Problema

Las señales de tránsito se caracterizan por la utilización de medios físicos que

representan un lenguaje simbólico, cuyo fin es advertir e informar a los conductores

y peatones, sobre la manera correcta y segura de transitar por las vías públicas, lo

cual permite ordenar y reglamentar el comportamiento de los conductores y

peatones en las vías.

Sin embargo, el irrespeto o el mal uso de las señales de tránsito en el Ecuador,

sigue siendo hasta la actualidad (2015) un problema que no se ha podido superar,

tanto conductores como peatones no cumplen con el correcto uso de las señales

de tránsito.

El desorden y la irresponsabilidad de conductores y peatones puede en muchos

casos alterar el flujo vehicular debido a: conductores que realizan maniobras no

adecuadas, conductores que chatean mientras conducen, conductores que no

respetan las señales de tránsito, conductores que contestan sus dispositivos

móviles sin la utilización de manos libres, peatones que no pasan por el paso cebra,

peatones que no respetan los semáforos o peatones que no utilizan los pasos a

desnivel.



Actualmente en Ecuador, existen varias empresas que permiten obtener una

licencia para conducir, y uno de los requisitos fundamentales para la aprobación es

la correcta interpretación de las señales de tránsito, pero no existe un seguimiento

de evaluación continua que permita conocer si los conductores aplican lo

aprendido. En el caso de los peatones, no se mantienen campañas permanentes

en escuelas y colegios que eduquen a los peatones sobre la correcta interpretación

y aplicación de las señales de tránsito.

1.3. Situaciones de Conflicto

Los accidentes de tránsito en el Ecuador, van en aumento pese a la vigencia de la

nueva Ley del Tránsito. Las estadísticas sobre accidentes de tránsito se muestran

en la Figura 1. 1 según la (Agencia Nacional de Tránsito, 2014).

Figura 1. 1

Número de Accidentes de Tránsito en Ecuador

Fuente: (Agencia Nacional de Tránsito, 2014)

Elaboración: Fernanda Regatto y Verónica Lema

0

5.000

10.000

15.000

20.000

25.000

30.000

año 2012 año 2013 año 2014



Una de las principales causas que ocasionan accidentes de tránsito es la

imprudencia de los conductores o peatones, así lo establecen las estadísticas que

se muestran en la Figura 1. 2 según (Agencia Nacional de Tránsito, 2014).

Figura 1. 2

Número de Accidentes de Tránsito en Ecuador Año 2013

Fuente: (Agencia Nacional de Tránsito, 2014)

Elaboración: Fernanda Regatto y Verónica Lema

En entrevista con Víctor Jiménez, director ejecutivo de COVIAL, manifestó que

“hace falta mayor concienciación de todos los usuarios del sistema vial, mayor

control por parte de las autoridades y trabajar más en campañas de educación vial”

(La Hora, 2013, pág. s.p.).

El comportamiento de conductores y peatones con respecto al mal uso de las

señales de tránsito puede obedecer a varios factores, por eso es muy importante

considerar cuales son las causas y consecuencias que motivan a conductores y

peatones, a no utilizar correctamente las señales de tránsito en el Ecuador, y con

esto poder revertir en alguna medida ese comportamiento con la utilización de

tecnología, como por ejemplo experimentar el uso de un Sistema Hipermedia, que

de forma interactiva puede ser capaz de guiar a conductores y peatones sobre el

correcto uso de las señales de tránsito en Ecuador.

10.385

5.531

1.398

GUAYAS

PICHINCHA

MANABÍ



A continuación en la Tabla 1.1 se presentan las principales causas y consecuencias

del problema.

Tabla 1. 1

Causas y consecuencias del problema

Elaboración: Fernanda Regatto y Verónica Lema Fuente: Fernanda Regatto y Verónica Lema



1.4. Formulación y Sistematización del Problema

1.4.1. Formulación

¿De qué manera aportaría la implementación de un Sistema Hipermedia que

permita guiar a conductores y peatones sobre el correcto uso de las señales de

tránsito en el Ecuador?

1.4.2. Sistematización

¿Es necesario un Sistema Hipermedia que muestre dinámicamente como

deben maniobrar los conductores en las vías?

¿Es necesario un Sistema Hipermedia que muestre dinámicamente como

debe ser el correcto comportamiento de los peatones en la vía pública?

¿Cuál es el impacto que tendría el Sistema Hipermedia como una

herramienta de apoyo en las escuelas y colegios del país?

¿Cuál es el beneficio de aplicar tecnología de fácil acceso para solucionar

las necesidades vinculadas a la sociedad?

1.5. Objetivos

1.5.1. Objetivo general

Facilitar un Sistema Hipermedia, que permita guiar de forma interactiva a

conductores y peatones sobre la correcta utilización de las señales de tránsito en

el Ecuador.



1.5.2. Objetivos específicos

Realizar un estudio general sobre la clasificación de las señales de tránsito

en el Ecuador.

Implementar un Sistema Hipermedia de fácil usabilidad que presente las

señales de tránsito para conductores y peatones del Ecuador.

Concientizar a los conductores sobre las normas generales de circulación

para evitar accidentes.

1.6. Justificación

1.6.1 Justificación metodológica

El presente proyecto “Diseño e implementación de un sistema hipermedia, que guie

a conductores y peatones sobre el correcto uso de las señales de tránsito en el

Ecuador” se lo estructurará utilizando:

Investigación aplicada: la cual parte de una situación problemática que requiere

ser intervenida y mejorada con la implementación de una propuesta.

Los métodos inductivos - deductivo: se utilizan para poder realizar una

exposición de los conceptos relacionados con los temas vinculados a la propuesta,

lo cual permita sacar las respectivas conclusiones y recomendaciones del estudio.

Finalmente, se utilizará la técnica de la encuesta para el levantamiento de

información y posterior el procesamiento de datos para el análisis de resultados, lo

cual al igual que la parte conceptual también permitirán sacar conclusiones sobre

el estudio.



1.6.2. Justificación práctica

El propósito del estudio tiene como objetivo, utilizar una herramienta tecnológica

que permita guiar a conductores y peatones sobre el correcto uso de las señales

de tránsito, para esto se ha propuesto adaptar la información existente en manuales

físicos, libros y reglamentos a las nuevas formas de aprendizaje que hacen uso de

las Tecnologías de la Información y Comunicaciones (TIC) cuyos aportes a los

procesos de aprendizaje se consideran destacados. Con esto se pretende que

conductores y peatones puedan aprender sobre el correcto uso de las señales de

tránsito de forma dinámica y entretenida, lo cual permitirá contar con ciudadanos

mejor informados, respetuosos y dispuestos a colaborar para reducir los accidentes

de tránsito en el Ecuador.

1.6.3. Tecnológica

La tecnología hoy en día se encuentra en todas partes, y una de las razones para

su expansión es la aceptación que tienen las personas para interactuar con todo

tipo de recursos tecnológicos que permitan automatizar actividades, manejar

contenido y aprender interactivamente, compartir información y estados a través de

redes sociales o interactuar con juegos en línea. Analizando la aceptación que

tienen los Sistemas Multimedia e Hipermedia, se ha implementado un Sistema

Hipermedia, para guiar a conductores y peatones sobre el correcto uso de las

señales de tránsito en Ecuador.

En muchos de los casos a las personas que no han desarrollado una cultura de

lectura, les cuesta leer un determinado documento, sin embargo, les parece más

agradable y práctico ver una imagen o un video para retener contenidos de una

forma agradable, es por esto que los sistemas interactivos han ganado espacio

dentro del proceso de enseñanza en todos los niveles de educación.



1.6.4. Legal

En el Ecuador, ya se cuenta con una planificación Nacional, que permite enfocarse

en varios ejes, esa planificación se encuentra documentada en el Plan Nacional del

Buen Vivir 2013-2017, donde se considera el fortalecimiento de una sociedad más

justa y por ende el fortalecimiento de la seguridad integral, considerando como base

los derechos humanos, lo cual corresponde al objetivo número seis de dicho Plan

Nacional. El análisis, diseño e implementación de un Sistema Hipermedia, para

guiar a conductores y peatones sobre el correcto uso de las señales de tránsito en

el Ecuador, es una propuesta que se justifica en el objetivo número seis del Plan

Nacional del buen vivir. A lo que corresponde con el mejoramiento de la seguridad

vial se presentan las siguientes citas al respecto:

(Senplades, 2013) “Fortalecer mecanismos de control para la prevención, la

protección y la regulación, para disminuir los accidentes de tránsito terrestre,

marítimo, fluvial y aéreo” (p. 211).

(Senplades, 2013) “Promover campañas culturales y educativas de seguridad vial,

con énfasis en el respeto al peatón y los ciclistas y la movilidad sostenible” (p. 211).

Según (Senplades, 2013) “Consolidar un sistema de información integrado, para el

monitoreo y el análisis de la seguridad vial en el país” (p. 211).

1.7. Hipótesis

La implementación de un Sistema Hipermedia que facilite contenido gráfico e

interactivo sobre las señales de tránsito para guiar a conductores y peatones,

contribuirá a disminuir el índice de infracciones de tránsito Ecuador.



1.8. Identificación de Variables

1.8.1. Variable independiente

Sistema Hipermedia: Sistema que permite la interacción del usuario con diversos

contenidos de manera diferente y donde el diseño y la integración de elementos

multimedia son características fundamentales para mejorar la experiencia de

usabilidad de los usuarios.

1.8.2. Variable dependiente

Correcta interpretación de las señales de tránsito: Las señales de tránsito son

representaciones gráficas que han sido establecidas con la finalidad de evitar

accidentes de tránsito y se las utiliza en la vía pública para informar a conductores

y peatones con la finalidad de que estos las puedan conocer y aplicar

correctamente y así poder minimizar los accidentes de tránsito en Ecuador.


CAPÍTULO 2: MARCO TEÓRICO pág. 13

2. CAPÍTULO 2

2. MARCO TEÓRICO

2.1. Antecedentes

“Los antecedentes reflejan los avances y el estado actual del conocimiento en un

área determinada y sirven de modelo o ejemplo para futuras investigaciones”.

(Arias, 2006, pág. 106). Por lo tanto, se han seleccionado dos temas similares a al

presente proyecto de tesis que tienen que ver con educación vial. En la Tabla 2. 1

se presentan datos informativos de los dos temas que han sido seleccionados como

antecedentes.

Tabla 2. 1

Datos de los antecedente

Elaborado por: Fernanda Regatto y Verónica Lema

Fuente: (Litardo & Porras, 2012) & (Lino, 2013)

DISEÑO E IMPLEMENTACIÓN DE UN SISTEMA HIPERMEDIA, QUE GUIE A CONDUCTORES Y PEATONES SOBRE EL CORRECTO USO DE LAS SEÑALES DE TRÁNSITO EN EL ECUADOR.


El presente proyecto de tesis “Diseño e implementación de un sistema

hipermedia, que guíe a conductores y peatones sobre el correcto uso de las

señales de tránsito en el Ecuador”, al igual que sus dos antecedentes se asemeja

de forma general en los objetivos que se han establecido en los tres estudios, ya

que presentan como propuesta contenidos relacionados con educación vial. Los

estudios se diferencian en que los dos antecedentes proponen manuales prácticos

que son utilizados en talleres presenciales, mientras que, en el presente proyecto

se utilizará un sistema hipermedia. En el Tabla 2. 2 se presentan las diferencias de

los estudios anteriormente mencionados en los antecedentes vs. la propuesta

actual, donde se considera básicamente sus objetivos y el alcance en términos

generales de los temas.

Tabla 2. 2

Comparación entres estudios realizados


Fuente: (Litardo & Porras, 2012) & (Lino, 2013)



2.2. Sistema Hipermedia

2.2.1. Definición de sistema hipermedia

La composición de los sistemas hipermedias nace de la integración de dos

elementos fundamentales, el hipertexto y la multimedia. “La hipermedia surge como

resultado de la fusión de dos tecnologías, el hipertexto y la multimedia” (Hassan,

2002, pág. s.p.)

El hipertexto es la representación de enlaces cruzados de información que van de

un vínculo a otro, puede estar asociado a documentos de un mismo sitio web o a

documentos de sitios web externos. “Hipertexto constituye una forma de

presentación, generalmente textual, del conocimiento de forma no lineal, similar a

como trabaja el cerebro” (Salinas, 1999, pág. s.p.).

En cuanto al término multimedia apareció a finales de los años 80, y a principios de

los 90 para referirse en ese entonces a ordenadores capaces de trabajar

simultáneamente con sonido, texto, animaciones, vídeo, imágenes, música, etc.

Actualmente la definición de multimedia se refiere a la integración de diferentes

elementos gráficos y visuales con interacción que son utilizados en múltiples

dispositivos como Smartphone, Tablet y Computadoras.

Según (Lamarca M. , 2013) “Multimedia es la combinación o utilización de dos o

más medios de forma concurrente”. Estos medios pueden ser sonidos, imágenes,

videos, animaciones, texto y gráficos. En cuanto al término multimedia interactiva

se basa en el control que poseen los usuarios sobre los diversos componentes o

recursos que integran un sistema, es decir, el usuario decide que ver, cuando verlo,

cuando pausarlo, entre otras funcionalidades, las cuales no se podrían realizar con

multimedios lineales ya que poseen un contenido predeterminado.

(Lamarca M. , 2013) Realiza una representación gráfica de cómo se componen los

sistemas hipermedia. En la Figura 2. 1 se muestran los dos elementos

fundamentales para la creación de sistemas hipermedia.



Figura 2. 1

Hipermedia como combinación de hipertexto y multimedia


Fuente: (Lamarca M. , 2013)

Los sistemas hipermediales, por tanto, se convierten en herramientas tecnológicas

generalmente orientadas al aprendizaje y que permiten presentar la información de

forma interactiva de una manera no-secuencial, para lo cual se basa en un sistema

de navegabilidad que puede hacer uso de recursos (imágenes, videos, páginas,

audios, etc. ) dentro o fuera de un sistema web. “Hipermedia es el término con el

que se designa al conjunto de métodos o procedimientos para escribir, diseñar o

componer contenidos que integren soportes tales como: texto, imagen, video,

audio, mapas y otros soportes de información emergentes” (Moreno, s.f., pág. s.p.).

2.2.2. Componentes o elementos de un sistema hipermedia

Para (Jonassen & Wang, 1900) Los sistemas hipermediales básicamente están

compuestos por cuatro elementos (nodo, conexiones o enlaces, red de ideas e

itinerarios), los cuales se describen a continuación:

Nodo: los nodos consisten en documentos o fracciones de documentos dentro de

un sistema web, los cuales pueden ser pequeñas porciones de texto, gráficos,

animaciones y/o videos. Los nodos son considerados unidades de información

básica, que se encuentran interconectadas para responder al llamado y

Hipertexto

Multimedia

Hipermedia



presentación de información. “Un nodo es un elemento constitutivo del hipertexto

que contiene una cantidad discreta de información” (Lamarca M. , 2013, pág. s.p.).

En la Figura 2. 2 se muestra un ejemplo de nodos de navegación, los cuales

generalmente parten de un documento raíz.

Figura 2. 2

Ejemplo de nodos de navegación

Elaborado por: (Bartolomé, 2014)

Fuente: (Bartolomé, 2014)

Conexiones o enlaces: las conexiones o enlaces dentro de los sistemas

hipermediales son considerados elementos asociativos.

“Un enlace en informática es una expresión que conecta una cierta información con

otra” (MasterMagazine, 2015, pág. s.p.). Es decir, se establecen relaciones entre

enlaces, temas y subtemas dentro de una base de conocimiento previamente

establecida, ya que están interconectados o enlazados a varios recursos o

componentes de manera ordenada y que permiten una navegación fluida. En la

Figura 2. 3 se muestra un ejemplo de cómo están enlazados los documentos o

recursos hipermedia o multimedia.



Figura 2. 3

Ejemplo de conexiones o enlaces


Fuente: Fernanda Regatto y Verónica Lema

Red de ideas: generalmente las redes de ideas o tipos de estructuras en red, se

expanden desde una idea general o nodos padres, hasta ideas puntuales o

específicas sobre una temática tratada. Las redes de ideas se caracterizan por

presentar la información de manera estructurada y organizada dentro de un

sistema. Por lo tanto, Las estructuras de conexiones son las que forman una red de

ideas en un sistema hipermedia. En la Figura 2. 4 se presenta un ejemplo de red

de ideas.

Figura 2. 4

Ejemplo de una red de ideas

Una idea

El acto de

Explica Revela Reorganiza Selecciona Conbina

Mediante

Las aptitudes

La habilidades

Hechos ya conocidos

Enseña

Como tener ideas

Ser creativo


Fuente: (Ospina & Rodriguez, 2012)



Según (Gracia, 2009) existen cuatro tipos de estructuras en red para la creación de

redes de ideas o contenidos: estructura lineal, estructura jerárquica, estructura

lineal con jerarquía y estructura en red propiamente dicha. En la Figura 2. 5 se

muestran los cuatro tipos de redes.

Figura 2. 5

Tipos de estructuras en red

Estructura de red lineal Estructura de red jerárquica

Estructura de red lineal con jerarquía Estructura de red propiamente dicha

1 2

3 4


Fuente: (Gracia, 2009)

Itinerarios: los itinerarios son guías o trayectos que han sido determinados por el

autor o usuarios con privilegios de un sistema, o que están basados en actividades

colaborativas donde se comparte responsabilidad entre los miembros de un equipo,

es decir, son la descripción secuencial de un camino que puede incluir varios nodos

para la localización de un objeto. (Lamarca M. , 2013) “Los itinerarios pueden ser

determinados por el autor, el usuario/alumno, o en base a una responsabilidad

compartida”.



2.2.3. Características de los entornos hipermedia

(Quintana, 1997) citado por (Díaz, Valverde, & López, s.f.) Mencionan las

características que deben presentar los sistemas multimedios o hipermedia:

1) La integración de todo tipo de medios digitalizados de diferentes formas,

tamaños y tipos que van desde un texto simple a complejas animaciones o

presentaciones con la finalidad de crear ambientes de aprendizaje de gran

atractivo visual.

2) Generalmente la información es presentada utilizando una jerarquía de red que

utiliza múltiples nodos y varios niveles que están interconectados para lograr

una navegación funcional para los usuarios.

3) Se maximizan las posibilidades de interacción con los objetos y recursos

obteniendo rapidez en las respuestas.

4) La usabilidad y sencillez de uso que presentan las interfaces de los sistemas

hipermedias están muy ligados a la intuición para que sean manipulados por

usuarios de diferentes edades.

2.2.4. Tipos de Sistemas multimedia/hipermedia

Los sistemas multimedia se han enfocado en el desarrollo de una gran cantidad de

aplicaciones interactivas que cumplen diferentes funciones, es así que, en la

actualidad se pueden evidenciar manuales interactivos, tutoriales formativos,

enciclopedias multimedia, juegos, entre otras aplicaciones dinámicas.

Para Bartolomé (1999) los sistemas multimedios se clasifican en dos grandes

grupos de multimedia: los informativos y los formativos. En la Figura 2. 6 se

presenta la clasificación de los sistemas multimedia/hipermedia.



Figura 2. 6

Tipos de sistemas multimedia/hipermedia


Fuente: (Belloch, 2006)

Actualmente existen una gran cantidad y diversidad de sistemas hipermedias y

multimedia para diferentes edades y para diferentes áreas del conocimiento. Estos

sistemas generalmente son utilizados en escuelas y colegios para reforzar aspectos

puntuales en el proceso de enseñanza-aprendizaje.

A continuación en la Tabla 2. 3 se muestran solo tres ejemplos de aplicaciones

multimedia/hipermedia de las miles que existen.



Tabla 2. 3

Ejemplos de Sistemas multimedia/hipermedia


Fuente: (SCOPE, 2014), (PIPOCLUB, 2015), (EDUCALANDIA, 2015)

Los sistemas informativos, están orientados a la presentación dinámica de

información con respecto a temas puntuales. En cuanto a los sistemas formativos

están orientados a la enseñanza, ya que utilizan algún tipo de metodologías de

enseñanza-aprendizaje para lograr resultados medibles y efectivos. En cualquiera

de los dos casos, estos sistemas son considerados como recursos o herramientas

informáticas que sirven de apoyo para la enseñanza de contenidos puntuales.

2.2.5. Creación de materiales hipermedia o multimedia

“Para realizar un proyecto multimedia hay que tener en cuenta que el proceso de

trabajo va a integrar, al menos, un docente, que planteará los contenidos didácticos,

y un informático que se encargará de procesar toda esa información” (Galán, 2006,

pág. s.p.). “Con el objetivo de facilitar la elaboración de contenidos multimedia y

garantizar que los materiales elaborados cumplan con criterios pedagógicos y de

accesibilidad, se ha desarrollado una metodología que detalla el proceso” (Vallejo,



s.f., pág. s.p.). Esta metodología consta de tres etapas para la elaboración de

materiales multimedia tal como se muestran en Figura 2. 7.

Figura 2. 7

Metodología para la creación de multimedia

Elaborado por: (Vallejo, s.f.)

Fuente: (Vallejo, s.f.)

Diseño del material didáctico: Diseñar componentes multimedia implica un

análisis previo para determinar la organización de los contenidos necesarios para

cubrir una temática y agruparlos de tal forma que la información se encuentre

estructurada y ordenada, luego del análisis se realiza el diseño de las imágenes,

videos o cualquier otro recurso gráfico que se integre en la organización de los

contenidos. Según (Vallejo, s.f.) En el proceso de diseño de los materiales

didácticos es necesario que se llevan a cabo las siguientes tareas: planificación,

análisis de la documentación, búsqueda y consulta de información y organización

de la información.

Elaboración de contenidos: En la elaboración de contenidos se integra todos los

componentes previamente diseñados que están relacionados con un tema puntual,

es decir, a cada tema se agrega texto, gráficos y video. “La elaboración de

contenidos multimedia conlleva la realización de dos tareas: redacción y

guionización. En cada una de las sub-fases se aportan orientaciones y modelos a

seguir para la correcta realización de cada una de ellas” (Vallejo, s.f., pág. s.p.).



Redacción de contenidos: En cuanto a la redacción de contenido “Para la

redacción de contenidos se aportan orientaciones que facilitan la realización de

contenidos multimedia teniendo en cuenta las características del formato en el que

se presentan” (Vallejo, s.f., pág. s.p.). En la Figura 2. 8 presenta la metodología de

(Vallejo, s.f.), utilizada para la redacción de contenidos.

Figura 2. 8

Metodología para redactar contenidos


Fuente: (Vallejo, s.f.)

Guionización de los contenidos: “Para facilitar el proceso de guionización se

utilizan los guiones. Un guión Multimedia es el documento en el que se reflejan

todos los elementos que van a aparecer en las pantallas del curso online:

contenidos y recursos didácticos y multimedia” (Vallejo, s.f., pág. s.p.).

Maquetación del material: La última fase para la creación de contenidos

multimedia es la maquetación, la cual tiene que ver con la presentación

segmentada de los elementos que fueron diseñados en la fase de elaboración de

contenidos. En la maquetación según (Vallejo, s.f.) Se integran dos plantillas



generales: Plantillas de diseño y Plantillas de programación. Las plantillas de diseño

son las bases para las imágenes, ficheros fuentes con extensión .swf (formato de

archivo de Flash) y .psd (formato de archivo de Photoshop) que son necesarios

para maquetar las pantallas. Las plantillas de programación aportan la interacción

de páginas y sus contenidos en ficheros HTML. En la Figura 2. 9 se presenta la

maquetación de una plantilla para la presentación de contenido.

Figura 2. 9

Maquetación de contenidos

Elaborado por: (Garrido, 2013)

Fuente: (Garrido, 2013)

2.2.6. Ventajas de los sistemas hipermedia

A nivel operativo, las ventajas que ofrecen los sistemas hipermedias o multimedia

es que permiten presentar la información de forma interactiva, lo cual aumenta la

motivación por aprender e incrementan la retención de los contenidos, ya que se

utilizan gráficos, videos y audios lo cual permite mejorar el aprendizaje.

2.2.7. Inconvenientes de los sistemas hipermedia

El no contar con un ancho de banda adecuado para la navegación podría

representar varios inconvenientes en los sistemas multimedia o hipermedia, ya que

el tiempo de respuesta de los videos, gráficos y animaciones podría tardar más de



lo esperado, ocasionando efectos negativos en la experiencia de los usuarios con

las aplicaciones multimedia. Otro aspecto a considerar es el costo que representa

la implementación de estos sistemas informáticos.

2.3. Conductores y Peatones

2.3.1. Definición de conductores

Conductores: un conductor legalmente es la persona que ha sido capacitada para

guiar un vehículo, que reuniendo los requisitos establecidos y cumpliendo con las

evaluaciones teóricas y prácticas de idoneidad puede obtener la licencia que lo

habilita como conductor.

(AllTransit, 2015) Con respecto a un conductor define que:

Toda persona que conduce, o tiene control físico de un vehículo motorizado en la vía

pública; que controla o maneja un vehículo remolcado por otro; o que dirige, maniobra

o está a cargo del manejo directo de cualquier otro vehículo, de un animal de silla, o

tiro o de arreo de animales. (pág. s.p.)

2.3.2. Tipos de conductores

(CiudadanosEnRed, 2012) Define cinco tipos de conductores que se los pueden

clasificar según su comportamiento, entre los cuales se encuentran los

compulsivos, los distraídos, los enojados, los sumisos y los relajados.

Los compulsivos: conocen muy bien el tráfico y las señales de tránsito, saben

cómo maniobrar en las horas picos, pueden predecir por donde circular más rápido,

son muy atentos para reaccionar ante al cambio de la luz en el semáforo, calculan

una separación milimétrica en su vehículo y el tráfico. Estos conductores conocen

a perfección la funcionalidad de su vehículo y de las señales de tránsito por tal

motivo les molesta que otras personas no apliquen los mismos conocimientos que

ellos poseen sobre el tránsito en una ciudad.



Los distraídos: estos conductores en ocasiones se pasan del destino a donde se

dirigen, se distraen por cualquier cosa que ocurra en el camino. Este tipo de

conductores tienen por costumbre hablar o chatear por celular cuando manejan sus

vehículos, no se fijan en las señales de tránsito, no están atentos al cambio de la

luz del semáforo.

Los enojados: en este grupo de conductores se encuentran los que por algún

motivo se enojaron antes de subir a su vehículo, y son el tipo de conductores que

gritan, insultan, e incluso pueden llegar a agredir físicamente a peatones u otros

conductores. También están los que el tráfico les causa estrés y se irritan solo

cuando comienzan a conducir su vehículo, formando en ocasiones un

comportamiento de actitud cada vez que conducen.

Los sumisos: en este grupo se encuentran aquellos que nos les agrada conducir,

tienen temor al resto de conductores, no son hábiles tomando decisiones con

respecto al tránsito, ceden el paso para no ocasionar embotellamiento, sienten

temor al incorporarse en un avenida de alto tráfico, se intimidan cada vez que se

aparece un vehículo de gran tamaño.

Los relajados: son conductores que asumen el tráfico como algo normal. Estos

conductores conocen y aplican con mucho respeto las señales de tránsito, no se

molestan por las irresponsabilidades de otros conductores, están atentos para no

provocar embotellamientos o accidentes de tránsito, son personas conscientes de

que el conducir responsablemente no solo depende de ellos, sino de estar atentos

a todas las ocurrencias que sucedan en el camino.

2.3.3. Normas generales de circulación para conductores

Las normas de circulación para conductores buscan minimizar el impacto en el

medio ambiente y reducir las infracciones y accidentes de tránsito en las vías, es

por eso, que se considera importante que los conductores conozcan cuales son las



normas más generales para alcanzar los objetivos propuestos de minimizar

infracciones, accidentes de tránsito e impacto ambiental.

(Saila, Sailburuordetza, & Zuzendaritza, s.f.) Definen cinco normas para

conductores las cuales tienen que ver el comportamiento de los conductores en la

ciudad, con los peatones, con los ciclistas, con otros conductores y por último con

el medio ambiente.

2.3.3.1. El conductor y la ciudad

Las ciudades son los principales escenarios donde conviven los conductores. En la

actualidad muchas ciudades en el mundo se enfrentan a un gran problema de

“tráfico vehicular” es por eso que se han presentado planes y campañas para

concientizar a los propietarios de vehículos a utilizar otros medios de transporte, sin

embargo, hacer conciencia en los conductores para transitar por una ciudad sin

tanto caos vehicular, ha sido y sigue siendo una tarea compleja de resolver, ya que

en los últimos años la cantidad de automóviles sigue en aumento, es por eso que

se recomienda dejar el coche en casa y utilizar otros medios de movilización como

el transporte público, bicicletas, motocicletas o incluso compartir su vehículo con

personas conocidas que vallan a un mismo destino.

2.3.3.2. El conductor y el peatón

Es muy importante que los conductores y peatones traten de tener armonía en las

calles, para ello, es necesario que los conductores conozcan algunos principios

básicos y que los puedan aplicar en la vía pública o carreteras. A continuación se

listan varios de estos principios básicos:

Debe circular con tranquilidad, respetando los límites de velocidad, y las

señales de advertencia.

En los pasos cebras debe respetar y darle la prioridad a los peatones para

circulen.



Actué con respeto a los demás y sentido común. Si tiene luz verde para

continuar, pero ve que existe embotellamiento y avanzar complicaría aún

más el tráfico, no avance y evitara bloquear otras vías donde si pueden

avanzar.

No debe invadir las aceras o calles peatonales para parquearse.

Debe respetar la velocidad permitida en calles residenciales.

Solo en caso de parquear un vehículo se puede dar marcha atrás o por

cualquier acto de emergencia, caso contrario debe evitar conducir en

reversa.

Sea respetuoso con discapacitados y adultos mayores cuando cruzan una

calle. Si el semáforo cambia de luz y ellos siguen en la calzada no les pite.

No conduzca con los vidrios abajo y con un alto volumen, eso hace que el

tráfico en la ciudad sea más incómodo y en ocasiones aumenta las

probabilidades de accidentes.

2.3.3.3. El conductor y el ciclista

Los ciclistas son considerados los más vulnerables en las carreteras, es por eso

que los conductores deben conocer algunas normas para evitar poner en riesgo la

integridad física de los ciclistas, entre las normas más comunes destacan las

siguientes:

Considere que para rebasar a un ciclista debe mantener una distancia de un

metro y medio.

No debe rebasar un ciclista a gran velocidad, ya que podría desestabilizar al

ciclista.

Manténgase atento en la intercepciones, las rotondas o el mantenimiento de

las carreras y facilite el paso en caso de haber ciclistas.

No utilice el claxon de manera excesiva o grosera para advertir a los ciclistas,

esto podría asustarlos y ocasionar un accidente.

Nunca trate de intimidar a un ciclista pasándole muy de cerca su vehículo

esto también podría ocasionar un accidente.



2.3.3.4. El conductor y otros conductores

A continuación se plantean algunas iniciativas para saber cómo reaccionar frente

al comportamiento de conductores agresivos:

Evite caer en provocaciones si es que otro conductor lo insulta.

Si usted observa que otro conductor hace maniobras que atentan contra la

seguridad de otros, es recomendable que lo denuncie.

Si está involucrado en un accidente, no trate de hacer justicia por su cuenta,

eso puede agravar su participación en el accidente.

Si está atrapado en un embotellamiento no toque el claxon eso podría

disgustar a otros conductores y trate de mantenerse en su carril, tampoco

utilice la acera para tratar de salir del tráfico.

Si en el trayecto de su viaje pasa por un accidente de tránsito, no se detenga,

si lo hace, ayuda a obstaculizar la circulación y eso puede ser causa de

disgusto a otros conductores.

2.3.3.5. El conductor y el medio ambiente

Hacer conciencia para minimizar el impacto ambiental también es responsabilidad

de los conductores para ello es necesario que se cumplan ciertas normas:

Trate de minimizar la frecuencia de uso de su vehículo.

Trata de utilizar combustible de buena calidad.

Trate de no incremente la velocidad innecesariamente, esto ayudará a no

consumir tanto combustible y por ende se reduce la contaminación.

Realice un mantenimiento permanente a su vehículo, esto reducirá la

contaminación.

No arroje ningún tipo de desechos por las ventanas de su vehículo.



2.3.4. Reglas que todo buen conductor debe cumplir

(Primicia, 2013) Presenta varias reglas de uso general que deben ser aplicadas por

los conductores, pero la realidad en las vías es que existen varios tipos de

conductores (compulsivos, distraídos, enojados, sumisos y relajados), es así que

solo los buenos conductores terminar aplicado estas reglas:

Los límites de velocidad deben ser respetados por los conductores.

Es fundamental que los conductores conozcan las señales de tránsito y las

apliquen adecuadamente.

Cuando se conduce no se puede ingerir bebidas alcohólicas.

Todos los conductores deben tener los documentos necesarios para poder

conducir un vehículo.

Deben de mantener una distancia prudente entre un auto y otro cuando se

circula en la carretera.

Cada vez que tenga que movilizar su vehículo en reversa debe hacerlo con

mucha precaución para evitar accidentes.

Se debe estar atento a la carretera para evitar movimientos bruscos al

conducir en caso de baches y no perder el control del vehículo.

Controlar adecuadamente el uso de luces direccionales en caso de

pretender girar, frenar o cambiar de carril.

Debe recordar que para rebasar un vehículo solo lo puede hacer por la

izquierda.

Trata de mantenerse en su carril en todo momento, no se cambie de un carril

a otro de manera continua.

Verifique con atención las señales de tránsito y semáforos antes de cruzar o

girar con su vehículo.

No lleve niños en el asiento del copiloto, en caso de accidente el riesgo de

lesiones es mayor.



2.3.5. Definición de peatones

Peatones: según la (RAE, 2015) un peatón es una “Persona que va a pie por una

vía pública”. Es decir, que todo aquel que se considera peatón debe transitar por

las vías y espacios establecidos para su circulación, en algunos casos ayudados

por algún medio material como muletas o sillas de ruedas.

(Valcárce, 2010) Define un peatón de la siguiente manera:

Un peatón es la persona que, sin ser conductor, transita a pie por las vías públicas.

También se consideran peatones los que empujan cualquier otro vehículo sin motor

de pequeñas dimensiones o los minusválidos que circulan al paso con una silla de

ruedas con motor o sin él. (pág. s.p.)

2.3.6. Tipos de peatones

(Revista en Movimiento, 2014) Define varios tipos de peatones que se pueden

encontrar en la vía pública. En la Tabla 2. 4 se presentan los tipos más destacados.

Tabla 2. 4

Tipos de peatones


Fuente: (Revista en Movimiento, 2014)



2.3.7. Normas de circulación para peatones

Para (Saila, Sailburuordetza, & Zuzendaritza, s.f.) “El peatón es, junto con el ciclista,

el eslabón más débil de la cadena de la circulación. Es conveniente extremar la

prudencia y conocer las principales medidas de autoprotección para caminar con

tranquilidad y seguridad”. Además estos autores definen dos normas generales de

comportamiento que deben tener los peatones con los conductores y con los

ciclistas.

2.3.7.1. El peatón y los conductores

Al igual que los conductores, los peatones también deben conocer y aplicar

responsablemente las normas más generales de circulación peatonal, para tener

armonía con los conductores, con ello se minimiza el riesgo de que sufran

accidentes o disgustos en la vía:

Debe respetar las normas básicas de circulación.

No cruce cuando la luz del semáforo está en rojo.

Cuando el semáforo le dé luz verde, compruebe que los vehículos en la vía

han detenido la marcha.

El peatón tiene prioridad en los pasos cebra, pero hay conductores que no

respetan esa prioridad, por eso, es necesario que cruce con precaución.

No cruce cerca de vehículos que se están estacionado.

No camine por la carretera, utilice la acera.

Trate de no utilizar su teléfono móvil cuando va cruzando una carretera.

2.3.7.2. El peatón y el ciclista

Dentro de la convivencia de los peatones en la carretera es necesario considerar a

los ciclistas, ya que ellos también formar parte del tráfico en una ciudad, por ello,

hay que conocer varias normas que pueden ayudar a reducir situaciones de

riesgos, en este caso para los dos actores (peatones y ciclistas) ya que son

considerados los más vulnerables de las carreteras:



Trate de no invadir los espacios reservados para los ciclistas.

Si no existen espacios específicos para ciclistas es muy probable que estos

invadan la acera, manténgase atento cuando estos circulen.

Si sale con su perro, manténgalo bien sujetado, generalmente los perros

asustan a los ciclistas.

Antes de cruzar una calle verifique que no hay ciclistas, recuerde que estos

medios de transporte no hacen ruido.

2.3.8. Prohibiciones para peatones

(Rueda, s.f.) Existen algunas prohibiciones de conocimiento general para peatones

las cuales se recomienda aplicar para minimizar las imprudencias en las vías:

Los peatones no pueden invadir zonas destinada al tránsito vehicular.

No deben cruzar avenidas de alto tráfico vehicular.

No deben transitar por túneles o puentes.

No deben subir o bajar de vehículos que están en movimiento.

2.3.9. Reglas que todo buen peatón debe cumplir

(Rueda, s.f.) También define varias reglas de conocimiento general que deben ser

aplicadas por los peatones las cuales se listan a continuación:

Debe caminar por los andenes o acera.

Debe utilizar los pasos a desnivel para cruzar de una calle a otra.

Utilice los pasos cebras para cruzar.

Debe mirar a su alrededor antes de cruzar una calle.

Utilice las esquinas para cruzar una calle.

No se distraiga cuando cruza una calle, no voltee la mirada.

No debe bajar de un vehículo a mitad de la carretera.

En los pasos cebra verifique que los vehículos detengan la marcha.

Por ninguna razón suelte a los niños de la mano al cruzar una calle.

Si hace deporte en las aceras de la vía pública, manténgase atento.

En días lluviosos manténgase atento al tráfico.



2.4 Señales de Tránsito del Ecuador

2.4.1. Definición

Las señales de tránsito son símbolos indispensables para impartir información

necesaria a conductores y peatones que circulen por las vías. Estas señales

permiten la convivencia en la vía pública, ya que norman, previenen e informan a

los usuarios. Su conocimiento debe ser responsabilidad de los ciudadanos para

aplicarlas de tal manera que se eviten accidentes de tránsito. Las señales de

tránsito “Son aquellas señales, luces, signos, y otros dispositivos que sirven para

guiar, ordenar y regular el movimiento vehicular y/o peatonal, y evitar de esta

manera accidentes” (AECON, 2011, pág. s.p.).

Según la Empresa pública metropolitana de movilidad y obras públicas (Epmmop,

2013) dice que:

Las señales de tránsito son un conjunto de símbolos estandarizados a nivel global

que advierten e informan a los usuarios de las vías, con la debida anticipación, de

determinadas circunstancias de la circulación, pudiendo así ordenar y reglamentar

su comportamiento, con seguridad y responsabilidad. (pág. s/n)

2.4.2. Importancia de las señales de tránsito

La importancia de las señales de tránsito, radica en dar a conocer a la ciudadanía

símbolos informativos, preventivos, reglamentarios y transitorios que minimicen o

prevengan accidentes de tránsito, ya que se considera que si cada ciudadano se

compromete a conocer y aplicar las señales de tránsito y desarrollar buenos hábitos

en la vía pública, tanto conductores como peatones podrían transitar por las calles

en armonía y los accidentes de tránsito se reducirían notablemente.

2.4.3. Clasificación de señales de transito

El estándar global sobre señales de tránsito reconoce cinco tipos de señales de

tránsito las cuales según (AECON, 2011) son: luminosas, acústicas, manuales,



horizontales y verticales. A continuación se describen los cinco tipos de señales

mencionados:

a) Luminosas: son señales que se perciben visualmente por medio de

semáforos o algún otro mecanismo electrónico que tienen luces

programadas para indicar señales de circulación a conductores y peatones

b) Acústicas: son señales auditivas las cuales pueden surgir por el pido de un

agente de tránsito, claxon de los vehículos o sirenas de emergencia de

organismos de auxilio y emergencia.

c) Manuales: son señales corporales las cuales a través de ademanes

permiten a conductores, peatones, ciclistas, motociclistas y agentes de

tránsito indicar alguna acción con las manos. De todos los actores de este

tipo de señales prevalecen la que realicen los agentes de tránsito.

d) Horizontales: las señales horizontales son los símbolos, objetos o palabras

que se encuentran adheridas al pavimento en las vías o carreteras.

e) Verticales: Este tipo de señales verticales se subdividen en las siguientes

señales: informativas, preventivas, reglamentarias e informativas.

2.4.4 Tipos de señales verticales

2.4.4.1 Señales informativas

Estas señales sirven para informar con respecto a servicios, como por ejemplo:

teléfono, correos, rutas, destinos, direcciones, punto de interés y cualquier otra

información que el usuario pueda necesitar. Estas señales pueden mostrarse

agrupadas en placas, paneles de señalización, o cuando se está próximo a llegar

a una comunidad, localidad o ciudad.



(AECON, 2011) Define las señales informativas como:

Informan a los usuarios de la vía de las direcciones, distancias, destinos, rutas

ubicación de servicios y puntos de interés turístico y ambiental, tienen como propósito

orientar y guiar a los usuarios del sistema vial proporcionándoles la información

necesaria para que puedan llegar a sus destinos de la forma más segura, simple y

directa posible. (pág. 70)

En la Figura 2. 10 se muestran algunos ejemplos sobre señales de información.

Figura 2. 10

Ejemplo de señales informativas


Fuente: (AllTransit, 2015)

2.4.4.2 Señales de prevención

Este tipo de señales de tránsito advierten peligro a los conductores, para que ellos

tomen precauciones como reducir la velocidad o alguna otra indicación. Tienen

como propósito advertir a los conductores de las vías de todos los riesgos y/o

situaciones que se pueden presentar de carácter permanente o temporal. Para

(AECON, 2011) son señales que “Advierten a los usuarios de las vías, sobre

condiciones inesperadas o peligrosas en la vía o sectores adyacentes a la misma,

se ubican en lugares previos a estas condiciones” (pág. 68).



En la Figura 2. 11 se muestran algunos ejemplos con respecto a las señales

preventivas.

Figura 2. 11

Ejemplo de señales preventivas

Elaborado por: (AECON, 2011)

Fuente: (AECON, 2011)

2.4.4.3 Señales de reglamentación

Las señales reglamentarias son aquellas señales de tránsito que tienen la finalidad

de notificar a los conductores de la vía, sobre las limitaciones, prohibiciones o

restricciones que gobiernan el uso de ellas y cuya violación constituye una

infracción castigada por la ley de tránsito. Según (AECON, 2011) “Regulan el

movimiento del tránsito e indican cuando se aplica un requerimiento legal, la falta

del cumplimiento de sus instrucciones constituye una infracción de tránsito” (pág.

62).

En la Figura 2. 12 se muestra varios ejemplos correspondientes a señales

reglamentarias.



Figura 2. 12

Ejemplo de señales reglamentarias


Fuente: (AECON, 2011)

2.4.4.4 Señales transitorias

Este tipo de señales son temporales y su función es advertir a los conductores y

peatones sobre la realización de trabajos de construcción y/o mantenimiento de las

vías y carreteras. Estas señales suelen ser muy visibles en la mayoría de los casos

de color naranja fosforescente. con respecto a las señales transitorias se dice lo

siguientes: “Las señales y dispositivos para obras viales y propósitos especiales

advierten a los usuarios de la vía, de condiciones peligrosas temporales, las que

pueden afectar tanto a dichos usuarios como a los trabajadores y equipos

empleados en obras viales” (AECON, 2011, pág. 73).



En la Figura 2. 13 se muestra varios ejemplos correspondientes a señales

transitorias.

Figura 2. 13

Ejemplo de señales transitorias



2.5. Herramientas para crear materiales Hipermedia

2.5.1. Adobe Illustrator

Adobe Illustrator es una herramienta utilizada para la edición de gráficos

vectoriales, en su mesa de trabajo digital se pueden realizar trabajos de todo tipo

como la creación de imágenes artísticas, caricaturas, dibujos técnicos, entre otros.

Esta herramienta de edición contiene una amplia gama de opciones para crear

representaciones creativas y flexibles que se adapten a los diferentes tipos de

resoluciones de pantallas. Adobe Illustrator es uno de los programas de edición y

creación de soluciones gráficas más utilizados por los diseñadores a nivel mundial.

La Tabla 2. 5 muestra datos informativos sobre Adobe Illustrator.



Tabla 2. 5

Datos informativos sobre la herramienta Adobe Illustrator



Esta herramienta gráfica será utilizada para la creación de imágenes

correspondientes a señales de tránsito o el diseño del entorno donde se indiquen

las formas correctas o incorrectas de circulación, las cuales posteriormente serán

adaptadas a videos creados en flash.

2.5.2. ¿Cuáles son las ventajas de usar Illustrator?

Entre las ventajas más relevantes de utilizar la herramienta de adobe Illustrator se

consideran las siguientes:

Cuenta con una interfaz gráfica consistente y amigable.

Cuenta con un completo kit de herramientas para ediciones profesionales.

Ocupa menor espacio en memoria cuando se almacenan los archivos.

Se mantiene la calidad si las imágenes son escaladas.

Se pueden exportar archivos en todas las extensiones.

Al ser unos de los programas más utilizados por diseñadores, existe

abundante información para la creación de soluciones gráficas.

2.5.3. Adobe Flash Professional

La herramienta Adobe Flash, es una aplicación destinada a la creación de videos u

objetos animados en su presentación. Estos archivos son muy utilizados en banner,

juegos y todo tipo de soluciones animadas que posteriormente forman parte de



complejos sistemas web. En la creación de objetos animados por medio de esta

herramienta se puede incluir una gran cantidad de fotogramas, imágenes, videos,

audios y código fuente para su respectiva programación. La Tabla 2. 6 muestra

datos informativos sobre Adobe Flash Professional.

Tabla 2. 6

Datos informativos sobre Adobe Flash Professional



Adobe flash, por considerarse una completa herramienta de desarrollo para la

creación de elementos multimedia ha sido seleccionada para la creación de las

ilustraciones gráficas en video que serán los componentes necesarios para el

ensamblaje del sistema hipermedia.

2.5.4. Por qué usar Adobe Flash?

Entre las ventajas que ofrece la herramienta de adobe flash, se encuentran las

siguientes:

Cuenta con un kit de herramientas que permiten hacer fácil complejas

operaciones de animación.

Es una herramienta muy utilizada para la creación de todo tipo de

animaciones para la web.

Se pueden crean aplicaciones interactivas complejas o componentes

interactivos para la web.



Es la herramienta más utilizada por los diseñadores y programadores para

la creación de juegos interactivos.

Utiliza el lenguaje de programación orientado a objetos ActionScript, el cual

permite programar componentes.

2.5.5. Definición de HTML5

HTML (Hyper Text Markup Language) lenguaje de marcas de hipertexto, es el

lenguaje básico de marcas mediante el cual, se encuentran construidos todos los

sitios web que se encuentran publicados en Internet, es una forma semántica de

representar la estructura y contenido de una página web. Por otro lado HTML5 es

la versión más reciente de este lenguaje de marcas que todavía se encuentra

inconcluso. Este lenguaje está siendo desarrollado por el W3C (World Wide Web

Consortium), consorcio internacional encargado de diseñar, desarrollar, validar,

aprobar y recomendar estándares web. En la Figura 2. 14 se muestra una

ilustración de las novedades que presenta HTML5.

Figura 2. 14

Nuevas etiquetas de HTML5

Elaborado por: Eric Watkins

Fuente: (Watkins, s.f.)



HTML5 será utilizado como plantilla general para la creación del sistema

hipermedia, estas plantillas serán las contenedoras de los componentes creados

con las herramientas de adobe Illustrator y flash profesional.

2.5.6. Diferencia entre HTML4 Y HTML5

La versión 4 de HTML mantuvo durante varios años muchas limitaciones dentro del

lenguaje de marcado, ya que no se incluía Streaming de vídeo, componentes

dinámicos e integración directa de audio y video para lo cual se requería de plugin

de terceros para poder integrarlos. HTML 5 integra nuevas características que

permiten darle más flexibilidad a la creación de sitios interactivos, dentro de las

nuevas características se incluyen teclas de acceso, nuevos estilos, atributos

globales, campos ocultos, corrección de ortografía, elementos como Drag and Drop

para arrastrar y soltar componentes y simplicidad en la estructura. En la Figura 2.

15 se muestra un ejemplo general en la estructura de HTML4 Y HTML5.

Figura 2. 15

Diferencias en la estructura de HTML4 y HTML5


Fuente: Internet (HTML4 y HTML5)



2.5.7. ¿Por qué usar el lenguaje HTML5 en las páginas web?

HTML5 es una versión ajustada a las nuevas exigencias de la web, su utilización

en la actualidad es muy evidente, ya que se presenta como el nuevo estándar para

la creación de sitios interactivos. A continuación se listan algunas consideraciones

importantes del porque utilizar HTML5:

La optimización del código permite que los documentos carguen más rápido

en los navegadores.

Es un lenguaje soportado en la mayoría de los navegadores como Mozilla,

Chrome y Opera.

Sus etiquetas pueden adaptar los documentos web a cualquier tipo de

pantallas de Smartphone.

Existen varios sitios web que proporcionan botones, plugin y widgets pre

construidos por programadores y que se encuentran listos para reutilizar.

La integración de videos y animaciones se hace directamente sin la

utilización de etiqueta object.

Se incluyen etiquetas estándares, lo que facilita las búsquedas de

contenidos en la web.

Se incluyen nuevos elementos para la geolocalización de usuarios y

navegación en mapas.

Se pueden validar componentes con los propios atributos de los

componentes sin la utilización de script adicionales.

2.5.8. Definición de CSS3

CSS es un acrónimo conocido como hoja de estilo en cascada por sus siglas en

inglés de (Cascading Style Sheets) es un lenguaje utilizado para la definición y

presentación de un documento estructurado escrito en HTML. Las hojas de estilo

permiten darle presentación y dinamismo a los documentos HTML. La World Wide

Web Consortium (W3C) es la encargada de formular las especificaciones de las

hojas de estilo que sirven de estándar para los navegadores.



2.5.9. Ventajas de utilizar CSS3 en documentos HTML

Son muchas las ventajas que presentan los archivos CSS3 en la construcción de

sitios o aplicaciones web. A continuación se listan las principales ventajas de la

utilización de hojas de estilos:

Al utilizar hojas de estilo se logra un mayor control de la presentación de todo

el sistema. Si se realizan cambios de estilo, estos se realizan en las hojas

de estilo y no en los componentes de HTML.

Se mejora notablemente la presentación de los documentos en HTML y se

crean efectos en la presentación.

Permite la utilización de varios archivos para la adaptación de los

documentos HTML en varios dispositivos y resoluciones de pantallas.

Se puede hacer uso de la técnica CSS Sprites para utilizar una sola imagen

que represente una gran cantidad de iconos lo cual permite aligerar la carga

de los documentos HTML.

Permite obtener imágenes o efectos que podrían ser realizados utilizando un

editor de imágenes lo cual ahorra tiempo y trabajo.

2.5.10. Servidor web de la aplicación

El sistema web sobre señales de tránsito puede ser desplegado utilizando un

navegador web, desde una máquina local o también puede ser utilizada mediante

el servidor de aplicaciones WampServer de manera local (en la propia maquina)

pero en este caso para la presentación del proyecto se utiliza el servicio de hosting

de http://www.000webhost.com/ el cual es uno de los servicios gratuitos más

utilizados para el despliegue de sistemas web.

http://www.000webhost.com/



2.6 Marco Conceptual

Sistema: es un conjunto de elementos que han sido organizados sistemáticamente

para interactuar entre si y que buscan o persiguen un fin en común.

Hipermedia: término informático con el que se distingue a un conjunto de

elementos tales como: texto, imágenes, audio, video y mapas. Es la integración de

multimedia e hipertexto.

HTML5: se trata de una nueva versión del lenguaje HTML (HyperText Markup

Language, versión 5), con nuevos elementos, atributos y comportamientos.

CSS3: son hojas de estilos utilizadas para mejorar la presentación de documentos

HTML y darles dinamismo.

Peatones: personas que transitan a pie por espacios públicos, y que deberían

conocer como transitar correctamente en las vías para evitar accidentes.

Conductores: son aquellas personas que manejan un medio de transporte

terrestre, y que han obtenido un documento que les permite conducir con libertad.

Señales: marcas, luces, sonidos, signos, objetos, son usados para comunicar

gráficamente sobre muchos aspectos.

Señales de Tránsito: señales graficas utilizadas en la vía pública, que transmiten

información a conductores y peatones con el objetivo de evitar accidentes de

tránsito.



2.7 Marco Legal

Según la Ley Orgánica de Transporte Terrestre, Tránsito y Seguridad Vial, con

respecto a la capacitación en señales de tránsito define lo siguiente:

Art. 4.- Es obligación del Estado garantizar el derecho de las personas a ser

educadas y capacitadas en materia de tránsito y seguridad vial. Para el efecto se

establecen, entre otras medidas, la enseñanza obligatoria en todos los

establecimientos de educación públicos y privados del país en todos sus niveles, de

temas relacionados con la prevención y seguridad vial, así como los principios,

disposiciones y normas fundamentales que regulan el tránsito, su señalización, el uso

de las vías públicas, de los medios de transporte terrestre, de conformidad con los

programas de estudios elaborados conjuntamente por la Comisión Nacional del

Transporte Terrestre, Tránsito y Seguridad Vial y el Ministerio de Educación.

Art 11.- El estado fomentará la participación ciudadana en el establecimiento de

políticas nacionales de transporte terrestre, tránsito y seguridad vial que garanticen

la interacción, sustentabilidad y permanencia de los sectores público, privado y

social. (pág. s/n)

La constitución de la república del Ecuador, con respecto al sistema de educación

superior manifiesta lo siguiente:

Art. 350.- El sistema de educación superior tiene como finalidad la formación

académica y profesional con visión científica y humanista; la investigación científica

y tecnológica; la innovación, promoción, desarrollo y difusión de los saberes y las

culturas; la construcción de soluciones para los problemas del país, en relación con

los objetivos del régimen de desarrollo. (pág. 103)


CAPÍTULO 3: DISEÑO DE LA INVESTIGACIÓN pág. 49

3. CAPÍTULO 3

3. DISEÑO DE LA INVESTIGACIÓN

3.1. Modalidad de la Investigación

El presente estudio se considera un proyecto factible, ya que su implementación es

realizable y su ejecución es inmediata. Esta modalidad se enfoca en resolver

determinados problemas particulares o sociales.

La (Universidad Pedagógica Experimental Libertador, 2006) con respecto a un

proyecto factible lo define de la siguiente manera:

El proyecto factible consiste en la investigación, elaboración y desarrollo de una

propuesta de un modelo operativo viable para solucionar problemas, requerimientos

o necesidades de organizaciones o grupos sociales; puede referirse a la formulación

de políticas, programas, tecnologías, métodos o procesos. El proyecto debe tener

apoyo en una investigación de tipo documental, de campo o un diseño que incluya

ambas modalidades. (pág. 13)

Se puede decir que un proyecto factible, involucra varias acciones que deben

realizarse coordinadamente y que buscan obtener resultados pertinentes para

satisfacer demandas sociales, para ello es necesario realizar un diagnóstico al

problema presentado y posteriormente proponer una solución dirigida a resolver el

problema.

3.2. Tipo de investigación

En este estudio se considera el tipo de investigación descriptivo, el cual permitirá

realizar un diagnóstico con respecto al comportamiento de conductores y peatones

sobre las señales de tránsito en el Ecuador, para luego conocer cuál es la situación

actual del tema que se investiga.



Según (Namakforoosh, 2005, pág. 91) “La investigación descriptiva es una forma

de estudio para saber quién, dónde, cuándo, cómo y porqué del sujeto del estudio”.

Para llevar a cabo este tipo de investigación es necesario seguir una secuencia de

pasos los cuales se muestran en la Tabla 3. 1 y que son definidos por (Rodea,

2015).

Tabla 3. 1

Etapas para realizar el tipo de investigación descriptiva


Fuente: (Rodea, 2015).

3.2.1. Métodos utilizados

Los métodos utilizados en este estudio corresponden al método inductivo y al

método deductivo. El primero parte de lo particular a lo general donde se analizan

las apreciaciones particulares de cada uno de los encuestados y el segundo método

parte de lo general a lo particular, aquí se parte de teorías existentes que permiten

comparar los resultados obtenidos con la información ya establecida referente a los

temas de estudio.



Para (Bernal, 2006) con respecto al método inductivo dice:

Con este método se utiliza el razonamiento para obtener conclusiones que parten de

hechos particulares aceptados como válidos, para llegar a conclusiones, cuya

aplicación sea de carácter general. El método se inicia con un estudio individual de

los hechos y se formulan conclusiones universales que se postulan como leyes,

principios o fundamentos de una teoría. (pág. 56)

El mismo (Bernal, 2006) define el método deductivo de la siguiente manera:

Es un método de razonamiento que consiste en tomar conclusiones generales para

explicaciones particulares. El método se inicia con el análisis de los postulados,

teoremas, leyes, principios, etcétera, de aplicación universal y de comprobada

validez, para aplicarlos a soluciones o hechos particulares. (pág. 56)

A continuación se definirá la población y la muestra de nuestro tema de tesis, de

esta manera con las técnicas e instrumentos para la recolección de información

obtendremos los resultados de la investigación, pero antes mencionaremos un

pequeño concepto sobre lo que es Población y muestra.

3.3. Población y muestra

3.3.1. Población

Una población se define como el conjunto total de personas u objetos que poseen

cierta similitud en sus características y que se consideran la representación de un

lugar en un espacio de tiempo definido. Para (Vladimirovna, 2005, pág. 261) “Se

llama población al conjunto de todos los elementos de un tipo particular cuyo

conocimiento es de interés”.



En este estudio se han seleccionado dos importantes grupos de población de la

ciudad de Guayaquil. El primer grupo corresponde a estudiantes de los últimos

cuatro semestres de la carrera de ISAC de la Facultad de Ciencias Administrativas,

Universidad de Guayaquil, ya que en las aulas universitarias se congregan

estudiantes que representan generalmente los diferentes sectores de la ciudad de

Guayaquil e inclusive algunos cantones de la provincia del Guayas. El segundo

grupo corresponde a familiares, amigos y compañeros de trabajos que de igual

manera se encuentran en diferentes puntos de la ciudad de Guayaquil. En la Tabla

3. 2 se definen los cursos seleccionados y la cantidad de familiares, amigos y

compañeros de trabajo que han sido seleccionados para llevar a cabo el estudio.

Tabla 3. 2

Población de estudio Cursos seleccionados Número de estudiantes por curso

Quinto semestre 43

Sexto semestre 37

Séptimo semestre 28

Octavo semestre 23

Redes Sociales 600

TOTAL 731



3.3.2. Muestra

Para (Vladimirovna, 2005, pág. 261) con respecto a la definición de una muestra

dice que: “se llama muestra a cualquier subconjunto de la población”. Por lo tanto,

para obtener el subconjunto de la población se aplicará la siguiente formula:

QPKEN

NQPn

./)1(

..22



En la Tabla 3. 3 se muestran los datos correspondientes para el cálculo de la

muestra según la guía de elaboración de tesis de la Carrera de Ingeniería en

Sistemas Computacionales (CISC, 2013).

Tabla 3. 3

Datos para el cálculo de la muestra

Descripción de variables Proceso para calcular la muestra

P = Probabilidad de

éxito

(0.50)

Q = Probabilidad de

fracaso

(0.50)

N= Tamaño de la

población

(731)

E= error de estimación (6%)

K= # de desviac. Típicas

“Z”

1:68%

2:95,5%

3: 99.7%

N = Tamaño de la

muestra

201


Fuente: (CISC, 2013)

Para el cálculo de la fracción muestral se aplicó la siguiente formula:

275.0731

201

N

nf

En la

Tabla 3. 4 se presentan los estratos seleccionados con su respectiva población y

muestra.

201

907.0

75.182

25.0657.0

75.182

25.0)0009.0)(730(

75.182

25.04/)0036.0)(730(

75.182

50.050.02/06.0)1731(

73150.050.022

n

n

n

n

n

x

xxn



Tabla 3. 4

Muestra de los subconjuntos o estratos Subconjuntos o Estrato Población de estudio Muestra

Quinto semestre 43 11.82

Sexto semestre 37 10.17

Séptimo semestre 28 7.70

Octavo semestre 23 6.32

Redes Sociales 600 165

TOTAL 731 201



3.4. Técnicas para la recolección de información

La técnica utilizada en este este proyecto corresponde a la encuesta, ya que por

medio de ésta técnica se puede realizar entrevistas estandarizadas a la parte

representativa de la población de estudio. Según (Díaz V. , 2001, pág. 13) “A

diferencia del resto de técnicas de entrevista, la particularidad de la encuesta es

que realiza a todos los entrevistados las mismas preguntas, en el mismo orden, y

en una situación social similar”. Para (Pérez, 2010, pág. 138) “La encuesta muestral

recoge información sólo de una parte de la población, seleccionada para formar una

muestra representativa de la misma”.

3.5. Instrumentos para la recolección de información

El instrumento utilizado para la recolección de la información en esta investigación

es el cuestionario, el cual reúne ciertas características especiales para la

recolección de la información que resulta de interés para el investigador y que

proviene de fuentes primarias.

(Fernando, 2004) Define un cuestionario como:

Un cuestionario, en sentido estricto, es un sistema de preguntas racionales,

ordenadas en forma coherente, tanto desde el punto de vista lógico como psicológico,

expresadas en un lenguaje sencillo y comprensible, que generalmente responde por

escrito la persona interrogada, sin que sea necesaria la intervención de un

encuestador. (pág. 29)



3.6. Plan de recolección y procesamiento de datos

3.6.1. Recolección de datos

Para (Salkind, 1999) la recolección de datos se ejecuta aplicando los siguientes

pasos:

La construcción de formatos para recabar la información que servirán para

organizar los datos recolectados.

La codificación que sirve para representar esos datos en un formato de

recopilación de datos en la forma más eficiente posible.

La recopilación en sí de los datos.

Su asentamiento en el formato de recopilación de datos. (pág. 160).

Una vez elaborado el cuestionario y analizadas y validadas las preguntas, se lleva

a cabo la recolección de los datos, para ello, en este estudio de investigación se ha

seleccionado las instalaciones de la Facultad de Ciencias Administrativas de la

Universidad de Guayaquil, donde se visitaron los cursos de quinto, sexto, séptimo

y octavo semestre de la Carrera de Ingeniería en Sistemas Administrativos

Computarizados, a los cuales se les dio un cuestionario con un número de nueve

preguntas, todas cerradas. También se envió el cuestionario de forma electrónica

que fue elaborado por medio de Google Drive y se envió a los correos o redes

sociales de varios familiares, amigos y compañeros de trabajo. Entre los cursos y

círculos sociales seleccionados se cubrió la muestra establecida previamente que

corresponde a 201 elementos participantes.

La recolección de información se llevó a cabo el desde el 4 de mayo, donde se

comenzó a enviar el cuestionario electrónico por medio de correos y redes sociales

y finalizo el miércoles 13 de mayo del año 2015 en horario de la noche 19h00,

donde se aplicó un cuestionario a los estudiantes de los cursos previamente

seleccionados.



3.6.2. Cuestionario de preguntas

En el anexo 1 se puede visualizar el formato del cuestionario que fue aplicado a los

grupos seleccionados como población, adicional se encontraran los datos

generales, objetivos e instrucciones. Sin embargo, se dejan planteadas las

preguntas que fueron utilizadas en el cuestionario.

1. ¿Considera usted necesario conocer las señales de tránsito? 2. ¿Conoce usted algunas, la mayoría o todas las señales de tránsito? 3. ¿Respeta usted las señales de tránsito que conoce? 4. ¿Usted o alguno de sus familiares cercanos han sufrido algún accidente de

tránsito? 5. ¿Considera usted que reducirían los accidentes de tránsito si conductores y

peatones conocieran y respetaran las señales de tránsito? 6. ¿Cree usted que se deberían utilizar sistemas de aprendizajes visuales e

interactivos para dar a conocer las señales de tránsito? 7. ¿Conoce usted algún sistema web interactivo en Internet donde pueda conocer

y aprende sobre las señales de tránsito? 8. ¿Considera usted que mediante un sistema hipermedia se puede enseñar a

conductores y peatones sobre el correcto uso de las señales de tránsito? 9. ¿Considera necesaria la implementación de un sistema hipermedia, que guie a

conductores y peatones sobre el correcto uso de las señales de tránsito en el Ecuador?

3.6.3. Procesamiento de datos

Finalizada la etapa de recolección de información por medio del cuestionario es

necesario clasificar la información recolectada, para ello se desarrollará una plantilla

que permita la tabulación de cada una de las preguntas, luego la información

procesada será presentada en tablas y gráficos estadísticos, los cuales representan

los resultados de cada una de las preguntas realizadas en el cuestionario. Para la

elaboración de tablas y gráficos estadísticos se utilizará la herramienta de

procesamiento de datos Microsoft Excel.


CAPÍTULO 4: ANÁLISIS E INTERPRETACIÓN DE DATOS pág. 57

4. CAPÍTULO 4

4. ANÁLISIS E INTERPRETACIÓN DE LOS DATOS

4.1. Generalidades

Concluidas las etapas de recolección y procesamiento de datos se comienza por el

análisis e interpretación de resultados, cuya etapa es considerada una de las más

importantes de la investigación científica, ya que es el camino para dar respuestas

a las interrogantes de la investigación por medio de la elaboración de las

conclusiones del estudio.

Según (Grande & Abascal, 2005, pág. 19) “Cuando se graban los datos, la

información se ha convertido en numérica, códigos que pueden referirse a variables

cualitativas o variables métricas”.

Para (Grande & Abascal, 2005) con respecto al análisis de datos manifiesta lo

siguiente:

Finalmente, a la luz de resultados y tras interpretar su significado, los analistas

obtienen conclusiones y a partir de ellas elaboran sus informes, que pueden ser

descriptivos o normativos, es decir, informes en lo que se hacen recomendaciones

para la toma de decisiones y mejorar la gestión de las organizaciones. (pág. 20)

A continuación se presenta el análisis e interpretación de resultados por cada una

de las preguntas que fueron aplicadas a estudiantes de 5to, 6to, 7mo y 8vo

semestre de la carrera de ISAC de la Universidad de Guayaquil, además de contar

con la participación de amigos, compañeros y familiares a los cuales se definió

como “redes sociales”. Como estructura general a cada pregunta le corresponderá

una tabla con el resumen de resultados, un gráfico con los porcentajes de los

resultados y su respectivo análisis e interpretación.



En la Tabla 4. 1 como datos generales se pode en consideración la cantidad de

encuestados y los porcentajes según la condición de los informantes (Conductor y

Peatón o Peatón).

Tabla 4. 1

Porcentajes considerando la condición del informante Condición Cantidad Porcentaje

Conductor y Peatón 112 56%

Peatón 89 44%

Total 201 100%



Figura 4. 1

Porcentajes considerando la condición del informante



Análisis e interpretación: En la figura 4.1 se muestran que el 56% de las personas

encuestadas cumplen con la condición de conductores, y que el 44% son peatones,

esto quiere decir que por cada diez personas encuestadas al menos 6 fueron

conductores y 4 peatones, lo que le ha dado equilibrio al estudio para analizar los

dos tipos de comportamiento tanto de los conductores como de los peatones.

56%

44%

0%

10%

20%

30%

40%

50%

60%

Conductor y Peatón Peatón



Pregunta 1: ¿Considera usted necesario conocer las señales de tránsito?

Tabla 4. 2

Resultados correspondientes a la pregunta 1

Respuesta Quinto Sexto Séptimo Octavo Redes sociales

Porcentaje

De acuerdo 12 10 8 6 160 97%

Indiferente 0 0 0 0 4 2%

En desacuerdo

0 0 0 0 1 1%

Total 12 10 8 6 165 100%



Figura 4. 2




Análisis e interpretación: En la figura 4.2 se muestran que el 97% de participantes

manifiestan que es necesario conocer las señales de tránsito, apenas un 2% se

mostró indiferente y el 1% no está de acuerdo. Estos datos permiten concluir que

10 de cada 10 encuestados están de acuerdo con la necesidad de conocer las

señales de tránsito.

0%

20%

40%

60%

80%

100%

De acuerdo Indiferente En desacuerdo

97%

2% 1%



Pregunta 2: ¿Conoce usted algunas, la mayoría o todas las señales de tránsito?

Tabla 4. 3



Porcentaje

Alguna 7 7 4 4 106 64%

La mayoría 5 3 4 2 46 28%

Todas 0 0 0 0 13 8%

Total 12 10 8 6 165 100%



Figura 4. 3





manifiestan que conocen algunas de las señales de tránsito, mientras que el 28%

dice conocer la mayoría y apenas un 8% manifiestan conocer todas las señales de

tránsito. Estos datos permiten concluir que apenas 1 de cada 10 encuestados

conocen todas las señales de tránsito y que 6 de cada 10 solo conoce algunas de

las señales.

0%

10%

20%

30%

40%

50%

60%

70%

Alguna La mayoría Todas

64%

28%

8%



Pregunta 3: ¿Respeta usted las señales de tránsito que conoce?

Tabla 4. 4



Porcentaje

Siempre 3 5 4 4 107 65%

A veces 9 5 4 2 55 33%

Nunca 0 0 0 0 3 2%

Total 12 10 8 6 165 100%



Figura 4. 4





manifiestan que siempre respetan las señales de tránsito, mientras que el 33%

manifiesta que solo a veces las respetan, y apenas un 2% dicen que nunca las

respetan. Estos datos permiten concluir que 7 de cada 10 encuestados siempre

respetan las señales de tránsito, y que 2 de cada 10 solo las respeta en ocasiones.

0%

10%

20%

30%

40%

50%

60%

70%

Siempre A veces Nunca

65%

33%

2%



Pregunta 4: ¿Usted o algunos de sus familiares cercanos han sufrido algún

accidente de tránsito?

Tabla 4. 5



Porcentaje

Si 8 8 7 2 96 58%

No 4 2 1 4 69 42%

Total 12 10 8 6 165 100%



Figura 4. 5





manifiestan que dentro de su entorno familiar han sido testigos de un accidente de

tránsito, mientras que el 42% manifiestan que ni ellos ni sus familiares cercanos

han tenido accidentes de tránsito. Estos datos permiten concluir que 6 de cada 10

encuestados manifiestan haber sido testigos de un accidente de tránsito en su

entorno familiar y que 4 de cada 10 no han conocido de esta mala experiencia.

0%

20%

40%

60%

Si No

58%42%



Pregunta 5: ¿Considera usted que reducirían los accidentes de tránsito si

conductores y peatones conocieran y respetaran las señales de tránsito?

Tabla 4. 6



Porcentaje

De acuerdo 10 10 8 5 156 94%


En desacuerdo

0 0 0 0 3 2%

Total 12 10 8 6 165 100%



Figura 4. 6





manifiestan que se reducirían los accidentes de tránsito si conductores y peatones

conocieran y respetaran las señales de tránsito, apenas un 4% se mostraron

indiferente, y el 2% no está de acuerdo. Estos datos permiten concluir que 10 de

cada 10 encuestados manifiestan que se reducirían los accidentes de tránsito se

conocen y respetan las señales.

0%

20%

40%

60%

80%

100%


94%

4% 2%



Pregunta 6: ¿Cree usted que se deberían utilizar sistemas de aprendizaje visuales

e interactivos para dar a conocer las señales de tránsito?

Tabla 4. 7



Porcentaje

De acuerdo 11 9 8 5 155 94%


En desacuerdo

0 0 0 0 1 1%

Total 12 10 8 6 165 100%



Figura 4. 7




Análisis e interpretación: En la figura 4.7 se muestra que el 94% de participantes

manifiestan que se deberían utilizar sistemas de aprendizaje visuales e interactivos

para dar a conocer las señales de tránsito, apenas un 5% se mostraron indiferente

y el 1% no está de acuerdo. Estos datos permiten concluir que 9 de cada 10

encuestados manifiesta que se deberían utilizar sistemas de aprendizaje visuales

e interactivos.

0%

20%

40%

60%

80%

100%


94%

5% 1%



Pregunta 7: ¿Conoce usted algún sistema web interactivo en Internet donde pueda

conocer y aprender sobre las señales de tránsito?

Tabla 4. 8



Porcentaje

Si 1 10 2 0 7 4%

No 11 0 6 6 158 96%

Total 12 10 8 6 165 100%



Figura 4. 8





manifiestan que si conocen un sistema web interactivo en Internet donde se pueda

conocer y aprender sobre las señales de tránsito, coincidiendo con la página web

de la ANT, mientras que el 96% manifiestan que no conocen ningún sitio en internet

que cumpla dicha función. Estos datos permiten concluir que 10 de cada 10

encuestados no conocen un sistema web interactivo en Internet donde se pueda

conocer y aprender sobre las señales de tránsito.

0%

20%

40%

60%

80%

100%

Si No

4%

96%



Pregunta 8: ¿Considera usted que mediante un sistema hipermedia se puede

enseñar a conductores y peatones sobre el correcto uso de las señales de tránsito?

Tabla 4. 9



Porcentaje

De acuerdo 10 8 8 5 154 93%


En desacuerdo

0 0 0 0 0 0%

Total 12 10 8 6 165 100%



Figura 4. 9




Análisis e interpretación: En la figura 4.9 se muestra que el 93% de participantes

manifiestan que mediante un sistema hipermedia se puede enseñar a conductores

y peatones sobre las señales de tránsito y un 7% se mostraron indiferentes. Estos

datos permiten concluir que 9 de cada 10 encuestados están de acuerdo que

mediante un sistema hipermedia si se puede enseñar sobre las señales de tránsito.

0%

20%

40%

60%

80%

100%


93%

7% 0%



Pregunta 9: ¿Considera necesaria la implementación de un sistema hipermedia,

que guie a conductores y peatones sobre el correcto uso de las señales de tránsito

en el Ecuador?

Tabla 4. 10



Porcentaje

De acuerdo 11 9 8 4 153 93%


En desacuerdo

0 0 0 0 0 0%

Total 12 10 8 6 165 100%



Figura 4. 10




Análisis e interpretación: En la figura 4.10 se muestran que el 93% de

participantes consideran necesaria la implementación de un sistema hipermedia,

que guie a conductores y peatones sobre el correcto uso de las señales de tránsito,

apenas un 7% se mostró indiferente. Estos datos permiten concluir que 9 de cada

10 encuestados manifiesta aprueban la propuesta presentada.

0%

20%

40%

60%

80%

100%


93%

7% 0%



4.2 Resumen de Resultados

El 97% de participantes manifiestan que es necesario conocer las señales de

tránsito, apenas un 2% se mostró indiferente y el 1% no está de acuerdo. El 64%

de participantes manifiestan que conocen algunas de las señales de tránsito,

mientras que el 28% dice conocer la mayoría y apenas un 8% manifiestan conocer

todas las señales de tránsito. El 65% de participantes manifiestan que siempre

respetan las señales de tránsito, mientras que el 33% manifiestan que solo a veces

las respetan, y apenas un 2% dice que nunca las respetan.

El 58% manifiestan que dentro de su entorno familiar han sido testigos de un

accidente de tránsito, mientras que el 42% manifiestan que ni ellos ni sus familiares

cercanos han tenido accidentes de tránsito. El 95% de participantes manifiestan

que se reducirían los accidentes de tránsito si conductores y peatones conocieran

y respetaran las señales de tránsito, apenas un 4% se mostró indiferente y el 2%

no está de acuerdo. El 94% de participantes manifiestan que se deberían utilizar

sistemas de aprendizajes visuales e interactivos para dar a conocer las señales de

tránsito, apenas un 5% se mostraron indiferente, y el 1% no está de acuerdo.

El 4% de participantes manifiestan que si conocen un sistema web interactivo en

Internet, donde se pueda conocer y aprender sobre las señales de tránsito,

coincidiendo con la página web de la ANT, mientras que el 96% manifiestan que no

conocen ningún sitio en internet. EL 93% de participantes manifiestan que mediante

un sistema hipermedia se puede enseñar a conductores y peatones sobre señales

de tránsito y un 7% se mostraron indiferente. El 93% de participantes consideran

necesaria la implementación de un sistema hipermedia, que guie a conductores y

peatones sobre el correcto uso de las señales de tránsito, apenas un 7% se mostró

indiferente.


CAPÍTULO 5: ELABORACIÓN DE LA PROPUESTA pág. 69

5. CAPÍTULO 5

5. ELABORACIÓN DE LA PROPUESTA

5.1. Objetivo de la propuesta

Facilitar un Sistema Hipermedia, que permita guiar de forma interactiva a

conductores y peatones sobre la correcta utilización de las señales de tránsito en

el Ecuador.

5.2. Justificación práctica de la propuesta

Este proyecto se presenta como una herramienta tecnológica, la cual permita guiar

a conductores y peatones sobre el correcto uso de las señales de tránsito, para

esto se ha propuesto adaptar la información existente en manuales físicos, libros y

reglamentos sobre las señales de tránsito, a las nuevas formas de aprendizaje que

hacen uso de las Tecnologías de la Información y Comunicaciones (TIC) cuyos

aportes a los procesos de aprendizaje se consideran destacados. Con esto se

pretende que conductores y peatones puedan aprender sobre el correcto uso de

las señales de tránsito de forma dinámica y entretenida, lo cual permitirá contar con

ciudadanos mejor informados, respetuosos y dispuestos a colaborar para reducir

los accidentes de tránsito en el Ecuador.

5.3. Análisis del Sistema

5.3.1. Requerimientos funcionales y no funcionales

Los requerimientos funcionales representan las acciones y características que

deben ser desarrolladas en el presente sistemas hipermedia y que indican las

operaciones que deben realizar los usuarios, para ello, deben de identificarse los

posibles casos de uso que intervienen. Los requerimientos no funcionales se

manifiestan de forma implícita en el desarrollo y despliegue del sistema hipermedia,

pero no son requerimientos prioritarios para su funcionamiento. A continuación en

la Tabla 5. 1 se presentan los requerimientos funcionales y no funcionales que debe



tener el sistema hipermedia. Posteriormente se realizará una descripción de los

requerimientos funcionales del sistema.

Tabla 5. 1

Requerimientos funcionales y no funcionales

Requerimientos funcionales Requerimientos no funcionales

Sección de señales Regulatorias En el desarrollo del sistema se debe

hacer uso de HTML5 y CSS3.

Sección de señales de Preventivas Para el desarrollo de videos se debe

hacer uso de la tecnología Flash.

Sección de señales Informativas El sistema debe ser de fácil

manipulación para los usuarios y

debe tener una presentación

multimedia en gran parte de los

escenarios.

Sección de señales para obras

viales y propósitos generales

(especiales).

El sistema debe estar optimizado

para los navegadores Mozilla

Firefox y Google Chrome

Las pantallas del sistema deben ser

adaptables a PC, tablet y

Smartphone.

. Se debe crear un logotipo general

que identifique el sistema.



Sección de señales Regulatorias: Las señales regulatorias se presentarán

considerando las siguientes subsecciones: serie de movimiento, serie de dirección,

serie peatonales, serie de velocidad, serie de estacionamiento, serie varias.

Sección de señales de Preventivas: Las señales preventivas se presentarán

considerando las siguientes subsecciones: “1. serie de alineamiento, 2. serie de

intersecciones y empalmes, 3. serie de aproximación a dispositivos de control de

tránsito, 4. serie de anchos, alturas y pesos, 5. serie de obstáculos y situaciones

especiales en la vía, 6. serie peatonal y escolar, 7. serie complementaria, 8. serie

auxiliar” (AECON, 2011, pág. 68).



Sección de señales Informativas: Las señales informativas se presentarán

considerando las siguientes subsecciones: guía o destino, autopista, servicios,

turísticas, ambientales e instrucciones de tránsito.

Sección de señales para obras viales y propósitos generales: Las señales de

obras viales y propósitos generales se presentarán considerando las siguientes

subsecciones: señales de avance, señales de posición, señales de peligros

especiales, señales de desviación de tránsito y delineadores.

Diseño adaptativo: Este tipo de configuración permite que dependiendo de la

resolución del dispositivo el diseño de todas las páginas web, se acoplen al tamaño

de la pantalla sin perder el orden y la calidad de los elementos presentados

(imágenes, videos, texto, etc.).

5.3.2. Casos de uso

El presente sistema se ha llamado EcuTransit, el cual cuenta con cuatro módulos

principales, tal como se muestra en la Tabla 5. 1

Figura 5. 1

Módulos principales del sistema





Casos de Uso del módulo Regulatorias: En la Figura 5. 2 se muestran los casos

de uso que contiene el módulo de regulatorias y que pueden ejecutar todos los

usuarios del sistema. La descripción de cada uno de los casos de usos del módulo

de señales regulatorias se presenta en el anexo 2.

Figura 5. 2

Casos de uso del módulo regulatorias





Casos de Uso del módulo Preventivas: En la Figura 5. 3 se muestran los casos

de uso que contiene el módulo de preventivas y que pueden ejecutar todos los


de señales preventivas se presenta en el anexo 2.

Figura 5. 3

Casos de uso del módulo de preventivas





Casos de Uso del módulo Informativas: En la Figura 5. 4 se muestran los casos

de uso que contiene el módulo de informativas y que pueden ejecutar todos los


de señales informativas se presenta en el anexo 2.

Figura 5. 4

Casos de uso del módulo de informativas





Casos de Uso del módulo Especiales: En la Figura 5. 5 se muestran los casos

de uso que contiene el módulo de especiales y que pueden ejecutar todos los


de señales especiales se presenta en el anexo 2.

Figura 5. 5

Casos de uso del módulo de especiales





5.3.3. Requerimientos de Hardware y Software

Hardware: Para que cualquier persona pueda acceder al sistema EcuTransit,

desde una máquina cliente, ésta debe disponer como mínimo de los recursos de

hardware que se presentan en la Figura 5. 6.

Figura 5. 6

Requerimientos de Hardware



Software: Para que cualquier persona pueda acceder al sistema EcuTransit, desde

una máquina cliente, ésta debe disponer como mínimo de los recursos de software

que se presentan en la Figura 5. 7.



Figura 5. 7

Requerimientos de Software



5.4 Diseño del Sistema

5.4.1. Arquitectura del sistema

La aplicación EcuTransit utiliza la arquitectura Cliente Servidor; la cual se considera

un modelo distribuido, ya que intervienen varios clientes o también llamados

browser o navegadores los cuales acceden a un servidor web para obtener un

servicio, en este caso consultar sobre las diferentes señales de tránsito. En la

Figura 5. 8 se muestra un esquema de la arquitecta cliente servidor.



Figura 5. 8

Requerimientos de Software

Elaborado por: David Vignoni

Fuente: (Vignoni, 2015)

5.4.2. Diseño de Interfaces

Pantalla principal: El sistema presenta cuatro módulos los cuales hacen referencia

a las señales de tránsito: regulatorias, preventivas, informativas y especiales. La

maquetación de la página principal tiene una estructura correspondiente a una

cabecera, una sección de contenido y un pie de página.

A continuación en la Figura 5. 9, Figura 5. 10 y Figura 5. 11 se presenta las pantallas

adaptadas a una PC, Tablet o Smartphone, respectivamente.



Figura 5. 9

Pantalla principal para PC y Laptop





Figura 5. 10

Pantalla principal para Tablet





Figura 5. 11

Pantalla principal para Smartphone





Pantalla de señales regulatorias: El sistema presenta un menú con las siguientes

opciones: Movimiento, dirección, peatones, velocidad, estacionamiento y varias.

Cada una de las opciones del menú, debe desplegar una serie de imágenes que

indiquen las señales de tránsito, su significado y en caso de ser necesario un video,

donde se indique la forma correcta e incorrecta de interpretar la señal de transito

que se presenta. A continuación se presenta las pantallas adaptadas a una PC,

Tablet o Smartphone, respectivamente.

Figura 5. 12

Pantalla principal sobre señales regulatorias para PC y Laptop





Figura 5. 13

Pantalla principal sobre señales regulatorias para Tablet





Figura 5. 14

Pantalla principal sobre señales regulatorias para Smartphone





Pantalla de señales preventivas: El sistema presenta un menú con las siguientes

opciones: Alineamiento, intercepciones, aproximación, altura y peso, especiales y

peatonal. Cada una de las opciones del menú, debe desplegar una serie de

imágenes que indiquen las señales de tránsito, su significado y en caso de ser

necesario un video, donde se indique la forma correcta e incorrecta de interpretar

la señal de transito que se presenta. A continuación en la Figura 5. 15, Figura 5. 16

y Figura 5. 17 se presenta las pantallas adaptadas a una PC, Tablet o Smartphone,

respectivamente.

Figura 5. 15

Pantalla principal sobre señales preventivas para PC y Laptop





Figura 5. 16

Pantalla principal sobre señales preventivas para Tablet





Figura 5. 17

Pantalla principal sobre señales preventivas para Smartphone





Pantalla de señales informativas: El sistema presenta un menú con las siguientes

opciones: Guía o destino, autopista, servicios, turísticas, ambientales e

instrucciones de tránsito. Cada una de las opciones del menú, debe desplegar una

serie de imágenes que indiquen las señales de tránsito y su significado, en este

caso por tratarse de señales informativas no se presenta videos sobre cómo

interpretar las mismas, pero si se debe presentar la señal de tránsito en un tamaño

mayor que el tamaño inicial. A continuación en la Figura 5. 18, Figura 5. 19 y Figura

5. 20 se presenta las pantallas adaptadas a una PC, Tablet o Smartphone,

respectivamente.

Figura 5. 18

Pantalla principal sobre señales informativas para PC y Laptop





Figura 5. 19

Pantalla principal sobre señales informativas para Tablet





Figura 5. 20

Pantalla principal sobre señales informativas para Smartphone





Pantalla de señales especiales: El sistema presenta un menú con las siguientes

opciones: De avance, de posición, de peligros, de desviación y delineadores. Cada

una de las opciones del menú, debe desplegar una serie de imágenes que indiquen

las señales de tránsito y su significado, en este caso por tratarse de señales

informativas especiales, no se presenta videos sobre cómo interpretar las mismas,

pero si se debe presentar la señal de tránsito en un tamaño mayor que el tamaño

inicial. A continuación en la Figura 5. 21, Figura 5. 22 y Figura 5. 23 se presenta las

pantallas adaptadas a una PC, Tablet o Smartphone, respectivamente.

Figura 5. 21

Pantalla principal sobre señales informativas para PC y Laptop





Figura 5. 22

Pantalla principal sobre señales informativas para Tablet





Figura 5. 23

Pantalla principal sobre señales informativas para Smartphone





5.4.3. Mapa de navegación

La Figura 5. 24 muestra el mapa de navegación del sistema con sus cuatro módulos

respectivos donde se encuentran clasificadas las señales de tránsito.

Figura 5. 24

Mapa de navegación del sistema





5.5. Herramientas, tecnologías y estructura general del sistema

5.5.1. Herramientas y tecnologías utilizadas para desarrollo del sistema. Tabla 5. 2.

Tabla 5. 2

Herramientas y tecnologías utilizadas para desarrollo del sistema

Programas Utilización

Adobe Illustrator cs6

Creación de las imágenes

bases o imágenes de fondo

que se muestran en todos los

videos que se han realizados.

Adobe After Effects CS6

Utilizado para la animación de

las imágenes de los vehículos

y poder presentar videos

animados.

Miro Video Converter

Convierte los videos con

extensión flash a formato mp4

y ogg que son formatos

soportados por HTML5.

Video Studio

Edición e integración final de

los videos.

Corel Draw x5

creación de todas las

imágenes que representan

las señales de tránsito

utilizadas en el sistema

HTML5

Lenguaje de etiquetas para

estructurar todo el contenido

de la aplicación.

CSS3

Lenguaje de etiquetas para la

maquetación de del sistema,

presentación y animación de

varios objetos.

JavaScript

Lenguaje de programación

JavaScript para darle

funcionalidad e interacción al

sistema.





5.5.2. Estructura del sistema EcuTransit

La estructura del sistema cuenta principalmente con cuatro directorios los cuales

contienen las páginas de todas las señales de tránsito clasificadas por señales

especiales, informativas, preventivas y regulatorias. Además se aprecian los

directorios que contienen archivos CSS, JavaScript, imágenes, audio y video.

Figura 5. 25

Estructura del Sistema EcuTransit




CAPÍTULO 6: CONCLUSIONES Y RECOMENDACIONES pág. 97

6. CAPÍTULO 6

6. CONCLUSIONES Y RECOMENDACIONES

6.1. Conclusiones

Este estudio ha permitido identificar que a pesar de los estrictos controles y sanciones

que existen en nuestro país con respecto a la ley de tránsito, no todas las personas que

conducen conocen y respetan las señales de tránsito, esto considerando que tres de cada

diez personas manifestaron no respetar las señales de tránsito a pesar que siete de cada

diez personas conocen todas las señales.

Los sistemas basados en contenidos visuales son ampliamente aceptados por cualquier

tipo de usuario de computadora, desde novatos a expertos, es por esta razón que este tipo

de sistemas son muy demandados para apoyar los procesos de enseña y aprendizaje en

instituciones educativas de cualquier nivel. Nueve de cada diez personas manifestaron

que se deben de utilizar sistemas con contenidos visuales multimedia para dar a conocer

las señales de tránsito.

A pesar que los conductores y peatones son conscientes que se reducirían los accidentes

de tránsito si se conocieran y respetaran las señales de tránsito, es fundamental comenzar

a facilitar herramientas tecnológicas (sistemas web de enseñanza) a las nuevas

generaciones de futuros conductores para que desde muy pequeños conozcan la

importancia de conocer las señales de tránsito en el Ecuador.

El presente proyecto ha cumplido con el objetivo de desarrollar un sistema donde se

presentan de manera gráfica y animada las señales de tránsito. Un total de nueve de cada

diez personas manifestaron la necesidad de contar con un sistema donde conductores y

peatones puedan aprender sobre la correcta interpretación de las señales de tránsito.


CAPÍTULO 6: CONCLUSIONES Y RECOMENDACIONES pág. 98

6.2. Recomendaciones

A la Agencia Nacional de Tránsito, que se debe seguir insistiendo en campañas

permanentes a través de todos los medios de comunicación: radio, tv, redes sociales,

entre otras, lo cual permita crear una conciencia activa en todos los ciudadanos sobre la

importancia del conocimiento y del respeto a las señales de tránsito, lo cual contribuirá

a minimizar accidentes en las vías.

Que la Agencia Nacional de Tránsito, y los Municipios encargados del tránsito en sus

respectivas ciudades, puedan utilizar esta implementación (sistema hipermedia

EcuTransit) como una ayuda de fácil acceso para los ciudadanos y que estos puedan

aprender de forma divertida sobre cómo interpretar las señales de tránsito. Esta iniciativa

sin duda alguna, garantiza que las personas se sentirán más atraídas y motivadas por

aprender.

Utilizar la propuesta presentada denominada EcuTransit, ya que se considera un recurso

tecnológico muy importante para las aspiraciones futuras de contar con peatones y

conductores mucho más responsables, lo cual permita reducir considerablemente los

accidentes de tránsito en el Ecuador.

El Ministerio de Educación, pueda facilitar herramientas interactivas (CD, páginas web

o simuladores) a las Instituciones Educativas de nivel básico y/o bachillerato, las cuales

permitan ser un instrumento de apoyo para que los maestros puedan enseñar a los niños,

niñas y adolescentes a ser buenos peatones y en un futuro buenos conductores.

Que los estudiantes de la Carrera de Ingeniería en Sistemas Administrativos

Computarizados, puedan tomar como punto de partida el actual sistema llamado

EcuTransit y se puedan integran otros módulos, por ejemplo, un módulo relacionado con

las leyes de tránsito del Ecuador o un módulo de juegos relacionados con las señales de

tránsito para los niños y niñas.

BIBLIOGRAFÍA

AECON. (2011). Sindicato de Choferes "Calvas". Recuperado el 12 de Marzo de 2015, de

Manual de Conducción: http://sindicatochoferescalvas.com/docs/manual-

conduccion.pdf

Agencia Nacional de Tránsito. (20 de Marzo de 2014). Agencia Nacional de Tránsito.

Recuperado el 20 de Marzo de 2014, de Estadísticas de transporte terrestre y

seguridad vial:

http://www.ant.gob.ec/index.php/noticias/estadisticas#.VYHnp_l_Oko

AllTransit. (9 de Marzo de 2015). All Transit. Obtenido de Educando al conductor /

Terminología: http://www.alltransit.org/htm/terminologia.php

AllTransit. (12 de Marzo de 2015). AllTransit. Recuperado el 12 de Marzo de 2015, de

Educando al conductor / Señales de tránsito:

http://www.alltransit.org/htm/senales.php

Arias, F. G. (2006). El Proyecto de Investigación. Caracas: Episteme, C.A.

Bartolomé, M. (29 de Mayo de 2014). XPath: XML Path language. Recuperado el 8 de

Marzo de 2015, de Árbol del documento:

http://www.mclibre.org/consultar/xml/lecciones/xml_xpath.html

Belloch, C. (2006). Aplicaciones Multimedia. Recuperado el 8 de Marzo de 2015, de

http://www.uv.es/bellochc/pwedu4.htm

Bernal, C. (2006). Metodología de la Investigación. Para administración, economía,

humanidades y ciencias sociales. Naucalpan: Pearson.

CISC. (2013). Guía de proyecto de grado CISC. Obtenido de

https://www.google.com.ec/webhp?sourceid=chrome-

instant&ion=1&espv=2&ie=UTF-8#q=guia%20de%20tesis%20de%20la%20cisc

CiudadanosEnRed. (22 de Junio de 2012). Conoce los diferentes tipos de conductor, ¿cuál

eres tu? Obtenido de http://ciudadanosenred.com.mx/envozalta/tema/conoce-los-

diferentes-tipos-de-conductor-cual-eres-tu/

Díaz, D., Valverde, J., & López, E. (s.f.). Congreso Internacional de Tecnología, Educación

y Desarrollo sostenible. Recuperado el 6 de Marzo de 2015, de LOS MEDIOS

MULTIMEDIAS Y LA ENSEÑANZA: LA COMUNICACIÓN GLOBAL EN EL

ECOSISTEMA ESCOLAR.:

http://gte2.uib.es/edutec/sites/default/files/congresos/edutec01/edutec/comunic/TSE

03.html

Díaz, V. (2001). Diseño y elaboración de cuestionarios para la investigación comercial.

Madrid: Esic Editorial.

Epmmop. (16 de Mayo de 2013). Empresa pública metropolitana de Mobilidad y Obras

Públicas. Recuperado el 3 de Marzo de 2015, de Las señales de tránsito y su

importancia: http://www.epmmop.gob.ec/epmmop/index.php/sala-de-

prensa/boletines-de-prensa/item/767-las-se%C3%B1ales-de-tr%C3%A1nsito-y-su-

importancia

Fernando, G. (2004). El cuestionario. Recomendaciones metodológicas para el diseño de un

cuestionario. Córdova : Lumisa.

Galán, F. (2006). El guión didáctico para materiales multimedia. Recuperado el 7 de Marzo

de 2015, de

http://pendientedemigracion.ucm.es/info/especulo/numero34/guionmu.html

Garrido, I. (29 de Abril de 2013). Blog Vital. Recuperado el 9 de Marzo de 2015, de

Maquetación Web: http://blog.vital.com.mx/?p=335

Gracia, J. (11 de Mayo de 2009). Web Estilo, Usabilidad, programación y mucho más.

Recuperado el 6 de Marzo de 2015, de Manual de Usabilidad. Tipos de Estructuras.:

http://www.webestilo.com/guia/estruct2.php3

Grande, I., & Abascal, E. (2005). Análisis de Encuestas. Madrid: Esic.

Hassan, Y. (1 de 12 de 2002). School Master en Usabilidad y Experiencia de Usuario.

Recuperado el 4 de Marzo de 2015, de Diseño Hipermedia centrado en el usuario:

http://www.nosolousabilidad.com/articulos/hipermedia.htm

Jonassen, D., & Wang, S. (1900). Hypertext, Learning and Instructional Design. En

Educational Media and Technology Yearbook.

La Hora. (20 de Marzo de 2013). La mitad de los accidentes de tránsito en Ecuador se

produce por impericia. Obtenido de País:

http://www.lahora.com.ec/index.php/noticias/show/1101480734/-

1/La_principal_causa_probable_de_accidentes_de_tr%C3%A1nsito_es_la_imperic

ia_o_imprudencia_del_conductor._As%C3%AD_lo_establecen_las_estad%C3%A

Dsticas_que_maneja_la_Agencia_Nacional_de_Tr%C3%A1n

Lamarca, M. (8 de Diciembre de 2013). Hipermedia/Multimedia. Recuperado el 4 de Marzo

de 2015, de Hipertexto, el nuevo concepto de documento en la cultura de la imagen:

http://www.hipertexto.info/documentos/hipermedia.htm

Lamarca, M. (8 de Diciembre de 2013). Nodo. Recuperado el 12 de Marzo de 2015, de

Hipertexto: El nuevo concepto de documento en la cultura de la imagen.:

http://www.hipertexto.info/documentos/nodos.htm

Lino, I. (2013). “LA EDUCACIÓN VIAL PARA EL DESARROLLO DE HÁBITOS DE

SEGURIDAD Y PROTECCIÓN EN LA EDUCACIÓN INICIAL EN LA

ESCUELA DE EDUCACIÓN BÁSICA GUSTAVO ENRIQUE GALINDO

VELAZCO, DEL CANTÓN LA LIBERTAD, PROVINCIA DE SANTA ELENA,

AÑO LECTIVO 2012-2013. Santa Elena.

Litardo, L., & Porras, C. (2012). ANÁLISIS DE LA EDUCACIÓN VIAL EN LAS

ESCUELAS FISCALES DE LAS ORQUIDEAS, CON EL PROPÓSITO DE

CREACIÓN DE TALLERES DIDÁCTICOS PARA LOS ESTUDIANTES.

Guayaquil.

MasterMagazine. (2015). MasterMagazine. Recuperado el 12 de Marzo de 2015, de

Definición de Enlace: http://www.mastermagazine.info/termino/4888.php

Moreno, D. (s.f.). Educa-Informatica. Recuperado el 6 de Marzo de 2015, de Entornos

Virtuales de Aprendizaje: http://educa-

informatica.wikispaces.com/Entornos+Virtuales+de+Aprendizaje

Namakforoosh, M. (2005). Metodología de la Investigación. Limuxa: Limusa Editorial.

Ospina, J., & Rodriguez, A. (22 de Noviembre de 2012). tecnicas de estudio. Obtenido de

Estilos de aprendizaje: http://juanjo-ospina.blogspot.com/

Pérez, R. (2010). Nociones Básicas de Estadistica. Obiedo: Dpto. de Economia Aplicada.

Primicia. (27 de Noviembre de 2013). Primicia. Recuperado el 10 de Marzo de 2015, de

Normas que debe seguir un conductor:

http://www.primicia.com.ve/servicios/normas-que-debe-seguir-un-conductor.html

RAE. (10 de Marzo de 2015). Real Academia Esapñola. Recuperado el 10 de Marzo de 2015,

de Diccionario de la Lengua Española: http://lema.rae.es/drae/?val=peaton

Revista en Movimiento. (3 de Abril de 2014). En Movimiento. Recuperado el 10 de Marzo

de 2015, de Tipos de peatones:

http://www.movilidad.enmovimientorevista.com/redaccion/tipos-de-peatones/

Rodea, R. (2015). Academia.edu. Recuperado el 20 de Marzo de 2015, de Tipos de

Investigación: http://www.academia.edu/4646164/Tipos_de_Investigaci%C3%B3n

Rueda, J. (s.f.). Sura. Recuperado el 10 de Marzo de 2015, de El decálogo del buen peatón:

http://www.sura.com/blogs/autos/decalogo-buen-peaton.aspx

Saila, H., Sailburuordetza, S., & Zuzendaritza, T. (s.f.). trafikoa.net. Recuperado el 10 de

Marzo de 2015, de Manual de convivencia para peatones, ciclictas y conductores:

http://www.trafikoa.net/wps/wcm/connect/50cd3f00473b8b70bcbcfcf2c92eeb5f/M

ANUAL+DE+CONVIVENCIA.pdf?MOD=AJPERES&CACHEID=50cd3f00473b

8b70bcbcfcf2c92eeb5f

Salinas, J. (30 de 11 de 1999). Quaderns digital.net. Recuperado el 4 de Marzo de 2015, de

Hipertexto e hipermedia en la enseñanza universitaria:

http://www.quadernsdigitals.net/index.php?accionMenu=hemeroteca.VisualizaArti

culoIU.visualiza&articulo_id=841

Salkind, N. (1999). Metodos de Investigación. Naucalpan: Prentice Hall.

Senplades. (23 de Marzo de 2013). Plan Nacional del buen vivir 2013-2017. Recuperado el

20 de Noviembre de 2014, de http://www.buenvivir.gob.ec/

UNESCO. (2004). Las tecnologías de la información y la comunicación en la formación

docente. Francia: División de Educación Superior.

Universidad Pedagógica Experimental Libertador. (2006). Manual de Normas para Trabajo

Especial de Grado, Maestrías y Doctorados. Caracas: Fedeupel.

Valcárce, J. (23 de Septiembre de 2010). Dirección General de Transito. Recuperado el 10

de Marzo de 2015, de Los peatones:

http://www.dgt.es/PEVI/documentos/catalogo_recursos/didacticos/did_adultas/peat

ones.pdf

Vallejo, N. (s.f.). METODOLOGÍA DE ELABORACIÓN DE MATERIALES. Recuperado

el 7 de Marzo de 2015, de

http://www.gabinetecomunicacionyeducacion.com/files/adjuntos/Metodolog%C3%

ADa%20de%20elaboraci%C3%B3n%20de%20materiales%20did%C3%A1cticos

%20multimedia%20accesibles.pdf

Vignoni, D. (23 de Julio de 2015). Cliente-servidor. Obtenido de

https://es.wikipedia.org/wiki/Cliente-servidor

Vladimirovna, O. (2005). Fundamentos de Probabilidad y Estadística. Toluca: Universidad

autónoma del estado de México.

Watkins, E. (s.f.). Trend Article. Recuperado el 12 de Marzo de 2015, de HTML 5: The

Future is Now: http://www-

scf.usc.edu/~eswatkin/itp104/classpage.html/Trend%20Article.html

ANEXO A

MODELO DE ENCUESTA

Universidad de Guayaquil

Facultad de Ciencias Administrativas

Carrera de Ingeniería en Sistemas Administrativos Computarizados

a. Datos generales

Condición del informante : Conductor y Peatón Peatón

Nombre (opcional) :

Fecha : Guayaquil, __ de Mayo de 2015

b. Objetivo e Instrucciones Objetivo: obtener información de conductores y peatones para poder validar la propuesta de “Diseño e implementación de un sistema hipermedia, que guie a conductores y peatones sobre el correcto uso de las señales de tránsito en el Ecuador. Propuesta basada en Tecnología HTML5 Y CSS3”. Instrucciones: por favor, sea responsable contestando las siguientes preguntas, las cuales deberá

señalar con una palomita (✓) o con una letra (x).

c. Lista de preguntas 10. ¿Considera usted necesario conocer las señales de tránsito?

a. ____ De acuerdo b. ____ Indiferente c. ____ En desacuerdo

11. ¿Conoce usted algunas, la mayoría o todas las señales de tránsito?

a. ____ Algunas b. ____ La mayoría c. ____ Todas

12. ¿Respeta usted las señales de tránsito que conoce?

a. ____ Siempre b. ____ A veces c. ____ Nunca

13. ¿Usted o alguno de sus familiares cercanos han sufrido algún accidente de tránsito?

a. ____ Si b. ____ No

14. ¿Considera usted que reducirían los accidentes de tránsito si conductores y peatones

conocieran y respetaran las señales de tránsito?


15. ¿Cree usted que se deberían utilizar sistemas de aprendizajes visuales e interactivos para

dar a conocer las señales de tránsito?


16. ¿Conoce usted algún sistema web interactivo en internet donde pueda conocer y aprende

sobre las señales de tránsito?

a. ____ Si ¿Cuál o cuáles ?________________________________________ b. ____ No

17. ¿Considera usted que mediante un sistema hipermedia se puede enseñar a conductores

y peatones sobre le correcto uso de las señales de tránsito?


18. ¿Considera necesaria la implementación de un sistema hipermedia, que guie a

conductores y peatones sobre el correcto uso de las señales de tránsito en el Ecuador?


ANEXO B

DESCRIPCIÓN CASOS DE USO

Casos de Uso del módulo Regulatorias

Caso de Uso Regulatorias - Movimiento

Actores: Usuario General.

Propósito: Mostrar las señales de tránsito de movimiento.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de movimiento.

Entradas: Evento clic del mouse.

Salida: Se muestra la respectiva señal de tránsito, su significado y un video.

Trayectoria

1. EL sistema muestra la pantalla principal con las opciones del sistema.

2. El usuario selecciona la opción de Regulatorias.

3. El sistema muestra todas las señales clasificadas como señales de movimiento.

4. El usuario desplaza el mouse sobre cualquiera de las imágenes que se presentan.

5. El sistema muestra una descripción sobre el significado de la imagen seleccionada.

6. El usuario da clic sobre el significado de la imagen seleccionada.

7. El sistema automáticamente desplaza una ventana con un video referente a la señal seleccionada.

8. El usuario observa el video y luego da clic en el botón de cierre de la ventana que contiene el video.

9. Se repiten los pasos del 3 al 8 en caso que el usuario siga revisando las señales de tránsito.

10. Fin de la trayectoria.

Caso de Uso Regulatorias - Dirección


Propósito: Mostrar las señales de tránsito de dirección.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de dirección.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales de dirección.








Caso de Uso Regulatorias - Peatones


Propósito: Mostrar las señales de tránsito de peatones.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de peatones.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales de peatones.








Caso de Uso Regulatorias - Velocidad


Propósito: Mostrar las señales de tránsito de velocidad.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de velocidad.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales de velocidad.








Caso de Uso Regulatorias - Estacionamiento


Propósito: Mostrar las señales de tránsito de estacionamiento.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de estacionamiento.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales de estacionamiento.








Caso de Uso Regulatorias - Varias


Propósito: Mostrar las señales de tránsito clasificas como varias.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales varias.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales varias.








Casos de Uso del módulo Preventivas

Caso de Uso Preventivas - Alineamiento


Propósito: Mostrar las señales de tránsito de alineamiento.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de Alineamiento.



Trayectoria


2. El usuario selecciona la opción de Preventivas.

3. El sistema muestra todas las señales clasificadas como señales de alineamiento.








Caso de Uso Preventivas - Intercepciones


Propósito: Mostrar las señales de tránsito de intercepciones.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de Intercepciones.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales de intercepciones.








Caso de Uso Preventivas - Aproximación


Propósito: Mostrar las señales de tránsito de aproximación.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de Aproximación.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales de aproximación.








Caso de Uso Preventivas – Altura y Peso


Propósito: Mostrar las señales de tránsito de altura y peso.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de Altura y Peso.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales de altura y peso.








Caso de Uso Preventivas – Especiales


Propósito: Mostrar las señales de tránsito Especiales.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales Especiales.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales Especiales.








Caso de Uso Preventivas – Peatonal


Propósito: Mostrar las señales de tránsito Peatonal.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales Peatonales.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales Peatonales.








Casos de Uso del módulo Informativas

Caso de Uso Informativas – Guía o Destino


Propósito: Mostrar las señales de tránsito de Guía o Destino.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de Guía o Destino.


Salida: Se muestra la respectiva señal de tránsito y su significado.

Trayectoria


2. El usuario selecciona la opción de Informativas.

3. El sistema muestra todas las señales clasificadas como señales de Guía o Destino.




7. El sistema automáticamente desplaza una ventana que contiene una imagen de mayor tamaño.

8. El usuario observa la imagen y luego da clic en el botón de cierre de la ventana que contiene la imagen.



Caso de Uso Informativas – Autopista


Propósito: Mostrar las señales de tránsito de Autopista.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de Autopista.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales de Autopista.








Caso de Uso Informativas – Servicios


Propósito: Mostrar las señales de tránsito de Servicios.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de Servicios.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales de Servicios.








Caso de Uso Informativas – Turísticas


Propósito: Mostrar las señales de tránsito Turísticas.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales Turísticas.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales Turísticas.








Caso de Uso Informativas – Ambientales


Propósito: Mostrar las señales de tránsito Ambientales.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales Ambientales.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales Ambientales.








Caso de Uso Informativas – Instrucciones


Propósito: Mostrar las señales de tránsito de Instrucciones.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de Instrucciones.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales de Instrucciones.








Casos de Uso del módulo Especiales

Caso de Uso Especiales – De Avance


Propósito: Mostrar las señales de tránsito de Avance.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de Avance.



Trayectoria


2. El usuario selecciona la opción de Especiales.

3. El sistema muestra todas las señales clasificadas como señales de Avance.








Caso de Uso Especiales – De Posición


Propósito: Mostrar las señales de tránsito de Posición.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de Posición.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales de Posición.








Caso de Uso Especiales – De Peligros


Propósito: Mostrar las señales de tránsito de Peligros.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de Peligros.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales de Peligros.








Caso de Uso Especiales – De Desviación


Propósito: Mostrar las señales de tránsito de Desviación.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de Desviación.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales de Desviación.








Caso de Uso Especiales – Delineadores


Propósito: Mostrar las señales de tránsito de Delineadores.

Resumen: Los usuarios pueden consultar las señales de tránsito clasificadas como señales de Delineadores.



Trayectoria



3. El sistema muestra todas las señales clasificadas como señales de Delineadores.








ANEXO C

MANUAL DE USUARIO

Es muy importante indicar que para efectos de guiar la correcta utilización del

sistema EcuTransit, en este manual de usuario, se ha seleccionado solamente la

opción de “Señales Regulatorias” considerando que repite el mismo proceso en las

otras opciones: “Señales Preventivas”, “Señales Informativas” y “Señales

Especiales” lógicamente el contenido variará dependiendo de la opción que

seleccione el usuario.

Pantalla principal del sistema

1. Esta pantalla al igual que todas las pantallas del sistema muestra un enlace de

inicio al sistema.

2. Esta pantalla muestra a los usuarios las cuatro opciones en las que se clasifican

las señales de tránsito.

3. Solo la pantalla principal muestra un contador de visitas.

Pantalla de señales Regulatorias

1. Una vez que los usuarios dan clic sobre la opción de “Señales Regulatorias” el

sistema presenta la siguiente pantalla que muestra un menú con la clasificación de

las señales regulatorias.

2. En este caso el sistema muestra las señales de tránsito relacionadas con la

opción “Movimientos”.

3. Si el usuario da clic sobre las otras opciones del menú “Dirección”, “Peatones”,

“Velocidad”, “Estacionamiento” y “Varias” el sistema presentara diferentes señales

según la opción seleccionada.

1. Si el usuario se encuentra en la sección de señales de movimiento debe elegir

una señal y posicionarse con el mouse sobre dicha señal.

1. Se posiciona con el mouse sobre la señal

2. El sistema muestra una descripción de cómo se debe interpretarse la señal de

tránsito seleccionada.

3. Una vez que el usuario ha revisado la señal seleccionada puede dar clic sobre la

descripción y el sistema le presentará un video que hace referencia a la señal

seleccionada.

2. El sistema muestra la descripción de la señal

3. De clic sobre la descripción de la señal

4. Una vez que el sistema presenta el video relacionado con la señal de tránsito

que el usuario eligió, tiene dos opciones para reproducirlo: dando clic en el centro

de la pantalla o en el botón de play del video.

5. Todos los videos tendrán un botón en la parte superior derecha el cual permite

que el usuario cierre el video.

4.

5.

6. Cada vez que el usuario cierra un video el sistema lo regresa a la pantalla de la

opción que él había seleccionado previamente con la finalidad que siga revisando

otras señales de la misma sección.

Finalmente, se indica que la funcionalidad del sistema aplica del mismo modo para

Tablet, Smartphone y Computadoras.

6. Se posiciona con el mouse sobre la señal

universidad de guayaquil facultad de ciencias …repositorio.ug.edu.ec/bitstream/redug/20336/1/tesis...

Documents