Desarrollo de una página web dinámica para la gestión de notas by Pontificia Universidad Católica del Ecuador sede Santo Domingo PUCE SD

PONTIFICIA UNIVERSIDAD CATÓLICA DEL ECUADOR SEDE SANTO DOMINGO

Dirección Académica - Escuela de Sistemas

DESARROLLO DE UNA PÁGINA WEB DINÁMICA PARA LA GESTIÓN DE NOTAS E INFORMACIÓN DE LA UNIDAD EDUCATIVA CIUDAD DE CARACAS DEL CANTÓN SANTO DOMINGO EN EL AÑO 2013

Disertación de Grado previa a la obtención del título de Ingeniero(a) de Sistemas y Computación

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

Autores: MAYRA ALEJANDRA AVILES FUEL JAIME DANIEL VIZUETE LARA

Director: Ing. MARGOTH ELISA GUARACA MOYOTA

Santo Domingo – Ecuador Febrero, 2015

PONTIFICIA UNIVERSIDAD CATÓLICA DEL ECUADOR SEDE SANTO DOMINGO

Dirección Académica - Escuela de Sistemas

HOJA DE APROBACIÓN

DESARROLLO DE UNA PÁGINA WEB DINÁMICA PARA LA GESTIÓN DE NOTAS E INFORMACIÓN DE LA UNIDAD EDUCATIVA CIUDAD DE CARACAS DEL CANTÓN SANTO DOMINGO EN EL AÑO 2013 Línea de Investigación: Estudio, Diseño e Implementación de Software

Autores: MAYRA ALEJANDRA AVILES FUEL JAIME DANIEL VIZUETE LARA

Ing. Margoth Elisa Guaraca Moyota DIRECTOR DE LA DISERTACIÓN DE GRADO

Ms. Rodolfo Sirilo Córdova Gálvez CALIFICADOR

Ms. Adrián Rolando Cevallos Dueñas CALIFICADOR

Ms. Rodolfo Sirilo Córdova Gálvez DIRECTOR DE LA ESCUELA DE SISTEMAS Santo Domingo – Ecuador Febrero, 2015

iii

DECLARACIÓN DE AUTENTICIDAD Y RESPONSABILIDAD

Yo, Mayra Alejandra Avilés Fuel portadora de la cédula de ciudadanía Nº 171679091-8 declaro que los resultados obtenidos en la investigación que presento como informe final, previo a la obtención del Grado de Ingeniera(o) 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.

Mayra Alejandra Avilés Fuel CC 171679091-8

DECLARACIÓN DE AUTENTICIDAD Y RESPONSABILIDAD

Yo, Jaime Daniel Vizuete Lara portador de la cédula de ciudadanía Nº 171460113-3 declaro que los resultados obtenidos en la investigación que presento como informe final, previo a la obtención del Grado de Ingeniero(a) de Sistemas y Computación son absolutamente originales, auténticos y personales.

Jaime Daniel Vizuete Lara CC 171460113-3

AGRADECIMIENTO A través del tiempo, la vida te va enseñando que todos tus sueños, metas y anhelos se van cumpliendo con la ayuda de las personas que te quieren, esas personas que con su apoyo incondicional y su amor hacen que luches por tus ideales. A mis padres con amor, gracias por estar conmigo siempre. A nuestro Director de Escuela Ms. Rodolfo Córdova por su apoyo, por su tiempo, y por compartir sus conocimientos a lo largo de nuestra carrera universitaria no solo como maestro sino como amigo. A nuestra Directora de Tesis Ing. Margoth Guaraca por sus sabios consejos, su paciencia que nos ayudaron a culminar con éxito esta disertación. A Daniel por ser constante paciente comprensivo y principalmente mi amigo quien no me dejo sola en ningún momento.

Mayra Avilés.

AGRADECIMIENTO A Dios, por darme la vida y salud para culminar con éxito esta etapa profesional. Por la paciencia otorgada para no desistir en el intento y principalmente por una hermosa familia y amigos. A mis padres, por ser el pilar fundamental en todo lo que soy, todo este trabajo ha sido posible gracias a ellos, de manera especial a mi madre, ahora me toca regresar un poquito de todo lo inmenso que me has dado, con todo cariño esta disertación te la dedico. A mi hija, por a su corta edad sacrificar su tiempo por yo cumplir con el mío, tienes el don de llenar mi corazón de alegría con tus risas. A mis hermanas, que siempre estuvieron ahí para brindarme palabras de aliento y apoyo incondicional. A mis docentes que durante mi carrera universitaria supieron inculcar adecuadas enseñanzas, lecciones y experiencias que influyeron para prepararme como una persona de bien. Al Ms. Rodolfo Córdova, Director de la Escuela de Sistemas, por compartir

sus

experiencias y sabiduría. A mi Directora de Tesis Ing. Margoth Guaraca por su paciencia y su tiempo que impulsó a la culminación de esta disertación. A la Unidad Educativa Ciudad de Caracas que permitió y facilito el desarrollo del proyecto. Por lo que aprendí y lo que gane, gracias. Jaime Daniel Vizuete

vii

DEDICATORIA A mis padres, y hermanas por su amor, por su apoyo incondicional, a mi querido hijo que con su llegada me ha inspirado para culminar mi carrera universitaria. A mi compaĂąero, amigo y amado esposo Welington. Los amo.

Mayra AvilĂŠs

viii

DEDICATORIA A mi madre, María, mi padre, Jaime , mi hija, Alejandra, mis hermanas, Verónica y Belén; amarlos tanto.

Jaime Daniel Vizuete

RESUMEN

El presente Proyecto de Disertación de Grado tiene como fin el contribuir a solucionar la problemática que existe en cuanto a difusión de la información en la Unidad Educativa Ciudad de Caracas, desarrollando una página web dinámica para la gestión de notas e información de la Institución; optimizando el proceso de gestión de la información tanto académica, como institucional. Para el desarrollo de la página web dinámica se utilizó el lenguaje PHP, mismo que permite acceder de una manera segura y confiable a la información almacenada en una base de datos de MySQL y apoyados en la metodología de Prototipos para diseño de software; con el levantamiento de la información se diseñó y desarrolló la página web pudiendo presentar bosquejos del mismo a los miembros de la Unidad Educativa quienes nos aportaron con ideas sugerencias y cambios para culminar este proyecto.

ABSTRACT

The current dissertation project has as aim contributing to solve the problem identified about the dissemination of information in Unidad Educativa Ciudad de Caracas, developing a dynamic web page for grades management and information of the institution; optimizing the process of management of academic information as well as institutional information. In order to the development of the dynamic web page it was used a PHP language, which permits to access in a safe and reliable way to the stored information in a MySQL database and supported in the methodology of Prototypes for software design; by gathering information the web page was designed and developed through outlines of the same one to members of the Educational Unit who supported with ideas, suggestions and modifications to finish this project.

ÍNDICE DE CONTENIDOS

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

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

2.1.

Antecedentes......................................................................................................... 3

2.2.

Problema de Investigación ................................................................................... 5

2.2.1.

Preguntas de Investigación ................................................................................... 6

2.3.

Justificación de la Investigación ........................................................................... 6

2.4.

Objetivos de Investigación ................................................................................... 8

2.4.1.

Objetivo General ................................................................................................... 8

2.4.2.

Objetivos Específicos............................................................................................ 8

MARCO REFERENCIAL ................................................................................ 9

3.1.

Revisión de la literatura o fundamentos teóricos ................................................. 9

3.1.1.

Base de Datos ....................................................................................................... 9

3.1.2.

Componentes de una Base de Datos .................................................................. 10

3.1.2.1.

Datos .................................................................................................................. 10

3.1.2.2.

Software ............................................................................................................. 10

3.1.2.3.

Hardware ............................................................................................................ 10

3.1.2.4.

Usuarios ............................................................................................................. 10

3.1.3.

Sistema Gestor de Base de Datos (SGBD) ........................................................ 10

3.1.4.

Niveles de Abstracción ...................................................................................... 11

3.1.4.1.

Nivel Físico ........................................................................................................ 11

xii

3.1.4.2.

Nivel Lรณgico ...................................................................................................... 12

3.1.4.3.

Nivel de Vistas ................................................................................................... 12

3.1.5.

Usuarios de una Base de Datos .......................................................................... 13

3.1.5.1.

Administrador de una Base de Datos (DBA) ..................................................... 13

3.1.5.2.

Programadores de Aplicaciones ......................................................................... 13

3.1.5.3.

Usuarios Normales ............................................................................................. 14

3.1.5.4.

Usuarios Sofisticados ......................................................................................... 14

3.1.6.

Lenguajes de Base de Datos .............................................................................. 14

3.1.6.1.

DDL (Data Definition Language) ...................................................................... 14

3.1.6.2.

DML (Data Manipulation Language) ................................................................ 15

3.1.6.3.

DCL (Data Control Language) .......................................................................... 15

3.1.6.4.

TC (Transaction Control) ................................................................................... 16

3.1.7.

Modelo de Datos ................................................................................................ 16

3.1.7.1.

Modelo Entidad Relaciรณn .................................................................................. 17

3.1.7.1.1

Entidad ............................................................................................................... 17

3.1.7.1.2

Atributo .............................................................................................................. 18

3.1.7.1.3

Relaciones .......................................................................................................... 18

3.1.7.1.4

Restricciones ...................................................................................................... 19

3.1.7.2.

Modelo Relacional ............................................................................................. 20

3.1.8.

Pรกgina Web ........................................................................................................ 20

3.1.8.1.

Pรกgina Web Estรกtica .......................................................................................... 21

xiii

3.1.8.2.

Página Web Dinámica........................................................................................ 21

3.1.9.

World Wide Web ............................................................................................... 22

3.1.10.

Dominio ............................................................................................................. 22

3.1.10.1.

Dominio Genérico .............................................................................................. 22

3.1.10.2.

Dominio Territorial ............................................................................................ 23

3.1.11.

Internet ............................................................................................................... 23

3.1.12.

Navegadores ....................................................................................................... 23

3.1.13.

Web Hosting o Alojamiento Web ...................................................................... 24

3.1.13.1.

Tipos de Web Hosting ....................................................................................... 24

3.1.13.2.

Pautas ante la selección del Alojamiento Web .................................................. 25

3.1.14.

Arquitectura Cliente - Servidor.......................................................................... 25

3.1.14.1.

Cliente ................................................................................................................ 25

3.1.14.2.

Servidor .............................................................................................................. 26

3.1.15.

Servidor Web ..................................................................................................... 26

3.1.16.

Protocolo TCP/IP ............................................................................................... 27

3.1.17.

Protocolo de Transferencia de Archivos FTP .................................................... 27

3.1.18.

Lenguaje PHP .................................................................................................... 28

3.1.19.

MySQL .............................................................................................................. 28

3.1.20.

Procesos de software .......................................................................................... 29

3.1.21.

Modelos de procesos de software ...................................................................... 30

3.1.21.1.

Modelo en cascada ............................................................................................. 30

xiv

3.1.21.2.

Modelo en espiral ............................................................................................... 31

3.1.21.3.

Modelo de prototipo ........................................................................................... 32

3.1.21.4.

Modelo de desarrollo incremental ..................................................................... 34

3.1.22.

Arquitectura modelo vista controlador MVC .................................................... 35

3.1.23.

Cake PHP ........................................................................................................... 36

3.2.

Investigaciones o experiencias empíricas vinculadas con la investigación....... 37

METODOLOGÍA DE LA INVESTIGACIÓN............................................. 39

4.1.

Diseño / Tipo de investigación .......................................................................... 39

4.1.1.

Diseño de Investigación ..................................................................................... 39

4.1.2.

Tipo de Investigación ......................................................................................... 39

4.1.2.1.

Investigación Aplicada...................................................................................... 39

4.1.2.2.

Investigación de Campo .................................................................................... 40

4.1.2.3.

Investigación Documental ................................................................................. 40

4.1.2.4.

Investigación Descriptiva................................................................................... 41

4.1.2.5.

Investigación Proyectiva .................................................................................... 41

4.2.

Población / Universo ......................................................................................... 42

4.3.

Muestra .............................................................................................................. 42

4.3.1.

Muestreo Probabilístico ..................................................................................... 44

4.3.1.1.

Muestreo estratificado ........................................................................................ 44

4.4.

Instrumentos de recogida de datos .................................................................... 46

4.4.1.

Entrevista ........................................................................................................... 46

4.4.2.

Encuesta ............................................................................................................. 47

4.5.

Técnicas de Análisis de Datos ........................................................................... 48

4.6.

Modelo de Prototipo .......................................................................................... 49

4.6.1.

Establecimiento de objetivo del prototipo ......................................................... 49

4.6.2.

Definición de la funcionalidad del prototipo ..................................................... 50

4.6.3.

Desarrollo del prototipo ..................................................................................... 50

4.6.4.

Evaluación del prototipo .................................................................................... 50

RESULTADOS ................................................................................................ 51

5.1.

Análisis y Discusión de los resultados .............................................................. 51

5.1.1.

Entrevista aplicada al director de la UECC ....................................................... 51

5.1.1.1.

Análisis de la entrevista aplicada al director de la UECC ................................. 51

5.1.2.

Encuesta aplicada a la población de la UECC ................................................... 53

5.1.2.1.

Tabulación y análisis de la información ............................................................ 53

5.1.3.

Desarrollo del modelo del prototipo para la página web dinámica de la UECC62

5.1.3.1.

Establecimiento de objetivos del prototipo ........................................................ 63

5.1.3.2.

Definición de la funcionalidad del prototipo ..................................................... 63

5.1.3.3.

Desarrollo del prototipo ..................................................................................... 67

5.1.3.4.

Evaluación del prototipo .................................................................................... 73

5.1.3.4.1

Entrega de la página web ................................................................................... 74

5.2.

Conclusiones...................................................................................................... 82

5.3.

Límites y Recomendaciones .............................................................................. 83

xvi

ÍNDICE DE TABLAS Tabla 1.

Actividades fundamentales para la ingeniería de software .................................... 29

Tabla 2.

Ventajas desventajas del modelo de prototipo. ...................................................... 34

Tabla 3.

Subtipos de Investigación documental .................................................................. 40

Tabla 4.

Cálculo de la muestra para la población de la Unidad Educativa Ciudad de

Caracas ..................................................................................................................................... 43 Tabla 5.

Calculo de la asignación proporcional en la población objetivo ........................... 46

Tabla 6.

Tipos de preguntas del cuestionario....................................................................... 47

Tabla 7.

Recomendaciones para formular las preguntas ..................................................... 48

Tabla 8.

Análisis de la pregunta #1 ...................................................................................... 53

Tabla 9.

Análisis de la pregunta #2 ...................................................................................... 54

Tabla 10. Análisis de la pregunta #3 ...................................................................................... 55 Tabla 11. Análisis de la pregunta #4 ...................................................................................... 56 Tabla 12. Análisis de la pregunta #5 ...................................................................................... 57 Tabla 13. Análisis de la pregunta #6 ...................................................................................... 58 Tabla 14. Análisis de la pregunta #7 ...................................................................................... 59 Tabla 15. Análisis de la pregunta #8 ...................................................................................... 60 Tabla 16. Análisis de la pregunta #9 ...................................................................................... 61 Tabla 17. Análisis de la pregunta #10 .................................................................................... 62

xvii

ÍNDICE DE FIGURAS Figura 1.

Los tres niveles de abstracción de datos ................................................................ 12

Figura 2.

Representación de las entidades del modelo entidad relación............................... 18

Figura 3.

Representación de los atributos del modelo entidad relación ............................... 18

Figura 4.

Representación de las relaciones del modelo entidad relación ............................. 19

Figura 5.

Representación del Modelo Entidad Relación ...................................................... 19

Figura 6.

Representación del Modelo Relacional ................................................................. 20

Figura 7.

Proceso de solicitar página web ............................................................................ 24

Figura 8.

Arquitectura Cliente Servidor................................................................................ 26

Figura 9.

Protocolo de transferencia de archivos FTP .......................................................... 27

Figura 10. Logo de MySQL .................................................................................................... 29 Figura 11. Modelo de ciclo de vida en cascada ...................................................................... 31 Figura 12. Modelo de ciclo de vida en espiral ........................................................................ 32 Figura 13. Modelo de proceso de desarrollo de prototipo ...................................................... 33 Figura 14. Modelo de ciclo de vida de desarrollo incremental ............................................... 35 Figura 15. Arquitectura MVC ................................................................................................. 36 Figura 16. Logo de CakePHP ................................................................................................. 37 Figura 17. Fórmula para calcular el tamaño de la muestra ..................................................... 42 Figura 18. Clasificación del muestreo probabilístico ............................................................. 44 Figura 19. Segmentación de la población objetivo ................................................................. 45 Figura 20. Resultado de la tabulación de la pregunta número 1 ............................................. 53 Figura 21. Resultado de la tabulación de la pregunta número 2 ............................................. 54 Figura 22. Resultado de la tabulación de la pregunta número 3 ............................................. 55 Figura 23. Resultado de la tabulación de la pregunta número 4 ............................................. 56

xviii

Figura 24. Resultado de la tabulación de la pregunta número 5 ............................................. 57 Figura 25. Resultado de la tabulación de la pregunta número 6 ............................................. 58 Figura 26. Resultado de la tabulación de la pregunta número 7 ............................................. 59 Figura 27. Resultado de la tabulación de la pregunta número 8 ............................................. 60 Figura 28. Resultado de la tabulación de la pregunta número 9 ............................................. 61 Figura 29. Resultado de la tabulación de la pregunta número 10 ........................................... 62 Figura 30. Bosquejo de la página web - HOME ..................................................................... 63 Figura 31. Bosquejo de la página web –NOTICIAS .............................................................. 64 Figura 32. Bosquejo de la página web – SOBRE NOSOTROS ............................................. 64 Figura 33. Bosquejo de la página web – SERVICIOS ........................................................... 65 Figura 34. Bosquejo de la página web – CONTÁCTENOS ................................................... 65 Figura 35. Bosquejo de la página web – Mapa de Sitio.......................................................... 66 Figura 36. Modelo relacional de la UECC.............................................................................. 68 Figura 37. Nodos de la página web ......................................................................................... 69 Figura 38. Código fuente de la clase grados ........................................................................... 70 Figura 39. Código fuente de la clase Estudiantes ................................................................... 71 Figura 40. Código fuente de la clase Asignaturas................................................................... 72 Figura 41. Código fuente de la clase Periodos ........................................................................ 73 Figura 42. Página web – HOME ............................................................................................. 75 Figura 43. Página web – NOTICIAS ...................................................................................... 76 Figura 44. Página web – SOBRE NOSOTROS - HISTORIA ............................................... 77 Figura 45. Página web – SERVICIOS – CONSULTA DE NOTAS ...................................... 78 Figura 46. Página web – CONTÁCTENOS ........................................................................... 79 Figura 47. Acceso al Centro de Aplicaciones ......................................................................... 80 Figura 48. Centro de Aplicaciones.......................................................................................... 81

xix

ÍNDICE DE ANEXOS ANEXO 1 SRS ESPECIFICACIÓN DE REQUERIMIENTOS .......................................... 90 ANEXO 2 ENTREVISTA AL DIRECTOR DE LA UECC .............................................. 101 ANEXO 3 ENCUESTA DIRIGIDA A ESTUDIANTES Y DOCENTES DE LA UECC 102 ANEXO 4

INFORME PRELIMINAR DE LA PÁGINA WEB DINÁMICA ................... 105

ANEXO 5 CAPACITACIÓN AL PERSONAL DE LA UECC ........................................ 109 ANEXO 6 CARTA DE IMPACTO .................................................................................... 110 ANEXO 7 ACTA ENTREGA – RECEPCIÓN DE LA PÁGINA WEB DINÁMICA ...... 111 ANEXO 8 MANUAL DE USUARIO - ADMINISTRADOR ........................................... 112 ANEXO 9 MANUAL DE USUARIO - DOCENTE .......................................................... 149 ANEXO 10 MANUAL DE USUARIO - ESTUDIANTE .................................................... 166 ANEXO 11 DICCIONARIO DE DATOS ........................................................................... 173 ANEXO 12 SCRIPT BASE DE DATOS UECC ................................................................. 180 ANEXO 13 MANUAL DE CONFIGURACIÓN................................................................. 193

INTRODUCCIÓN

Con el fin de contribuir a solucionar la problemática que existe en cuanto a difusión de la información en la Unidad Educativa Ciudad de Caracas, problemática que se ha dado por los cambios a que se han visto avocadas todas las instituciones de educación pública en el Ecuador; y teniendo la suficiente experticia en el uso y manejo de tecnología de punta, se propone desarrollar una página web dinámica. La presente disertación de grado tiene como objetivo general desarrollar una Página Web Dinámica para la Gestión de Notas e Información de la Unidad Educativa Ciudad de Caracas del Cantón Santo Domingo en el año 2013. Para la consecución de este gran objetivo, se tendrán que realizar varios objetivos específicos tales como: Analizar los requerimientos para el desarrollo de la página web dinámica; diseñar la página web dinámica cumpliendo el propósito del sitio; realizar el testeo del portal web en línea; realizar la respectiva documentación de la página web dinámica. Con la implantación de la Página Web Dinámica en la Unidad Educativa Ciudad de Caracas del Cantón Santo Domingo; se optimizará el proceso de gestión de la información tanto académica, como institucional. Para el diseño e implementación de la página web dinámica se utilizó el lenguaje de programación PHP, el mismo que permite acceder de una manera segura y confiable a la información almacenada en una base de datos de MySQL. El diseño de investigación que se utilizó para el desarrollo de la página web dinámica es el no experimental ya que las situaciones se encontraban en su contexto natural, lo que se realizó fueron observaciones a las situaciones existentes para proporcionar solución a sus problemas.

