Diseño y desarrollo de un sitio web para la Unidad Educativa Sagrados Corazones

PONTIFICIA UNIVERSIDAD CATOLICA DEL ECUADOR SEDE SANTO DOMINGO

Dirección Académica- Escuela de Sistemas

DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA UNIDAD EDUCATIVA SAGRADOS CORAZONES DEL CANTÓN LA CONCORDIA EN EL AÑO 2013.

Disertación de Grado previa la obtención del título de Ingenieros de Sistemas y Computación

Línea de investigación: Estudio, Diseño e Implementación de Software

Autores: DELIA PAULINA GUZMÁN VARGAS DANIEL FABIÁN VEGA GONZÁLEZ Director: Msc. ADRIAN ROLANDO CEVALLOS DUEÑAS

Santo Domingo – Ecuador Marzo, 2015

PONTIFICIA UNIVERSIDAD CATOLICA DEL ECUADOR SEDE SANTO DOMINGO

Dirección Académica- Escuela de Sistemas y Computación HOJA DE APROBACIÓN DISEÑO Y DESARROLLO DE UN SITIO WEB PARA LA UNIDAD EDUCATIVA SAGRADOS CORAZONES DEL CANTÓN LA CONCORDIA EN EL AÑO 2013.

Línea de investigación: Estudio, Diseño e Implementación de Software Autores: DELIA PAULINA GUZMÁN VARGAS DANIEL FABIÁN VEGA GONZÁLEZ

Msc. Adrián Rolando Cevallos Dueñas

F. _________________________

DIRECTOR DE LA DISERTACION DE GRADO Ing. Carlos Vicente Galarza Macancela

F. _________________________

CALIFICADOR Lcdo. Juan Pablo Ruiz

F. _________________________

CALIFICADOR Msc. Rodolfo Sirilo Córdova Gálvez

F. _________________________

DIRECTOR ESCUELA DE SISTEMAS

Santo Domingo – Ecuador Marzo, 2015

DECLARACIÓN DE AUTENTICIDAD Y RESPONSABILIDAD

Yo, Delia Paulina Guzmán Vargas portadora de la cédula de ciudadanía No. 172209206-9 declaro que los resultados obtenidos en la investigación que presento como informe final, previo la obtención del Grado de Ingeniera de Sistemas y Computación son absolutamente originales, auténticos y personales.

En tal virtud, declaro que el contenido, las conclusiones y los efectos legales y académicos que se desprenden del trabajo propuesto de investigación y luego de la redacción de este documento son y serán de mi sola y exclusiva responsabilidad legal y académica.

Delia Paulina Guzmán Vargas CI. 172209206-9

DECLARACIÓN DE AUTENTICIDAD Y RESPONSABILIDAD

Yo, Daniel

Fabián

Vega González portador de la cédula de ciudadanía No.

172267482-5 declaro que los resultados obtenidos en la investigación que presento como informe final, previo la obtención del Grado de Ingeniero de Sistemas y Computación son absolutamente originales, auténticos y personales.

En tal virtud, declaro que el contenido, las conclusiones y los efectos legales y académicos que se desprenden del trabajo propuesto de investigación y luego de la redacción de este documento son y serán de mi sola y exclusiva responsabilidad legal y académica.

Daniel Fabián Vega González CI. 172267482-5

DEDICATORIA

Con cariño y amor para las personas que admiro que son mi orgullo, que han sido un ejemplo de vida por su esfuerzo y tenacidad, que gracias a su sabiduría influyeron en mi para convertirme en la persona que soy ahora para lograr todo los objetivos y no decaer en los fracasos, por brindarme el apoyo en todo lo posible para lograr uno de mis sueños y forjar un camino en el yo debo continuar.

Ante todo eso estoy muy agradecida

por eso esta Disertación que con esmero y

voluntad se realizó os dedico a Ustedes en agradecimiento por no dejar de creer en mí y por todo su amor.

Como dice mi Sr. padre NO ENVIDIES MI FUTURO SI NO SABES MI SACRIFICIO. ”Eh cumplido un pedazo de mi promesa”. Gracias Mami, Papi y en especial A mis Amados Abuelitos Mami Delia y Papi Eloy Delia Guzmán Vargas

Al culminar mi carrera, quiero dedicar esta disertación a Dios por mostrarme siempre el camino de luz, a mis padres que han estado junto a mí para apoyarme, darme esas palabras de aliento cuando mis fuerzas decaían, gracias padres por siempre impulsar mis sueños.

A mis abuelitos por esas palabras de ánimo y amor que me brindaron siempre y muy especialmente a ti mi viejo que siempre me inculcaste la honradez, sencillez y humildad, aunque ya no estas junto a mí sé que siempre me seguirás guiando, cumplí mi promesa, esta disertación es dedicada para ti Abuelito Vinicio gracias por todo.

“SANCHO, SI LOS PERROS LADRAN ES SEÑAL DE QUE AVANZAMOS” Daniel Vega González

AGRADECIMIENTOS

A Dios por permitirnos gozar de alegría y salud durante nuestros días, a nuestros padres por estar siempre junto a nosotros, por brindarnos su amor, y animarnos cuando más lo necesitamos en aquellos momentos que decaímos.

A nuestros profesores aquellos que día a día nos compartieron sus conocimientos en especial Ing. Enrique Constante, Ing. Carlos Galarza, Ing. Margareth Hurtado.

Y a todas las demás personas que formaron parte de esta disertación por apoyarnos y guiarnos en este arduo camino Mg. Marco Polo Silva, Mg. Rodolfo Córdova, Ing. Boris Pacas, Dis. Cindy Navia Román.

RESUMEN

La presente disertación consistió en desarrollar e implementar un sitio web para la Unidad Educativa Sagrados Corazones, institución dedicada a brindar una educación de calidad en La Concordia, la principal característica de este sitio es la facilidad de edición de información gracias a su desarrollo simple y entendible, resolviendo así necesidades específicas requeridas por la institución y ayudando a la difusión de su trabajo, razón social, sugerencias y continua actualización de los alumnos, del personal administrativo y docentes pertenecientes a la Institución.

El presente proyecto de ingeniería de sistemas implica tres ramas. La primera de estas ramas es la Programación Web siendo esta la base principal del proyecto, se apoyará en la rama de Diseño Web y sustentará toda su información en la rama de Base de Datos.

Para la realización de esta disertación es importante basarse en una metodología especializada en aplicaciones Web, apoyada en el lenguaje de modelamiento UML, permite el desarrollo de todos los diagramas que servirán como base para la programación. Las herramientas utilizadas para el diseño y diagramación son Rational Rousse y Visio, para la programación se utilizará el lenguaje PHP, para facilitar el acceso a datos, y se implementara en el motor de base de datos Mysql.

ABSTRACT

The current dissertation consisted in developing and implementing a web site for Unidad Educativa Sagrados Corazones, institution dedicated to offer an education of quality in La Concordia, the main characteristic of this site is the facility of editing information thanks to its simple and understandable development, solving specific needs required by the institution and helping to work dissemination, business name, suggestions and continuously update of students, administrative staff and teachers belonging to the Institution.

The current engineering system project contains three branches. The first of these branches is Web Programming being the main basic of the project; it will support in the branch od Web Design and sustain all its information in the branch of Database.

For carrying out this dissertation is important to base on an specialized methodology in Web applications, supported UML modeling language, it permits the development of all diagrams that will serve as basic for programming.

The tools used for design and layout are Relational Rousse and Visio, for programming PHP language will be used to facilitate the acces to data and it will be implemented in database MYSQL engine.

ÍNDICE DE CONTENIDOS

I.

Pág .

INTRODUCCIÓN………………………………..…………...…… 1

II.

PLANTEAMIENTO DEL PROBLEMA……………………........ 3

2.1

ANTECEDENTES DEL PROBLEMA DE INVESTIGACIÓN...... 3

2.2 2.2.1

PROBLEMA DE INVESTIGACIÓN…………………..….…….… 3 Preguntas de investigación……………………………....………….. 4

2.3

JUSTIFICACIÓN DE LA INVESTIGACIÓN…………………….

2.4 2.4.1 2.4.2

OBJETIVOS DE LA INVESTIGACIÓN………………..……...…. 6 Objetivo General……………………………………………....……. 6 Objetivos Específicos……………………………………………….. 6

2.5 2.6 2.7

FASE DE VIABILIDAD…………………………………….…….. 6 FASE DE FACTIBILIDAD……………………………………….. 7 HIPÓTESIS……………………………………………………….... 7

III.

MARCO REFERENCIAL………………………..……...…….….

8

3.1 3.1.1 3.1.2 3.1.3 3.1.4 3.1.5 3.1.6 3.1.7

BASE DE DATOS…………………………………………….…….

Componentes de una base de datos……………………………….…

Tipos de usuarios de base de datos………………………………….

DBMS…………………………………………………………….....

Características de un DBMS……………………………….……..…

DDL………………………………………………………….…...….

DML………………………………………….………………...……

DCL…………………………………………..…………………..….

8 8 9 9 10 10 10 10

3.2 3.2.1 3.2.1.1 3.2.1.2 3.2.1.3 3.2.1.4 3.2.1.5

SOFTWARE………………………………..….……………............

Ingeniería de software……………………….…………………..…..

Ciclo de vida de ingeniería de software……………………….…….

Diagramas UML……………………………….……………….…....

Diagramas de clase…………………………….………………….…

Diagrama de caso de uso……………………….……………………

Diagrama de secuencia………………………….………………...…

11 11 11 13 13 13 14

3.3 3.3.1 3.3.2 3.3.2.1

LENGUAJE DE PROGRAMACIÓN…………………….…...……

HTML…………………………………………………………...…..

PHP…………………………………………………………..…...…

Características de PHP…………………………….……………...…

15 15 16 16

3.4 3.4.1

ARQUITECTURA DE LA INFORMACIÓN…………………....... 17 Componentes de la arquitectura de la información……………….… 17

4

3.5 3.5.1 3.5.2

PROTOCOLOS……………………………………………………..

IP………………..……………………………..…………….………

Servidor web..……………………………….……………....………

18 18 19

3.6 3.6.1 3.6.2 3.6.2.1 3.6.3 3.6.4 3.6.5 3.6.6 3.6.7

INTERNET…….………………………………...…...…………….. www…………….……………………………..…………….………

Sitio web….………………………………….……………....………

Funcionamiento………………………………..…………….………

Host………………………………………….……………....………

Dominio……………………………………..…………….…..……..

Seguridad de sitios……………………………………..……….…...

Seguridad en tecnologías de la página web…………….……………

Diseño de políticas de seguridad……………………….……............

19 19 19 20 21 21 21 21 22

3.7 3.7.1 3.7.2

JOOMLA…………………………………………………...…..…...

Funcionamiento de Joomla………………………….…..….……….

K2…………………………………………………….……...………

22 23 24

IV

METODOLOGÍA DE INVESTIGACIÓN…………..……….….. 25

4.1 4.1.1 4.1.1.1 4.1.2 4.1.2.1

TIPO DE INVESTIGACIÓN……………………………...…….…

Cualitativa……………………………………………….….…….…

Investigación de campo………………………………….………..…

Cuantitativa…………………………………………….……...….…

Investigación aplicada…………………………………………….....

4.2 4.2.1

MÉTODOS DE INVESTIGACIÓN…………………………….…. 26 Método analítico – deductivo………………………………..…….... 26

V

METODOLOGÍA DE DESARROLLO………………….…….… 27

5.1

INVESTIGACIÓN………………………………………..……..….

27

5.2 5.2.1 5.2.2 5.2.3 5.2.4 5.2.5

ARQUITECTURA LA INFORMACIÓN…………………...…...…

Inventario de contenidos deseables…………………………...…..…

Diseño conceptual………………………………………………...…

Maqueta de la arquitectura de las páginas…………………………...

Producción y operación………………………………………...…....

Inventario de páginas web…………………………………….……..

27 27 27 28 28 28

5.3 5.3.1 5.3.2 5.3.3 5.3.4

INGENIERÍA DE SOFTWARE……………………..…...………..

Análisis………………………………..…………..………..…….….

Diseño……………………………….……………...……..………...

Desarrollo…………………………….……………………..…….…

Implementación y pruebas…………………………….…..…….…..

29 29 29 29 29

5.4

VALIDACIÓN………………………………………………………

30

VI

RESULTADOS……………………………………...………….….. 32

25 25 25 25 26

6.1 6.1.1 6.1.2 6.1.3 6.1.4 6.1.4.1 6.1.4.2 6.1.5 6.1.6

INVESTIGACIÓN………………………………..…….……….….

Introducción……………………………………….………...………

Propósito y procedimiento………………………………………..…

Obtención de la muestra……………………………………………..

Encuesta……………………………………………………….….…

Estructura de la encuesta………………………………………….…

Tabulación y análisis estadístico de la encuesta…………….….…....

Entrevista…………………………………………………….…....…

Elaboración de SRS………………………………………….……....

32 32 32 32 33 34 36 41 41

6.2 6.2.1 6.2.2 6.2.2.1 6.2.2.2 6.2.2.3 6.2.3 6.2.3.1 6.2.4 6.2.4.1 6.2.5

ARQUITECTURA DE LA INFORMACIÓN………………..…….

Inventario de contenido deseable…………………………………....

Diseño conceptual…………………………………….…………..…

Exploración de metáforas…………………………….…………...…

Escenarios……………………………………………….…………..

Plano de arquitectura de nivel superior……………….……………..

Maqueta de la arquitectura de las páginas……………….………..…

Esbozo de diseño……………………………………….…………....

Producción y operación……………………………………………...

Planos detallados de la arquitectura………………………………....

Inventario de sitio web……………………………………….…...…

42 42 43 43 44 47 48 48 49 50 51

6.3 6.3.1 6.3.2 6.3.2.1 6.3.2.2 6.3.2.3 6.3.2.4 6.3.2.5 6.3.2.6 6.3.3 6.3.3.1 6.3.3.2 6.3.4 6.3.4.1 6.3.4.2 6.3.4.2.1 6.3.4.2.2

INGENIERÍA DE SOFTWARE………………………..….……....

Análisis……..…………………………………………………..…....

Diseño……….…………………………………………………..…..

Clases………………………………………………………………..

Diagrama de clases………………………………………………..…

Casos de uso………………………………………………………....

Diagrama de Casos de uso…………………………………………..

Diagramas de secuencia……………………………………………..

Diseño lógico BDD………………………………………………….

Desarrollo…….………………………………………………...……

Diseño físico BDD…………………………………………………..

Diagrama de interfaces…………………………….…………...........

Implementación y pruebas……………………….……………….....

Subida de sitio web………….…...………………………………….

Entrega de documentación…………………………………………..

Manual técnico…………………...……………………………….....

Manual de usuario…………………...……………………………....

52 52 53 53 54 54 59 64 70 70 70 71 73 73 74 74 101

6.4 6.4.1 6.4.1.1 6.4.1.1.1 6.4.1.1.2 6.4.1.1.3 6.4.1.1.4 6.4.1.1.5 6.4.1.2

VALIDACIÓN……………………………………..….…………….

Aplicación del focus group………………………….………………

Etapas de preparación del focus group………………..……………..

Determinar el tipo de focus group……………………...……………

Contratación de moderador……………………………......……...…

Selección de participantes………………………………...…...…….

Elaboración de guía de animación…………………………...……...

Análisis y resultados del focus group………………………………..

Recursos necesarios…………………………………………………

109 109 109 109 109 110 110 110 116

6.4.1.3

Ventajas y Limitaciones……………………………………………..

116

VII 7.1 7.1

CONCLUSIONES Y RECOMENDACIONES……………...……..

Conclusiones………………….……………………………………..

Recomendaciones………………….………………………………..

117 117 118

REFERENCIAS………………………...………………………….. 119 Bibliográficas…...…………….…………………………………….. 119 Lincográficas…...…………….…………………………….……….. 121 GLOSARIO………………………………..……………….……….. 122 ANEXOS…………………………………………………………… 125

LISTA DE IMÁGENES Pág.

IMAGEN 1 IMAGEN 2 IMAGEN 3 IMAGEN 4 IMAGEN 5 IMAGEN 6 IMAGEN 7 IMAGEN 8 IMAGEN 9 IMAGEN 10 IMAGEN 11 IMAGEN 12 IMAGEN 13 IMAGEN 14 IMAGEN 15 IMAGEN 16 IMAGEN 17 IMAGEN 18 IMAGEN 19 IMAGEN 20 IMAGEN 21 IMAGEN 22 IMAGEN 23 IMAGEN 24 IMAGEN 25 IMAGEN 26 IMAGEN 27 IMAGEN 28 IMAGEN 29 IMAGEN 30 IMAGEN 31 IMAGEN 32 IMAGEN 33 IMAGEN 34 IMAGEN 35 IMAGEN 36 IMAGEN 37 IMAGEN 38 IMAGEN 39 IMAGEN 40 IMAGEN 41 IMAGEN 42 IMAGEN 43 IMAGEN 44 IMAGEN 45 IMAGEN 46

Modelo cascada………………………………….…….…..

Modelo espiral…………………………………….……….

Ejemplo de diagrama de clases…………………….…...…

Ejemplo de diagrama de casos de uso……………….…….

Ejemplo de diagrama de secuencia………………………..

HTML………………………………………………...……

Sitio web………………………………….………………..

Funcionamiento web……………………….………….…..

Seguridad web………………………………………….….

Logotipo Joomla…………………………………………...

Funcionamiento de Joomla…………………………….......

Esbozo de diseño………………………………….….……

Subida de sitio web.....…………………………….….……

Subida de sitio web.....…………………………….……….

Subida de sitio web.....…………………………….……….

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico……………………………………………

Manual Técnico……………………………………………

Manual Técnico……………………………………………

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico…………………………………………....

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico……………………………………………

Manual Técnico…………………………………..…….….

Manual Técnico……………………………………..….….

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico………………………………………...….

Manual Técnico…………………………………………....

Manual Técnico…………………………………………....

Manual Técnico………………………………………...….

12 12 13 14 14 16 20 21 22 23 23 49 73 73 74 75 75 76 76 77 77 78 78 79 79 80 80 81 82 82 83 83 84 86 86 87 87 88 88 89 96 96 97 97 98 98

IMAGEN 47 IMAGEN 48 IMAGEN 49 IMAGEN 50 IMAGEN 51 IMAGEN 52 IMAGEN 53 IMAGEN 54 IMAGEN 55 IMAGEN 56 IMAGEN 57 IMAGEN 58 IMAGEN 69 IMAGEN 60 IMAGEN 61 IMAGEN 62 IMAGEN 63 IMAGEN 64 IMAGEN 65

Manual Técnico………………………………………...….

Manual Técnico…………………………………………....

Manual Técnico………………………………………...….

Manual Técnico…………………………………………....

Manual Usuario…………………………………...……….

Manual Usuario…………………………………...……….

Manual Usuario…………………………………...……….

Manual Usuario…………………………………...……….

Manual Usuario…………………………………...……….

Manual Usuario…………………………………...……….

Manual Usuario…………………………………...……….

Manual Usuario…………………………………...……….

Manual Usuario…………………………………...……….

Manual Usuario…………………………………...……….

Manual Usuario…………………………………...……….

Manual Usuario…………………………………...……….

Manual Usuario…………………………………...……….

Manual Usuario…………………………………...……….

Manual Usuario…………………………………...……….

99 99 100 100 101 102 102 103 103 104 104 105 105 106 106 107 107 108 108

LISTA DE GRÁFICOS Pág.

GRÁFICO 1 GRÁFICO 2 GRÁFICO 3 GRÁFICO 4 GRÁFICO 5 GRÁFICO 6 GRÁFICO 7 GRÁFICO 8 GRÁFICO 9 GRÁFICO 10 GRÁFICO 11 GRÁFICO 12 GRÁFICO 13 GRÁFICO 14

Pregunta específica 1 – Encuesta……………………..…..

Pregunta específica 2 – Encuesta……………………..…..

Pregunta filtro 3 – Encuesta…………………...………….

Pregunta filtro 3 parte 2 – Encuesta…………………….…

Pregunta selección 4 – Encuesta…………………………..

Pregunta selección 4 parte 2 – Encuesta…………………..

Pregunta específica 5 – Encuesta………………………....

Pregunta específica 6 – Encuesta……………………..…..

Pregunta específica 7 – Encuesta…………..………..……

Actualización automática………………......……………...

Pregunta 1 – Validación…………………...……….……...

Pregunta 2 – Validación…………………...……….……...

Pregunta 3 – Validación…………………...……….……...

Pregunta 4 – Validación…………………...……….……...

36 37 37 38 38 39 39 40 41 89 111 111 112 113

LISTA DE TABLAS Pág.

