Aplicacion Web para Colegio

PONTIFICIA
UNIVERSIDAD
CATLICA
DEL ECUADOR
SEDE AMB ATO
SERIS MIS TESTIGOS
ESCUELA DE SISTEMAS
TEMA:
"DESARROLLO DE UNA APLICACIN WEB PARA EL REGISTRO Y
CONSULTA DE NOTAS POR INTERNET, UTILIZANDO PROTOCOLO DE
SEGURIDAD HTTPS PARA EL COLEGIO NACIONAL MARIANO BENTEZ"
Disertacin de Grado previo a la obtencin del ttulo de Ingeniero de

Sistemas y Computacin
LINEA DE INVESTIGACIN: Implementacln de soluciones para ambientes
Web usando tcnicas de programacin y herramientas para la generacin
de aplicaciones.
AUTOR:
ALVARO JULIO RODRGUEZ CANDO
DIRECTOR:
ING. GALO MAURICIO LPEZ SEVILLA

Ambato - Ecuador
N de ingreso:
canie:
Donacin: x
i Compra:
*-
'
Fecna de factura
FechaQe ingreso: |OG3~C/
Febrero 2011
tCs) fl
BtBUOTECA
PONTIFICIA UNIVERSIDAD CATUCA DEL ECUADOR

SEDE AMBATO
ESCUELA DE INGENIERA DE SISTEMAS
HOJA DE APROBACIN
Tema:
"DESARROLLO DE UNA APLICACIN WEB PARA EL REGISTRO Y
CONSULTA DE NOTAS POR INTERNET, UTILIZANDO PROTOCOLO DE
SEGURIDAD HTTPS, PARA EL COLEGIO NACIONAL MARIANO BENTEZ"
Autor:
ALVARO JULIO RODRGUEZ CANDO
Galo Lpez Ing. MSc.

DIRECTOR DE DISERTACIN
Patricio Medina Ing. MSc.

CALIFICADOR
Vernica Palacho Ing. MSc.

CALIFICADOR
Santiago Acuno Ing. MSc.
f)
DIRECTOR DE LA ESCUELA DE SISTEMAS
Pablo Poveda Mora Ab.

SECRETARIO GENERAL PUCESA
ECRETARLA GENERA
PROCURADURA
iii
DECLARACIN DE AUTENTICIDAD
Y RESPONSABILIDAD
Yo, Alvaro Julio Rodrguez Cando, portador de la cdula de ciudadana No.

1804279113-4 declaro que los resultados obtenidos de la investigacin que
presento como informe final, previo a la obtencin del ttulo de Ingeniero de
Sistemas
y Computacin
son absolutamente
originales,
autnticos y
personales.
En tal virtud, declaro que el contenido, las conclusiones y los efectos legales y
acadmicos que se desprenden del trabajo propuesto de investigacin y luego
de la redaccin de este documento son y sern de mi sola y exclusiva
responsabilidad legal y acadmica.
Alvaro Afliof<p0Hguez Cando

CC: 1804279113-4
IV
AGRADECIMIENTO
Primeramente quiero dar un profundo agradecimiento a nuestro Dios el creador de todo

y promotor de nuestras vidas, a mis queridos padres Julio Csar Rodrguez y Zoila
Guillermina Cando quienes siempre me han brindado su amor y apoyo a cada
momento, a m hermosa familia por la ayuda brindada desde mi niez hasta mi
juventud, mil gracias por todo.
Un profundo y real agradecimiento a la Pontificia Universidad Catlica del Ecuador

Sede Ambato, por abrirme sus puertas y en sus aulas cristalizar mis conocimientos; as
tambin a mis entraables profesores, quienes a ms de brindarme su conocimiento
cientfico me dieron bases para ser un profesional a carta cabal.
Un especial agradecimiento a los Ingenieros: Galo Lpez, Patricio Medina y Vernica

Pailiacho, quienes a ms de haber sido mis profesores, son mis verdaderos y leales
amigos, el cual con sus conocimientos y palabras de aliento me guiaron a concluir el
presente trabajo y formar en m un profesional integro.
DEDICATORIA
El presente trabajo va dedicado con todo mi cario y amor a las personas que
han estado y estarn siempre en mi corazn:
Mi adorable padre que con su empeo y dedicacin logro brindarme su apoyo y

entrega en cada etapa de mi vida y ser el eje principal para cumplir mi aorado
sueo y terminar esta etapa de mi vida.
A mi querida abuelita Etelvina Malusn por estar siempre a mi lado y guiarme

con sus buenos consejos, a mi madrastra y amiga Wlma Silva por el aprecio y
apoyo que siempre me ha brindado.
VI
RESUMEN
La presente investigacin: Desarrollo de una aplicacin web para el Colegio

Nacional "Maano Benitez" del Cantn Pelileo utilizando protocolo de seguridad
HTTPS, facilita el acceso a la informacin de manera que padres, alumnos y
maestros, logren acceder a ella en tiempo real. Su objetivo principal es que
todos tos estudiantes del colegio puedan consultar sus
calificaciones
trimestrales, faltas de asistencia, nota de supletorio, sumas totales de cada

materia, consulta del estado del estudiante en el caso si esta aprobado,
reprobado, supletorio como tambin muestra datos personales y avisos por
parte del colegio. Obviamente el registro de las calificaciones sern ingresadas
por los profesores; para ellos se desarroll un modulo de: datos personales del
docente, comunicaciones por parte de la institucin y lo ms importante se
filtrar los cursos, materias y estudiantes que corresponden a cada uno de los
docentes para posteriormente ingresar tas respectivas notas del alumnado. El
administrador es et tercer usuario y el ms importante, debido a que es el nico
quin tiene la potestad de ingresar, modificar eliminar docentes, estudiantes,
materias, cursos y avisos. Otro objetivo del proyecto mencionado anteriormente
se trata de la seguridad de los datos, es por ello que se aplica un protocolo de
seguridad llamado HTTPS, el cual se encarga de proteger la informacin
utilizando mtodos de encriptacn evitando posibles ataques de violacin de
seguridad.
Vil
ABSTRACT
The present investigation: Development of a Web Application for the Maano

Benitez High School from Pelileo using the securty protocol HTTPS, facilitates
the access to Information so that parents, students and teachers get access to it
in real time. It's main objective is to give all students of High School the
possibility to consult their quartery grades, absences, supplementary exam
grade, total for each subject, search the studenfs status as approved, failed,
supplementary grade; it also shows personal data and notices from the High
School. Obviously, the grades registration will be entered by teachers. For this,
a module containng teacher's personal data, Communications from the
institution and most important filtered courses, student and subject that
correspond to each teacher to subsequently enter the respective grade of the
students was developed.
The administrator is the third and the important user because he is the onty one
who has the power to inser, edit and delete: teachers, students, subjects,
courses and notices. Another objective of the mentioned project is data securty;
for which a securty protocol called HTTPS is applied, which is responsible for
protecting the Information using encryptton methods to avoid potential violation
of securty attacks.
VIII
TABLA DE CONTENIDOS
Portada
Hoja de Aprobacin
ii
Declaracin de Autenticidad y Responsabilidad
Agradecimiento
iv
Dedicatoria
Resumen
vi
Abstract
vii
CAPITULO I
1.1 Problemtica de la Investigacin
1.1.1 Antecedentes
1.1.2 Significado del Problema
1.1.3 Problema
1.1.4 Planteamiento del Tema
1.2 Objetivos
1.2.1 Objetivo General
1.2.2 Objetivos Especficos
1.3 Justificacin
1.4 Delimitacin del Proyecto de Trabajo
1.5 Mtodos de Investigacin
1.6 Enfoque metodolgico de trabajo
1.6.1 Proceso
1.6.2 Mtodos
1.6.3 Tcnicas
IX
CAPITULO II
2.1 Marco Terico
2.1.1 Internet
2.1.2 Familia de Protocolos
11
2.1.2.1 TCP/IP
12
2.1.2.2 Protocolo HTTPS
12
2.1.3 Dominio de Internet
18
2.1.3.1 Dominios de Nivel Superior
19
2.1.4 Alojamiento Web
20
2.1.5 La Web 2.0
20
2.1.6 Aplicaciones Web
22
2.1.7 Plataformas Web para la Educacin
23
2.1.7.1 Pginas Web en Centros Educativos
24
2.1.7.2 Uso de los blogs en la Educacin
25
2.1.7.3 Plataforma E-leaming
26
2.1.8 Lenguajes de Desarrollo Web
28
2.1.8.1 Lenguaje HTML
28
2.1.8.2 Hojas de Estilo en Cascada
29
2.1.8.3 Lenguaje PHP
29
2.1.8.4 Lenguaje Java Script
30
2.1.10 Base de Datos MySql
31
CAPITULO III
3.1 Anlisis Preliminar
34
3.1.1 Encuestas a Docentes
35
3.1.2 Anlisis y resultados de las Encuestas a los Docentes
35
3.1.3 Encuestas a Estudiantes
45
BIBLIOTECA
3.1.4 Anlisis y resultados de las Encuestas a los Estudiantes
45
3.1.5 Resultados y Conclusiones de las Encuestas:
55
3.2 Anlisis del Sistema
56
3.2.1 Tcnicas de Recoleccin
56
3.2.4 Ciclo de Vida del Software
58
3.2.5 Estudio de Viabilidad
61
3.2.5.1 Econmica
61
3.2.5.2 Tcnica
61
3.2.5.3 Legal
61
3.2.6 Diagrama Entidad Relacin
62
3.27 Diagrama de Flujo de Datos
63
3.3 Diseo del Sistema
68
3.3.1 Diseo Fsico de la Base de Datos
68
3.3.2 Diccionario de Datos
69
3.3.3 Diseo de Interfaces
73
3.3.4 Diseo de Entradas y Salidas
74
3.3.5 Diseo de la Arquitectura de la Aplicacin
76
3.3.6 Mapa del Sitio
78
3.4 Implementacin
80
3.4.1 Implementacin de Entradas y Salidas
80
3.4.2 Implementacin de la Base de Datos
81
3.4.3 Implementacin de la Aplicacin
90
3.4.4 Implementacin de la Aplicacin en el Servidor Web
98
3.4.5 Implementacin de Seguridades
101
3.4.6 Implementacin de Protocolo de Seguridad HTTPS
110
3.5 Pruebas y resultados
117
3.5.1 Pruebas de Caja Blanca
117
3.5.2 Pruebas de Caja Negra
121
3.5.3 Pruebas de Carga
126
3.5.4 Pruebas de Seguridad
127
XI
CAPITULO IV
4.1 Conclusiones
130
4.2 Recomendaciones
132
Bibliografa
134
Glosario de Trminos
136
ANEXOS
138
ANEXO N. 1 Manual de Instalacin
138
ANEXO N. 2 Manual de Usuario
150
ANEXO N. 3 Encuestas
207
XII
TABLA DE GRFICOS
Grfico N.1: Esquema Grfico de Internet
10
Grfico N.2: Esquema Grfico de una red utilizando protocolo "https"
18
Grfico N.3: Esquema Grfico de una Aplicacin Web
23
Grfico N.4: Blog del Colegio Nacional" Mariano Bentez"
25
Grfico N.5: Logotipo de Dokeos
26
Grfico N.6: Logotipo Base de Datos MySql
32
Grfico N.7: Pastel Estadstico Docentes Pregunta 1
36
38
39
41
42
44
Grfico N.13: Pastel Estadstico Estudiantes Pregunta 1
46
48
49
50
52
53
54
Grfico N.20: Esquema del Ciclo de Vida del Software
60
Grfico N.21: Diagrama Entidad Relacin
63
Grfico N.22: Diagrama de Flujo de Datos Nivel O
64
Grfico N.23: Diagrama de Flujo de Datos Nivel 1
65
Grfico N.24: DFD Registrar Nivel 2
66
Grfico N.25: DFD Actualizar Nivel 2
66
Grfico N.26: DFD Eliminar Nivel 2
67
Grfico N.27: DFD Validar Nivel 2
67
Grfico N.28: DFD Generar Reporte Nivel 2
68
XIII
Grfico N.29: Diseo Fsico de la Base de Datos
69
Grfico N.30: Esquema de Entradas y Salidas
75
Grfico N.31: Pgina Principal
80
Grfico N.32: Pgina de Docente
81
Grfico N.33: Pantalla ingreso de estudiantes
96
Grfico N.34: Pantalla Panel de Control del Servidor
100
Grfico N.35: Pantalla de Transferencia de Archivos
101
Grfico N.36: Pantalla principal manejo SSL
112
Grfico N.37: Pantalla formulario de datos SSL
113
Grfico N.38: Pantalla Creacin del Certificado
113
Grfico N.39: Pantalla Generar firma SSL
114
114
Grfico N.41: Validacin Ingreso de Estudiante
121
Grfico N.42: Estructura Navegacin Estudiante
122
Grfico N.43: Estructura Navegacin Docente
122
Grfico N.44: Estructura Navegacin Administrador
123
Grfico N.45: Ingreso de Alumno
124
Grfico N.46: Mensaje de Confirmacin
124
Grfico N.47: Consulta de Alumno
124
Grfico N.48: Interfaz Docente de fcil manejo
125
Grfico N.49: Pgina re direccionada por acceso ilegal
129
XIV
TABLAS
Tabla N.1: Anlisis de Riesgos
57
Tabla N.2: Tabla Usuarios
70
Tabla N.3: Tabla Seccin
70
Tabla N.4: Tabla Cursos
70
Tabla N.5: Tabla Materias
71
Tabla N.6: Tabla Curmato Distributivo
71
Tabla N.7: Tabla Avisos
71
Tabla N.8: Tabla Mixero Notas
72
Tabla N.9: Tabla Bloqueo
73
Tabla N.9: Resultado de tiempo de respuesta
127
Tabla N.10: Acceso a pginas por nivel de usuario
129
CAPITULO I
1.1
Problemtica de la Investigacin
1.1.1 Antecedentes
El Colegio Nacional "Mariano Bentez" se encuentra ubicado en el Cantn

Pelileo, tiene alrededor de 1800 estudiantes con las secciones diurna y
nocturna, cuenta con las especialidades de Fsico Matemtico, Ciencias
Sociales, Qumico Bilogo e Informtica. El colegio maneja un sistema de notas
local nicamente para secretara, maneja todo lo referente a matrculas de
estudiantes, notas trimestrales finales e informes. El mtodo que aplica la
institucin para evaluar a los estudiantes es trimestral, cada trimestre consta de
cuatro aportes, de trabajos investigativos, tareas, lecciones escritas u orales y el
examen final. El Colegio tiene la necesidad de consultar las notas de los
estudiantes, desde cualquier computadora pero como el sistema de notas no lo
permite y existe demoras para realizar los boletines y peor an, para que los
padres y estudiantes se enteren de sus notas finales; es por ello el objetivo de
realizar una aplicacin web para que los estudiantes y el colegio en si tengan
acceso a ste servicio.
1.1.2 Significado del Problema
El Colegio Nacional "Mariano Bentez" del Cantn Pelileo, no cuenta con una
aplicacin web, en el cual los estudiantes accedan a consultar sus notas
trimestrales desde cualquier lugar y en cualquier momento.
Esta carencia ha permanecido desde siempre, y la problemtica es la demora

que conlleva a realizar ste proceso. La secretaria es la nica encargada de
realizar los informes trimestrales a cada estudiante, por la razn de que existe
un sistema escolstico de escritorio monousuaro y no es posible realizar con
rapidez los informes.
1.1.3 Problema
En qu forma la aplicacin web puede mejorar el servicio del Colegio ante sus
estudiantes?
Por qu trabajar con PHP y MySQL?
El lenguaje de programacin PHP, tiene todas las caractersticas necesarias

para realizar aplicaciones de calidad?
El protocolo de seguridad SSL, mantiene la integridad de los datos ante
cualquier amenaza?
1.1.4 Planteamiento del Tema
"Desarrollo de una aplicacin web para el registro y consulta de notas por

internet, utilizando protocolo de seguridad HTTPS, para el Colegio Nacional
Mariano Bentez".
1.2 Objetivos
1.2.1 Objetivo General
Desarrollar una aplicacin web con protocolo de seguridad HTTPS, para la

consulta y registro de notas del Colegio Nacional Mariano Bentez del Cantn
Pelileo, utilizando como herramienta de programacin lenguaje PHP.
1.2.2 Objetivos Especficos
Desarrollar una aplicacin web con protocolo de seguridad HTTPS, para la

consulta y registro de notas de todos los estudiantes del Colegio Nacional
Mariano Bentez.
Crear una base de datos para almacenar y hacer uso de la informacin

utilizando como herramienta MySQL
Contratar un hosting, dominio y protocolo de seguridad SSL para el Colegio
Nacional Mariano Bentez.
Implementar la aplicacin web en la internet con datos reales def colegio
para hacer uso del mismo.
1.3 Justificacin
El Colegio Mariano Bentez se encuentra en la necesidad de brindar un

excelente servicio a sus estudiantes con lo referente at acceso a ta informacin,
y un problema especial es la demora que tiene secretara para procesar las
notas trimestrales y una vez que se realizaron los informes de cada estudiante,
el colegio llama a una sesin para dar conocimiento del mismo.
Es por ello la creacin de una Aplicacin Web, donde todos y cada uno de los
estudiantes puedan consultar sus notas, y puedan informarse fcilmente desde
cualquier mquina que tenga acceso a la Internet. Esto ser de gran utilidad at
Colegio debido a que se optimizar el tiempo y el trabajo ser de todos los
profesores y no solo de una persona.
1.4 Delimitacin del Proyecto de Trabajo
El proyecto contempla el desarrollo de una aplicacin web para el registro y

consulta de notas de todos los estudiantes, con tres mdulos distintos para
administradores, docentes y estudiantes respectivamente.
El lenguaje de programacin a utilizarse para el desarrollo de la aplicacin web

es PHP ya que es un lenguaje para desarrollo de aplicaciones web de cdigo
libre es decir no tiene pago de licencia, por otro lado, la base de datos de la
aplicacin ser implementada utilizando MySql.
Los datos que maneje la aplicacin web diariamente van a ser manejados
directamente desde un servidor pagado, debido a que el colegio no cuenta con
su propio servidor y el respaldo de la informacin ser mensualmente.
1.5 Mtodos de Investigacin
Para realizar la presente proyecto investigacin se utilizarn los siguientes

mtodos:
Cientfico: Al desarrollar una aplicacin web por medio de un modelo de

ingeniera de software se pondr a prueba la efectividad, eficiencia,
integridad y confiabilidad del software. Por lo tanto los mtodos y tcnicas
que ofrece un modelo, ayudar a obtener un producto de calidad, en base a
un estudio cientfico de ingeniera.
Descriptiva: Identificar los componentes que caracterizan el problema,
como en el caso de ataques de seguridad por hackers.
1.6 Enfoque metodolgico de trabajo
1.6.1 Proceso
El proceso que se llevar a cabo para el cumplimiento del proyecto es

claramente identificado por las fases del modelo de desarrollo de Ingeniera de
Software denominado Modelo de Prototipo, detallado de la siguiente forma:
Recoleccin y refinamiento de requisitos: La informacin recolectada

proviene por parte Colegio Nacional Mariano Bentez.
Diseo Rpido: Diseo rpido de la interfaz de la aplicacin web.
Construccin de prototipo: El prototipo es una aplicacin funcional que

representa de manera bsica el producto final que ser implementado en la
internet.
Evaluacin del prototipo por el cliente: La evaluacin en este caso ser por
tres tipos de usuarios: administradores, docentes y estudiantes.
Refinamiento del prototipo: Esta fase netamente se dedica a la correccin y

aumento de caractersticas sugeridas en la fase anterior, todo esto se da por
parte del desarrotlador
Ingeniera Final: Es la entrega final del producto cuando se ha cumplido las

expectativas del cliente y se ha realizado las diferentes pruebas que la
Ingeniera de Software.
1.6.2 Mtodos
Acorde a lo mencionado anteriormente se aplicar un mtodo de desarrollo

cientfico que permite la utilizacin de conocimiento de Ingeniera de Software y
Gestin de Base de Datos; de manera ms especfica un mtodo de desarrollo
de prototipo ya que al ser un modelo circular permitir ir retinando los prototipos
presentados al colegio de manera que se pueda satisfacer completamente las
necesidades planteadas originalmente y las que aparezcan sobre la marcha del
proyecto.
1.6.3 Tcnicas
Las tcnicas a emplearse pueden encasillarse en los siguientes grupos:
Mtodos de Investigacin: Se utilizar metodologa bibliogrfica para adquirir

conocimientos sobre herramientas de desarrollo de aplicaciones web y como
tambin administracin de base de datos.
Mtodos de recoleccin de Informacin: La encuesta y la entrevista son los

mtodos
de
recoleccin
de
informacin,
proporcionando
una alta
confiabilidad al momento de obtener todos los requerimientos que el usuario

desea y plantea.
CAPITULO II
2.1 Marco Terico
Tomando en cuenta que para el desarrollo de un sistema web, es necesario

estudiar varas herramientas y entender los requerimientos que necesita la
misma, se debe proporcionar un conocimiento profundo de la teora que le da
significado a la informacin.
2.1.1 Internet
En la actualidad es una enorme red que conecta redes y computadoras

distribuidas por todo el mundo, permitiendo comunicar, buscar y transferir
informacin sin grandes requerimientos tecnolgicos ni econmicos relativos
para el individuo.
El trmino suele referirse a una interconexin en particular, de carcter

planetario y abierto al pblico, que conecta redes informticas de organismos
oficiales, educativos y empresariales. Tambin existen sistemas de redes ms
10
pequeos llamados ntranets, generalmente para el uso de una nica

organizacin, que obedecen a la misma filosofa de interconexin.
La tecnologa de Internet es una precursora de la llamada "superautopista de la

informacin", un objetivo terico de las comunicaciones informticas que
permitira proporcionar a colegios, bibliotecas, empresas y hogares acceso
universal a una informacin de calidad que eduque, informe y entretenga.
6ERMOOR
WTERNET
Grfico N.1: Esquema Grfico de Internet

Imagen tomada de: http:/Awww.tecnopcx.com/Diagrama red web.JPG
11
2.1.2 Familia de Protocolos
La familia de protocolos de Internet es un conjunto de protocolos de red en los

que se basa la Internet y que permiten la transmisin de datos entre redes de
computadoras.
En ocasiones se le denomina conjunto de protocolos TCP/IP, en referencia a

los dos protocolos ms importantes que la componen: Protocolo de Control de
Transmisin (TCP) y Protocolo de Internet (IP), que fueron los dos primeros en
definirse, y que son los ms utilizados de la familia. Existen tantos protocolos en
este conjunto que llegan a ser ms de 100 diferentes, entre ellos se encuentra
el popular HTTP (HyperText Transfer Protocol), que es el que se utiliza para
acceder a las pginas web, adems de otros como el FTP (File Transfer
Protocol) para transferencia de archivos, y el SMTP (Simple Mail Transfer
Protocol) y el POP (Post Office Protocol) para correo electrnico, TELNET para
acceder equipos remotos, entre otros.1
Wikipedia - http://es.wikipedia.org/wiki/Familia de protocolos dejnternet
12
2.1.2.1 TCP/IP
El TCP/IP es la base de Internet, y sirve para enlazar computadoras que utilizan