Para esta investigación fue necesario considerar varios tipos de investigación. La investigación aplicada se cumplió por medio de los conocimientos adquiridos durante la carrera universitaria; la investigación de campo se formalizó con entrevistas periódicas con las autoridades de la Unidad Educativa Ciudad de Caracas; la investigación documental contribuyó a la construcción del marco referencial; la investigación descriptiva nos permitió describir los antecedentes del problema, el problema de investigación y la justificación de la investigación; y la investigación proyectiva que por medio del uso de las tecnologías nos permitió cambiar la realidad de la Unidad Educativa Ciudad de Caracas, y dar solución a la problemática abordada en esta investigación. Se trabajó con una muestra de 309 estudiantes y 44 docentes, a los cuales se les aplicó una encuesta de satisfacción sobre la implantación de la página web dinámica. Esta Disertación de grado fue diseñada y desarrollada en 5 apartados. El primer apartado corresponde a la Introducción, en la cual se deja entrever del por qué y para qué de esta investigación. El segundo apartado corresponde al Planteamiento del problema, en el cual se indican los antecedentes, el problema de investigación, la justificación y los objetivos de la investigación. El tercer apartado corresponde al Marco Referencial, en el cual se presenta la fundamentación teórica de la investigación, además de las aportaciones personales de los investigadores. El cuarto apartado que corresponde a la metodología, en la cual se indica la forma en la que se llevó a cabo la investigación; poniendo énfasis en el diseño y tipo de investigación aplicada, el cálculo de la muestra, las técnicas e instrumentos de recolección de la información. Concluyendo con el apartado de los resultados, en el cual se realiza un análisis y discusión de resultados, además de las conclusiones y recomendaciones que realizan los investigadores.

2. 2.1.

PLANTEAMIENTO DEL PROBLEMA

Antecedentes

En 1924 se reúnen los colonos del Cantón Santo Domingo y realizan una minga, construyendo un canchón grande con pambil y techo de paja para que ahí funcione la escuela. En 1926 la Dirección Provincial de Educación de Pichincha designa a la primera maestra fiscal en la persona de Hortencia Ruilova Ortega de Jaramillo y junto con los colonos comienza la gestión para el desarrollo de la escuela. En 1939 labora el profesor Luis Chiriboga en el área de educación física, quien era de carácter fuerte y estricto, además, prestan los servicios como profesores los esposos Delfin Ruales y Lucrecia Galarza. El mismo año realizan una asamblea con Padres de Familia y moradores para ponerle nombre a la escuela y por unanimidad y en honor a la cuna del libertador Simón Bolívar decidieron llamarla Caracas. Con el nombre de un personaje histórico también llegó la ayuda de parte de miembros de la embajada Venezolana para la escuela haciéndose presentes con libros; en ese entonces la escuela funcionaba con cuatro grados y 80 niños. En 1941 se responsabilizan del plantel los esposos Manuel Ledesma y Amelia Paladines y debido al crecimiento de la población estudiantil realizan gestiones en la Dirección Provincial de Pichincha solicitando el incremento de docentes, es ahí cuando la escuela se divide en dos planteles, uno de niños con el nombre de Ciudad de Caracas y otro de niñas llamado 9 de Octubre.

Sigue la trayectoria del progreso de la institución, incrementándose alumnado y personal docente, lo que obliga al Ministerio de Educación a fraccionarlas en dos secciones, matutina y vespertina, cada una con su independencia administrativa. La sección vespertina adopta el nombre de Demetrio Aguilera Malta en honor al famoso escritor ecuatoriano y por medio de un oficio se le hace saber al Sr. Demetrio Aguilera Malta que la institución ha sido bautizada con su nombre e invitándole a visitarlos; es así que reciben una respuesta favorable. El 2 de mayo del 2013 según resolución No. 037-2013- FUSIÓN-MJA-CZ4-DPNF de la Coordinación Zona 4 del Ministerio de Educación resuelve que la Escuela Demetrio Aguilera Malta y Escuela Ciudad de Caracas se unifiquen y cambien su nombre a Unidad Educativa Ciudad de Caracas y que oferte los niveles de Educación Inicial y Educación General Básica que funcionará en las jornadas matutinas y vespertinas. Con la unificación llegaron también los inconvenientes, a continuación se enunciaran los mismos: 

Deficiencia en la comunicación entre personal docente, padres de familia y estudiantes.



La actualización de información personal que deben realizar los padres de familia, representantes y estudiantes.



Falta de interés por parte de los padres de familia sobre la institución.



Deficiencia en dar a conocer a los estudiantes y padres de familia los acontecimientos e historia de la institución.



Desconocimiento de los estudiantes y personal docente acerca de herramientas informáticas.



Ausencia de un correo institucional.



No existe una administración automatizada de notas.

La propuesta del desarrollo de una página web dinámica permitió interactuar al personal docente, estudiantes y padres de familia, de esta manera se fomentó la participación activa y mediante un sitio web dinámico y funcional administrar de forma automatizada el proceso de notas y dar a conocer la información concerniente acerca de la Unidad ducativa, sirviendo de puente para brindar una facilidad a los trámites institucionales.

2.2.

Problema de Investigación

La Unidad Educativa Ciudad de Caracas debido a la integración de la sección vespertina y matutina, sufrió graves problemas organizacionales en todo nivel, como estudiantiles, de docencia y de directorio; siendo el mal flujo de la comunicación la base para que tomen la decisión de innovar la gestión de la información y así poder interactuar con el resto de personas. Es así que con el desarrollo de la página web dinámica se ha promovido la vinculación con la colectividad, gestionando la información y el proceso de notas, que serán de beneficio para el personal docente, administrativo, estudiantes, padres de familia y comunidad. Para el desarrollo de la página web dinámica en la Unidad Educativa se efectuó la toma de requerimientos siguiendo la norma IEEE 830, por lo que se realizó el SRS

(Software

Requirements Specification / Especificación de Requerimientos del Software). El cual es un documento específico en el que se demuestra la estructura y funcionalidad de la página web mediante el desarrollo de los requerimientos funcionales.

Todo lo que se encuentra escrito en el SRS realiza el software, el propósito de esto fue que exista una correcta comunicación entre la Unidad Educativa y el desarrollador, así se evitaron desacuerdos entre las partes. 2.2.1.

Preguntas de Investigación 

¿Qué opinan los diferentes sectores de la comunidad de la Unidad Educativa Ciudad de Caracas sobre la implantación de una Página Web Dinámica para el proceso de gestión de la información tanto académica, como institucional?



¿La implantación de la Página Web Dinámica en la Unidad Educativa Ciudad de Caracas, ayudará a que el acceso a las notas de los estudiantes sea oportuna y confiable?



¿Cuáles son las ventajas que inciden en la difusión de la información tanto académica, como institucional en la Unidad Educativa Ciudad de Caracas?

2.3.

Justificación de la Investigación

En la actualidad las Unidades Educativas en el Cantón de Santo Domingo se están expandiendo, y debido al avance de las tecnologías y la exigencia por parte del gobierno de estar en interacción con las Tecnologías de la Información y Comunicación, la Unidad Educativa Ciudad de Caracas al ser una prestigiosa institución en el Cantón, decidió implementar una página web dinámica que le permita una mayor vinculación con la colectividad.

El proyecto de la presente disertación de grado denotó una gran expectativa en la institución y la comunidad Caraqueña puesto que se fomentó el uso de las tecnologías de la comunicación e información. El desarrollo de la página web dinámica contribuyó con el personal docente, administrativo, padres de familia y estudiantes siendo estos los beneficiarios directos y a la comunidad en general como beneficiario indirecto al poder mostrar información relevante sobre la Unidad Educativa. La Unidad Educativa Ciudad de Caracas dispone de equipos de computación, de igual manera cuentan con el servicio de internet con lo cual el sitio web fue técnicamente factible de desarrollarlo, además la implementación de la página web implico una serie de costos, como por ejemplo, costos de movilización para la toma de requerimientos, adquisición de host y dominio para la publicación y donde va a reposar la página web. Se cuenta con el recurso humano, los mismos que poseen los conocimientos necesarios para la administración de la página web dinámica. Considerando que la Unidad Educativa cuenta con la infraestructura tecnológica, técnica y humana; el proyecto es totalmente factible. La presente disertación de grado es viable ya que se dispone de los recursos humanos, financieros y materiales, además, la Unidad Educativa ha facilitado los permisos para obtener acceso a la información de esta manera poder entregar la página web dinámica en el tiempo que se ha estipulado en el cronograma. Con la implementación e implantación de este proyecto en la Unidad Educativa Ciudad de Caracas; se consiguen los siguientes impactos: a) Impacto tecnológico, por cuanto la comunidad de la Unidad Educativa Ciudad de Caracas hace uso de tecnología de punta para poder gestionar la información tanto académica como institucional.

b) Impacto Ecológico, por cuanto se dejaran de utilizar el papel para la comunicación de la información, lo que implica menos tala de árboles y menos uso de varios elementos químicos c) Impacto Social.- puesto que el beneficio no solo es para la comunidad de la Unidad Educativa, sino para la sociedad en general.

2.4.

Objetivos de Investigación

2.4.1.

Objetivo General

Desarrollar una Página Web Dinámica para la Gestión de Notas e Información de la Unidad Educativa Ciudad de Caracas del Cantón Santo Domingo en el año 2013. 2.4.2.

Objetivos Específicos 

Analizar los requerimientos para el desarrollo de la página web dinámica.



Diseñar la página web dinámica cumpliendo el propósito del sitio.



Desarrollar la página web dinámica de acuerdo a los indicadores registrados en el SRS.



Realizar el testeo del portal web en línea.



Realizar la entrega de la página web dinámica y documentación.

MARCO REFERENCIAL

3.1.

Revisión de la literatura o fundamentos teóricos

3.1.1.

Base de Datos

Es una colección de datos estructurados, organizados y relacionados entre sí. Datos e información no es lo mismo por lo que los datos atraviesan un proceso para convertirse en información, como consecuencia de este proceso se obtiene información relevante para cualquier empresa o institución. Las características de las bases 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 auditoría.



Respaldo y recuperación.



Acceso a través de lenguajes de programación estándar.

3.1.2.

Componentes de una Base de Datos

3.1.2.1. Datos Los datos están interrelacionados entre sí y es el elemento fundamental de la base de datos, los mismos que hay que procesarlos y transformarlos ya que por sí solos no aportan conocimiento. 3.1.2.2. Software Sistema Gestor de Base de Datos (SGDB) es el software que permite acceder y gestionar los datos. Es un programa que permite acceder a la información que ha sido almacenada y de manera eficiente recuperarla. El sistema gestor de base de datos se diseña para gestionar grandes cantidades de información. 3.1.2.3. Hardware Conjunto de dispositivos físicos que permiten almacenar, procesar y comunicar los datos. Hace referencia a los dispositivos donde reside la base de datos, dispositivos de entrada y de salida y la misma computadora en sí. 3.1.2.4. Usuarios Es el personal que interactúa con el sistema. Existen diferentes tipos de usuario diferenciados por la forma como interactúan con el sistema. 3.1.3.

Sistema Gestor de Base de Datos (SGBD)

Para María Victoria Nevado Cabello (2010) el Sistema Gestor de Base de Datos: Es el software que permite a los usuarios procesar, describir, administrar y recuperar los datos almacenados en una base de datos. En estos sistemas se proporciona un conjunto coordinado de programas, procedimientos y lenguajes que permiten a los distintos usuarios realizar sus tareas habituales con los datos, garantizando además la seguridad de los mismos. (p. 25)

El Sistema Gestor de Base de Datos es diseñado para gestionar grandes cantidades de información, por lo que uno de los objetivos principales es proporcionar una visión abstracta de los datos a los usuarios. Es decir, oculta la complejidad de cómo se almacenan y mantienen los datos en el sistema. Un SGBD integra los siguientes componentes:

3.1.4.



DDL (Data Definition Language/Lenguaje de Definición de Datos).



DML (Data Manipulation Language/Lenguaje de Manipulación de Datos).



QL (Query Language/Lenguaje de Consulta). Niveles de Abstracción

Un objetivo del SGBD es permitir a los usuarios una visualización abstracta de los datos, por ello los desarrolladores han optado por los niveles de abstracción los cuales ocultan ciertos detalles de cómo almacenar y mantener los datos y permiten simplificar la interacción del sistema con los usuarios. 3.1.4.1. Nivel Físico Es el nivel más cercano a la máquina, es de interés para los administradores de la base de datos y los usuarios sofisticados. El nivel físico se encarga de reservar espacio para los datos, encriptación de datos, etc. Silberschatz, Korth y Sudarshan (2002) expresan que “el nivel más bajo de abstracción describe como se almacenan realmente los datos. En el nivel físico se describen en detalle las estructuras de datos complejas de bajo nivel” (p. 4).

3.1.4.2. Nivel Lógico Este nivel lógico o nivel conceptual se ocupa de los datos almacenados en la capa física y las relaciones entre ellos. Es de interés para los administradores de base de datos puesto que ellos deciden qué información se almacena en la base de datos. “El siguiente nivel más alto de abstracción describe que datos se almacenan en la base de datos y que relaciones existen entre esos datos” (Silberschatz et al, 2002, p.4). 3.1.4.3. Nivel de Vistas Es una vista de los datos de una base de datos. Visualiza ciertos datos del conjunto de datos que se encuentran almacenados en la base de datos que son de interés para ciertos usuarios y esconden el resto de la base de datos. Este nivel puede tener varias vistas y es el más cercano al usuario, al contrario del nivel lógico y conceptual que tienen un solo nivel. “El nivel más alto de abstracción describe solo parte de la base de datos completa” (Silberschatz et al, 2002, p.4).

Figura 1. Título: Los tres niveles de abstracción de datos Fuente: (Silberschatz, Korth y Sudarshan, 2002, p.4)

3.1.5.

Usuarios de una Base de Datos

En un sistema de base de datos intervienen un número importante de usuarios, se denominan usuarios de una base de datos pues se relacionan de manera recíproca con el sistema de base de datos, desde la persona que crea elabora, diseña, termina y usa. 3.1.5.1. Administrador de una Base de Datos (DBA) Es la persona que lleva un control centralizado de los datos y los programas que se utilizan para acceder a estos, además, garantiza la seguridad y operatividad de la base de datos. Poseen otras funciones que serán objeto de estudio más adelante. Entre las funciones de un DBA están: 

Definición de esquemas.



Definición de la estructura y del método de acceso.



Modificación del esquema y de la organización física.



Concesión de autorización para el acceso a los datos.



Mantenimiento rutinario.

3.1.5.2. Programadores de Aplicaciones Son los responsables de escribir programas de aplicación de base de datos, estos programas acceden mediante instrucciones en lenguaje declarativo de acceso a la base de datos SQL (Structured Query Lenguage / Lenguaje de Consulta Estructurado).

3.1.5.3. Usuarios Normales Son usuarios no sofisticados que interactúan con el sistema de base de datos mediante un programa o aplicación que fue desarrollada por los programadores de aplicaciones, permitiéndoles así consultar y actualizar datos. 3.1.5.4. Usuarios Sofisticados Interactúan con el sistema sin programas o aplicaciones, explorando los datos de la base de datos mediante instrucciones de Lenguaje de Manipulación de Datos (DML). 3.1.6.

Lenguajes de Base de Datos

Son lenguajes que permiten realizar diversos tipos de operaciones en la base de datos, es así que tenemos el lenguaje de definición de datos para especificar las estructuras y esquemas y el lenguaje de manipulación de datos para expresar las consultas a la base de datos y las modificaciones. 3.1.6.1. DDL (Data Definition Language) Acid, Marín, Medina, Pons y Vila (2009) define al Lenguaje de Definición de Datos (DDL) como un subconjunto del DSL (Data SubLanguage / Sub Lenguaje de Datos) destinado a la definición de estructuras de datos y esquemas en la BD. El Lenguaje de Definición de Datos permite precisar las estructuras donde se almacenaran los datos y al momento de consultarlos definir sus funciones y procedimientos. Las sentencias que incluye el DDL: 

CREATE: Permite crear nuevas base de datos, tablas, índices, usuarios o consulta almacenada.



ALTER: Permite realizar modificaciones a la estructura de un objeto.



DROP: Permite eliminar un objeto de la base de datos.



TRUNCATE: Permite borrar el contenido de una tabla.

3.1.6.2. DML (Data Manipulation Language) El Lenguaje de Manipulación de Datos (DML) es un subconjunto del DSL mediante el que podemos introducir datos en los esquemas, modificarlos, eliminarlos y consultarlos. También debe permitir consultar la estructura de los esquemas definidos en la BD (Acid et al, 2009: 25). El Lenguaje de Manipulación de Datos permite a los usuarios consultar, modificar, recuperar y manipular los datos que se encuentren en el Sistema Gestor de Base de Datos. Las sentencias que incluye el DML: 

SELECT: Permite consultar información almacenada en la base de datos.



INSERT: Permite insertar información a una tabla en una base de datos.



DELETE: Permite borrar información de una base de datos.



UPDATE: Permite actualizar información que se encuentra almacenada en la base de datos.

3.1.6.3. DCL (Data Control Language) El Lenguaje de Control de Datos incluye el control y la administración de la base de datos; su propósito es la seguridad de los datos y la calidad de los mismos, además del control del acceso de los usuarios a la base de datos. Los comandos que incluye el DCL: 

GRANT: permite dar permisos o privilegios a los usuarios para que accedan a la base de datos.



REVOKE: Permite eliminar los permisos o privilegios que fueron dados mediante el comando GRANT.

3.1.6.4. TC (Transaction Control) El lenguaje de Transacción de Control es un conjunto de órdenes que se ejecutan para permitir la integridad de los daos, permitiendo así que una transacción se cumpla en su totalidad mas no de forma parcial o en un estado intermedio. Los comandos que incluye el TC: 

COMMIT: Permite grabar la transacción que se ha realizado.



ROLLBACK: Permite deshacer los cambios que se han realizado.

3.1.7.

Modelo de Datos

Un modelo de datos es una herramienta conceptual que se emplea para especificar datos, relaciones entre ellos, su semántica asociada y restricciones de integridad. Lo que permite pasar de un tema complejo que está claramente definido en el ambiente real, a una representación relativamente sencilla, por lo general gráfica; un modelo permite satisfacer las necesidades del usuario final, representando de forma clara y no ambigua los elementos claves de los datos, en forma general es una abstracción de un objeto o hecho real más complejo. Los modelos de datos se pueden clasificar de acuerdo al nivel de abstracción de la siguiente manera: 

Modelo de Datos Conceptual: Fundamentalmente se usa en la etapa del Análisis, están orientados a la descripción de estructuras de datos y restricciones de integridad. Por ejemplo el modelo Entidad – Relación.



Modelo de Datos Lógicos: Más que a la descripción de la realidad se enfocan en las operaciones y están implementadas en el manejador de base de datos. Por ejemplo el Modelo Relacional.



Modelo de Datos Físicos: Son estructuras de datos a bajo nivel implementadas dentro del propio manejador de base de datos. Por ejemplo las estructuras de Hash, árboles B+, etc.

3.1.7.1. Modelo Entidad Relación Es el modelo de datos conceptual más utilizado que permite representar en un diseño la realidad del mundo y sus problemas. El modelo entidad relación permite describir la realidad mediante gráficos en los que se simbolizan la colección de objetos denominados entidades, sus atributos y como se relacionan entre sí. Los elementos del Modelo Entidad Relación (MER) son entidad, atributo, relación y restricciones; los mismos que se fundamentan de la siguiente manera. 3.1.7.1.1 Entidad Entidad es una persona, lugar, cosa o hecho que representa un objeto que existe en el mundo real y se distingue de las demás. Una entidad puede ser concreta como un libro, personas, productos, pero también existen entidades abstractas como rutas de vuelo, préstamos, etc. Existen entidades fuertes y entidades débiles, las entidades fuertes no dependen de otra entidad para existir, las débiles si necesitan, además, van relacionados con la entidad fuerte.

Las entidades se representan mediante un rectángulo.

ENTIDAD FUERTE

ENTIDAD DÉBIL

Figura 2. Título: Representación de las entidades del modelo entidad relación Fuente: M. Avilés – J. Vizuete

3.1.7.1.2 Atributo Atributo son las propiedades que caracterizan a las entidades. Un valor unívoco en el caso de la entidad cliente seria la cédula de identidad ya que no existiría en otro lugar un cliente con el mismo número de cédula, es así que los atributos poseen valores específicos asignados que permite diferenciar de las otras entidades. Los atributos se representan mediante una elipse.

ATRIBUTO

Figura 3. Título: Representación de los atributos del modelo entidad relación Fuente: M. Avilés – J. Vizuete

3.1.7.1.3 Relaciones Las relaciones son asociaciones entre dos o más entidades. Podremos tener relaciones unarias cuando una entidad se relaciona consigo mismo, binarias si dos entidades se relacionan y cuando tres entidades se relacionan entre sí, ternarias. Las relaciones se representan mediante un rombo, para su identificación dentro del mismo debe ir una expresión verbal.

VERBO

Figura 4. Título: Representación de las relaciones del modelo entidad relación Fuente: M. Avilés – J. Vizuete

3.1.7.1.4 Restricciones Las restricciones se aplican a los datos, las mismas son importantes porque ayudan asegurar la integridad de los datos. Las restricciones se expresan en forma de reglas, por ejemplo: 

El salario de un empleado puede tener valores que están entre 600 a 3500.



El promedio de calificaciones de un estudiante puede estar entre 0 a 4 puntos



Una clase puede debe tener un y solo un maestro.

(Calos Coronel, Base de Datos, Diseño, Implementación y Administración, 2011)