TABLA 1 TABLA 2 TABLA 3 TABLA 4 TABLA 5 TABLA 6 TABLA 7 TABLA 8 TABLA 9 TABLA 10 TABLA 11

Inventario de contenidos deseables……………………..…

Metáforas organizacionales……………………..……...….

Metáforas funcionales……………………………..……....

Escenario ficticio 1…………………………………..…….

Escenario ficticio 2……………………………………..….

Escenario ficticio 3……………………………………..….

Escenario ficticio 4……………………………………..….

Inventario de contenido final………………………………

Clases…………………………………………………..…..

Recursos necesarios...……………………………….……..

Ventajas y limitaciones…………………………………....

42 43 44 45 45 46 46 52 53 116 116

LISTA DE FIGURAS Pág.

FIGURA 1 FIGURA 2 FIGURA 3

Planos nivel superior……………………………………… 47 Diseño detallado de páginas informativas………...………. 50 Diseño detallado de subsitios…………………………….. 51

LISTA DE DIAGRAMAS Pág.

DIAGRAMA 1 DIAGRAMA 2 DIAGRAMA 3 DIAGRAMA 4 DIAGRAMA 5 DIAGRAMA 6 DIAGRAMA 7 DIAGRAMA 8 DIAGRAMA 9 DIAGRAMA 10 DIAGRAMA 11 DIAGRAMA 12 DIAGRAMA 13 DIAGRAMA 14 DIAGRAMA 15 DIAGRAMA 16 DIAGRAMA 17 DIAGRAMA 18 DIAGRAMA 19 DIAGRAMA 20 DIAGRAMA 21 DIAGRAMA 22 DIAGRAMA 23 DIAGRAMA 24 DIAGRAMA 25 DIAGRAMA 26 DIAGRAMA 27 DIAGRAMA 28

Diagrama de clases…………………………………….....

Caso de uso – Ingresar al sistema…………………….….

Caso de uso – Material de Descarga…………………..…

Caso de uso – Materias………………………..…………

Caso de uso – Notas………………………………...……

Caso de uso – Estudiante……………………....…….…..

Caso de uso – Asignatura……………………....…….…..

Caso de uso – Curso…………………………....…….…..

Caso de uso – Matrícula..……………………....…….…..

Caso de uso – Calificaciones……..…………....…….…..

Secuencia – Consultar notas………………………....…..

Secuencia – Consultar material de descarga…….……....

Secuencia – Consultar materia…………………….……..

Secuencia – Eliminar material de descarga………………

Secuencia – Ingresar material de descarga……………....

Secuencia – Ingresar al sistema………………………….

Secuencia – Modificar material de descarga……………..

Secuencia – Consultar estudiante.…..……………………

Secuencia – Consultar asignatura………………………..

Secuencia – Consultar curso……………………………..

Secuencia – Consultar matrícula….…………….………..

Secuencia – Consultar calificaciones………...…………..

Diseño lógico de base de datos………………….…….…

Diseño físico de base de datos…………………….…..…

Interfaces – Principal…………………………………….

Interfaces – Informativa………………………………….

Interfaces – Login………………………………….…….

Interfaces – Galería…………………………………..…..

54 59 60 60 61 61 62 62 63 63 64 64 65 65 66 66 67 67 68 68 69 69 70 70 71 71 72 72

LISTA DE ESQUEMAS Pág.

ESQUEMA 1 ESQUEMA 2

Metodología de desarrollo…………………….………...… 31 Aplicación del focus group……………………….……..… 115

LISTA DE ANEXOS Pág.

ESQUEMA 1 ESQUEMA 2 ESQUEMA 3 ESQUEMA 4 ESQUEMA 5 ESQUEMA 6 ESQUEMA 7 ESQUEMA 8 ESQUEMA 9 ESQUEMA 10 ESQUEMA 11 ESQUEMA 12 ESQUEMA 13 ESQUEMA 14

Encuesta……………………………..……………………..

Informe de visita……………………..……………….……

Informe de visita………………………...…………………

Informe de visita…………………………...………………

Informe de visita……………………………...……………

Especificación de requerimientos de software…….………

Banco de preguntas de focus group………………..………

Ficha de validación de focus group…………………..……

Certificado de validación……………………………..……

Acta de entrega recepción…………………………………

Diccionario de Datos………………………………………

Sistema de Notas (Script de creación Base de Datos)…..…

Acta de capacitación webmaster y jefe de área informática Modelo entidad relación sistema de gestión académica…...

126 128 129 130 131 132 143 145 147 148 150 154 169 170

I. INTRODUCCIÓN

En la actualidad existe una gran diversidad de tecnologías (TIC’S), las cuales nos permiten llevar acabo un variedad de tareas informativas de gran alcance, utilizando medios electrónicos y servicios de red, frente a este incremento de servicios, se han desarrollado una gran cantidad de sitios Web con una arquitectura dinámica y estática permitiendo cubrir necesidades de información y fácil utilización de la comunidad.

En virtud del aprovechamiento de las tecnologías las instituciones educativas en especial la educación media, se encuentra en una búsqueda de nuevos mecanismos que permiten agilizar el intercambio de información mediante el uso de un Sitio Web, favoreciendo el acceso a información de interés como notas, horarios de clase, actividades, entre otras.

La Unidad Educativa Sagrado Corazones es una institución dedicada a establecer la enseñanza a nivel básico y medio que requiere poner a disposición de padres de familia, docentes, alumnos y comunidad en general una Sitio Web y así poder presentar todos los acontecimientos tanto académicos como culturales.

La disertación se estructura de la siguiente manera: 

Sección 1: Antecedentes del problema de investigación se detalla el problema a

resolver, este contiene la delimitación del mismo ya que es importante conocer los límites del proyecto, también sus preguntas de investigación formulando lo más importante del proyecto, como también su respectiva justificación que respalde el trabajo a realizarse y demuestre la importancia de este, sus objetivos mencionan a lo que se quiere llegar con el desarrollo del presente proyecto. 

Sección 2: Marco Referencial se toma en cuenta los procesos a trabajar o

herramientas, como así también otras fuentes de información que servirán para adquirir diferentes técnicas para la resolución del proyecto como también el planteamiento de la hipótesis obteniendo lo más principal que se realizara en la disertación.

2



Sección 3: Metodología de la investigación esta describe con que métodos de la

investigación se analizara cada parte fundamental del proyecto, tipo de investigación ya sea cuantitativamente o cualitativamente, la población/ muestra a que porcentaje de la población está dirigida, también las variables e indicadores que indica lo más importante de la hipótesis planteada, las técnicas e instrumentos de recogida de datos la recopilación de datos necesarios y verificar la factibilidad, técnicas de análisis de datos que se obtendrá el análisis de los datos obtenidos. 

Sección 4: Fuentes de Información tanto bibliográficas y lincográficas de donde se

obtuvo referencia de consulta para el presente proyecto.

II. PLANTAMIENTO DEL PROBLEMA

2.1

ANTECEDENTES DEL PROBLEMA DE INVESTIGACIÓN

La Unidad Educativa Sagrados Corazones del Cantón la Concordia es una institución que brinda el servicio de educación, en los niveles básico y bachillerato para los habitantes del cantón. Esta institución otorga el servicio a personas de bajos y medianos recursos basados en una formación con valores morales y espirituales.

La institución posee un sistema académico que no satisface sus necesidades actuales, debido a que no cumple con los nuevos requerimientos por parte del Ministerio de Educación y tampoco cuenta con un medio de comunicación que le permita una vinculación directa con sus estudiantes, docentes y con la colectividad.

Al ser unos de los colegios de mayor acogida en el sector, se ha visto en la necesidad de incrementar su servicio con un sistema académico de calidad y ponerse a la altura de las exigencias actuales en la educación media que establece el gobierno, para así seguir brindando una educación de calidad.

2.2

PROBLEMA DE INVESTIGACIÓN

Los cambios tecnológicos y la creciente demanda de excelencia en las instituciones, no han dejado al margen la educación media en el país, haciendo énfasis en el área de las Tecnologías de la Información y la Comunicación (TIC), con el fin de conseguir una comunicación abierta, rápida, eficaz en procesos administrativos y académicos.

Debido a la firma del convenio Interinstitucional entre la Universidad Católica del Ecuador Sede Santo Domingo y la Unidad Educativa Sagrados Corazones del Cantón la Concordia, en vinculación con la colectividad se realizó esta

3

disertación de

4

grado en dicha institución la cual permitirá una comunicación dinámica y eficiente, entre la comunidad que la conforma.

Después de analizar las causas previamente mencionadas surge la necesidad de la creación del Sitio Web para dicha unidad educativa, el cual se desarrolló y diseño con la finalidad de ser una herramienta útil y beneficiar al personal administrativo del plantel, ya que estos son los principales beneficiarios de este proyecto, como también es valioso para los estudiantes, docentes y comunidad del Cantón.

Para realizar la delimitación de la investigación se realizó el SRS (Software Requirements Specification - Especificación de Requerimientos del Software), el cual nos permitió recopilar toda la información, requerimientos del problema a resolver, para así detallar los límites del mismo con mayor exactitud. (Ver anexo 6).

2.2.1

Preguntas de la Investigación

 ¿El Sitio Web cubrirá la necesidad de mejorar el proceso de secretaria en la muestra de notas, y la expectativa de generar mayor vinculación con la comunidad que requiere la Unidad Educativa Sagrados Corazones?  ¿El Sitio Web ayudará a mejorar la calidad de Comunicación de la Unidad Educativa Sagrados Corazones con sus usuarios y personas externas?  ¿Le es beneficiosa a la institución la adquisición de una nueva infraestructura tecnológica considerando la función que esta tendrá en base a las TIC’S?

2.3 JUSTIFICACIÓN DE LA INVESTIGACIÓN Para la unidad educativa Sagrados Corazones se hace imprescindible implementar un Sitio Web, donde permitirá a todas las personas que conforman la comunidad educativa y sociedad en sí, apropiarse de las bondades que brindan las tecnologías de la Información y Comunicación, y de esta manera se estimulará a los docentes,

5

estudiantes, personal administrativo y padres de familia a la actualización de procesos y capacitaciones que reconozcan el desarrollo del sentido de pertenencia en cada uno de ellos, y así posicionarse como una entidad educativa eficiente en el ámbito tecnológico y en el ámbito organizacional, lo cual se lograra a través de la visualización de notas de los estudiantes.

Al implementar este proyecto la unidad educativa no solo fortalecerá su posición sino que también incrementara

la aceptación

de la comunidad al brindar un servicio

mejorado de tecnología para sus alumnos y para la colectividad, siendo los beneficiarios directos los estudiantes, personal administrativo, docentes y la sociedad en sí.

Una parte relevante del proyecto es

llegar a conocer y comprender

las nuevas

tecnologías de la información y las consecuencias de estas, teniendo en cuenta

la

utilización adecuada de los recursos informáticos de comunicación existente, agilizar procesos académicos que ayuden en el ámbito pedagógico y fortalecer las habilidades y destrezas de los docentes, los alumnos y comunidad en sí pudiendo tener mayor conocimientos de los procesos, proyectos y actividades que ocurren en la Institución aplicando la comunicación interactiva.

Debido a la importancia de este proyecto y a todas las cualidades que este reúne ha generado los siguientes impactos para la Unidad Educativa: Tecnológico: Debido a que la Unidad educativa no consta con un Sitio Web, podrá brindar a sus estudiantes, docentes una herramienta de interacción que permita el uso de las tics y brinde un crecimiento tecnológico para la institución.

Social: El Sitio Web permitirá incrementar la vinculación con la colectividad el cual es unos de los intereses de la Unidad Educativa con este proyecto y así fortalecer su nivel de aceptación en la región.

Educativo: La implementación del sitio web incentivara al personal docente a actualizarse en el uso de las tics, de esta manera se creara una cultura y educación tecnológica en la Unidad educativa a través de su función de visualización de notas y correo institucional.

6

Ecológico: Tomando en cuenta que el sitio consta con un correo institucional y correo institucional, los cuales evitaran la impresión de material académico y entrega de tareas, y de esta manera cumplir con una de las normas del buen vivir que es el no uso de papeles.

2.4

OBJETIVOS DE LA INVESTIGACIÓN

2.4.1

Objetivo General

Diseñar y desarrollar un sitio web para la unidad educativa Sagrados Corazones del cantón La Concordia en el año 2013.

2.4.2 Objetivos Específicos  Obtener los requerimientos funcionales, alcance y demás parámetros del sitio web mediante la elaboración del SRS.  Analizar, diseñar y administrar de una manera adecuada la arquitectura de la información.  Desarrollar el sitio web en base a los requerimientos.  Realizar las pruebas del sitio web en línea.  Realizar la entrega del sitio web con su manual técnico y de usuario.

2.5

FASE DE VIABILIDAD

La Unidad Educativa tiene como objetivo brindar un servicio de eficacia y excelencia en el ámbito académico, inculcando valores educativos e interpersonales.

Con la finalidad de promover y dar conocer las diferentes actividades de la institución se

decidió impulsar la creación de un sitio web que incluyó las siguientes

funcionalidades:

7



Publicar contenido institucional relacionado con su estructura, organización y

objetivos. 

Mostrar la información de actividades o proyectos realizados en la institución.



Ofrecer la opción de presentación de notas de cada alumno a través de la web y el

ahorro de recursos. 

El sitio Web en su arquitectura será compatible con los principales navegadores de

internet (Mozilla Firefox, Internet Explorer, Opera, Safari, Google Chrome), todos los contenidos se almacenarán en una Base de Datos.

2.6

FASE DE FACTIBILIDAD

La institución cuenta con varios equipos de computación, de igual manera consta con servicio de internet, con lo cual el Sitio Web fue técnicamente posible y también implica una serie de costos que son reflejados en la movilización para toma de requerimientos y pruebas, suministros de oficina, servicios básicos, equipos de computación, software para el diseño y desarrollo del sitio web.

2.7 HIPÓTESIS El desarrollo del Sitio Web como guía a las bondades que brinda la tecnología ayudará a la Unidad Educativa Sagrados Corazones en la gestión académica específica de visualización de notas y vinculación con la colectividad.

III. MARCO REFERENCIAL

3.1.

BASE DE DATOS

BDD, es la agrupación de datos organizados y relacionados entre sí, los cuales son recolectados y explotados por los sistemas de información de una empresa o negocio en particular.

Las bases de datos se organizan por campos, registros y archivos. Un campo es un punto único de información, los registros son campos completos del sistema, y un archivo es una amplia colección de registros.

Las características relevantes de una base de datos son:  Acceso concurrente por parte de múltiples usuarios.  Independencia lógica y física de los datos.  Redundancia mínima.  Integridad de los datos.  Consultas complejas optimizadas.  Seguridad de acceso y auditoria.  Respaldo y recuperación.  Acceso a través de lenguajes de programación estándar.

3.1.1.

Componentes de una Base de Datos

 Hardware: Es todo lo tangible para el usuario, como dispositivos de almacenamiento, ejemplo: discos, tambores, cintas, entre otros.  Software: Es el sistema que administra la base de datos como procesos, datos e información

ejemplo:

Oracle,

8

MySQL,

entre

otros.

9

 Datos: Están almacenados de acuerdo a la estructura externa y serán procesados para convertirse en información.

3.1.2.

Tipos de Usuarios de Base de Datos

 Usuario Final: Es aquel

que utiliza los datos que ya son convertidos en

información.  Desarrollador de Aplicaciones: Se encarga de desarrollar los sistemas que interactúan con la Base de Datos.  DBA (DataBase Administrator / Administrador de Base de datos): Se encarga de asegurar la integridad, redundancia y consistencia de los datos, un DBA también ejecuta el mantenimiento y control de la Base de datos.

3.1.3.

DBMS

DBMS (DataBase Management System / Sistema de Gestión de Base de Datos), es el conjunto de programas que permiten crear, administrar, mantener la información y estructura de una base de datos, manteniendo su integridad, seguridad y confidencialidad.

Un DBMS permite:  Definir la base de datos: especificar estructuras, tipos y restricciones de los datos.  Construir la base de datos: almacenar los datos en un ambiente controlado por el mismo DBMS.  Manipular la base de datos: realizar ingresos, consultas, eliminar datos y generar reportes.

10

3.1.4.

Características de un DBMS

 Control de Redundancia: Evita la duplicación de datos (lo cual trae efectos negativos como: desperdiciar espacio en disco, inconsistencia de datos).  Restricción de accesos no autorizados: Permite tener a cada usuario con sus respectivos permisos de acceso y autorización.  Cumplimiento de las restricciones de integridad: El DBMS debe ofrecer recursos, para definir y garantizar el cumplimiento de las restricciones de integridad.

3.1.5.

DDL

DDL (Data Definition Language / Lenguaje de Definición de Datos), es un lenguaje artificial que sirve para organizar de forma interna una base de datos, define y describe los objetos la misma, su estructura, restricciones, relaciones.

Sus principales instrucciones son: CREATE, ALTER, RENAME, DROP, TRUNCATE. 3.1.6.

DML

DML (Data Manipulation Language / Lenguaje de Manipulación de Datos), es un lenguaje artificial de cierta complejidad que permite la manipulación, manejo, procesamiento de los datos existente en una base de datos, a través de cláusulas, comandos, operadores lógicos, operadores de comparación sus principales instrucciones son: SELECT, INSERT, UPDATE, DELETE. 3.1.7.

DCL

DCL (Data Control Languaje / Lenguaje de Control de Datos), es un lenguaje proporcionado por el DBMS que se utiliza para la creación de roles, permisos y para la seguridad integral de los datos, permite controlar el acceso a la base de datos y dar seguridad a los objetos de esta. Sus comandos son GRANT, REVOKE, COMMIT, ROLLBACK.

11

3.2.

SOFTWARE

Según la definición del IEEE, "software es la suma total de los programas de computadora, procedimientos, reglas, la documentación asociada y los datos que pertenecen a un sistema de cómputo". Según el mismo autor, "un producto de software es un producto diseñado para un usuario" (Lewis, 1994).

3.2.1.

Ingeniería de Software

“Ingeniería

de software es la creatividad actividad de entender el problema de la

empresa, que viene con una idea de solución, y el diseño de los "planos" de la solución”. (IvanMarsic, Rutger, 2012).

3.2.1.1.

Ciclo de Vida Ingeniería de Software

Para realizar un software, es necesario seguir un conjunto de actividades las cuales nos permitan llevar el desarrollo del mismo de una manera ordenada, detallada y controlada, a este conjunto de actividades se las denomina ciclo de vida del software, el cual tiene las siguientes fases:  “Especificación de Requisitos Comprensión de los escenarios de uso y derivar el modelo de dominio estático.  Diseño Asignación de responsabilidades a objetos y especificar dinámica detallada de sus interacciones en diferentes escenarios de uso.  Implementación Codificación del diseño en un lenguaje de programación.  Pruebas Clases / componentes individuales (pruebas unitarias) y todo el sistema (integración pruebas).

12

 Operación y Mantenimiento La ejecución del sistema, corrigiendo errores y añadiendo nuevas características.”

(IvanMarsic, Rutger, 2012).

El ciclo de vida tiene varias formas de realizarse como por ejemplo en cascada, espiral, en V y otros más. (Ver imagen 1 y 2).

El objetivo es producir el sistema según las especificaciones del documento, que es una copia exacta de la descripción de lo que se va a hacer en el sistema planificado.

13

El análisis de requerimientos delimita el sistema y especifica los servicios que ofrece, se identifican los tipos de usuarios que van a interactuar con el sistema e identifica otros sistemas que interactúan con el nuestro requisitos.

3.2.1.2.

Diagramas UML

Son la representación gráfica de un sistema, los cuales nos permiten tener una visión detallada, clara y técnica del mismo. Permitiendo documentarlo y posteriormente desarrollarlo correctamente.

3.2.1.3.

Diagramas de Clase

Es la representación de un conjunto o agrupación de clases, interfaces, colaboraciones y relaciones que representan a un diseño estático del sistema. (Ver imagen 3).

3.2.1.4.

Diagrama de Caso de Uso

Son las representaciones de un conjunto de actores y de escenarios con sus relaciones, que permite organizar y modelar el comportamiento del sistema desde el punto de vista de sus interacciones en el exterior y sin entrar en la parte de la descripción detallada.

Estos diagramas son utilizados en la recogida y documentación de requisitos. (Ver imagen 4 en página siguiente).

14

3.2.1.5.

Diagrama de Secuencia

Estos diagramas representan un grado cronológico de la interacción entre objetos, es muy importante que no exista ninguna interrupción entre los eventos de una continuidad, además demuestran los aspectos dinámicos de un sistema, cada objeto del diagrama está representado con una línea vertical, correspondiente al eje del tiempo.

(Ver imagen 5).

15

3.3.