diferentes
sistemas
operativos,
incluyendo
PC,
min computadoras
computadoras centrales sobre redes de rea local (LAN) y rea extensa (WAN).
El protocolo TCP/IP no es ms que un protocolo para poder comunicarse con

otras computadoras. Este protocolo norma la manera en que la computadora
host se comunica al definir se empaquetan los datos y como se encuentra el
camino hasta la computadora remota. Este protocolo est formado por dos
protocolos diferentes, unidos y acoplados.
2.1.2.2 Protocolo HTTPS
Al navegar por internet no siempre se est buscando informacin o leyendo

artculos noticiosos o publicaciones de blogs, una gran parte del tiempo en lnea
tambin consiste en el envo de informacin personal ya sea cuando se desea
comprar un producto por internet, una simple transaccin obliga a ingresar los
datos personales y sobre todo la clave de la tarjeta de crdito para efectuar la
comprar, en fin todo lo que conlleve a ingresar datos privados de un usuario hay
13
un riesgo que exista fraude informtico por algn experto mal intencionado, en
el caso del presente proyecto ta integridad de la informacin de los estudiantes
debe ser protegida a ms de los mtodos de seguridad por el lenguaje php, es
por ello la necesidad de implementar el protocolo de seguridad "https" a travs
del cifrado de seguridad SSL.
HTTPS es la versin segura del protocolo HTTP ya que es utilizado

principalmente por entidades bancarias, tiendas en lnea, y cualquier tipo de
servicio que requiera el envo de datos personales o contraseas.
La idea principal de https es la de crear un canal seguro sobre una red

insegura. Esto proporciona una proteccin razonable contra ataques de
escuchas ilegales por volP y de intercepcin de datos, siempre que se empleen
mtodos de cifrado adecuados y que el certificado del servidor sea verificado y
resulte de confianza.
La confianza inherente en HTTPS est basada en una Autoridad de certificacin

superior que viene preinstalada en el software del navegador es el equivalente
a
decir
"Confo
en
la
autoridad
de
certificacin
por
ejemplo
VeriSign/Comodo/etc. para decirme en quien debera confiar". Sin embargo una
14
conexin HTTPS a un sitio puede ser validada si y solo si todo lo siguiente es

verdad:
1. El usuario confa en la Autoridad de certificacin para dar fe solo para sitios

web legtimos sin nombres engaosos.
2. El sitio proporciona un certificado vlido, lo que significa que est firmado
por una autoridad confiable.
3. El certificado identifica correctamente al sitio por ejemplo visitando
httpsV/www.srtioweb.com
4. Cada uno de los nodos involucrados en internet son dignos de confianza, o
que el usuario confe en que la capa de cifrado del protocolo SSL es
inquebrantable por un atacante.
Caractersticas Tcnicas
El sistema HTTPS utiliza un cifrado basado en SSL para crear un canal cifrado
ms apropiado para el trfico de informacin sensible que et protocolo HTTP.
De este modo se consigue que la informacin sensible usuario y claves de paso
normalmente, no pueda ser usada por un atacante que haya conseguido
interceptar la transferencia de datos de la conexin, ya que lo nico que
obtendr ser un flujo de datos cifrados que le resultar imposible de descifrar
15
El puerto estndar para este protocolo es el 443.
Diferencias con HTTP
En el protocolo HTTP las URLs comienzan con "http://" y utilizan por defecto el
puerto 80, Las URLs de HTTPS comienzan con "https://" y utilizan el puerto 443
por defecto.
HTTP es inseguro y est sujeto a ataques que pueden permitir al atacante

obtener acceso a cuentas de un sitio web e informacin confidencial. HTTPS
est diseado para resistir esos ataques y ser seguro.
Por qu usar un certificado digital?
Existen dos razones principales por las que uno debera usar un certificado
digital:
16
Para probar la identidad de su empresa o de su servidor en lnea, y al hacerlo,

crear un sentido de fiabilidad y confianza a quien usa su sitio Web.
Para ofrecer proteccin de los datos enviados a su sitio Web mediante el uso de
codificacin. Si llegara a interceptarse cualquier informacin, ser imposible
descifrarla sin la clave distintiva que debe utilizarse para la decodificacin.2
Qu es SSL?
El SSL protege los datos transferidos por http mediante el cifrado activado por
un certificado SSL en un servidor Los certificados SSL contienen una clave
pblica y otra privada. La clave pblica se utiliza para cifrar la informacin y la
privada para descifrara. Cuando un navegador se dirige a un dominio seguro,
se produce una "presentacin SSL" que autentica al cliente y el servidor y
establece un mtodo de cifrado y una clave de sesin nica. Entonces pueden
comenzar una sesin segura que protege la privacidad e integridad del
mensaje.
Wikipedia - http://es.wikipedia.org/wiki/Hypertext Transfer Protocol Secure
17
Capas de Red
HTTP opera en la capa ms alta del Modelo OSI, la Capa de Aplicacin; pero el
protocolo de seguridad opera en una subcapa ms baja, cifrando un mensaje
HTTP previo a la transmisin y descifrando un mensaje una vez recibido.
Estrictamente hablando, HTTPS no es un protocolo separado, pero refiere el
uso del HTTP ordinario sobre una Capa de Conexin Segura Cifrada.
Adquiriendo Certificados
Adquirir certificados puede ser gratuito generalmente slo si se paga por otros
servicios es decir, si se contrata un plan de hosting ms avanzado en la que
incluya la capa de seguridad SSL y puede costar entre US$240 y US$1,500 por
ao.3
Wikipedia - http://es.wikipedia.org/wiki/Hvpertext Transfer Protocol Secare
18
Grfico N.2: Esquema Grfico de una red utilizando protocolo "https"

Imagen tomada de: http://ima.tecnoloqiapvme.com/2009/01/certificados ssl2.jpg
2.1.3 Dominio de Internet
Un dominio de Internet es una red de identificacin asociada a un grupo de

dispositivos o equipos conectados a la red Internet.
El propsito principal de los nombres de dominio en Internet y del sistema de

nombres de dominio DNS, es traducir las direcciones IP de cada nodo activo en
la red, a trminos memorzables y fciles de encontrar Esta abstraccin hace
19
posible que cualquier servicio de red pueda moverse de un lugar geogrfico a

otro en la red, aun cuando el cambio implique que tendr una direccin IP
diferente.
2.1.3.1 Dominios de Nivel Superior
Cuando se cre el Sistema de Nombres de Dominio o DNS en los aos 80, el

espacio de nombres se dividi en dos grandes grupos. El primero incluye tos
dominios, basados en los dos caracteres de identificacin de cada territorio de
acuerdo a las abreviaciones del ISO-3166. (Ej. *.ec) y se denomina: Dominio de
nivel superior de cdigo de pas tambin incluyen un grupo de siete dominios de
primer nivel genricos que representan una see de nombres y muttiorganizaciones: GOB, EDU, COM, MIL, ORG, NETe INT.
Para la aplicacin web se necesitar contratar un dominio de nivel superior

debido a que una institucin educativa del Ecuador se la reconoce con el
dominio ejemplo.edu.ee4
Wiktpedia - http://es.wikipedia.org/wiki/Dominio de Internet
20
2.1.4 Alojamiento Web
A ms de un dominio la aplicacin del Colegio Mariano Bentez, necesitar un

servidor web ya que ste es un servicio que provee a los usuarios de internet
un sistema para poder almacenar informacin, imgenes, vdeo, o cualquier
contenido accesible va Web, Es una analoga de hospedaje o alojamiento en
hoteles o habitaciones donde uno ocupa un lugar especfico, en este caso la
analoga alojamiento web o alojamiento de pginas web, se refiere al tugar que
ocupa una pgina web, sitio web, sistema, correo electrnico, archivos, base de
datos, etc. en Internet o ms especficamente en un servidor que por lo general
hospeda varas aplicaciones o pginas web.
Los Hosting o alojamientos web son compaas que proporcionan espacio de

un servidor a sus clientes.
2.1.5 La Web 2.0
El trmino Web 2.0 est comnmente asociado con un fenmeno social,

basado en la interaccin que se logra a partir de diferentes aplicaciones web,
que facilitan el compartir informacin, la interoperabilidad, y la colaboracin en
la World Wide Web. Ejemplos de la Web 2.0 son las comunidades web, los
21
servicios web, las aplicaciones Web, los servicios de red social, los servicios de
alojamiento de videos, las wikis y btogs. Un sitio Web 2.0 permite a sus usuarios
interactuar con otros usuarios o cambiar contenido del sitio web, en contraste a
sitios web no-interactivos donde los usuarios se limitan a la vsualizacin pasiva
de informacin que se les proporciona.
La Web 2.0 es la transicin que se ha dado de aplicaciones tradicionales hacia

aplicaciones que funcionan a travs de la web, enfocada at usuario final. Se
trata de aplicaciones que generen colaboracin y de servicios que reemplacen
las aplicaciones de escritorio.
Es una etapa que ha definido nuevos proyectos en Internet y est

preocupndose por brindar mejores soluciones para el usuario final.
Y es que cuando el web inici, se encontraba en un entorno esttico, con

pginas en HTML que sufran pocas actualizaciones y no tenan interaccin con
el usuario, hoy en da existen muchas aplicaciones web que estn brindando
muchos servicios y facilidades como lo ste proyecto.
22
2.1.6 Aplicaciones Web
Con la introduccin de Internet y del Web en concreto, se han abierto infinidad

de posibilidades en cuanto al acceso a la informacin desde cualquier sitio.
En la ingeniera de software se denomina aplicacin web a aquellas

aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a
travs de Internet o de una intranet mediante un navegador En otras palabras,
es una aplicacin software que se codifica en un lenguaje soportado por los
navegadores web en la que se confa la ejecucin al navegador.
Las aplicaciones web son populares debido a lo prctico del navegador web
como cliente ligero, as como a la facilidad para actualizar y mantener
aplicaciones web sin distribuir e instalar software a miles de usuarios
potenciales. Es importante mencionar que una pgina Web puede contener
elementos que permiten una comunicacin activa entre el usuario y la
informacin. Esto permite que el usuario acceda a los datos de modo
interactivo, gracias a que la pgina responder a cada una de sus acciones,
como por ejemplo rellenar y enviar formularios, participar en juegos diversos y
acceder a gestores de base de datos de todo tipo.
23
...
Servidor
aplicaciones
web
Base de dato*
Grfico N.3: Esquema Grfico de una Aplicacin Web

Imagen Tomada de: httpV/ www.monografias.comArabaios7l/aDlicaciones-webava/image002.gif
2.1.7 Plataformas Web para la Educacin
En pocos aos los centros educativos que no utilicen Internet como va de

difusin e informacin pblica o como recurso de apoyo a su labor docente
sern una excepcin. Son muchas las instituciones que han adoptado como
primera iniciativa para abrirse un hueco en la red la elaboracin de pginas web
con propsitos informativos. Son pocas las instituciones que han incorporado a
su catlogo de servicios una plataforma virtual de formacin para gestionar
cursos y otras actividades diversas. El Colegio Nacional "Mariano Bentez", le
24
apuesta a la tecnologa para el mejoramiento acadmico y optmizacin de

procesos para brindar un excelente servicio al estudiantado utilizando como
medio de informacin la internet en colaboracin entre todos los docentes para
el buen servicio de la informacin y automatizacin de los datos.
2.1.7.1 Pginas Web en Centros Educativos
La primera experiencia que muchos centros han tenido en el uso de las

herramientas en la web ha sido la elaboracin de su pgina web oficial con el
objeto de tener presencia en Internet, dar a conocer su oferta educativa, de
servicios, para asi mantener informada a la comunidad escolar y al pblico en
general sobre lo que en el centro acontece.
Son sitios surgidos en su mayora a iniciativa de una o como muchas dos

personas del centro con algunos conocimientos sobre los sistemas clsicos de
publicacin de pginas web
y cuyos contenidos se actualizan con escasa
frecuencia. Pero es un gran avance ya que gracias aquello, los estudiantes se

orientan a un mundo tecnolgico y siembran los primeros pasos a profundizar
sus conocimientos del manejo de internet, como por ejemplo crear un email o
ser miembro de una red social.
25
2.1.7.2 Uso de los blogs en la Educacin
Para un desarrollo efectivo de la sociedad de la informacin y del conocimiento,

la educacin debe asumir el reto de la alfabetizacin digital de los ciudadanos
para que puedan hacer un uso libre y responsable de los recursos en Internet.
El individuo requiere de destrezas especficas para su supervivencia en este
nuevo entorno.
Es una de las ventajas de stas herramientas gratuitas es que cualquier

persona que no tenga conocimientos tcnicos sobre el tema lograr tener un
espacio en la red, para que la internet sea un recurso que fomente la educacin
y exista un vnculo entre estudiante y profesor.
Legio Nacional Mariano Benitcz
UlICOtU mt H MIJO M .*>
Colegio Nacional Mannnn Benitcz
.,,
'
Grfico N.4: Blog del Colegio Nacional" Mariano Benftez*

Imagen tomada de: httoJ/colegionmb.bioasoot.com/
26
2.1.7.3 Plataforma E-leamlng
Es principalmente una modalidad de aprendizaje a distancia o virtual, donde se

puede interactuar con los profesores por medio de Internet. El usuario puede
manejar los horarios, es un medio completamente autnomo. Constituye una
propuesta de formacin que contempla su implementacin predominantemente
mediante Internet, haciendo uso de los servicios y herramientas que esta
tecnologa provee.
Actualmente existen gran mayora de plataformas, tanto de comerciales como

de cdigo abierto. Se est empezando a implantar con fuerza la plataforma de
licencia libre Moodle como Dokeos.
Grfico N.5: Logotipo de Dokeos

Imagen tomada de: http://4.bp.bloQSPot.com/ R6PYwviAbdk/SRxecg2X1 cl/AAAAAAAAAAM/lrabKmQzUY/s320/loqo dokeos medium.jpg
27
Ventajas
1. Inmersin prctica en un entorno Web 2.0

2. Eliminacin de barreras espacales y temporales (desde su propia casa,
en el trabajo, en un viaje a travs de dispositivos mviles, etc.). Supone
una gran ventaja para empresas distribuidas geogrficamente.
3. Prcticas en entornos de simulacin virtual, difciles de conseguir en
formacin presencial, sin una gran inversin.
4. Gestin real del conocimiento: intercambio de ideas, opiniones, prcticas,
experiencias. Enriquecimiento colectivo del proceso de aprendizaje sin
lmites geogrficos.
5. Actualizacin constante de los contenidos (deduccin lgica del punto
anterior)
6. Reduccin de costes (en la mayon'a de los casos, a nivel metodolgico y,
siempre, en el aspecto logstco)
7. Permite una mayor conciliacin de la vida familiar y laboral.
28
2.1.8 Lenguajes de Desarrollo Web
2.1.8.1 Lenguaje HTML

Toda pgina web o aplicacin web necesita de un cdigo HTML ya que es un
lenguaje predominante, usado para describir la estructura y el contenido en
forma de texto, as como para complementar el texto con objetos tales como
imgenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes
angulares (<,>).
Una pgina web se la ve en el navegador y parece una sola entidad, pero no es

as, est compuesta por multitud de diferentes ficheros, como son las imgenes,
los posibles vdeos y lo ms importante: el cdigo fuente.
El cdigo de las pginas est escrito en un lenguaje llamado HTML, que indica
bsicamente donde colocar cada texto, cada imagen o cada video y la forma
que tendrn estos al ser colocados en la pgina.
29
2.1.8.2 Hojas de Estilo en Cascada
El diseo de la plantilla de la aplicacin web ser basado en hojas de estilo en

cascada CSS, ya que es un lenguaje usado para definir la presentacin de un
documento estructurado escrito en HTML o XML
La World Wide Web
Consortum W3C es et encargado de formular la especificacin de las hojas de

estilo que servirn de estndar para los agentes de usuario o navegadores. Los
estilos en cascada permiten disear plantillas con muy elegantes con efectos
llamativos y estructurar la aplicacin en s.
2.1.8.3 Lenguaje PHP
El sistema web del registro y consulta de notas con protocolo https, ser
desarrollado en base en uno de los lenguajes ms utilizados y muy potentes
especialmente para desarrollo web como lo es el PHP con licencia GNU, y que
puede ser incrustado dentro de cdigo HTML. Generalmente se ejecuta en un
servidor web, tomando el cdigo en PHP como su entrada y creando pginas
web como salida. Puede ser desplegado en la mayora de los servidores web y
en casi todos los sistemas operativos y plataformas sin costo alguno. PHP se
encuentra instalado en ms de 20 millones de sitios web y en un milln de
servidores, el nmero de sitios en PHP ha compartido algo de su preponderante
sitio con otros nuevos lenguajes no tan poderosos desde agosto de 2005.
30
El gran parecido que posee PMP con los lenguajes ms comunes de

programacin estructurada, como C y Perl, permiten a la mayora de los
programadores crear aplicaciones complejas con una curva de aprendizaje muy
corta. Tambin les permite involucrarse con aplicaciones de contenido dinmico
sin tener que aprender todo un nuevo grupo de funciones.
Permite la conexin a diferentes tipos de servidores de bases de datos tales

como MySQL, Postgres, Oracle, ODBC, DB2, Microsoft SQL Server, Firebird y
SQLite.
2.1.8.4 Lenguaje Java Scrlpt
El lenguaje java scrpt en la aplicacin web es utilizado para realizar las

diferentes validaciones de formularios y desplegar mensajes de alerta ya que
ste lenguaje es
utilizado para crear pequeos programas que luego son
insertados en una pgina web y en programas ms grandes, orientados a

objetos mucho ms complejos. Con Javascrpt se puede crear diferentes
efectos e nteractuar con usuarios. Principalmente, se utiliza integrado en un
navegador web permitiendo el desarrollo de interfaces mejoradas y pginas
31
web dinmicas. JavaScript ha tenido influencia de mltiples lenguajes y se

dise con una sintaxis similar al lenguaje de programacin Java, aunque ms
fcil de utilizar para personas que no programan. Todos los navegadores
modernos interpretan el cdigo JavaScript integrado dentro de las pginas web.
2.1.10 Base de Datos MySql
La base de datos MySql la cual se utilizar en el proyecto es una base de datos

relaciona! y multiusuaro, por un lado se ofrece bajo la GNU GPL para cualquier
uso compatible con esta licencia, pero para aquellas empresas que quieran
incorporarlo en productos privativos deben comprar a la empresa una licencia
especfica que les permita este uso. Est desarrollado en su mayor parte en
ANS C.
Al contraro de proyectos como Apache, donde ef software es desarrollado por

una comunidad pblica y el copyright del cdigo est en poder del autor
individual, MySQL es patrocinado por una empresa privada, que posee el
copyright de la mayor parte del cdigo. MySQL es muy utilizado en aplicaciones
web, como Drupal o phpBB, en plataformas Linux/Windows-Apache-MySQLPHP/Peri/Python. Su popularidad como aplicacin web est muy ligada a PHP,
que a menudo aparece en combinacin con MySQL.
33
Su conectividad, velocidad, y seguridad hacen de MySQL Server

altamente apropiado para acceder bases de datos en Internet
El software MySQL usa la licencia GPL
35
3.1.1 Encuestas a Docentes
Las entrevistas se realizaron con una muestra significativa de 18 docentes, fue

determinado ese nmero ya que se escogi a 3 profesores de la 4
especialidades, 3 del ciclo bsico y 3 docentes que tambin trabajaban como
inspectores, de sta manera se obtendra buenos resultados a las encuestas.
En el Anexo N. 3 se presenta el modelo de encuesta utilizada para realizar el

estudio de campo.
3.1.2 Anlisis y resultados de las Encuestas a los Docentes
Gracias a las encuestas realizadas se obtuvieron los siguientes resultados, tras

las tabulacin correspondiente:
36
PREGUNTA 1
1. Le gustara manejar las notas trimestrales de manera tecnolgica?
ALTERNATIVA
Cant. Docentes
SI
18
100
NO
TOTAL
18
100
Cuadro N.1 Tabulacin Docentes Pregunta 1
Le gustara manejar las notas trimestrales de manera

tecnolgica?
SI
NO
37
ANLISIS
El 100% de los profesores estn de acuerdo en trabajar con una herramienta

tecnolgica que permita automatizar el proceso de registro y consulta de notas
trimestrales, ya que en la actualidad el Colegio Mariano Bentez no cuenta con
una tecnologa que ayude a optimizar ste trabajo y que los alumnos consulten
sus notas de manera gil y muy cmodamente, adems los padres de familia
tambin podrn hacer uso de la herramienta con solo saber el nmero de
matrcula de su o sus apoderados.
PREGUNTA 2
2. Considera que existe mucha demora en secretara al procesar las notas

trimestrales y generar los reportes de boletines a los estudiantes?
ALTERNATIVA
Cant Docentes
SI
18
100
NO
TOTAL
18
100
38
Considera que existe mucha demora en secretara al procesar

tas notas trimestrales y generar los reportes de boletines a los
estudiantes?
o;.,
si
NO
ANLISIS
El 100% de los profesores consideran que existe mucha demora en secretara

al procesar las notas trimestrales y generar los reportes o boletines a cada
estudiante, consideran que la causa no es por la demora en secretara sino
porque el sistema informtico del Colegio Mariano Bentez no to permite ya que
el sistema se encuentra instalado en una sola mquina y nicamente la
secretara es la que tiene todo el trabajo de realizar ste proceso. Adems
argumentaron que sta herramienta es de mucha ayuda porque de esa manera
se obliga a los estudiantes a educarles tecnolgicamente y a orientarles que la
tecnologa es un buen recurso para el acceso a la informacin.
39
PREGUNTA 3
3. Considera que una herramienta tecnolgica sera til en el proceso de

manejar las notas trimestrales de los estudiantes?
ALTERNATIVA
Cant. Docentes
SI
18
100
NO
TOTAL
18
100
Considera que una herramienta tecnolgica serla til en el

proceso de manejar las notas trimestrales de los estudiantes?
si
NO
40
ANLISIS
El 100% de los profesores consideran se sera de gran utilidad una herramienta

tecnolgica para que los estudiantes accedan a consultar sus notas de manera
gil una vez que los docentes ya hayan ingresado los mismos en dicha
herramienta, para lograr de tal manera una disminucin notoria de tiempo y la
facilidad que tendrn los estudiantes at manejo de la herramienta, ya que
estudiantes y profesores podrn imprimir las calificaciones a travs de las
opcin de impresin que tienen los navegadores.
PREGUNTA 4
4. Le gustara registrar las calificaciones trimestrales de sus estudiantes va

internet para agilitar el proceso de notas?
ALTERNATIVA
Cant Docentes
SI
18
100
NO
TOTAL
18
100
41
Le gustara registrar las calificaciones trimestrales de sus

estudiantes va internet para agilitar et proceso de notas?
si
l NO
ANLISIS
El 100% de maestros encuestados estn de acuerdo en registrar las

calificaciones trimestrales de sus alumnos va internet en dicha herramienta
tecnolgica porque de esa manera ya no existira tanta espera por parte de los
estudiantes, la encuestas realizadas muestran la aceptacin total por parte de
los docentes.
PREGUNTA 5
5. Le gustara que dicha herramienta tecnolgica garantice la integridad de

las notas?
42
ALTERNATIVA
Cant. Docentes
SI
18
100
NO
TOTAL
18
100
Le gustara que dicha herramienta tecnolgica garantice la integridad