Figura 5. Título: Representación del Modelo Entidad Relación Fuente: (http://www.esandra.com/mysql-i-introduccion-a-las-bases-de-datos-relacionales/)

3.1.7.2. Modelo Relacional Modelo Relacional está basado en la teoría matemática de conjuntos y su objetivo es mantener la independencia de la estructura lógica respecto al modo de almacenamiento. El modelo relacional tiene las siguientes características: 

Flexibilidad, cada usuario puede definir los datos como le convenga.



Uniformidad, todos los datos se representan de la misma forma en la base de datos.



Sencillez, para definir la base de datos y realizar consultas sobre la misma. (Pais, 2013)

Figura 6. Título: Representación del Modelo Relacional Fuente: (http://www.esandra.com/mysql-i-introduccion-a-las-bases-de-datos-relacionales/)

3.1.8.

Página Web

Son páginas electrónicas que poseen una gran cantidad de información ya sea de audio, video, imágenes, código fuente, texto, etc. Las mismas que se encuentran basadas en formato HTML (Hyper Text Markup Language / Lenguaje de Marcado de Hipertexto) para así adaptarse a la Word Wide Web. Para poder acceder y visualizarlas es necesaria la utilización de navegadores de internet.

Para el éxito de una página web se deberá tener en cuenta la diferencia entre un buen diseño o algo decorativo; la página web persigue un fin ya sea educativo, de negocios, o informativo, por tal razón el propósito de la misma debe estar bien definido. Antes de diseñar una página web se debe considerar los 3 aspectos: 

Identificar la Audiencia: Personas a las cuales está dirigida la página web, teniendo en cuenta este punto obtendremos una página para la audiencia correcta.



Evaluar el Contenido: La institución brindara esta información clara para que al momento de diseñar la página web tenga las categorías correctas no solo en fondo sino en forma.



Diseñar la Estructura: En esta fase los contenidos será categorizada.

3.1.8.1. Página Web Estática Fueron los primeros en aparecer en el internet y están codificados en el lenguaje HTML por lo que no permite interconectividad con el usuario, puesto que es estático no brinda mayor ventaja. Posee texto, imágenes, video, etc. Sin embargo no brinda la ventaja de actualizar la información que se encuentra almacenada en la página. Se encuentran alojadas en un servidor web y están formadas por un conjunto de páginas en formato HTML. 3.1.8.2. Página Web Dinámica Marcos López Sanz, Juan Manuel Vara Mesa, Jénifer Verde Marín, Diana Marcela Sánchez Fúquene, Jesús Javier Jiménez Hernandéz, Valeria de Castro Martínez, (2012) “Se refiere aquellas aplicaciones en las que la interacción del cliente con el recurso recibido por parte del servidor (página web) produce un cambio en la visualización del mismo” (p.16).

Las páginas web dinámicas son paginas HTML generadas a partir de lenguajes de programación o scripts que son ejecutados en el servidor web, es decir, su contenido está almacenado en una base de datos y por medio de lenguaje de programación se accede al servidor web, se realiza la petición y devuelve lo que se ha demandado. 3.1.9.

World Wide Web

Se la conoce como la web y su abreviatura es www, es un conjunto de documentos de hipertexto interconectados los cuales pueden ser accedidos a través de Internet. Mediante la utilización de programas denominados Navegadores permiten intercambiar información. 3.1.10. Dominio El dominio es único y remite a una sola dirección electrónica, esta es la que ubica una página web o sitio web en el internet, para mayor facilidad el dominio es el nombre del sitio web y lo usamos en lugar de usar una dirección IP que es más difícil de recordar. 3.1.10.1. Dominio Genérico Se refieren al tipo de organización. Ejemplo: 

.com (Compañía Comercial).



.org (Organización sin fines de lucro).



.edu (Instituciones Educativas).



.net (Servicios de Internet).



.gob (Organizaciones Gubernamentales).

3.1.10.2. Dominio Territorial Representan a cada país. Ejemplo: 

.es (España).



.ec (Ecuador).

3.1.11. Internet Es una red mundial de comunicaciones descentralizadas entre computadoras que permite mantener una comunicación continua con cualquier lugar del mundo, para esto utiliza el protocolo de comunicación TCP/IP. En el internet ningún elemento es más importante que otro y por la libertad de acceso que existe, permite la accesibilidad a la red mediante la utilización de un ordenador y una línea de comunicación, permitiendo así, conocer eventos que sucedan en cualquier lugar del mundo en tiempo real. 3.1.12. Navegadores Es un software que le permite al usuario navegar y mostrar páginas web, mediante este software podemos visualizar correos electrónicos, descargar archivos, buscar información. Básicamente lo que realiza el navegador una vez que se ha solicitado una página web este envía la petición a un servidor web, el cual responde la petición o las peticiones con los contenidos de la página web deseada. “Un navegador web está diseñado para hacer dos cosas bastante bien: poner en contacto dos ordenadores para pedir páginas web y luego mostrarlas en una ventana gráfica” (MacDonald, 2009: 29).

Figura 7. Título: Proceso de solicitar página web Fuente: (MacDonald, Matthew. (2009). Creación y diseño web. Anaya Multimedia)

3.1.13. Web Hosting o Alojamiento Web Web Hosting es un lugar en el disco duro de un servidor en el cual se puede tener archivos de cualquier tipo, aplicaciones y acceder a ellas mediante el internet; generalmente siempre debe estar asociado con un dominio. 3.1.13.1. Tipos de Web Hosting Free Web Hosting (Alojamiento Web gratuito): Tiene ciertas limitantes como el espacio de alojamiento y la conectividad, no se recomienda para negocios, pero es una buena opción para una página personal. 

Shared Hosting (Alojamiento Web Compartido): Se recomienda para empresas medianas, PYMES, ya que los precios son muy económicos al compartir el espacio en el servidor del proveedor del alojamiento web.



Reseller Hosting (Alojamiento Web Revendido): Es un servicio que depende de un tercero por tal razón no se recomienda ya que no ofrece las garantías de trabajar directamente con un proveedor de alojamiento Web.



Web Hosting Dedicados: El proveedor del Hosting asigna por completo un servidor a la empresa contratante.

3.1.13.2. Pautas ante la selección del Alojamiento Web 

Máximo Ancho de Banda.



Sistema Operativo que soportan los servidores.



Respaldo de información y con qué frecuencia lo realizan.



Soporte técnico que brinden.



Disponibilidad de idioma y horario para la ayuda técnica.



Servidores de respaldo.



Políticas de seguridad.

3.1.14. Arquitectura Cliente - Servidor Consiste en que el computador cliente solicite información al servidor, en el servidor se aloja información que puede ser extraída; un ejemplo claro que aloja un servidor es una página web. Dicho de otra forma los usuarios finales solicitan información al servidor de forma clara y precisa. 3.1.14.1. Cliente Es todo aquel requerimiento que se solicita al servidor, este puede convertirse en múltiples requerimientos que viajan a través de las redes hacia el servidor el cual convierte estos requerimientos en datos transparentes para el cliente.

3.1.14.2. Servidor Servidor es el proveedor de requerimientos que se conecta con los clientes a través de las redes LAN o WAN, es el que retorna los resultados al cliente que solicito el mismo.

Figura 8. Título: Arquitectura Cliente Servidor Fuente: (Pressman, Roger S. (2006). Ingeniería del Software, un enfoque práctico. McGraw-Hill)

3.1.15. Servidor Web Un servidor web no es más que un simple servidor de archivos. Los clientes se dirigen a este mediante el protocolo HTTP para obtener un recurso. Cuando el servidor lo encuentra extrae el nombre del recurso solicitado, lo busca y transmite con una respuesta HTTP al cliente. (Groussard, 2010:16)

Un servidor web es una maquina más potente que el computador de un cliente, el mismo que va a funcionar las 24 horas del día. Este se mantiene a la espera de peticiones que se realizan por medio de los navegadores y envía como respuesta una página web, una imagen, o cualquier información. Un servidor web no realiza ningún tratamiento en el recurso antes de transmitirlo al cliente.

3.1.16. Protocolo TCP/IP Internet utiliza el protocolo TCP/IP (Transmission Control Protocol / Internet Protocol – Protocolo de Control de Transmisión / Protocolo de Internet) el cual establece las reglas para que exista concordancia entre la comunicación. 3.1.17. Protocolo de Transferencia de Archivos FTP El protocolo de transferencia de archivos FTP (File Transfer Protocol / Protocolo de Transferencia de Archivos) según Joaquin Andreu (2011) es un servicio de administración de ficheros que permite multitud de acciones (subirlos, bajarlos, borrarlos, renombrarlos, moverlos, crear carpetas, borrar carpetas, etc.) independientemente de que los sistemas de archivos sean distintos” (p. 82).

Figura 9. Título: Protocolo de transferencia de archivos FTP Fuente: (Andreu, 2011, p. 82)

3.1.18. Lenguaje PHP Según Marcos López Sanz, Juan Manuel Vara Mesa, Jénifer Verde Marín, Diana Marcela Sánchez Fúquene, Jesús Javier Jiménez Hernandéz, Valeria de Castro Martínez, (2012) PHP “es un lenguaje de script interpretado en el lado del servidor utilizado para la generación de páginas web dinámicas, embebidas en páginas HTML y ejecutadas en el servidor. PHP no necesitas ser compilado para ejecutarse” (p.116). Cuenta con una alta comunidad de desarrolladores debido a su gratuidad, además es un lenguaje de código abierto diseñado especialmente para el desarrollo de aplicaciones web y con una relativa facilidad para ser aprendido. Para su correcto funcionamiento, es necesario que el servidor web (Apache o IIS) tenga instaladas las librerías PHP. 3.1.19. MySQL MySQL es un sistema de gestión de base de datos relacional, multihilo y multiusuarios, utilizado en aplicaciones web como PhP, en plataformas Linux, Windows es decir multiplataforma, entre sus características principales tenemos: 

MySQl está escrita en C y C++.



Emplea el lenguaje SQL.



Código Abierto, por lo tanto es gratuito.



Fácil de Instalar en sistemas operativos Windows Linux.

Figura 10. Título: Logo de MySQL Fuente: ( www.mysql.com)

3.1.20. Procesos de software Para la elaboración de un software hay que seguir una serie de actividades que se denominan proceso de software. Existen muchas actividades pero hay cuatro fundamentales que se describen a continuación: Tabla 1 Título: Actividades fundamentales para la ingeniería de software Autor: Sommerville, 2011, p.28

Proceso

Especificación del software

Descripción

Tienen

que

definirse

tanto

funcionalidad como las restricciones de su operación.

Diseño e implementación del software

Debe desarrollarse el software para cumplir con las especificaciones.

Validación del software

Hay que validar para asegurarse de que cumple lo que el cliente quiere.

Evolución del software

El software tiene que evolucionar para satisfacer las necesidades cambiantes del cliente.

3.1.21. Modelos de procesos de software Los modelos de procesos de software también llamados paradigmas de procesos de software es una representación abstracta de alto nivel de otro proceso software y se presenta desde una perspectiva particular. Existe una variedad de modelos de procesos de software entre los que tenemos los que se describen a continuación: 3.1.21.1. Modelo en cascada El modelo en cascada toma las actividades fundamentales del proceso las cuales se pueden apreciar en la tabla 1, “ y luego los representa como fases separadas del proceso, tal como especificación de requerimientos, diseño de software, implementación, pruebas, etcétera” (Sommerville,2011, p.29).

Figura 11. Título: Modelo de ciclo de vida en cascada Fuente: (Laboratorio Nacional de Calidad de Software. (2009). Ingeniería del Software: Metodologías y Ciclos de Vida. p.26)

La primera descripción formal del modelo en cascada se cree que fue en un artículo publicado en 1970 por Winston W. Royce, aunque Royce no utilizo el término cascada en este artículo. Irónicamente, Royce estaba presentando este modelo como un ejemplo de modelo que no funcionaba, defectuoso. (Laboratorio Nacional de Calidad de Software, 2009, p.26)

Es un modelo secuencial y sistemático, pues el desarrollo va fluyendo como una cascada dando paso a una fase tras otra. Las fases continúan previamente dando por terminada la fase anterior. 3.1.21.2. Modelo en espiral El modelo en espiral es propuesto por Barry Boehm el cual lo describe del siguiente modo: Es un generador de modelo de proceso impulsado por el riesgo, que se usa para guiar la ingeniería concurrente con participantes múltiples de sistemas intensivos en software. Tiene dos características distintivas principales. La primera es el enfoque cíclico para el crecimiento incremental del grado de definición de un sistema y su implementación, mientras que disminuye su grado de riesgo. La otra es un conjunto de puntos de referencia de anclaje puntual para asegurar el compromiso del participante con soluciones factibles y mutuamente satisfactorias. (Pressman, 2010, p.39)

Figura 12. Título: Modelo de ciclo de vida en espiral Fuente: (Laboratorio Nacional de Calidad de Software. (2009). Ingeniería del Software: Metodologías y Ciclos de Vida. p.34)

El modelo en espiral posee una diferencia de los otros modelos pues toman en cuenta el riesgo. Un bucle representa un conjunto de actividades y estas se forman en una espiral. Cuando se ha cumplido una espiral se numeran todas las fuentes de riesgo, el siguiente paso es dar solución a los riesgos y así se da inicio a otra vuelta en espiral hasta llegar un momento en que el producto desarrollado sea aceptado y no necesite otro ciclo para seguir mejorándose. Este modelo en espiral se ha usado durante mucho tiempo para la elaboración de proyectos largos, caros y complicados como por ejemplo la creación de sistemas operativos o sistemas de n módulos. 3.1.21.3. Modelo de prototipo El paradigma de hacer prototipos comienza con comunicación. Usted se reúne con otros participantes para definir los objetivos generales del software, identifica cualesquiera requerimientos que conozca y detecta las áreas en las que es imprescindible una mayor definición. Se planea rápidamente una iteración para hacer el prototipo, y se lleva a cabo el modelado. (Pressman, 2010, p.37)

El paradigma del modelo de prototipo ofrece un mejor enfoque cuando el cliente tiene una necesidad legítima pero desconoce los detalles, Sommerville (2011) expresa que “el prototipo es una versión inicial de un sistema de software que se usa para demostrar conceptos, tratar opciones de diseño y encontrar más sobre el problema y sus posibles soluciones” (p. 45).

Figura 13. Título: Modelo de proceso de desarrollo de prototipo Fuente: (Ian Sommerville. (2011). Ingeniería del Software. p. 45)

En la etapa de establecimiento de objetivos del prototipo Sommerville (2011) afirma: Los objetivos de la creación de prototipos deben ser más explícitos desde el inicio del proceso. El mismo prototipo no puede cumplir todos los objetivos, ya que si estos quedan sin especificar, los administradores o usuarios finales quizás malinterpreten la función del prototipo. En consecuencia, es posible que no obtengan los beneficios esperados del desarrollo del prototipo. (p. 45)

En la etapa de definición de la funcionalidad del prototipo Sommerville (2011) expresa: “Consiste en decidir que poner y, algo quizás más importante, que dejar fuera del sistema de prototipo. Para reducir los costes de la construcción del prototipo y acelerar la agenda de entregas, se puede excluir de éste cierta funcionalidad” (p. 46). .Para reducir los costos de creación de prototipos y acelerar las fechas de entrega, es posible dejar cierta funcionalidad fuera del prototipo y, también, decidir hacer más flexible los requerimientos no funcionales, como el tiempo de respuesta y la utilización de memoria. (Sommerville, 2011, p. 46)

En la etapa final que es la evaluación del prototipo Sommerville (2011) afirma:

34 Hay que tomar provisiones durante esta etapa para la capacitación del usuario y usar los objetivos del prototipo para derivar un plan de evaluación. Los usuarios requieren tiempo para sentirse cómodos con un nuevo sistema e integrarse a un patrón normal de uso. (p. 46) Tabla 2 Título: Ventajas desventajas del modelo de prototipo Autor: Laboratorio Nacional de Calidad de Software. (2009). Ingeniería del Software: Metodologías y Ciclos de Vida. p.36

Ventajas

Inconvenientes

Reduce el riesgo de construir productos que no Puede aumentar el coste del desarrollo del satisfagan las necesidades de los usuarios.

producto.

El cliente reacciona mucho mejor ante el El desarrollador puede caer en la tentación de prototipo sobre el que puede experimentar, que ampliar el prototipo para construir el sistema no sobre una especificación escrita.

final sin tener en cuenta los compromisos de calidad y de mantenimiento que tiene con el cliente.

Ofrece visibilidad del producto desde el inicio El cliente ve funcionando versiones del de ciclo de vida con el primer prototipo y prototipo y puede desilusionarse porque el permite introducir cambios en las iteraciones producto final aún no ha sido construido. siguientes del ciclo.

3.1.21.4. Modelo de desarrollo incremental El modelo del desarrollo incremental ejecuta una serie de avances, llamados incrementos, que en forma progresiva dan más funcionalidad al cliente conforme se le entrega cada incremento. “El desarrollo incremental se basa en la idea de diseñar una implementación inicial, exponer esta al comentario del usuario, y luego desarrollarla en sus diversas versiones hasta producir un sistema adecuado” (Sommerville, 2011, p.32).

En la figura 14, se observa que este modelo de desarrollo incremental aplica secuencias lineales de forma escalonada mientras progresa el tiempo en el calendario. Cada secuencia lineal es un incremento del software.

Figura 14. Título: Modelo de ciclo de vida de desarrollo incremental Fuente: (Laboratorio Nacional de Calidad de Software. (2009). Ingeniería del Software: Metodologías y Ciclos de Vida. p.31)

3.1.22. Arquitectura modelo vista controlador MVC Valbuena, Torres & Zapata (2008) expresan que “la arquitectura modelo vista controlador MVC (Model, View, Controller) fue creada en el año de 1979 por Tryve Reenskaug” (p.120) para el desarrollo web y permite separar los datos y la lógica de negocios de una aplicación facilitando el mantenimiento de código, así el desarrollador puede trabajar en la aplicación y el diseño web por separado, consta de tres capas: 

Modelo.- es la información almacenada en la base de datos, junto con las reglas de negocios que transforman esa información, tomando en cuenta las acciones de los usuarios



Vista.- sirve para que los usuarios puedan interactuar atreves de los eventos con el controlador, muestra la información del modelo de una manera adecuada para su interacción.



Controlador.- procesa las peticiones de los usuarios con la ayuda del modelo y de la vista, es decir que el controlador es el código que solicita los datos.

Figura 15. Título: Arquitectura MVC Fuente: (http://es.wikibooks.org/wiki/XForms/Arquitectura_MVC)

3.1.23. Cake PHP Es un framework que facilita el desarrollo de aplicaciones web, utilizando el patrón de diseño MVC (Modelo, Vista, Controlador). Es un framework de código abierto. Esta desarrollado en PHP con programación orientada a objetos; surgió en el año 2005. (Eslava Muñoz, 2013, p.118)

Entre sus características más relevantes tenemos: 

Comunidad amigable



Licencia flexible



Compatible con las versiones de PHP 5.2.6 y superiores.



Generación automática de código.



Arquitectura MVC



URLs personalizadas



Funciona desde cualquier directorio de sitios web, con poca o ninguna configuración adicional.

Figura 16. Título: Logo de CakePHP Fuente: (Eslava Muñoz, 2013, p.118)

3.2.

Investigaciones o experiencias empíricas vinculadas con la investigación

Para la presente investigación realizada en la ciudad de Santo Domingo de los Tsáchilas; se realizó un estudio a nivel local para conocer si existen unidades educativas fiscales que posean una página web dinámica que permita gestionar sus notas e información. Como resultado de este estudio se conoció que la Unidad Educativa Santa María, la Unidad Educativa Nazareth, la Unidad Educativa Antonio Neumane poseen páginas web dinámicas que permiten gestionar sus notas e información, sin embargo, estas unidades educativas son de tipo privado, es decir, son particulares.

Asistiendo a las instituciones educativas, indagando en la internet, y dialogando con docentes de diferentes instituciones se pudo conocer que las unidades educativas fiscales no poseen pรกgina web dinรกmica, puesto que no han tenido el apoyo econรณmico y humano. Unidades educativas de carรกcter pรบblico, es decir, fiscales no poseen pรกgina web dinรกmica que permita gestionar notas e informaciรณn, por lo que se concluye que a nivel local la Unidad Educativa Ciudad de Caracas serรก la pionera. Conociendo de cerca el manejo de la pรกgina web dinรกmica de la Unidad Educativa Antonio Neumane se ve que hay una alta flexibilidad, pertinencia y veracidad en el manejo de la informaciรณn de la instituciรณn, lo cual permite brindar un servicio de calidad a la comunidad.

METODOLOGÍA DE LA INVESTIGACIÓN

En este apartado del capítulo, se dará a conocer el ¿Cómo? Y ¿Con qué? se va a realizar la Investigación del Proyecto de Disertación. La metodología es una pieza esencial en el ámbito de la investigación ya que permitirá trazar el camino para la obtención de los objetivos específicos.

4.1.

Diseño / Tipo de investigación

4.1.1.

Diseño de Investigación

“Es el plan de acción. Indica la secuencia de los pasos a seguir. Permite precisar los detalles de la tarea de investigación y establecer las estrategias a seguir para obtener resultados positivos” (Quezada Lucio, 2010, p.42). Aplicación: El diseño de investigación que se utilizó para el desarrollo de la página web dinámica es el no experimental ya que las situaciones se encontraban en su contexto natural, lo que se realizó fueron observaciones a las situaciones existentes para proporcionar solución a sus problemas. 4.1.2.

Tipo de Investigación

Existen diferentes tipos de investigación, y lógicamente el tipo que utilicemos dependerá del campo en el cual se desarrolla nuestra investigación. Para esta investigación se utilizaron los siguientes tipos de investigación. 4.1.2.1. Investigación Aplicada También recibe el nombre de práctica o empírica. Se caracteriza porque busca la aplicación o utilización de los conocimientos que se adquieren. Se encuentra vinculada con la investigación básica pues depende de los resultados que dan paso al marco teórico. (Quezada Lucio, 2010, p.23)

Aplicación: La investigación aplicada se cumplió por medio de los conocimientos adquiridos durante la carrera universitaria, estableciendo el lenguaje de programación, el tipo de arquitectura y la base de datos a utilizar para brindar solución a las necesidades planteadas. 4.1.2.2. Investigación de Campo Este tipo de investigación tiene lugar en un ambiente natural, es decir el investigador trabaja en el sitio donde se encuentra el objeto de estudio. La investigación de campo se apoya en información que proviene de encuestas, entrevistas, cuestionarios y observaciones. Aplicación: La investigación de campo se formalizó con entrevistas periódicas con las autoridades de la Unidad Educativa Ciudad de Caracas y con la utilización de cuestionarios se practicó encuestas tanto a estudiantes como docentes para obtener la información necesaria y así poder cumplir con el desarrollo de la página web dinámica. 4.1.2.3. Investigación Documental Según Quezada Lucio (2010) “la investigación documental es la que se realiza, como su nombre lo indica, apoyándose en fuentes de carácter documental, esto es, en documentos de cualquier especie” (p. 23). Como subtipos de esta investigación documental encontramos: Tabla 3 Título: Subtipos de Investigación documental Autor: Quezada Lucio, 2010, p.23

Investigación bibliográfica

Libros

Investigación hemerográfica

Artículos o ensayos de revistas y periódicos.

Investigación archivística

Archivos como cartas, oficios, circulares, expedientes, etc.

Aplicación: La investigación documental contribuyó a la construcción del marco referencial apoyándonos en fuentes de carácter documental, es decir, consultando en libros temas que aporten a la investigación y en artículos y archivos que permitieron recabar información para justificar la investigación. 4.1.2.4. Investigación Descriptiva Quezada Lucio (2010) expresa que la investigación descriptiva “utiliza el método de análisis, logra caracterizar un objeto de estudio o una situación concreta, señalar sus características o propiedades” (p. 23). Aplicación: La aplicación de este tipo de investigación nos permitió describir los antecedentes del problema, el problema de investigación y la justificación de la investigación. 4.1.2.5. Investigación Proyectiva La investigación proyectiva intenta proponer una solución a un problema en una determinada realidad y siguiendo un proceso de indagación, exploración proponer alternativas para mejorar las situaciones que no están andando bien. Aplicación: La propuesta de una investigación proyectiva en la Unidad Educativa Ciudad de Caracas permitirá gestionar las notas e información en la institución, generando una respuesta a la problemática de la realidad abordada.

4.2.

PoblaciĂłn / Universo

Conjunto de individuos, personas, animales, objetos, etc. con caracterĂsticas similares y que son objeto de estudio, de los cuales se obtiene conclusiones propias. SegĂşn Quezada Lucio (2010) â&#x20AC;&#x153;la poblaciĂłn constituye el conjunto de elementos que forman parte del grupo de estudio, por tanto, se refiere a todos los elementos que en forma individual podrĂan ser cobijados en la investigaciĂłnâ&#x20AC;? (p. 95). AplicaciĂłn: La poblaciĂłn para el presente proyecto serĂĄn los 50 docentes y 1563 estudiantes matriculados en la Unidad Educativa Ciudad de Caracas en el aĂąo 2013, total de individuos son 1613.

4.3.

Muestra

Es un subconjunto de la poblaciĂłn. Estos serĂĄn los individuos que realmente serĂĄn estudiados. En la mayorĂa de las investigaciones es difĂcil recolectar toda la informaciĂłn de una poblaciĂłn que se desea investigar, es por eso que se toma una parte de este universo. La mayorĂa de los investigadores aconseja que cuando la poblaciĂłn o universo a investigarse no sobrepase las 30 o 40 unidades, no hay que determinar una muestra para aplicar el o los instrumentos de investigaciĂłn que permitan captar informaciĂłn requerida, en estos casos es tĂŠcnico y necesario desarrollar un CENSO, es decir aplicar los instrumentos para captar informaciĂłn a toda la poblaciĂłn o universo motivo de estudio, siempre y cuando las condiciones lo permitan. (Posso YĂŠpez 2009:136)

đ?&#x2018; đ?&#x153;&#x17D; 2đ?&#x2018;?2 đ?&#x2018;&#x203A;= (đ?&#x2018; â&#x2C6;&#x2019; 1)đ?&#x2018;&#x2019; 2 + đ?&#x153;&#x17D; 2 đ?&#x2018;? 2 Figura 17. TĂtulo: FĂłrmula para calcular el tamaĂąo de la muestra Fuente: (Posso Yepez, Miguel Angel. (2009). MetodologĂa para el trabajo de Grado 4ÂŞ EdiciĂłn. Ibarra- Ecuador)

DĂ&#x201C;NDE: n: El tamaĂąo de la muestra. N: TamaĂąo de la poblaciĂłn. đ?&#x153;&#x17D;: DesviaciĂłnestĂĄndar de la poblaciĂłn que, generalmente cuando no se tiene su valor, suele utilizarse un valor constante de 0,5. đ?&#x2018;?: Valor obtenido mediante niveles de confianza. đ?&#x2018;&#x2019;: LĂmite aceptable de error, muestra su valor que varĂa entre el 1% (0,01) y el 9% (0,09), valor que queda a criterio del encuestador. N-1: CorrecciĂłn que se usa para muestras mayores a 30 unidades. AplicaciĂłn: Para la aplicaciĂłn en la presente disertaciĂłn de grado se estudiarĂĄ una poblaciĂłn finita, siendo ĂŠsta el personal docente y los estudiantes de la Unidad Educativa Ciudad de Caracas. Mediante la aplicaciĂłn de la fĂłrmula para hallar una muestra finita nos proyectĂł 44 docentes y 309 estudiantes, los que serĂĄn tomados para su respectivo anĂĄlisis. Tabla 4 TĂtulo: CĂĄlculo de la muestra para la poblaciĂłn de la Unidad Educativa Ciudad de Caracas Autor: M. AvilĂŠs â&#x20AC;&#x201C; J. Vizuete

Docentes đ?&#x;&#x201C;đ?&#x;&#x17D; . (đ?&#x;&#x17D;, đ?&#x;&#x201C;)đ?&#x;? . (đ?&#x;?, đ?&#x;&#x2014;đ?&#x;&#x201D;)đ?&#x;? đ?&#x2019;?= (đ?&#x;&#x201C;đ?&#x;&#x17D; â&#x2C6;&#x2019; đ?&#x;?)(đ?&#x;&#x17D;, đ?&#x;&#x17D;đ?&#x;&#x201C;)đ?&#x;? + (đ?&#x;&#x17D;, đ?&#x;&#x201C;)đ?&#x;? (đ?&#x;?, đ?&#x;&#x2014;đ?&#x;&#x201D;)đ?&#x;? đ?&#x2019;?=

đ?&#x;&#x2019;đ?&#x;&#x2013;, đ?&#x;&#x17D;đ?&#x;? (đ?&#x;&#x17D;, đ?&#x;?đ?&#x;?đ?&#x;?đ?&#x;&#x201C;) + (đ?&#x;&#x17D;, đ?&#x;&#x2014;đ?&#x;&#x201D;đ?&#x;&#x17D;đ?&#x;&#x2019;)

đ?&#x2019;?=

đ?&#x;&#x2019;đ?&#x;&#x2013;, đ?&#x;&#x17D;đ?&#x;? đ?&#x;?, đ?&#x;&#x17D;đ?&#x;&#x2013;đ?&#x;?đ?&#x;&#x2014;

đ?&#x2019;? = đ?&#x;&#x2019;đ?&#x;&#x2019;, đ?&#x;&#x2018;đ?&#x;&#x2019;đ?&#x;&#x2018;đ?&#x;&#x2013; đ?&#x2019;? = đ?&#x;&#x2019;đ?&#x;&#x2019;

Estudiantes đ?&#x2019;?=

đ?&#x;?đ?&#x;&#x201C;đ?&#x;&#x201D;đ?&#x;&#x2018; . (đ?&#x;&#x17D;, đ?&#x;&#x201C;)đ?&#x;? . (đ?&#x;?, đ?&#x;&#x2014;đ?&#x;&#x201D;)đ?&#x;? (đ?&#x;?đ?&#x;&#x201C;đ?&#x;&#x201D;đ?&#x;&#x2018; â&#x2C6;&#x2019; đ?&#x;?)(đ?&#x;&#x17D;, đ?&#x;&#x17D;đ?&#x;&#x201C;)đ?&#x;? + (đ?&#x;&#x17D;, đ?&#x;&#x201C;)đ?&#x;? (đ?&#x;?, đ?&#x;&#x2014;đ?&#x;&#x201D;)đ?&#x;?

đ?&#x2019;?=

đ?&#x;?đ?&#x;&#x201C;đ?&#x;&#x17D;đ?&#x;?, đ?&#x;?đ?&#x;&#x17D;đ?&#x;&#x201C;đ?&#x;? (đ?&#x;&#x2018;, đ?&#x;&#x2014;đ?&#x;&#x17D;đ?&#x;&#x201C;) + (đ?&#x;&#x17D;, đ?&#x;&#x2014;đ?&#x;&#x201D;đ?&#x;&#x17D;đ?&#x;&#x2019;)

đ?&#x2019;?=

đ?&#x;?đ?&#x;&#x201C;đ?&#x;&#x17D;đ?&#x;?, đ?&#x;?đ?&#x;&#x17D;đ?&#x;&#x201C;đ?&#x;? đ?&#x;&#x2019;, đ?&#x;&#x2013;đ?&#x;&#x201D;đ?&#x;&#x201C;đ?&#x;&#x2019;

đ?&#x2019;? = đ?&#x;&#x2018;đ?&#x;&#x17D;đ?&#x;&#x2013;, đ?&#x;&#x201C;đ?&#x;?đ?&#x;&#x201D;đ?&#x;&#x201C; đ?&#x2019;? = đ?&#x;&#x2018;đ?&#x;&#x17D;đ?&#x;&#x2014;

4.3.1.

Muestreo Probabilístico

En el muestreo probabilístico todos los elementos tienen la misma probabilidad de ser elegidos, por lo tanto, todas las posibles muestras tienen la misma probabilidad de ser elegidas. Dentro del muestreo probabilístico encontramos la siguiente clasificación:

Aleatorio

Muestreo Conglomerado

Sistematico

Probabilistico

Estratificado

Figura 18. Título: Clasificación del muestreo probabilístico Fuente: M. Avilés – J. Vizuete

4.3.1.1. Muestreo estratificado Consiste en la división previa de la población de estudio en grupos o clases que se suponen homogéneos respecto a la característica a estudiar. A cada uno de estos estratos se le asignaría una cuota que determinaría el número de miembros del mismo que compondrán la muestra. (Quezada Lucio, 2010, p.104)

Aplicación: Para el desarrollo de la página web dinámica en la Unidad Educativa Ciudad de Caracas, se aplicó el muestreo estratificado puesto que de la población existente, los estudiantes desde el sexto año hasta noveno año de educación básica se convirtieron en la población objetivo ya que estos arrojaran la información relevante para el presente proyecto.

663 jornada vespertina

900 jornada matutina

1563

estudiantes UECC

Figura 19. Título: Segmentación de la población objetivo Fuente: (Secretaria de la UECC)

Para determinar de nuestra población objetivo a cuantos individuos vamos a analizar se aplicó la técnica de asignación proporcional, Quezada Lucio (2010) expresa que “el tamaño de cada estrato en la muestra es proporcional a su tamaño en la población” (p. 104).

46 Tabla 5 TĂtulo: Calculo de la asignaciĂłn proporcional en la poblaciĂłn objetivo Autor: M. AvilĂŠs â&#x20AC;&#x201C; J. Vizuete

AĂąo de EducaciĂłn BĂĄsica 6 7 8 9

n1 n2 n3 n4

Cantidad Estudiantes 153 198 195 117 663

AsignaciĂłn Proporcional

153 đ?&#x2018;&#x203A;1 = 309 ( ) 663

198 đ?&#x2018;&#x203A;2 = 309 ( ) 663

195 đ?&#x2018;&#x203A;3 = 309 ( ) 663

đ?&#x2018;&#x203A;1 = 71,30

đ?&#x2018;&#x203A;2 = 92,28

đ?&#x2018;&#x203A;3 = 90,88

71 92 91 55 309

117 đ?&#x2018;&#x203A;4 = 309 ( ) 663 đ?&#x2018;&#x203A;4 = 54,52

En la tabla 5, las variables n1, n2, n3 y n4 ofrecen bĂĄsicamente facilitar e interpretar el cĂĄlculo de la asignaciĂłn proporcional en la poblaciĂłn objetivo, es asĂ que, permite determinar quĂŠ cantidad de estudiantes de cada aĂąo de bĂĄsica van a ser analizados.

4.4.

Instrumentos de recogida de datos

Con el fin de recolectar informaciĂłn de una manera fiable y precisa se ha optado por las siguientes tĂŠcnicas las cuales tienen como instrumento el cuestionario: 4.4.1.

Entrevista

Es una conversaciĂłn entre dos o mĂĄs personas de carĂĄcter formal, en la cual el entrevistador recopila informaciĂłn del entrevistado, se dice que es de carĂĄcter formal puesto las preguntas que se realizan tienen una intencionalidad que lleva implĂcitos objetivos que ayudaran a la investigaciĂłn.

Aplicación: La técnicas de la entrevista tuvo efecto con el director de la Unidad Educativa, quien supo aportar con valiosa información que era casi imposible observar desde fuera. Con un diálogo espontáneo puesto que las preguntas abiertas permitían que los entrevistados expresen sus expectativas y opiniones lo que conlleva a la importancia de cada dato recogido. Para obtener la información, se utilizó el instrumento denominado cuestionario ver (Anexo 2) 4.4.2.

Encuesta

Es una técnica que permite recopilar información a un grupo significativo de personas mediante la utilización del instrumento llamado cuestionario y mediante un análisis de tipo cuantitativo obtener conclusiones. El cuestionario es grupo de preguntas abiertas o cerradas que permiten recabar información variada. Un cuestionario muy corto, se pierde información y muy largo puede resultar tedioso. Las preguntas pueden ser abiertas o cerradas, a continuación la explicación: Tabla 6 Título: Tipos de preguntas del cuestionario Autor: Quezada Lucio, 2010, p. 116

Tipo de pregunta

Característica

Ejemplo

Abierta

No delimitan las alternativas de respuesta, el número de respuesta es muy elevado. Sus respuestas han sido delimitadas, es decir, se presentan las posibilidades de respuestas. Poseen dos alternativas de respuesta. Es una escala de la pregunta cerrada.

Edad……… (1 año, 10 años, 15 años, etc.)

Cerrada

Dicotómicas

Edad: Adolescente Joven Adulto ¿Usted trabaja? Si No

48 Tabla 7 Título: Recomendaciones para formular las preguntas Autor: Quezada Lucio, 2010, p. 117

Descripción: Escribirlas en forma corta, clara y sencilla. Dar prioridad a preguntas cerradas (falso: verdadero, si: no: no sé, selección múltiple, marque en una escala del 1 al 5…., totalmente de acuerdo…. , etc. Evitar el uso de negaciones en las preguntas. Deben aparecer en una secuencia lógica. La redacción debe ser neutral y no predisponer a un tipo de respuesta. No deben dar lugar a varias interpretaciones. Evitar términos técnicos. Las opciones de respuesta deben ser mutuamente excluyentes. Las encuestas o formularios deben ser iguales para toda la población o muestra. Aplicación: La técnica de la encuesta se usó en los 353 individuos obtenidos mediante la aplicación de la fórmula para calcular el tamaño de la muestra. A continuación se visualiza el modelo de encuesta ver (Anexo 2).

4.5.

Técnicas de Análisis de Datos

Consiste en organizar, describir y analizar los datos recogidos en la etapa de técnicas para recogida de datos. Una vez recogidos los datos, estos se someten a unas operaciones con la finalidad de alcanzar los objetivos del estudio. Aplicación: Con la información obtenida se procederá con el análisis cuantitativo que permite organizar los datos en una matriz de tabulación para ser analizados. Se seleccionó la estadística descriptiva que es la “ciencia que analiza serie de datos y trata de extraer conclusiones sobre el comportamiento de estas variables” (Quezada Lucio, 2010, p.167) y mediante la aplicación de Microsoft Excel que permite utilizar sus funciones estadísticas y gráficas, interpretar los datos y representarlos en graficas de barras o de pastel.

4.6.

Modelo de Prototipo

El modelo de prototipo es un proceso que facilita el desarrollo de un modelo de software que se tiene que construir, permitiendo la interacción del usuario con el prototipo permitiendo refinar hasta que se desarrolle el producto adecuado. Para el Desarrollo de una Página Web Dinámica para la gestión de notas e información para la Unidad Educativa Ciudad de Caracas se escogió la metodología de Prototipos y el framework CAKEPHP que utiliza el patrón de diseño MVC (Model, View, Controller/Modelo, Vista, Controlador) siendo estas herramientas quienes permitan desarrollar el proyecto ajustándose a las necesidades de la institución. El ciclo de vida del modelo de prototipo está formado por las siguientes fases:

4.6.1.



Establecimiento de objetivos del prototipo.



Definición de la funcionalidad del prototipo.



Desarrollo del prototipo.



Evaluación del prototipo. Establecimiento de objetivo del prototipo

Esta fase comienza con la recolección de requisitos. El desarrollador y el cliente definen los objetivos globales para el software. Es la fase más importante en el desarrollo del proyecto ya que se definen los objetivos del mismo satisfaciendo las necesidades del cliente, además de las expectativas que existen en torno a la aplicación web. Aplicación: En la etapa de escuchar al cliente se adquirió las características, el alcance, los objetivos, los requerimientos específicos y generales que el sistema posee mediante una entrevista informal que se mantuvo con los directivos de la Institución. Como resultado de la fase de escuchar al cliente se obtuvo el documento SRS (Ver Anexo 1).

4.6.2.

Definición de la funcionalidad del prototipo

En la fase de definición de la funcionalidad del prototipo, se desarrolló el bosquejo del prototipo basado en los requerimientos del cliente obtenidos en la fase de establecimiento de objetivo del prototipo. Aplicación: Una vez que las necesidades del cliente están plasmadas en requerimientos, objetivos específicos; se procedió al diseño del bosquejo de la página web. 4.6.3.

Desarrollo del prototipo

En la fase de desarrollo del prototipo, se ejecuta el desarrollo de la página web dinámica siendo consecuente con la recolección de requisitos del cliente y el bosquejo de la página web. Aplicación: Se desarrolló la página web dinámica mediante la utilización del framework CakePHP el cual se fundamenta en la arquitectura Modelo, Vista, Controlador, permitiendo separar los datos de la parte lógica de negocios de la aplicación. 4.6.4.

Evaluación del prototipo

En la fase de evaluación del prototipo se genera un reporte de evaluación, el desarrollador/cliente realizan el testeo de la página web en línea para determinar el correcto funcionamiento del software. Si no existe inconveniente alguno, se hace la entrega del proyecto, o en su defecto, realizar los cambios necesarios. Aplicación: Como resultado de la fase de evaluación del prototipo se realizó el testeo entre los desarrolladores y secretario de la UECC, solicitando cambios en la página web (Ver Anexo 4).

RESULTADOS

En el presente apartado se detalla los resultados con su respectiva discusión de la entrevista realizada al director de la Unidad Educativa Ciudad de Caracas, también, los resultados que arrojaron las encuestas a la población de la UECC. Por otra parte, se describe las fases del modelo de prototipo y del framework CakePHP que permitió el desarrollo de la página web dinámica

5.1.

Análisis y Discusión de los resultados

El propósito fundamental de la disertación de grado fue desarrollar una Página Web Dinámica para la Gestión de Notas e Información de la Unidad Educativa Ciudad de Caracas del Cantón Santo Domingo, para dar respuesta a este objetivo se seleccionó de una población de 1563 estudiantes y 50 docentes a 309 estudiantes y 44 docentes, que se convirtieron en la muestra, a los cuales, se les aplico una técnica denominada encuesta, que permite recopilar información para obtener conclusiones; se describe también, el desarrollo de la metodología para desarrollar la Página Web Dinámica para la UECC. 5.1.1.

Entrevista aplicada al director de la UECC

Se realizó una entrevista de carácter informal al director de la Unidad Educativa Ciudad de Caracas del Cantón Santo Domingo, la que permitió recopilar importante información para el desarrollo de la página web dinámica. 5.1.1.1. Análisis de la entrevista aplicada al director de la UECC Pregunta 1: ¿La comunicación interna es un problema en la UECC? Síntesis: Si la comunicación se convierte en un problema, son 50 docentes y no podemos reunirnos continuamente y la información de la institución muchas veces llega tarde, sería más fácil que por medio de una página web se puedan informar de cualquier situación de la

institución, que enviando correos a cada uno. Una página web mejoraría la comunicación interna, el acceso de padres de familia a la información de sus hijos, serviría de informativo para la comunidad en general, el docente y estudiantes podrían enviar y recibir información. Análisis: La propuesta del desarrollo de una página web informativa ayudaría a solventar el problema de la comunicación en la unidad educativa. Pregunta 2: ¿La institución posee base de datos? Síntesis: Se pagó para que una persona externa realice la base de datos pero al momento no contamos con ella. Análisis: La creación de una base de datos permite generar una página web informativa y dinámica. Pregunta 3: ¿Qué información le gustaría que este publicada en la página web? Síntesis: En la página web debería debe estar dividida en módulos, en donde se publique la historia de la escuela, nómina de profesores, docentes, noticiero informativo, misión, visión. Análisis: La página web será diseñada por módulos en los cuales se tendrá en cuenta las peticiones de la institución. Pregunta 4: ¿Cuál es el personal encargado de registrar notas? Síntesis: Actualmente lo hace cada maestro, ya que no contamos con una secretaria que se encargue de registrar las notas. Análisis: En la página web se genera un módulo en el cual les permita a los docentes subir las notas, y así también se podría permitir la visualización de las notas a los estudiantes y padres de familia.

5.1.2.

Encuesta aplicada a la población de la UECC

Se realizó una encuesta a los docentes y estudiantes de la Unidad Educativa Ciudad de Caracas del Cantón Santo Domingo ubicada en la Avenida Quitumbe y Calle E - Cooperativa Nuevo Camino para determinar problemas con respecto a la gestión de notas e información. 5.1.2.1. Tabulación y análisis de la información

Pregunta 1: ¿Qué relación mantiene usted con la Unidad Educativa Ciudad de Caracas? Tabla 8 Título: Análisis de la pregunta #1 Autor: M. Avilés – J. Vizuete

Alternativas Estudiante Docente TOTAL

Frecuencia 309 44 353

PREGUNTA #1 ESTUDIANTE

DOCENTE

12%

88%

Figura 20. Título: Resultado de la tabulación de la pregunta número 1 Fuente: M. Avilés – J. Vizuete

Porcentaje 87,54 % 12,46 % 100 %

Análisis: La muestra a encuestar está conformada por 309 estudiantes que equivale a un 88%, y 44 docentes que equivale a un 12%, con los cuales se pretende tener una información más objetiva sobre la problemática de la unidad educativa. Pregunta 2: ¿Conoce usted la historia de la Unidad Educativa Ciudad de Caracas? Tabla 9 Título: Análisis de la pregunta #2 Autor: M. Avilés – J. Vizuete

Alternativas Si No TOTAL

Frecuencia 118 235 353

Porcentaje 33,43 % 66,57 % 100 %

PREGUNTA #2 Si

33%

67%

Figura 21. Título: Resultado de la tabulación de la pregunta número 2 Fuente: M. Avilés – J. Vizuete

Análisis: Como se puede apreciar en los resultados hay un 67% de encuestados que no conocen la historia de la unidad educativa; esto se puede dar por diversos factores, que tanto los estudiantes como los docentes recién entran a la unidad educativa provenientes de otras instituciones. El 33% restante sí conoce de la historia de la institución en la que trabajan y estudian respectivamente.

Pregunta 3: ¿Considera que la comunicación interna de la Unidad Educativa es eficiente? Tabla 10 Título: Análisis de la pregunta #3 Autor: M. Avilés – J. Vizuete

Alternativas Si No TOTAL

Frecuencia 201 152 353

Porcentaje 56,94 % 43,06 % 100 %

PREGUNTA #3 Si

43% 57%

Figura 22. Título: Resultado de la tabulación de la pregunta número 3 Fuente: M. Avilés – J. Vizuete

Análisis: Como se puede apreciar la comunicación interna en la unidad educativa es eficiente aún, pues un 57% lo afirman; aunque hay un 43% de encuestados que indican lo contrario, por tanto hay que estar atentos a cambios futuros que se den en la institución.

Pregunta 4: ¿Piensa usted que la información de reuniones, eventos y entrega de notas es oportuna? Tabla 11 Título: Análisis de la pregunta #4 Autor: M. Avilés – J. Vizuete

Alternativas Si No TOTAL

Frecuencia 93 260 353

Porcentaje 26,35 % 73,65 % 100 %

PREGUNTA #4 Si

26%

74%

Figura 23. Título: Resultado de la tabulación de la pregunta número 4 Fuente: M. Avilés – J. Vizuete

Análisis: Existe un 74% de encuestados que afirman, que la entrega de información de reuniones, eventos y notas de los estudiantes no se lo realiza de manera oportuna, y apenas un 26% afirman que esta información es entregada de manera oportuna. En base a estos resultados se ve la necesidad de adoptar el uso de las tecnologías para dar solución a esta problemática; con estos resultados se hace bastante necesario que la unidad educativa tenga una página web dinámica para la gestión de la información.

Pregunta 5: ¿Considera que el uso de las tecnologías de la información y comunicación son importantes para el desarrollo de la educación? Tabla 12 Título: Análisis de la pregunta #5 Autor: Los disertantes

Alternativas Si No TOTAL

Frecuencia 274 79 353

Porcentaje 77,62 % 22,38 % 100 %

PREGUNTA #5 Si

22%

78%

Figura 24. Título: Resultado de la tabulación de la pregunta número 5 Fuente: M. Avilés – J. Vizuete

Análisis: A esta pregunta hay un 78% de los encuestados que responden de manera afirmativa sobre la necesidad del uso de las tecnologías para el desarrollo de la educación; apenas un 22% afirman lo contrario. Claro está que con los cambios que se han dado a nivel país, y a nivel mundial, la educación se ve fuertemente influenciada por las tecnologías.

Pregunta 6: ¿Cree usted que el internet es un buen medio de comunicación? Tabla 13 Título: Análisis de la pregunta #6 Autor: M. Avilés – J. Vizuete

Alternativas Si No TOTAL

Frecuencia 340 13 353

Porcentaje 96,32 % 3,68 % 100 %

PREGUNTA #6 Si

96%

Figura 25. Título: Resultado de la tabulación de la pregunta número 6 Fuente: M. Avilés – J. Vizuete

Análisis: Hay un 96% de los encuestados que responden de manera afirmativa a la pregunta “Cree usted que el internet es un buen medio de comunicación”. Como investigadores podemos inferir que la mayoría de los encuestados de alguna manera están relacionados con el manejo de las tecnologías.

Pregunta 7: ¿Podría usted consultar sus notas a través del Internet? Tabla 14 Título: Análisis de la pregunta #7 Autor: M. Avilés – J. Vizuete

Alternativas Si No TOTAL

Frecuencia 220 89 309

Porcentaje 71,20 % 28,80 % 100 %

PREGUNTA #7 Si

29%

71%

Figura 26. Título: Resultado de la tabulación de la pregunta número 7 Fuente: M. Avilés – J. Vizuete

Análisis: Hay un 71% de los encuestados que afirman poder consultar sus notas mediante la internet, y un 29% que afirman no poderlo hacer. Esto nos confirma que la mayoría de personas de alguna manera manejan las tecnologías; se entiende que algunos encuestados su respuesta sea negativa puesto que es una consulta muy puntual y para conocer la información buscada hay que tener conocimiento de la herramienta informática que se maneje. El total de encuestados es de 309 individuos, que son los estudiantes de la unidad educativa.

Pregunta 8: ¿Considera usted que se debería ingresar las notas a través de una aplicación web? Tabla 15 Título: Análisis de la pregunta #8 Autor: M. Avilés – J. Vizuete

Alternativas Si No TOTAL

Frecuencia 259 94 353

Porcentaje 73.37 % 26,63 % 100 %

PREGUNTA #8 Si

27%

73%

Figura 27. Título: Resultado de la tabulación de la pregunta número 8 Fuente: M. Avilés – J. Vizuete

Análisis: El 73% de los encuestados responden afirmativamente a esta pregunta, y un 27% responden de manera negativa. De los datos obtenidos se puede inferir que la mayoría de las personas encuestadas tienen conocimiento de lo que es una página web, y por tanto se ve la necesidad de la implantación de la misma.

Pregunta 9: ¿Cree usted conveniente que la Unidad Educativa tenga una página web? Tabla 16 Título: Análisis de la pregunta #9 Autor: M. Avilés – J. Vizuete

Alternativas Si No TOTAL

Frecuencia 352 1 353

Porcentaje 99,72 % 0,28 % 100 %

PREGUNTA #9 Si

100%

Figura 28. Título: Resultado de la tabulación de la pregunta número 9 Fuente: M. Avilés – J. Vizuete

Análisis: A esta pregunta

casi en su totalidad, es decir el 99,72%, responden

afirmativamente de que es conveniente que la Unidad Educativa tenga una página web. Esto deja prever que tanto estudiantes como profesores están dispuestos a aceptar los nuevos retos que imponen las tecnologías de la información y la comunicación.

Pregunta 10: ¿Estaría usted de acuerdo con el desarrollo de una Página Web Dinámica para la Gestión de Notas e Información de la Unidad Educativa Ciudad de Caracas? Tabla 17 Título: Análisis de la pregunta #10 Autor: M. Avilés – J. Vizuete

Alternativas

Frecuencia

Porcentaje

Si No TOTAL

352 1 353

99,72 % 0,28 % 100 %

PREGUNTA #10 Si

100%

Figura 29. Título: Resultado de la tabulación de la pregunta número 10 Fuente: M. Avilés – J. Vizuete

Análisis: A esta pregunta el 99,72%, responden afirmativamente estar de acuerdo con el desarrollo de una Página Web Dinámica para la Gestión de Notas e Información de la Unidad Educativa Ciudad de Caracas. Esto deja claro la necesidad y la viabilidad existente para la implantación de la Página Web Dinámica en esta unidad educativa. 5.1.3.

Desarrollo del modelo del prototipo para la página web dinámica de la UECC

La Página Web Dinámica de la Unidad Educativa Ciudad de Caracas se desarrolló bajo el modelo de prototipo, el cual se describe a continuación:

5.1.3.1. Establecimiento de objetivos del prototipo Mediante la utilización de una entrevista de carácter informal, con una conversación espontánea, se pudo recolectar información valiosa para determinar los requerimientos que van a satisfacer las necesidades encontradas. Para dar constancia de los requerimientos obtenidos se plasmó el documento de Especificación de Requerimiento de Software

y un acta

debidamente legalizada donde constan las firmas de los desarrolladores y director de la institución (Ver Anexo 1). 5.1.3.2. Definición de la funcionalidad del prototipo En esta fase se diseñó el bosquejo de la página web dinámica cumpliendo el propósito del sitio, seguidamente se determinó las herramientas tecnológicas a utilizar, siendo estas el lenguaje de programación, el web hosting que permitirá el alojamiento de la página web, la base de datos a utilizar para el desarrollo de la página web dinámica.

Figura 30. Título: Bosquejo de la página web - HOME Fuente: M. Avilés – J. Vizuete

Figura 31. Título: Bosquejo de la página web –NOTICIAS Fuente: M. Avilés – J. Vizuete

Figura 32. Título: Bosquejo de la página web – SOBRE NOSOTROS Fuente: M. Avilés – J. Vizuete

Figura 33. Título: Bosquejo de la página web – SERVICIOS Fuente: M. Avilés – J. Vizuete

Figura 34. Título: Bosquejo de la página web – CONTÁCTENOS Fuente: M. Avilés – J. Vizuete

Figura 35. Título: Bosquejo de la página web – Mapa de Sitio Fuente: M. Avilés – J. Vizuete

Como lenguaje de programación se optó por PHP 5.4 debido a que es un lenguaje de código abierto diseñado especialmente para el desarrollo web. Es un lenguaje de script interpretado en el lado del servidor y ejecutado en el mismo, embebido en páginas HTML. El lenguaje de programación PHP se seleccionó porque se fácil de aprender, es un lenguaje multiplataforma, posee suficiente información sea en su página oficial como en diferentes foros, permite también, una alta capacidad de conexión con la mayoría de base de datos y puede expandir su potencial utilizando módulos. Por el hecho de que es un lenguaje de código abierto, permite su acceso a todo público. La base de datos se la realizo en MySQL 5.5 pues es una herramienta gratuita ya que es de código abierto, fácil de instalar y es utilizado en aplicaciones web como PHP. Es veloz, robusto y por su velocidad de realizar búsquedas de datos e información ostenta un grado de popularidad en el mundo.

Para determinar el web hosting que se va a contratar se tomaron en cuentas características como las políticas de seguridad, espacio de almacenamiento, máximo ancho de banda, respaldo de la información y con qué frecuencia lo realizan. Cumpliendo con estas características y con la gran acogida que tiene en el mercado, se contrató el servicio de supremecenterhost.com. 5.1.3.3. Desarrollo del prototipo Una vez determinadas las herramientas tecnológicas a utilizar, se desarrolló la página web dinámica de acuerdo a los requerimientos de la institución, para lo cual se utilizó el framework CakePHP( tm) v.0.2.9 que proporciona una estructura organizacional ya que sigue los fundamentos del patrón MVC que permite separar los datos y la lógica de negocios de la aplicación. Además, mantiene la aplicación consistente y ordenada. El lenguaje de programación a utilizar fue PHP versión 5.4 y la base de datos fue modelada en MySQL versión 5.5. En la figura 36 se observa el modelo relacional de la base de datos de la Unidad Educativa Ciudad de Caracas.

Figura 36. Título: Modelo relacional de la UECC Fuente: M. Avilés – J. Vizuete

Figura 37. Título: Nodos de la página web Fuente: M. Avilés – J. Vizuete

Figura 38. Título: Código fuente de la clase grados Fuente: M. Avilés – J. Vizuete

Figura 39. Título: Código fuente de la clase Estudiantes Fuente: M. Avilés – J. Vizuete

Figura 40. Título: Código fuente de la clase Asignaturas Fuente: M. Avilés – J. Vizuete

Figura 41. Título: Código fuente de la clase Periodos Fuente: M. Avilés – J. Vizuete

5.1.3.4. Evaluación del prototipo Se realizó la evaluación de la página web entre los desarrolladores y el secretario de la UECC, se realizó los cambios solicitados por la institución (Ver Anexo4),

5.1.3.4.1 Entrega de la página web Se efectuó la entrega formal del proyecto a la institución con la firma de los siguientes documentos: 

Acta de capacitación al personal de la UECC (Ver Anexo 5).



Carta de impacto (Ver Anexo 6),



Acta de entrega recepción (Ver Anexo 7) y



Manual de usuario (Ver Anexo 8).

Además se hizo entrega de: 

Diccionario de datos (Ver Anexo 11).



Script de base de datos (Ver Anexo 12).



Manual de configuración (Ver Anexo 13)

Figura 42. Título: Página web – HOME Fuente: M. Avilés – J. Vizuete

Figura 43. Título: Página web – NOTICIAS Fuente: M. Avilés – J. Vizuete

Figura 44. Título: Página web – SOBRE NOSOTROS - HISTORIA Fuente: M. Avilés – J. Vizuete

Figura 45. Título: Página web – SERVICIOS – CONSULTA DE NOTAS Fuente: M. Avilés – J. Vizuete

Figura 46. Título: Página web – CONTÁCTENOS Fuente: M. Avilés – J. Vizuete

Figura 47. Título: Acceso al Centro de Aplicaciones Fuente: M. Avilés – J. Vizuete

Figura 48. Título: Centro de Aplicaciones Fuente: M. Avilés – J. Vizuete

5.2.

Conclusiones 

La determinación y análisis de los requerimientos de software para el desarrollo de la página web, permitió recabar información que fue otorgada por el cliente, la cual ayudo a determinar la funcionalidad del proyecto.



La combinación del modelo de prototipado y la arquitectura MVC (Model, View, Controller / Modelo Vista Controlador) facilitó el diseño y desarrollo de la página web en un corto plazo; y cumplir con la Especificación de Requerimientos de Software (SRS).



El uso del modelo de prototipo sirvió para ir corrigiendo errores encontrados en cada uno de los testeos realizados en la página web.



La implementación de la página web en la Unidad Educativa Ciudad de Caracas facilita la difusión de la información de la institución y a su vez la comunidad Caraqueña obtuvo una herramienta innovadora para visualizar las notas de los estudiantes.



Se concluye que mediante la finalización de este proyecto se realizó la entrega de diccionario de datos, script de la base de datos, manuales de usuarios y configuración al Coordinador Comisión Tecnológica de la Unidad Educativa Ciudad de Caracas.



La utilidad de la página web depende del correcto uso que se le dé, es decir, la información que se utiliza debe ser verdadera y oportuna para la correcta gestión de notas e información de la página web dinámica.

5.3.

Límites y Recomendaciones 

Este proyecto tiene como limitante el pago anual del servicio del web hosting, en el cual se va alojar la página web.



Para tener un acceso óptimo a la información de la página web se necesita tener un buen ancho de banda.



Al ser un proyecto innovador se recomienda la difusión y uso regular de la página web para toda la comunidad de la unidad educativa.



Capacitar a la persona encargada del área de sistemas y adicional a un miembro directivo de la institución que sirva de backup en el manejo y administración de la página web.



El mantenimiento de la página web debe ser regular, actualizando la información semanalmente, o diariamente si es necesario teniendo en cuenta que la información servirá para que la comunidad este al día en todo lo que concierne a la institución.



La información debe ser clasificada y seleccionada así se evitara saturación visual la página web.

Lista de Referencias Fuentes de Información Bibliográficas

Andreu, Joaquin. (2011). Servicios en red. Editex. Berzal,Fernando, Cortijo,Francisco Jose, Cubero, Juan Carlos.

Desarrollo

Profesional de Aplicaciones Web con ASP.NET Coronel, Carlos, Morris, Steven, Rob Peter. (2011). Bases de Datos Diseño, implementación y administración. México: Cengage Learning Editores, S.A. Eslava Muñoz, V. J. (2013). El Nuevo Php. Conceptos Avanzados. España: Bubok Publishing S.L. Jaramillo Valbuena, S. Cardona Torres, S. A. Villa Zapata, D. A. (2008). Programación Avanzada en Java. Ediciones Elizcom. López Sanz,Marcos, Vara Mesa,Juan Manuel, Verde Marín,Jénifer, Sánchez Fúquene,Diana Marcela, Jiménez Hernandéz,Jesús Javier, De Castro Martínez,Valeria. (2012). Desarrollo Web en Entorno Servidor. España: RaMa. M. Teresa Icart ISern, C. F. (2006). Elaboración y Presentación de un proyecto de investigación y una tesina. España: UBe Salut Pública, 1. MacDonald, Matthew. (2009). Creación y Diseño Web. España: Anaya. Pes Rivas, C J. (2011). 36 Pasos Básicos para Desarrollar un Sitio Web. Autoedición

Pressman, Roger S. (2010). Ingeniería del software un enfoque práctico séptima Edición. México: McGraw-Hill. Quezada Lucio, Nel. (2010). Metodología de la Investigación. Lima-Perú: Macro E.I.R.L. Silberschatz,Abraham, Korth,Henry, Sudarshan,S. (2002). Fundamentos de Base de Datos. España: Mc Graw Hill. Sommerville, Ian (2011). Ingeniería de Software novena edición. México: Pearson Educación. Yepez, M.A. (2009). Metodología para el trabajo de Grado 4ª Edición. IbarraEcuador. Fuentes de Información Lincográficas “Metodología

para

creación

sitios

web”

Recuperado

http://www.casupo.org.ve/CV/may/alumnos.php Martin Martin, Raul. (2004/2005). “Metodologia de la Investigacion” Recuperado de http://www.uclm.es/profesorado/raulmmartin/Estadistica_Comunicacion/Met odolog%C3%ADa%20de%20la%20Investigaci%C3%B3n.pdf Melía, Santiago. “Un método de Desarrollo Dirigido por Modelos de Arquitectura para

Aplicaciones

Web.

(Tesis

Doctoral)”.

Recuperado

http://www.dlsi.ua.es/~santi/papers/thesis_definitiva.PDF Torres, Mariela. “Métodos de Recolección de Datos para una Investigación” Recuperado de http://www.tec.url.edu.gt/boletin/URL_03_BAS01.pdf

Laboratorio Nacional de Calidad del Software de INTECO “Ingeniería del Software: Metodologías

Ciclos

Vida”.

Recuperado

https://www.google.com.ec/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1 &cad=rja&uact=8&ved=0CBwQFjAA&url=https%3A%2F%2Fwww.incibe. es%2Ffile%2FN85W1ZWFHifRgUc_oY8_Xg&ei=t9eyVMHNLI_7sASMm oLwBw&usg=AFQjCNENnl5oTpq3s99afB4Lisiq4tJ3w&bvm=bv.83339334,d.eXY

GLOSARIO TICS: tecnologías de la información y la comunicación, el termino hace referencia al complemento entre las computadoras y las comunicaciones, que permiten hallar formas de comunicación conectada con la internet. Base de datos: en el ámbito informático es un conjunto de datos pertenecientes a un mismo contexto y almacenados sistemáticamente en formato digital para su posterior uso. SGBD: Sistema Gestor de Base de Datos es un programa que permite acceder a los datos de forma rápida y estructurada, además de almacenarlos. SRS: Especificación de Requerimientos de Software, es un documento que permite especificar los requerimientos del cliente con el desarrollador, teniendo como producto final cumplir con lo estipulado en el mismo. Redundancia: hace referencia al almacenamiento varias veces de los mismos datos en diferentes lugares, lo cual sino se lleva un control acarrea problemas como inconsistencia de datos, desperdicio de espacio de almacenamiento e incremento de trabajo. Integridad de datos: los datos almacenados en una base de datos pueden verse modificados cuando se utilice alguna sentencia como INSERT, UPDATE o DELETE, es decir, pueden añadirse datos no validos a la base de datos. La integridad de datos se refiere a la corrección y complementación de los datos. Encriptación de datos: es un proceso que permite cifrar cierta información y para que su resultado sea legible se debe conocer los datos necesarios para su interpretación. Esto permite proteger de cierta manera que información sensible no sea obtenida con facilidad por terceros. HTML: Lenguaje de marcado de hipertexto, es un lenguaje de programación que sirve para la elaboración de páginas web misma que se encuentra controlada por la W3C quien se encarga de la estandarización de casi todas las tecnologías ligadas a la web. W3C: Word Wide Web Consortium, es un consorcio internacional que produce recomendaciones para la Word Wide Web.

Dirección IP: es un número único e irrepetible que permite identificar en una red que utilice el protocolo IP a una computadora. La dirección IP identifica a una computadora en una red determinada; permitiendo la comunicación entre computadoras dentro de una red el protocolo IP. HTTP: protocolo de transferencia de hipertexto UECC: siglas de la Unidad Educativa Ciudad de Caracas del Cantón Santo Domingo, ubicada en la Avenida Quitumbe y Calle E - Cooperativa Nuevo Camino.

ANEXOS

ANEXO 1

SRS - ESPECIFICACION DE REQUERIMIENTOS DE SOFTWARE 1. INTRODUCCION 1.1. PROPOSITO DEL SRS En este documento se detallará requisitos específicos, generales, interfaces, funciones y restricciones el cual va dirigido para la Unidad Educativa Ciudad de Caracas. 3703444

1.2. ALCANCE DEL PRODUCTO El producto de la presente disertación de grado lleva el nombre o título “Desarrollo de una Página Web Dinámica para la Gestión de Notas e Información de la Unidad Educativa Ciudad de Caracas del Cantón Santo Domingo en el año 2013”.

El producto lo que va a realizar en la institución es permitir la visualización de las notas, las cuales podrán ser vistas por parte de los estudiantes como también por los padres de familia, además de brindar el conocimiento de la institución como por ejemplo historia, valores de la institución y permite al docente y secretario ingresar las notas, obteniendo además un beneficio entre la institución, padres de familia y estudiantes ya que se mejorara sobremanera la comunicación.

1.3. DEFINICIONES, ACRONIMOS Y ABREVIATURAS Usuario: Persona que tendrá cierta asignación de las funciones de la página web dinámica. BDD: Base de Datos IEEE: Instituto de Ingenieros Eléctricos y Electrónicos

Web Hosting: Lugar en el servidor donde podemos tener cualquier tipo de archivos o aplicaciones y podemos acceder a ellas por medio de Internet. Servidor: Almacenan información y entrega información a los equipos que se conecten a él, en el cuál se encuentra programas, archivos y otra información. GUI: Interfaz Gráfica de Usuario.

1.4. REFERENCIAS Estándar del IEEE 830

2. DESCRIPCION GENERAL 2.1. PERSPECTIVA DEL PRODUCTO El presente proyecto se realizó mediante previo análisis a los parámetros solicitados mediante la observación directa del software existente en la Unidad Educativa Ciudad de Caracas puesto que se necesita de la estructura de base de datos para poder llevar a cabo la presentación e ingreso de notas.

De esta manera con las nuevas tecnologías de la información podemos permitir una adecuada comunicación entre estudiantes, docentes y padres de familia, de igual manera agilitar el proceso de ingreso y entrega de notas en la institución, permitiendo y facilitando el uso de las herramientas tecnológicas tanto a los estudiantes como al personal docente y administrativo.

2.2. FUNCIONES DEL PRODUCTO La Página Web Dinámica de la Unidad Educativa Ciudad de Caracas va a realizar lo siguiente:  Administrar usuarios, crear, modificar, eliminar y brindar los permisos necesarios para cada uno.

 Gestionar la información de la institución es decir crear, modificar, eliminar información.  Gestionar información acerca del material académico, permitirá crear, modificar, eliminar información o archivos.  Ingresar notas al sistema académico de la institución.  Consultar las notas académicas de los alumnos.

2.3. CARACTERISTICAS DE LOS USUARIOS Administrador Docente Alumno

USUARIOS

ADMINISTRAR

GESTIONAR

INGRESAR

CONSULTAR

INFORMACION



Docente



Alumno



Administrador



2.4. RESTRICCIONES Se deberá tomar en cuenta los correspondientes derechos de autor, impidiendo la reproducción total o parcial del contenido de la página web dinámica.

Los usuarios encargados de manejar la página web dinámica deberán contar con una previa capacitación para tener el conocimiento adecuado sobre la manipulación.

2.5. ASUNCIONES Y DEPENDENCIAS Para el correcto funcionamiento de la página web dinámica se necesita:

HARDWARE Contratar un web hosting, en el que se encuentra host y dominio lo que me permite el funcionamiento de la página web dinámica. Una red local montada, la cual permite consultar notas y gestionar la información correspondiente a la Unidad Educativa Ciudad de Caracas. SOFTWARE BDD. Navegador actualizado. Sistema operativo.

3. ESPECIFICACIÓN DE REQUERIMIENTOS A TRAVÉS DE CASOS USO TEXTUALES 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 El sistema devuelve una pantalla solicitando Usuario y Contraseña El usuario ingresa su Usuario y Contraseña El sistema despliega el menú principal Extensiones: --

94 CASO DE USO: Ingresar Nuevo Usuario Actores primarios: Administrador Interesados y Objetivos: Administrador del Sistema, Personas que utilizarán el Sistema Precondiciones: Administrador de Sistema ingresado Garantía de éxito (post-condiciones): Acceso del nuevo usuario al sistema Escenario Principal de Éxito: El usuario administrador solicita ingresar nuevo usuario El Sistema devuelve información de perfiles y solicita información del nuevo

usuario

El administrador ingresa la información del nuevo usuario seleccionando el

perfil y

solicita almacenar la nueva información. Extensiones:--

CASO DE USO: Eliminar Usuario Actores primarios: Administrador Interesados y Objetivos: Administrador, Usuarios del Sistema Precondiciones: El usuario a eliminar debe constar en el sistema Garantía de éxito (post-condiciones): Usuario no puede ingresar al sistema Escenario Principal de Éxito: El administrador selecciona el usuario cuya información se eliminará El sistema solicita confirmación de eliminación El administrador confirma la orden El sistema almacena los cambios Extensiones: CONSULTAR USUARIO

95 CASO DE USO: Modificar Usuario Actores primarios: Administrador Interesados y Objetivos: Administrador, Usuarios del Sistema Precondiciones: El usuario a modificar debe constar en el sistema Garantía de éxito (post-condiciones): Información de usuario actualizada en el sistema Escenario Principal de Éxito: El administrador del sistema selecciona el usuario cuya información se modificará El sistema despliega información la información del usuario El administrador modifica los campos requeridos El sistema almacena los cambios Extensiones: CONSULTAR USUARIO

CASO DE USO: Consultar Usuario Actores primarios: Administrador Interesados y Objetivos: Administrador del Sistema 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 administrador del sistema selecciona un usuario para visualizar su información El sistema devuelve la información del usuario requerido Extensiones:--

96 CASO DE USO: Ingresar Información 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 información en el sitio El Administrador solicita almacenar la información El sistema almacena la información Extensiones:--

CASO DE USO: Eliminar Información Actores primarios: Administrador Interesados y Objetivos: Usuarios de la Pagina Precondiciones: Material, Administrador ingresado en el sistema Garantía de éxito (post-condiciones): Mensaje de material eliminado Escenario Principal de Éxito: El Administrador solicita la eliminación de la información El Administrador solicita eliminar la información El sistema almacena la información Extensiones: CONSULTAR INFORMACIÓN

97 CASO DE USO: Modificar Información Actores primarios: Administrador Interesados y Objetivos: Administrador, Usuarios de la página Precondiciones: El material debe estar ingresado en el sistema Garantía de éxito (post-condiciones): Información de material actualizada en pagina 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 INFORMACIÓN

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

3.1. INTERFACES EXTERNAS 3.1.1. Interfaz de Usuario Para la página web dinámica se va a utilizar un entorno amigable y agradable, tratando de que la página lleve los colores que han predominado en la institución, para no perder el enfoque de la institución.

3.1.2. Interfaz de Comunicaciones Se va adquirir un proveedor de web hosting, el mismo que se va a encargar de la comunicación además de la seguridad de la página web dinámica.

3.2. REQUISITOS DE RENDIMIENTO Para el desarrollo de la página web dinámica la CNT provee del servicio de internet a la institución el cual es de 128/64 kbps por lo que se espera que la velocidad de respuesta y el número de transacciones soportará la página web.

Dado que la información que se maneja en la institución es de vital importancia, el proveedor de nuestro web hosting brindará la seguridad necesaria para el sitio web y una cantidad suficiente para almacenar los registros, además de los respectivos respaldos.

3.3. RESTRICCIONES DE DISEÑO 3.3.1. Restricciones de Estándares Estándar del IEEE 830

3.3.2. Limitaciones del Hardware Capacidad de almacenamiento del disco duro del servidor para cantidades de archivos elevadas.

3.4. ATRIBUTOS 3.4.1. Precaución o Seguridad Se utilizaran niveles de seguridad para que cada usuario acceda a la página web dinámica, es decir deberá poseer su debida clave personal para acceder a las diferentes funciones del sitio.

Las claves ingresadas tendrán que cumplir con ciertos requisitos mínimos como: números, minúsculas y mayúsculas, mínimo 8 caracteres. Creación de respaldos periódicos para llevar un control preventivo.

3.4.2. Mantenimiento y Actualización El soporte que se va a brindar en este producto es el mantenimiento preventivo y si es el caso correctivo.

3.4.3. Usabilidad La apariencia de cada página será amigable para el usuario, de esta forma existirá fácil adaptabilidad visual, además de cumplir con los requerimientos estipulados por el cliente.

Cada ventana tendrá botones con funciones específicas y de fácil acceso para que de esta manera, no perturbar la visibilidad del usuario que se encuentre usando el sitio.

El proyecto se encontrará bajo los estándares de GUI, usando ventanas, cuadros de textos, botones, fuente, etc. Para que de esta manera el ambiente de trabajo de los usuarios le sea familiar con el resto de aplicaciones que diariamente utiliza.

100

101

ANEXO 2

Entrevista dirigida al director de la Unidad Educativa Ciudad de Caracas

1. ¿La comunicación interna es un problema en la UECC?

2. ¿La institución posee base de datos?

3. ¿Qué información le gustaría que este publicada en la página web?

4. ¿Cuál es el personal encargado de registrar notas?

102

ANEXO 3

Encuesta dirigida a los Estudiantes y Docentes de la Unidad Educativa Ciudad de Caracas La siguiente encuesta es para fines netamente académicos. La información que arroje la misma, contribuirá ampliamente a la elaboración de la disertación de grado, cuyo tema es el Desarrollo de una Página Web Dinámica para la Gestión de Notas e Información de la Unidad Educativa Ciudad de Caracas. También ayudará a recopilar datos que justifiquen la realización del tema propuesto, al obtener un mayor conocimiento del grado de satisfacción que tienen los actores internos de la Unidad Educativa en lo referente a comunicación y gestión de notas. Marque con una X según corresponda: 1. ¿Qué relación mantiene usted con la Unidad Educativa Ciudad de Caracas? Estudiante Docente 2. ¿Conoce usted la historia de la Unidad Educativa Ciudad de Caracas? Sí

3. ¿Considera que la comunicación interna de la Unidad Educativa es eficiente? Sí No

103

4. ¿Piensa usted que la información de reuniones, eventos y entrega de notas es oportuna? Sí

5. ¿Considera que el uso de las tecnologías de la información y comunicación son importantes para el desarrollo de la educación? Sí

No 6. ¿Cree usted que el internet es un buen medio de comunicación? Sí

7. ¿Podría usted consultar sus notas a través del Internet? Sí

8. ¿Considera usted que se debería ingresar las notas a través de una aplicación web? Sí

104

9. ¿Cree usted conveniente que la Unidad Educativa tenga una página web? Sí

10. ¿Estaría usted de acuerdo con el Desarrollo de una Página Web Dinámica para la Gestión de Notas e Información de la Unidad Educativa Ciudad de Caracas? Sí

¡Gracias por la colaboración prestada!

105

ANEXO 4

UNIDAD EDUCATIVA CIUDAD DE CARACAS Avenida Quitumbe y Calle E - Cooperativa Nuevo Camino Teléfonos: 3794608/3794346 Email: ue.cc@hotmail.com

RECTORADO

SANTO DOMINGO-ECUADOR

INFORME DESARROLLO PÁGINA WEB U.E.C.C.

Santo Domingo 16 de octubre de 2014.

Posterior a la revisión de la vista previa de la página web de la Institución sin ingresar como administrador, se han realizado las siguientes sugerencias y recomendaciones:

ASPECT

Sugerencias y recomendaciones

DISEÑO

Arquitec

-tónico

Diseñar y Agregar una página de mapa del sitio

Debe adecuarse a diferentes resoluciones de pantalla, incluso para dispositivos móviles

Considerar Adaptación de contenidos a usuarios discapacitados. (No indispensable para la Unidad, pero para la defensa realizar

106

aclaración al respecto)

Navegaci

Es fácil e intuitiva

Interfaz

Cada página debe tener una plantilla similar lo

ón

que está a la izquierda y a la derecha.

Contenid

Encabezado de la página debe incluir slogan de la institución y en espacios huecos se puede insertar frases educativas

INFORM A-CIÓN

No acorde con

Se irá actualizando conforme se tengan más noticias.

la realidad -

De lo existente no olvidar verificación de ortografía y gramática, así como también enlaces correctos.

RETROALIMENTA

Encuesta s

gadget/widget para consultar sobre la utilidad de la

CIÓN

IMAGEN

Agregar una página para encuestas o un artilugio

página o satisfacción de la educación de los hijos etc.

Agregar

Colores

característicos

CORPORAT muestra

institución, de preferencia con tonos azul y

IVA

rojo, considerando combinación adecuada de

107

colores complementarios. -

CODIFI-

Validarla

CACIÓN

PAGINA HOME

Mejorar la estética.

Revisar

codificación

ejemplo

en:

http://jigsaw.w3.org/css-validator

Agregar espacio para que allí aparezcan de una en una las 2 o 3 recientes noticias para dinamizar la presentación similar a la página del Ministerio de Educación. La foto de fondo debe ser de la institución.

PÁGINA

El espacio CATEGORIAS debería estructurarse preferiblemente

NOTICIAS

a la izquierda. Las categorías de noticias pueden ser: Deportes, Cultural, Social, Editorial Estudiantes, Eventos próximos, mostrar botón para buscar en esta sección un texto. (Además identificar una sección para ingresar noticias de convenios institucionales)

PÁGINA

Es saludo, no saludos.

Agregar un sitio para incluir la misión y visión de la

SOBRE NOSOTROS institución. -

Evitar el submenú agregándolo como categorías u otro nombre preferiblemente en un marco a la izquierda.

Los submenús de PERSONAL deberían pertenecer a la

108

página sobre nosotros

PAGINA

HORARIOS

Podría llamarse mejor servicios y puede clasificarse en estudiantes, padres de familia y docentes y dentro de estudiantes puede incluirse horarios dentro de docentes pueden irse publicando los cronogramas de trabajo y las novedades enviadas por email para los docentes. Y para PPFF puede existir información del comité de padres de familia para exponerlo a la comunidad de representantes.

Otras

Debe colocarse enlaces a páginas educativas y relacionadas con la educación. IESS SNNA SRI.

Otras

La consulta de notas es un servicio a los estudiantes, pensar si debe conservar su ubicación. Los campos de búsqueda pueden ser Apellidos, Cédula, Nro Registro en Sigee (Opcional,

pues

posiblemente

página

del

Sigee

desaparezca). -

Consulta de notas al final de cada quimestre, no solo de notas parciales.

109

ANEXO 5

110

ANEXO 6

111

ANEXO 7

112

ANEXO 8

PONTIFICIA UNIVERSIDAD CATÓLICA DEL ECUADOR SEDE SANTO DOMINGO

Dirección Académica - Escuela de Sistemas

Manual de Usuario – Administrador

DESARROLLO DE UNA PÁGINA WEB DINÁMICA PARA LA GESTIÓN DE NOTAS E INFORMACIÓN DE LA UNIDAD EDUCATIVA CIUDAD DE CARACAS DEL CANTÓN SANTO DOMINGO

Santo Domingo – Ecuador Febrero, 2015

113

1) Como acceder al Centro de Aplicaciones Escribimos en la barra de direcciones www.uecc.edu.ec

Aparece la página principal de la Unidad Educativa Ciudad de Caracas, a continuación dar clic en ENTRAR, como se indica en la imagen.

Aparece la pantalla de login, aquí se debe ingresar usuario y contraseña para autenticar los datos del usuario administrador, luego pulsar Login. Si acceder al centro de aplicaciones no era lo que deseaba, dar clic en UECC, como indica la flecha.

114

2) MENU DEL CENTRO DE APLICACIONES â&#x20AC;&#x201C; ADMINISTRADOR Si los datos del administrador son correctos, se visualiza la siguiente pantalla.

115

2.1) USUARIOS Del menú, seleccionamos Usuarios, se despliega información de los usuarios existentes y se puede buscar sea por nombre, cédula, e-mail, nombre de usuario. Permite crear nuevos usuarios, modificarlos y eliminarlos. También podemos imprimir.

Si pulsamos el botón de imprimir, como se indica en la imagen, se podrá imprimir la página actual con los usuarios que se visualizan.

116

Para crear un nuevo usuario, pulsar donde indica la flecha, a continuación aparecerá una nueva pantalla.

Para crear un nuevo usuario pulsar Crear Nuevo Usuario, previamente se debe llenar los campos que aparecen, los marcados con asterisco son obligatorios. 

Seleccionar el tipo de usuario sea estudiante, docente, administrador.



Nombres y Apellidos.



Correo electrónico, sino cumple con el formato aparece un mensaje de error.



Nombre de usuario, debe contener de 4 a 20 caracteres.



Contraseña.



Confirmar contraseña.



Teléfono celular, solo se admiten números.



Número de cédula. solo se admiten números.

117

Finalmente aparece un mensaje de confirmación que el usuario ha sido creado.

Para modificar un usuario, Buscamos el usuario que se desee modificar, clic donde indica la flecha, llenar los campos que se deseen modificar y pulsar Guardar Cambios. Aparecerá un mensaje de que sus cambios han sido guardados cuando finalice con éxito.

118

Para eliminar un usuario, buscamos el usuario que se desea eliminar, clic donde indica la flecha, aparecerá un mensaje de confirmación para eliminar, si está seguro de eliminar, pulsar Aceptar, sino Cancelar. Si pulsó Aceptar, aparecerá un mensaje indicando que el usuario ha sido borrado.

2.2) NOTICIAS Del menú, seleccionamos Noticias, se despliega información de las noticias existentes. Permite crear nuevas noticias, modificarlas, eliminarla, imprimir, ver categorías. Lo que se indica en círculo verde, significa que es la noticia que se visualiza en la página web de inicio. Para cambiar simplemente se da clic en el símbolo de la estrella que se desee.