LENGUAJE DE PROGRAMACION

Es un lenguaje o idioma artificial que está definido para ser expresado o llevado a cabo por máquinas (computadoras).

Estos lenguajes son usados para la creación de programas, en si está formado por un conjunto de símbolos y reglas sintácticas y semánticas, las cuales

estructuran el

significado de cada elemento y expresión dada. Estos cumplen un determinado número de procesos que se escriben, se prueban, se depuran, compilan y por último se mantiene el mimos código fuente a todo este conjunto se le denomina programación.

Una característica importante en el lenguaje de programación es que una cantidad infinita de programadores pueden usar un sin número de instrucciones que sean entendidas y analizadas por ellos para tener una construcción y guía colaborativa.

3.3.1.

HTML

Es un lenguaje de marcado de hipertexto donde se hace énfasis en elaboración de sitios web, donde su utilización es la traducción y descripción de casi toda la información en un texto, como también la agregación de imágenes. HTML tiene una presentación de forma de etiquetas (<,>) que viene a estar definido desde el inicio del documento con su respectivo cierre.

HTML se mantiene siempre en un constante desarrollo para alcanzar todos los estándares o demandas que da el crecimiento del Internet. La creación de sitios web utilizando dicho lenguaje va de la mano de Java y JavaScript. (Ver imagen 6 en página siguiente).

16

3.3.2.

PHP

Es un lenguaje de programación interpretado PHP (Hipertexto Pre-Procesador), diseñado originalmente para la creación de sitios web. Es usado principalmente en la interpretación del lado del servidor, pero actualmente puede ser utilizado desde una interfaz de línea de comandos o en la creación de otros tipos de programas incluyendo aplicaciones con interfaz gráfica. Es denominado de alto nivel, especialmente utilizado para desarrollos web y el cual puede ser añadido en páginas HTML. La mayor parte de su sintaxis es similar a C, Java y Perl.

El objetivo de este lenguaje es permitir a los desarrolladores elaborar sitios web de una manera rápida y fácil.

3.3.2.1.

Características de PHP

 Orientado al desarrollo de sitios web con acceso a información almacenada en una base de datos.  Es un lenguaje fácil de aprender, ya que se simplificaron distintas especificaciones como la definición de las variables primitivas.

17

 Una capacidad de conexión en la base de datos que se utilizan en la actualidad (MySQL y PostgreSql)  Capacidad de expandir su potencial utilizando módulos.  Posee una amplia documentación en su sitio web oficial, entre la cual se destaca que todas las funciones del sistema están explicadas y ejemplificadas en un único archivo de ayuda.  Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.  Permite aplicar técnicas de programación orientada a objetos. Incluso aplicaciones como Zend Framework, empresa que desarrolla PHP, están totalmente desarrolladas mediante esta metodología.

3.4.

ARQUITECTURA DE LA INFORMACIÓN

Es una disciplina que nace después de ser definida por Richard Saul Wurman en 1975, en su libro denominado “Information Architects” (publicado al año siguiente).

En el cual determina que le arquitecto de la información es la persona que se encarga de organizar la información y sus patrones, haciendo a estos entendibles.

Para definir a la Arquitectura de la información podemos afirmar que es una disciplina que se encarga del diseño y estructura de los sistemas de información, teniendo como esfuerzos principales la organización, recuperación y presentación de toda la información que se emplee en estos, a través del diseño de entornos atractivos y de fácil comprensión para el usuario.

3.4.1. Componentes de la Arquitectura de la Información  Organización La organización se divide en dos: exactas y subjetivas.

Las exactas son aquellas que se pueden interpretar de una sola forma, están pueden ser de forma alfabética, cronológica y geográfica.

18

Las subjetivas son basadas en varios criterios que son los temáticos, funcionales, audiencia específica y la metafórica.  Navegación La navegación es parte importante en el diseño de una página web, para obtener una mejor usabilidad y accesibilidad. Se brinda al usuario las opciones de subir, bajar, desplazarse de un lado a otro, regresar y avanzar a diferentes lugares del sitio con el menor esfuerzo posible, esto brindara una cierta comodidad al usuario. Se puede dividir en navegaciones globales, locales y ad hoc.  Rotulado El rotulado es el sistema con el cual se identifica a los elementos de la página web, es una de las formas para representar la información, puede ser como: enlaces, iconos, encabezados, cumpliendo un papel muy importante al momento de indizar el documento.  Sistema de Búsqueda El sistema de búsqueda permite encontrar de una menara fácil y rápida la información al usuario. Para la implementación de esta metodología se deben realizar un número de planos, metáforas y escenarios.

3.5.

PROTOCOLOS

Un protocolo es un método establecido por el cual dos ordenadores o puntos de red acuerdan comunicarse o intercambiar datos, al mismo tiempo se puede dar una especificación que describe cómo los ordenadores hablan el uno al otro en una red.

3.5.1. IP (Intérprete de protocolo) interpreta el protocolo y permite que el DTP pueda ser controlado mediante los comandos recibidos a través del canal de control. Esto es diferente en el cliente y el servidor: En esta configuración, el protocolo indica que los canales de control deben permanecer abiertos durante la transferencia de datos.

19

3.5.2. Servidor Web Programa informático que trabaja del lado del servidor, realiza conexiones bilaterales, unilaterales, síncronas y asíncronas con el cliente cediendo de esta manera cualquier petición que se haga en cualquier lenguaje de programación por el mismo.

Las líneas de codificación recibidas por el cliente pueden ser compiladas con un navegador web. Para la transmisión de los datos se utiliza un protocolo.

3.6.

INTERNET

Es el conjunto de redes de comunicación interconectadas, las mismas que utilizan protocolos para su funcionamiento, esto garantiza que las redes heterogéneas que la componen funcionen como una sola red lógica.

3.6.1.

www

Conjunto de documentos de hipertexto relacionados entre sí que pueden ser manipulados en la internet mediante un navegador web.

3.6.2.

Sitio web

Un Sitio Web es un conjunto de páginas web que se encuentran relacionadas o vinculadas en una misma dirección o un mismo dominio.

Los Sitios Web son estáticos o dinámicos: Los Sitios estáticos son aquellos que su información no puede ser cambiada.

Los Sitios dinámicos son aquellos que su información puede ser cambiada constantemente a través de una petición recibida.

Los Sitios Web se ejecutan a través de un software especializado que se denomina Navegador Web. (Ver imagen 7).

20

3.6.2.1. Funcionamiento Una página se ejecuta en el servidor web, justo antes de que se envíe la página a través de Internet al cliente. Las páginas que se ejecutan con el servidor pueden realizar conexiones con la base de datos y otras tareas adicionales para crear una página final dinámica.

Los procedimientos para el funcionamiento son:

 Petición del Sitio web al servidor.  El servidor llama al intérprete de PHP si es necesario, este reúne la información necesaria.  PHP ejecuta los scripts (consultando a la base de datos o a otras páginas web).  El servidor responde enviando una página web (estática), pero su creación ha sido dinámica. (Ver imagen 8 en página siguiente).

21

3.6.3.

Host

Nos brinda la información requerida para realizar un procedimiento mediante una aplicación cliente a la cual tenemos acceso.

Un host debe tener una dirección IP y un nombre como todo computador conectado a internet.

3.6.4.

Dominio

Sistema de denominación de host, está formado por un conjunto de caracteres que identifican a un sitio de red accesible por el usuario.

3.6.5.

Seguridad De Sitios

La seguridad web tiene como punto primordial la protección de amenazas de internet, mediante las características de visibilidad de las aplicaciones ayudará a gestionar los riesgos inherentes a las aplicaciones que acceden a la nube desde el lugar de trabajo, también evitando la filtración de información personal.

3.6.6.

Seguridad en Tecnologías del Sitio Web

La seguridad adquiere una confidencialidad, integridad y disponibilidad teniendo en cuenta las medidas de seguridad ya que su principal eliminación o reducción es la

22

vulnerabilidad de la página como identificación y autenticación de usuarios, control de accesos, control de flujo, confidencialidad, integridad, auditoria.

3.6.7.

Diseño de Políticas de Seguridad

El Desarrollo de la página web sería confiable respecto a una determinada política de seguridad, si ofrecen un mecanismo de protección capaz de cumplir con los requisitos de seguridad impuestos por dicha política. (Ver imagen 9).

3.7.

JOOMLA

Es una herramienta muy eficaz en lo referente a la creación de sitios web elegantes, dinámicos e interactivos. Por su modelo y flexibilidad y sus grandes posibilidades de aplicación esta se ha convertido en un sistema privilegiado en muchos centros educativos y en web masters para el desarrollo de su portal web.

Con la herramienta JOOMLA en poco tiempo se creará un sitio web ya sea para un centro educativo o para una empresa, donde se podrá publicar noticias, novedades, blogs, directorios de enlaces o documentos de descarga sin tener un máximo conocimiento en este ámbito. (Ver imagen 10 en página siguiente).

23

3.7.1.

Funcionamiento de JOOMLA

En el gestor de la base de datos, es donde se guarda toda la informaci贸n y la mayor parte de la configuraci贸n del sistema Los scripts PHP: son aquellos que ejecutan

acciones de consulta y realizan

modificaciones en la base de datos convirtiendo los datos en simples p谩ginas web. (Ver imagen 11).

24

3.7.2.

K2

Extensión de JOOMLA con características CCK, que brinda soluciones fuera de la caja integrada permitiendo mejorar la apariencia de los artículos, categorías y formas de los usuarios.

IV. METODOLOGÍA DE INVESTIGACIÓN

Conjunto de procedimientos ordenados que se siguen para la obtención de un objetivo específico basado en un fin científico, los cuales nos permitirán demostrar, aprobar, dicho conocimiento o investigación.

4.1. TIPO DE INVESTIGACIÓN

4.1.1. CUALITATIVA Se refiere al manejo de datos no estructurados, que se basa de entrevistas o archivos de audio y video, o con notas de campo u otros documentos para lograr una comprensión y experiencia e ilustración de los temas.

4.1.1.1.

INVESTIGACIÓN DE CAMPO

Consiste en el proceso de análisis directo en el campo real obteniendo nuevos conocimientos, encontrando las necesidades y problemas a estudiar mediante la observación, cuestionario y entrevista.

La investigación se realizó con visitas periódicas a la Unidad Educativa Sagrados Corazones para recolectar toda información necesaria y de esta manera obtener todos los requerimientos favorables para el desarrollo de dicho sitio web.

4.1.2. CUANTITATIVA Se enfoca en examinar todos los datos en una forma numérica con la ayuda de las herramientas de campo como encuestas, para de esta manera minimizar todos los posibles errores.

Se aplicó la encuesta a los estudiantes, administrativos y docentes de la Unidad Educativa

y

posteriormente

se

realizó

25

la

tabulación

de

las

encuestas.

26

4.1.2.1.

INVESTIGACIÓN APLICADA

Consiste en la utilización y aplicación de cada uno de los conocimientos que se obtiene y depende del alcance y resultados que tenga la investigación que sea de manera útil para el investigador.

Esta fase se aplicó con investigaciones, prácticas y la tecnología que nos guie a la resolución del problema planteado, con una descripción más precisa de ciertos rasgos de la realidad que especifiquen las propiedades y muestren los orígenes y las causas del problema.

4.2. MÉTODOS DE INVESTIGACIÓN En la disertación se empleó los siguientes métodos y técnicas de investigación que se describen a continuación.

4.2.1. MÉTODO ANALITICO-DEDUCTIVO

El Método Analítico es el análisis de los elementos y partes para poder observar las causas y los efectos permitiendo conocer su funcionalidad en cada una de ellas explicando sus analogías y comprendiendo el comportamiento que realiza.

El Método deductivo va de lo general a lo particular es aquel que parte de los datos generales, a una aplicación individual y a su vez comparar su validez, en otras palabras aplicando el resultado de la inducción a nuevos casos de deducción.

Aplicación: El método permitirá obtener información referente al Sitio Web en el que se trabajará, descomponiendo y diferenciando detalladamente los problemas que se encontrarán y así poder analizar y adquirir soluciones óptimas conformando un todo que de esta manera poder llegar a alcanzar todos los objetivos planteados.

V. METODOLOGÍA DE DESARROLLO

Para el desarrollo de esta disertación de grado debido a su temática se tuvo que aplicar dos diferentes ramas de la ingeniería de sistemas como son: Arquitectura de Información e Ingeniería de Software.

Para la parte de diseño y estructuración del Sitio web y su información se utilizó Arquitectura de la Información, aplicando parte de esta disciplina se realizó:

5.1.

INVESTIGACIÓN

Se realizaron encuestas orientadas a los diferentes usuarios que el sitio web tiene como son docentes y alumnos, aplicando una muestra para la correcta aplicación de esta, obteniendo como resultado valiosa información para el diseño y desarrollo del sitio.

(Ver anexo 1, Encuesta).

5.2.

ARQUITECTURA DE LA INFORMACIÓN

5.2.1. Inventario de Contenidos Deseables Debido a que la Unidad Educativa es parte de una congregación mundial se realizó una investigación previa de los contenidos de interés para una guía a las autoridades.

Posteriormente se realizó una entrevista con las autoridades para ver las necesidades y expectativas y así se detalló un inventario de contenidos que se desea tener en el sitio web.

5.2.2. Diseño Conceptual Obtenida la información sobre los contenidos deseados a implementar en el sitio web, se realizó el análisis del diseño conceptual, teniendo en cuenta que debe ser de fácil entendimiento por lo cual se analizó y utilizo metáforas organizacionales, funcionales y

27

28

textuales. De igual manera para tener una idea más detallada sobre la funcionalidad del sitio se desarrollaron escenarios para los usuarios y finalmente se diseñó un plano de nivel superior el mismo que permite detallar la estructura del sitio.

5.2.3. Maqueta de la arquitectura de las páginas Si bien es cierto los planos son de vital ayuda para el desarrollo y diseño del sitio web, no es así para todas las personas debido a que no son tan directos por esta razón se realizó un esbozo del diseño que detalla la estructura gráfica que tendrán las páginas.

5.2.4. Producción y Operación Antes de empezar esta etapa se coordinó todos los aspectos técnicos, de información y diseño, se realizó los últimos planos detallados del sub-sitio que permitió observar la estructura general que tendrán los dos tipos de sub-sitios que existen en el sitio como son los informativos y los de intranet.

5.2.5. Inventario de Páginas Web Finalmente luego de analizar, organizar, diseñar y desarrollar el contenido del sitio web se obtuvo el inventario final de este.

Debido a que la disertación de grado no es solo informativa se aplicó también conocimientos de ingeniería de software para el análisis diseño y desarrollo de la parte de software que existe en esta.

La Metodología utilizada para la parte de ingeniería fue la de Prototipos debido a que esta nos permite tener una interacción continua con el cliente en este caso las autoridades de la Unidad Educativa Sagrados Corazones.

Esta metodología se la implemento realizando 4 etapas que permitieron un ordenado y detallado desarrollo del sitio web en su parte funcional.

29

5.3.

INGENIERÍA DE SOFTWARE

5.3.1. Análisis Se aplicó una encuesta a los estudiantes, docentes y administrativos de la Unidad Educativa Sagrados Corazones de la cual se logró obtener valiosa información para el desarrollo del sitio, de igual manera de realizó la toma de requerimientos a través del desarrollo del SRS.

5.3.2. Diseño Ya obtenido los requerimientos se empezó a diseñar la parte funcional del sitio web como es la base de datos, Visualización de notas a través de los diagramas: diseño lógico de base de datos, diagrama de clases, casos de uso, diagramas de caso de uso, diagrama de secuencia.

5.3.3. Desarrollo Una vez elaborados los diagramas se empezó a desarrollar el sitio web y sus componentes como fue la base de datos obteniendo el modelo físico de esta, de igual manera en el transcurso de esta etapa se tuvo reuniones con las personas encargadas de la unidad educativa para

conocer si era de su agrado y si había que realizar

modificaciones obteniendo como resultado final el sitio web.

5.3.4. Implementación y Pruebas Se realizaron las pruebas internas del funcionamiento del sitio web, posteriormente se realizó el upload en el hosting adquirido y se efectuaron las pruebas in situ ya en la web, finalmente para concluir la implementación se realizó la entrega del sitio web a las autoridades de la Unidad Educativa con sus respectivos Manuales Técnico y de Usuario.

30

5.4.

VALIDACIÓN

En la Validación del sitio web se realizó un tipo de entrevista denominado Focus Group, se realizó en las instalaciones de la Unidad Educativa teniendo como integrantes a 3 personas (director académico, docente y administrativo).

Se realizó una explicación del sitio web a los integrantes del focus group los mismos se encontraban ubicados cada uno en una computadora para poder divisar y utilizar la misma, posteriormente se inició el focus group con los 3 miembros y su presentadora.

En esta reunión se manifestaron los criterios de cada uno de los integrantes basándose en un banco de preguntas que la presentadora realizaba obteniendo resultados cualitativos, para la obtención de datos cuantitativos se entregó a cada uno una ficha con preguntas para calificar ciertos aspectos del sitio web.

Finalmente se pudo determinar los impactos que el sitio web ha generado para la Unidad educativa.

31

VI. RESULTADOS

6.1.

6.1.1.

INVESTIGACIÓN Introducción

A continuación se dará a conocer el resultado de la investigación realizada, con la finalidad de fortalecer y sustentar el diseño y desarrollo del sitio web. Se utilizó dos tipos de técnicas, para la parte cuantitativa se realizó la encuesta y en la parte cualitativa se realizó la entrevista.

La investigación se realizó en la provincia de Santo Domingo de los Tsáchilas en el cantón La Concordia, en la Unidad educativa Sagrados Corazones institución con la cual la Pontificia Universidad Católica del Ecuador sede Santo Domingo tiene un convenio interinstitucional con la finalidad de fortalecer su vinculación con la colectividad, a través de este se dio paso a esta disertación. Los resultados obtenidos son favorables, debido a que se muestra un alto porcentaje de viabilidad y aceptación para el desarrollo del sitio en la institución.

6.1.2.

Propósito y Procedimiento

La investigación tiene como finalidad determinar la viabilidad que tiene el desarrollo del sitio web, así también determinar los elementos a utilizar en el diseño del mismo.

Los datos necesarios sobre número de alumnos, docentes y personal administrativo se obtuvieron de la Unidad Educativa. Otras técnicas metodológicas son la encuesta, y entrevista para lo cual se realizó un banco de preguntas específicas para la encuesta y para la entrevista, las preguntas se basaron en tres aspectos fundamentales: información y diseño, Usabilidad y funcionalidad, Software.

6.1.3.

Obtención de la muestra

Debido a que la población de esta disertación son alumnos, docentes y administrativos y es una población cuantificable o finita se aplicó para la obtención de la muestra la siguiente fórmula en estos tres segmentos.

32

33

- Formula

(

)

n = el tamaño de la muestra.

N = tamaño de la población.

Desviación estándar de la población que, generalmente cuando no se tiene su valor, suele utilizarse un valor constante de 0,5.

Z = Valor obtenido mediante niveles de confianza e = Límite aceptable de error muestral su valor que varía entre el 1% (0,01) y 9% (0,09), valor que queda a criterio del encuestador.

- Aplicando para alumnos Población: 256 alumnos ( (

)(

) ( )

) (

) (

)

Resultado: n=154 alumnos

- Aplicando para personal administrativo Población: 14 - Aplicando docentes Población: 24 6.1.4.

Encuesta

Se aplicó las encuestas al personal administrativo, docente y alumnos de la Unidad Educativa para obtener información sobre la misma, referente a su aceptación y funcionalidad que esta debería tener, siendo fundamental para el posterior análisis. (Ver anexo 1, Encuesta)

34

6.1.4.1. Estructura de la Encuesta Marque con una X según corresponda:

1. ¿Qué relación tiene usted con la Unidad Educativa Sagrados Corazones de Jesús?

Pregunta específica

Alumno Docente Administrativo

2. ¿Qué tan frecuente accede usted en internet?

Diariamente

2 veces a la semana

1 vez a la semana

Casi nunca

3. ¿Le gustaría a usted que la Unidad Educativa incremente un Sitio Web? SI

NO

Pregunta filtro

En el caso de responder si a la pregunta anterior seleccione de las siguientes opciones que le gustaría que tuviese el portal

Correo Institucional

Preguntas de selección

Vista de Notas Zona de descarga de material (para mejora del aprendizaje)

4. ¿Conoce usted sobre el uso de las TICS (Tecnologías de la información y la Comunicación)?

SI

NO

En caso de responder si en la pregunta anterior seleccione de las siguientes opciones cuales conoce.

Base de Datos

35

Programas de Presentación (Power Point, Prezzi, EducaPlay) Correo Electrónico Espacio Web Hojas de Cálculo (Excel)