de las notas?
SI
l NO
ANLISIS
Los docentes mostraron en las encuestas un 100% de total acuerdo con la

integridad de las notas de cada estudiante, porque la segundad es primordial
ante cualquier amenaza debido a que podra existir una persona con mala
44
Estara de acuerdo en recibir comunicaciones por parte del

Colegio Mariano Benftez a travs de la herramienta?
si
NO
ANLISIS
Un 89% de los profesores estn de acuerdo en recibir avisos por parte del
Colegio Mariano Bentez es decir, en la mayora desean una opcin en el cul
reciban noticias, avisos o comunicados, les parece una buena manera de estar
informados de cualquier por menor que pueda suceder. Y un 11% no les
gustara recibir avisos, debido a que prefieren que se les haga llegar por escrito
algn comunicado pero el porcentaje es mnimo y es por ello que se tomar en
cuenta en el desarrollo det proyecto.
45
3.1.3 Encuestas a Estudiantes
Las encuestas se realiz a una poblacin de 30 estudiantes, tomados de

diferentes cursos con el propsito de conocer las opiniones de estudiantes de
diferente edad.
En el Anexo N. 3 se presenta el modelo de encuesta utilizada para realizar el

estudio de campo.
3.1.4 Anlisis y resultados de las Encuestas a los Estudiantes
Gracias a las encuestas realizadas se obtuvieron los siguientes resultados, tras

las tabulacin correspondiente:
PREGUNTA 1
1. Est conforme con la manera en la que sus calificaciones trimestrales son

manejadas?
4b
ALTERNATIVA
Cant. Estudiantes
SI
NO
29
97
TOTAL
30
100
Cuadro N.7 Tabulacin Estudiantes Pregunta 1
Est conforme con la manera en la que sus

calificaciones trimestrales son manejadas?
si
i NO
47
ANLISIS
El 97% de los estudiantes no estn conformes con la manera que el Colegio

Mariano Bentez administran las notas trimestrales por el motivo que existe
mucha demora y tienen que esperar alrededor de dos o tres semanas despus
de terminar un trimestre, y un 3% de los estudiantes estn de acuerdo del
manejo de notas que realiza el colegio, dando a conocer, que un elevado
porcentaje de la poblacin quisiera cambiar la tradicional administracin de
notas trimestrales.
PREGUNTA 2
2. Considera usted que la entrega de calificaciones trimestrales es oportuna y

a tiempo?
ALTERNATIVA
Cant Estudiantes
SI
NO
30
100
TOTAL
30
100
48
Considera usted que ta entrega de calificaciones

trimestrales es oportuna y a tiempo?
o%
SI
i NO
ANLISIS
El 100% de los estudiantes no considera oportuna la entrega de notas por falta

de agilidad y de optimizacin
de tiempo, no por culpa del personal de
secretara, sino por la tecnologa que utilizan, todos los estudiantes les gustara
conocer sus notas trimestrales a tiempo como tambin sus apoderados.
PREGUNTA 3
3. Estara de acuerdo en utilizar una herramienta tecnolgica para consultar

sus calificaciones trimestrales?
49
ALTERNATIVA
Cant. Estudiantes
SI
30
100
NO
TOTAL
30
100
Estara de acuerdo en utilizar una herramienta

tecnolgica para consultar sus calificaciones
trimestrales?
SI
l NO
ANLISIS
El 100% de los estudiantes encuestados estn de acuerdo en utilizar una

herramienta tecnolgica para que a travs de aquella puedan consultar sus
calificaciones trimestrales y se sientan satisfechos del buen servicio que pueda
brindare! Colegio Mariano Bentez a su alumnado.
50
PREGUNTA 4
4. Le gustara tener segundad de que sus notas no sern alteradas?
ALTERNATIVA
Cant. Estudiantes
SI
30
100
NO
TOTAL
30
100
Le gustara tener segundad de que sus notas no

sern alteradas?
o%
SI
I
NO
SI
ANLISIS
El 100% de los alumnos encuestados da como resultado, que la integridad de la

informacin, en ste caso las notas trimestrales deben protegerse de mejor
forma ya que existe gente mal intencionada que deseara perjudicar cambiando
los datos o simplemente borrando. Todos los estudiantes estn gustos de llevar
sus notas de sta manera y sobre todo que sean seguras.
PREGUNTA 5
5. Estara de acuerdo en recibir comunicaciones por parte del Colegio

Mariano Bentez a travs de dicha herramienta?
ALTERNATIVA
Cant Estudiantes
SI
28
93
NO
TOTAL
30
100
Cuadro NL11 Tabulacin Estudiantes Pregunta 5
Estara de acuerdo en recibir comunicaciones por

parte del Colegio Mariano Bentez a travs de dicha
herramienta?
si
NO
ANLISIS
El 93% de los estudiantes tes gustara recibir comunicaciones por parte de la

institucin y un 7% de la poblacin no les gustara, prefieren que cualquier
comunicacin se les haga conocer en el mismo colegio, pero la mayora opto
por manejarse de manera tecnolgica, ellos manifiestan que sera una
excelente manera de mantenerse informados.
PREGUNTA 6
6. Le gustara consultar sus notas trimestrales desde cualquier lugar y a

cualquier hora?
53
ALTERNATIVA
Cant. Estudiantes
SI
30
100
NO
TOTAL
30
100
Le gustara consultar sus notas trimestrales desde

cualquier lugar y a cualquier hora?
o%
SI
NO
ANLISIS
El 100% de los estudiantes encuestados estn deseosos en consultar sus

calificaciones trimestrales desde cualquier lugar y en cualquier momento, ya
que de sta manera ser muy fcit para ellos acceder a ta informacin.
54
PREGUNTA 7
7. En el caso que Ud. tenga que rendir examen de supletorio, le gustara

consultar su nota en dicha herramienta tecnolgica?
ALTERNATIVA
Cant Estudiantes
SI
30
100
NO
TOTAL
30
100
Cuadro N.13 Tabulacin Estudiantes Pregunte 7
En el caso que Ud. tenga que rendir examen de

supletorio, le gustara consultar su nota en dicha
herramienta tecnolgica?
si
NO
Grfico N.19: Pastel Estadstico Estudiantes Pregunte 7
55
ANLISIS
El 100% de la poblacin estudiantil encuestada, estn de acuerdo en consultar

su nota de supletorio a travs de dicha herramienta tecnolgica en el caso si
ellos no completen el puntaje necesario para aprobar de ao y lastimosamente
tengan que rendir examen de supletorio.
3.1.5 Resultados y Conclusiones de las Encuestas:
Es muy clara la situacin que se vive en el Colegio Mariano Bentez con

relacin al tiempo de espera que realizan los estudiantes y padres de familias
en recibir el reporte final de notas trimestrales, de igual manera la tecnologa
que utilizan no les permite en secretaria agilitar ste proceso, de tal manera
hace evidente la necesidad de implementar una herramienta de automatizacin
controlada, que permita reducir los tiempos de espera ante el registro de notas
y la consulta de las mismas. Algo muy satisfactorio que se pudo justificar en las
encuestas fue la gran aceptacin por parte de tos profesores y por supuesto por
parte de los alumnos ya que ellos son tos principales beneficiados y estn
totalmente dispuestos a unirse a un sistema web el cual (es brinde un excelente
servicio y sobre todo se elimine el fastidioso tiempo de espera como tambin se
56
pueda ingresar y consultar la informacin desde cualquier punto y a cualquier

hora.
3.2 Anlisis del Sistema
3.2.1 Tcnicas de Recoleccin
Para la elaboracin del presente proyecto web, se utilizo las encuestas como
tcnica de recoleccin de requerimientos, los mismos se encuentran en el
Anexo N. 3.
3.2.2 Anlisis Crtico
Al instalar SSL en la aplicacin web, presentara una serie de inconvenientes ya

que se necesitara analizar que el hosting contratado soporte aquel servicio,
adems que los pasos de instalacin se procedan de forma correcta para ello
se necesitara la asesora tcnica de la autoridad certificadora como tambin de
los tcnicos de los proveedores del hosting para que exista la seguridad en las
pginas de la aplicacin y se cumpla con el objetivo planteado en el proyecto.
57
3.2.3 Anlisis de Riesgos
Riesgos
Consecuencias Impacto
Agenda del
Estancamiento
Retraso en la
proyecto
en las
fecha de
actividades del
entrega
Decisiones
10
Trabajar en prototipo
30
Solicitar ayuda al
sistema
Falta de
Mayor tiempo
Retraso en el
experiencia en
en capacitacin
desarrollo del
director
sistema
la herramienta
de desarrollo
interfaz
Inconformidad
Aplazamiento
en la interfaz de
en la entrega
con las personas
usuario
del producto
encargadas de la
30
Trabajar en conjunto
administracin
Nueva
Capacitacin
Inconformidad
tecnologa
del persona)
por parte de los
bondades del
usuario
sistema
Tabla N.1: Anlisis de Riesgos
30
Enfocarse en las
58
3.2.4 Ciclo de Vida del Software
Un modelo de ciclo de vida define el estado de las fases a travs de las cuales
se mueve un proyecto de desarrollo de software.
El primer ciclo de vida del software fue el "Cascada", fue definido por Winston
Royce a fines de los 70's. Desde entonces muchos equipos de desarrollo han
seguido este modelo. No obstante, ste modelo ha sido sujeto de numerosas
crticas, debido a que es restrictivo y rgido, lo cual dificulta et desarrollo de
proyectos de software.
En su lugar, nuevos modelos de ciclos de vida han sido propuestos, incluyendo

modelos que pretenden desarrollar software rpidamente. Un modelo de ciclo
de vida de software es una vista de las actividades que ocurren durante el
desarrollo de software, intenta determinar el orden de las etapas involucradas y
los criterios de transicin asociadas entre estas etapas.
Un modelo de ciclo de vida del software:
Describe las fases principales de desarrollo de software.
59
Define las fases primaras esperadas de ser ejecutadas durante esas fases.
Ayuda a administrar el progreso del desarrollo, y
Provee un espacio de trabajo para la definicin de un detallado proceso de
desarrollo de software.
Dicho esto entonces, para el desamollo de la aplicacin web del Colegio

Nacional" Mariano Bentez", se utilizar el modelo de prototipo, ya que ste
modelo se centra en una representacin de aquellos aspectos del software que
sern visibles para el usuario final. Este diseo conduce a la construccin de un
prototipo, el cual es evaluado por el usuario para una retroalimentacn; gracias
a sta se retinan los requisitos del software que se desarrollar. La interaccin
ocurre cuando el prototipo se ajusta para satisfacer las necesidades del usuario.
Esto permite que al mismo tiempo el desarrollador entienda mejor lo que se
debe hacer y el usuario vea resultados a corto plazo.
60
El modelo de prototipo sigue et siguiente esquema, en el cual se seguir en

todo et desarrollo del proyecto:
Comienzo
Parada
Recoleccin
Y raflnam imfo
: requisito* -
Producto. d
p-ib&J&
:ttSi
I ..
cWl prototipo
Evaluacin
; pfotofflopor :' :
el irerro "--.-.'
1
. ^ '
fc
Grfico N.20: Esquema del Ciclo de Vida del Software

Imagen tomada de: http://cflores334.bloasDot.es/img/prototipo.ipg
61
3.2.5 Estudio de Viabilidad

3.2.5.1 Econmica
Todo lo necesario para la implementacin y buen funcionamiento del proyecto
ser adquirido por la persona desarrolladora del sistema web y tambin
agradeciendo la colaboracin de cien dlares por parte del colegio.
3.2.5.2 Tcnica
Para et buen funcionamiento de la aplicacin web, se contratar
con un
excelente hosting el cual tiene las caractersticas necesarias para obtener una
ptima labor.
3.2.5.3 Legal
El presente proyecto web, gracias a las herramientas PHP y MySql para su
desarrollo no se necesita pagar por licencias ya que los mismos son libres bajo
la licencia GNU GPL.
62
3.2.6 Diagrama Entidad Relacin
El Diagrama Entidad Relacin es una representacin de la realidad a travs de

un esquema grfico ya que es una herramienta que ayudar a definir o modelar
la base de datos de un sistema.
Entre las caractersticas que se destacan estn:
Puede dar una visin del mundo real.
Es un paso previo a la imple mentacin de la base de datos.
Se especifica relaciones entre entidades.
Representacin de un problema con la mayor naturalidad posible.
A continuacin, el Diagrama Entidad Relacin de la Aplicacin Web para el

Registro y Consulta de Notas para el Colegio Nacional "Mariano Bentez".
63
Grfico N.21: Diagrama Entidad Relacin
3.2.7 Diagrama de Flujo de Datos
Los DFD, como se les conoce popularmente, es una herramienta grfica que se
emplea para describir y analizar el movimiento de los datos a travs de un
sistema ya que muestra cmo va circular la informacin dentro del mismo, es
decir detalla a un nivel ms minucioso el funcionamiento y el flujo de
informacin del sistema.
64
A continuacin, el Diagrama Entidad Relacin de ta Aplicacin Web para el

registro y consultas de notas para el Colegio Nacional "Mariano Bentez".
APLICACIN WEB PARA

REGISTRO Y CONSULTA
DE NOTAS UTILIZANDO
PROTOCOLO DE
SEGURIDAD HTTPS
PARA EL COLEGIO
MARIANO BENTEZ
Identtfl acin
D tos
Admlf strador
Administrador
Grfico N.22: Diagrama de Flujo de Datos Nivel O
Nivel O
65
Usuarios
Curses
Male/ias
DiitriDulivo
140
oqueo
Grfico N.23: Diagrama de Flujo de Datos Nivel 1
66
1.
REGISTRAR
Administrador
Nivel 2
Grfico N.24: DFD Registrar Nivel 2
2.
ACTUALIZAR
ProfMor
Adminfttnsdof
Nivel 2
Grfico N^5: DFD Actualizar Nivel 2
67
3. ELIMINAR
Administrador
Nivel 2
Grfico N.26: DFD Eliminar Nivel 2
4. VALIDAR
usuario
identificacin
Nivel 2
Grfico N.27: DFD Validar Nivel 2
68
5.
GENERAR REPORTE
ludante
Docanl
RBDorle
S.
Admlnltrador
Pantalla
Terminal
Pantalla
o Archivo PDF
Nota
Nivel 2
Grfico N.28: DFD Generar Reporte Nivel 2
3.3 Diseo del Sistema

3.3.1 Diseo Fsico de la Base de Datos
Es un diagrama que muestra una descripcin de la mplementacin de una base
de datos detallando las estructuras de almacenamiento y los mtodos de
acceso a esos datos.
A continuacin, el diseo fsico de la base de datos, para la Aplicacin Web del

Colegio Nacional "Mariano Bentez".
69
aw
XJ_uu INT(1O)
M VAACHAR<5O}
VARCHARSO)
nSPLOAT
2PLOAT
21W11)
. ARCMAR J50>
rprîtnt VARCMAR(SO1
mM VARCHAA(SO)
f!2INT<tt}
plcrLOAT
M0HLOAT
T V ARCMAR ! lj
f D/T11)
Grfico N.29: Diseo Fsico de la Base de Datos
3.3.2 Diccionario de Datos
El diccionario de datos guarda y organiza los detalles del Diagrama de Flujo de

Datos, a continuacin el Diccionario de Datos de la Aplicacin Web para el
Colegio Mariano Bentez:
70
Usuarios
Campo
Tipo
id usu
tnt(lO)
nombres
varchar(50)
apellidos
varchar(50)
usuano
varchar(50)
centrase
vafchai(S
representante
varchariSC;
email
varchar(50)
nivel
Nulo
No
No
No
No
No
S
SINO
enumfa', 'p',
Predi
Comentarios
Almacena el id del usuario
Guarda los nombres del usuario
Guarda los apellidos del usuario
Guarda el nick del usuario
Almacena la contrasea del usuario
NULL
Almacena los nombres del res presentante

del estudiante
NULL
Guarda del email del usuario
Almacena el nivel o tipo de usuario
V)
Tabla N.2: Tabla Usuarios
Seccin
Campo
Tipo
Nulo
Comentario*
Predeterminado
id sec
mtiVJ;
No
Almacena el id de la seccin
nom sec
varchar(40)
No
Guarda el nombre de la seccin
Tabla N.3: Tabla Seccin
Cursos
Campo
Tipo
Nulo
Comentarios
Predeterminado
id cur
int(10)
No
Guarda el id del curso
nom_cur
varchar(50)
No
Almacena el nombre del curso
par_esp
varchar(SO)
No
Guarda el paralelo del curso
Tabla N.4: Tabla Curvos
71
Materias
Campo
Tipo
id mal
int(1)
nomjnat varchartlOO)
Nulo
Predeterminado
No
No
Comentarios
Guarda el id de la materia
Almacena el nombre de la materia
Tabla N.5: Tabla Materias
Curmat
Campo
idid
id sec
id cur
id mat
Tipo
int(10)
nt{10)
int(10)
int(10}
uto
No
No
No
No
Predeterminado
Comentario*
Almacena el Id del distributivo
Campo enlazado
Campo enlazado
Campo enlazado
Tabla N.6: Tabla Cunnat o Distributivo
Avisos
Campo
id
prole
estu
Tipo
intl;
varchan700)
varchar(700)
Nulo
No
S
S
Predeterminado
MU
NULL
Comentario
Almacena el id del aviso
Almacena los avisos para los docentes
Almacena los avisos para los estudiantes
Tabla N.7: Tabla Avisos
73
Bloqueo
Campo
t>loq
Tipo
mt(H.
Nulo
No
Predeterminado
O
Comentarios
Guarda numero destinado al Moqueo y desbloqueo de pginas
Tabla N.9: Tabla Bloqueo
3.3.3 Diseo de Interfaces

Uno de los elementos ms significativos de una aplicacin web, es la esttica
del sistema para satisfacer al usuario. El desarrollo de interfaces web estn
basados en una serie de reglas que ya han sido definidas, todas o una mayora
adoptadas por la experiencia de muchos desarrolladores, diseadores y
psiclogos que han analizado la manera en que las aplicaciones son utilizadas
por los usuarios.
Un resumen de las recomendaciones para el diceo de una aplicacin son:
Rapidez al cargar las pginas.
Plantilla basada en estilo CSS.
Imgenes con nitidez y de menor tamao.
Utilizar la correcta tipografa.
Correcta combinacin de colores.
74
La aplicacin web del Colegio Mariano Bentez, contar con stas reglas para
garantizar su efectividad y el usuario se sienta satisfecho. Cada una de las
pginas desarrolladas no sobrepasan el tamao de 25 KB, brindando una
excelente ayuda al usuario al interactuar con el sistema. El diseo de la
aplicacin es desarrollado en hojas de estilo en cascada comnmente llamado
estilo css, brindando elegancia y un posicionamiento correcto de imgenes y
datos. La edicin de imgenes de aplicacin se han desarrollado en photoshop
tomando las debidas precauciones de nitidez y tamao optando la extensin de
tipo "jpg", para mostrar una buena resolucin de imagen y no tome mucho
tiempo al cargarse en el sistema. En el tema de tipografa, se ha decidido
utilizar el tipo de fuente Acial con un tamao de 12px porque sta regla
tipogrfica es utilizado como estndar en el diseo de pginas web. Los colores
que se han aplicado son los mismos del Colegio Mariano Bentez los cuales
son: Naranja y Negro, optando un tercer color gris para dar una mejor
combinacin a la aplicacin. La utilizacin de animaciones flash es
recomendable para dar mayor dinamismo y galanura a la pgina pero debe ser
de un tamao pequeo por razones similares a las de imgenes.
3.3.4 Diseo de Entradas y Salidas
La aplicacin web para el registro y consultas de notas utilizando protocolo de

seguridad https, para el Colegio Nacional Mariano Bentez, est diseado en
75
base a estilos CSS, diseado a base a etiquetas "div" o capas que permite dar
atributos visuales a porciones de contenido en una pgina. Al realizar la
maquetacin con css, se tiene la posibilidad de obtener una aplicacin con una
interfaz muy agradable y del gusto de cualquier usuario, sobre todo por la gran
variedad de estilos o propiedades que presenta ste lenguaje.
Una vez que el usuario se valide en la aplicacin, tendr acceso a un men

personalizado, una cabecera, un pie de pgina y en el marco derecho mostrar
un enlace al blog de la institucin.
La estructura de la aplicacin web est diseada de la siguiente forma:
Cabecera
Men
Contenido
Pie de Pgina
Grfico N.30: Esquema de Entradas y Salidas
76
3.3.5 Diseo de la Arquitectura de la Aplicacin

El Diseo de la Arquitectura de la Aplicacin se basa en la manera en la que se
disea tanto fsica como lgicamente una aplicacin, ordinariamente estas son
tipo Cliente- Servidor.
Y qu significa Oliente-Servidor?
Este trmino, en su ms amplia definicin, se usa para describir una aplicacin

en la cual dos o ms procesos separados trabajan juntos para completar una
tarea. El proceso cliente solicita al proceso servidor la ejecucin de alguna
accin en particular Esta operacin se conoce como Proceso Cooperativo,
dado que dos procesos separados cooperan para completar la tarea en
particular.
Los procesos pueden o no estar en una sola mquina fsica. Tales procesos en
una aplicacin oliente-servidor pueden localizarse en una mquina o separados
por miles de kilmetros de lnea telefnica. El diseo lgico, y no el fsico, es el
que determina en qu grado una aplicacin es Cliente-Servidor
77
La Aplicacin Web para el Registro y Consulta de Notas con protocolo https, es

el caso una Arquitectura Cliente - Servidor, con un servidor de datos MySql, en
el cual el usuario llevar a cabo sus solicitudes para que sean procesadas a
travs de la Aplicacin Cliente.
Arquitectura de dos capas CHente-Servfdor
La mayora de las aplicaciones Oliente-Servidor funcionan bajo una arquitectura

de dos capas en lenguajes de cuarta generacin. Estas aplicaciones son
bifurcadas en las siguientes capas: El llamado front-end (la interfaz del usuario,
llamadas a SQL, aplicacin de escritorio, etctera) y el llamado Back-end
(servidor de Bases de datos SQL, Sistema operativo multrtareas, etc.).
El proceso front-end se desarrolla en algn lenguaje de 4a generacin (4GL)

como Visual Basic. Se llama front-end dado que es la capa en donde el usuario
interacta con su PC. El proceso back-end es el servidor de bases de datos
como SQL Server Oracle. Se llama as dado que tpicamente reside en un
servidor central en un entorno controlado.
78
3.3.6 Mapa del Sitio
La Aplicacin para el Registro y Consulta de Notas para el Colegio Mariano

Bentez, est estructurado en un esquema jerrquico, que permite interactuar a
los tres tipos de usuarios: Administrador, Docente y Estudiante de manera
dinmica con la aplicacin, por medio de los mens de navegacin
respectivamente.
A continuacin, el esquema de la Aplicacin:
ESTUDIANTE
1
Mngreso a la Aplicacin
-Validacln
Datos Personales
Primer Trimestre
Notas Finales
Segundo Trimestre
Avisos
Tercer Trimestre
Cerrar Sesin
DOCENTE
-Ingreso a la Aplicacin
Validacin
Datos Personales
Primer Trimestre
Notas Finales
Segundo Trimestre
Avisos
Tercer Trimestre
Cerrar Sesin
Supletorio
80
3.4 Implementacin
3.4.1 Implementacin de Entradas y Salidas
Para la implementacn de entradas y salidas de datos de la Aplicacin Web, se

desarrollo en PHP versin 5.2.6, MySql 5.1.50, phpMyadmin versin 3.2.4 y
como servidor local WampServer Versin 2.0 para posteriormente implementar
en un servidor web hosting que se lo detallar en el Manual de Instalacin
Anexo N. 1.
Dicho anteriormente ta maquetacin de fa aplicacin web para el Colegio

Mariano Bentez se desarroll en estilos css, a continuacin la pgina principal
y la pgina del usuario docente:
COLEGIO NACIONAL "MARIANO BENITEZ

CEREBRO V CORAZN
i
Grfico N.31: Pgina Principal
81
COLEGIO NACIONAL "MARIANO BENITEZ"
)
Men Qoamtm
CEREBRO Y CORAZN
MHHHM I FON MMN MU 10 MMfOT
~a
Grfico N.32: Pgina de Docente
3.4.2 Implementacin de la Base de Datos
Como se mencion anteriormente el Sistema Gestor de Base de Datos para la