119

Si pulsamos el botón de imprimir, como se indica en la imagen, se podrá imprimir la página actual con las noticias que se visualizan.

Para agregar una nueva noticia, pulsamos donde indica la flecha.

A continuación llenamos los campos solicitados, todos son obligatorios; finalmente pulsamos Crear. Aparecerá un mensaje de confirmación que la noticia ha sido creada. El campo 1 indica si la noticia está en estado publicado o en borrador, si está en estado publicado la noticia será visible en la página web, caso contrario, no. El campo 2 indica la categoría, se selecciona la categoría donde será visible la noticia. El campo 3 indica el título. El campo 4 indica el slug, consiste en cambiar los espacios en blanco de un título y sus caracteres especiales por guiones. El texto va en minúscula. El campo 5 indica la imagen que debe ser seleccionada para mostrar la noticia.

120

1 2 3 4 5

Para modificar una noticia, seleccionamos la noticia que se desee modificar, clic donde indica la flecha, llenar los campos que se deseen modificar y pulsar Guardar. Aparecerá un mensaje de que sus cambios han sido guardados cuando finalice con éxito.

Para eliminar una noticia, seleccionamos la noticia que deseamos eliminar y pulsamos donde indica la flecha, aparecerá un mensaje de confirmación para eliminar, si está seguro de eliminar, pulsar Aceptar, sino Cancelar. Si pulsó Aceptar, aparecerá un mensaje indicando la noticia que ha sido borrada.