5. ¿En la Unidad Educativa existe alguna plataforma o alguna herramienta que incentive al uso de las TIC? SI

Pregunta específica

NO

6. ¿Te gustaría que se utilice el Sitio Web en parte como una plataforma educativa para incrementar el uso de las TIC en el plantel?

SI

NO

7. ¿En relación a la Colectividad como crees que un sitio web ayudaría al plantel?

BAJO

MEDIO

ALTO

MUY ALTO

Cuerpo del estudio

Se ha estructurado a la encuesta con diferentes términos para diferenciar a cada una de las preguntas, esto ayuda a mantener un orden específico al momento de su realización. La estructura se refiere al grado en que las preguntas y posibles repuestas son formales y estandarizadas (preguntas establecidas de antemano, en un orden, ofrecen opciones de respuesta). La clasificación es la siguiente:

- Cuerpo de estudio Forma de la encuesta.

- Pregunta filtro Realizada previamente a otra pregunta con el fin de eliminar aquellas personas que no les afecten determinadas preguntas, es decir, marcan la realización o no de preguntas posteriores.

- Pregunta específica Se refiere a un tema concreto.

36

- Pregunta de selección El encuestado tiene que seleccionar una o varias opciones de respuestas.

6.1.4.2. Tabulación y Análisis Estadístico de la Encuesta 1. ¿Qué relación tiene usted con la Unidad Educativa Sagrados Corazones ?

 Análisis: Se puede observar en los resultados que del total de nuestra muestra encuestada la mayoría de nuestro público objetivo son estudiantes, y que también consta de un número de personal administrativo y docente, por lo cual podemos determinar que la disertación está correctamente enfocada con sus objetivos y servicios a prestar. (Ver gráfico 1).

37

2. ¿Qué tan frecuente accede usted en internet?

 Análisis: Según los resultados se puede determinar que tres cuartas partes de nuestra muestra acceden a internet diariamente, por lo tanto es factible que el sitio web sea utilizado con mucha frecuencia debido a la capacidad de acceso que se tiene. (Ver gráfico 2).

3. ¿Le gustaría a usted que la Unidad Educativa incremente un Sitio Web?

En el caso de responder si a la pregunta anterior seleccione de las siguientes opciones que le gustaría que tuviese el portal.

38

 Análisis: La muestra desea que la unidad educativa cuente con un sitio web y sus expectativas son que los servicios principales que otorgue sea correo institucional y vista de notas, con este resultado se reforzara los servicios del sitio web. (Ver gráfico 3 y 4).

4. ¿Conoce usted sobre el uso de las TICS (Tecnologías de la información y la Comunicación)?

En caso de responder si en la pregunta anterior seleccione de las siguientes opciones cuales conoce.

39

.  Análisis: Más de la mitad de los encuestados conocen sobre las TIC, lo cual es una gran ventaja para la utilización del sitio web debido al enfoque tecnológico que es el incentivar el uso de las mismas en la unidad educativa, a través de sus servicios principales como visualización de notas y correo electrónico institucional. (Ver gráfico 5 y 6).

5. ¿En la Unidad Educativa existe alguna plataforma o alguna herramienta que incentive al uso de las TICS?

40

 Análisis: Como se puede observar en la pregunta 3 y en esta pregunta, existe una confusión por parte de los alumnos, debido a que responden que si existe una plataforma, la misma que es un blog que se realizó como deber por parte de los alumnos. Por lo tanto es necesario aclarar que la Unidad Educativa no cuenta en la actualidad con una plataforma oficial que incentive el uso de las TIC, por consiguiente el proyecto tiene una aceptación, factibilidad y viabilidad en la institución. (Ver gráfico 7).

6. ¿Te gustaría que se utilice el Sitio Web en parte como una plataforma educativa para incrementar el uso de las TIC en el plantel?

 Análisis: Según los datos reflejados en las encuestas aplicadas a la muestra se determinó que el sitio web debe tener servicios que permitan incrementar el uso de las TIC combinando la tecnología con el ámbito educativo, por lo cual el sitio web tiene el servicio de correo institucional. (Ver gráfico 8).

41

7. ¿En relación a la Colectividad como crees que un sitio web ayudaría al plantel?

 Análisis En la actualidad toda institución desea y debe tener una relación con la colectividad marcada, por esa razón la Unidad Educativa desea implementar el sitio web y nuestra muestra ratifica que esta servirá de gran apoyo a la institución para este objetivo. (Ver gráfico 9 en página anterior).

6.1.5.

Entrevista

Se realizaron 4 entrevistas con las personas encargadas en la institución de apoyar a la disertación teniendo la primera como objetivo conocer la problemática de la disertación (ver anexo), la segunda realizar la toma de los requerimientos específicos para el sitio web (ver anexo), en la tercera visita se presente un borrador del SRS a presentar (ver anexo), en la última se presentó el diseño del sitio web y se solicitó el host y dominio (Ver anexo 2, 3, 4 y 5, Informe de Visita).

6.1.6.

Elaboración de SRS

Después de haber recolectado la información necesaria mediante las encuestas realizadas y las entrevistas efectuadas, se procedió al análisis de la información y elaboración del SRS el cual permitió tener claros los objetivos y alcance de la disertación (Ver anexo 6, Especificación de Requerimientos de Software).

42

6.2.

ARQUITECTURA DE LA INFORMACIÓN

6.2.1. Inventario de Contenido Deseable El principal objetivo es identificar los contenidos deseables para empezar el diseño de la nueva arquitectura. Se desea entender la amplitud y profundidad que tendrá la información y posteriormente se podrá incrementar al sitio web, teniendo como finalidad una arquitectura escalable. El primer paso es recolectar un conjunto de contenidos generados por las necesidades de la Unidad Educativa y valorar estos según su importancia. A continuación en la tabla 1 se detalla los contenidos deseables. (Ver tabla 1 en página siguiente).

43

6.2.2. Diseño Conceptual Con la información obtenida en la fase preliminar ahora debemos ordenar todo, ¿Cómo debe organizarse y rotularse la información según sus jerarquías? ¿Cómo funcionaran las búsquedas?

Un aspecto principal de un sitio web es su usabilidad, o accesibilidad a la información por parte de los usuarios propios o externos que estén navegando en nuestro sitio web.

Para el sitio web se ha elegido un modelo de organización jerárquica con un conjunto de niveles relacionados con la amplitud y profundidad de los contenidos, garantizando una navegación y accesibilidad eficiente.

6.2.2.1. Exploración de Metáforas Las metáforas son utilizadas para facilitar la comprensión a las personas sobre las ideas complejas de lo nuevo relacionándolo con lo familiar. Se pueden aplicar tres tipos de metáforas al desarrollar un sitio web: organizacionales, funcionales y visuales.  Metáforas Organizacionales: Utilizan el conocimiento que se tiene sobre algún sistema para aplicar y generar en el desarrollo de uno nuevo. (Ver tabla 2).

 Metáforas Funcionales: Son tareas que se pueden realizar en un medio tradicional como en uno nuevo. (Ver tabla 3).

44

 Metáforas Textuales: Se aplican utilizando colores y palabras claves que faciliten la navegación y comprensión del sitio.

6.2.2.2. Escenarios Permiten a las personas tener una visión de cómo navegará el usuario en el sitio web, de igual manera permite generar nuevas ideas para la arquitectura y para su sistema de navegación. (Ver tabla 4,5,6 y 7 en páginas siguientes).

45

46

47

6.2.2.3. Plano de Arquitectura Nivel Superior

FIGURA 1: Planos Nivel Superior

Arquitectura de la Información:

Intranet es un índice que da acceso a la visualización de notas, como al correo institucional.

Nivel Superior

NOTAS: Las Guías son narraciones o historias que presentan la organización y el sitio a los usuarios nuevos

Directorio de registros del subsitio sirve como “fichero” y proporciona acceso a los mismos subsitios

Intranet(Login, Correo)

Registro de Subsitio

Inicio

Grupo de páginas

Academico

Grupo de páginas

Noticias

Grupo de páginas

Congregaciones

Grupo de páginas

Galeria

Figura: Planos de Nivel Superior Fuente: Los autores

Notas

Grupo de páginas

Quienes Somos

Puerta del Sitio

Los subsitios tienen el contenido real del sitio. Un departamento diferente podría crear y mantener cada subsitio.

Grupo de páginas

Zona de Descarga

Grupo de páginas

Contactanos

Grupo de páginas

Página

Grupo de páginas

Enlace

48

6.2.3. Maqueta de la Arquitectura de las Páginas Los planos de la arquitectura de la información son muy útiles para presentar una visión general del sitio. Debido a conocimiento empírico obtenido en el campo laboral podemos determinar que no funcionan bien para todas las personas debido a que no son lo suficientemente directos para que los diseñadores puedan realizar su trabajo. Ningún formato por si solo puede transmitir todo lo que representa la arquitectura de la información ya que esta es multidimensional, es relevante mostrarla de varias formas.

6.2.3.1. Esbozo de Diseño Una vez elaborado el plano de nivel superior, así como la maqueta de la arquitectura de las páginas, el siguiente paso es la creación conjuntamente con el diseñador gráfico de los esbozos de las páginas principales del sitio, los cuales el diseñador realiza en papel.

Estos son buenos para reunir los conocimientos colectivos en el intento de diseñar la interfaz del sitio.

Al utilizar las maquetas de arquitectura como guía, el diseñador empieza a bocetar diseños en papel de las interfaces del sitio y en este transcurso deberán responderse varias preguntas. (Ver imagen 12 en página siguiente).

49

6.2.4. Producción y Operación Antes que la producción del sitio empiece, se pone en marcha el periodo de planeación durante el cual el administrador del proyecto debe coordinar la arquitectura de la información, diseño y elementos técnicos. Es aquí donde se utiliza todos los contenidos representados en los planos del sitio. Es cuando se empiezan a desarrollar planos detallados de cada página y se incorpora su contenido.

50

6.2.4.1. Planos Detallados de la Arquitectura

FIGURA 2: Diseño Detallado de Páginas Informativas

Plano de Subsitio informativo: Consta de elementos de páginas que serán incluidos en todas las páginas de navegación, el menú de navegación se mantendrá en la parte superior y permitirá el enlace a la información de las páginas relacionadas.

Quienes Somos

Grupo de páginas

Noticias

Ruta de Navegación

Congregaciones

Galeria Contacto Contacto

Elemento de Pagina

Pagina

Grupo de páginas Enlace

51

FIGURA 3: Diseño Detallado para Sub-sitios

Plano de Subsitio Externo: Contiene elementos de enlaces que servirán para la comunicación, hereda elementos del subsitio informativo como el menú de contexto de las demás páginas informativas.

Correo Institucional Menú contextual

Intranet Notas

Elemento de Pagina

Pagina

Grupo de páginas Enlace

Figura: Diseño detallado para subsidios Fuente: Los autores

6.2.5. Inventario de Sitio Web El proceso de distribución de contenido debe dar como resultado un inventario de las páginas que deben realizarse. Tomando en cuenta el tamaño, la complejidad y las tecnologías para producirlas. Esto puede servir como inventario para la futura creación de maquetas de la arquitectura de la información, bocetos a diseñar los cuales deben revisarse previo a la incorporación en el sitio. (Ver tabla 8 en página siguiente).

52

6.3.

INGENIERÍA DE SOFTWARE

6.3.1. Análisis En el desarrollo del análisis se efectuó la toma de requerimientos obteniendo como resultado el SRS que está expuesta en páginas anteriores. (Ver anexo 6, Especificación de Requerimientos de Software).

53

6.3.2. Diseño En esta etapa se diseñó e identificó los diagramas y clases a utilizar en el desarrollo del sitio permitiéndonos tener una estructura funcional de la misma

6.3.2.1.

Clases

54

6.3.2.2.

Diagrama de Clases

6.3.2.3.

Casos de Uso

CASO DE USO: Ingresar al Sistema Actores primarios: Estudiantes Interesados y Objetivos: Estudiantes Precondiciones: Sistema funcional Garantía de éxito (post-condiciones): Menú de Acciones Escenario Principal de Éxito: El usuario invoca al Sistema de Gestión El sistema devuelve una pantalla solicitando número de matricula El usuario ingresa su número de matricula El sistema despliega el reporte de notas Extensiones: CONSULTAR ESTUDIANTE

55 CASO DE USO: Ingresar Material de Descarga Actores primarios:

Administrador

Interesados y Objetivos:

Todos los Usuarios

Precondiciones: Material digitalizado, Administrador ingresado en sistema Garantía de éxito (post-condiciones): Mensaje de material almacenado Escenario Principal de Éxito: El Administrador ingresa archivos digitales de Información en el sitio El Administrador solicita almacenar la información El sistema almacena la información Extensiones:--

CASO DE USO: Consultar Material de Descarga Actores primarios: Usuarios del Sitio Interesados y Objetivos: Usuarios del Sitio Precondiciones: Información de Materia y/o información ingresada en sistio Garantía de éxito (post-condiciones): Material digitalizado en disponibilidad Escenario Principal de Éxito: El usuario selecciona material para descarga El usuario procede a descargar el material digitalizado Extensiones:--

56 CASO DE USO: Eliminar Material de Descarga Actores primarios: Administrador Interesados y Objetivos: Usuarios del Sitio Precondiciones: Material digitalizado, Administrador ingresado en sistio Garantía de éxito (post-condiciones): Mensaje de material eliminado Escenario Principal de Éxito: El Administrador solicita la eliminación del material El sistema devuelve una pantalla con la información necesaria para eliminar el material.

El Administrador solicita eliminar la información El sistema almacena la información Extensiones: CONSULTAR MATERIAL DE DESCARGA

CASO DE USO: Modificar Material de Descarga Actores primarios: Administrador Interesados y Objetivos: Administrador, usuarios del sitio Precondiciones: El material debe estar ingresado en el sitio Garantía de éxito (post-condiciones): Información de material actualizada en el sitio Escenario Principal de Éxito: El administrador selecciona el material cuya información se modificará El sistema despliega la información del material El administrador modifica los campos requeridos El sistema almacena los cambios Extensiones: CONSULTAR MATERIAL DE DESCARGA

57 CASO DE USO: Consultar Notas Actores primarios: Estudiante Interesados y Objetivos: Estudiante Precondiciones: Estudiante ingresado en el sistema, notas ingresadas al sistema Garantía de éxito (post-condiciones): Material digitalizado en disponibilidad Escenario Principal de Éxito: El Alumno solicita consultar notas para visualizar su información El sistema devuelve la información de las notas del alumno El Alumno procede a descargar el material digitalizado Extensiones: CONSULTAR ESTUDIANTE,CONSULTAR MATERIA, CONSULTAR CURSO, CONSULTAR MATRICULA,CONSULTAR ASIGNATURA.

CASO DE USO: Consultar Materia Actores primarios:

Estudiante

Interesados y Objetivos: Estudiante Precondiciones: Información de la materia debe constar en sistema Garantía de éxito (post-condiciones): Información de la materia desplegada Escenario Principal de Éxito: El sistema recibe petición de consulta de materia para visualizar su información El sistema devuelve la información de la materia requerida Extensiones:--

CASO DE USO: Consultar Estudiante Actores primarios: Estudiante Interesados y Objetivos: Estudiante Precondiciones: Información de estudiante debe constar en sistema Garantía de éxito (post-condiciones): Información de estudiante desplegada Escenario Principal de Éxito: El sistema recibe petición de consulta de estudiante para visualizar su información El sistema devuelve la información del estudiante requerido Extensiones:--

58 CASO DE USO: Consultar Asignatura Actores primarios: Estudiante Interesados y Objetivos: Estudiante Precondiciones: Información de asignatura debe constar en sistema Garantía de éxito (post-condiciones): Información de asignatura desplegada Escenario Principal de Éxito: El sistema recibe petición de consulta de asignatura para visualizar su información El sistema devuelve la información del asignatura requerido Extensiones:--

CASO DE USO: Consultar Curso Actores primarios: Estudiante Interesados y Objetivos: Estudiante Precondiciones: Información de curso debe constar en sistema Garantía de éxito (post-condiciones): Información de curso desplegada Escenario Principal de Éxito: El sistema recibe petición de consulta de curso para visualizar su información El sistema devuelve la información del curso requerido Extensiones:--

CASO DE USO: Consultar Matricula Actores primarios: Estudiante Interesados y Objetivos: Estudiante Precondiciones: Información de matrícula debe constar en sistema Garantía de éxito (post-condiciones): Información de matrícula desplegada Escenario Principal de Éxito: El sistema recibe petición de consulta de matrícula para visualizar su información El sistema devuelve la información de matrícula requerida Extensiones:--

59 CASO DE USO: Consultar Calificaciones Actores primarios: Estudiante Interesados y Objetivos: Estudiante Precondiciones: Información de calificaciones debe constar en sistema Garantía de éxito (post-condiciones): Información de calificaciones desplegada Escenario Principal de Éxito: El sistema recibe petición de consulta de calificaciones para visualizar su información El sistema devuelve la información de calificaciones requerida Extensiones:--

6.3.2.4.

Diagrama de Casos de Uso

 Ingresar al Sistema

60  Descargas

 Materias

61  Notas

 Estudiante

62 

Asignatura



Curso

63 

Matricula



Calificaciones

64

6.3.2.5.

Diagrama de Secuencia

ď&#x201A;ˇ Consultar Notas

ď&#x201A;ˇ Consultar Material de Descarga

65 ď&#x201A;ˇ Consultar Materia

ď&#x201A;ˇ Eliminar Material de Descarga

66 ď&#x201A;ˇ Ingresar material de descarga

ď&#x201A;ˇ Ingresar al Sistema

67 ď&#x201A;ˇ Modificar material de Descarga

ď&#x201A;ˇ Consultar Estudiante

68 ď&#x201A;ˇ Consultar Asignatura

ď&#x201A;ˇ Consultar Curso

69 ď&#x201A;ˇ Consultar Matricula

ď&#x201A;ˇ Consultar Calificaciones

70

6.3.2.6.

Diseño Lógico de BDD

6.3.3. Desarrollo 6.3.3.1.

Diseño Físico de BDD

71

6.3.3.2.

Diagrama de Interfaces

72

73

6.3.4. Implementaci贸n y Pruebas 6.3.4.1.

Subida de Sitio Web

74

6.3.4.2.

Entrega de Documentación

Se efectuó la entrega del sitio web funcionando conjuntamente con sus respectivos manuales, firmando como cierre de dicha disertación y aceptación de esta el acta de recepción y entrega entre los disertantes, docente encargado de la disertación y autoridades de la Unidad Educativa.

6.3.4.2.1.

Manual Técnico

Este manual contiene los principales pasos para la administración del sitio web  Subir Sitio Una vez que está listo el sitio web, se lo debe subir al hosting, en este caso utilizamos el programa FileZilla.

Se abre el programa, se da clic en el icono gestor de sitios. (Ver imagen 16).

75

Se muestra pantalla de configuraci贸n. (Ver imagen 17).

Se ingresa los datos requeridos los cuales son: Servidor: 108.170.56.3 Protocolo: FTP Cifrado: Utilizar FTP simple Modo Acceso: Normal

76

Usuario: sscclcd Contraseña: LLcs.123 Esperamos se habilite la conexión (Ver imagen 18).

Se selecciona en la parte izquierda del panel (Sitio Local) la carpeta de la página a subir. (Ver imagen 19).

77

Se seleccionan los archivos a subir de nuestro sitio.

Damos clic derecho sobre los archivos seleccionas.

Clic en Subir. (Ver imagen 20).

Se empiezan a subir los archivos. (Ver imagen 21).

78

Al finalizar nuestro sitio web debe mostrarse en su sitio: www.sscclc.edu.ec (Ver imagen 22).

ď&#x201A;ˇ Ingreso a Joomla Para tener acceso al administrador de Joomla en el hosting se debe ingresar lo siguiente: www.sscclc.edu.ec/administrator lo cual nos muestra un formulario de logeo. (Ver imagen 23).

79

Se ingresa el Usuario y Password.

Usuario: admin.

Password: sscclc123.

A continuación se habilita el panel Administrador. (Ver imagen 24).

 Administrar menú Se da clic en la pestaña Menús Submenú Main menú. (Ver imagen 25).

80

Se muestra contenido de la pĂĄgina o plantilla. (Ver imagen 26).

En la parte superior existe un signo New, Edit, Publish, Unpublish, Check In, Trash, Home, Rebuild, Help.

Los cuales nos permiten crear, editar, publicar, dejar de publicar eliminar los botones de nuestro menĂş Principal o Submenus. (Ver imagen 27).

81

 Nuevo Damos clic en el icono New. Se muestra la pantalla con la información necesaria para crear el nuevo menú o Submenú. (Ver imagen 28).