Aplicacin Web es MySql, entonces se detallar algunos cdigos SQL para la
implementacn de la Base de Datos.
A continuacin, se muestra el cdigo SQL para la creacin de tablas ya que es

donde se almacenan los registros del sistema web.
Creacin de la tabla usuarios:
82
CRATE TABLE 'usuarios* (

'id_usu' int(10) unsigned NOT NULL AUTOJNCREMENT,
'nombres' varchar(50) COLLATE utf8_unicode_ci NOT NULL,
'apellidos' varchar(50) COLLATE utf8_unicode_ci NOT NULL,
'usuario* varchar(50) COLLATE utf8_unicode_ci NOT NULL,
1 centrase'
vatvhar(50) COLLATE utf8_unicode_ci NOT NULL,
'representante* varchar(50) COLLATE utf8_unicode_ci DEFAULT NULL,

'email' varchar(50) COLLATE utf8_unicode_ci DEFAULT NULL,
'nivel' enum('a', 'p', 'e') COLLATE utf8_unicode_ci NOT NULL DEFAULT 'e',
PRIMARY KEY Cid_usu'),
UNIQUE KEY ûsuario' ('usuario')
) ENGINE=lnnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci
AUTO_INCREMENT=1;
En el cdigo se observa 8 campos de diferentes tipos de datos segn su

necesidad, se definen a los campos id_usu y nivel como not nuil, con ste
control se garantiza que no estn vacos o sin datos, finalmente se asigna como
clave primaria al campo id_usu y como campo nico a usuario.
83
Creacin de la tabla seccin:
CRATE TABLE 'seccin* (

Valsee* int(10) unsigned NOT NULL AUTOJNCREMENT,
'nom_sec* varchar(40) COLLATE utf8_uncode_ci NOT NULL,
PRIMARY KEY Cid_sec')
AUTO INCREMENTA ;
En la tabla seccin muestra dos campos, el primero d_sec es la clave primaria

y tiene el atributo auto incrementa! y el campo nom_sec almacenar los
nombres de las secciones y mantienen el cotejamiento utf8_uncode_ci y de tipo
not nuil, obliga a que no debe estar vacio y tambin no tenga problemas con los
carateres extraos.
Creacin de la tabla curso:
CRATE TABLE 'cursos' (
84
YoLc/r* int(1 0) unsigned NOT NULL AUTOJNCREMENT,

*nom_cuf varchar(50) COLLATE utf8_unicode_c NOT NULL,
'pacesp* varchar(50) COLLATE utf8_unicode_ci NOT NULL,
PRIMARY KEY
) ENGINE=lnnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode__d
AUTO_INCREMENT=1 ;
La tabla cursos tiene tres campos en el cual se almacenarn el id del curso que
es de tipo entero auto incrementa! y los dos capos restantes sern para el
nombre del curso y el paralelo.
Creacin de la tabla materia:
CRATE TABLE 'materia' (

VoLmar int(10) unsigned NOT NULL AUTOJNCREMENT,
*nom_mar varchar(1QO) COLLATE utf8_unicode_ci NOT NULL,
PRIMARY KEY Ci
85
; ENGINE=lnnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci

AUTO INCREMENTA;
La tabla materia es similar a ta creacin de la tabla seccin porque solo

necesita de dos campos, tomando en cuenta que todos los campos auto
incremntales
empezarn
desde
como
muestra
en
el
cdigo
AUTO_INCREMENT=1 y segn vayan insertando informacin, secuencialmente

y automticamente se ingresar la numeracin en el campo id de la tabla.
Creacin de la tabla mixer:
CRATE TABLE 'mixer' (

'id' int(10) unsigned NOT NULL AUTOJNCREMENT,
VoLsec' int(10) unsigned NOT NULL,
'id_maf int(10) unsigned NOT NULL,
*id_cur' int(10) unsigned NOT NULL,
VoLusu* int(10) unsigned NOT NULL,
V? 1' foat DEFAUL T NULL,
86
Yf int(1 1) DEFAULT NULL,

V72' foat DEFAULT NULL,
72' int(11) DEFAULT NULL,
Y)3* foat DEFAULT NULL,
73' int(11) DEFAULT NULL,
'sup' foat DEFAULT NULL,
'ar' varchar(1) COLLATE utf8_unicode_ci DEFAULT NULL,
PRIMARYKEY (W, tid_sec\
KEY Yc/_sec* Cid_sec\id_mat\
KEY Vc
KEY V
KEY VoL^S/1 Cd_usu*)
PACK_KEYS=1 AUTOJNCREMENT=1;
En la tabla mxer es en donde se encuentran todos los campos primarios de las

tablas seccin, curso, materias y usuario para que se pueda relacionar,
posteriormente se muestra el cdigo, para to cual en esta tabla se designan a
87
los docentes que secciones o seccin, cursos y materias ellos estn

determinados a dictar clases, como tambin aqu se almacenan las notas de
cada estudiante porque tambin se asignan la seccin curso y materias a los
alumnos. Los campos id, id_sec, id_mat, kJ_cur, id_usu, son las claves
primarias y los campos n1, f1, n2, f1, n3, f3, sup, ar son los campos que
muestran las notas de cada trimestre como las faltas, la nota de supletorio y
finalizando el estado en el que se encuentra el alumno.
Creacin de la tabla curmat;
CRATE TABLE 'curmat1 (

VcfeT int(10) unsigned NOT NULL AUTOJNCREMENT,
VoLsec* int(10) unsigned NOT NULL,
YcLcur' int(10) unsigned NOT NULL,
VcLmaf" int(10) unsigned NOT NULL,
PRIMARY KEY f/oVcT, tid_sec\
KEY VcLsec1 Cid_sec\
KEY YcLcur' Ctd_cuf),
KEY "
89
) ENGlNE=lnnoDB
DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci
AUTOJNCREMENT=1 ;
La tabla avisos en nicamente para las comunicaciones a docentes y

estudiantes en general, cuenta con tres campos el primero para la identificacin
y los otros para los avisos en s.
A continuacin se presenta el cdigo que realiza la relacin entre tablas, como

dijo anteriormente las las tablas mixer y curmat son las que contienen claves
forneas o ajenas.
ALTER TABLE 'mixer'

ADD CONSTRAINT 'mixerJbfk_2T FOREIGN KEY Cd_sec') REFERENCES
'seccin* Cid_sec'),
ADD CONSTRAINT 'mixerjbfk_22t FOREIGN KEY ('t_mat') REFERENCES
'materia' f irfjnaO ON DELETE CASCADE ON RDATE CASCADE,
ADD CONSTRAINT
%mixerjbfk_23'
FOREIGN KEY Cd_cuf) REFERENCES
cursos' ('id_cur') ON DELETE CASCADE ON UPDATE CASCADE,

ADD CONSTRAINT *mbcerjbfk_24' FOREIGN KEY ('id_usu') REFERENCES
'usuarios' ('idûsu') ON DELETE CASCADE ON UPDATE CASCADE;
90
En la tabla m/xerse aade las claves forneas referentes a las tablas seccin,
cursos, materias y usuarios, con la sentencia ALTER TABLE, muestra tambin
el tipo de borrado y actualizacin el cual es en cascada, es decir se eliminarn o
actualizarn los campos que se enlazan en sta tabla.
ALTER TABLE 'cunmaf

ADD CONSTRAINT 'curmat_bfk_r FOREIGN KEY ('id_cur') REFERENCES
'cursos1 f id_cur*) ON DELETE CASCADE ON RDATE CASCADE,
ADD CONSTRAINT 'curmatjbfk_2' FOREIGN KEY ('id_mat') REFERENCES
"materia1 fidjnar) ON DELETE CASCADE ON RDATE CASCADE;
En la tabla curmat de igual manera se realiza las combinaciones entre tablas

realizando un ALTER TABLE y agregando las claves ajenas de las tres tablas
como son seccin, curso y materias con el efecto en cascada.
3.4.3 Implementacin de la Aplicacin
El desarrollo de la aplicacin cuenta con una combinacin de cdigos como son

html, php, javascript y css, aplicando los lenguajes segn su estructura y en
base a las necesidades del sistema.
91
Debido al gran nmero de pginas creadas en la aplicacin web no se puede

detallar por completo el desarrollo, pero todas se basan en una misma
estructura.
A continuacin se va a analizar el cdigo de la pgina de ingreso de