121

Para visualizar las categorías que existen, pulsar como se indica en la imagen.

Se visualiza la siguiente pantalla, en la que se puede imprimir, agregar, modificar y eliminar las categorías que han sido creadas.

Si pulsamos el botón de imprimir, como se indica en la imagen, se podrá imprimir la página actual con las categorías que se visualizan.

122

Para agregar una nueva categoría, pulsamos donde indica la flecha.

A continuación llenamos los campos solicitados, todos son obligatorios; finalmente pulsamos Crear categoría. Aparecerá un mensaje de confirmación que la categoría ha sido creada.

Para modificar una categoría, seleccionamos la categoría que se desee modificar, clic donde indica la flecha, llenar los campos que se deseen modificar y pulsar Guardar cambios. Aparecerá un mensaje de que sus cambios han sido guardados cuando finalice con éxito.

123

Para eliminar una categoría, seleccionamos la categoría que deseamos eliminar y pulsamos donde indica la flecha, aparecerá un mensaje de confirmación para eliminar, si está seguro de eliminar, pulsar Aceptar, sino Cancelar. Si pulsó Aceptar, aparecerá un mensaje indicando la categoría que ha sido borrada.

2.3) PERIODOS Del menú, seleccionamos Periodos, se despliega información de los periodos existentes. Permite crear nuevos periodos, modificarlos, eliminarlos y desbloquearlos. También podemos imprimir. Lo que se indica en círculo verde, significa que ese es el periodo que está en curso. Para cambiar simplemente se da clic en el símbolo de la estrella que se desee.