Es similar para el botón editar.

 Subir Información  Texto Clic en pestaña Componentes.

Submenú K2.

Creamos en primera instancia un Categoría. (Ver imagen 29).

82

Damos clic en ítems. (Ver imagen 30).

Se muestra todos los ítems existentes.

Selecciono new para crear uno nuevo.

Se muestra pantalla de información de ítem. (Ver imagen 31).

83

Lo mismo es para el botón editar.

 Imágenes Dentro del ítem deseado existe la opción Image y damos clic en Image.

Se muestra pantalla para subir imagen. (Ver imagen 32).

84

 Videos Dentro del ítem deseado existe la opción Media.

Damos clic en Media y se muestra la información para subir.

Podemos instalar el plugin allvideo o postear el código html del mismo. (Ver imagen 33).

A continuación se detalla la tabla de servicios y contraseñas del hosting.

 Panel de control del administrador:

http://www.sscclc.edu.ec/cpanel ó http://108.170.56.3:2082 (Si no ha propagado su dominio)

UserName: sscclced PassWord: LLcs.123  Acceso por clientes FTP:

ftp.sscclc.edu.ec ó 108.170.56.3 (Si no ha propagado su dominio)

85

UserName: sscclced PassWord: LLcs.123

 WebMail

http://sscclc.edu.ec/webmail ó http://108.170.56.3:2095 (Si no ha propagado su dominio) Servidor POP mail.sscclc.edu.ec puerto: 110

Servidor SMTP mail.sscclc.edu.ec puerto: 26 *

La

salida

por

smtp

debe

ser

autenticada

con

usuario

y

contraseña

* El usuario es el correo electrónico completo, ejemplo usuario@sscclc.edu.ec



Configuración de Enlace de direccionamiento desde el sitio web hacia el sistema de gestión académica para el ingreso de notas por parte de docentes.

Acceder a la CPANEL mediante el url: www.sscclc.edu.ec/cpanel Usuario: sscclced Contraseña: LLcs.123 (Ver imagen 34).

86

Ingresar en ADMINISTRADOR DE ARCHIVOS (Ver imagen 35).

87

Acceder al panel principal(RAIZ) (Ver imagen 36).

Ingresamos en la carpeta USSCC_SISTEMA (Ver imagen 37).

88

Posterior ingresamos a LOGIN_EJRMPLO (Ver imagen 38).

Buscamos el archivo principal index.php y damos click en editor de c贸digo (Ver imagen 39).

89