estudiantes, manejada por el usuario administrador, es muy amplia y compleja
de manera que es propicia para detallar:
Pgina: "eingreso.php"
<?phprequire_once('Connections/conexion.php');
f ((isset($_POST['insertarJ])))
$nombres=$_POST['nombr&s'];
$apeHidos=$_POST['apellidos'];
$usuario=$__POST['usuario'];
$contrase=$__POST['contrase'];
$Bpresentante=$_POST['representante1];
92
Sema>/=$_POSr/'ema//7;
Scheckuser = mysql__query("SELECT usuario FROM usuarios WHERE usuario'$usuario'");
$user_existe=mysql_num_rows($checkuser);
if ($user_existe
echo "<script>alert('EI usuario ya existe, verifique el nmero de Matrcula del
Estudiante '); </script> ";
} e/se {
$insertSQL="INSERT INTO usuarios (id_usu, nombres, apellidos, usuario,
contrase, representante, email, nivel) VALES f ', 'Snombres', '$apellidos',
'$usuario', 'Scontrase', '$representante'r '$emal', 'e')";
$Result1 = mysql_query($insertSQL)
ordie(mysql_error());
En el cdigo php primero se realiza la conexin con la base de datos a travs

de la funcin require_once que permite llamar a un archivo ubicado en otro
directorio en donde se encuentra el cdigo de conexin, posteriormente se
93
realiza una condicin if en el que dice, si solo si, se pulso el botn "Insertar
Estudiante" en ste caso se llama el objeto "insertar", se guarden los datos
ingresados por el administrador en las variables Snombres, $ape Iidos, etc; todo
esto a travs del mtodo POST se puede definir como un mecanismo que tiene
el lenguaje php para trasladar datos de una pgina a otra, o en ta misma pgina
dentro de un formulario, continuando con el cdigo realiza una consulta sql para
ello php cuenta con la sentencia mysql_query el cual es utilizado para efectuar
cualquier operacin sql ya sean consultas, inserciones, eliminaciones o
actualizaciones, se puede utilizar directamente en una lnea de cdigo o en dos
utilizando una variable. La consulta sql SELECT usuario FROM usuarios
WHERE usuario^ 'Susuario', dice que devuelva el dato del usuario que se est
ingresando porque lo est comparando con la variable Susuaro, este query se
realiza para realizar el control que no exista usuarios repetidos, tal y como
muestra en la condicin if ($user_existe > 0); en la variable $user_existe
almacena el nmero de datos encontrados por medio de a sentencia
mysql_num_rows, entonces eso quiere decir, si encuentra ya un usuario con el
mismo nmero de usuario devuelve '1', para ello si la condicin es verdadera,
despliega un mensaje javascript alert('EI usuario ya existe, verifique el nmero
de Matrcula del Estudiante') y no se ejecuta nada en la base de datos, y si es
caso contrario, inserta en la tabla usuarios los datos del estudiantes con la
instruccin INSERT INTO, como se puede apreciar ya esta designado el tipo de
usuario del estudiante 'e' y se efecta la insercin.
94
$query_usuaroid = "SELECT * FROM usuarios WHERE usuario = '$usuaro'";

$usuaroid ~ mysql__query($query_usuarioid) or die(mysql_emor());
$row_usuarioid - mysql_fetch_assoc($usuaroid);
$query_seccion = "SELECT * FROM seccin";
$seccion = mysql__query($query_seccion) or die(mysql_error());
$row_seccion = mysql_fetch_assoc($seccion);
$var1_cursos = S^
$query_cursos = "SELECT c.id__curt CONCAT_WS(' ',c.nom_cur,c.par_esp) AS
curso FROM cursos c, curmat r, seccin s WHERE c.idjcur = rid_cur AND
s.id_sec = r.id_sec AND s.id_sec= '$var1__cursos' GROUP BY2 ";
$cursos = mysql_query($query_cursos) or die(mysql_error());
$row__cursos = mysql_fetch_assoc($cursos);
$coln1_materas = $_POST['curJ;
$coln2_materias = $_POST['sec'];
$query_materas = "SELECT c.nom^cur, c.parjssp, m.nom_mat, r.id_mat
FROM cursos c, materia m, curmat r, seccin s WHERE c.d_cur = r.id_cur AND
m.id_mat=r.id_ntat AND r.id_sec=s.id_sec AND c.d_cur=' Scoln 1__materas'
AND s.id_sec=' $coln2__matehas'";
96
adquiriendo las secciones, en el cual se muestra en un objeto "select" html para

que sea seleccionado por el administrador "SELECT * FROM seccin", despus
ste dato es enviado por medio del objeto "sec" con el mtodo POST, y es
guardado en $var1_cursos = $_POST['sec']; en el cual es utilizado en la
siguiente
consulta
sql
"SELECT
c.id_cur,
CONCAT_WS('
',c.nom_cur,c.par_esp) AS curso FROM cursos c, curmat r, seccin s WHERE

c.d_cur = r.kJ_cur AND s.d_sec = r.id_sec AND s.id_sec= '$var1__cursos'
GROUP BY 2 " gracias a este query se filtra los cursos que corresponden a la
seccin seleccionada por el administrador dependiendo de la tabla curmat para
realizar este proceso; luego se realiza lo mismo para filtrar las materias de dicho
curso escogido que sern guardadas posteriormente en un anray o vector.
Bienvenida MARTHA CECILIA NARANJO LLERENA
Por favor etya la seccin y d curso del estudiante:

| Uunw
Iv
curto!
MomDreii
Apernos:
Utuarto:
Contra*efta
Representante:
Erna*
Insertar Alumno
Grfico N33: Pantalla ingreso de estudiantes
97
$i=1;do{
echo "<input name=1matocu$il type='hidden' value='". $row_materias["id_mat"]
'"> ";
$++;
} while ($row_materias = mysql_fetch_assoc($materias))

$contar = $i-1;
Para declarar un array lo nico que se aplica es un contador $i a un objeto en

este caso a un input que est oculto porque no es necesario que muestre al
administrador las materias que se asignarn al estudiante; en php para mostrar
un registro de un query se utiliza la instruccin mysql_fetch_assoc, y
nicamente con el nombre de la variable mas el nombre del campo de la tabla
se despliega en pantalla el registro deseado, $row__materias["id_mat"J.
for ($i=1 ;$<=$contar;$i++){

$vusu= $row_usuarioid[d_usu'];
$vsec=$_POST['sec'];
Svcuf^POSTE'cur1];
Svmat = $_POST["matocu". $i];
98
$registro="INSERT INTO mixer (id, id_sec, id__mat, id_cur, id_usu) VALES (",
'$vsec', '$vmat', 'Svcur*, '$vusu')"
Singreso = mysql_query($registro);
Para finalizar el paso ms importante es el insertar los identficadores correctos

a la tabla mixer, en el cual se encuentran en las variables: Svusu, $vsec, $vcur,
$vmat; tomando en cuenta que se insertar los registros segn el nmero de
materias que haya en el curso seleccionado como muestra en el ciclo: for
($i=1;$i<=$contar;$i++) y posteriormente se aplica el comando INSER INTO.
No se detalla el cdigo de seguridades ya que ms adelante ampliamente se
analizar el tema de seguridades en todas las pginas php y tambin se ilustran
imgenes de restricciones en el Manual de Usuario Anexo N. 2.
3.4.4 Implementacin de la Aplicacin en el Servidor Web
Para poder implementar una aplicacin web desarrollada con la tecnologa php
y mysql, es necesario contratar un hosting o servidor web que tenga stas
caractersticas, adems la necesidad de comprar un dominio institucional o
educativo del Ecuador
99
Para la adquisicin del dominio el cual fue definido por el colegio, se concret el
nombre de dominio: "marianobenitez.edu.ee" el cual estaba disponible en el
Registro de Dominios Ecuador (NIC), a su vez se llevo a cabo la compra a
travs de la pgina web: http://wNAw.nic.ee . Despus de efectuar ste proceso
el NIC otorga la facultad de ingresar los DNS del Hosting contratado.
Entonces para vincular las DNS del servidor con el dominio, es necesario la
contratacin del hosting para ello se adquiri en la empresa estadounidense
"HostGator" por sus excelentes planes de hosting y el buen servicio de soporte.
Su
sitio
web
oficial
en
el
cual
se
realiz
la
transaccin
es:
http://www.hostaator.com. el tiempo de demora fue tan solo de diez minutos en

efectuar la compra. Una vez con ios DNS de hostgator es cuestin de solo
ingresar a la cuenta del NIC y registrar las DNS para que apunte el dominio a
las las IP's del servidor.
Contando ya con el hosting y dominio, es necesario subir al servidor la

aplicacin y la base de datos Mysql.
100
Grfico N.34: Pantalla Panel de Control del Servidor
En el Panel de Control del Servidor o comnmente llamado Cpanel, brinda

muchas facilidades y opciones de administrar la aplicacin web para ello se
configur la cuenta FTP para poder transferir los archivos a travs del software
llamado "FileZilla" versin 3.3.4 y con lo concerniente a la base de datos lo ms
recomendable es la exportacin y la importacin en el servidor.
101
QtOM + K >n**,r**, nt |in ,, K
kli
'in
' -|I.M
.'S
..
.*!
_-J*
M
..
,.
. J. .
*
V
^
I1HUMU
TWMUWJ
MVWIHO
'-
illB *Vi
lnVMll*l
m *'î
KM MH>
1* LnM.
niiiiiL
UMUIU
ItlL'Mllirit
'
".
H1L-JH1IUX
if*Hj*m-+t
nviu i
l'il'Miu*
l-U-BUJll
'.
U
llHl
Grfico N.35: Pantalla de Transferencia de Archivos
El hosting brinda de muchos beneficios, uno de ellos es que cuenta con un

servidor de correos SMTP, que ser de mucha utilidad para la creacin de
cuentas
de email con el dominio
de la institucin un ejemplo es:
secretaria (5jmarianobenitez.edu.ee
3.4.5 Implementacln de Seguridades
La Aplicacin web con protocolo de seguridad https, cuenta con un control de

seguridad de usuarios ya que maneja tres tipos: Administrador, Profesor y
Estudiante, el cual debe ser manejado forma ntegra cada perfil, adems,
102
posteriormente se detallar la instalacin del certificado de seguridad el cual el

objetivo es, garantizar la seguridad de la informacin.
Por medio del lenguaje PHP se muestra de manera clara, el cdigo que es
utilizado en la aplicacin para la validacin y el control de usuarios. A
continuacin las tres pginas en las cuales se realiza todo el proceso de
autentficacin:
En la pgina: "index.php"
if (isset($_POST['usuarit3)) {
$usuario=$_POST['usuari'];
$password=$_POST['contrase'];
$acceso = "datos, php";
Serrar = 0;
Sconsulta = mysql_query("SELECT usuario, centrase, nivel FROM usuarios
WHERE usuario='$usuario' AND contrase=t$password'")
Susuencontrado = mysql_num_rows($consulta);
103
if (Susuencontrado) {
Snivel = mysql_result($consulta, O/nivel1);
session_start();
//declaracin de dos variables de sesin
$_SESSION['MM_Usemame'] = $usuario;
$_SESSION['MM_UserGroup'] = $nivel;
header("Location: " . $acceso );
else{
Serr r=1;
El cdigo anterior se ejecuta cuando se haya enviado los datos de usuario y

contrasea
guardndose
en
tas
variables
Susuaho
Spassword
respectivamente, para luego realizar la consulta en la base de datos del usuario

a identificarse y si es el caso de que existe como lo muestra la condicin if
104
($usuencontrado) devolver el nivel del usuario y se ejecuta la sentencia

session_start(); para dar inicio a las dos variables de sesin como son
$_SESSION['MM_Username'J y $_SESSION['MM_UserGroup'] que guardarn
el usuario y el nivel correspondientemente y se enviar a la pgina datos.php,
caso contrario la variable Serrar se pondr en valor 1 es decir activo, como
poder ver anteriormente en el cdigo se mantena el valor de O equivalente a
inactivo, con el objetivo de mostrar al usuario un mensaje de equivocacin
como lo observa en el siguiente cdigo:
if($error==1){
echo "<span class^prueba^ <center> Usuario o Contrasea
Incorrecto
</center></span>";
ste cdigo se encuentra ubicado en el cuerpo html para que se muestre el

mensaje, aadindole un estilo css llamado 'prueba', que tiene como propiedad
un color rojo para resaltar la equivocacin al usuario.
105
Si la condicin del usuario encontrado se cumple, enviar a la pgina datos.php

en el cual realiza el control del nivel de usuario como lo muestra el cdigo:
Pgina "datos.php"
session_startO;
switch ($_SESSIONrMM_UserGrvup']){
case 'a': include ("admindatos.php");
break;
case 'p': include ("notas.php");
break;
case 'e': include ("consultanotas.php");
break;
default: header ("Location: ndex, php");
Como se puede ver en el cdigo siempre tiene que estar la antecedida la

funcin sesin^starQ para trabajar con variable de sesin y recordando en el
cdigo
anterior
se
guard
el
nivel
del
usuario
en
la
variable
106
($_SESSION['MM_Usei<5roup'\)l entonces se ejecuta la sentencia switch para

enviar a las pginas correspondientes segn el tipo de usuario, si en el primer
caso es igual a: 'a' ser enviado a la pgina admindatos.php es en el caso de
usuarios administradores, de igual manera en los otros casos y si no
corresponde a ningn caso es decir no existe el usuario o alguna persona mal
intencionada desea ingresar a sta pgina va URL ser redireccionada a la
pgina principal index.php como lo muestra la sentencia default.
Para restringir el acceso a posibles ataques, se detalla el siguiente cdigo

generado por Dreamweaver CS3 en la pgina admindatos.php y el resto de
pginas restringidas que nicamente corresponden a usuarios registrados con
su respectivo nivel de acceso.
Pgina: "admindatos.php"
session_startQ;
$MM_authorzedUsers = "a";
$MM_donotCheckaccess = "fe/se";
function isAuthorzed($strUsers, SstrGroups, SUserName, $UserGroup) {
107
SisValid - False;
if (!empty($UserName)) {
$arrUsers = Explode(",", SstrUsers);
$arrGmups - Explodef",", $strGroups);
if (in_array($UserName, SanrUsers)) {
SisValid = true;
if (in_array($UserGroup, $arrGroups))
$isValid = true;
if (($strUsers == "") && false) {

SisValid = true;
reum SisValid;
$MM_restrictGoTo = "ndex. php";
108
// (f((isset($_SESSION['MM_Usemame'J)) &&
(isAuthorzed("",$MM_authorzedUsers,
$_SESSION['MM_Usemame'],
$_SESSION['MM_UserGtvup'])))) {
$MM_qsChar="?";
$MM_referrer=$_SERVER['PHP_SELF'J;
if (strpos($MM_restrctGoTo, "?")) $MM_qsChar = "&";
if (isset($QUERY_STRING) && str1en($QUERY_STRING) > 0)
$MM_referrer .= "?". $QUERY_STRING;
$MM_fBStrctGoTo
= $MM_restrctGoTo.
$MM_qsChar . "accesscheck="
urencode($MM_referrer);
header("Location:". $MM_restrctGoTo);
exit;
Para determinar el nivel de acceso, se ubica el carcter que corresponde a

cada usuario por ejemplo si es administrador sera: 'a' o si es profesor sera: 'p'
como muestra en la variable $MM_authorizedUsers = "a"; del ejemplo anterior
109
Con etlo cada usuario navegar en las pginas que tes corresponden, y
mantendr la integridad de la informacin como debe de ser. Y para finalizar, se
debe cerrar sesin de usuario, existen diversas maneras y la que se utiliza es la
siguiente:
SlogoutAction = $_SERVER['PHP_SELF']."?doLogout=true";
if ((isset($_SERVER['QUERY_STRING']))
&& ($_SERVERfQUERY_STRINGy
/= "")){
SlogoutAction .="&". htmlentities($_SERVER['QUERY_STR!NG']);
if ((isset($_GET['doLogout'j))
&&($__GET[ldoLogout']-="true")){
$_SESSION['MM_Usemame'] = NULL;
$_SESSION['MM_UserGnoup'] = NULL;
$_SESSION['PrevUr'] = NULL;
unset($_SESSION['MM_Usemame']);
unset($_SESSION['MM_UserGtvup'j);
unset($_SESSION['PrevUr']);
110
SlogoutGoTo = "index.php";
if (SlogoutGoTo) {
header{"Location: SlogoutGoTo");
exit;
Este script es ubicado en cada pgina validada, para garantizar el cierre de

sesin de determinado usuario para posteriormente redireccionar a la pgina
index.php.
3.4.6 Implementacin de Protocolo de Seguridad HTTPS
Como es conocimiento HTTPS trabaja bajo la capa de seguridad SSL,

generalmente HTTP utiliza el puerto 80 en ta capa OSI de Aplicacin; es decir la
informacin que viaja a travs de ste protocolo es insegura ya que hackers
pueden interceptar informacin confidencial o claves y hacer uso de ello, en
cuanto al caso del protocolo HTTPS utiliza por defecto el puerto 443 utilizando
111
el cifrado SSL en la Capa OSt de transporte encrptando la informacin desde
que el cliente enva los datos al servidor.
Qu necesito para Instalar un certificado SSL en la aplicacin web?
Un servidor web o cuenta web hosting que soporte SSL.
Direccin IP Dedicada, como tambin se la puede compartir la IP Dedicada
Acceso a la configuracin SSL desde su panel de control para generara el

CSR o solicitud del certificado de firma.
Et certificado SSL
Configuracin del Servidor
Para preparar un servidor web que acepte conexiones HTTPS, el administrador

debe crear un Certificado de clave pblica para el servidor web. Este certificado
debe estar firmado por una Autoridad de certificacin para que el navegador
web lo acepte. La autoridad certifica que el titular del certificado es quien dice
ser. Los navegadores web generalmente son distribuidos con los certificados
raz, certificados firmados por la mayora de las Autoridades de Certificacin por
lo que estos pueden verificar certificados firmados por ellos.
112
Pasos para la Instalacin del Certificado SSL en WHM
1. Ingresar a la pantalla principal de certificados ssl, se lo puede encontrar

dentro del Cpanel del hosting.
Main SSL/TLS
w>
Genrate a
SSL
Certifcate and
IrttM a SSL
Certifcate ar>d
tetup the
Domain
Mar.a<je SSL
Hosts
Punchase &
InttaH SSL
Certifcate
Grfico N.36: Pantalla principal manejo SSL
2. Ahora se va a generar el certificado CSR (Certifcate Signing Request), aqu

se debe ingresar el dominio, que hora ser https://www.marianobentez.edu.ec y
el resto de informacin que requiere.
113
Crate a Nv* Cirt

Contect InN
Email Address the Crt mili b nt to:
r
Do not marl erOficte igning request and prvate k u pon comptehon
Crt Info (thli til be dltplytd whn u*er conncctt)
Email:
Genrate Patitvord
Piffword Strength:
vnr wk (o/ioo)
Mort to mk rt for:
Cfty:
Mjto
Coontry (2 Ittttr bbrivittion):
Compny Nm:
Campan y Di vi ton:
Koy SIB: [ 1024 ^
Grfico N.37: Pantalla formulario de datos SSL
3. Posteriormente se genera el certificado:
WH M /{cceterated
CerUffcat
CEHIFICATE ----g)Î6AgIJ*Pp-GUye
VQQG E 3 VUzE LMAkGAl U EC BHCVT gx ED *0 Bg WB*t TBO hv dXMC b 24 n FD S BgNVBteT
uZGVt
ULK0 1
A D B /iC B /D AdB g HVMQ4 EFgQUq*NSAzKP3 K E k*: n b>pt oPi O I B SE wg cw&Al UdlwSB

xDC Bt^*UqNSto 9C P 3 K C k K nb+prnP4OT BSGhg? ? k g7(Mg2 cxCzU BgMVB YT1 VT
Grfico N.38: Pantalla Creacin del Certificado
114
4. La firma ssl que maneja hosgator es con la empresa CMODO CA el cuat

garantiza la integridad de los datos que viajan entre el cliente y el servidor, el
texto que se gener anteriormente se lo copia y pega la clave de la firma
contratada para que posteriormente entregue la firma ssl certificadora y pegarle
en cuadro de la imagen siguiente:
Uftr
5. Y para finalizar, dar click en el botn submit como muestra la imagen:
Install a SSL Certifcate and Setup the Domain
The crt maj airead? be on the

You can try lo Ftch I ff or part* th ntir* .crt fita Mr:
115
Cmo funciona SSL?
El protocolo SSL est basado en capas:
En cada capa los mensajes incluyen longitud, descripcin y contenido.
SSL toma los mensajes que deben transmitirse, divide los datos en bloques
manejables, comprime los datos si se desea, aplica un MAC, cifra y
transmite el resultado en forma de un registro SSL.
El receptor debe procesar los datos de forma anloga, es decir, son

descifrados, verificados, descomprimidos si fueron comprimidos.
Propiedades SSL
El protocolo SSL proporciona un canal seguro con tres propiedades bsicas:

1. El canal es privado: Todos los mensajes son cifrados tras una negociacin y
se define una clave secreta empleando criptografa simtrica.
2. El canal es autenticador: El servidor del extremo de la comunicacin siempre

es autenticado mientras que el cliente es
autenticado opconalmente. Para
autenticar los extremos se emplea criptografa asimtrica.
117
direcciones por azul (Firefox) o verde (Internet Explorer) para identificar pginas
web seguras.
3.5 Pruebas y resultados
3.5.1 Pruebas de Caja Blanca
Despus del desarrollo y la implementacin de la Aplicacin Web para el

registro y consulta de notas utilizando protocolo de seguridad HTTPS, se
procede a realizar las pruebas en ste caso el correcto funcionamiento interno
de la aplicacin revisando todas las lneas de cdigo con la ayuda del
depurador Dreamweaver, y permite determinar lo siguiente:
El cdigo realiza las funciones como insertar, actualizar, eliminar y consultar

correctamente.
Cdigo Insertar Estudiante
mysql_select_db($database_conexion, Sconexion);
118
$insertSQL="INSERT INTO usuarios (id_usu, nombres, apellidos, usuario,

contrase, representante, email, nivel) VALES (", 'Snombres', 'Sapellidos',
'$usuario', '$contrase', 'Srepresentante', 'Semail', 'e')";
$Result1 = mysql_query($insertSQL) or die(mysql_error());
Cdigo Consultar Estudiantes
$cestudiante
mysql_query(
"SELECT
m.id,
u.id_usu,
CONCAT_WS('
'^.apellidos, u. nombres) AS estudiantes, u.usuario FROM cursos c, mixer m,

seccin s, usuarios u WHERE c.id_cur = m.id_cur AND s.id_sec = m.id_sec
AND u.id_usu=m.id__usu AND s.id_sec=%s AND c.id_cur=%s AND u.nivel = 'e'
GROUP BY 2 ORDER B Y 3");
Sestudiantes = mysql_fetch_assoc($cestudiante);
Cdigo Eliminar Estudiantes
$eid=$_POST['eusu'j;
mysq^selec^dbSdatabase^conexion, Sconexion);
$elimini- mysql_query ("DELETE FROM usuarios WHERE id_usu=$eid ");
119
Cdigo Actualizar Estudiantes
$actu= ("UPDATE usuarios SET nombres=$nombres, apellidos=$apeHidos,

usuaro=$usuaro,
contrase=$contrase,
representante=$repn3sentante,
email=$email WHERE id_usu=$id");
Existen comntanos en los cdigos para su entendimiento.
require_once('Connections/conexion.php'); //Conexin a la base de datos

/finida la variable de sesin
if (!isset($_SESSION)) {
session_startQ;
// si presiona botn insertar

if ((isset($_POST['insertar'J)))
121
Por favor lija la seccin y el curso del estudiante:
Insertar Alumno
Grfico N.41: Validacin Ingreso de Estudiante
Gracias a estos resultados con la prueba de caja blanca en la Aplicacin Web

del Colegio Mariano Bentez permite determinar que existe un 100% de
aprobacin en relacin a la estructura interna del sistema web.
3.5.2 Pruebas de Caja Negra
En las pruebas de caja negra se va a analizar si estn bien definidas las

entradas, salidas, el manejo de aplicacin es decir, el buen funcionamiento de
su interfaz, con la ayuda de los navegadores ms utilizados como son Mozilla
Firefox e Internet Explorer y de esta manera se detallan los siguientes
resultados:
122
La estructura de navegacin para los usuarios es de fcil manejo.
COLEGIO NACIONAL "MARIANO BENTEI

CEREBRO Y CORAZN
Hua, MAURICIO ALOS ACUACUlNA AUCAP1MA
PJ
*i
0.1
t AL rI (HJUimCADAI *
Grfico N.42: Estructura Navegacin Estudiante
COLEGIO NACIONAL "MARIANO BENTEZ

CEREBRO Y CORAZN
MMVH-M* LCON MWIS VAILE KJ NOSSOT
**MM> ttww 3
CMHH
MoMuC
IMMFtHlM
-
AILLM ilUMMO JlJIt CCUAM
I*
47
AMMUO TDMA JOM LMI
14
47
AIMOM naaiLM AMWM V*MII

i OMTUUIIIMAHOO
CHBMIICMCA1U WCLUTtt MMMLM
CMCMU CHCAUA MCKAMO *1 f muiOf
l MACMNHiU MOL* CA
* OMOOVAnnwu UUIIA ALJJH
11 CUNMU.LO tMKMU MU JOtL
Grfico N.43: Estructura Navegacin Docente
123
COIEGIO NACIONAL "MARIANO BENTEZ

CEREBRO Y CORAZN
MwMwM* MAUTH* OCril I NMAM1O 1
AILLO* UAMOTO MMA lAOI

MLUM M**JTO Wtm AJUUMU.Y
LUCU IHUU.
(A IHM
11 O
(JUV ** V AUHU
[_
11BM11IA ALLtOOl UAKw > LM

UKUkt OCHO MOV *IA iMMTTF
ContuMi
LLMtM OLOAOO HJJ*U ALUAMW
ConuMr
Cun*uM< j [
HAHOFIU HDOIIUUII UHU jOMtlW*
Grfico N.44: Estructura Navegacin Administrador
Como se pudo visualizar en las imgenes, el men de navegacin de los tres

tipos de usuarios se encuentra en la seccin izquierda de la estructura de la
pgina y siempre permanecer ante cualquier ejecucin que realice el usuario
para su fcil navegacin.
124
Las entradas y salidas se ejecutan de forma correcta.
Por favor elija la seccin y el curso del estudiante:

Diurna
<*
Dcimo A
Hombres:
Atvaro Julio
^peludos:
Rodrguez Cando
Usuario:
5000
5000
Repre*entnt: Julio Rodrguez
avarosdjl @hotmatl com
Insertar Alumno
Grfico N.45: Ingreso de Alumno
U pgina en httpsÂ
Estudiante Alvaro Julio Rodrguez Cando Se Guardo los Datos con xito!!!
Aceptar
Grfico N.46: Mensaje de Confirmacin
Grfico N.47: Consulta de Alumno
125
Las imgenes anteriores detallan la secuencia que realiza el usuario

administrador para ef ingreso de un alumno al sistema, posteriormente
despliega un mensaje de confirmacin y por ltimo el usuario consulta si ya est
el estudiante registrado en la curso que lo ubic.
La interfaz siempre es favorable para el usuario.
COLEGIO NACIONAL "MARIANO BENTEZ

CEREBRO Y CORAZN
Men Docente
BlenvMU* LEOH OENIS VALL JO HOSSOT
CWMM
A vito*
Cerrar SfnJn
Mnmec
R Wjtiiro M CiMeKtoM*
Prlnm TtkiMiti*
[7]
1 i*"""
r:
iJ
OuJHl Doenva c
niMiin M
1 MMJCIIDAD
1 IKMH (
IJFI.Ml UKIN
iini I%INMII
1 AttAUJOVIMOAjOULUt*
AMCNA AKMLUZ AMMNA
UAUfllA
CAMAMA UMVTU J(Mn

iMACKLA
CMOtMl CMCAUA MCLMTON
MUKALUU
12
12
12
11
17
11
IB
18
18
i*
1
17
1B
18
'
Grfico N.48: Interfaz Docente de fcil manejo
Como se puede observar el grfico anterior, el usuario docente puede escoger

los cursos que le pertenecen para proceder a ingresar las notas de sus
estudiantes, ya que la interfaz que se aplic ser siempre favorable para los
usuarios.
126
Los resultados demuestran que las pruebas de caja negra determinan un 100%
de aceptacin en relacin al interfaz y al manejo de la aplicacin. Para que las
pruebas generen los resultados reales deben realizar los usuarios de la
aplicacin mas no el creador, por ello ya se realiz la respectiva capacitacin a
docentes y administradores ya que ellos son los responsables del manejo del
sistema web.
3.5.3 Pruebas de Carga
La Aplicacin Web del Colegio Mariano Bentez, es implementada en un

servidor web y es de plataforma multiusuario entonces es necesario realizar las
pruebas de carga debido a que pueden conectarse varios usuarios a la vez y el
servidor podra dar resultados inesperados o muy gratificantes con la finalidad
de medir el rendimiento de la aplicacin web.
Para medir esta prueba como se dijo anteriormente se realizo la capacitacin a

docentes, administradores y se integro a dos estudiantes ms como muestra
total de 20 usuarios.
Lo que ha permitido obtener los siguientes resultados:
127
Usuarios
% Tiempo de Respuesta
Porcentaje
de
Aceptacin
Un Alumno
100%
100%
Un Docente
100%
100%
Un Administrador
100%
100%
Dos Usuarios
100%
100%
Tres Usuarios
99%
99%
Ms de tres Usuarios
98%
98%
Todos tos Usuarios
95%
95%
Tabla N.10: Resultado de tiempo de respuesta
3.5.4 Pruebas de Seguridad
Para garantizar la integridad de cada usuario, es necesario realizar varas

pruebas, tratando de ingresar a los perfiles de los estudiantes, docentes y del
usuario administrador, cabe recalcar que un usuario del mismo nivel nunca
podr acceder a la cuenta de otro usuario a travs de las siguientes pginas
que se detallan, las cuales muestran el acceso por nivel de usuario.
128
Pginas
Estudiante
Docente
Administrador
Acceso
Acceso
Acceso
datosestudiantes.php
consultanotas.php
avsoest.php
profedatos.php
notas, php
avisopro.php
admindatos.php
pingreso.php
p consulta, php
eingreso.php
e consulta. php
epase.php
mprofesores.php
mmprof.php
mestud jantes, php
mingreso.php
mconsulta.php
eingreso.php
mmaterias.php
cconsutta.php
129
mcursos.php
acurmat.php
mcurmat.php
mmcurmat.php
paviso.php
Tabla N.11: Acceso a pginas por nivel de usuario
Si un usuario desea ingresar a la pgina de notas, php ilegalmente, la cual

pertenece a los usuarios docentes, le re direccionar a la pgina principal ya
que en cada pgina tiene un cdigo de restriccin contralando el nombre y el
tipo de usuario, de la misma manera es el control para todas las pginas.
https: //mat uno benrtez. edu .ec/1 n dex. p h p ? c <. etic hec k * W F n o j t. p h p
torlano
COLEGIO NACIONAL "MA

CEREBRO Y COR
Ingreso al Sistema
COLEGIO NACIONAL MARIANO BENITE2 DE PELILEO
I Mi t u rio:
Grfico N.49: Pgina re direccionada por acceso ilegal
CAPITULO IV
4.1 Conclusiones
El desarrollo de ta presente Aplicacin Web, ha sido un largo trabajo y a su vez

se ha adquirido mucha experiencia y conocimientos durante todo el proceso,
llegando a fas siguientes conclusiones:
Con la Aplicacin Web los estudiantes tienen acceso a consultar sus aportes
de cada trimestre, faltas justificadas e injustificadas, notas de disciplinas,
calificacin de supletorio, con los promedios generales en cada trimestre
permitiendo conocer el estado final del estudiante, agregando que los
representantes de cada alumno tambin lo puedan hacer con el nmero de
matrcula; con ello el acceso a la informacin es puesta de manera rpida,
digital, segura y de fcil acceso.
Los Docentes e Inspectores ahora se evitan de realizar el cuadro de registro

manualmente de cada trimestre, ya que a ms que el sistema web realiza
los promedios que se requieren, ste genera un reporte en extensin "pdf",
con el formato que el Colegio Mariano Bentez lo solicita, gracias a esto el
profesor nicamente imprimir el reporte para luego ser entregado en
secretara, como tambin el archivo generado se lo puede guardar en un
130
131
dispositivo de almacenamiento para uso exclusivo del docente. Gracias a

ste proceso que la aplicacin lo permite realizar, todos los profesores
optimizan tiempo y mucho trabajo estresante.
Gracias a los diferentes mtodos de seguridades programados en el

proyecto y sobre todo tomando en cuenta que se implemento un certificado
de seguridad SSL, garantiza que la informacin de cada usuario sea
protegida verazmente.
Otro aspecto muy importante que se planteo como objetivo, era el de agilitar
el proceso de entrega de notas trimestrales por parte de secretara, ya que
cuando se reciba el cuadro de registros de cada docente, las notas finales
eran ingresadas en el sistema escolstico para generar el boletn trimestral;
con la aplicacin web, la secretara ya no tendr la obligacin de registrar las
notas porque los docentes ahora son los encargados de realizar el trabajo
que le corresponda, el sistema web de igual manera genera el reporte en
formato "pdf, el cual es el boletn de calificaciones trimestrales logrando con
el objetivo de optimizar la entrega de notas al estudiantado y ahora el trabajo
de la secretara es nicamente el de generar los reportes e imprimirlos.
El trabajo de un Ingeniero en Sistemas es el de siempre estar actualizado y

proteger la informacin ante cualquier amenaza, y segn las exigencias del
presente proyecto se deben realizar respaldos de la informacin, se
mantenga la seguridad y el buen funcionamiento de la aplicacin web.
132
4.2 Recomendaciones
Al crear una aplicacin web segura y con grandes funcionalidades es necesario

dar las siguientes recomendaciones:
La secretara es la administradora
del sistema web, entonces es
recomendable que se realice el buen manejo del mismo, ya que aquel, es el

usuario es el responsable del correcto funcionamiento, porque si existe un
ingreso incorrecto de estudiantes o profesores el sistema no respondera
como se espera y no mostrara los datos que deben ser o peor aun no
imprimira nada en pantalla, cabe recordar que la aplicacin web es una
herramienta tecnolgica, y como su nombre mismo lo dice valga la
redundancia es una herramienta y su rendimiento depende de cmo se lo
use.
Los docentes de igual manera son los responsables en registrar las notas de
sus estudiantes, se debe dar el correcto uso ya que si hay una calificacin
mal ingresada el estudiante presentara sus reclamos creando conflictos
entre docente y estudiante.
Es recomendable a todos los usuarios en especial el administrador y los

docentes, que siempre deban "Cerrar Sesin" si ya no se va a utilizar el
sistema, por la simple razn que terceras personas no tengan acceso, sin
133
embargo, cabe recalcar que el sistema cuenta con una segundad de

tiempos determinados, es decir en el caso que un usuario no realice ninguna
accin por 5 minutos, el sistema automticamente lo detecta y se cierra la
sesin destruyendo aquella funcin propia de php "start_sesion()" con la
funcin denominada usesin_destroy()" y en el caso de los estudiantes no
es importante, por tal motivo que el usuario solo puede realizar consultas
Las comunicaciones por parte del administrador son de suma importancia y

es recomendable que docentes y estudiantes estn al pendiente de
cualquier comunicado, sobre todo a los docentes ya que ellos tienen
restricciones a los registros de notas por el tiempo que decida el
administrador.
134
BIBLIOGRAFA
Internet
lvarez, Miguel "Edicin con PHP de varios registros" (2006, Marzo).

Disponible en:
http://www.desarrolloweb.com/articulos/2395.php
"Hypertext Tranfer Protocol Secure" (2010, Octubre). Disponible en:

http://es.wikipedia.ora/wiki/Hvpertext Transfer Protocol Secure
Foros del Web "SSL en aplicacin PHP" (2006, Febrero). Disponible en:
http://www.forosdelweb.com/f18/consulta-ssl-php-372210/
Foros del Web "Olvido de Contrasea PHP" (2009, Diciembre). Disponible

en:
http://www.forosdelweb.com/f18/olvido-contrasena-php-mvsql-764664/
Foros del Web "Verificar Usuraio" (2003, Febrero). Disponible en:

http://www.forosdelweb.com/f18/como-puedo-verificar-si-usuario-existe-nobase-datos-mvsal-115571/
"Disear BDD Mysql Workbench" (2008, Septiembre). Disponible en:

http://vramirez.wordpress.com/2008/09/07/usando-mysql-workbench-paradisenar-v/
Foros del Web "Relacionar Tablas Mysql" (2003, Septiembre). Disponible en:
http://www.forosdelweb.com/f21/relacionar-tablas-mvsQl-153778/
Ingside "Indexar Tabla Mysql" (2007,

http://www.ignside.net/man/mvsql/indices.php
lvarez, Miguel "Programacin en PHP" (2004, Febrero). Disponible en:

http://www.desarrolloweb.com/manuales/12/
lvarez, Rubn "Nuevos registros PHP" (2002, Marzo). Disponible en:

http://www.desarrolloweb.com/articulos/323.php
"Modificar Registros PHP" (2002, Mayo). Disponible en:

http://www.proqramacion.com/articulQ/tutorial de php y mvsql 7/8
Enero).
Disponible
en:
135
Foros del Web "Eliminar Registros PHP". Disponible en:

http://www.forosdelweb.com/f18/php-mvsql-eliminar-reqistros-231425/
lvarez, Rubn "Lectura Registros PHP". Disponible en:

http://www.forosdelweb.com/f18/php-mysql-eliminar-reqistros-231425/
"PHP y JavaScript". Disponible en:

http://dns.bdat.net/trucos/php2/x229.html
"SSL" (2010, Octubre). Disponible en:

http://es.wikipedia.orq/wiki/Transport Laver Securitv
"Introduccin SSL". Disponible en:

http://es.kioskea.net/CQntents/crypto/ssl.php3
136
GLOSARIO DE TRMINOS
Aplicacin Web.- Son Aplicaciones Software que es accedida va web por una
red como internet o una intranet.
Cliente.- Ordenador conectado a ta red que a travs de una aplicacin acceda

a los servicios que ofrece un servidor.
Cpanel.- Es un panel de control accesible desde cualquier navegador y con un

amplio nmero de prestaciones, que le permite gestionar su dominio y el
espacio web vinculado a travs de una interfaz web.
DNS.- Es el que le permite a la computadora traducir los nombres de dominio a

direcciones IP, aquel valor de cuatro nmeros que sirve para identificar a una
computadora en una red.
FTP.- Es un protocolo de red para la transferencia de archivos entre sistemas

conectados a una red.
Hostlng.- Consiste en ceder un espacio en un servidor para subir un sitio web

para que pueda ser accedido en todo momento de forma online.
137
Modelo OS! - Se encarga de las conexiones fsicas de la computadora hacia la

red, tanto en lo que se refiere al medio fsico como a la forma en la que se
transmite la informacin.
NIC.- Entidad o Institucin encargada de asignar dominios de internet bajo su

dominio de red sean genricos o de pases.
Protocolo HTTPS.- Es una versin segura del protocolo HTTP que mplementa
un canal de comunicacin seguro y basado en SSL entre el navegador del
cliente y el servidor.
Query: Conjunto de condiciones o preguntas usadas para extraer informacin

de la base de datos.
Servidor- Ordenador que suministra informacin, a travs de una red, a otros

ordenadores llamados clientes.
SSL.- Es un proceso que administra la seguridad de las transacciones que se

realizan a travs de Internet.
138
ANEXOS
ANEXO N. 1 MANUAL DE INSTALACIN
La Aplicacin Web para el Registro y Consulta de Notas del Colegio Nacional

"Mariano Bentez" utilizando protocolo de seguridad HTTPS, se encuentra
desarrollada para ser ejecutada en las plataformas Windows o Linux debido a
que es alojada en un servidor de alojamiento web.
Requisitos Mnimos para Clientes
PC Pentium IV
256 MB RAM
Cualquier Sistema Operativo necesario tener navegador
Tarjeta de Red 10/100 Mbps
Si el cliente consta con una mquina de mejores caractersticas sera mucho

mejor para su uso.
139
Requisitos para el Hosting
Procesador dual Xeon E5520 2.26 GHz Quad Core
Sitema Operativo CentOS 5.5 Enterprise Linux x86
Memoria RAM 12 GB DDR2
Conexin de Velocidad 100 mbps
IP dedicada y SSL
phpMyAdmin 3.3.8
MySQL 5.1.52
PHP 5.2.4
cPaneM 1.28.35
Apache 2.2.17
El sistema web fue desarrollado para ser instalado en las caractersticas

similares al servidor que se detall.
Instalacin de la Aplicacin
En el CD de Instalacin adjunto se encontrarn los archivos de la aplicacin en

una carpeta llamada "marianobenitez", y en la raz del CD se encontrar la base
de datos con el nombre de "alvaro87_mariano.sql".
140
Para realizar la transferencia de archivos a en et servidor existen varias

opciones pero la ms recomendable es utilizar un programa FTP por razones
de fcil manejo. Entonces se utilizar el programa gratuito llamado "FileZilla
3.2.2.1" a travs del cual se trasladar todos los archivos al servidor.
Para ello es necesario crear una cuenta FTP en el servidor, para sincronizar
con el software FileZilla.
A continuacin la creacin de una cuenta FTP:
Ingresar al cPanel con el login y password otorgado por la empresa.

Entonces se debe escribir en el browser lo siguiente:
https://marianobenitez.edu.ec/cpanel
En seguida despliega una ventana para identificarse e ingresar al cPanel.
141
IdeffiifiKin requerida
httpi//mrianobetirt.ju.et:2063 t felicitando un nombre de ucuaro y un contraten. El sitia
dice "c
Nombre de utuario:
ContrseftJ:
-:*(.
I Cancel*
Imagen 1
Si los datos son correctos, dirige al cPanel y posteriormente dirigir a la seccin

"Archivos" y pulsar la opcin "Cuentas de FTP".
Archivos
Admirimirador d* Archivo*
-C j
Osco d*
Uso d Espacio de
-- da FTP
Control da SocionCK da FTP
Imagen 2
Para crear la cuenta FTP, se debe ingresar un "Login", "contrasea" y escoger

el espacio de la cuenta, finalmente pulsar el botn "Crear".
142
aAadlr Cuenta FTP

atvarS?
lmarianobenitez.edu.ee O
contra sena
**
contrasena (Otn
vez)
>
Login
Fuerza ('):
Fuerte (62/100)
Generador de contraseas
Directorio: /home/ al varos?/ public_html/atvaro87

Espacio:
2000
MB
* Inlmitada
Crear
Imagen 3
Una vez creada la cuenta ftp, es indispensable recordar aquellos datos privados
para luego ser ingresados en el programa FileZilla, el protocolo de transferencia
ser: ftp.marianobenitez.edu.ee. el user y el password los mismos datos de la
cuenta ftp.
Para realizar esta configuracin ftp del sitio marianobenitez.edu.ee en FileZilla,

se debe ejecutar la opcin "Site Manager" o tipiar las combinaciones Ctrl+S.
143
Site Managcr
SetectEntry:
General
pst;
anthurlos
marianobenitM
pdteo
[ Advanced | Transfer aettngs | Chirset

I -ianobenitcz.edu.ecl
Servertypj: rTP - te Trangfajjrotocgt
Normal
atvaro87
Account:
CiewStte
New Bookfflartc
Qeiete
Cop*
Canod
Imagen 4
Despus de realizar la configuracin ftp del sitio marianobenitez.edu.ee, se

procede a conectar con ef servidor al pulsar el botn "Connect", todos los
archivos a subir en el servidor deber ser tranferdos a la carpeta publicjitml, el
programa FileZilla se divide en dos secciones, la izquierda muestra los archivos
del computador personal y la derecha son todos los archivos del servidor.
Para realizar la transferencia simplemente se marca los archivos deseados y

luego dar clic derecho y seleccionar la opcin "Upload". Ubicar los archivos
144
dentro del CD en la carpeta "maranobenitez" y realzar el proceso de

transferencia de archivos al servidor.
M .,
227 Biterna Pasave Mode (174,132,188,76,144,13)
Conwund:
Resporttei
Command:
tapante;
capme;
ST
150 Acceptnd data comettion

226-Otroons: -a 4
226 54 matches tota
Qrectory bttng *jcoe*tful
iMpam
Stttur
Local r C: Vv*iy V*wwjmm*nobrttt?]
(i 1. irtuiUt
5-^ jaopal
ffl- --i, joomtol.4
- (. joomlal
1|) 1. lpjlm
ftvnott a; | ûbkcJiM
f .trath
T atceM-bgs
t: c
f ma,l
T pubtie.ftp
public.html
- J, nunanobcnrtei
li- i. motkjn
Filemme
t. tmp
filetiu Filetype
Lart modrf ied
..
Filename /
MAgJ^
Fileiiu
f n*î
Carpeta o> are...
2/25/2010 18:16:30
.. SpryAfWtf
-JlOlli
Carpeta de are...
11/12/2010 20.25:47
, ConneetiortJ
Carpeta de are,..
6/6/2010 21:31:59
i.Templatef
_ .hUcs
.Itntgtc
Carpeu de rc...
10/14/2010 14:20:50
* j:urmat.php
. ScnpK
Carpa d are...
8/31/2010 19:46^9
1, -' J'llilldtOS p .
Carpeta de are,.
f~ 4
6/25/2010 O:SS-J3
mnlrtmn KJW.
"
mm<j
"JpryAiseti
T
-_,
m
ja
L27S
iM
Imagen 5
Cuando ya se haya terminado de transferir todos los archivos al servidor, ahora

corresponde instalar la base de datos del sistema.
145
Instalacin de la Base de Datos
Como se mencion anteriormente en el CD de Instalacin adjunto se encuentra

un archivo llamado "alvaro87_mariano.sql", es un archivo en el cual se
encuentran todas las tablas de la base de datos MySql y se lo utilizar
posteriormente para implementar la base de datos en el servidor.
Para realizar la instalacin de la base de datos, ingresar al Cpanel y ejecutar ta

opcin "MySql Base de Datos".
Bdbes de dtos
Basas de Datos
phpMy Admin
"' J^x
stent* de MySQL*
-.
x VS
^ -\a
Imagen 6
Una vez ingresado se debe crear ta base de datos de la aplicacin del colegio
con el nombre de "mariano", pero el servidor siempre al nombre del usuario lo
ubica como sufijo para cualquier base de datos, entonces la base de datos se
llamar "alvaro87 mariano".
146
Crear una Nueva Base de Datos
Nueva Base de datos:! alvaro37_ mananoj 1
Crear Base de Datos
Imagen 7
Ahora se necesita un usuario para la base de datos el cual se lo llamar

"alvaro87_alvaro1", y finalmente crear un usuario en la base de datos.
MySQL Usuarios
aadir Nuevo Usuario
Nombre usuario: Ialvaro87_ alvarol
Contrasea:
Contrasea (Otra
vez):
Fuerza (por qu?):
OK (50/100)
Generador de contrasenas
Crear Usuario
Imagen 8
Despus de crear la base de datos del sistema, se procede a ingresar a la

herramienta "phpMy Admin" y es donde ya aparece la base de datos creada
147
anteriormente. Seleccionar la base de datos "alvaro87_mariano" para realizar

los pasos importantes de la importacin del archivo "alvaro87_mariano.sql".
Vv MySQLS Be d. D.tos
MySQL*
v ,.rt.nt.d. MySQL
.
phpHy Admin
MySQL
"TfiH'i'v*
^*Tlt>tjl
HpVVlMR
Imagen 9
Para importar ta base de datos pulsar la opcin "importar", luego dar clic en el
botn "examinar", y buscar el archivo "alvaro87_mariano.sqr en el CD de
Instalacin Adjunto.
local host ^ jq alvaro87_mariano

ggEstructura
,flSQL
Buscar
^Generar una consulta
Imagen 10
Êxportar
Împortar
148
LuctkZKta del arctirwj di Mxto
| LFaminsr j] (Twuflo mximo 50MB)
Jutgo i* tKKlaei de) WIO u<B

*
U oxnpieifl etcogid piri ti efe*) impon* M dtuctiil CjqttflMMI.
^^'* E^DC >
j PMrniU ti inurtupcion d U impo>uc>on tn *i CHO d qu d
'
jtuti un rDirgo pu*d* M* 1 tr*nticcioi)*i
Nmtro do regiairot (consultas) a saare desde l icio 0
*- a
Ofginu*
nofummtiK
Unto toaf l|
Ji MMa
Formatod*l rehivo bnporudoCSV

Opn Oocumtnt Spfadtn*t
SOL
Exctl 97-3003 XLS WcrktwW
Excl 2007 XL3X WaVBook
XML
- .,
rOpck>f
ModiMidcamfMbbl*
O
:/DowtuALfTO
^^ il.J G6 disponihlK di li GB
Dispositivos con almacenamiento eictraibte (2)
Buscar archivo:
,_, Ktce IM*| (t)
*** ahraroo*)_mar1ano.sq I"

TodM tM trcHWM
Imagen 11
Para comprobar que todas las tablas estn creadas, seleccionar la base de
datos "alvaro87_mariano" y se observa que ya est instalado correctamente.
&) localhost > Ufe* alvaro87 mariano

fitstructura
^J SQL ^ Buscar
Tabla -
D avisos
curmat
mixer
seccin
usuario!
n ni
materia
7labla<)
ff
| X
X
j X
* x
IB | H X
Nmero da fitas
Êxportar
Împortar
Cotejamiento
Ôperaciones
Tipo
Registros 1
1 InnoOB
ut/B _untcode.-Ci
1 O
47<
InnoDB
utf8 _UrtOO. ci
40
InnoDB
LftfB _unicode_ _ci
M 0 KB
^B^BMaMBl
16 0 KB
SI
InnoOB
utfB _unicod._CI
16
O KB
11, tac InnoOB
3 MB
n ES H x
u c IB i* n x
S IB
c E
71 ES IB
II CS H
cursos
JfttGenerar una consulta
Ati
InnoOe
utf8_untcod*..ci
ut8 _unicoo*..ci
l,0tl
InnoDB
utfB _urttcode..ci
MylSAM
utfB unicode ci
13,44?
Imagen 12
Tamao
ie
Residuo
KB
KB
144 0 KB
3 . s UB
149
Por ltimo verificar en el navegador el funcionamiento de la aplicacin ya

instalada en el servidor.
150
ANEXO N. 2 MANUAL DE USUARIO

ESTUDIANTE
Ingreso al Sistema.- Para ingresar al Sistema Web del Colegio Mariano

Bentez,
es
necesario
que
el
estudiante
digite
en
el
browser
www.marianobenite2.edu.ee. el usuario debe identificarse con el nmero de

matrcula o nmero de carnet, el mismo nmero debe ser ingresado en los dos
campos "Usuario" y "Contrasea" posteriormente dar clic en el botn "Ingresar"
o presionar la tecla "Enter".
Imagen 13
152
En el men estudiantes se cuenta con los tems:
Datos Personales
Notas Finales
o Primer Trimestre
o Segundo Trimestre
o Tercer Trimestre
Avisos
Cerrar Sesin
MEN ESTUDIANTES
1. Datos Personales.- En sta opcin el estudiante puede ver sus Nombres,

Apellidos, sus datos de Usuario y Contrasea y los datos de su Representante:
153
Men Estudiante
Datos Personales
Hola, MAURICIO ALEXIS AGUAGUlS A AUCAPIA

Estiniaoo Estudiante, a continuacin se &i tientan sus Datos Personis*
Motas Finales
AviOS
Cerrar1 Seaion
PUCESA
H om Ore
Apellide
UlUMO
CantT**n*
fiepreeni*nte
MAURICIO ALEXIS
AGUAGUIA AUCAPIA
186
1H
Imagen 16
2. Notas Finales.- Esta opcin permite al estudiante observar de manera

general, tas calificaciones trimestrales, disciplina de profesor e inspector, faltas
justificadas e injustificadas, como tambin si es el caso la nota de supletorio;
adems se despliega tos promedios trimestrales de los ya mencionados
anteriormente.
I luU. MAURICIO ALIJOS AttUAttUIA AUCAPIA*

Notan h
Avive*
ttfHf, Olurn*
Car:
MOTA*nHALtl
HavfiaD
U.
wi
rj
rr
ii)
nt
rj
ni
afUHm
InilI
tCrTrl
MaTri
J*rTrl
II
TBWI
FALTA* JU*nriCMl
I
FALTA* WjUCTmCADAt 1
Imagen 17
ICdUHOOTMM
TUCUTUIM
rj
n tom *i W
154
Dentro de ste tem, existen tres opciones que son:
2.1 Primer Trimestre.- Como su nombre lo dice, el usuario puede consultar sus
aportes obtenidos del primer trimestre, el examen, suma total, promedios con
un decimal, nota trimestral redondeada, disciplina, faltas justificadas e
injustificadas y por ltimo se conoce la disciplina del inspector de curso.
Men Estudiante
Hola, MAURICIO ALEXIS AGUACUINA AUCAPIA
Listo 4 Wrsonsiei
nota i Mna<
Avitt*
UOCiM: Olurn*
PRIMER TfBMESTR
Curio: BavtnoD
cerrar 5>in
PUCCSA
H1MIHI U
1 MMMIHII
I T(H n \I
API
API
API
EXA
i;
ir
tUUA fAOH
91
it.i
MOTA
TMM
us
ti
FJ
n
I
OptKtrl
CtMMHteMHI
I M VlOM*
WCIPLIllAWIPfCTOft
11
Imagen 18
2.2 Segundo Trimestre.- Como su nombre lo dice, el usuario puede consultar

sus aportes obtenidos del segundo trimestre, el examen, suma total, promedios
con un decimal, nota trimestral redondeada, disciplina, faltas justificadas e
injustificadas y por ltimo se conoce la disciplina del inspector de curso.
155
Hola, MAUKtCIO ALtXIS ACUACUiA AUCAPlAA

IMtet Pcnonai
Hat** PirulM
fMCWfU OturM
AviMM
Curo:
SEGUNDO TRIMESTRE
Noveno O
CT*r Sesin
PUCCM
4.
API
API
API
17
X
1*
NOTA
UIUA MOM TWU
MJ
M
II
I SIVnMtMD
I klH U 1
r.l I r. i ,!!
un IMKlHi
r Camunic.
CUMCIM MnNM
CAOCIM (acliw*
Imagen 19
2.3 Tercer Trimestre.- Como su nombre lo dice, el usuario puede consultar sus
aportes obtenidos del tercer trimestre, el examen, suma total, promedios con un
decimal, nota trimestral redondeada, disciplina, faltas justificadas e injustificadas
y por ltimo se conoce la disciplina del inspector de curso.
MBM Estudiante*
Hola, MAUR1U ALEXIS A(,UALUlSA AUUtl'IA
OM09 P;nonalJ
N i(l a i Finis,
Aviso*
Cut
tfcOUNLX) 1 KIMtSIWt
HovCiM O
Ctirir
PIICFSA
mvnrii n
1 M1MMIMI>
C M<H l< I
lili H1 VIH
BpMM
L*gut* r Cominu.
stlll MBtMI
CMMHlMWH
MucHln M Vor
CompuiMMn
CuMn ftaw*
OUCIPUNA MincTOft
Imagen 20
*P1
API
API
FXA IUA PKW MOTA
13
1B.J
I/
IH1M
4.1
1*1
156
3. Avisos.- En ste tem el alumno puede conocer una noticia o comunicado

por parte de la Institucin.
Men Ertudtant
Cog Per-jonaiet
Hola, MAUftlCIO ALEXIS *GI)*GUIHA AUCAPlS*

CcrtiurticaciOfl at can* at la Inifitudrv
in al e i
BsHriutlus atflure esludiatite. esperando te tientan aslsdia con ts\t nuevo servida Oe\. cualquier Ouaa
criHidiauei con tcrUrl t> criDlc i weDmailMQmiiraftODetlIleieilu CG
PUCESA
i.
(n
MI. U'l *W*
Imagen 21
4. Cerrar Sesin.-
El usuario estudiante al dar clic en cerrar sesin,
confirma que ya desea salir de la aplicacin y ser enviado a la pgina

principal. Este tipo de usuario tiene su respectivas restricciones de
seguridad pero como se haba dicho anteriormente uno de los objetivos del
proyecto fue que sus representantes tambin tengas acceso a las notas
trimestrales y basta con conocer su nmero de matrcula o carnet, eso
quiere decir que otras personas tambin lo pueden hacer pero solo se puede
realizar consultas nada ms, entonces no existe ningn riesgo a la
integridad del sistema y existe el libre acceso a la informacin.
157
DOCENTE

Bentez,
es
necesario
que
el
docente
digite
en
el
browser
www.marianobenitez.edu.ee. el usuario debe identificarse con el nmero de

cdula y su clave en los campos "Usuario" y "Contrasea" respectivamente,
posteriormente dar clic en el botn "Ingresar" o presionar la tecla "Enter".
i:i)l tilo HACIOMU MUMMM OfHItll M Pil I1H|
i i IMAM ntfa niflMH an CJttf Hustam

ma o*n*tt u tm*u mintii tm*n
U WltH lUWTiei u* toixii Bl
IMIlMItt 1 tUI S Mlt KMMTU HdDI III <tullt
n Mnnu i I tWdUiKi umuH* lid nu
IrIIti, toma Uintrtn (udln w4g* tu lun
MWK4: IM aHWIIMMartfl U
cu hHkH w
inaimt flf
(K-njri( pur nimh H]DI
i AMirulirttnf nuifdl l"<Jln*ogl*

IWOllHO Ciifl MI WlMatt iH Cltil J II intwiHJ.ln
ai LBUHUI ponun til. IOH tu ni

im.fH(i DI t qut ct niitirit * tu
ttviiauiiiiu
Imagen 22
Si los datos ingresados al sistema son incorrectos, la aplicacin devolver un

mensaje de error.
158
Ingreso al Sistema
usuario:
Contra serta:
Ingresar
Usuario o Contrasea Incorrecto
Olvido su Contrasea?
Imagen 23
Olvido de Contrasea.- Si el profesor por alguna circunstancia olvid su

contrasea, debe dar cite en el hipervnculo "Olvido su Contrasea", se
encuentra al final de la seccin del Ingreso al Sistema.
Ingreso al Sistema
Usuario:
Contrasea:
Ingresar
Olvido su Contrasea?
Imagen 24
Una vez que el usuario cuqueo en el hipervnculo, automticamente le

aparecer una ventana en el cual solicita que se ingrese el emait para que
posteriormente se envi una nueva contrasea al correo electrnico del usuario
solicitante.
159
"
Por favor ingrese su enafl. y

auiiwnAtic amante le enviw enk>
un* nueva
Imagen 25
Nota: ste servicio funciona si el docente anteriormente ingreso su correo

electrnico en sus datos personales, ya que si el email no consta en la base de
datos, el sistema le mostrar un mensaje de alerta, para lo cual el usuario debe
contactarse con el administrador para solucionar su problema.
La pgina en https;//m*ranobentez.du,ec dice;

Su emal no se encuentra registrado en la Base de Datos, contactese con el Administrador
Imagen 26
161
Avisos
Cerrar Sesin
MEN DOCENTES
1.- Datos Personales.- Al dar clic en ste tem el profesor tiene acceso a
modificar sus datos personales, el usuario puede cambiar sus: Nombres,
Apellidos, Usuario, Contrasea e Email.
Men Docent*
Bienvenido LEN DCHIS VALLEJO HOSSOT
Ditos Percml*
NotM Finales
Aviaos
Cerrar 5*tir
LEN QENI 3
PUOSA
VALLEJO MOSSOT
1800964692
I M\tkIIHlF
i vil n i
rw:i
CMNTMIUl
Imagen 28
2.- Notas Finales.- El docente tendr acceso a consultar las notas, faltas
justificadas, faltas injustificadas, disciplina, total acumulado, el estado del
estudiante y si es el caso de algn estudiante, la nota de supletorio, de forma
162
general de tos tres trimestres de sus estudiantes que les corresponde. La

secuencia que debe seguir el docente para realizar la consulta es:
1. Seleccionar "Seccin".
2. Seleccionar "Curso".
3. Seleccionar "Materia".
Bienvenido LEN DEN1S VALLEJO MOSSOT

iwcton
Dtanu
Curso
Noveno O
i)
Notas Finales
'
Mitem*tc*i
Eituditntei
IH
US
FJ R
112
US
FJ Ff
N3
OS
FJ Fl
AfiUAGUKUAUCAWfiA MAUBtCIO ALEXti
Ifi
II
31
10
17
12
17
16
10
AMAN AUAN JOS AKDRE1
Total A|RfS Sup

48
CRDENAS ALTAMIRANO GISSELA NATHALY
CARRASCO CARRASCO UaiHOMAR
CASTRO AUAH PAMELA A VAHA
CMCAI2A ESCOBAR jESSfWA MAWSOL
Imagen 29
Como se puede analizar en la imagen 29, el docente selecciono la seccin

"Diurna", el curso "Noveno D" y la materia "Matemticas", despus de de
escoger las opciones automticamente el sistema filtra los estudiantes que
corresponden a esos datos y el docente ya puede realizar la consulta.
163
Los estudiantes estn ordenados alfabticamente por apellidos con su

respectiva numeracin. A continuacin su abreviatura:
N1.- Representa la nota del primer trimestre.

N2.- Representa la nota del segundo trimestre.
N3.- Representa la nota del tercer trimestre.
DIS.- Representa la disciplina.
FJ.- Representa las faltas justificadas.
Fl.- Representa las faltas injustificadas.
Total.- Muestra la suma de los tres trimestres.
A|R|S.- Representa el estado del estudiante "A" significa Aprobado, "R" significa
Reprobado y "S" significa Supletorio.
Sup.- Representa la nota de supletorio si existe el caso que el estudiante lo
rinda.
En el estado del estudiante, el sistema lo asigna automticamente cuando el

profesor ya ingrese el examen del tercer trimestre, caso contraro el sistema lo
marca vacio.
164
Dentro de de "Notas Finales", existen 4 sub menus que son:
2.1.- Primer Trimestre.- Los profesores tienen la facultad de registrar los

aportes obtenidos del primer trimestre de sus alumnos, cuenta con una
abreviatura la cual se utiliza en los tres trimestres. A continuacin la
descripcin:
AP1.- Primer aporte.

AP2.- Segundo aporte.
AP3.- Tercer aporte.
EXAM.- Examen primer trimestre.
R.- Estudiante retirado.
SUMA.- Suma de los tres aportes mas el examen.
PROM.- Promedio obtenido de la suma dividido para cuatro con dos decimales.
NOTA TRIME.- Nota trimestral obtenido del promedio ya redondeado.
DISC.- Nota de disciplina.
F.J..- Faltas Justificadas.
F.L- Faltas Injustificadas.
Para realizar el registro de calificaciones se debe seguir la secuencia:
165
4. Ingresar los datos de los estudiantes.
5. Clic en el botn Guardar.
Bienvenido LEN DNIS VA1 LE J MOSSOT

Seccin
Diurna
Curso
Dcima C
UatemtfcM
Registro de Calificactones
Primer Trimestre
Guardar Daloi 5
s
Generar Reporte
APELLIDOS V MOUBRES tAlumiK)
SUMA PHOU YQIIF
AILLON BARREHO JOS EDUARDO
12
12
AHAUJYUMGA JOSELUIS
15
17
16 n
14
14
12.2S
12
18
1*
18
12
16
3 ASECHA ANDALUZ ADRIANA VAHESA
18
18
18
18
LJ
ia
BASTIDAS ORTIZ CRISTIAN FERNANDO
19
17
18
16
17.fi
CARRANZA URRUTIAJENNIFER GRACIELA
17
< CHCRRESCmCAIZAwELlNTOMRONALOO
CHtCAIZA CWCAIZA RtCHARDO ALEXANDER
CISMEROS FREIR EVELYH GISSELA
Imagen 30
Para generar el reporte de cuadro de registro, el docente simplemente tendr

que escoger la seccin, el curso y la materia que desee, y para finalizar
presionar el botn "Generar Reporte", a continuacin el reporte en formato PDF:
166
-J

(tCOISTRO DI CALIFICACIONES PRIMER TWWMTRi
PRQFFSOR: 1.FIONDENISVAI.I.FJOMOSSOT
SECCIN: Dln..
CURSO: D*ln C
FFCI1A: -Wl/zol 1
ASIGNATURA
TMM
AMLUOOft V NOWMU
AW
AM
XAH
ftlMU
MOH
ALLON BAMHEMO JUSC fcOuAWO
13
14
ta
t7
H
ARALJJO VUN(JA JOS LUIS
tfi
1
40
"
13 as u
ASTK>W ANClllV JtfWIAN* VANP8JW
Ilt
1B
r>
IH
IB
BASTIDAS onnz CRISTIAN FERNANDO

CARRANZA URRUTIA jEhNiFen ORACICLA
1*
17
ia
14
1T.S
ia
a
a
0
0
CCMOOVA UtRUIA LUUA ALEJANORA
0
0
CWMT ALIO MMCHEZ MIlM JOS.
12
PRC rftORC AUOU4TO DARt
U
M
FRE PAREOC3 LH.IANA CAROLINA
UALLtODSBOKJA KHJHAHU ANDRS
I.I1K.AI/A LIIK.A1/A KIUlANUUAUiXANUI.lt
ClSNEFliJS FREIR EVELVN CH39EIA
CMMCR*auACHMBOZAPAOLACATHBHNC
tu
i
CJ
17
Fl
ia
i^HFRRF'* (~.MnlAl7A WFt UTrtN ftfWAI DO

S
MC
0
D
Imagen 31
El reporte contiene los datos que se muestran en la pgina del primer trimestre
con la diferencia que al final muestran las equivalencias, promedios de
rendimiento, disciplina y el espacio para la firma del docente, ya que ste
documento se imprimir, para luego ser entregado en secretara.
De sta manera el docente se evita de realizar el cuadro de registro

manualmente y sobre todo los clculos lo realiza el sistema automticamente,
ahorrndose mucho tiempo y evade las posibles
equivocaciones
que
comnmente se realizaba en el cuadro de registro para luego otra vez volver a

repetir el trabajo.
167
2.2.- Segundo Trimestre.- Los profesores tienen la facultad de registrar los

aportes obtenidos del segundo trimestre de sus alumnos. Para realizar el
registro de calificaciones se debe seguir la secuencia:
5. Cite en el botn Guardar.
BienventdO LEN DENIS VALU JO HOSSOT
Registro de Calificaciones
Seccin
Diurna
[V] 1
Cuno*
D6clmo C [v] 2
W**ri*<t)
MttemfttiCM
Segundo Trimestre
03
[Guardar Datos | 5
| Generar Reporte
APELLIDOS Y HOMBRES (Alumno*) AP1

1 AILLON BARREMO JOS EDUARDO
2 ARALUOYUMOA JOS LUIS
ASEKHA ANDALUZ ADRIANA
VAHESA
VAHESSA
HA<Tin*< ORTIZ
non? CRISTIAN
rOKTIAU
BASTIDAS
FERNANDO
17
|l7
-,;.
AP2
hP3
EXAM
R SUMA PROM ,'"
^^^HBH ^^HBB^^B ^^B
DI
18
1 [S~
S~ 1 1S
15
17
1 [iJT
13
55
4l
Imagen 32
13.75
14
<S.re
[W
[19
168

que escoger la seccin, el curso y la materia que desee, para finalizar presionar
el botn "Generar Reporte", a continuacin el reporte en formato PDF:
J5=

*Rr
REGISTRO DE CALIFICACIONES 3EOUN DO TRIMESTRE
PROKK30R: LEN DEN1S VALLE MOSSOT

ASIGNATURA
N
SECCIN: Dh-na
CURSO: Octmo C
AP LUDO! V HOMIMS
API
API
AULON BARRENO jse EDUARDO
17
ia
IB
IB
AJM
i
XAH UHA PNOH

'
71
'HIM
DI BC
1775
18
17
13 7S
17
1
ARAUJO YUNflA JfJSE LUIS
ASEMTHA ANDALUZ ADRIANA VANESSA
-1
BASTCAt OOTlZ rftlsTIAM f efKANf" i
CARRANCA URRUTIA JNNIFH GRACIELA
<
IB
17
1! 7! 16
i m-HMr-irmcA/* wi UNION KONAI DO
'
CHlCAlZA CMlCAliA RlCHAROALGXANDER
a
0
'
USNEROS FREIR EV6LCN iili'ELA
ClSNEROS GUACHIMBZA PAOLA CATHCRlNE
CORCOVA LLHN A LUISA ALEJANDRA
0
0
13 |FRElftE FRifiEAU<klSTO DAfilO

-
FECHA: 31/1/201 1
MarnulU.n
r -.!>-. .r
. i >.' - ,
KJ
Fl
Imagen 33
El reporte contiene los datos que se muestran en la pgina del segundo

trimestre con la diferencia que al final muestran las equivalencias, promedios de
rendimiento, disciplina y el espacio para la firma det docente, ya que ste
169
2.3.- Tercer Trimestre.- Los profesores tienen la facultad de registrar los

aportes obtenidos del tercer trimestre de sus alumnos. Se debe recalcar que en
sta opcin cuando el profesor registre la nota del examen, el sistema calcula
los datos de cada estudiante y determina el estado ya sea: "A", "R" o "S"; es
decir Aprobado, Reprobado o Supletorio respectivamente. Para realizar el
registro de calificaciones se debe seguir la secuencia:
5. Clic en el botn Guardar.
Bienvenido LEN DFNIS VALLEJO HOSSOT

Seccin
Mim
CurttM
Dcimo C 2
MMert*4>) Mttemtttca*
-, 3
Registro oe caimcactones
Tsrcer Trtmesire
QuaidarOatoa
*
Generar Reporte
APELLIDOS Y NOMMCf (AlwnMKM
SUUA PROM
1 AILLON BARRENO JOSC EDUARDO
17
19
2 ARAUJQYUMCA JOS LUIS
14
13
3 ASBCHA ANDALUZ AOWAHA VAM45A
18
17
17
16
MOTA
TfHUE
17J6
17
70
17J
18
IC
17
4 BASTIDAS ORTIZ CRISTIAN FERNANDO
18 -
Imagen 34
19
170

que escoger la seccin, el curso y la materia que desee, para finalizar presionar
el botn "Generar Reporte", a continuacin el reporte en formato PDF:
.'
EJ
COLEGIO NACIONAL "MARIANO BEN1TEZ"

REGISTRO OE CALIFICACIONES - TERCER TRIMESTRE
PROFESOR: I.EONDENISVAI.I.KJO MOSST
ASIGNATURAM
'
SECCION:[Jhma
AMLUOOI V MOMMU
API
APS
APJ
EXAW UMA PROU TRM
AM.LON BARRENO JSE EDUARDO
17
16
17
18
69
AftAUJO VUNiJA JOS LUIS
14
13
10
42
IOS
11
ASElCHA ANDALUZ ADRIN VAN6SSA
IB
17
17
'
175
Ifi
BASTIDAS ORTIZ CRISTIAN PEfNAND
CARRANZA URR U Tifl jENNlFER iJftAClELA
'
1
CMERftS CHICAlZA WCUN ION RONALDO
( MI! AI/ACHICABA RICHAHIH) Al f XWJI>FR
CISNEftiW FREIR EvELVN lSSEU
ClNEROa QUACMW6QZA PtLA CATnefilNE
CRDVA LLERENA L1K4 A ALEJANDRA
CURIPAU.O SNCHEZ BfllAN XJEL

.
1
CURSO: tWrtmnC
HCHA: 31/1/201
MauriUtkai
CHt-F fliFlH A(Jt,lJsrr)riAl5l()
DI1C
'
17 2S
FJ
10
i
i
JO
FREIR PAREDE L UAM '.AH.XIh*
jo
ALLEGS B8JA ir.HAftfiANfi(W*
lo
lo
lo
Imagen 35
El reporte contiene los datos que se muestran en la pgina del tercer trimestre
con la diferencia que at final muestran las equivalencias, promedios de
rendimiento, disciplina y el espacio para la firma del docente, ya que ste
171
2.4.- Supletorio.- En sta opcin se filtran nicamente los estudiantes que

deben rendir examen de supletorio. Para registrar las notas siga la misma
secuencia:
5. Clic en el botn "Guardar Datos".
Bienvenido LEN DENIS VALLEJO MOSSOT
(ccWn
Hunu
Curao
Noveno O
Ut*fi()
UatemAtCM
1
r
Supletorio
2
*
15
I
MwftNMM
MI
Kl
Tottl
0
A)*)!
Imagen 36
Al ingresar la nota de supletorio del estudiante, el sistema determina si el

estudiante aprueba o pierde el ao lectivo.
172
Para el caso de los docentes a la vez son inspectores de curso, el sistema lo

reconoce para realizar el ingreso de la disciplina, el procedimiento es el mismo
para los tres trimestres. A continuacin la ilustracin:
Bienvenido LEN DENIS VALLEJO MOSSOT
Seccin
Dtont
curoi
HowiwD
INSPECCIN
i Goardar Datos
Rsgrttro de CaNflc*dOM
*> 2
Primer Trimestre
* 3
APCLJJ001YNOUI
AGUAOUNA AUCAPIIA UAURtClO ALEXIS
AHAN AMAN JO SE AORES
CARDEJIAS ALTAMMAN GJSSLA HATHALT
CARRASCO CARRASCO LEMM OUAR
CASTRO AUAM PAMELA OAYAHA
CMCAIZA ESCOBAR JESSEMIA UAWSOL
Imagen 37
La imagen 37 demuestra los pasos para registrar la calificacin de disciplina de

inspeccin, se lo realiza en los tres trimestres y como es de esperarse tambin
el sistema genera el reporte de disciplina, presionando el botn "Generar
Reporte". A continuacin el reporte generado:
173
A>dM ttat* ni BCUB-* (j~*
I
. ^
. _l 0
i /'
nt _, ^ *
'
^ ^1
'
r "'
Imagen 38
El reporte de ta imagen 38 contiene las notas de disciplina de inspeccin,

adems calcula el promedio de todo el curso y el espacio para la firma del
inspector.
3.- Avisos.- En la opcin de avisos es similar a la de estudiantes, el docente

puede conocer algn comunicado o noticia por parte del colegio.
1/4
Bienvenido. ANTONIO ADRIN HUALPA CAMPANA

Comunicacin de parte de la institucin:
Bienvenidos seores Docentes, esta aplicacin fue desarrollada para el beneficio de todos los que
conformamos el Colegio, esperando mantengan actualizados los datos para un brindar un
excelente servicio. Si tienen algn inconveniente comuniqese: avarosdji@hotmail.com
Imagen 39
4.- Cerrar Sesin.- Si et docente ya no va a realizar ninguna accin en el

sistema, es recomendable cerrar sesin ya que existe cinco minutos de espera
ante cualquier movimiento del mouse o alguna accin por parte del usuario, y
en ese transcurso alguna tercera persona intentara apoderarse de la
informacin, aunque las posibilidades son mnimas por el tiempo establecido a
los usuarios inactivos, siempre es recomendable cerrar sesin.
Men Docente
Datos Personales
Notas Finales
Avisos
Cerrar Sesin
Imagen 40
175
Cuando el usuario se encuentra inactivo por cinco minutos, imprime en pantalla

el siguiente mensaje:
Bienvenido LEN OENIS VALLfcJO MOSSOT

La pgina en Mtpfy/mananabeniwzedu.ec dice.
Curo*
Uutio InKtrvO por S mirtutOf, por tvQi vurfvi idenlrf ic*r
| Guardar Di
f
APELLIDO!
1 AILLOM BAMKHO JOS EDUARDO
12
12
15
17
f*
14
17
Imagen 41
Una vez que el mensaje aparece en pantalla, el usuario tiene ta nica opcin de
dar clic en "Aceptar", despus de haber realizado la accin, el docente es
direccionado a la pgina principal destruyendo la sesin iniciada.
Adems se implemento un control de acceso a los datos de los estudiantes, es

decir por un determinado tiempo segn decida el administrador, se encontrarn
habilitadas las opciones como: Primer Trimestre, Segundo Trimestre, Tercer
Trimestre y Supletorio, ratificando que ste proceso por obvias razones el
administrador lo llevar a cabo en orden secuencia!. Por ejemplo si se
encuentran en el periodo del primer trimestre, entonces slo sta opcin estar
176
habilitada para los docentes; de sta manera se evitar que existan

modificaciones de notas trimestrales despus que se haya terminado un
trimestre, por las razones que un estudiante pueda ser perjudicado y se
conlleve a problemas mayores, es por ello que existe sta segundad manejada
por el administrador, que posteriormente se explicar el manejo del mismo. A
continuacin se presenta el mensaje de restriccin a los docentes:
LO pgina en https://marianobenitez.edu.ee dice:

Servicio Bloqueado, Comuniqese con Secrectarfa
Aceptar
Imagen 42
Un detalle muy importante que se suman a las seguridades del sistema, se trata
de otra manera de cerrar sesin, si el docente ya no va a utilizar el sistema,
simplemente basta con cerrar el navegador para que automticamente se cierre
la sesin iniciada del usuario. No existe el riesgo si terceros vuelven abrir el
navegador que estaba utilizando el profesor, y encontrar la sesin abierta, no
sucede porque cuando se cierra el navegador la sesin se destruye en
conjunto.
177
ADMINISTRADOR

Bentez,
es
necesario
que
el
administrador
digite
en
el
browser
www.marianobenitez.edu.ee, el administrador debe identificarse con el nmero

de cdula y con su clave en los campos "Usuario" y "Contrasea"
respectivamente.
Imagen 43
178
Si los datos ingresados al sistema son incorrectos, la aplicacin devolver un

mensaje de error.
Ingreso al Sistema
Usuario:
Contrasea:
| Ingresar I
Usuario o Contrasea Incorrecto
Olvido su Contrasea'
Imagen 44
Olvido de Contrasea.- Si el administrador por alguna circunstancia olvid su

contrasea, debe dar clic en el hipervnculo "Olvido su Contrasea", se
encuentra al final de la seccin del Ingreso al Sistema.
Ingreso al Sistema
Usuario:
Contrasea:
Ingresar
Olvido su Contrasea'
Imagen 45
Una vez que el usuario cuqueo en el hipervnculo, automticamente le

aparecer una ventana en el cual solicita que se ingrese el email para que
179
posteriormente se envi una nueva contrasea al correo electrnico del usuario

solicitante.
http://m n n obn itez. ed u.et/ o Iv ido -php
Por KVOI inglese su ema, y

automticamente le enviaremos
una nueva cot*raseda_
Emai:
Imagen 46
Utilizando el Sistema.- Despus de que el administrador se identifico de

manera correcta la pgina que por defecto se mostrar ser la de "Consultar
Notas", que se encuentra dentro del men estudiantes.
180
Imagen 47
En el men del administrador cuenta con las opciones:
Datos Personales
Docentes
o Ingreso de Docentes
o Consultar, Modificar y Eliminar
o Docentes por Curso
o Bloqueo y Desbloqueo
Estudiantes
o Ingreso de Estudiantes
o Consultar, Modificar y Eliminar
o Consultar Notas
o Aprobados y Reprobados
Materias
o Ingreso Materia
182

Datos Personales:
Kombre: MARTHA CECILIA

Apellido*: NARANJO LLERENA
utuario: 1802463057
Contraiefta:
Enuib marcendh@yahoo.es
Actualizar Datos Personales
Imagen 48
El usuario administrador debe tomar muy en cuenta los pasos a seguir, para
que no exista equivocaciones o datos mal ingresados en el mismo.
Las secciones del colegio "Diurna" y " Nocturna" ya son predeterminadas,

debido a que desde hace muchos aos el colegio siempre ha mantenido stas
secciones y as lo ser en el futuro. Es decir las secciones no necesitan ser
administradas.
183
2. Docentes
2.1 Ingreso de Docentes.- El usuario administrador para ingresar un nuevo

docente al sistema debe dar clic en el submen llamado "Ingreso de Docente" y
seguir los pasos:
1. Seleccionar et nmero de materias que el docente va a dictar.

2. Escoger la seccin, el curso y la materia de cada fila.
3. Ingresar los datos personales det docente.
4. Clic en el botn "Guardar Profesor".
Por favor, seleccione el nmero de materias que se le va asignar al docente

maten**
1 leccin
curios
materia*
2 leccin
cunoi
<r
materia*
3 seccin
curaos
*>
materias
4 leccin
curio*
materia*
i leccin
curio*
materia*
Por Tavot llene los datos del docente:

Hombre;
Apellido*:
Usuario:
Cantrefta:
Ematt:
Guardar Profesor
Imagen 49
184
2.2 Consultar, Modificar y Eliminar.- En esta opcin, el administrador tendr

acceso a consultar los datos de todos tos docentes ya registrados, de tal
manera que se podr modificar los datos personales, las materias asignadas y
eliminar al docente. Los docentes estn ordenados alfabticamente por
apellidos.
Bienvenido MARTHA CECILIA NARANJO LLERENA
Docentes
Usuario
ABRIL PAZMIHO AHITA DEL ROSARIO

iRtO
1800570002
Modificar
, Eliminar
AGOSTA GARCA FABIN VICENTE

E
1803560661
Modificar
Eliminar
ICIO
AGUAGUWA TIRADO EDWIN FABRICtO
1803744018
Modificar
Eliminar
ALVARADO CHA VEZ JOS CRtST BAL ENRIQUE
1801269927
Modificar
Eliminar
ALVAREZ ZAMBOMIHO FERNANOt) ABELARDO
0500927587
Modificar
Eliminar
AMAN PILATAXI MARTHA LUCA
1802729192
Modificar
Eliminar
ANDALUZ PILLARA EDGAR OMARt
1803205879
Modificar
Eliminar
US
ARCOS ACOSTA NARCISA DE JESS
1801923623
Modificar
Eliminar
BARRETO CHILKJUIMGA LOURDES INS
1803732989
Modificar
Eliminar
-liminftr
Imagen 50
2.2.1 Modificar.- Al dar clic en "Modificar", el sistema muestra una nueva

pgina en la cual se basa en tres paneles: "Datos Personales Docente",
"Materias Asignadas" y "Agregar Nueva Materia".
185
Datos Personales Docente I Materias Alonada*
Agregar Nueva Materia
Hombrea:
EDGAR OMAR
ApeHtdoa:
ANDALUZ PILLARA
Usuario:
1803205879
Contra aeta: * * * * * * *
Email:
omarandaluz@yahoo.es
Actualizar registro |
Imagen 51
En los "Datos Personales Docente", el administrador podr cambiar todos los

datos personales y para finalizar debe dar clic en "Actualizar registro".
Datos Personales Docente 1 Materia* Asignadas I
Imagen 52
En el panel "Materias Asignadas", el sistema despliega las materias asignadas

al docente con su respectiva seccin y curso, para to cual es posible modificar
cada una de stas materias con solo dar cite en el botn "Modificar" como
186
tambin eliminar dicha materia. Al dar clic en modificar una materia asignada
aparece la siguiente ventana:
Oaia a modificar
accin cu rao
materia
Diurna Dcimo C Opcathra Uuatcal
Modifique lo* Dato
aecctn: accin
curao:
curto
materia: materia
Guardar Cambios
Imagen 53
De tal manera que al modificar una materia asignada aparece la seccin, el

curso y la materia que se decide cambiar para luego seleccionar la nueva
seccin, curso y materia y ejecutar el botn "Guardar Cambios".
Datos Persnate Docente
Materias Asignada

curvo
seccin
materias
cursos
Imagen 54
En la ltima opcin del panel de edicin del docente "Agregar Nueva Materia",
el administrador podr agregar una nueva materia al docente de su lista de
187
materias asignadas, primero se debe seleccionar la seccin, curso y materias y

finalmente pulsar el botn "Agregar Materia Nueva".
Doconte
Modificar
Eliminar
ABRIL PAZUMO ANUA DEL ROSARIO
1SOQS70002 f Modificar^ ||Eimna7]
ACOSTA GARCA FABIN VICENTE
1803&60661 f Modificar~| | Eliminar ]
AGU AGUINA TIRADO EDWIN FABRtCIO
1803744018 f MQdfficaiT| ["
ALVARADO CHVEZ JOS CRISTBAL ENRIQUE
180126W27 [~Mdificaf~l | Eliminar
ALVAREZ ZAMBONINO FERNANDO ABELARDO
OS00827S87
Elirnia
Imagen 55
2.2.2 Eliminar.- Para finalizar el manejo de docentes, para eliminar un docente

lo nico que se debe ejecutar es el dar clic en el botn "Eliminar" como lo
muestra la imagen 55.
2.3 Docentes por Curso.- El administrador por medio de sta opcin, puede
conocer los nombres de los docentes que dictan sus materias por cada curso y
seccin con su respectiva asignatura. De la siguiente manera:
188
Bienvenido MARTHA CECILIA NARANJO LLERENA
Seccin
Diurna
Cuno*
Noveno O
-r
Docentes de cada curso:

APELLIDOS y HOMBRE Sb
Mattriu
AGUAGU1HA TIRADO EOWW FABRK
ibujo
BONILLA POMLUISA MARA REGINA
Lenguaje y Comunic.
LLEREHA CULCAY CECILIA FERNANDA
Computacin
UAUZA PILLA MARA GEORGINA
Ciencias Soctle
MATA CRUZ NGEL FABRtCK)
Ingti
OSORtO MEZA MARA LUCRECIA
Educ*ci6n en Vtor ei
PILLA PILLA WH.SOH ISRAEL
Huaica
SALTOS LPEZ JUAN CARLOS
Cultura FitK
fl
SALTOS TORRES CECILIA DEL CARMEN
Ctenciit M tu rite
10
VALLEJO MOSSOT LEN OEMS
Uatemtleaa
11
VILLAMAR GMEZ RAL GONZALO
Optativa
Imagen 56
2.3 Bloqueo y Desbloqueo.- sta seccin consiste en habilitar y deshabilitar

accesos a las pginas de registro de notas de: Primero, Segundo, Tercer
Trimestre y Supletorio en cual los docentes tienen restricciones el cual el
administrador es la nica persona que decide el tiempo determinado para el
ingreso de notas, de esa manera se puede evitar problemas entre docentes y
estudiantes. A continuacin la pgina administrativa de restricciones a los
docentes:
189
Bloqueo y Desbloqueo de Registro de Notaa de Estudiantes

Bloquear Todo
Habilitar Primer Trimestre

1
habilitar Segundo Trimestre

Habilitar Tercer Trimeatre
Habilitar Supletorio
Dea bloquear Todo
I Aplicar Cambios | 2
Imagen 57
Los pasos son sencillos, el administrador escoge la opcin correspondiente a

habilitar y por ultimo presiona el botn "Aplicar Cambios", posteriormente
aparece en pantalla un mensaje de confirmacin. En la imagen anterior, se
puede visualizar que nicamente se encuentra habilitado el acceso al registro
de notas del primer trimestre y el resto de opciones se encuentran
deshabilitadas, obviamente el administrador lo habilitar de manera secuencial.
3. Estudiantes
3.1 Ingreso de Estudiantes.- Para realizar el registro de un estudiante en el

sistema, dar clic en la opcin "Ingreso de Estudiantes" se encuentra dentro del
men "Estudiantes" en la cual el administrador primero escoge la "seccin", el
190
"curso" que el estudiante va a cursar posteriormente ingresar los "Nombres",

"Apellidos", "Usuario", "Contrasea", "Representante" y "Email". En los campos
"Usuario" y "Contrasea" se debe ingresar el nmero de carnet o matrcula en
los dos casilleros.
Por favor elijo la seccin y el curso del estudiante:

ecctn
Hombrea:
Apellido*:
Usuario:
Contrasea:
Repi ementante:
Erna:
Insertar Alumno
Imagen 47
3.2 Consultar, Modificar y Eliminar.- En esta opcin el administrador tiene

acceso a consultar todos los datos de los estudiantes que se encuentran
registrados en el sistema, como tambin a modificar y eliminar a cada
estudiante. Para realizar aquello primero el administrador debe elegir la
"seccin" y el "curso" posteriormente se despliegan todos los estudiantes que
pertenecen a dicha "seccin" y "curso". Adems se encuentran los botones para
modificar y eliminar a un alumno.
191
Diurna
Curios
Dcimo C
Imagen 48
3.2.1 Modificar.- Af pulsar el botn "Modificar, el sistema muestra una ventana

en la cual cuenta con dos paneles; "Datos Personales Estudiante" y "Materias".
En el panel "Datos Personales Estudiante" el administrador tiene el acceso a

cambiar los datos del estudiante:
192
Datos Personales Estudiante I Materias
Nombres:
JOS LUIS
Apellidos:
ARAU JO YUNGA
Usuario:
1099
Contrasena
***
Representante:
Email:
Actualizar registro
W^^
Imagen 49
Para grabar los datos modificados el administrador debe pulsar el botn

"Actualizar Registro".
En el panel "Materias", se despliega los datos que el estudiante est cursando

como la seccin, el curso y las materias, como tambin existe la opcin de
cambiar al alumno a otro curso.
193
Datos Personales Estudiante I Materias

Dato a Actate a del Es tu oante:
seccin
curso
Diurna
Dcimo C
materias
Matemticas
Optativa Uusical
Dibujo
Lenguaje y Comunic.
Ciencias Naturales
Ciencias Sociales
Educacin en Valores
Ingls
Computacin
Cultura Tsica
Msica
Por favor escoja los nuevos datos a asignan
seccin
cursos
Cambiar Nuevo Curso
Imagen 50
Para realizar el cambio de curso al estudiante, el administrador debe escoger la

seccin y el curso y por ltimo dar clic en el botn "Cambiar Nuevo Curso".
3.2.2 Eliminar.- Para borrar a un estudiante del sistema lo nico que se debe
realizar es dar clic en el botn "Eliminar" y automticamente se elimina de la
base de datos con sus datos asignados anteriormente como son la seccin,
curso y materias.
194
Seccin
Diurna
Cunos
Dcimo C
v
*
Estudiante*
Usuario Modificar
AILLON BARRENO JOS EDUARDO
1171
ARAUJO YUNGA JOS LUtS
Eliminar
Modificar
Eliminar
Modificar
Eliminar
Imagen 51
3.3 Consultar Notas.-
La presente pgina es muy indispensable para el
administrador, porque a travs de sta opcin se puede consultar tos aportes de

los estudiantes por trimestres, las notas finales en general y crear el boletn de
cada estudiante. A continuacin la pgina de "Consultar Notas":
HM AJr*Mtr*thro
Bienvenido MAHTHA CECILIA NARANJO LLERENA
1 AILLO* tcMMt MAN noanra

OMtribubvo
1 AMALUZ PILLA CHINITIAN ANDRS

}
CAimMAZOIKMMLO*TMJi
LMZWQUtMKA PAULA
MARTM2 fOtm UTLT KAMM
Cerrar Sc*>dn
POCtSA
MAVMOA AIIAM JOHAIMA EUZAKTH
ROOMUEZTAHAVtVtL'nfMABCeLA
UAMZr*Uft.LOjeiMmilJJKTTE
Imagen 52
il^-IUr
ComulUi I
G*nrai
195
Como se puede observar en la imagen anterior, el administrador escoge la

seccin y el curso que necesita consultar las notas de los estudiantes y para
ello existen fas opciones que a continuacin se detalla:
3.3.1 Consultar Primer Trimestre.- El administrador tendr el acceso de

conocer los aportes de cada estudiante que seleccione consultar, sta pgina
es la misma que los estudiantes consultan sus notas.
, MARTHA C M U IA AMAN 14) 11 EREN*
Cuno:
c: AILLO* OAftKNO MIC COUAAO

Otum.
Mama C
MMxnAucM
OptMM
Ota*}
ungu* r ComMHe.
CMMMMMtM
PMMEH TfWUESTBE
AW
API
AM
11
12
11
OCA IUUA PflOM

17
11
HUTA
TMI
<
W1C
fj
ir
0
0
fTItT ' T-
UHCCUn H VMOTM
rtt*
M^n
fîwnfHrtflcMn
CuMuranlM
r:_
Fl
Imagen 52
3.3.2 Consultar Segundo Trimestre.- El administrador tendr el acceso de

196
. MAJtTHA CECILIA NARANJO LLERENA
EMudMnw: MLLCM BAMEftO Jit EWJAHOO

ieetn:
Curia:
SEGUNDO TWUE1TRE
Dtarru
0*ima C
AN
AM
AM
17
n*c
EXA UlMA MM
17
71
4
1TJ
11
17
O
6
CttflCIM HMiraM*
Ctancn
Educwldn n
Mgt4*
ComputKKin
CuKur* nilu
MtdPLMA HtPfCTOAi
Imagen 53
3.3.3 Consultar Tercer Trimestre.- El administrador tendr el acceso de

, MAMIHA CECILIA NARANJO LLERENM
(ludUnM: AH.UM BAMCft JO EDOAROO

UeeMm
OturM
Curto;
Dcimo C
TERCER TtMECTRE
AP1
API
API
ir
tt
ir
Lngu*t y COmunlC.
CMnctM IMCrM**
CknclM IOC.MCI
IMVWOTM
Uutx
tCIPLBIA HMCTO*
Imagen 54
EXA IUUA PAOM ^7
17.1 i?
OUC
FJ
197
3.3.4 Consultar Notas Finales.- De igual manera sta pgina es la misma que
los estudiantes tienen como pgina principal, en la que se detalla las notas en
general con sus respectivos promedios.
. MAKTIIA CCI11A NARANJO U CHE HA
NOTAS FMALE1
DHi.ni
MMC
CwHfHtMUn
Utte*
1rTrl Main
MttHJfcAWJfCTO
Imagen 55
3.3.5 Boletn Trimestral.- El reporte que ofrece el sistema web, se trata en

general el boletn de calificaciones de cada trimestre, el administrador solo
tendr el trabajo de imprimir el boletn que es generado en formato PDF.
198
Imagen 56
3.4 Aprobados y Reprobados.-
Esta es una opcin muy importante para
consultar cuantos estudiantes aprobaron y reprobaron el ao lectivo para que

posteriormente se escoja los a los estudiantes que deben ser trasladados al
curso del nuevo ao lectivo. Obviamente este proceso se realiza cuando se
finaliza el ao lectivo.
Seccin
Diurna
Curcos
Dcimo C
<
Estudiantes
Usuario
MLLON BARRENO JOS EDUARDO
1171
En Cu roo
IRAUJO YUNGA JOS LUIS
1099
En Curso
tSEICHA ANDALUZ ADRIANA VANESSA
1229
En Curso
Imagen 57
199
Para consultar quienes son los estudiantes aprobados o reprobados el

administrador debe elegir la seccin y le curso que desee, luego se despliega el
listado de alumnos, si es el caso que an no finaliza el ao lectivo o como
tambin el estudiante an no rinde examen de supletorio,
en el estado
mostrar como: "En Curso", es decir el estudiante todava se encuentra en

proceso de rendir pruebas o algn docente no ingresa la nota final del
estudiante.
37
171
33
03
39
40
ULLE AGOSTA (NEG JOEL
308
En Curso
VALLEJO CAtCEDO JOAKA E VELYN
378
En Curco
267
En Curso
1006
En Curso
a VILLALBA BEHA VIDES KEVIN ALEXANDEfi

Pl ZANBRAHO BALSECA JOMATHAN JAVIER
Marcar Todos!! Des marcar Todos 1
Imagen 58
Al final del listado de estudiantes se encuentra las opciones de "Marcar Todos"

o "Desmarcar Todos", es decir se puede marcar los casilleros con un visto o
quitarlo a su vez, como tambin se lo puede hacer manualmente, escoger
quienes son los estudiantes que aprobaron para luego dar clic en el botn
"Aprobar Seleccionados".
200
Estudiantes seleccionados:
Hombres
ULLE AGOSTA MEGO JOEL
VALLEJO CAtCEDO JOAMA EVELYN
VILLALBA BEMA VIDES KEV1K
ALEXANDER
ZANBRAMO BALSECA JOMATHAN
JAVIER
__
Por favor elif* el nuevo curso a Mignarles:

seccin
curso
Cambiar Nuevo Curso

Imagen 59
En la imagen 41, muestra a los estudiantes escogidos anteriormente para ser

cambiados al nuevo curso del prximo ao lectivo, para ello se debe escoger la
"seccin" y el "curso", finalmente dar clic en el botn "Cambiar Nuevo Curso".
1. Materias
4.1 Ingreso Materia.- En el men "Materias", el administrador podr realizar la

administracin de todas las materias que se dictan en el colegio, en el submen
"Ingreso Materia", se puede insertar una nueva materia al sistema.
Por favor llnelos dato
la Mntwa Materia
Materia:
Insertar Materia
Imagen 60
201
4.2 Consultar, Modificar y Eliminar.- Et usuario administrador al dar clic en

esta opcin, podr consultar todas las materias que existen en et colegio
ordenadas alfabticamente, como tambin tendr acceso a modificar alguna
materia si existe el caso que se cambio de nombre por razones de pensum u
otra razn, al realizar aquello no afectar en nada con respecto a los
estudiantes y profesores que ya tienen asignadas las materias, solo se
cambiara el nombre y por ltimo existe la opcin de eliminar alguna materia si el
caso lo amerita.
Materias
Uodfficar
Anatoma
Modificar
Eliminar
I Eliminar
- - -
Anatoma y Laboratorio
torio
Modificar
Eliminar
Biologa
Modificar
Eliminar
Imagen 61
Si se desea cambiar de nombre a ta materia o modificara, lo nico que se debe

realizar es sobrescribira y finalmente pulsar el botn "Actualizar Materia".
Materia: Anatoma
Actualizar Materia
Imagen 62
202
2. Cursos
5.1 Ingreso Curso.- El manejo de cursos es similar al de materias, entonces

para realizar el ingreso simplemente es dar clic en la opcin "Ingreso Curso",
posteriormente insertar el curso, paralelo y clic en el botn "Insertar Curso".
Por favor tiene los datos del nuevo curso:

Curvo: |
Paralelo:
Insertar Curso
Imagen 63
5.2 Consultar, Modificar y Eliminar.- Al dar clic en esta opcin, el

administrador consulta todos los cursos que existen en el colegio y si por alguna
razn se necesita editar, hay la opcin de "Modificar, y si por tal motivo se
necesita quitar un curso se pulsara el botn "Eliminar".
Imagen 64
203
Para realizar alguna modificacin a un curso, simplemente se debe reemplazar

dicha informacin en los campos que se observa en la imagen 47, finalmente
dar clic en el botn "Actualizar Curso" para que se ejecute la peticin.
Curto:
Dcimo
Pratelo: A
Actualizar Curso
Imagen 65
3. Distributivo
6.1 Asignar Materias a Curso.- El manejo del "Distributivo" es muy importante

para el buen funcionamiento del sistema, ya que es en esta opcin, cuando se
designan las materias a una determinada seccin y curso. Su funcionamiento
se basa en distribuir todas materias y cursos que fueron ingresados
anteriormente en las otras que ya se vieron, ya que las materias que se
encuentran ya asignadas en cada curso son las mismas que se les conceden
cuando se realiza un ingreso de estudiantes, es muy importante que el
administrador primero revise las materias asignadas a cada curso antes de
ingresar alumnos al sistema, para que todo marche excelentemente.
Para realizar este proceso dar clic en la opcin "Asignar Materias a Curso", el
sistema muestra una ventana en la que solicita primero el nmero de materias a
204
asignar, segundo elegir la seccin y el curso donde se van asignar las materias
y por ltimo seleccionar fas materias y pulsar el botn "Asignar Materias".
Por favor, seleccione el nmero de materias que se va asignar al curse
curso
Diurna
-r
Dcimo B
Biologa y Lab. Biologa ^

iCtonciMMatur*le
Asignar Materias
Imagen 66
La imagen 61 es la ventana de "Asignar Materias a Curso".
6.2 Consultar, Modificar y Eliminar.- Gracias a esta opcin el usuario

administrador puede consultar las materias que estn asignadas a una seccin
y curso, como tambin lo podr modificar y eliminar dicha materia asignada.
205
Materia
Modificar
Eliminar
Ciee tai atrale
Modificar
Eliminai
Ciencia Socialet
Modificar
Eliminar
Computacin
Modificar
Eliminar
Cultura Fsica
Modificar
Eliminar
Dibujo
Modificar
blimmai
Educacin en Valore
Modificar
Eliminar
Ingt
Modificar
Eliminar
Imagen 67
La edicin de una materia asignada se lo realiza pulsando el botn "Modificar" y

para quitar la materia de un curso basta con cuquear en el botn "Eliminar".
ecclon
Diurna
Datos Actuales
curto
materia
Dcimo A
Ciencias Naturales
Dato a cambiar
seccin: Diurna
curso: Dcimo A
masarla: materias
Modificar Materia a Curso
Imagen 68
206
En la imagen 63, detalla la seccin, el curso y la matena asignada, para luego

cambiar dicha materia por la que el administrador necesite.
4. Avisos.- En esta opcin el administrador tomar el control de los

comunicados tanto para los docentes como para los estudiantes, lo nico
que tendr que realizar es la modificacin de los avisos, borrando o
reemplazando la informacin y para guardarlo debe dar cite en el botn
"Guardar Comunicados".
Comunicado para Bienvenidos seorea Docentes, esta

Docentes:
aplicacin fue desarrollada para el
beneficio de codos los que conformamos el
Colegio, esperando mantengan actualizados
los datos para un brindar un excelente
servicio.
Comunicado para Estimados seores estudiantes, esperando se
Estudiantes:
sientan satisfechos con este nuevo servicio
del Colegio, cualquier duda comuniqese con
secretaria o escribir a
webmaster@marianobenite2.edu.ec
Guardar Comunicados
Imagen 69
5. Cerrar Sesin.- Para cerrar el sistema et usuario administrador, por

seguridad siempre debe dar clic en la opcin "Cerrar Sesin", para que
ninguna otra persona pueda acceder a la sesin abierta por el administrador
y provocar problemas con la aplicacin, es muy importante esta opcin.
208
ENCUESTAS DOCENTES
COLEGIO NACIONAL "MARIANO BENTET'DEL CANTN PELILEO
ENCUESTA
INSTRUCCIONES:
Lea detenidamente cada una de las preguntas planteadas.

Por favor, responda con la verdad, ya que ayudar a tener una correcta
implementacin.
Marque su respuesta con X en el casillero que refleje su opinin.
PREGUNTAS:
1. Le gustara manejar las notas trimestrales de manera tecnolgica?
SI
NO
2. Considera que existe mucha demora en secretara al procesar las notas

trimestrales y generar los reportes de boletines a los estudiantes?
SI
NO
3. Considera que una herramienta tecnolgica sera til en el proceso de

manejar las notas trimestrales de los estudiantes?
SI
NO
4. Le gustara registrar las calificaciones trimestrales de sus estudiantes va

internet para agilitare! proceso de notas?
SI
NO
5. Le gustara que dicha herramienta tecnolgica garantice la integridad de

las notas.
SI
NO
6. Estara de acuerdo en recibir comunicaciones por parte del Colegio

Mariano Bentez a travs de la herramienta?
SI
niBUOTECA

Aplicacion Web para Colegio

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Aplicacion Web para Colegio

Transféré par

Droits d'auteur :

Formats disponibles

PONTIFICIA

Disertacin de Grado previo a la obtencin del ttulo de Ingeniero de

ALVARO JULIO RODRGUEZ CANDO

ING. GALO MAURICIO LPEZ SEVILLA

PONTIFICIA UNIVERSIDAD CATUCA DEL ECUADOR

ALVARO JULIO RODRGUEZ CANDO

Galo Lpez Ing. MSc.

Patricio Medina Ing. MSc.

Vernica Palacho Ing. MSc.

Santiago Acuno Ing. MSc.

DIRECTOR DE LA ESCUELA DE SISTEMAS

Pablo Poveda Mora Ab.

Yo, Alvaro Julio Rodrguez Cando, portador de la cdula de ciudadana No.

Alvaro Afliof<p0Hguez Cando

Primeramente quiero dar un profundo agradecimiento a nuestro Dios el creador de todo

Un profundo y real agradecimiento a la Pontificia Universidad Catlica del Ecuador

Un especial agradecimiento a los Ingenieros: Galo Lpez, Patricio Medina y Vernica

Mi adorable padre que con su empeo y dedicacin logro brindarme su apoyo y

A mi querida abuelita Etelvina Malusn por estar siempre a mi lado y guiarme

La presente investigacin: Desarrollo de una aplicacin web para el Colegio

trimestrales, faltas de asistencia, nota de supletorio, sumas totales de cada

The present investigation: Development of a Web Application for the Maano

Declaracin de Autenticidad y Responsabilidad

1.1 Problemtica de la Investigacin

1.1.2 Significado del Problema

1.1.4 Planteamiento del Tema

1.2.1 Objetivo General

1.2.2 Objetivos Especficos

1.4 Delimitacin del Proyecto de Trabajo

1.5 Mtodos de Investigacin

1.6 Enfoque metodolgico de trabajo

2.1 Marco Terico

2.1.2 Familia de Protocolos

2.1.2.2 Protocolo HTTPS

2.1.3 Dominio de Internet

2.1.3.1 Dominios de Nivel Superior

2.1.4 Alojamiento Web

2.1.5 La Web 2.0

2.1.6 Aplicaciones Web

2.1.7 Plataformas Web para la Educacin

2.1.7.1 Pginas Web en Centros Educativos

2.1.7.2 Uso de los blogs en la Educacin

2.1.7.3 Plataforma E-leaming

2.1.8 Lenguajes de Desarrollo Web

2.1.8.1 Lenguaje HTML

2.1.8.2 Hojas de Estilo en Cascada

2.1.8.3 Lenguaje PHP

2.1.8.4 Lenguaje Java Script

2.1.10 Base de Datos MySql

3.1 Anlisis Preliminar

3.1.1 Encuestas a Docentes

3.1.2 Anlisis y resultados de las Encuestas a los Docentes

3.1.3 Encuestas a Estudiantes

3.1.5 Resultados y Conclusiones de las Encuestas:

3.2 Anlisis del Sistema

3.2.1 Tcnicas de Recoleccin

3.2.4 Ciclo de Vida del Software

3.2.5 Estudio de Viabilidad

3.2.6 Diagrama Entidad Relacin

3.27 Diagrama de Flujo de Datos

3.3 Diseo del Sistema

3.3.1 Diseo Fsico de la Base de Datos

3.3.2 Diccionario de Datos