124

Si pulsamos el botón de imprimir, como se indica en la imagen, se podrá imprimir la página actual con los periodos que se visualizan.

Para agregar un nuevo periodo, pulsamos donde indica la flecha.

A continuación llenamos los campos solicitados, todos son obligatorios; finalmente pulsamos Crear periodo. Aparecerá un mensaje de confirmación que el periodo ha sido creado.

125

Para modificar un periodo, seleccionamos el periodo que se desee modificar, clic donde indica la flecha, llenar los campos que se deseen modificar y pulsar Guardar Cambios. Aparecerá un mensaje de que sus cambios han sido guardados cuando finalice con éxito.

Para eliminar un periodo, seleccionamos el periodo que deseamos eliminar y pulsamos donde indica la flecha, aparecerá un mensaje de confirmación para eliminar, si está seguro de eliminar, pulsar Aceptar, sino Cancelar. Si pulsó Aceptar, aparecerá un mensaje indicando el periodo que se ha borrado.

Desbloqueo como se indica en la figura, este icono permite brindar un lapso de tiempo determinado para que los docentes puedan subir las notas de los estudiantes, de esta manera se controla que los docentes cumplan con el cronograma de la institución.

126

Para seleccionar el tiempo y a que parcial se va a subir la nota, dar clic en la flecha.

A continuaci贸n se despliega los campos que necesitan ser llenados, todos los campos son de car谩cter obligatorio, una vez los campos completos, pulsar Crear desbloqueo, mostrando un mensaje de confirmaci贸n que el bloqueo ha sido creado.

127

Una vez creado el desbloqueo, se puede modificar, eliminar. Para modificar damos clic en la flecha y a continuación llenar los campos que se deseen cambiar y pulsar guardar. Y se visualiza un mensaje de que los cambios han sido guardados.

Para eliminar un desbloqueo, seleccionamos el desbloqueo que deseamos eliminar y pulsamos donde indica la flecha, aparecerá un mensaje de confirmación para eliminar, si está seguro de eliminar, pulsar Aceptar, sino Cancelar. Si pulsó Aceptar, aparecerá un mensaje indicando desbloqueo borrado.

2.4) GRADOS Del menú, seleccionamos Grados, se despliega información de los grados existentes en el periodo académico seleccionado. Permite crear nuevos grados, modificarlos y eliminarlos. También podemos imprimir.

128

Si pulsamos el botón de imprimir, como se indica en la imagen, se podrá imprimir la página actual con los grados que se visualizan.

Para agregar un nuevo grado, pulsamos donde indica la flecha.

A continuación llenamos los campos solicitados, todos son obligatorios; finalmente pulsamos Crear grado. Aparecerá un mensaje de confirmación que el grado ha sido creado.

129