Buscamos la línea de código para cambiar el puerto de direccionamiento de DOCENTES (Línea de código # 41) (Ver imagen 40).



Actualización Automática de la BDD del Sitio Web por parte del módulo externo Notas del Sistema de Gestión Académica.

Parte de la Bdd del Sitio Web está relacionada a la Bdd del Sistema de Gestión Académica de la unidad educativa específicamente en el Modulo de Notas, las tablas relacionadas son aquellas que sirven para el funcionamiento del Módulo de Usuarios y Visualización de Notas del Sitio Web, la información de estas tablas se recibe y actualiza de forma automática mediante un proceso ejecutado en el módulo externo el mismo que para conocimiento se detalla a continuación mediante un gráfico y la explicación paso a paso del mismo: (Ver gráfico 10).

90

1.

Configuración de conexión (“Web”) desde la bdd sistema académico a bdd del

sitio web.

Conexión a BDD Sitio Web desde BDD Sistema Gestión Académico 'connections' => array( 'web' => array( 'driver' => 'mysql', 'host' => 'loja2.ecuahosting.net', 'database' => 'sscclced_archivos_notas', 'username' => 'sscclced_web', 'password' => 'sscclc.123', 'charset' => 'utf8', 'collation' => 'utf8_unicode_ci', 'prefix' => '', ), 'pgsql' => array( 'driver' => 'pgsql', 'host' => 'localhost', 'database' => 'UESSCC', 'username' => 'sagcor', 'password' => 'sagcor', 'charset' => 'utf8', 'prefix' => '', 'schema' => 'public', ), ),

2.

Se realiza un borrado de los datos de la bdd del sitio web a través de una

sentencia delete.

if (is_null($periodo)) { return Response::json(array('success' => false, 'msg' => 'El periodo no se encuentra definido. Para resolverlo inicie nuevamente sesión'));

91

}

$recordsAsignaturas = DB::connection('web')->delete("delete from asignaturas"); //$recordsCalificaciones = DB::connection('web')->delete("delete from calificaciones"); $recordsCursos = DB::connection('web')->delete("delete from cursos"); $recordsDocentes = DB::connection('web')->delete("delete from docentes"); $recordsEstudiantes = DB::connection('web')->delete("delete from estudiantes");

3.

El controlador accede a un método estático de los modelos para cada una de

las tablas en la bdd del sistema académico y así realizar la consulta de todos los datos actualizados en la bdd del mismo. (se utiliza los modelos propios de la base de datos del sistema académico)

Modelo Vista Controlador (Object Relational Mapping o Mapeo Relacional de Objetos)

class Asignatura extends Eloquent {

/** * The attributes that aren't mass assignable. * * @var array */ protected $guarded = array('asi_id');

/** * The database table used by the model. * * @var string */ protected $table = 'asignaturas';

/** * The primary key for the model.

92

* * @var string */ protected $primaryKey = 'asi_id';

/** * Indicates if the model should be timestamped. * * @var bool */ public $timestamps = false; public $errores; }

Consulta a través del método Estático del framework laravel

$cursos = Curso::where('cur_est', '=', 'A') ->where('prd_id', '=', $periodo) ->get(array('cur_id', 'cur_des', 'doc_id', 'cur_niv', 'cur_tip'));

Consulta personalizada en Bdd Sistema Gestion Academica a través de método estatico select.

$calificaciones = DB::select("select cal.cal_id, mat.est_id, cal.asi_id, cal.cal_val, ". "cal.cal_tippar, cal.cal_par, cal.cal_qui, cal.cal_est, cal.cal_feccre, cal.cal_fecmod ". "from calificaciones cal, matriculas mat ". "where mat.mat_id = cal.mat_id ". "and mat.prd_id = ? ". "and cal.cal_qui = ? ". "and cal.cal_par = ? ". "order by cal.asi_id", array($periodo, $quimestre, $parcial));

93

4.

El resultado de cada una de las consultas se lo carga en cada una de las tablas

correspondientes del sitio web mediante una funci贸n en el controlador. Esta funci贸n crea una instancia de los modelos para cada una de las tablas de la bdd del sitio web. Y usa un m茅todo del mismo para cargar el dato mediante una sentencia insert.

(Se utiliza los modelos creados para las tablas de la bdd del Sitio web)

Modelo Vista Controlador (Object Relational Mapping o Mapeo Relacional de Objetos)

class AsignaturaWeb extends Eloquent { /** * The attributes that are mass assignable. * * @var array */ protected $fillable = array('asi_id', 'cur_id', 'asi_des', 'doc_id', 'asi_horclaanu', 'asi_tip', 'asi_est');

/** * The database table used by the model. * * @var string */ protected $table = 'asignaturas';

/** * Indicates if the IDs are auto-incrementing. * * @var bool */ public $incrementing = false;

/**

94

* The primary key for the model. * * @var string */ protected $primaryKey = 'asi_id';

/** * The connection name for the model. * * @var string */ protected $connection = 'web';

/** * Indicates if the model should be timestamped. * * @var bool */ public $timestamps = false; public $errores; // el metodo para realizar el inser en la tabla paso 4 public function upload($data) { $this->asi_id = $data->asi_id; $this->cur_id = $data->cur_id; $this->asi_des = $data->asi_des; $this->doc_id = $data->doc_id; $this->asi_horclaanu = $data->asi_horclaanu; $this->asi_tip = $data->asi_tip; $this->asi_est = $data->asi_est; $this->save(); return true; } }

95

Creaci贸n de Instancia

foreach ($rows as $key => $value) { // Creo el nuevo registro $asignatura = new AsignaturaWeb; // Cargo el nuevo registro a la BD remota if (!$asignatura->upload($value)) { return false; } } return true; }

Funci贸n que carga Datos a BDD del Sitio Web

public function upload($data) { $this->asi_id = $data->asi_id; $this->cur_id = $data->cur_id; $this->asi_des = $data->asi_des; $this->doc_id = $data->doc_id; $this->asi_horclaanu = $data->asi_horclaanu; $this->asi_tip = $data->asi_tip; $this->asi_est = $data->asi_est;

$this->save();

return true; }

96



Obtención de Back Up y Actualización del mismo mediante el Cpanel

Ingresamos al cpanel mediante el url: www.sscclc.edu.ec/cpanel utilizando las claves anteriormente otorgadas. (Ver imagen 41).

Se muestra la pantalla principal de nuestro cpanel (Ver imagen 42).

97

Ingresamos en la opci贸n Backup Wizard (Ver imagen 43).

Se muestra una pantalla donde seleccionamos la opci贸n Copia de Seguridad (Ver imagen 44).

En el paso 2 se nos muestra 2 opciones: respaldar total o respaldar parcial.

Seleccionamos seg煤n la necesidad y lo que deseemos respaldar en esta caso realizaremos un respaldo total.

98

Seleccionamos la opciรณn Full Backup (Ver imagen 45).

Se muestra una pantalla donde seleccionamos el destino donde se almacenara nuestro Backup y la direcciรณn de correo electrรณnico donde deseamos nos llegue el mensaje de confirmaciรณn.

Damos click en el Botรณn Generate Backup para generarlo. (Ver imagen 46).

99

Se muestra una pantalla donde muestra un mensaje detallando que el Backup se encuentra en proceso, al completarse el respaldo se recibir谩 un mensaje en la direcci贸n de correo electr贸nico ingresada anteriormente. (Ver imagen 47).

Para Restaurar o cargar un Backup del Sitio damos clic en de igual manera en Backup Wizard .

Seleccionamos la opci贸n Restaurar (Ver imagen 48).

100

Se muestra una pantalla con tres opciones para restaurar seleccionamos cada una de ellas. (Ver imagen 49).

Se muestra una pantalla donde nos permite buscar el archivo y cargarlo. (Ver imagen 50).

101 6.3.4.2.2.

Manual de Usuario

El siguiente manual permite conocer el funcionamiento del Sitio Web.  Páginas Informativas El sitio web tiene un menú textual en la parte superior en el cual existen toda la información referente a la Unidad educativa.

Damos Clic en el Botón deseado en este caso Quiénes Somos. (Ver imagen 51).

Se despliega un menú donde existen varias opciones seleccionamos una como ejemplo Misión. (Ver imagen 52).

102

Se muestra la informaci贸n deseada. (Ver imagen 53).

Esta misma funci贸n aplica para Quienes Somos, Academico, Galer铆a,Noticias, Contacto, Comunidad SSCC, Zona de Descarga.

103

 Usuario Alumno El Alumno tiene la posibilidad de ver sus notas desde la web para lo cual debe dar clic en el botón Login ubicado en la parte superior izquierda del Sitio. (Ver imagen 54).

Se muestra un menú donde se debe seleccionar la opción Estudiantes. (Ver imagen 55).

104

Se muestra un formulario donde se pide el ingreso del nĂşmero de matrĂ­cula otorgado previamente. (Ver imagen 56).

Al ingresar un Id matricula correcto automĂĄticamente se muestra el reporte con notas del estudiante. (Ver imagen 57).

105

En el caso que no se ingrese un id matricula correcto se mostrara un mensaje de error.

(Ver imagen 58).



Usuario Docente

El Docente tiene la opción de ingresar al sistema académico a través del sitio web.

Para esto debe ingresar al Botón Login (Ver imagen 59).

106

Se muestra un men煤 donde se debe seleccionar la opci贸n Docente (Ver imagen 60).

Se muestra el Login para el ingreso al sistema de gesti贸n acad茅mica (Ver imagen 61).

107

Ingresar al Correo Institucional Para ingresar al correo institucional damos clic en correo. (Ver imagen 62).

Ingresamos la dirección de correo y la contraseña En este caso utilizaremos la cuenta info@sscclc.edu.ec con su contraseña SScclc123 (Ver imagen 63).

108

Seleccionamos que tipo de visualizador de correo desea utilizar. (Ver imagen 64).

Se abre el correo electr贸nico en el visualizador escogido. (Ver imagen 65).

109

6.4.

VALIDACIÓN

Para efectuar la validación del Sitio Web se realizó el focus group, que es un tipo de entrevista en el cual intervienen un grupo de personas interesadas en el tema.

Este tipo de entrevista resulta interesante para validar el Sitio Web, debido a que permite recolectar de una manera eficaz información, puntos de vista y opiniones de los participantes.

El objetivo del focus group realizado fue determinar si un grupo de personas aceptan el diseño y funcionalidad del Sitio Web. Para constancia de esta validación la Unidad Educativa entregó un certificado donde se deja por escrito la aceptación de todos los elementos e información del sitio por los encargados. (Ver anexo 9).

De igual manera posteriormente se realizó la entrega y recepción del sitio web y se firmó el acta de recepción y entrega definitiva por parte de las autoridades y responsables de este proyecto. (Ver anexo 10).

6.4.1.

Aplicación del Focus Group

6.4.1.1.

Etapas de Preparación del Focus Group

6.4.1.1.1.

Determinar el tipo de Focus Group

Se realizó un solo focus group que reúna a personas que sean usuarios directos del sitio web.

6.4.1.1.2.

Contratación de Moderador

Estuvo conducido por una presentadora que domina la temática, los objetivos de la validación y las técnicas de animación de grupos.

Además de la animadora estuvo acompañada por un observador para tomar nota de la reunión.

110

6.4.1.1.3.

Selección de Participantes

Se eligieron de acuerdo al tipo de focus group: se seleccionaron personas que laboran en la institución como fueron: director académico, docente de la Unidad Educativa, Colectora de la Institución.

6.4.1.1.4.

Elaboración de Guía de Animación

Para garantizar la motivación de los participantes, la presentadora se reunió previamente con ellos para explicar el objetivo y la temática del focus group.

Se intentó crear y mantener una interacción activa entre los participantes a través de sus intervenciones grupales logrando que estos puedan reaccionar ante la presentación de ciertas preguntas del sitio y generando información organizada por parte de ellos en sus recomendaciones y conclusiones.

Como ayuda a la animación se le facilito a la presentadora un banco de preguntas para los participantes. (Ver anexo 7, Banco de Preguntas de Focus Group).

6.4.1.1.5.

Análisis y Resultados del Focus Group

El análisis y tabulación de datos se realizó de acuerdo a los datos obtenidos en la ficha que se entregó a los integrantes del focus group y a los datos obtenidos en la entrevista.

(Ver anexo 8, Ficha de validación de Focus Group).

La calificación de las preguntas fue en un rango de 1 a 5, siendo 5 el puntaje de mayor aceptación y 1 el menos aceptable.

111



Tabulación de las Preguntas

1. ¿El diseño del sitio web y su información son correctos para el público objetivo al que está orientada la misma?



Análisis

En la primera pregunta realizada a los integrantes del focus group se obtuvo como resultado que el 100% están de acuerdo que el diseño e información del sitio web están correctos para el público objetivo de la misma. (Ver gráfico 11).

2. Según su criterio, califique los siguientes elementos de acuerdo a su correcta utilización dentro del sitio.

112



Análisis

En esta pregunta se obtuvo los elementos de mayor y menor aceptación siendo los elementos: cromática y tipografía, términos que se explicaron anteriormente.

Botones, Menú y Noticias obtuvieron el 100%

de su aceptación individual y los

elementos Slide Fotográfico y Zona de Descargas fueron los menos aceptados. En el gráfico se muestra los porcentajes distribuidos en forma relativa según las respuestas obtenidas. (Ver gráfico 12 en página anterior).

3. Califique el grado de satisfacción en cuanto al uso y a la función del sitio web.



Análisis

En la tercera pregunta pudo observar que a los integrantes del focus group el sitio web brindo una satisfacción del 100% en uso y funcionalidad. . (Ver gráfico 13).

113

4. ¿En qué grado Ud. calificaría que el sitio web cumple con las necesidades de La Unidad Educativa como del público objetivo?



Análisis

De la tabulación se pudo determinar que el sitio web cumple con las necesidades de la unidad educativa obteniendo un puntaje del 67% con una aceptación muy alta y el 33% con alta según los integrantes del focus group. . (Ver gráfico 14).



Notas del Observador

De acuerdo al criterio de los integrantes se obtuvieron criterios favorables y recomendaciones para el Sitio Web. Criterios favorables: - El diseño y la estructura del sitio web la hace fácil de utilizar, de igual manera los contenidos utilizados son de fácil comprensión para el usuario.

114

- La opción de visualizar notas es de gran ayuda para las partes interesadas como son: La Unidad Educativa y Padres de familia ya que facilita el control y seguimiento del estudiante.

- La interacción entre estudiantes y docentes a través del correo institucional incentiva al docente el aprendizaje de las tics y fomenta el uso de las mismas en la catedra.

Recomendación: - Se recomendó la utilización de los colores institucionales dentro del sitio web debido a que no se mostró la propuesta con estos colores.

La recomendación fue analizada y tomada en cuenta en el diseño del sitio web.

115

116

6.4.1.2.

Recursos Necesarios

Para desarrollar el focus group se tomaron en cuenta los siguientes recursos: T茅cnicos, Humanos, Econ贸micos, Tiempo.

6.4.1.3.

Ventajas y Limitaciones

117

VII CONCLUSIONES Y RECOMENDACIONES 7.1.

CONCLUSIONES

 La implementación de un sitio web institucional facilita e incrementa la vinculación de esta con la colectividad, al poder evidenciar un numero alto de visitas por medio del webanalizer.  La utilidad del sitio web depende del

correcto uso que se le dé, es decir, la

información utilizada debe ser la adecuada, el intercambio de material académico con fines académicos, el sitio por sí solo no garantiza la satisfacción total del usuario.  En la etapa de análisis y diseño la utilización de diagramas para la Arquitectura de la información y la Arquitectura de Software permitió tener una visión didáctica para el entendimiento del sitio, para las dos partes interesadas como es el la Unidad Educativa Sagrados Corazones y los desarrolladores.  El desarrollo en la herramienta y de manera modular permite la escalabilidad para la inclusión de futuras implementaciones.  La utilización de la herramienta Joomla permite un mantenimiento más eficiente y gestión de información más fácil para la Unidad Educativa Sagrados Corazones.

118

7.2.

RECOMENDACIONES

 Una vez implementado el sitio web es importante sugerir al personal de la institución y alumnado el adecuado uso de la misma, debido a que esta es para información netamente institucional y el intercambio de material es con fines académicos, permitiendo la interacción con la colectividad como interna.  Se recomienda mantener el sitio web actualizado para que esta sirva como herramienta de difusión y estudio adecuado para los alumnos.

 De igual manera se recomienda que para garantizar el acceso a la información a través del sitio web, se debe mantener una infraestructura (conexión estable a internet que soporte información requerida) que garantice soporte en el hosting y dominio básicos del sitio.  Se recomienda que por parte de los desarrolladores se lleve a cabo una capacitación dirigida a la persona designada por la unidad educativa para la administración del sitio web.

 Para la implementación de información o modulo nuevo se recomienda se siga la misma estructura y diseño que se ha elaborado en los diferentes diagramas.

119

REFERENCIAS

BIBLIOGRÁFICAS Peter Morville &Louis Rosenfeld (2006, December). Information Architecture for the World Wide Web.(Third Edition).USA: O\'Reilly Eric Tiggeler (2012).Joomla 2.5 Beginner’s Guide.

Erostarbe, I. & Albonigamayor, J. (2005).Cómo crear una web docente de calidad.

España: Netbiblio.

Falgueras, B. (2003).Ingeniería del software. Barcelona: UOC.

Helma Spona (2011).Programación de Base de Datos con MYSQL

y PHP. 2010

MARCOMBO, S.A

Hernández, Fernández Baptista ( 1994).Metodología de la Investigación. Colombia.

McGraw Hill.

Hobbs, Lilian (2006) .Diseño de tu página web HTML. MARCOMBO S.A.

IvanMarsic, Rutger (September, 2012). Software engineering.The Estate University of New Jersey.

Louis Landry Marzo (2012).Joomla programning.

Mark Dexter, Joshue O Connor (2008). Joomla accessibility Accessible websites.

Minera, Francisco curso de programación.

120

Myatt, A., Leonard, B. & Wielenga, G. (2008).Pro NetBeans IDE 6 edición rica plataforma de cliente. Berkeley, CA New York, NY: Apress distribuidas al comercio de libros en todo el mundo por Springer-Verlag. 109

Mº Victoria Nevado Cabello. Introducción a las Base de datos relacionales

Pes Rivas, C J.(2011).36 Pasos Básicos para Desarrollar un Sitio Web. Autoedición Beáti, H. (NN).”El gran libro de php”. MARCOMBO, S.A.

Spona, H.(2010).Programación con base de datos Mysql y Php. MARCOMBO S.A.

Vara J.M,Lopez Sanz,M, Granada,D y Irrazabal,E (2012).Desarrollo web en entorno Cliente Servidor. RA-MA Editorial.

Weitzenfel, Alfredo. Orientada a Objetos con UML Java e Internet. THOMSON, Editorial.

121

LINCOGRﾃ：ICAS NN.(2005).Manual de Seguridad. from http://www.usc.es/atpemes/IMG/pdf/Manual_Seguridad_Internet_Norman.pdf Raﾃｺl, S. (2008).Seguridades de aplicaciones Web. from http://www.rediris.es/cert/doc/reuniones/fs2008/archivo/RedIRIS_VI_Seguridad_en_ap licaciones_Web_v1.0_RaulSiles.pdf Taller de Php. from http://www.elwebmaster.com/talleres/taller-de-php-programa Lenguaje de Programaciﾃｳn. from http://es.scribd.com/doc/111796726/ Lenguaje-de-programacio. from http://es.scribd.com/doc/16611450/Metodologia-Paradiseno-de-Paginas-Web Conocimientos PHP. from http://www.techotopia.com/index.php/PHP_Essentials

122

GLOSARIO



Accesibilidad

Refiere al grado de complicidad para que una persona manipule un sistema con o sin conocimiento técnico.



Base de datos

Una base de datos o banco de datos es un conjunto de datos pertenecientes a un mismo contexto y almacenados sistemáticamente para su posterior uso. En este sentido; una biblioteca puede considerarse una base de datos compuesta en su mayoría por documentos y textos impresos en papel e indexados para su consulta. Actualmente, y debido al desarrollo tecnológico de campos como la informática y la electrónica, la mayoría de las bases de datos están en formato digital (electrónico), y por ende se ha desarrollado y se ofrece un amplio rango de soluciones al problema del almacenamiento de datos. 

Cromática

Es referente a los colores o relativo a ellos.



Dominio

Un dominio de Internet es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red Internet.



Esbozo

Dibujo inacabado y esquemático de un proyecto, plan, cosa que puede alcanzar mayor desarrollo y extensión

123



Host

El término host ("anfitrión", en español) es usado en informática para referirse a las computadoras conectadas a una red, que proveen y utilizan servicios de ella. Los usuarios deben utilizar anfitriones para tener acceso a la red.



Metáfora

Sirve para organizar y mostrar al usuario de mejor manera las funciones y actividades de una forma comprensible.



Slide Fotográfico

Conjunto de fotografías que se muestran de forma secuencial, automática o manual tal cual se realizara una presentación.



SRS

Software Requirements Specification, Especificación de Requerimientos del Software.



Software

Se conoce como software1 al equipamiento lógico o soporte lógico de un sistema informático, que comprende el conjunto de los componentes lógicos necesarios que hacen posible la realización de tareas específicas, en contraposición a los componentes físicos que son llamados hardware.



Tipografía

Es el oficio que trata el tema de las letras, números y símbolos de un texto impreso.



UML

Lenguaje Unificado de Modelado (LUM o UML, por sus siglas en inglés, Unified Modeling Language) es el lenguaje de modelado de sistemas de software más conocido y utilizado en la actualidad; está respaldado por elOMG (Object Management Group).

Es un lenguaje gráfico para visualizar, especificar, construir y documentar un sistema.

UML ofrece un estándar para describir un "plano" del sistema (modelo), incluyendo

124

aspectos conceptuales tales como procesos de negocio, funciones del sistema, y aspectos concretos como expresiones de lenguajes de programación, esquemas de bases de datos y compuestos reciclados.



Upload

Subir archivos. Transmitir archivos o información desde el ordenador emisor al receptor. Operación contraria al download. // El upload de una conexión a una red (como Internet) hace referencia a la velocidad total (generalmente medida en mbps o megas) con que puede transferirse información desde la computadora hacia fuera.



Usabilidad

Se refiere a la facilidad con la que las personas pueden utilizar una herramienta particular o cualquier otro objeto fabricado o desarrollado por el ser humano.

ANEXOS

126

ANEXO 1 ENCUESTA

La Presente encuesta tiene como propósito obtener información sobre el grado de aceptación y necesidad que tiene la Unidad Educativa Sagrados Corazones del Cantón la Concordia de desarrollar un Sitio Web. La información recolectada es para fines académicos y servirá para la realización de la disertación de grado “Diseño y Desarrollo de un Sitio Web Dinámica para la Unidad Educativa Sagrados Corazones del cantón la Concordia en el año 2013”.

Marque con una X según corresponda: 1. ¿Qué relación tiene usted con la Unidad Educativa Sagrados Corazones de Jesús?

Alumno

Administrativo

Docente 2. ¿Qué tan frecuente accede usted en internet?

Diariamente

2 veces a la semana

1 vez a la semana

Casi nunca

3. ¿Le gustaría a usted que la Unidad Educativa incremente un Sitio Web? SI

NO

En el caso de responder si a la pregunta anterior seleccione de las siguientes opciones que le gustaría que tuviese el portal Correo Institucional Vista de Notas Zona de descarga de material (para mejora del aprendizaje por materia)

127 4. ¿Conoce usted sobre el uso de las TICs (Tecnologías de la información y la Comunicación)?

SI

NO

En caso de responder si en la pregunta anterior seleccione de las siguientes opciones cuales conoce.

Base de Datos

Hojas de Cálculo (Excel)

Programas de Presentación (Power Point, Prezzi, EducaPlay) Correo Electrónico

Espacio Web

5. ¿En la Unidad Educativa existe alguna plataforma o alguna herramienta que incentive al uso de las TIC? SI

NO

6. ¿Te gustaría que se utilice el Sitio Web en parte como una plataforma educativa para incrementar el uso de las TIC en el plantel?

SI

NO

7. ¿En relación a la Colectividad como crees que un sitio web ayudaría al plantel?

BAJO

MEDIO

ALTO

MUCHAS GRACIAS POR SU COLABORACIÒN

MUY ALTO

128

ANEXO 2 INFORME DE VISITA

La Concordia, 4 de Abril del 2013

En la presente entrevista se tuvo la presencia del alumno Daniel Fabián Vega González y la alumna Delia Paulina Guzmán Vargas estudiantes de la PUCE SD carrera de Ingeniería de Sistemas y Computación, y del Ing. Oscar Morillo Director Académico de la Institución Sagrados Corazones de Jesús.

Se realizó el primer levantamiento de información de acuerdo al proyecto establecido como disertación de grado, donde se dialogó con la secretaria, tesorera, y rector de la institución recopilando las expectativas y requerimientos generales de cada una de las partes, cabe señalar que los requerimientos fueron tomados de acuerdo a las preguntas pertinentes sobre cada proceso que se pudo observar en ese momento.

Esta entrevista permitió tener una visión clara de que es lo que la Unidad Educativa requiere con este proyecto.

Delia Guzmán Estudiante PUCE SD

Daniel Vega Estudiante PUCE SD

Ing. Oscar Morillo Director Académico SSCC

129

ANEXO 3 INFORME DE VISITA

La Concordia, 18 de Abril del 2013 En la presente entrevista se tuvo la presencia del alumno Daniel Fabián Vega González y la alumna Delia Paulina Guzmán Vargas estudiantes de la PUCE SD carrera de Ingeniería de Sistemas y Computación, y del Ing. Oscar Morillo Director Académico de la Institución Sagrados Corazones de Jesús.

Se realizó la toma de los requerimientos para el desarrollo del sitio web dinámica para la Unidad Educativa, en esta visita se definió el alcance requerido, los elementos y la expectativa que la Unidad tiene con relación de este proyecto.

Los requerimientos fueron expuestos por parte del Ing. Oscar Morillo el cual está a cargo de los proyectos de disertación de grado en calidad de Director Académico, quedando en claro lo solicitado, de igual manera se direcciono en parte los requerimientos para una mejor funcionalidad del sitio.

Esta entrevista permitió tener una visión clara de que es lo que la Unidad Educativa requiere exclusivamente con este proyecto.

Delia Guzmán Estudiante PUCE SD

Daniel Vega Estudiante PUCE SD

Ing. Oscar Morillo Director Académico SSCC

130

ANEXO 4 INFORME DE VISITA

La Concordia, 14 de Agosto del 2013 En la presente entrevista se tuvo la presencia del alumno Daniel Fabián Vega González estudiante de la PUCE SD carrera de Ingeniería de Sistemas y Computación, y del Ing. Oscar Morillo Director Académico de la Institución Sagrados Corazones de Jesús.

Se realizó la explicación del borrador del SRS realizado para el desarrollo del Sitio web, obteniendo preguntas y ciertas modificaciones por parte del docente encargado antes mencionado, al finalizar la visita se aceptó el borrador presentado.

Daniel Vega Estudiante PUCE SD

Ing. Oscar Morillo Director Académico SSCC

131

ANEXO 5 INFORME DE VISITA

La Concordia, 15 de Enero del 2014 En la presente entrevista se tuvo la presencia del alumno Daniel Fabián Vega González estudiante de la PUCE SD carrera de Ingeniería de Sistemas y Computación, del Ing. Oscar Morillo Director Académico de la Institución Sagrados Corazones de Jesús, del señor Rector y el padre de dicha Institución.

En esta visita se toparon dos puntos esenciales para la disertación.

1. Se solicitó la compra de un host y dominio para albergar el sitio web, previamente se explicó el motivo por el cual se solicitó esta compra, lo cual fue autorizado por parte del Padre de la Institución.

2. Se mostró y explico el diseño y distribución tentativa del sitio web el cual fue revisado por las tres autoridades mencionadas anteriormente, estos mostraron su satisfacción antes lo expuesto.

En vista que se obtuvo la aceptación en ambos puntos se continúa sin problema y a la espera de la entrega de las claves del hosting.

Daniel Vega Estudiante PUCE SD

Ing. Oscar Morillo Director Académico SSCC

132

ANEXO 6 ESPECIFICACIÓN DE REQUERIMIENTOS DE SOFTWARE

1.

INTRODUCCIÓN

1.1 PRÓPOSITO DE ESPECIFICACIÓN DE REQUERIMIENTOS En este documento se detallará los procesos y funciones que se automatizarán en el sitio web que se ha requerido para esta disertación.

1.2 ALCANCE DEL PRODUCTO El producto de esta disertación se identificará con el nombre de “Diseño y Desarrollo de un Sitio Web para la Unidad Educativa Sagrados Corazones del Cantón la Concordia en el año 2013” la cual permitirá visualizar notas por internet, la información referente a la Unidad Educativa tal como historia, misión, visión, valores institucionales, actividades académicas y extracurriculares, los cuales podrán ser presentados mediante reportes en la web.

1.3 DEFINICIONES ACRONIMOS Y ABREVIATURAS

- USUARIO: Persona que tendrá una cierta asignación de las funciones del Sitio Web. - BDD Base De Datos.

- IEEE Instituto de Ingenieros Eléctricos y Electrónicos.

- UML Lenguaje Unificado de Modelado

1.4 REFERENCIAS Arquitectura de la Información

133

1.5 RESUMEN EJECUTIVO El presente plan de disertación consiste en diseñar y desarrollar un Sitio Web para la Unidad Educativa Sagrados Corazones Institución dedicado a brindar una educación de calidad, la principal característica de este Sitio es la facilidad de edición de información gracias a un sistema de administración de contenidos y galerías, resolviendo así necesidades específicas de la institución y ayudando a la difusión de su trabajo y razón social, sugerencias y continua actualización de los alumnos, personal administrativo y docentes pertenecientes a la Institución. También consta de un módulo que permite visualizar notas de los estudiantes.

El presente proyecto de ingeniería de sistemas implica tres ramas. La primera de estas ramas es la Programación Web siendo esta la base principal del proyecto, se apoyará en la rama de Diseño Web y sustentará toda su información en la rama de Base de Datos.

Para la realización de esta disertación es necesario sustentarse en una metodología especializada la cual es Arquitectura de la Información, apoyada en el lenguaje de modelamiento UML permite el desarrollo de todos los diagramas que servirán como base para la programación.

2. DESCRIPCION GENERAL

2.1 PERSPECTIVA DEL PRODUCTO Como disertantes esperamos que el sitio Web permita aplicar las nuevas tecnologías de la información y las consecuencias de estas, teniendo en cuenta la utilización adecuada de los recursos informáticos de comunicación existentes, agilizar procesos académicos que ayuden en el ámbito pedagógico y fortalecer las habilidades y destrezas de los docentes, los alumnos y comunidad en sí podrán tener mayor conocimientos de los procesos, proyectos y actividades que ocurren en la Institución aplicando la comunicación interactiva.

134

2.2 FUNCIONES DEL PRODUCTO El Sitio Web constará de las siguientes características: - Gestionar información de Unidad Educativa, crear, eliminar, modificar información referente a la Unidad Educativa.

- Gestionar las Descargas, Up load y Down load de archivos que necesiten estar en link de descarga.

- Consultar reportes de Notas.

2.3 CARACTERISTICAS DE LOS USUARIOS USUARIO

PROCESO AL QUE TIENE ACCESO

ALUMNO

Consultar reportes de Notas.

2.4 RESTRICCIONES GENERALES Se prohíbe la copia total y parcial del contenido del Sitio Web. No se permite el uso de herramientas, software ajeno que afecte o exceda la base de datos.

Se prohíbe la reventa de este software por parte de la institución.

2.5 ASUNCIONES Y DEPENDENCIAS Para el correcto funcionamiento de este Sitio Web se necesita: - HARDWARE Una red wan montada la cual permita mostrar el sitio web en la red externa o internet.

Contratar un Host y Dominio que soporte todo lo requerido para el perfecto funcionamiento del Sitio Web.

135

- SOFTWARE Navegador y plugins actualizados Servicios habilitados para el funcionamiento de la aplicación según requerimientos de esta.

ESPECIFICACIÓN DE REQUERIMIENTOS A TRAVÉS DE CASOS USO TEXTUALES Y SEGÚN ARQUITECTURA DE LA INFORMACION. 8.1.1.1.

Casos de Uso

CASO DE USO: Ingresar al Sistema Actores primarios: Todos los perfiles Interesados y Objetivos: Usuarios del Sistema Precondiciones: Sistema funcional Garantía de éxito (post-condiciones): Menú de Acciones Escenario Principal de Éxito: El usuario invoca al Sistema de Gestión El sistema devuelve una pantalla solicitando login y Password El usuario ingresa su login y passsword El sistema despliega el menú principal Extensiones: --

CASO DE USO: Ingresar Material de Descarga Actores primarios:

Administrador

Interesados y Objetivos:

Docente, Estudiante

Precondiciones: Material digitalizado, Administrador ingresado en sistema Garantía de éxito (post-condiciones): Mensaje de material almacenado Escenario Principal de Éxito: El Administrador ingresa archivos digitales de Información en el sitio El Administrador solicita almacenar la información El sistema almacena la información Extensiones:--

136 CASO DE USO: Consultar Material de Descarga Actores primarios: Usuarios del Sitio Interesados y Objetivos: Usuarios del Sitio Precondiciones: Información de Materia y/o información ingresada en sistio Garantía de éxito (post-condiciones): Material digitalizado en disponibilidad Escenario Principal de Éxito: El usuario selecciona material para descarga El usuario procede a descargar el material digitalizado Extensiones:--

CASO DE USO: Eliminar Material de Descarga Actores primarios: Administrador Interesados y Objetivos: Usuarios del Sitio Precondiciones: Material digitalizado, Administrador ingresado en sistio Garantía de éxito (post-condiciones): Mensaje de material eliminado Escenario Principal de Éxito: El Administrador solicita la eliminación del material El sistema devuelve una pantalla con la información necesaria para eliminar el material El Administrador solicita eliminar la información El sistema almacena la información Extensiones: CONSULTAR MATERIAL DE DESCARGA

CASO DE USO: Modificar Material de Descarga Actores primarios: Administrador Interesados y Objetivos: Administrador, usuarios del sitio Precondiciones: El material debe estar ingresado en el sitio Garantía de éxito (post-condiciones): Información de material actualizada en el sitio Escenario Principal de Éxito: El administrador selecciona el material cuya información se modificará El sistema despliega la información del material El administrador modifica los campos requeridos El sistema almacena los cambios Extensiones: CONSULTAR MATERIAL DE DESCARGA

137 ASO DE USO: Consultar Notas Actores primarios: Alumno Interesados y Objetivos: Alumno Precondiciones: Alumno ingresado en el sistema, notas ingresadas al sistema Garantía de éxito (post-condiciones): Material digitalizado en disponibilidad Escenario Principal de Éxito: El Alumno solicita consultar notas para visualizar su información El sistema devuelve la información de las notas del alumno El Alumno procede a descargar el material digitalizado Extensiones: CONSULTAR USUARIO

CASO DE USO: Consultar Materia Actores primarios:

Administrador del Sistema, Docente, Alumno

Interesados y Objetivos: Administrador del Sistema, Docente, Alumno Precondiciones: Información de la materia debe constar en sistema Garantía de éxito (post-condiciones): Información de la materia desplegada Escenario Principal de Éxito: El usuario del sistema selecciona una materia para visualizar su información El sistema devuelve la información de la materia requerida Extensiones:--

CASO DE USO: Consultar Usuario Actores primarios: Usuarios del Sistema Interesados y Objetivos: Usuarios del Sistemas Precondiciones: Información de usuario debe constar en sistema Garantía de éxito (post-condiciones): Información de usuario desplegada Escenario Principal de Éxito: El sistema recibe información de un usuario para visualizar su información El sistema devuelve la información del usuario requerido Extensiones:--

138

- Arquitectura de Información Inventario de Contenidos Deseables 1. Inicio 2. Quienes Somos 2.1 Misión 2.2 Visión 2.3 Rectoría 2.4 Historia 2.5 Valores Institucionales 3. Vicerrectorías 3.1 Academia 3.1.1 Áreas 3.2 Formación 3.2.1 Pastoral/Religión 3.2.2 Psicología/Orientación/Dobe 3.2.3 Co Programación 4. Educación Tecnológica 4.1 Videos 4.2 Temas Interés 5.Comunidad SSCC 5.1 Concejo Estudiantil 5.2 Asociación Padres Familia 5.3 Ex Alumnos 5.4 Vínculos Colegios SC 5.5 Comunidad SC 6. Descargas 7. Galería 8. Intranet 8.1 Notas parcial 8.2 Ingreso Notas 8.3 Correo Institucional 9.Contacto

139

3.2 REQUISITOS DE LA INTERFAZ EXTERNA 3.2.1 INTERFAZ DE USUARIO Para nuestro Sitio Web utilizaremos el entorno web solicitado por las Autoridades de La Unidad Educativa, con colores de la Institución debido a que pertenecen a una congregación.

3.2.2 INTERFAZ DE SOFTWARE - Browser actualizado

3.2.3 INTERFAZ DE COMUNICACIONES

Host

y

Dominio

contratado,

el

dominio

adquirido

para

la

página

web

www.sscclc.edu.ec es un dominio no amigable para el usuario sin embargo la institución solicito sea ese el contratado.

3.3

REQUERIMIENTO DE RENDIMIENTO

Para el Sitio Web se ha previsto una velocidad de respuesta de 2.0 SEGUNDOS por promedio tomando en cuenta la velocidad de ancho de banda y navegadores requeridos y el manejo de la base de datos, así como también las funciones desde las más sencillas hasta las más complejas.

En cuanto a los fallos que pueden presentarse con el sitio, se ha previsto un intervalo de TRES MESES entre cada fallo, tomando en cuenta también los períodos de mantenimiento y actualización de datos.

En el momento de presentarse alguna falla, dependiendo del tipo de desperfecto que se presente, el tiempo para reparación está comprendido entre DOS HORAS Y SEIS HORAS como máximo, esto gracias a la estructura bajo la cual ha sido desarrollado el Sitio Web.

140

3.4

RESTRICCIONES DE DISEÑO

3.4.1 ESTANDARES A SEGUIR: Arquitectura de la Información, W3C. 3.4.2 LIMITACIONES DE HADWARE Capacidad de almacenamiento del Servidor en cuanto al disco duro para cantidades de archivos sumamente altas. (Netamente Hosting) 3.4.3 LIMITACIONES DE SOFTWARE La principal limitación se presenta en el campo de la base de datos que no se garantiza al momento de superar un número de 1´000.000 de registros con sus respectivos datos en direcciones de memoria.

3.5

ATRIBUTOS

3.5.1 DISPONIBILIDAD Por su estructura y al ser desarrollada en software libre el sitio web tendrá una accesibilidad amplia recordando que está dirigida para una sola entidad la cual podrá utilizarla como mejor considere.

3.5.2

SEGURIDAD

El sitio web cuenta con la seguridad de tener un módulo de logeo para cada usuario y cada uno de estos tiene sus funciones ya establecidas acorde a su desempeño y de igual manera tiene las seguridades netas de aplicación y hosting .

3.5.3

MANTENIBILIDAD

El Sitio Web tendrá un margen de función sin error de fabricación de 6 meses por periodos entre cada mantenimiento.

141

3.5.4

TRANSFERIBILIDAD / CONVERSIÓN

Debido a la necesidad de tener facilidad de adaptación del sitio en varios entornos de trabajo (Navegadores) se lo realizara en una herramienta libre y basada para cualquier sistema operativo.

3.5.5

EXACTITUD

Tomando en cuenta que principalmente nuestro sistema depende de la calidad y tipo de datos ingresados, El sitio web presentará un grado de exactitud en los datos desplegados al momento de la generación de reportes.

Se mantendrá una exactitud de 1 decimal acorde al vigente sistema de calificaciones establecido por el Ministerio de Educación.

3.6

OTROS REQUERIMIENTOS

3.6.1 BASE DE DATOS En cuanto a la información guardada, nuestro sistema almacena: - DESCARGAS: Agregaremos la información de cada archivo de descarga, tomando en cuenta los siguientes datos.

- Id_descarga.

- Nombre de archivo.

- URL - MATERIA: Se tendrá una BDD de materias para permitir una mejor gestión al momento de las consultas e ingreso del material y descargas.

- Id_materia - Nombre Materia

142

- ID docente - NOTAS: Se tendrá una tabla específica para almacenar la información de las notas enviadas por el modulo externo de notas, permitiendo la visualización de estas en la web.

3.6.3 OPERACIONES En cuanto a las operaciones que debe realizar el sitio web para su manejo de datos, se encuentran: Asignación de direcciones para las tablas que constituyen la base de datos.

Validaciones utilizando parámetros de comparación así como también los permisos de acceso.

Visualización de notas.

Para poder realizar todas las operaciones anteriores es necesario que el sistema realice la respectiva búsqueda de los datos requeridos.

3.6.4 ADAPTACION El sitio web es de fácil adaptabilidad, es decir puede pasar a ser un subsistema, siempre en cuanto sean compatibles con la base de datos y el software requerido y utilizado por esta.

Para lo cual es necesario preestablecer las debidas precauciones para el empate de los sistemas incluidos dentro de la institución y el previo uso de permisos más generales.

143

ANEXO 7 BANCO DE PREGUNTAS DE FOCUS GROUP - PARTE I INFORMACIÓN Y DISEÑO ¿Le parece a Ud. que la información mostrada está distribuida de una manera idónea para la correcta navegación en el sitio web? ¿Cree que es lo suficientemente clara la información del sitio web? ¿Los elementos, colores y diseños empleados en el sitio web son de su agrado tomando en cuenta que el público objetivo son los estudiantes? ¿Aprueban Uds. el esquema utilizado en el sitio web y cuáles serían sus sugerencias para la misma?

- PARTE II USABILIDAD Y FUNCIONALIDAD ¿Ud. encuentra de una manera fácil, rápida y eficaz la información dentro del sitio web? ¿Los elementos utilizados en el sitio web son los correctos o cree Ud. que deberían agregarse o eliminarse algún elemento para una mejor funcionalidad?

- PARTE III SOFTWARE ¿Cree Ud. que la interacción académica ofrecida en el sitio a través de la subida de información por parte de los docentes fortalecerá el deseo institucional de alcanzar una educación utilizando tics? ¿Cree Ud. q la visualización de notas agilizara el proceso de entrega y control al alumno al poderse realizar desde casa? ¿Que opina Ud. de la implementación del correo institucional para los estudiantes y docentes con la finalidad de una interacción y aplicando el sentido del buen vivir cero papeles? ¿Aprueba Ud. las funciones antes mencionadas y cual sería sus recomendaciones para estas?

144 ¿Para finalizar que impacto cree Ud. que genere este sitio web al plantel?

Social, ambiental, cultural, tecnológico? Explique el porqué de cada impacto que Ud. considere.

145

ANEXO 8

FICHA DE VALIDACIÓN DE FOCUS GROUP

Este documento es únicamente con fines académicos, permitirá validar de una manera cuantitativa al Sitio Web desarrollada para la Unidad Educativa Sagrados Corazones.

Responda según su criterio utilizando el puntaje del 1 al 5 siendo 5 el puntaje de mayor aceptación y 1 el menos aceptable.

1. ¿El diseño del sitio web y su información son correctos para el público objetivo al que está orientada la misma?

CALIFICACIÓN

1

2

3

4

5

2. Según su criterio, califique los siguientes elementos de acuerdo a su correcta utilización dentro del sitio.

ELEMENTOS Cromática y Tipografía Arquitectura de

1

2

3

4

5

146 Información Botones (Login / Correo)

Menú Slide Fotográfico Zona de Descargas Noticias Galería

3. Califique el grado de satisfacción en cuanto al uso y a la función del sitio web

CALIFICACIÓN

1

2

3

4

5

4. ¿En qué grado Ud. calificaría que el sitio web cumple con las necesidades de La Unidad Educativa como del público objetivo?

CALIFICACIÓN

1

2

3

4

5

147

ANEXO 9

CERTIFICADO DE VALIDACIÓN

148

ANEXO 10

ACTA DE ENTREGA RECEPCIÓN

149

150

ANEXO 11

DICCIONARIO DE DATOS Nombre: tb_usuarios Descripción: ingreso de usuarios Campo Tipo Usu_id int Usu_nick varchar Usu_clave varchar Id_perfil int

Tamaño 11 30 50 11

Descripción Id usuario usuario Clave usuario Ocupación usuario

Relaciones: Tb_usuarios con sscclced_archivos_notas

Nombre: tipo_usu Descripción: ingreso de usuarios Campo Tipo Id_perfil int Usu_perfil varchar

Tamaño 11 20

Descripción Id de perfil Dscripcion de perfil de usuario

Nombre: docentes Descripción: tabla docente Campo Tipo doc_id int

Tamaño 11

Doc_cedpas Doc_nom

50 45

Descripción Identificador docente Cedula docente Nombre del docente Apellido docente Titulo docnte

Relaciones: Tipo_usu con sscclced_archivos_notas

varchar varChar

Doc_ape varChar 45 Doc_tit Varchar 20 Doc_med Boolean Doc_corele Varchar 50 Relaciones: docentes con sscclced_archivos_notas

Nombre: matriculas Descripción: tabla matriculas

151 Campo mat_id

Tipo Bigint

Tamaño 20

Prd_id Int 11 Cur_id Smallint 11 Est_id Int 11 Mat_fec Datetime Bec_id Int 11 Relaciones: matriculas con sscclced_archivos_notas

Nombre: estudiantes Descripción: tabla estudiantes Campo Tipo est_id Int

Tamaño 11

Est_cedpas Est_codmat

Varchar Int

50 11

Est_nomcom

varChar

45

Est_apecom

Varchar

45

Est_nomperep

Varchar

50

Est_cedpasrep

Varchar

13

Est_nivcor

Smallint

6

Descripción Identificador matriculas Id periodo Id curso Id estudiante Fecha matriculas Id beca

Descripción Identificador estudiante Cedula estudiante Código secuencial de matricula Nombre del estudiante Apellido del estudiante Nombre del reperesent CI/ Pasaporte del represent Nivela que corresponde el estudiante

Relaciones: estudiantes con sscclced_archivos_notas

Nombre: cursos Descripción: tabla cursos Campo Tipo cur_id int cur_des char cur_cupmax samallint Cur_cupac interger Doc_id Int Cur_niv Smallint Cur_tip samallint Cur_est Char Prd_id integer Relaciones: cursos con sscclced_archivos_notas

Tamaño 11 50

Descripción Identificador curso Nombre del curso

Identificador docente Nivel de curso Tipo de curso Estado de curso Periodo lectivo

152 Nombre: asignaturas Descripción: Tabla de asignatura Campo Tipo asi_id Int Cur_id Int Asi_des Varchar Doc_id Int Asi_horclaanu Smallint Asi_tip Varchar Asi_est Varchar

Tamaño 11 11 50 11

Descripción Id de materia Id de cursos Nombre de materia Id docente

3 1

Tipo de asignatura Estado de asignatura

Relaciones: asignaturas con sscclced_archivos_notas Nombre: calificaciones Descripción: tabla calificaciones Campo Tipo Cal int

Tamaño 11

Mat_id Asi_id Cal_val

Int Int Decimal

11 11 4,2

Cal_tippar Cal_par Cal_qui Cal_est

smallint Smallint Smallint Char

6 6 6 1

Cal_feccre

Datetime

Cal_fecmod

datetime

Descripción Identificador calificación Id materia Id asignatura Valor de la calificación Tipo parcial parcial quimestre Estado de calificación Fecha de Creación de calificación Fecha de modificación

Relaciones: calificaciones con sscclced_archivos_notas

Nombre: tb_archivos Descripción: Tabla archivos a subir Campo Tipo id int nombre varchar

Tamaño 11 80

titulo

varchar

80

contenido tipo

mediunblob varchar

20 80

Curso

varchar

50

materia

varchar

50

Descripción Id archivo Nombre del archivo que busca Nombre del archivo como se guardara [BLOB] Que ipo de archivo sube Curso que pertenece el archivo Materia que

153 pertenece el archivo Relaciones: Tb_archivos con sscclced_archivos_notas

154

ANEXO 12

SISTEMA DE NOTAS (SCRIPT DE CREACIÓN BASE DE DATOS)

-- phpMyAdmin SQL Dump -- version 4.0.4 -- http://www.phpmyadmin.net --- Servidor: localhost -- Tiempo de generación: 26-01-2015 a las 07:41:27 -- Versión del servidor: 5.6.12-log -- Versión de PHP: 5.4.16 SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; SET time_zone = "+00:00";

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; /*!40101 SET NAMES utf8 */; --- Base de datos: `bb_notas_archivos` -CREATE DATABASE IF NOT EXISTS `bb_notas_archivos` DEFAULT CHARACTER SET utf8 COLLATE utf8_spanish_ci; USE `bb_notas_archivos`; -- --------------------------------------------------------

155

--- Estructura de tabla para la tabla `asignaturas` -CREATE TABLE IF NOT EXISTS `asignaturas` ( `asi_id` int(11) NOT NULL, `cur_id` smallint(6) NOT NULL, `asi_des` varchar(50) NOT NULL, `doc_id` int(11) NOT NULL, `asi_horclaanu` smallint(6) DEFAULT NULL, `asi_tip` varchar(3) NOT NULL COMMENT 'Tipo de asignatura: ''''BAS'''' (Básica), ''''COM'''' (Complementaria), ''''TRC'''' (Tronco Común), ''''PEI'''' (Proyecto e identidad Institucional), ''''INV'''' (Investigación), ''''OPT'''' (Optativas)', `asi_est` char(1) DEFAULT 'A' COMMENT 'Estado de la asignatura: A=Activa, D=Deshabilitada', KEY `cur_id` (`cur_id`), KEY `doc_id` (`doc_id`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1; --- Volcado de datos para la tabla `asignaturas` -INSERT INTO `asignaturas` (`asi_id`, `cur_id`, `asi_des`, `doc_id`, `asi_horclaanu`, `asi_tip`, `asi_est`) VALUES (1, 8, 'Lengua y Literatura', 8, 120, 'BAS', 'A'), (2, 8, 'Matematica', 9, 125, 'BAS', 'A'), (3, 8, 'Ciencias Naturales', 6, 120, 'BAS', 'A'), (4, 8, 'Ciencias Sociales', 8, 110, 'BAS', 'A'), (5, 7, 'Lengua y Literatura', 8, 120, 'BAS', 'A'), (6, 7, 'Matemática', 9, 125, 'BAS', 'A'), (7, 7, 'Ciencias Naturales', 6, 120, 'BAS', 'A'), (8, 7, 'Ciencias Sociales', 8, 110, 'BAS', 'A'), (10, 2, 'Matematica', 2, 125, 'BAS', 'A'), (9, 2, 'Lengua y Literatura', 1, 120, 'BAS', 'A'), (11, 2, 'Entorno Natural y Social', 3, 120, 'BAS', 'A'),

156

(12, 2, 'Cultura Estetica', 10, 60, 'COM', 'A'), (15, 2, 'Computación', 7, 90, 'COM', 'A'), (16, 2, 'Idioma Extranjero', 4, 70, 'COM', 'A'), (17, 2, 'Cultura Física', 5, 70, 'COM', 'A'), (18, 3, 'Lengua y Literatura', 1, 120, 'BAS', 'A'), (19, 3, 'Matematica', 2, 125, 'BAS', 'A'), (20, 3, 'Entorno Natural y Social', 3, 120, 'BAS', 'A'), (21, 3, 'Cultura Estetica', 10, 60, 'COM', 'A'), (23, 3, 'Computación', 7, 90, 'COM', 'A'), (24, 3, 'Idioma Extranjero', 4, 70, 'COM', 'A'), (25, 3, 'Cultura Física', 5, 70, 'COM', 'A'), (26, 4, 'Lengua y Literatura', 1, 120, 'BAS', 'A'), (27, 4, 'Matemáticas', 2, 125, 'BAS', 'A'), (28, 4, 'Ciencias Naturales', 6, 120, 'BAS', 'A'), (29, 4, 'Ciencias Sociales', 8, 110, 'BAS', 'A'), (30, 4, 'Cultura Estetica', 10, 60, 'COM', 'A'), (32, 4, 'Computación', 7, 90, 'COM', 'A'), (33, 4, 'Idioma Extranjero', 4, 70, 'COM', 'A'), (34, 4, 'Cultura Física', 5, 70, 'COM', 'A'), (39, 5, 'Cultura Estetica', 10, 60, 'COM', 'A'), (42, 5, 'Computación', 7, 90, 'COM', 'A'), (43, 5, 'Idioma Extranjero', 4, 70, 'COM', 'A'), (44, 5, 'Cultura Física', 5, 70, 'COM', 'A'), (45, 6, 'Lengua y Literatura', 1, 120, 'BAS', 'A'), (47, 6, 'Ciencias Naturales', 6, 120, 'BAS', 'A'), (46, 6, 'Matemáticas', 2, 125, 'BAS', 'A'), (48, 6, 'Ciencias Sociales', 8, 110, 'BAS', 'A'), (49, 6, 'Cultura Estética', 10, 60, 'COM', 'A'), (51, 6, 'Computación', 7, 90, 'COM', 'A'), (52, 6, 'Idioma Extranjero', 4, 70, 'COM', 'A'), (53, 6, 'Cultura Física', 5, 70, 'COM', 'A'), (54, 7, 'Cultura Estética', 10, 60, 'COM', 'A'), (56, 7, 'Computación', 7, 90, 'COM', 'A'), (57, 7, 'Idioma Extranjero', 4, 70, 'COM', 'A'), (58, 7, 'Cultura Física', 5, 70, 'COM', 'A'),

157

(59, 8, 'Cultura Estética', 10, 60, 'BAS', 'A'), (61, 8, 'Computación', 7, 90, 'BAS', 'A'), (62, 8, 'Idioma Extranjero', 4, 70, 'BAS', 'A'), (63, 8, 'Cultura Física', 5, 70, 'BAS', 'A'), (64, 9, 'Lengua y Literatura', 1, 120, 'BAS', 'A'), (65, 9, 'Matemáticas', 2, 125, 'BAS', 'A'), (66, 9, 'Ciencias Naturales', 6, 120, 'BAS', 'A'), (67, 9, 'Ciencias Sociales', 8, 110, 'BAS', 'A'), (68, 9, 'Cultura Estética', 10, 60, 'BAS', 'A'), (70, 9, 'Computación', 7, 90, 'BAS', 'A'), (71, 9, 'Idioma Extranjero', 4, 70, 'BAS', 'A'), (73, 10, 'Lengua y Literatura', 1, 120, 'BAS', 'A'), (72, 9, 'Cultura Física', 5, 70, 'BAS', 'A'), (74, 10, 'Matemáticas', 2, 125, 'BAS', 'A'), (75, 10, 'Ciencias Naturales', 6, 120, 'BAS', 'A'), (76, 10, 'Ciencias Sociales', 8, 110, 'BAS', 'A'), (77, 10, 'Cultura Estética', 10, 60, 'BAS', 'A'), (80, 10, 'Idioma Extranjero', 4, 70, 'BAS', 'A'), (93, 15, 'Desarrollo Pensamiento Filosófico', 13, 60, 'TRC', 'A'), (81, 10, 'Cultura Física', 5, 70, 'BAS', 'A'), (79, 10, 'Computación', 7, 90, 'BAS', 'A'), (82, 10, 'Contabilidad', 8, 100, 'BAS', 'A'), (83, 15, 'Lengua y Literatura', 1, 120, 'TRC', 'A'), (84, 15, 'Matemática', 2, 125, 'TRC', 'A'), (85, 15, 'Ciencias Sociales', 8, 110, 'TRC', 'A'), (86, 15, 'Educación Artística', 11, 100, 'TRC', 'A'), (87, 15, 'Educación en la Fe', 1, 75, 'PEI', 'A'), (88, 15, 'Informática Aplicada', 12, 70, 'TRC', 'A'), (89, 15, 'Idioma Extranjero', 4, 70, 'TRC', 'A'), (92, 15, 'Cultura Física', 5, 70, 'TRC', 'A'), (94, 15, 'Física', 14, 80, 'TRC', 'A'), (95, 15, 'Química', 15, 80, 'TRC', 'A'), (96, 16, 'Lengua y Literatura', 16, 120, 'TRC', 'A'), (97, 16, 'Matemática', 2, 125, 'TRC', 'A'), (98, 16, 'Educación Artística', 11, 100, 'TRC', 'A'),

158

(100, 16, 'Emprendimiento y Gestión', 17, 100, 'TRC', 'A'), (101, 16, 'Educación para la ciudadanía', 5, 70, 'TRC', 'A'), (102, 16, 'Física y Química', 14, 80, 'TRC', 'A'), (103, 16, 'Historia y Ciencias Sociales', 8, 110, 'TRC', 'A'), (104, 16, 'Biología', 6, 120, 'TRC', 'A'), (105, 16, 'Educación en la Fe', 1, 75, 'PEI', 'A'), (106, 16, 'Idioma Extranjero', 4, 70, 'TRC', 'A'), (107, 16, 'Cultura Física', 5, 70, 'TRC', 'A'), (109, 17, 'Lectura crítica de mensajes', 16, 100, 'OPT', 'A'), (110, 17, 'Física Superior', 14, 80, 'OPT', 'A'), (113, 17, 'Redacción Creativa', 19, 70, 'OPT', 'A'), (114, 17, 'Lengua y Literatura', 16, 120, 'TRC', 'A'), (116, 17, 'Matemática', 2, 125, 'TRC', 'A'), (117, 17, 'Educación para la ciudadanía', 5, 70, 'TRC', 'A'), (118, 17, 'Idioma Extranjero', 4, 70, 'TRC', 'A'), (119, 17, 'Emprendimiento y Gestion', 17, 100, 'TRC', 'A'), (121, 17, 'Educación Física', 5, 70, 'TRC', 'A'), (78, 10, 'Educación en la Fe', 1, 75, 'PEI', 'A'), (14, 2, 'Educación en la Fe', 1, 75, 'PEI', 'A'), (22, 3, 'Educación en la Fe', 1, 75, 'PEI', 'A'), (31, 4, 'Educación en la Fe', 1, 75, 'PEI', 'A'), (41, 5, 'Educación en la Fe', 1, 75, 'PEI', 'A'), (50, 6, 'Educación en la Fe', 1, 75, 'PEI', 'A'), (55, 7, 'Educación en la Fe', 1, 75, 'PEI', 'A'), (60, 8, 'Educación en la Fe', 1, 75, 'PEI', 'A'), (69, 9, 'Educación en la Fe', 1, 75, 'PEI', 'A'), (35, 5, 'Lengua y Literatura', 1, 120, 'BAS', 'A'), (36, 5, 'Matemáticas', 2, 125, 'BAS', 'A'), (37, 5, 'Ciencias Naturales', 6, 120, 'BAS', 'A'), (38, 5, 'Ciencias Sociales', 8, 110, 'BAS', 'A'); -- ---------------------------------------------------------- Estructura de tabla para la tabla `calificaciones

159

CREATE TABLE IF NOT EXISTS `calificaciones` ( `cal_id` int(11) NOT NULL, `mat_id` int(11) NOT NULL, `asi_id` int(11) NOT NULL, `cal_val` decimal(4,2) NOT NULL, `cal_tippar` smallint(6) NOT NULL, `cal_par` smallint(6) DEFAULT NULL, `cal_qui` smallint(6) DEFAULT NULL, `cal_est` char(1) DEFAULT NULL COMMENT 'Estado de la calificaci贸n. Activa (A), Anulada (D)', `cal_feccre` datetime DEFAULT NULL, `cal_fecmod` datetime DEFAULT NULL, KEY `est_id` (`mat_id`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1; --- Volcado de datos para la tabla `calificaciones` -INSERT INTO `calificaciones` (`cal_id`, `mat_id`, `asi_id`, `cal_val`, `cal_tippar`, `cal_par`, `cal_qui`, `cal_est`, `cal_feccre`, `cal_fecmod`) VALUES (688, 432, 41, '8.00', 3, 1, 1, 'A', '2014-12-27 21:06:09', '2014-12-27 21:07:58'), (687, 432, 41, '10.00', 2, 1, 1, 'A', '2014-12-27 21:06:09', '2014-12-27 21:06:09'), (689, 432, 41, '4.00', 4, 1, 1, 'A', '2014-12-27 21:06:09', '2014-12-27 21:06:09'), (690, 432, 41, '7.00', 5, 1, 1, 'A', '2014-12-27 21:06:09', '2014-12-27 21:06:09'), (691, 316, 41, '4.50', 1, 1, 1, 'A', '2014-12-27 21:06:09', '2014-12-27 21:06:09'), (692, 316, 41, '4.60', 2, 1, 1, 'A', '2014-12-27 21:06:09', '2014-12-27 21:06:09'), (693, 316, 41, '2.00', 3, 1, 1, 'A', '2014-12-27 21:06:09', '2014-12-27 21:06:09'), (694, 316, 41, '6.00', 4, 1, 1, 'A', '2014-12-27 21:06:09', '2014-12-27 21:06:09'), (695, 316, 41, '3.90', 5, 1, 1, 'A', '2014-12-27 21:06:09', '2014-12-27 21:06:09'), (696, 411, 41, '7.00', 1, 1, 1, 'A', '2014-12-27 21:06:09', '2014-12-27 21:06:09'), (697, 411, 41, '8.80', 2, 1, 1, 'A', '2014-12-27 21:06:09', '2014-12-27 21:06:09'), (698, 411, 41, '6.60', 3, 1, 1, 'A', '2014-12-27 21:06:09', '2014-12-27 21:06:09'), (699, 411, 41, '8.00', 4, 1, 1, 'A', '2014-12-27 21:06:09', '2014-12-27 21:06:09'), (700, 411, 41, '9.00', 5, 1, 1, 'A', '2014-12-27 21:06:09', '2014-12-27 21:06:09'), (686, 432, 41, '8.80', 1, 1, 1, 'C', '2014-12-27 21:06:08', '2014-12-27 21:07:14'),

160

(661, 316, 43, '8.00', 1, 1, 1, 'A', '2014-12-25 13:38:12', '2014-12-25 13:38:12'), (662, 316, 43, '7.00', 2, 1, 1, 'A', '2014-12-25 13:38:12', '2014-12-25 13:38:12'), (663, 316, 43, '10.00', 3, 1, 1, 'A', '2014-12-25 13:38:12', '2014-12-25 13:38:12'), (664, 316, 43, '8.00', 4, 1, 1, 'A', '2014-12-25 13:38:12', '2014-12-25 13:38:12'), (665, 316, 43, '9.00', 5, 1, 1, 'A', '2014-12-25 13:38:12', '2014-12-25 13:38:12'), (666, 411, 43, '8.00', 1, 1, 1, 'A', '2014-12-25 13:38:12', '2014-12-25 13:38:12'), (667, 411, 43, '7.00', 2, 1, 1, 'A', '2014-12-25 13:38:12', '2014-12-25 13:38:12'), (668, 411, 43, '9.32', 3, 1, 1, 'A', '2014-12-25 13:38:12', '2014-12-25 13:38:12'), (669, 411, 43, '8.00', 4, 1, 1, 'A', '2014-12-25 13:38:13', '2014-12-25 13:38:13'), (670, 411, 43, '10.00', 5, 1, 1, 'A', '2014-12-25 13:38:13', '2014-12-25 13:38:13'), (657, 432, 43, '9.87', 2, 1, 1, 'C', '2014-12-25 13:38:12', '2014-12-26 22:36:08'), (658, 432, 43, '8.54', 3, 1, 1, 'C', '2014-12-25 13:38:12', '2014-12-26 22:36:08'), (659, 432, 43, '8.12', 4, 1, 1, 'C', '2014-12-25 13:38:12', '2014-12-26 22:36:08'), (660, 432, 43, '8.34', 5, 1, 1, 'C', '2014-12-25 13:38:12', '2014-12-26 22:36:08'), (656, 432, 43, '7.09', 1, 1, 1, 'C', '2014-12-25 13:38:12', '2014-12-26 22:53:11'), (701, 2, 43, '7.00', 1, 1, 1, 'A', '2015-01-01 00:00:00', '2015-01-01 00:00:00'), (702, 2, 43, '8.00', 2, 1, 1, 'A', '2015-01-01 00:00:00', '2015-01-01 00:00:00'), (703, 2, 43, '10.00', 3, 1, 1, 'A', '2015-01-01 00:00:00', '2015-01-01 00:00:00'), (704, 2, 43, '9.00', 4, 1, 1, 'A', '2015-01-01 00:00:00', '2015-01-01 00:00:00'), (705, 2, 43, '6.00', 5, 1, 1, 'A', '2015-01-01 00:00:00', '2015-01-01 00:00:00'), (706, 2, 35, '5.70', 1, 1, 1, 'A', '2015-01-01 00:00:00', '2015-01-01 00:00:00'), (707, 2, 35, '8.00', 2, 1, 1, 'A', '2015-01-01 00:00:00', '2015-01-01 00:00:00'), (708, 2, 35, '9.45', 3, 1, 1, 'A', '2015-01-01 00:00:00', '2015-01-01 00:00:00'), (709, 2, 35, '4.00', 4, 1, 1, 'A', '2015-01-01 00:00:00', '2015-01-01 00:00:00'), (710, 2, 35, '10.00', 5, 1, 1, 'A', '2015-01-01 00:00:00', '2015-01-01 00:00:00'); -- ---------------------------------------------------------- Estructura de tabla para la tabla `cursos` -CREATE TABLE IF NOT EXISTS `cursos` ( `cur_id` int(11) NOT NULL, `cur_des` varchar(20) NOT NULL,

161

`doc_id` int(11) NOT NULL, `cur_niv` smallint(6) NOT NULL, `cur_tip` smallint(6) NOT NULL COMMENT 'Tipo del curso: General Básica (0), Primero de Bachillerato en Ciencias (1), Segundo de Bachillerato en Ciencias (2), Tercero de Bachillerato en Ciencias (3), Primero de Bachillerato Técnico (4), Segundo de Bachillerato Técnico (5), Tercer de Bachillerato Técnico (6)', KEY `doc_id` (`doc_id`), KEY `doc_id_2` (`doc_id`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1; --- Volcado de datos para la tabla `cursos` -INSERT INTO `cursos` (`cur_id`, `cur_des`, `doc_id`, `cur_niv`, `cur_tip`) VALUES (1, 'Primero', 1, 1, 0), (2, 'Segundo', 2, 2, 0), (3, 'Tercero', 3, 3, 0), (5, 'Quinto', 5, 5, 0), (7, 'Séptimo', 7, 7, 0), (8, 'Octavo', 8, 8, 0), (9, 'Noveno', 9, 9, 0), (4, 'Cuarto', 4, 4, 0), (6, 'Sexto', 6, 6, 0), (10, 'Décimo uno', 10, 10, 0), (11, 'Primero BGU', 11, 11, 1), (12, 'Segundo BGU', 12, 12, 2), (13, 'Tercero BGU', 13, 13, 3), (14, 'Primero Informática', 14, 11, 4), (15, 'Segundo Informática', 15, 12, 5), (16, 'Tercero Informática', 16, 13, 6), (17, 'Primero Contabilidad', 17, 11, 4), (18, 'Segundo Contabilidad', 18, 12, 5), (19, 'Tercero Contabilidad', 19, 13, 6); -- --------------------------------------------------------

162

-- Estructura de tabla para la tabla `docentes` -CREATE TABLE IF NOT EXISTS `docentes` ( `doc_id` int(11) NOT NULL COMMENT 'Docente medio tiempo: False (Tiempo completo), True (Medio Tiempo)', `doc_cedpas` varchar(20) NOT NULL, `doc_nom` varchar(45) NOT NULL, `doc_ape` varchar(45) NOT NULL, `usu_id` int(11) NOT NULL, `doc_med` tinyint(1) NOT NULL DEFAULT '0' COMMENT 'Docente medio tiempo: 0 (Tiempo completo), 1 (Medio Tiempo)' ) ENGINE=InnoDB DEFAULT CHARSET=latin1; --- Volcado de datos para la tabla `docentes` -INSERT INTO `docentes` (`doc_id`, `doc_cedpas`, `doc_nom`, `doc_ape`, `usu_id`, `doc_med`) VALUES (1, '1234567890', 'Carlos', 'Guzman', 1, 0), (2, '1234567891', 'Mario', 'Jimenez', 10, 0), (3, '1234567892', 'Fabricio', 'Huertas', 2, 0), (4, '1234567893', 'Conchita', 'Bazurto', 3, 0), (5, '1234567894', 'Miguel Angel', 'Rodriguez', 4, 0), (7, '1234567896', 'Andrea', 'Nu単ez', 6, 0), (8, '1234567897', 'Juan Carlos', 'Trujillo', 7, 0), (9, '1234567898', 'Samuel', 'Zambrano', 8, 0), (10, '1234567899', 'Alejandro', 'Sanchez', 9, 0), (6, '1234567895', 'Carlos', 'Gutierrez', 5, 0), (11, '0987654321', 'Gabriela', 'Bernal', 11, 0), (12, '0987654322', 'Luis Alberto', 'Jumbo', 12, 0), (13, '0987654323', 'Fernando', 'Corella', 13, 0), (14, '0987654324', 'Zoila', 'Sanchez', 14, 0), (15, '0987654325', 'Martha', 'Hurtado', 15, 0), (16, '0987654326', 'Francisco', 'Escudero', 16, 0),

163

(17, '0987654327', 'Marcos', 'Davalos', 17, 0), (18, '0987654328', 'Jaime', 'Aceldo', 18, 0), (19, '0987654329', 'Luis Miguel', 'Fernandez', 19, 0), (20, '0987654331', 'Julio', 'Hernandez', 20, 0), (21, '0987654332', 'Pablo', 'Coloma', 21, 0), (22, '0987654333', 'Yaneth', 'Jumbo', 22, 0), (29, '0987654334', 'Karina', 'Gutierrez Martinez', 29, 1), (30, '0987654335', 'Ramiro', 'Gaibor', 30, 1), (31, '0987654336', 'Alberto', 'Macas', 31, 0), (26, '0987654337', 'Damian', 'Macias', 26, 0), (23, '1724099930', 'Jose Antonio', 'Bonilla', 23, 0), (24, '1722222222', 'Andres', 'Garcia', 24, 0), (25, '34532124', 'Milton', 'Andrade', 25, 0), (27, '81703269231', 'Jairo', 'Blanquicet', 27, 0), (28, 'cyoong', 'Carlos', 'Yoong', 28, 0); -- ---------------------------------------------------------- Estructura de tabla para la tabla `estudiantes` -CREATE TABLE IF NOT EXISTS `estudiantes` ( `est_id` int(11) NOT NULL, `est_cedpas` varchar(13) NOT NULL, `est_codmat` int(11) NOT NULL COMMENT 'Código secuencial de matrícula del estudiante', `est_nomcom` varchar(50) NOT NULL, `est_apecom` varchar(50) NOT NULL, `est_nomaperep` varchar(80) NOT NULL COMMENT 'Nombre y apellido del representante', `est_cedpasrep` varchar(13) NOT NULL COMMENT 'Cédula/Pasaporte del representante', `est_nivcor` smallint(6) NOT NULL COMMENT 'Nivel al que corresponde el estudiante' ) ENGINE=InnoDB DEFAULT CHARSET=latin1;

164

-- Volcado de datos para la tabla `estudiantes` -INSERT INTO `estudiantes` (`est_id`, `est_cedpas`, `est_codmat`, `est_nomcom`, `est_apecom`, `est_nomaperep`, `est_cedpasrep`, `est_nivcor`) VALUES (15, '', 1, 'VICTORIA ANALIA', 'ABENDAÑO RENDON', '', '0802375733', 0), (189, '', 2, 'MAYERLI MISHELLE', 'ACOSTA CEDEÑO', '', '1712801412', 0), (469, '', 3, 'PABLO ANDRES', 'AGUILAR AREQUIPA', '', '1710150861001', 0), (283, '', 4, 'JOSUHE MICHAEL', 'BARAHONA ALCIVAR', '', '1716611338', 0), (404, '', 5, 'JAROK MAURICIO', 'BARBERAN NUÑEZ', '', '1715775944', 0), (405, '', 6, 'MARÍA BEATRIZ', 'BARCIA CARREÑO', '', '1305286666', 0), (67, '', 7, 'PATRICIO FERNANDO', 'CABEZAS SANCHEZ', '', '1001735073', 0), (312, '', 8, 'MARTHA JULEIDY', 'CAGUA ANDRADE', '', '801829706', 0), (279, '', 9, 'ARANCHA NOELIA', 'CALDERON BASTIDAS', '', '1710746395', 0), (349, '', 10, 'ERICK JOEL', 'DELGADO ALCIVAR', '', '1715323802001', 0), (94, '', 11, 'KERLY MISHEL', 'DIEZ SOLORZANO', '', '1713848503', 0), (95, '', 12, 'LEYTON JOEL', 'DOMINGUEZ ARTEAGA', '', '0802992784', 0), (432, '', 13, 'KAREN PATRICIA', 'EGAS MERA', '', '1712187879', 0), (316, '', 14, 'CESAR ALFREDO', 'ENDERICA CEVALLOS', '', '1306117449001', 0), (411, '', 15, 'JORGE ALBERTO', 'ENDERICA CEVALLOS', '', '1306117449001', 0), (172, '', 16, 'MARÍA ANAHI', 'FALCONES AVILA', '', '1711813046', 0), (243, '', 17, 'JARITZA AGUSTINA', 'FALCONES BURGOS', '', '0916125313', 0), (252, '', 18, 'ROBERT ANTHONY', 'FALCONES CAGUA', '', '1711820942', 0), (2, '', 19, 'Ivonne Alisson', 'Torres Aviles', '', '1722092069', 0); -- ---------------------------------------------------------- Estructura de tabla para la tabla `matriculas` -CREATE TABLE IF NOT EXISTS `matriculas` ( `mat_id` bigint(20) unsigned NOT NULL AUTO_INCREMENT, `prd_id` int(11) NOT NULL, `cur_id` smallint(11) NOT NULL,

165

`est_id` int(11) NOT NULL, `mat_fec` datetime NOT NULL, `bec_id` int(11) NOT NULL, UNIQUE KEY `mat_id` (`mat_id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci AUTO_INCREMENT=9 ; --- Volcado de datos para la tabla `matriculas` -INSERT INTO `matriculas` (`mat_id`, `prd_id`, `cur_id`, `est_id`, `mat_fec`, `bec_id`) VALUES (1, 2014, 5, 432, '0000-00-00 00:00:00', 0), (2, 2014, 5, 411, '2015-01-22 00:00:00', 0), (3, 2014, 5, 316, '2015-01-22 00:00:00', 0), (5, 2014, 5, 283, '2015-01-01 00:00:00', 456), (6, 2014, 5, 15, '2015-01-01 00:00:00', 23), (7, 2014, 5, 94, '2015-01-01 00:00:00', 238), (8, 2014, 5, 252, '2015-01-01 00:00:00', 564), (432, 2014, 5, 189, '2015-01-01 00:00:00', 34); -- ---------------------------------------------------------- Estructura de tabla para la tabla `tb_archivos` -CREATE TABLE IF NOT EXISTS `tb_archivos` ( `id` int(10) NOT NULL AUTO_INCREMENT, `nombre` varchar(80) NOT NULL, `titulo` varchar(80) NOT NULL, `contenido` mediumblob NOT NULL, `tipo` varchar(80) NOT NULL, `cur_id` int(11) NOT NULL, `asi_id` int(11) NOT NULL,

166

PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=55 ;

-- ---------------------------------------------------------- Estructura de tabla para la tabla `tb_usual` -CREATE TABLE IF NOT EXISTS `tb_usual` ( `al_id` int(11) NOT NULL, `al_nick` varchar(40) COLLATE utf8_spanish_ci NOT NULL, `al_clave` varchar(60) COLLATE utf8_spanish_ci NOT NULL, `id_perfil` int(11) NOT NULL, PRIMARY KEY (`al_id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci; --- Volcado de datos para la tabla `tb_usual` -INSERT INTO `tb_usual` (`al_id`, `al_nick`, `al_clave`, `id_perfil`) VALUES (1, 'delita', '83007ab0b22d51bc6cfa53fc21787257', 2), (2, 'ivon', '21a90576cdd229da90f01f255dd229a8', 2), (5, 'adminLuis', 'e6ba4060d7bc5a577715be0c5352a6f1', 3), (15, 'cesar', '6f597c1ddab467f7bf5498aad1b41899', 2), (189, 'may', '9a4b6f884971dcb4a5172876b335baab', 2), (252, 'robert', '684c851af59965b680086b7b4896ff98', 2), (283, 'ssf', 'eab71244afb687f16d8c4f5ee9d6ef0e', 0), (316, 'soledad', 'd49fab26ac2dfc1970ae462229264f35', 2), (404, '', '', 0), (411, 'eloy', 'e2fefce7c800dc06e21b9546c9f89b84', 2), (432, 'paulina', '1a9293c661b533d7f975d69380df11fb', 2);

167

-- ---------------------------------------------------------- Estructura de tabla para la tabla `tb_usuarios` -CREATE TABLE IF NOT EXISTS `tb_usuarios` ( `usu_id` int(11) NOT NULL AUTO_INCREMENT, `usu_nick` varchar(30) COLLATE utf8_spanish_ci NOT NULL, `usu_clave` varchar(60) COLLATE utf8_spanish_ci NOT NULL, `id_perfil` varchar(20) COLLATE utf8_spanish_ci NOT NULL, `usu_nombre` varchar(50) COLLATE utf8_spanish_ci NOT NULL, `usu_apellido` varchar(50) COLLATE utf8_spanish_ci NOT NULL, `usu_cedula` int(10) NOT NULL, `usu_email` varchar(40) COLLATE utf8_spanish_ci NOT NULL, PRIMARY KEY (`usu_id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci AUTO_INCREMENT=5 ; --- Volcado de datos para la tabla `tb_usuarios` -INSERT INTO `tb_usuarios` (`usu_id`, `usu_nick`, `usu_clave`, `id_perfil`, `usu_nombre`, `usu_apellido`, `usu_cedula`, `usu_email`) VALUES (1, 'edisong', '81dc9bdb52d04dc20036dbd8313ed055', '1', 'Edison Ramon', 'Guerrero Rojas', 1722092069, 'erguerreror@sscclcd.edu.ec'), (2, 'delita', 'e16866458c9403fe9fb3df93bd4b3a41', '2', 'Delia Paulina', 'Guzmรกn Vargas', 1722092069, 'dpaulina20@scclc.eduec'), (3, 'soledad', '83007ab0b22d51bc6cfa53fc21787257', '1', 'Aida Soledad', 'Vargas Morejon', 501156822, 'adia-soledad@hotmail.com'), (4, 'paulina', '1a9293c661b533d7f975d69380df11fb', '1', 'Paulina', 'Vargas', 1722092069, 'adsdv@gos.com'); -- ---------------------------------------------------------

168

-- Estructura de tabla para la tabla `tipo_usu` -CREATE TABLE IF NOT EXISTS `tipo_usu` ( `id_perfil` int(11) NOT NULL AUTO_INCREMENT, `usu_perfil` varchar(20) NOT NULL, PRIMARY KEY (`id_perfil`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ; --- Volcado de datos para la tabla `tipo_usu` -INSERT INTO `tipo_usu` (`id_perfil`, `usu_perfil`) VALUES (1, 'Docente'), (2, 'Alumno'), (3, 'Administrador'); /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */; /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */; /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

169

ANEXO 13 ACTA DE CAPACITACIÓN WEBMASTER Y JEFE DE ÁREA INFORMÁTICA

170

ANEXO 14 MODELO ENTIDAD RELACIÓN SISTEMA DE GESTIÓN ACADÉMICA