Para modificar un grado, seleccionamos el grado que se desee modificar, clic donde indica la flecha, llenar los campos que se deseen modificar y pulsar Guardar. Aparecerá un mensaje de que sus cambios han sido guardados cuando finalice con éxito.

Para eliminar un grado, seleccionamos el grado que deseamos eliminar y pulsamos donde indica la flecha, aparecerá un mensaje de confirmación para eliminar, si está seguro de eliminar, pulsar Aceptar, sino Cancelar. Si pulsó Aceptar, aparecerá un mensaje indicando el grado que se ha borrado.

130

2.5) ASIGNATURAS Del menú, seleccionamos Asignaturas, se despliega información de las asignaturas existentes. Permite crear nuevas asignaturas, modificarlas y eliminarlas. También podemos imprimir.

Si pulsamos el botón de imprimir, como se indica en la imagen, se podrá imprimir la página actual con las asignaturas que se visualizan.

131

Para agregar una nueva asignatura, pulsamos donde indica la flecha.

A continuación llenamos el campo solicitado, es obligatorio; finalmente pulsamos Crear asignatura. Aparecerá un mensaje de confirmación que la nueva asignatura ha sido creada.

Para modificar una asignatura, seleccionamos la asignatura que se desee modificar, clic donde indica la flecha, llenar los campos que se deseen modificar y pulsar Guardar. Aparecerá un mensaje de que sus cambios han sido guardados cuando finalice con éxito.

132

Para eliminar una asignatura, seleccionamos la asignatura que deseamos eliminar y pulsamos donde indica la flecha, aparecerá un mensaje de confirmación para eliminar, si está seguro de eliminar, pulsar Aceptar, sino Cancelar. Si pulsó Aceptar, aparecerá un mensaje indicando la asignatura que se ha borrado.

2.6) DOCENTES Del menú, seleccionamos Docentes, se despliega información de los docentes existentes. Permite cargar la lista de docentes, descargar el archivo e imprimir. Además se realizan las asignaciones de las asignaturas a los docentes.

133

Si pulsamos el botón de imprimir, como se indica en la imagen, se podrá imprimir la página actual con los docentes que se visualizan.

Para cargar la información de los docentes, tenemos que descargar el formato en Excel, se llena la información requerida luego debemos subir el archivo.

A los docentes se les realizan asignaciones de grado y asignatura, para esto dar clic en el visto que se encuentra en círculo.

134

A continuación se despliega la pantalla, en la que se visualizan las asignaciones, mismas que pueden ser impresas, caso contrario, dar clic como se indica en la imagen.

Llenamos los campos solicitados, es obligatorio; finalmente pulsamos Asignar. Aparecerá un mensaje de confirmación indicando asignatura asignada.

Una vez creada la asignación, puede esta ser modificada y eliminada. Si es modificada seleccionamos lo que se desee modificar, clic donde indica la flecha, llenar los campos que se deseen modificar y pulsar Guardar. Aparecerá un mensaje de que sus cambios han sido guardados cuando finalice con éxito.

135

Para eliminar una asignación, seleccionamos lo que deseamos eliminar y pulsamos donde indica la flecha, aparecerá un mensaje de confirmación para eliminar, si está seguro de eliminar, pulsar Aceptar, sino Cancelar. Si pulsó Aceptar, aparecerá un mensaje indicando la asignatura que ha sido desasignada.

2.7) HORARIOS Del menú, seleccionamos Horarios, se despliega información de los horarios existentes. Permite cargar nuevos horarios, modificar, eliminar e imprimir.

Si pulsamos el botón de imprimir, como se indica en la imagen, se podrá imprimir la página actual con los horarios que se visualizan.

136

Para agregar un nuevo horario, pulsamos donde indica la flecha.

A continuación llenamos los campos solicitados, todos son obligatorios, el archivo que se selecciona debe ser un PDF; finalmente pulsamos Crear nuevo horario. Aparecerá un mensaje de confirmación que el horario ha sido creado.

Para modificar un horario, seleccionamos el horario que se desee modificar, clic donde indica la flecha, llenar los campos que se deseen modificar y pulsar Guardar. Aparecerá un mensaje de que sus cambios han sido guardados cuando finalice con éxito.

137

Para eliminar un horario, seleccionamos el horario que deseamos eliminar y pulsamos donde indica la flecha, aparecerá un mensaje de confirmación para eliminar, si está seguro de eliminar, pulsar Aceptar, sino Cancelar. Si pulsó Aceptar, aparecerá un mensaje indicando horario borrado.

2.8) ESTUDIANTES Del menú, seleccionamos Estudiantes, se despliega información de los estudiantes existentes. Permite cargar nuevos estudiantes, modificar, eliminar e imprimir. Además, se asigna a los estudiantes los grados.

Para agregar un nuevo alumno o la lista de alumnos, pulsamos como indica la imagen

138

Aparece la siguiente pantalla, los campos son obligatorios de llenar; una vez subido el archivo formato .xls con los nombres completos del estudiante seleccionamos el grado. Aquí podemos subir de forma individual o la lista de todos los estudiantes.

Para subir el archivo con los nombres del estudiante, en un documento de Excel se guarda apellidos y nombres del estudiante con formato .xls, es decir, Excel 97-2003.

El icono de matrículas, permite visualizar en qué periodo este dicho alumno matriculado y en qué estado está, puede ser aprobado, suspendido, en curso, reprobado.

139

Para agregar una nueva matricula a dicho alumno, pulsar donde se indica, a continuación. Si el estado del estudiante está en curso y se desea agregar una matrícula, aparecerá un mensaje no se puede matricular, ya tiene una matrícula en curso.

Llenar el campo de grado, es obligatorio, y pulsar Matricular. Para realizar esta nueva matricula el estado del estudiante debe ser diferente de en curso. A continuación pulsar Guardar, aparecerá un mensaje indicando que sus cambios han sido guardados.

140

Para modificar la matricula pulsar como indica la figura.

A continuación se visualiza la siguiente pantalla, llenar los campos que desee modificar y pulsar Guardar aparecerá un mensaje indicando que los cambios han sido guardados.

Para eliminar una matrícula, seleccionamos la que deseamos eliminar y pulsamos donde indica la flecha, aparecerá un mensaje de confirmación para eliminar, si está seguro de eliminar, pulsar Aceptar, sino Cancelar. Si pulsó Aceptar, aparecerá un mensaje indicando la matricula que se ha eliminado.

141

2.9) NOTAS Del menú, seleccionamos Notas, seleccionamos el grado, la asignatura, quimestre y parcial, si existen notas se despliega información. De las notas visualizadas permite modificar. El módulo Notas permite: Imprimir las notas que se visualizan en la pantalla. Descargar y subir un archivo, mismo que permite llenar las notas de los estudiantes de un grado determinado, para no hacerlo de manera individual. Cargar notas de forma individual. Nota: Para que se visualice los datos, deben haber asignaciones de docentes a grados con asignatura y estudiantes a grados. El campo nota, solo acepta números hasta el 10, si va a subir decimales hacerlo con punto.

Si pulsamos el botón de imprimir, como se indica en la imagen, se podrá imprimir la página actual con las notas que se visualizan.

142

Para subir las notas de los estudiantes de un grado determinado, para no hacerlo de manera individual, primero se debe descargar el formato en Excel, se llena el documento con la informaciรณn necesaria y se sube el archivo.

Para subir notas de manera individual, damos clic como ilustra la imagen.

En esta pantalla se van agregar nuevas notas, seleccionamos del primer campo el grado y de manera automรกtica en el segundo campo se visualiza las asignaturas que estรกn asignadas a ese grado, proceder a llenar los siguientes campos de manera obligatoria, el ultimo campo es opcional. Finalmente pulsamos Crear Nota y aparecerรก un mensaje de confirmaciรณn nota creada.

143

Si se desea modificar una nota, damos clic sobre la nota que se desea modificar.

A continuaci贸n aparece la siguiente pantalla, modificamos la nota y pulsar Guardar. Aparecer谩 un mensaje de confirmaci贸n indicando que sus cambios han sido guardados.

144

2.10) REPORTES Del men煤, seleccionamos Reportes, se despliega informaci贸n de los reportes que podemos generar. Para generar reportes, seleccionamos el grado, el quimestre y el parcial que deseamos, a continuaci贸n pulsar Generar.

145

Se descargará un archivo .xls que contiene los boletines de calificaciones, si desea imprimir estos boletines, en diseño de página poner una escala de 80%.

2.11) RESPALDOS Del menú, seleccionamos Respaldos, se despliega respaldos existentes. Permite descargar nuevos respaldos e imprimir.

Si pulsamos el botón de imprimir, como se indica en la imagen, se podrá imprimir la página actual con los respaldos que se visualizan.

146

Si pulsamos descargar, se descarga un archivo comprimido que contiene un archivo .sql, que contiene la informaci贸n de la bdd. Se recomienda que los respaldos se hagan de manera quimestral.

Los respaldos que se han creado, pueden ser eliminados

Si se desea volver a un punto anterior, se pulsa restaurar.

Una vez logueado, para visualizar o cambiar informaci贸n y para cerrar sesi贸n pulsar como indica la imagen .podemos ver el perfil, actualizar el perfil, cambiar clave y salir.

147

A continuaci贸n se visualiza la siguiente imagen.

Si pulsamos Ver perfil, se visualiza la informaci贸n del usuario que se encuentra logueado.

Si pulsamos Actualizar perfil, podemos modificar desde la imagen hasta la informaci贸n personal del usuario logueado, todos los campos deben ser llenados de forma obligatoria.

148

Si pulsamos Cambiar clave, se visualiza la pantalla donde se podrá cambiar la contraseña del usuario logueado.

Si pulsamos Salir, se cerrara la sesión y se visualizará la página para que pueda acceder al centro de aplicaciones.

149

ANEXO 9

PONTIFICIA UNIVERSIDAD CATÓLICA DEL ECUADOR SEDE SANTO DOMINGO

Dirección Académica - Escuela de Sistemas

Manual de Usuario – Docente

DESARROLLO DE UNA PÁGINA WEB DINÁMICA PARA LA GESTIÓN DE NOTAS E INFORMACIÓN DE LA UNIDAD EDUCATIVA CIUDAD DE CARACAS DEL CANTÓN SANTO DOMINGO

Santo Domingo – Ecuador Febrero, 2015

150

1) Como acceder al Centro de Aplicaciones Escribimos en la barra de direcciones www.uecc.edu.ec

Aparece la página principal de la Unidad Educativa Ciudad de Caracas, a continuación dar clic en ENTRAR, como se indica en la imagen.

Aparece la pantalla de login, aquí se debe ingresar usuario y contraseña para autenticar los datos del usuario docente, luego pulsar Login. Si acceder al centro de aplicaciones no era lo que deseaba, dar clic en UECC, como indica la flecha.

151

2) MENU DEL CENTRO DE APLICACIONES – DOCENTE Si los datos del docente son correctos, se visualiza la siguiente pantalla.

2.1) ESTUDIANTES Del menú, seleccionamos Estudiantes, se despliega información de los estudiantes existentes. Permite descargar la lista de estudiantes del grado seleccionado, e imprimir. Además, se puede ver las notas de los estudiantes.

152

Si pulsamos el botรณn de imprimir, como se indica en la imagen, se podrรก imprimir la pรกgina actual con la informaciรณn de los estudiantes que se visualizan.

Si pulsamos el botรณn de descargar, como se indica en la imagen, se da inicio a la descarga de la lista de estudiantes del grado determinado, dicho archivo se descarga en formato .xls.

153

Si desea ver las notas del estudiante, pulsar el botón de notas, como se indica en la imagen.

Se podrá visualizar el boletín de calificaciones del estudiante seleccionado y también imprimir.

2.2) TAREAS Del menú, seleccionamos Tareas, se despliega información de las tareas existentes que los docentes han subido. Permite cargar nuevas tareas, imprimir, modificar, eliminar y ver los deberes subidos.

154

Para visualizar tareas que se ha subido para un grado determinado en una materia determinada, se selecciona la informaci贸n requerida y se pulsa Filtrar, como se visualiza en la imagen.

Si pulsamos el bot贸n de imprimir, como se indica en la imagen, se podr谩 imprimir las tareas existentes que el docente ha subido.

Para agregar una nueva tarea, pulsamos donde indica la flecha.

155

A continuación llenamos los campos solicitados, todos son obligatorios. El archivo que se selecciona puede ser cualquier formato, al seleccionar el grado de manera automática se cargan las asignaturas que posee ese grado, basta con seleccionar la asignatura que se desea. Finalmente se crea una fecha de expiración, es decir, hasta cuando tendrá validez la tarea y pulsamos Crear nueva tarea. Aparecerá un mensaje de confirmación que la tarea ha sido creada.

Para modificar la tarea pulsar como indica la figura.

A continuación se visualiza la siguiente pantalla, llenar los campos que desee modificar y pulsar Guardar, aparecerá un mensaje indicando que los cambios han sido guardados.

156

Para eliminar una tarea, seleccionamos la que deseamos eliminar y pulsamos donde indica la flecha, aparecerรก un mensaje de confirmaciรณn para eliminar, si estรก seguro de eliminar, pulsar Aceptar, sino Cancelar. Si pulsรณ Aceptar, aparecerรก un mensaje indicando tarea borrada.

Para visualizar quienes han subido los deberes, pulsar como indica la figura.

157

A continuación se visualiza la siguiente pantalla con el nombre del estudiante, el deber que subió con la fecha y hora. También, se puede imprimir lo que se visualiza en la pantalla y subir una nueva tarea.

2.3) NOTAS Del menú, seleccionamos Notas, seleccionamos el grado, la asignatura, quimestre y parcial, si existen notas se despliega información. De las notas visualizadas permite modificar. El módulo Notas permite: Imprimir las notas que se visualizan en la pantalla. Descargar y subir un archivo, mismo que permite llenar las notas de los estudiantes de un grado determinado, para no hacerlo de manera individual. Cargar notas de forma individual.

Nota: Para que se visualice los datos, deben haber asignaciones de docentes a grados con asignatura y estudiantes a grados. El campo nota, solo acepta números hasta el 10, si va a subir decimales hacerlo con punto.

158

Si pulsamos el bot贸n de imprimir, como se indica en la imagen, se podr谩 imprimir la p谩gina actual con las notas que se visualizan.

159

Para subir notas de manera individual, damos clic como ilustra la imagen.

160

Si se desea modificar una nota, damos clic sobre la nota que se desea modificar.

161

A continuación aparece la siguiente pantalla, modificamos la nota y pulsar Guardar. Aparecerá un mensaje de confirmación indicando que sus cambios han sido guardados.

2.4) REPORTES Del menú, seleccionamos Reportes, se despliega información de los reportes que podemos generar. Para generar reportes, seleccionamos el grado, el quimestre y el parcial que deseamos, a continuación pulsar Generar.

162

Se descargará un archivo .xls que contiene los boletines de calificaciones, si desea imprimir estos boletines, en diseño de página poner una escala de 80%.

Una vez logueado, para visualizar o cambiar información y para cerrar sesión pulsar como indica la imagen .podemos ver el perfil, actualizar el perfil, cambiar clave y salir.

163

A continuaci贸n se visualiza la siguiente imagen.

Si pulsamos Ver perfil, se visualiza la informaci贸n del usuario que se encuentra logueado.

164

Si pulsamos Actualizar perfil, podemos modificar desde la imagen hasta la informaciĂłn personal del usuario logueado, todos los campos deben ser llenados de forma obligatoria.

Si pulsamos Cambiar clave, se visualiza la pantalla donde se podrĂĄ cambiar la contraseĂąa del usuario logueado.

165

Si pulsamos Salir, se cerrara la sesiรณn y se visualizarรก la pรกgina para que pueda acceder al centro de aplicaciones.

166

ANEXO 10

PONTIFICIA UNIVERSIDAD CATÓLICA DEL ECUADOR SEDE SANTO DOMINGO

Dirección Académica - Escuela de Sistemas

Manual de Usuario – Estudiante

DESARROLLO DE UNA PÁGINA WEB DINÁMICA PARA LA GESTIÓN DE NOTAS E INFORMACIÓN DE LA UNIDAD EDUCATIVA CIUDAD DE CARACAS DEL CANTÓN SANTO DOMINGO

Santo Domingo – Ecuador Febrero, 2015

167

1) Como acceder al Centro de Aplicaciones Escribimos en la barra de direcciones www.uecc.edu.ec

Aparece la página principal de la Unidad Educativa Ciudad de Caracas, a continuación dar clic en ENTRAR, como se indica en la imagen.

Aparece la pantalla de login, aquí se debe ingresar usuario y contraseña para autenticar los datos del usuario estudiante, luego pulsar Login. Si acceder al centro de aplicaciones no era lo que deseaba, dar clic en UECC, como indica la flecha.

168

2) MENU DEL CENTRO DE APLICACIONES – ESTUDIANTE Si los datos del estudiante son correctos, se visualiza la siguiente pantalla con el boletín de notas.

2.1) DEBERES Del menú, seleccionamos Deberes, se despliega información de los deberes que ha subido y los que puede subir. Además, permite imprimir la pantalla que se visualiza, pulsando como se indica en la imagen.

169

Para subir un deber, pulsar como se indica la imagen, tener en cuenta el formato de la tarea que el docente ha enviado, para subir el mismo formato.

Una vez subido el deber, el icono desaparece, es decir, una tarea solo puede ser subida una vez, por lo tanto, tener la debida precauci贸n de seleccionar adecuadamente el archivo para subir.

170

Una vez logueado, para visualizar o cambiar informaci贸n y para cerrar sesi贸n pulsar como indica la imagen .podemos ver el perfil, actualizar el perfil, cambiar clave y salir.

A continuaci贸n se visualiza la siguiente imagen.

171

Si pulsamos Ver perfil, se visualiza la informaci贸n del usuario que se encuentra logueado.

Si pulsamos Actualizar perfil, podemos modificar desde la imagen hasta la informaci贸n personal del usuario logueado, todos los campos deben ser llenados de forma obligatoria.

172

Si pulsamos Cambiar clave, se visualiza la pantalla donde se podrá cambiar la contraseña del usuario logueado.

Si pulsamos Salir, se cerrara la sesión y se visualizará la página para que pueda acceder al centro de aplicaciones.

173

ANEXO 11

PONTIFICIA UNIVERSIDAD CATÓLICA DEL ECUADOR SEDE SANTO DOMINGO

Dirección Académica - Escuela de Sistemas

Diccionario de Datos

DESARROLLO DE UNA PÁGINA WEB DINÁMICA PARA LA GESTIÓN DE NOTAS E INFORMACIÓN DE LA UNIDAD EDUCATIVA CIUDAD DE CARACAS DEL CANTÓN SANTO DOMINGO

Santo Domingo – Ecuador Febrero, 2015

174 localhost

uecc

acos Columna

Tipo

Nulo

int(10)

parent_id

int(10)

Sí

model

varchar(255)

Sí

Predeterminado Comentarios

MIME

NULL

foreign_key int(10)

Sí

NULL

alias

varchar(255)

Sí

lft

int(10)

Sí

NULL

rght

int(10)

Sí

NULL

Columna

Tipo

Nulo

Predeterminado Comentarios

int(10)

parent_id

int(10)

Sí

model

varchar(255)

Sí

aros MIME

NULL

foreign_key int(10)

Sí

NULL

alias

varchar(255)

Sí

lft

int(10)

Sí

NULL

rght

int(10)

Sí

NULL

aros_acos Columna Tipo

Nulo

Predeterminado Comentarios

int(10)

aro_id

int(10)

aco_id

int(10)

_create

char(2)

_read

char(2)

_update

char(2)

_delete

char(2)

Columna Tipo

Nulo

Predeterminado Comentarios

bigint(20)

name

varchar(100)

MIME

asignaturas MIME

175

assignments Columna

Tipo

Nulo

bigint(20)

user_id

bigint(20)

periodo_id

bigint(20)

grado_id

bigint(20)

asignatura_id bigint(20)

Predeterminado

Comentarios

MIME

backups Columna Tipo

Nulo

int(11)

file

varchar(255)

created

datetime

Predeterminado Comentarios

MIME

blogs Columna

Tipo

Nulo

bigint(20)

category_id int(11)

user_id

bigint(20)

portada

tinyint(1)

title

varchar(250)

slug

varchar(250)

content

text

image

varchar(50)

estado

varchar(20)

views

int(11)

created

datetime

Predeterminado Comentarios

MIME

categories Columna Tipo

Nulo

int(11)

name

varchar(50)

slug

varchar(50)

Predeterminado Comentarios

MIME

176

contacts Columna Tipo

Nulo

bigint(20)

name

varchar(200)

phone

varchar(50)

message

text

created

date

Predeterminado Comentarios

MIME

Predeterminado Comentarios

MIME

desbloqueos Columna Tipo

Nulo

bigint(20)

periodo_id bigint(20)

desde

date

hasta

date

quimestre varchar(30)

parcial

int(11)

docentes Columna

Tipo

Nulo

bigint(20)

user_id

bigint(20)

address

varchar(250)

nacionalidad

varchar(30)

born_place

varchar(40)

sexo

varchar(20)

cargas

int(11)

estado_civil

varchar(20)

enfermedades varchar(200)

discapacidad

varchar(200)

dependencia

varchar(20)

lengua

varchar(20)

Predeterminado Comentarios

MIME

177

grados Columna Tipo

Nulo

bigint(20)

periodo_id int(11)

user_id

int(11)

nivel

varchar(5)

paralelo

varchar(1)

seccion

varchar(1)

Predeterminado Comentarios

MIME

groups Columna Tipo

Nulo

bigint(20)

name

varchar(50)

Predeterminado

Comentarios

MIME

parent_id bigint(20)

SĂ

created

datetime

0000-00-00 00:00:00

modified

datetime

0000-00-00 00:00:00

Columna Tipo

Nulo

Predeterminado Comentarios

MIME

bigint(20)

tarea_id

bigint(20)

user_id

bigint(20)

archivo

varchar(250)

created

datetime

Predeterminado Comentarios

MIME

homeworks

horarios Columna Tipo

Nulo

bigint(20)

periodo_id bigint(20)

grado_id

bigint(20)

archivo

varchar(250)

views

bigint(20)

178

matriculas Columna

Tipo

Nulo

bigint(20)

periodo_id

bigint(20)

user_id

bigint(20)

grado_id

bigint(20)

observacion varchar(250)

estado

varchar(3)

created

date

Predeterminado Comentarios

MIME

notas Columna

Tipo

Nulo

bigint(20)

user_id

bigint(20)

asignatura_id bigint(20)

grado_id

bigint(20)

periodo_id

bigint(20)

quimestre

varchar(30)

parcial

int(11)

informe

text

Predeterminado Comentarios

MIME

periodos Columna Tipo

Nulo

bigint(20)

name

varchar(100)

inicio

date

fin

date

estado

tinyint(1)

Predeterminado Comentarios

MIME

179

tareas Columna

Tipo

Nulo

bigint(20)

user_id

bigint(20)

periodo_id

int(11)

grado_id

bigint(20)

asignatura_id bigint(20)

archivo

varchar(250)

descargas

bigint(20)

hasta

date

created

datetime

Predeterminado Comentarios

MIME

users Columna Tipo

Nulo

bigint(20)

group_id

int(11)

name

varchar(200)

avatar

varchar(20)

movil

varchar(100)

varchar(250)

born

date

cedula

varchar(11)

Predeterminado

Comentarios

MIME

0000-00-00

username varchar(100)

password varchar(100)

ultimavisita datetime

modified

datetime

created

datetime

0000-00-00 00:00:00

estado

tinyint(1)

Columna Tipo

Nulo

Predeterminado Comentarios

bigint(20)

nota_id

bigint(20)

desc

varchar(20)

criterio

varchar(200)

value

float(3,1)

created

date

0000-00-00 00:00:00

values MIME

180

ANEXO 12

PONTIFICIA UNIVERSIDAD CATÓLICA DEL ECUADOR SEDE SANTO DOMINGO

Dirección Académica - Escuela de Sistemas

Script Base de Datos UECC

DESARROLLO DE UNA PÁGINA WEB DINÁMICA PARA LA GESTIÓN DE NOTAS E INFORMACIÓN DE LA UNIDAD EDUCATIVA CIUDAD DE CARACAS DEL CANTÓN SANTO DOMINGO

Santo Domingo – Ecuador Febrero, 2015

181 ---------

phpMyAdmin SQL Dump version 4.3.7 http://www.phpmyadmin.net Servidor: 10.123.0.222:3306 Tiempo de generaciÃ³n: 17-02-2015 a las 00:52:26 VersiÃ³n del servidor: 5.5.37 VersiÃ³n de PHP: 5.4.36-0+deb7u3

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; SET time_zone = "+00:00"; /*!40101 /*!40101 /*!40101 /*!40101

SET SET SET SET

@OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; NAMES utf8 */;

--- Base de datos: ùecc` --- ---------------------------------------------------------- Estructura de tabla para la tabla àcos` -CREATE TABLE IF NOT EXISTS àcos` ( ìd` int(10) unsigned NOT NULL, `parent_id` int(10) DEFAULT NULL, `model` varchar(255) DEFAULT '', `foreign_key` int(10) unsigned DEFAULT NULL, àlias` varchar(255) DEFAULT '', `lft` int(10) DEFAULT NULL, `rght` int(10) DEFAULT NULL ) ENGINE=MyISAM AUTO_INCREMENT=26 DEFAULT CHARSET=utf8; -- ---------------------------------------------------------- Estructura de tabla para la tabla àros` -CREATE TABLE IF NOT EXISTS àros` ( ìd` int(10) unsigned NOT NULL, `parent_id` int(10) DEFAULT NULL, `model` varchar(255) DEFAULT '', `foreign_key` int(10) unsigned DEFAULT NULL, àlias` varchar(255) DEFAULT '', `lft` int(10) DEFAULT NULL, `rght` int(10) DEFAULT NULL ) ENGINE=MyISAM AUTO_INCREMENT=1610 DEFAULT CHARSET=utf8; -- --------------------------------------------------------

182 --- Estructura de tabla para la tabla àros_acos` -CREATE TABLE IF NOT EXISTS àros_acos` ( ìd` int(10) unsigned NOT NULL, àro_id` int(10) unsigned NOT NULL, àco_id` int(10) unsigned NOT NULL, `_create` char(2) NOT NULL DEFAULT '0', `_read` char(2) NOT NULL DEFAULT '0', `_update` char(2) NOT NULL DEFAULT '0', `_delete` char(2) NOT NULL DEFAULT '0' ) ENGINE=MyISAM AUTO_INCREMENT=45 DEFAULT CHARSET=utf8; -- ---------------------------------------------------------- Estructura de tabla para la tabla àsignaturas` -CREATE TABLE IF NOT EXISTS àsignaturas` ( ìd` bigint(20) NOT NULL, `name` varchar(100) NOT NULL ) ENGINE=MyISAM AUTO_INCREMENT=14 DEFAULT CHARSET=utf8; -- ---------------------------------------------------------- Estructura de tabla para la tabla àssignments` -CREATE TABLE IF NOT EXISTS àssignments` ( ìd` bigint(20) NOT NULL, ùser_id` bigint(20) NOT NULL, `periodo_id` bigint(20) NOT NULL, `grado_id` bigint(20) NOT NULL, àsignatura_id` bigint(20) NOT NULL ) ENGINE=MyISAM AUTO_INCREMENT=17 DEFAULT CHARSET=utf8; -- ---------------------------------------------------------- Estructura de tabla para la tabla `backups` -CREATE TABLE IF NOT EXISTS `backups` ( ìd` int(11) NOT NULL, `file` varchar(255) CHARACTER SET latin1 NOT NULL, `created` datetime NOT NULL ) ENGINE=MyISAM AUTO_INCREMENT=9 DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci; -- --------------------------------------------------------

183 --- Estructura de tabla para la tabla `blogs` -CREATE TABLE IF NOT EXISTS `blogs` ( ìd` bigint(20) NOT NULL, `category_id` int(11) NOT NULL, ùser_id` bigint(20) NOT NULL, `portada` tinyint(1) NOT NULL, `title` varchar(250) CHARACTER SET latin1 NOT NULL, `slug` varchar(250) CHARACTER SET latin1 NOT NULL, `content` text CHARACTER SET latin1 NOT NULL, ìmage` varchar(50) CHARACTER SET latin1 NOT NULL, èstado` varchar(20) CHARACTER SET latin1 NOT NULL, `views` int(11) NOT NULL, `created` datetime NOT NULL ) ENGINE=MyISAM AUTO_INCREMENT=26 DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci; -- ---------------------------------------------------------- Estructura de tabla para la tabla `categories` -CREATE TABLE IF NOT EXISTS `categories` ( ìd` int(11) NOT NULL, `name` varchar(50) CHARACTER SET latin1 NOT NULL, `slug` varchar(50) CHARACTER SET latin1 NOT NULL ) ENGINE=MyISAM AUTO_INCREMENT=9 DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci; -- ---------------------------------------------------------- Estructura de tabla para la tabla `contacts` -CREATE TABLE IF NOT EXISTS `contacts` ( ìd` bigint(20) NOT NULL, `name` varchar(200) NOT NULL, èmail` varchar(200) NOT NULL, `phone` varchar(50) NOT NULL, `message` text NOT NULL, `created` date NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; -- --------------------------------------------------------

184 --- Estructura de tabla para la tabla `desbloqueos` -CREATE TABLE IF NOT EXISTS `desbloqueos` ( ìd` bigint(20) NOT NULL, `periodo_id` bigint(20) NOT NULL, `desde` date NOT NULL, `hasta` date NOT NULL, `quimestre` varchar(30) NOT NULL, `parcial` int(11) NOT NULL ) ENGINE=MyISAM AUTO_INCREMENT=5 DEFAULT CHARSET=utf8; -- ---------------------------------------------------------- Estructura de tabla para la tabla `docentes` -CREATE TABLE IF NOT EXISTS `docentes` ( ìd` bigint(20) NOT NULL, ùser_id` bigint(20) NOT NULL, àddress` varchar(250) CHARACTER SET latin1 NOT NULL, `nacionalidad` varchar(30) CHARACTER SET latin1 NOT NULL, `born_place` varchar(40) CHARACTER SET latin1 NOT NULL, `sexo` varchar(20) CHARACTER SET latin1 NOT NULL, `cargas` int(11) NOT NULL DEFAULT '0', èstado_civil` varchar(20) CHARACTER SET latin1 NOT NULL, ènfermedades` varchar(200) CHARACTER SET latin1 NOT NULL, `discapacidad` varchar(200) CHARACTER SET latin1 NOT NULL, `dependencia` varchar(20) CHARACTER SET latin1 NOT NULL, `lengua` varchar(20) CHARACTER SET latin1 NOT NULL ) ENGINE=MyISAM AUTO_INCREMENT=47 DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci; -- ---------------------------------------------------------- Estructura de tabla para la tabla `grados` -CREATE TABLE IF NOT EXISTS `grados` ( ìd` bigint(20) NOT NULL, `periodo_id` int(11) NOT NULL, ùser_id` int(11) NOT NULL, `nivel` varchar(5) NOT NULL, `paralelo` varchar(1) NOT NULL, `seccion` varchar(1) NOT NULL ) ENGINE=MyISAM AUTO_INCREMENT=46 DEFAULT CHARSET=utf8; -- ---------------------------------------------------------- Estructura de tabla para la tabla `groups` --

185 CREATE TABLE IF NOT EXISTS `groups` ( ìd` bigint(20) unsigned NOT NULL, `name` varchar(50) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL DEFAULT '', `parent_id` bigint(20) DEFAULT '0', `created` datetime NOT NULL DEFAULT '0000-00-00 00:00:00', `modified` datetime NOT NULL DEFAULT '0000-00-00 00:00:00' ) ENGINE=MyISAM AUTO_INCREMENT=7 DEFAULT CHARSET=utf8; -- ---------------------------------------------------------- Estructura de tabla para la tabla `homeworks` -CREATE TABLE IF NOT EXISTS `homeworks` ( ìd` bigint(20) NOT NULL, `tarea_id` bigint(20) NOT NULL, ùser_id` bigint(20) NOT NULL, àrchivo` varchar(250) COLLATE utf8_spanish_ci NOT NULL, `created` datetime NOT NULL ) ENGINE=MyISAM AUTO_INCREMENT=12 DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci; -- ---------------------------------------------------------- Estructura de tabla para la tabla `horarios` -CREATE TABLE IF NOT EXISTS `horarios` ( ìd` bigint(20) NOT NULL, `periodo_id` bigint(20) NOT NULL, `grado_id` bigint(20) NOT NULL, àrchivo` varchar(250) NOT NULL, `views` bigint(20) NOT NULL ) ENGINE=MyISAM AUTO_INCREMENT=6 DEFAULT CHARSET=utf8; -- ---------------------------------------------------------- Estructura de tabla para la tabla `matriculas` -CREATE TABLE IF NOT EXISTS `matriculas` ( ìd` bigint(20) NOT NULL, `periodo_id` bigint(20) NOT NULL, ùser_id` bigint(20) NOT NULL, `grado_id` bigint(20) NOT NULL, òbservacion` varchar(250) NOT NULL, èstado` varchar(3) NOT NULL, `created` date NOT NULL ) ENGINE=MyISAM AUTO_INCREMENT=1574 DEFAULT CHARSET=utf8; -- --------------------------------------------------------

186 --- Estructura de tabla para la tabla `notas` -CREATE TABLE IF NOT EXISTS `notas` ( ìd` bigint(20) NOT NULL, ùser_id` bigint(20) NOT NULL, àsignatura_id` bigint(20) NOT NULL, `grado_id` bigint(20) NOT NULL, `periodo_id` bigint(20) NOT NULL, `quimestre` varchar(30) NOT NULL, `parcial` int(11) NOT NULL, ìnforme` text NOT NULL ) ENGINE=MyISAM AUTO_INCREMENT=76 DEFAULT CHARSET=utf8; -- ---------------------------------------------------------- Estructura de tabla para la tabla `periodos` -CREATE TABLE IF NOT EXISTS `periodos` ( ìd` bigint(20) NOT NULL, `name` varchar(100) NOT NULL, ìnicio` date NOT NULL, `fin` date NOT NULL, èstado` tinyint(1) NOT NULL ) ENGINE=MyISAM AUTO_INCREMENT=12 DEFAULT CHARSET=utf8; -- ---------------------------------------------------------- Estructura de tabla para la tabla `tareas` -CREATE TABLE IF NOT EXISTS `tareas` ( ìd` bigint(20) NOT NULL, ùser_id` bigint(20) NOT NULL, `periodo_id` int(11) NOT NULL, `grado_id` bigint(20) NOT NULL, àsignatura_id` bigint(20) NOT NULL, àrchivo` varchar(250) COLLATE utf8_spanish_ci NOT NULL, `descargas` bigint(20) NOT NULL, `hasta` date NOT NULL, `created` datetime NOT NULL ) ENGINE=MyISAM AUTO_INCREMENT=27 DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci; -- --------------------------------------------------------

187 --- Estructura de tabla para la tabla ùsers` -CREATE TABLE IF NOT EXISTS ùsers` ( ìd` bigint(20) NOT NULL, `group_id` int(11) NOT NULL, `name` varchar(200) CHARACTER SET latin1 NOT NULL DEFAULT '', àvatar` varchar(20) CHARACTER SET latin1 COLLATE latin1_spanish_ci NOT NULL, `movil` varchar(100) CHARACTER SET latin1 NOT NULL DEFAULT '', èmail` varchar(250) CHARACTER SET latin1 NOT NULL DEFAULT '', `born` date NOT NULL DEFAULT '0000-00-00', `cedula` varchar(11) CHARACTER SET latin1 NOT NULL DEFAULT '', ùsername` varchar(100) CHARACTER SET latin1 NOT NULL DEFAULT '', `password` varchar(100) CHARACTER SET latin1 NOT NULL DEFAULT '', ùltimavisita` datetime NOT NULL DEFAULT '0000-00-00 00:00:00', `modified` datetime NOT NULL, `created` datetime NOT NULL DEFAULT '0000-00-00 00:00:00', èstado` tinyint(1) NOT NULL DEFAULT '0' ) ENGINE=MyISAM AUTO_INCREMENT=1606 DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci; -- ---------------------------------------------------------- Estructura de tabla para la tabla `values` -CREATE TABLE IF NOT EXISTS `values` ( ìd` bigint(20) NOT NULL, `nota_id` bigint(20) NOT NULL, `desc` varchar(20) CHARACTER SET latin1 NOT NULL, `criterio` varchar(200) CHARACTER SET latin1 NOT NULL, `value` float(3,1) NOT NULL, `created` date NOT NULL ) ENGINE=MyISAM AUTO_INCREMENT=66 DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci; --- Ã•ndices para tablas volcadas ---- Indices de la tabla àcos` -ALTER TABLE àcos` ADD PRIMARY KEY (ìd`);

188 --- Indices de la tabla àros` -ALTER TABLE àros` ADD PRIMARY KEY (ìd`); --- Indices de la tabla àros_acos` -ALTER TABLE àros_acos` ADD PRIMARY KEY (ìd`); --- Indices de la tabla àsignaturas` -ALTER TABLE àsignaturas` ADD PRIMARY KEY (ìd`); --- Indices de la tabla àssignments` -ALTER TABLE àssignments` ADD PRIMARY KEY (ìd`), ADD KEY ùser_id` (ùser_id`), ADD KEY `materia_id` (àsignatura_id`); --- Indices de la tabla `backups` -ALTER TABLE `backups` ADD PRIMARY KEY (ìd`); --- Indices de la tabla `blogs` -ALTER TABLE `blogs` ADD PRIMARY KEY (ìd`); --- Indices de la tabla `categories` -ALTER TABLE `categories` ADD PRIMARY KEY (ìd`); --- Indices de la tabla `contacts` -ALTER TABLE `contacts` ADD PRIMARY KEY (ìd`); --- Indices de la tabla `desbloqueos` -ALTER TABLE `desbloqueos` ADD PRIMARY KEY (ìd`); --

189 -- Indices de la tabla `docentes` -ALTER TABLE `docentes` ADD PRIMARY KEY (ìd`); --- Indices de la tabla `grados` -ALTER TABLE `grados` ADD PRIMARY KEY (ìd`); --- Indices de la tabla `groups` -ALTER TABLE `groups` ADD PRIMARY KEY (ìd`); --- Indices de la tabla `homeworks` -ALTER TABLE `homeworks` ADD PRIMARY KEY (ìd`); --- Indices de la tabla `horarios` -ALTER TABLE `horarios` ADD PRIMARY KEY (ìd`); --- Indices de la tabla `matriculas` -ALTER TABLE `matriculas` ADD PRIMARY KEY (ìd`); --- Indices de la tabla `notas` -ALTER TABLE `notas` ADD PRIMARY KEY (ìd`); --- Indices de la tabla `periodos` -ALTER TABLE `periodos` ADD PRIMARY KEY (ìd`); --- Indices de la tabla `tareas` -ALTER TABLE `tareas` ADD PRIMARY KEY (ìd`);

190 --- Indices de la tabla ùsers` -ALTER TABLE ùsers` ADD PRIMARY KEY (ìd`); --- Indices de la tabla `values` -ALTER TABLE `values` ADD PRIMARY KEY (ìd`); --- AUTO_INCREMENT de las tablas volcadas ---- AUTO_INCREMENT de la tabla àcos` -ALTER TABLE àcos` MODIFY ìd` int(10) unsigned NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=26; --- AUTO_INCREMENT de la tabla àros` -ALTER TABLE àros` MODIFY ìd` int(10) unsigned NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=1610; --- AUTO_INCREMENT de la tabla àros_acos` -ALTER TABLE àros_acos` MODIFY ìd` int(10) unsigned NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=45; --- AUTO_INCREMENT de la tabla àsignaturas` -ALTER TABLE àsignaturas` MODIFY ìd` bigint(20) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=14; --- AUTO_INCREMENT de la tabla àssignments` -ALTER TABLE àssignments` MODIFY ìd` bigint(20) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=17; --- AUTO_INCREMENT de la tabla `backups` -ALTER TABLE `backups` MODIFY ìd` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=9; --- AUTO_INCREMENT de la tabla `blogs` -ALTER TABLE `blogs` MODIFY ìd` bigint(20) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=26; --- AUTO_INCREMENT de la tabla `categories`

191 -ALTER TABLE `categories` MODIFY ìd` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=9; --- AUTO_INCREMENT de la tabla `contacts` -ALTER TABLE `contacts` MODIFY ìd` bigint(20) NOT NULL AUTO_INCREMENT; --- AUTO_INCREMENT de la tabla `desbloqueos` -ALTER TABLE `desbloqueos` MODIFY ìd` bigint(20) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=5; --- AUTO_INCREMENT de la tabla `docentes` -ALTER TABLE `docentes` MODIFY ìd` bigint(20) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=47; --- AUTO_INCREMENT de la tabla `grados` -ALTER TABLE `grados` MODIFY ìd` bigint(20) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=46; --- AUTO_INCREMENT de la tabla `groups` -ALTER TABLE `groups` MODIFY ìd` bigint(20) unsigned NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=7; --- AUTO_INCREMENT de la tabla `homeworks` -ALTER TABLE `homeworks` MODIFY ìd` bigint(20) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=12; --- AUTO_INCREMENT de la tabla `horarios` -ALTER TABLE `horarios` MODIFY ìd` bigint(20) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=6; --- AUTO_INCREMENT de la tabla `matriculas` -ALTER TABLE `matriculas` MODIFY ìd` bigint(20) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=1574; --- AUTO_INCREMENT de la tabla `notas` -ALTER TABLE `notas` MODIFY ìd` bigint(20) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=76; --- AUTO_INCREMENT de la tabla `periodos` -ALTER TABLE `periodos` MODIFY ìd` bigint(20) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=12; --

192 -- AUTO_INCREMENT de la tabla `tareas` -ALTER TABLE `tareas` MODIFY ìd` bigint(20) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=27; --- AUTO_INCREMENT de la tabla ùsers` -ALTER TABLE ùsers` MODIFY ìd` bigint(20) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=1606; --- AUTO_INCREMENT de la tabla `values` -ALTER TABLE `values` MODIFY ìd` bigint(20) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=66; /*!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 */;

193

ANEXO 13

PONTIFICIA UNIVERSIDAD CATÓLICA DEL ECUADOR SEDE SANTO DOMINGO

Dirección Académica - Escuela de Sistemas

Manual de Configuración

DESARROLLO DE UNA PÁGINA WEB DINÁMICA PARA LA GESTIÓN DE NOTAS E INFORMACIÓN DE LA UNIDAD EDUCATIVA CIUDAD DE CARACAS DEL CANTÓN SANTO DOMINGO

Santo Domingo – Ecuador Febrero, 2015

194

Configuraci贸n de Base de datos C贸mo requisito se necesita tener instalado en el servidor Web la base de datos MySQL, PHP junto con phpmyadmin. Se accede al phpmyadmin desde el navegador Web y se crea la base de datos: uecc

Se debe crear el usuario que tendr谩 privilegios sobre la base de datos: uecc_user.

195

Se debe importar la base de datos que se encuentra en los archivos adjuntos al proyecto: uecc.sql.gz

Se habrรกn importado toda la estructura de la base de datos del proyecto.

196

Configuraciรณn del Proyecto Para que se pueda conectar el proyecto a la base de datos creada, se debe modificar el archivo de conexiรณn a la base de datos. Con un editor de cรณdigo se abre la carpeta del proyecto y se modifica el archivo /app/Config/database.php. Se registran los datos de la base de datos, tal como se registraron previamente, como muestra la imagen:

Configuraciรณn del Servidor Web Se requiere que se pueda acceder al servidor Web mediante FTP, en este caso se utilizarรก FireFTP (es un componente que se instala en el navegador Mozilla Firefox).

197

Se crea una nueva conexiรณn:

Una vez conectado podrรก acceder al servidor, donde se deberรก subir todos los archivos del proyecto, tal como se muestra en la imagen.

198

Completado el proceso, se podrรก acceder al sitio Web: www.uecc.edu.ec