Pagina Web Interactiva para Colegio Privada

NIVERSIDAD NACIONAL ABIERTA
CENTRO LOCAL CARABOBO

CARRERA: INGENIERIA DE SISTEMAS
TRABAJO DE GRADO
Página Web interactiva para una Unidad Educativa Privada

(Caso de Estudio: Colegio Nuestra Señora de Lourdes –
Valencia)
Trabajo de Grado presentado ante la
Universidad Nacional Abierta
Por Celido R. Silva P.
Para Obtener el Tí tulo de
Ingeniero de Sistemas
Valencia, Marzo 2009

ii
UNIVERSIDAD NACIONAL ABIERTA

TRABAJO DE GRADO

Valencia)
Autor: Celido Ramón Silva Pérez, C.I: 11.155.810
Tutor Académico: Ing. Rosa Belén Pérez, C.I: 8.833.341
Tutor Empresarial: Lic. María Cecilia Rodríguez, C.I: 3.475.073
Valencia, Marzo 2009

v
ÍNDICE GENERAL
Página Nro.
Veredicto ii
Agradecimientos iii
Dedicatoria iv
Índice General v
Resumen xiv
Introducción xv
CAPÍTULO I El PROBLEMA
I.1 Planteamiento del Problema 17
I.2 Objetivo General 18
I.3 Objetivos Específicos 18
I.4 Justificación 19
I.5 Delimitación y Alcance 20
CAPÍTULO II MARCO TEÓRICO
II.1 Antecedentes 21
II.2 Bases Teóricas 24
CAPÍTULO III MARCO METODOLÓGICO
III.1 Naturaleza de la investigación 81
III.2 Modalidad de la investigación 81
III.3 Tipo de Investigación 81
III.4 Fases Metodológicas 82

vi
III.5 Desarrollo de las Fases Metodológicas 82
III.5.1 Desarrollo de la Fase I 84
III.5.2 Desarrollo de la Fase II 84
III.5.3 Desarrollo de la fase III 85
III.5.4 Desarrollo de la fase IV 85
III.5.5 Desarrollo de la fase V 86
III.6 Áreas de Conocimientos Relacionadas 88
III.7 Recursos a utilizar 88
CAPTULO IV PRESENTACION DE LA SOLUCION
Descripción de la fase I (Diagnóstico) 90
Descripción de la fase II (Factibilidad) 94
Descripción de la fase III (Diseño) 95
Descripción dela fase IV (Implantación) 193
Descripción de la fase V (Validación) 212
Pruebas del nuevo sistema 213
CAPÍTULO V
Conclusión 215
Recomendaciones 216
BIBLIOGRAF ÍA 218
ANEXOS
APENDICES
vii
LISTA DE FIGURAS
Número Descripción Página
01 Visibilidad del estado del sistema 43
02 UML (Unified Modeling Language) 48
03 Diagramas en UML 50
04 Ejemplo de un diagrama de componentes 54
05 Ejemplo de Diagrama de Despliegue 55
06 Ejemplo de un diagrama de secuencia 56
07 Ejemplo de un diagrama de colaboración 58
08 Ejemplo de un Diagrama de Actividad 59
09 Ejemplo de un Diagrama de Estado 60
10 Ejemplo de un Diagrama de Casos de Uso 61
11 Representación de una Página de Cliente en UML 67
12 Representación de una Página de Servidor en UML 67
13 Representación de un Formulario en UML 68
14 Representación de un Fra meset en UML 68
15 Rational Rose 98 69
16 Personal Home Page PHP 70
17 Gráfica del número de dominios y direcciones IP que utilizan PHP 69
18 Funcionamiento de PHP 73
19 PhpMyAdmin 75
20 MySQL 75
viii
LISTA DE FIGURAS
21 WampServer 82
22 Ciclo de Vida para el Desarrollo de Sistemas de Información 85
23 Modelado General del Negocio 93
24 Diagrama de contexto 95
25 Diagrama caso de uso, Actor control de estudios 97
26 Diagrama caso de uso, Actor alumno 99
27 Diagrama caso de uso, Actor Padres y/ó Representantes 100
28 Diagrama caso de uso, Actor Docente 102
29 Diagrama de clase de acceso al sistema, actor control de estudios 103
30 Diagrama de clase para asignaciones, actor control de estudios 104
31 Diagrama de clase para planes de evaluación, actor control de estudios 105
32 Diagrama de clase para horarios de clases, actor control de estudios 106
33 Diagrama de clase para evaluaciones, actor alumno 107
34 Diagrama de clase para asignaciones, actor alumnos 108
35 Diagrama de clase para planes de evaluación, actor alumno 109
36 Diagrama de clase para horarios de clases, actor alumno 110
37 Diagrama de clase para evaluaciones, actor padre y/o representante 111
38 Diagrama de clase para asignaciones, actor padre y/o representante 112
39 Diagrama de clase planes de evaluación, actor padre y/o representantes 113
40 Diagrama de clase horarios de clases, actor padre y/o representantes 114
41 Diagrama de clase para evaluación, actor docente 115
42 Diagrama de clase para asignaciones, actor docente 116
43 Diagrama de clase para planes de evaluación, acto r docente 117
44 Diagrama de clase para horarios de clases, actor docente 118

ix
LISTA DE FIGURAS
45 Diagrama de Actividades Actualizar evaluaciones por parte del Actor

Control de estudios 119
46 Diagrama de Actividades. Actualizar asignaciones por parte del Actor
Control de Estudios 120
47 Diagrama de Actividades. Actualizar planes de evaluación por parte del Actor

48 Diagrama de Actividades. Actualizar Horarios de clase por parte del Actor

49 Diagrama de Actividades consultas hechas por parte del actor alumno 123
50 Diagrama de Actividades consultas hechas por parte del actor alumno 124
51 Diagrama de Actividades consultas hechas por parte del actor padres y/o
representantes 125
52 Diagrama de Actividades consultas hechas por parte del actor padres y/o
representantes 126
53 Diagrama de Actividades consultas hechas por parte del actor docente 127
54 Diagrama de Actividades consultas hechas por parte del actor docente 128
55 Diagrama de Secuencias. Actor Control de Estudios 129
56 Diagrama de Secuencias. Actor Alumno 130
57 Diagrama de Secuencias. Actor alumno 131
58 Diagrama de Secuencias. Actor Padres y/o Representantes 132
59 Diagrama de Secuencias. Actor Padres y/o Representantes 133
60 Diagrama de Secuencias. Actor Docente 134
61 Diagrama de Secuencias. Actor Alumno 135
62 Diagrama de Colaboración Evaluación Actor: Control de Estudios
136
63 Diagrama de Colaboración Planes de Evaluación Actor: Control
de Estudios 137
64 Diagrama de Colaboración Asignaciones Actor: Control Estudios 137
x
LISTA DE FIGURAS
65 Diagrama de Colaboración Planes de Evaluación Actor: Control

de Estudios 138
66 Diagrama de Colaboración Horarios de clases Actor: Control de
Estudios 139
67 Diagrama de Colaboración Consultas varias Actor: P adres y/o
Representantes 140
68 Diagrama de Colaboración Vistas varias Actor: Docente 141
69 Diagrama de Colaboración Vistas varias c u al q u ie r Actor 142
70 Diagrama de Estado. Acto r: Co ntrol de Estudios 143
71 Diagrama de Estado. Acto r: Alumno 144
72 Diagrama de Estado. Acto r: Padres y/o Representantes 145
73 Diagrama de Estado. Acto r: Padres y/o Representantes 146
74 Diagrama de Estado. Cualquier Actor: alumno, docente, padres y/o

representantes 147
75 Diagrama de Componentes. Actor: Control de Estudios 148
76 Diagrama de Componentes. Actor: Alumno 149
77 Diagrama de Componentes. Actor: Padres y/o representantes 150

78 Diagrama de Componentes. Actor: Docente 151
79 Diagrama de Componentes cualquier Actor: alumno, docente, padres

y/o representantes 152
80 Diagrama de Despliegue. Actor: Control de Estudios 153
81 Diagrama de Despliegue. Actor: Padres y/o Representantes 154
82 Diagrama de Despliegue. Actor: Alumno 155
83 Diagrama de Despliegue. Actor: Alumno 156
84 Diagrama de Despliegue. Cualquier Actor: Alumno, Padres y/o
representantes y docentes 157
85 Diagrama de Despliegue. Comportamiento Actor-web 158
xi
LISTA DE FIGURAS
86 Modelo de Diseño. Autorización Actor Control de Estudios 184

87 Modelo de Diseño. Actualización de Datos Actor Control de Estud ios 185
88 Modelo de Diseño. Autorización Actor Alumno 186
89 Modelo de Diseño. Actualización Actor Alumno 186
90 Modelo de Diseño. Autorización Actor Padres y/o Representantes 187
91 Modelo de Diseño. Actualización Actor Padres y/o Representantes 188
92 Modelo de Diseño. Autorización Actor Docentes 189
93 Modelo de Diseño. Actualización Actor Docentes 189
94 Modelo de Diseño. Actualización C ualquier Actor 190
95 Modelo Conceptual de la Interfaz 192
96 Pantalla Principal Interfaz Web Interactiva Colegio Nuestra Señora
de Lourdes 194
97 Pantalla Formulario Clave Alumnos Padres y/o Representantes 195
98 Pantalla Formulario Clave para registrar Alumnos Padres y/o
Representantes 196
99 Pantalla Formulario Clave Docentes y Administradores 197
100 Pantalla Formulario Clave Registros para registrar Docentes y
Administradores 198
101 Pantalla Boletín de Evaluación 199
102 Pantalla Situación en la Sección 200
103 Pantalla Planes de Evaluaciones 201
104 Pantalla Horarios de Clases 202
105 Pantalla Menú Asignaciones 203
106 Pantalla Formulario añadir asignaciones 204
xii
LISTA DE FIGURAS
107 Pantalla Formulario Modificar/Eliminar Asignaciones 205
108 Pantalla Formulario Modificar/Eliminar Asignaciones 206

109 Pantalla Menú de Ayuda 207
110 Pantalla Clave Inválida 208
111 Pantalla Clave Enviada 209
112 Pantalla Datos Incorrectos 210
113 Pantalla Formulario añadir asignaciones 211
xiii
LISTA DE TABLAS
01 Fase de diagnóstico 86
02 Fase de factibilidad 86
03 Fase de diseño 87
04 Fase de Implantación 87
05 Fase de validación 88
06 Estudio de factibilidad 96
07 Tabla de Archivos Maestros 159
08 Tabla de Archivos Variables 160
09 Tabla de Archivos base de datos 163
10 Tabla Administrador 164
11 Tabla Alumnos 164
12 Tabla Profesores 165
13 Tabla Asignaciones 165
14 Tabla Sección 166
15 Tabla Materia 166
16 Tabla Notas 166
17 Tabla Nota Final 167
18 Tabla Medias Globales 167
19 Tabla Nombre Colegio 168
20 Tabla Situación Sección 168
21 Tabla Planes Evaluación 169
22 Tabla Usuarios 169
23 Tabla Usuarios2 169

24 Tabla Valoraciones 170
xiv
UNIVERSIDAD NACIONAL ABIERTA


Valencia)
Autor: Celido Ramón Silva Pére z

Tutor Académico: Prof. Rosa Belén Pérez
Tutor Empresarial: Prof. María Cecilia Rodríguez
RESUMEN
Tomando en cuenta el acelerado desarrollo de los sistemas de información

potenciados por Internet, las corporaciones e instituciones dependen cada vez mas de
este medio como alternativa para satisfacer necesidades de intercambio de
información, aprovechado de esta forma múltiples herramientas. Las instituciones de
educación media, no escapan a tal realidad, de allí que en el presente trabajo tiene
como objetivo desarrollar una página Web dinámica que permita la interacción de la
data concerniente entre alumnos y profesores de la U. E. Colegio Nuestra Señora de
Lourdes –Valencia; utilizando novedosas herramientas de software libre las cuales
permiten construir grandes aplicaciones, tales como el manejador de bases de datos
MySQL, junto a programas como Apache, Perl, PHP y Python; previo al apoyo de
diseño de sistemas basados en UML. La metodología de la investigación se basa en el
Proyecto factible y el abordaje tecnológico sigue la Orientación a Objetos. La
validación del diseño y desarrollo toma en cuenta la metodología de Jakob Nielsen, la
del Dr. Pere Marqués Graells y Thomas Powell especialistas en la creación de
páginas web dinámicas adaptadas a los modelos educativos. Como resultado se ha
obtenido una pagina Web dinámica que abre acceso a una base de datos interactiva
donde alumnos y profesores convergen en la gestión de información académico –
administrativa de la Unidad Educativa Nuestra Señora de Lourdes.
Palabras Claves: Páginas Web Dinámica, PHP, MySQL, UML. Orientación a objetos.
xv
INTRODUCCIÓN
Existe en la actualidad una gran diversidad de tecnologías (TIC: Tecnologías

de la Información y Comunicaciones), las cuales permiten llevar a cabo tareas
informativas de gran alcance, utilizando medios electrónicos y aprovechando
servicios de la red internet Word Wide Web (WWW). Para sacarle provecho a estas
nuevas tecnologías, frente a esta gran demanda de servicios, se han desarrollado
grandes cantidades de sitios Web con arquitectura dinámicas y estáticas, permitiendo
a una gran clientela cubrir necesidades de información, bajo la premisa del rápido
acceso y fácil utilización.
En virtud del aprovechamiento de estas tecnologías, las instituciones

educativas, en especial las de educación básica, se encuentran en la actualidad en la
búsqueda de nuevos mecanismos que permitan agilizar el intercambio de información
entre sus usuarios mediante el uso de Páginas Web con bases de datos, tendientes a
acortar esa brecha tecnológica que existe entre docentes, padres, representantes,
alumnos. Las Páginas Web Dinámicas, favorece n el acceso a información de interés,
tal como la revisión de no tas parciales y finales, horarios de clase, actividades
complementarias, reuniones, entre otras.
La U. E. Colegio Nuestra Señora de Lourdes, es una institución dedicada a la

enseñanza a nivel de educación básica y diversificada, (ver anexo E) que requiere
poner a disposición de los profesores, alumnos, padres o representantes, la
publicación de una base de datos mediante una Página Web Dinámica, y así poder
presentar una solución favorable a la institución. Por esta razón, se presenta en el
siguiente trabajo, el desarrollo de esta Página Web dinámica que permita lograr este
objetivo.
xvi
El trabajo se ha estruc turado en cinco capítulos:

En el Capítulo I, se presenta el problema donde se detallan el planteamiento
del problema, los objetivos, la justificación de la investigación, delimitación y
alcance.
En el Capítulo II, se muestra el Marco Teórico, conformado por los

antecedentes de la investigación y las bases teóricas referenciales.
En el Capitulo III, se presenta El Marco Metodológico, donde se detallan el

tipo y diseño de la investigación, naturaleza de la investigación, nivel de la
investigación, desarrollo de las fases metodológicas, las áreas de conocimientos
relacionadas, y los recursos a utilizar.
En el Capitulo IV, denominado presentación de la solución, en el cual se

presenta el modelo del negocio, el desarrollo de todas las fases para la creación del
sistema, diseño y estructura de la base de datos, diseño y estructura arquitectónica del
sitio Web, el modelo conceptual, la prueba del sistema.
En el Capitulo V, se describe las conclusiones y recomendaciones resultantes

de la investigación.
Finalmente se incluyen los anexos y los Apéndices.

17
CAPÍTULO I
EL PROBLEMA
Planteamiento del Problema
La dinámica organizacio nal pone de manifiesto la importancia que tiene para todas
las instituciones y empresas tener Páginas Web interactivas, para manejar información
relacionada con elementos de interés general. Para que esto pueda suceder, existen
conexiones desde los servidores que manejan gran cantidad de información variada, el
usuario está en libertad de manejar esta información como mejor le parezca respetando en
algunos casos parámetros tales como claves, usuarios etc. Es decir, existen gran cantidad
de datos que podemos manejar y procesar.
La organización de los datos, se pueden clasificar de muchas maneras, en el caso de

las instituciones de educación básica, es necesario tomar en cuenta los aspectos
relacionados con la administración de la docencia y la gestión académica. Estas Páginas
Web, al entrar en interacción entre el servidor, las bases de datos y las peticiones del
cliente, pasan a formar parte del gran conjunto de lo que se conoce como Páginas Web
Dinámicas que ayudan en forma eficiente la gestión de los contenidos.
Un diseño eficiente permite optimizar el uso de los menús en las páginas Web, de
manera que contengan todos los enlaces y servicios relacionados con las transacciones que
pueden desarrollarse según el tipo de información asociada. Es así como se inclu yen los
accesos a las base de datos (en PHP o ASP por ejemplo).
El favorable crecimiento que día tras día se ha obtenido por Internet, traen como
consecuencia el surgimiento de necesidades de información de todo tipo sobre todo,
incluyendo aquellas donde el usuario pueda realizar acciones que le ahorran las molestias y
perdidas de tiempo asociadas al traslado hasta el lugar de ols acontecimientos. En el
18
Colegio Nuestra Señora de Lourdes se ha manifestado esta necesidad, y en forma mutua,

alumnos y profesores, han solicitado la creación de una Página Web Dinámica donde
puedan interactuar en la gestión de bases de datos, para la resolución de problemas
asociados a la pérdida de tiempo por traslados obligatorios al Colegio para conocer
registros de notas, inscripciones, calificaciones definitivas, calendarios de pruebas, entre
otros.
En este trabajo se propone la creación de una Página Web Dinámica para el Colegio
Nuestra Señora de Lourdes (Valencia), (ver anexo E) de manera que contenga una
estructura dinámica apoyada en una base de datos desarrollada con software libre.
Objetivo General:
 Desarrollar una página Web dinámica que permita la interacción entre alumnos y
profesores de la U. E. Colegio Nuestra Señora de Lourdes –Valencia.
Objetivos Específicos:
 Diagnosticar los requerimientos institucionales, tecnológicos y comunicacionales a ser

desarrollados en la Página Web Dinámica de la U. E. Colegio Nuestra Señora de
Lourdes –Valencia.
 Determinar la factibilidad técnica, organizacional y económica para el desarrollo de
una Página Web Dinámica para la U. E. Colegio Nuestra Señora de Lourdes –
Valencia.
 Diseñar los lineamientos tecnológicos y metodológicos para el desarrollo de la Página
Web Dinámica para la U. E. Colegio Nuestra Señora de Lourdes – Valencia,
garantizando su adecuada documentación.
 Implantar los procesos diseñados para la Página Web Dinámica para la U. E. Colegio
Nuestra Señora de Lourdes – Valencia .
19
 Validar los procesos de desarrollo de la Página Web Dinámica para la U. E. Colegio

Nuestra Señora de Lourdes – Valencia, garantizando la funcionalidad de site, de
acuerdo a la norma COVENIN ISO 9126.
Justificación
Es importante y cabe destacar que no solamente la información automatizada

dinámica es de carácter interno o personal, es decir que se quede en un ambiente local
nada más para conocimiento del personal que tenga acceso a ella, como por ejemplo la nota
de los alumnos y talleres en una institución educativa, por nombrar algunos.
Esta información automatizada también puede tener carácter interactivo externo
para permitirles a los alumnos y profesores interactuar, además permitirles a toda la
comunidad educativa el acceso fácil. Además de acortar distancias en cuanto al manejo de
las notas, talleres u otras actividades; para poder hacer esto, es necesario tomar la decisión
de la automatización de esta información mediante la creación de una base de datos por
Internet, es decir, se hace necesario desarrollar una Página Web Dinámica. En la cual se
permita la interacción mediante una base de datos, y se puedan hacer transacciones a
través de la página desde cualquier computador con conexión a internet; hoy en día es una
herramienta de comunicación primordial, por lo tanto es necesario su implementación para
dar a conocer los diferentes avances e innovaciones que se puedan hacer mediante ella, por
tal motivo nos vemos en la necesidad de desarrollar y diseñar dicha página para la U. E.
Colegio Nuestra Señora de Lourdes – Valencia.
20
Delimitación y Alcance
Esta Página Web Interactiva estará conformada por una serie de iconos o enlaces
manejadores de los muchos beneficios que puede ofrecer una base de datos la cual
contribuirá a fomentar el desarrollo de la implantación de los avances tecnológicos en la
U. E. Colegio Nuestra Señora de Lourdes – Valencia.
Esta página estará diseñada con el propósito de permitir la interacción alumno-profesor,
también el padre o representante tendrá acceso a la misma información del alumno, es
decir, sus notas u otras actividades, facilitando ols canales comunicacionales en forma
automatizada y virtual. Las notas u otros datos serán manejados y cargados por el
personal administrativo autorizado, mediante claves y usuarios, para garantizar la
seguridad de datos, además les permitirá a los alumnos de igual forma mediante una clave
y un usuario conocer sus notas parciales o finales, talleres educativos, entre otros, claro
está, estos datos no serán modificados por personal no autorizado, solo serán mostrados.
21
CAPITULO II
M ARCO TEÓRICO
En el presente Capitulo se aborda el soporte teórico de la investigación, el cual esta

asociado a la creación de sitios Web dinámicos y la programación de sistemas de
información Web orientados a objetos.
Antecedentes de la Investigación
Existen numerosos trabajos de grado realizados, referentes a páginas web de

colegios, universidades, tecnológicos y otras instituciones. Tomando como base las
realizadas en la Universidad Nacional Abierta se puede hacer referencia a:
Peña (2005). Presentó ante la Universidad Nacional Abierta una Aplicación Web
dinámica como medio de difusión de información y servicio para la Empresa CADELA
Zona – Mérida.
En este Proyecto, se presenta el desarrollo de una aplicación hipermedial, basada en

la World Wide Web, como mecanismo de gestión y difusión de información, la cual centra
especial atención tanto a clientes, proveedores y miembros de la empresa. El proyecto fue
desarrollado con las herramientas de Macromedia MX tales como: Dreamweaver MX
(versión de prueba para fines educativos), utilizado para el diseño del sitio Web de
CADELA, Fireworks MX, ambiente de diseño para los elementos gráficos y SWiSH v2.0
ESP, escenario de diseño para las animaciones complejas con texto, imágenes, gráficos y
sonido. Asimismo se hizo uso de MySQL, manejador de base de datos relacional versión
4.0.12-nt, y Visual Basic 6.0, como herramienta de programación. Se escogieron estas
herramientas por ser robustas y confiables en su uso. La metodología empleada para el
diseño de esta aplicación, es la Propuesta por Kendall y Kendall (1997), adicionalmente se
22
consideró necesario utilizar metodología OOHDM (Método de Diseño Hipermedia

Orientado a Objetos) propuesta por D. Schwave y G. Rossi. (1998).
El autor utiliza como descriptores para su trabajo las siguientes palabras claves: Web,
Difusión, hipermedial, Clientes, Proveedores, CADELA
Soto (2003). Presentó ante la Universidad Nacional Abierta un trabajo de grado de

Gobierno electrónico aplicado a la consulta de proyectos de la Alcaldía del Municipio
Maracaibo.
El objetivo principal de este Trabajo de Grado, consiste en desarrollar un prototipo
de Gobierno Electrónico, capaz de permitir la consulta de la información de los proyectos
de la Alcaldía de Maracaibo, aplicando todas las técnicas y metodolo gías para desarrollo de
sitios gubernamentales, solo, busca proveer a la comunidad del municipio con
información referente a las obras desarrolladas en las diferentes parroquias, tipos de
licitaciones, contratos con empresas, ubicación, y avances de dichos proyectos, para
cumplir con el espíritu de la constitución de la República Bolivariana de Venezuela en
cuanto a la participación y el protagonismo de los ciudadanos en el control de los recursos
del estado. El software creado, se desarrolló pensando en la implantación con tecnología
LAMP (Linux, Apache, MySQL, PHP) aunque el prototipo se realizó tanto en máquinas
con sistema operativo Linux como Windows.
Lozano (2006). Presentó ante la Universidad Nacional Abierta un trabajo de grado

de un Sistema interfaz WEB para el seguimiento del proceso de evaluación del rendimiento
académico estudiantil SIWEB, Centro Local, Metropolitano.
El presente trabajo tiene como propósito analizar, desarrollar e implementar el
sistema para el seguimiento del proceso de Evaluación del Rendimiento Académico
Estudiantil. El enfoque metodológico utilizado está basado en el ciclo de vida para el
desarrollo de sistema planteado por Whitten (1997), tomando de él las etapas de Análisis,
Diseño e implementación. El nuevo Sistema permite la publicación de los resultados de las
pruebas a través de las planillas electrónicas (Planilla Resumen de Resultados de Parte de
23
Desarrollo y Clave de Corrección) junto con los modelos de corrección, también es

importante señalar que existe la opción de reclamos y observaciones a las pruebas, lo cual
facilita al estudiante y corrector emitir respuesta más rápida a dichos reclamos y
observaciones. El autor utiliza como descriptores para su trabajo las siguientes palabras
claves: Planilla resumen de resultados de parte de desarrollo, Proceso unificado Rational,
Lenguaje para el modelado unificado, Metodología evolutiva incremental.
 Terán (2004). Presento ante la Universidad Nacional Abierta un trabajo de grado que
permitió hacer una Interfaz de información y comunicación basada en tecnología WEB
del Colegio Católico San José, Centro Local Portuguesa, 2004.
Esta investigación, enmarcada en la modalidad de proyectos especiales fue
desarrollada considerando aspectos relacionados con la Metodología Estructurada para el
Desarrollo de Sistemas de Información (MEDSI), como complemento en la recopilación
de información requerida en la Metodología Rational Unified Process (RUP) con notación
Unified Modeling Language (UML) para el diseño e implementación de una interfaz de
información y comunicación basado en tecnología Web del Colegio Católico San José ,
Terán buscó desarrollar un sistema orientado a facilitar la integración de todas las
personas que componen la comunidad educativa como factores protagonistas y
participantes en el proceso de enseñanza - aprendizaje.
El autor utiliza como descriptores para su trabajo las siguientes palabras claves: Interfaz,
Sistemas de Información Web. (http://www.biblo.una.edu. ve/; 2008).
Las fuentes citadas anteriormente referentes a trabajos realizados en la Universidad

Nacional Abierta, dan una idea de ayuda para establecer y comparar los diferentes procesos
utilizados en esos trabajos de grado con los que se utilizan en este proyecto. Sabiendo que
van cambiando o se van actualizando estas herramientas, lo importante de esta
comparación es que se puede desarrollar sin ningún obstáculo cualquier proyecto que
24
también utilice estos recursos, debido a que da la garantía que se utilizó correctamente sin
contratiempos y con buenos resultados de funcionamiento.
Bases Teóricas de la Investigación
La página web en desarrollo requiere de una serie de reglamentos y técnicas de diseño

de estrategia pedagógica, con la cual se req uiere lograr un diseño adaptado a las
necesidades actuales de los miembros de la comunidad educativa de la U.E Nuestra
Señora de Lourdes.
TIC: Tecnologías de la Información y la Comunicación
Las tecnologías de la información y la comunicación son un conjunto de

servicios, redes, software, aparatos que tienen como fin la mejora de la calidad de vida de
las personas dentro de un entorno, y que se integran a un sistema de información
interconectado y complementario. Esta innovación servirá para romper las barreras que
existen entre cada uno de ellos.
La Ciencia Informática se encarga del estudio, desarrollo, implementación,

almacenamiento y distribución de la información mediante la utilización de hardware y
software como recursos de los sistemas informáticos. Mas de lo anterior no se encargan las
tecnologías como tal.
Como concepto sociológico y no informático se refieren a saberes necesarios que

hacen referencia a la utilización de múltiples medios informáticos para almacenar,
procesar y difundir todo tipo de información, telemática, etc. con diferentes finalidades
(formación educativa, organización y gestión empresarial, toma de decisiones en general,
etc.).
25
Por tanto no trata del objeto concreto sino de aquellos objetos intangibles para la
ciencia social. Por ejemplo democracia, y nuevas tecnologías de la información y la
comunicación (NTIC) son dos conceptos que viajan en una misma dirección, mientras
democracia es espíritu las NTIC son métodos, recursos, libertades que ofrecen
transparencia a las gestio nes gubernamentales.
La Tecnología de información hoy
Hoy, la tecnología de información del término ha hinchado para abarcar muchos

aspectos de computadora y de la tecnología, y el término es más reconocible que antes. El
paraguas de la tecnología de información puede ser absolutamente grande, cubriendo
muchos campos. Los profesionales realizan una variedad de deberes que se extienden desde
instalar usos, a diseñar redes de ordenadores y bases de datos complejas de la información.
Algunos de los deberes que los profesionales realizan pueden incluir:
 Gerencia de datos
 Establecimiento de una red de la computadora
 Diseño de los sistemas de la base de datos
 Diseño del software
 Sistemas de información de gerencia
 Gerencia de sistemas.
 (http://es.wikipedia.org/wiki/TecnologÃa_de_la_informaciÃ³n , 2008)
Citas sobre las TICS
 Las Administraciones Públicas deben asegurar el acceso a la Educación de todos los

ciudadanos y evitar que el acceso a las redes conlleve un nuevo tipo de
discriminación generadora de una nueva forma de analfabetismo "En Internet existe
el mayor encuentro multicultural y la mayor coincidencia tecnológica de todos los
tiempos" (C. Alonso, D. Gallego, 2003)
26
 Con una formación y unas infraestructuras adecuadas (intranet, pizarras digitales en

las aulas...), la galaxia TIC supone para docentes y discentes el recurso didáctico
más versátil y poderoso de los que hemos tenido hasta ahora”. Dr. Pere Marqués
Graells, 2000
 "Realmente es un tema clave el estudio del rol del docente ante las nuevas
tecnologías. Además de utilizarlas como herramienta para hacer múltiples trabajos
(buscar información, redactar apuntes...), además de asegurar a los estudiantes una
alfabetización digital, conviene que las utilicen como potente instrumento didáctico
para facilitar los procesos de enseñanza-aprendizaje, aplicando diversas
metodologías en función de los recursos disponibles, de las características de los
estudiantes, de los objetivos que se pretenden..." (PM, 2002)
 Joan Majó (2003) "la escuela y el sistema educativo no solamente tienen que
enseñar las nuevas tecnologías, no sólo tienen que seguir enseñando materias a
través de las nuevas tecnologías, sino que estas nuevas tecnologías aparte de
producir unos cambios en la escuela producen un cambio en el entorno y, como la
escuela lo que pretende es preparar a la gente para este entorno, si éste cambia, la
actividad de la escuela tiene que cambiar".
 Para que las TIC desarrollen todo su potencial de transformación (...) deben
integrarse en el aula y convertirse en un instrumento cognitivo capaz de mejorar la
inteligencia y potenciar la aventura de aprender" (Beltrán Llera)
 Si los medios de comunicación se resisten a los cambios, acabarán fuera de juego
"Rogelio Bernal”.
(http://cristina-tic.blogspot.com/, 2008).
27
Internet
Páginas web dinámicas vs. estáticas:
Una de las divisiones que podemos realizar entre todos los tipos de páginas Web
existentes podría ser entre estáticas y dinámicas.
Una página Web estática presenta las siguientes características:
 Ausencia de movimiento y funcionalidades.

 Absoluta opacidad a los deseos o búsquedas del visitante a la página.
 Realizadas en XHTML o HTML.
 Para cambiar los contenidos de la página, es imprescindible acceder al servidor
donde está alojada la página.
 El usuario no tiene ninguna posibilidad de seleccionar, ordenar o modificar los
contenidos o el diseño de la página a su gusto.
 El proceso de actualización es lento, tedioso y esencialmente manual.
 No se pueden utilizar funcionalidades tales como bases de datos y foros
Por el contrario, una página Web dinámica tiene las siguientes características:
 Gran número de posibilidades en su diseño y desarrollo.

 El visitante puede alterar el diseño, contenidos o presentación de la página a su
gusto.
 En su realización se utilizan diversos lenguajes y técnicas de programación.
 El proceso de actualización es sumamente sencillo, sin necesidad de entrar en el
servidor.
 Permite un gran número de funcionalidades tales como bases de datos, foros y
contenido dinámico.
 Pueden realizarse íntegramente con software de libre distribución.
28
 Existe una amplia comunidad de programadores que brinda apoyo desinteresado.

 Cuenta con un gran número de soluciones prediseñadas de libre disposición.
En definitiva, el concepto de página Web dinámica se ha impuesto en el mundo del

diseño y de la empresa en Internet. Páginas como Yahoo!, Google, Amazon e
incluso ésta, son excelentes ejemplos de páginas Web dinámicas que permiten
interactuar con el visitante y le ofrecen posibilidades realmente sorprendentes:
carritos de compra, posibilidad de incluir sus propias críticas en libros y discos,
buscar en base a criterios determinados, participar en discusión.
http://www.ezwp.com/articulos/desarrollo -web/paginas-web-dinamicas-vs.-
estaticas/
Sitio Web
Diseño de páginas web educativas
Cuando hablamos de Web o la web, la red o WWW de World Wide Web, nos
hacemos referencia a un medio de comunicación de texto, gráficos y otros objetos
multimedia a través de Internet, es decir, la web es un sistema de hipertexto que utiliza
Internet como su mecanismo de transporte o desde otro punto de vista, una forma gráfica
de explorar Internet.
El diseño de web docente en centros de educación primaria y educación secundaria.

Según F. Mur y C. Serrano (2006): Una web docente no es un sitio en el que queremos
mostrar una mera exposición de contenidos sobre un tema de nuestro interés, ni
pretendemos únicamente informar a los visitantes sobre un listado de recursos para realizar
una actividad. Es un sitio web que ayude a los alumnos a alcanzar unos objetivos
pedagógicos, para que al terminar su visita hayan incorporado determinados conceptos,
29
manejen con soltura ciertos procedimientos y hayan adquirido o afianzado ciertas actitudes;
Si analizamos en profundidad esta definición, podremos observar que no podemos llevarla
a cabo en nuestro centro educativo, por el nivel educativo en el que nos estamos dirigiendo,
por ello, para hacer una pequeña modificación del términos ofrecido por dichos autores,
deberíamos de hacernos varias preguntas antes:
¿Qué contenidos debe de tener una web de un centro de educación primaria y

secundaria ?; ¿Qué contenidos multimedia debo incluir en mi web?; ¿Qué programas puedo
utilizar para poder llevar a cabo la creación de mi web?; ¿Cómo debo estructurar mi web
para que sea accesible?; ¿Qué debo incluir en la web para que mi página sea más
llamativa?; Como podemos observar, podríamos hacernos miles de preguntas, y nunca
pararíamos, con tal de mejorar lo que elaboremos, pero hagamos una síntesis de los
aspectos que debemos de tener en cuenta para elaborar una web educativa, dedicada a
centros de educación primaria y secundaria.
Lo primero que debemos de hacer es conocer a quien va ir dirigida nuestra web

educativa. Si nos centramos en un centro de educación primaria y educación secundaria,
debemos de tener en cuenta que nuestra web educativa va a ir dirigida a Alumnos en
edades comprendidas entre los 6 a los 17 años, edades en las que empiezan a utilizar las
nuevas tecnologías, y sus conocimientos sobre la misma son escasos, se encuentran en una
edad de investigación, que requiere en su gran mayoría de actuaciones guiadas sobre el uso
de las TIC. Los Padres, los cuales pueden tener o no adquiridas nociones de uso de las
nuevas tecnologías, que cuando acceden a la web, al igual que cuando acceden al centro,
requieren de información sobre el centro, sobre los estudios de sus hijos, Profesores, que la
podrían utilizar como fuente de recursos educativos y como medio de localizar información
útil para su labor docente.
Por lo tanto, la web educativa que nosotros elaboremos en un centro de Educación

Primaria y Educación Secundaria debe ser: Informativa, dedicada a todos los miembros de
30
la comunidad educativa, pero en especial a los padres, ya que son los que buscan
información; Formativa; lúdica, dedicada a los alumnos del centro, proponiéndole
actividades formativas basadas en el juego; Trabajo de clase, dedicada a los profesores,
ofreciéndole recursos para la realización de su tarea diaria.
Ahora, después de analizar nue stro contexto y las Definiciones sobre web
educativa, nos aventuramos a definir web docente de educación Primaria y Secundaria
como un sitio web, con carácter formativo e informativo, que pretende integrar a todos los
miembros de la comunidad educativa, tanto padres como profesores y alumnos,
haciéndoles partícipe de su elaboración y actualización. Ya que tenemos definida web
docente de un centro de educación primaria y secundaria, podemos basarnos en ella para
llevar a cabo su elaboración, pero ahora viene uno de los aspectos más importantes del
proceso de elaboración de una web educativa; la creación del diseño y la selección de los
contenidos multimedia.
Después de analizar varias web docentes, podemos llegar a la conclusión de que no

existe un consenso ni una estructura definida en las estructuras web, determinando que no
se rigen por unas pautas de elaboración, sino por su percepción personal y sus propias
creencias. Con lo que vamos a proponer a continuación, pretendemos establecer una guía
básica y sencilla para la creación del diseño y la selección de los contenidos multimedia.
Basémonos en la frase de Donald Norman: El principio más importante en el diseño de
objetos para uso de los humanos, ya sea un picaporte o un ordenador, es mantener el
comportamiento del humano que va a utilizarlo. La tecnología debe estar al servicio de
este objetivo. Este hecho es el que nos marca principalmente el diseño y la estructura de
nuestra web educativa. Según se establece en el libro; Multimedia en la Web; de Domingo
Gallego y Catalina Alonso, lo primero que debemos hacer es basarnos en una serie de
reglas relacionadas con su apariencia física, como son:
31
- Regla de la familiaridad: Debemos utilizar estructuras, iconos o acciones que

hayan sido ampliamente utilizadas Con anterioridad. No por utilizar nuevos iconos o
estructuras novedosas, va a facilitar la navegación por nuestra web. Un ejemplo muy claro
lo tenemos cuando cambiamos del uso del sistema operativo Windows al sistema operativo
Linux, Club de Ciencia, Tecnología e Innovación Tecnológica.
( http://www.concytec.gob.pe/clubciencias, 2008).
- Regla de la Consistencia: Se deben de colocar las cosas que se repitan de una

página para otra en el mismo sitio. Debemos de intentar de hacer páginas homogéneas, que
el usuario se habitúe a la página y vaya instintivamente al lugar que desea sin pensar donde
se encuentra un determinado enlace en una página o en otra.
- Regla de la Sencillez: Tenemos que crear mensajes sencillos sin lugar a
equívocos. Tenemos que transmitir información con un solo golpe de vista. No por utilizar
todos los recursos de una web en la misma página va a ser mejor que otras que utilizan
menos recursos.
- Regla de la Claridad: Se debe de elegir iconos, gráficos y otras ayudas a la
navegación que muestren claramente significado sin necesidad de explicaciones añadidas.
- La ineludible comprobación: Tenemos que tene r en cuenta la opinión de los
usuarios que visiten nuestra página, para modificar el diseño cuando los demás no
entiendan nuestro grafismo. Estas reglas las debemos de tener presente en la elaboración de
una web educativa, ya que son las bases de un diseño adecuado para nuestra web. Existen
otros elementos que Domingo Gallego y Catalina Alonso, marcan en su libro, y que
debemos de tener en cuenta para la creación de una página web, como son:
- Creación de un sitio web de fácil navegación. No debemos de poner todos los
recursos de nuestra web en la página principal, hagamos grupos principales y subgrupos,
como un mapa conceptual. Es fundamental que antes de ponernos a meter datos, tengamos
esquematizada nuestra web.
32
- No más de tres clic. Un usuario que busque información en nuestra web no debe
de acceder a ella con más de tres clic. Tenemos que tratar que los usuarios no pasen por
más de tres páginas, sino se cansarán y abandonarán nuestra web.
- Vuelta a casa. En todas las páginas que elaboremos, debe de haber un enlace que
nos lleve a la página principal, por si acaso durante la navegación en la página nos
perdemos.
- Tiempo de orientación. Cuando alguien visite nuestra página debe de saber de qué
trata, que opciones tiene y como puede acceder a ella rápidamente.
- Combinar estética y rapidez. No vale de nada tener una web a nivel estético
estupenda si el tiempo de acceso a ella es grande. Al final el usuario abandonará la web sin
saber lo que hay en ella. Debemos de equilibrar la estética con la rapidez, para ello
debemos de utilizar una serie de recursos, tales como:
- Fondo. Tratemos de utilizar fondos con poco peso, ya que el tiempo de descarga
será más lento.
- Texto contrastado. Tenemos que establecer un contraste adecuado entre fondo y
texto - imagen. Existe una clasificación que establece un orden de visualización, de mayor
a menor:
- Negro sobre blanco.
- Negro sobre amarillo.
- Rojo sobre blanco.
- Verde sobre blanco.
- Blanco sobre rojo.
- Amarillo sobre negro.
- Reutilizar gráficos. Un mismo gráfico podemos utilizarlo en distintas páginas de
nuestra web, ya que al almacenarse en la caché del ordenador, su descarga será mucho más
rápida.
33
- Arriba sólo texto. Para dar sensación de rapidez en nuestra página, debemos de
poner palabras arriba e imágenes abajo, para que el usuario lea en qué consiste nuestra web
mientras ésta se va cargando completamente el resto de la misma.
- Dibujo progresivo. Donde las imágenes van viéndose menos clara a más clara,
permitiendo la descarga progresiva en nuestra web.
- Equilibrio. Debe de existir un equilibrio entre el texto y las imágenes utilizadas.
- Utilizar tablas o frames. Debemos de utilizar tablas o frames para facilitar la
búsqueda de contenidos en nuestra web. Personalmente me declino por las tablas que son
de fácil manejo y configuración.
- Utilización de barras de navegación. Deben de ser sencillas y de fácil
interpretación. No debemos de cargarla de información. Lo interesante es poner un enlace
de anterior, otro de página siguiente y finalmente un icono que representa la vuelta a la
página principal o categoría de esa sección.
- Tamaño de la pantalla. Uno de los aspectos a tener presente cuando elaboramos
una web educativa es el tamaño que vayamos a utilizar, actualmente se usa con bastante
asiduidad la resolución 1024 x 768, pero debemos de tener presente que los usuarios
pueden utilizar otra resolución. Para ello no tenemos que establecer los tamaños en la
elaboración de nuestra web, sino que deben de ser amoldables (en Dreamweaver puedes
establecer el ancho y el alto de la pantalla poniendo píxeles determinados, en nuestro caso,
nosotros no estableceremos límites).
- Formato y tamaño de las imágenes. Existen muchos formatos actualmente, pero el
más completo y que establece un equilibrio entre estética y rapidez es el formato JPEG, ya
que trabaja con imágenes de 24 bits y el algoritmo de comprensión de JPEG quita de forma
inteligente parte de la información del gráfico que no es imprescindible.
- Categorizar la información. A la hora de establecer la información en nuestra web
debemos de tener en cuenta una serie de premisas:
- El que subraya todo no subraya nada. No vale de nada tener una web cargada de
información, lo único que provoca es dolor de cabeza y despiste. Lo interesante es tener
poco y bien estructurado que mucho y cargado.
34
- Categorizar el uso de los tamaños y los grosores. Para ello vamos a basarnos en
una serie de reglas: Club de Ciencia, Tecnología e Innovación Tecnológica,
(http://www.concytec.gob.pe/clubciencias, 2008).
- Regla del 20%. Los tamaños de los textos se deben de diferencia uno del otro en
un 20% cuando nos estamos refiriendo a distinta categoría.
- Regla del ascenso que sólo baja. Una vez que se ha bajado alguna característica
cuantitativa del tipo de letra, no se puede subir a una categoría superior.
- Regla de las gracias. Las palabras que tienen; base; hacen que su lectura sea más
sencilla, ya que Permite que la vista siga esa línea en cubierto que se crea en las bases de
las palabras.
- Sonidos. Los sonidos en una web educativa pueden ser motivantes, pero hasta un
cierto tiempo. Si queremos poner sonidos, debemos de ofrecer la opción de poder detenerlo
cuando queramos, sino nuestra visita en la web se puede convertir en una odisea.
- Dinamismo en la web. Si queremos poner imágenes animadas en la web, tenemos
que tener presente que la atención de los usuarios se va a centrar más en aquello que se
mueve que en lo que queda completamente estático, por lo que a lo mejor, el usuario que
entre en nuestra web no se centrará en otros contenidos más importantes que nosotros
hayamos colgado en nuestra web. Como podemos observar, son muchos los elementos a
tener en cuenta cuando queremos elaborar el diseño y estructura de una web, pero después
de leer autores como Pere Marqués, José J. Gil, Fernando Mur o Carlos Serrano y analizar
unas cuantas web educativas, tendría en cuenta otros aspectos a incluir dentro del diseño y
estructura de una web:
- Mapa de la web. Creo que es fundamental hoy en día tener un mapa de nuestra
web, que permita, a través de un solo golpe de vista, acceder a toda la información
disponible.
- Comunicación asíncrona. Tenemos que ofrecer un enlace para que los usuarios
que visiten nuestra página puedan establecer una comunicación con nosotros a través de
una cuenta de correo electrónico.
35
- Ayuda. Tenemos que ofrecerle al usuario una pestaña dentro de nuestra web que
le dé información suficiente para que la navegación por la misma le sea sencilla y fácil.
- Buscador interno. Es ideal, para localizar información determinada en nuestra
web. Hoy en día existen muchos proveedores que te ofrecen este servicio, entre ellos
google, que para empresas sin ánimo de lucro lo ofrece si introducirte publicidad en la web.
- Accesibilidad. Tenemos que tratar que nuestra web sea lo mayormente accesible
para usuarios con algún tipo de discapacidad. Para ello podemos acceder a
http://www.tawdis.net, que nos marcará los elementos que perjudican la accesibilidad en
nuestra web.
- Fecha de actualización. Es muy importante que el usuario sepa cuando ha sido la
última vez que nuestra web educativa ha sido actualizada, ya que eso indicará si la
información que en ella aparece esta actualizada o no.
- Contador de páginas. Es interesante que los usuarios que acceden a nuestra web
conozcan cuantas personas han accedido anteriormente en la web. El buscador que
utilicemos debe contabilizar el acceso a la web desde distinta ip. Ya tenemos
conocimientos de los usuarios van a visitar nuestra web y los pasos que tenemos que tener
de referente en el diseño y estructuración de nuestra web. Ahora es el momento de
determinar las distintas fases a seguir en la elaboración de una web educativa determinada
por diversos autores, personalmente considero como grandes fases las siguientes:
1. Finalidades de la web. Antes de ponernos a hacer una web educativa debemos
de saber que pretendemos con la elaboración de la misma, a quien va dirigida, que
propósito se persigue; son muchas las cuestiones que debemos de plantearnos antes de
ponernos a meter contenidos. No es lo mismo hacer una web de un diario, que una web
educativa. Para ello, lo recomendable es conocer en profundidad a los usuarios a los que va
a ir dirigida y que es lo que realmente quieren esos usuarios de la web que van a visitar.
2. Organización y estructuración de los contenidos a introducir en la web.
Cuando ya sabemos que vamos a meter dentro de nuestra web, debemos de estructurar, en
plan conceptual, como van a ir organizados los contenidos. No nos podemos poner a
introducir todos los contenidos seleccionados en una sola página HTML o php, debemos de
36
estructurarlos y organizarlos de la me jor manera posible, en función a nuestras necesidades

y a la de los usuarios a la que va a ir dirigida la web. Un ejemplo muy claro de la
organización y estructuración de los contenidos a introducir en la web se encuentra en el
mapa de la web.
3. Selección del diseño multimedia. No nos vale para nada tener los mejores
contenidos y la mejor estructuración que ninguna otra web educativa, si luego nuestro
diseño multimedia no está a la altura. Personalmente, este punto es vital, ya que puede
hacer de nuestra web un lugar atrayente o un sitio que espante al internauta. Como hemos
indicado con anterioridad, son muchas las preguntas que debemos de hacernos a la hora de
seleccionar el multimedia de nuestra web: ¿Cómo debe de estar estructurada la web?·
¿Debe de seguir el mismo diseño todas las páginas elaboradas?· ¿Las imágenes deben de
tener poco peso?· ¿Es recomendable cargar la web iconos?· ¿Y si ponemos música en la
web?· Podríamos hacernos miles de preguntas. Lo recomendable, es buscar bibliografía
relac ionada con el tema. Personalmente, en la elaboración de mi web educativa, yo he
seguido las indicaciones establecidas en el libro; Multimedia en la web, de Domingo J.
Gallego y Catalina Alonso.
4. Proceso de elaboración. Una vez que tenemos los contenidos, la estructura y el
diseño, entonces nos ponemos manos a la obra en el proceso de elaboración de nuestra
web. Para ello deberíamos de seleccionar un programa adecuado para la elaboración
(Dreamweaver), y conocer cómo funciona y que posibilidades nos brinda dicho programa.
5. Actualización y mejora continúa de la web. Este punto lo considero el más
importante. Hacer una web, sea del tipo que sea, no es solamente ponerse un mes, crearla y
colgarla; una web requiere de un proceso de mejora y de actualización para que sea
funcional y práctica. Es unirse de por vida a ella; por así decirlo, sería nuestra segunda
pareja. Como podemos observar la elaboración de una web educativa no es nada sencillo,
requiere de la presencia de muchos elementos que habitualmente en nuestra vida diaria no
tenemos presente, además de establecer muchos pasos a seguir, y lo más importante, es que
una vez que elaboremos una web educativa, somos esclavo de ella, ya que una web
educativa requiere de continuas actualizaciones. Realmente nos determina si una web está
37
bien terminada o no es la evaluación propia o que otros usuarios puedan realizar de Club de
Ciencia, Tecnología e Innovación Tecnológica
(http://www.concytec.gob.pe/clubciencias, Generado: 4 Octubre, 2008, 18:49)
(nuestra web), para ello, después de analizar diversos modelos (sobre todo el de Pere
Marqués).
Aportaciones de los portales educativos :
Las ventajas que proporcionan los portales educativos a sus destinatarios

(profesores, estudiantes, familias) se derivan de los servicios que ofrecen, y del hecho de
estar accesibles desde Internet en cualquier momento y lugar. Podemos destacar las
siguientes:
- Proporcionar información de todo tipo a profesores, estudiantes y padres, así como

instrumentos para realizar búsquedas en Internet
- Proporcionar recursos didácticos de todo tipo, gratuitos y utilizables directamente

desde Internet (materiales didácticos online) o desde los ordenadores (tras "bajar" una
copia desde el portal).
- Contribuir a la formación del profesorado, mediante informaciones diversas y

cursos de actualización de conocimientos.
- Asesorar a los profesores. En algunos casos los portales tienen espacios de

asesoramiento sobre diversos temas: didáctica, informática, leyes...
- Abrir canales de comunicación (foros, chats, listas...) entre profesores, estudiantes,

Instituciones y empresas de todo el mundo. A través de ellos se comparten ideas y
materiales, se debaten temas, se consultan dudas.
38
- Proporcionar ins trumentos para la comunicación: correo electrónico, chats,

espacios para alojar páginas web.
- Proporcionar recursos lúdicos: música, juegos.
Elementos principales y reglas de construcción de una aplicación Web (Thomas

Powell, 2002).
El especialista Thomas Powell define una página Web como la unión de textos, e
imágenes que forman el documento que aparece en una ventana del navegador cuando el
usuario accede a una dirección electrónica.
Consideraciones a tener en cuenta:
- El tamaño máximo recomendado de una página no debe superar los 30 Kb,

actualmente se está trabajando con un estándar de 60 Kb.
- Algunos expertos consideran que una página debe ocupar máximo el especio de
dos pantallas, sin embargo, todavía no hay un consenso en cuanto a la altura de los
documentos.
- Se toma como ancho base la resolución que utilicen los monitores. Según
www.thecounter.com , el 47% de las personas tiene monitores entre 14 y 15 pulgadas, los
cuales cuentan con una resolución de 800*600 pixeles. Además, afirma que el 40% de los
computadores usados para navegar tienen una resolución de 1024*768 píxeles. Si diseña a
una resolución mayor sus páginas, aparecerán barras de Scroll para desplazarse por el resto
del contenido.
- No utilice letreros que digan al usuario que el sitio que están viendo se verá mejor
si utilizan una resolución de 800*600 o que se aconseja tener el navegador tal, lo anterior
39
espantan al visitante. El experto Thomas Powell en su libro Diseños de sitos Web,

menciona dos tipos de páginas Web:
- Principales o de inicio: Páginas de entrada al sitio, son claves para que el usuario
regrese y se basa en renovar la información de esta página.
- Páginas interiores o subpáginas: Se desarrollan los contenidos propuesto s de la

página principal.
- Ventanas flotantes que van en las páginas interiores generalmente, su función es

mostrar datos relacionados de un enlace y las páginas de búsqueda, que se usan para
ofrecer los resultados de una herramienta de búsqueda. Zonas de una Pagina Descripción
de cada zona.
1. Área editorial o de contenido. Aquí se desarrolla todo el contenido: noticias,

titulares, descripciones y reseña histórica, entre otros. Comprende la parte central de las
páginas, algunas empresas la dividen en dos columnas de tamaños diferentes para incluir
material gráfico y fotografías de respaldo. En esta área pueden mezclarse varios tipos de
contenidos que hablen del mismo tema. Por ejemplo, una página que presenta un cuaderno
podría tener su descripción (con características y precios) junto a comentarios de sus
usuarios y enlaces a páginas de productos relacionados como esferas o lápices.
2. Textos. Hay que tener especial atención en la letra de las páginas Web.
Recomiendan usar fuentes planas que carezcan de adornos, tales como: Verdana, Tahoma
y Arial. El tamaño más usado es de 2 píxeles, que en Word equivale a una letra de tamaño
11 o 12. El color de letra recomendado es negro sobre un fondo blanco, el uso de fondos
negros con letras claras sólo mortifica al lector. Para los enlaces (hipervínculos) a otras
páginas Web, el color estándar es el azul y el estilo subrayado. Hacerlo de otra forma
confunde al usuario. No haga que todo el texto que quiere mostrar quede en una página, si
40
hay mucha información se recomienda convertir este texto en un archivo para que el
usuario lo descargue.
3. Barra de navegación. Contiene la lista de vínculos de las secciones y servicios

principales del sitio de Internet, se ubica a la izquierda de la página y brinda una visión
global de su estructura. Utilice para esta barra nombres cortos, en lo posible de una sola
palabra. Que sean directos, es decir permitan deducir que es lo que va a encontrar y no
utilizar modismos propios de nuestra región. Por ejemplo, si alguien ve el titular; Deportes;
el usuario sabrá que ahí encontrará una sección que habla sobre el tema, por el contrario;
cositas ricas; podría significar para alguien: sitios pornográficos, comida, chismes, entre
otras. Según Jacob Nielsen experto en el tema, recomienda que los vínculos de esta barra
estén en orden alfabético para que los visitantes tengan una opción lógica de la información
a encontrar. Sin embargo, algunos recomiendan priorizar de acuerdo con la importancia de
sus secciones más visitadas.
4. Imágenes. Estas son uno de los mayores inconvenientes a la hora de diseñar una
página Web, su uso excesivo termina por hacer lenta su carga en los navegadores.
Las imágenes se utilizan especialmente en:
- Los gráficos del cabezote
- Los botones de herramienta de búsqueda
- Banners publicitarios
- Títulos de las secciones
- Fotografías de soporte
41
- Animaciones con flash o gif. Actualmente, la mayoría de los sitios Web

consideran que el peso máximo de una página Web debe ser de 60 Kb. Una imagen con un
tamaño mediano con seguridad duplica esta cifra. Por ello, los sitios de comercio
electrónico donde el usuario necesita conocer los productos, se recomienda anexar
pequeñas imágenes a la página del artículo, con enlaces a ventanas emergentes que
muestran fotos más grandes. Los formatos recomendados para trabajar son GIF y JPEG.
Según, Andrés Arboleda, trabajador de la empresa AXESNET menciona que una imágen
debe pesar como máximo 20 Kb.
5. Banners. Son utilizados para hacer una promoción animada de un producto. Se

utiliza para su construcción el software FLASH generalmente o en algunos casos versiones
alternativas en formato GIF. Actualmente, se utilizan frases directas con vínculos (en lugar
de imágenes) para mejorar la velocidad de la página. Empresas como TERRA fijaron el
peso máximo de cada BANNER entre 12 y 15 Kb para un tamaño de 468*60 píxeles y solo
permiten hasta dos por cada página.6. Barra derecha. Se le conoce también como; BARRA
DE ENLACES ESPECIALES; se utiliza para secciones que no son fijas. El uso de esta
barra va de acuerdo con las necesidades de cada empresa. Algunas por ejemplo, la utilizan
para promocionar sus tiendas en línea y separar su área comercial de la editorial. Empresas
de noticias la emplean para poner allí sucesos de última hora, o la utilizan incluso para
poner banners publicitarios o herramientas de búsqueda. Nota: Si el área editorial necesita
más espacio. Sistemas de Información –Virtual Sigma Ltda.
(http://www.virtualsigma.com Generado: 31 Mayo, 2008, 12:46)
7. Herramientas de búsqueda. Se utilizan para que los usuarios encuentren

información o los productos que necesitan, para ello se utilizan palabras claves. Se basan
en su sencillez ysimplicidad. No utilice nunca nombres que confundan por ejemplo: un
usuario entiende más fácil si coloca una casilla para escribir texto con un botón que dice
buscar que cuando emplea un letrero que diga; Encuentre su producto haciendo clic aquí;
42
No restrinja tampoco la búsqueda de la información colocando una lista que contenga

buscar por: titulo, autor, editorial; El éxito de Amazon radica en que se puede escribir
cualquier cosa para la búsqueda; Recuerde también que la ortografía es una parte integrante
de muchos de nosotros o que sepan la palabra exacta de lo que quieren buscar, una
herramienta tan poco flexible, que no permita caracteres especiales sin duda no contribuye
a que el usuario la utilice.
8. Cabezote . Aquí se ubica el logotipo de la empresa y los elementos permanentes

de navegación del usuario. Siempre va en la parte superior de la página y muestra los
colores que identifican la compañía. No debe ser un elemento estático de decoración, una
parte de él puede tener enlaces a servicios asociados (archivos), a algunas secciones o la
sección de ayuda. En las páginas interiores el logotipo siempre debe tener un enlace a la
página de inicio, es definitivamente el medio para que un usuario perdido se escape. El
tamaño del cabezote no debe ser tan grande que elimine espacio para la información, ni tan
peque ño para que no se vea. Se sugiere que las medidas máximas sean de 476 píxeles de
ancho por 70 píxeles de altura. Es un sitio ideal para poner la fecha y el lugar de origen del
sitio Web. El presente documento está basado en un articulo publicado en la revista
ENTER edición Nro. 56. Información Adicional. Servicios básicos que debe poseer una
página web en su empresa, presupuesto de una página Web. ¿Qué beneficios puedo obtener
de una página web?. Configuración de NetBeans 5.0 como IDE para SuperWaba. Sistemas
de Información -Virtual Sigma Ltda.
http://www.virtualsigma.com. Generado: 31 Mayo, 2008, 12:46.)
Los Principios Heurísticos de Nielsen:
La usabilidad web es aplicable tanto a un simple botón, como al texto, como a las
imágenes, los archivos de audio o a toda la web. A veces puede no ser un elemento
concreto el que falla, sino toda la arquitectura de una web.
43
Tomado de Netydea (http://www.netydea.com/, 2008)
Como ya se ha comentado, la usabilidad no ha nacido con la web, sino que es

aplicable a cualquier ámbito de nuestra actividad. Por este motivo, ha habido expertos en
usabilidad desde hace tiempo y en muy diversas áreas. Es debido a la importancia que el
uso de la tecnología está cobrando en nuestras sociedades –tanto en el ámbito personal
como en el laboral que se ha producido una auténtica revolución en cuanto a pensadores y
asesoría especializados en usabilidad.
Así, expertos en usabilidad web hay muchos, pero nos centraremos en las teorías
del más popular y reconocido, Jacob Nielsen.
Nielsen describe en su web el listado de 10 principios heurísticos –basados en la

experiencia de usuarios extraídos del análisis de 249 problemas de usabilidad. Estos puntos
son muy importantes entre los desarrolladores online y son las directrices más conocidas en
cuanto a usabilidad web.
1. Visibilidad del estado del sistema
El sistema debe mantener siempre informado a los usuarios acerca de lo que está
ocurriendo, a través de una retroalimentación o "feed-back" adecuado y en un tiempo
razonable. Por ejemplo, con una barra de estado cuando hay una descarga.
Figura Nº 01 visibilidad del estado del sistema, Fuente: (http://www.netydea.com/, 2008)
2. Adecuación entre el sistema y el mundo real
El sistema debe hablar el lenguaje de los usuarios, con palabras, frases y conceptos
que les sean familiares, más que con términos propios del sistema. Deben seg0uir las
44
convenciones del mundo real, haciendo que la información aparezca en un orden natural y
lógico.
3. Control y libertad del usuario
Los usuarios eligen a menudo opciones del sistema por error y necesitarán una
"salida de emergencia" claramente delimitada para abandonar el estado no deseado en que
se hallan sin tener que mantener un diálogo largo con el sistema. Es conveniente usar las
opciones "deshacer-rehacer".
4. Consistencia y estándares
Los usuarios no tienen por qué imaginar que diferentes palabras, situaciones o
acciones significan lo mismo. Es conveniente seguir convenciones.
5. Prevención de errores
Mejor que un mensaje de error es un diseño cuidadoso que prevenga los errores. Por
ejemplo, ofrecer diversas opciones en un menú en lugar de hacer que el usuario deba
teclear algo.
6. Reconocer mejor que recordar
Hacer visibles objetos, acciones y opciones. El usuario no tiene por qué recordar
información de una parte del diálogo con el sistema en otra parte. Las instrucciones de uso
del sistema deben estar visibles o fácilmente localizables cuando proceda.
7. Flexibilidad y eficiencia de uso
Los aceleradores o atajos –que el usuario principalmente no nota pueden hacer más rápida
la interacción para usuarios expertos, de tal forma que el sistema sea útil para los dos tipos
45
de usuarios. Permite a los usuarios adaptar acciones frecuentes. Por ejemplo, los atajos de
teclados o combinaciones de teclas: F5, ctrl + C, ctrl + F, etcétera.
8. Estética y diseño minimalista
Los diálogos entre sistema y usuarios no deben contener información irrelevante o

raramente necesitada. Cada unidad de información extra en un diálogo compite con las
unidades relevantes de información y disminuye su visibilidad relativa.
9. Ayudar a los usuarios a reconocer, diagnosticar y solucionar errores

Los mensajes de errores deben expresarse en un lenguaje común sin códigos, indicar con
precisión el problema y sugerir de forma constructiva una solución.
10. Ayuda y documentación
Aunque es buena señal que el sistema pueda ser usado sin documentación, puede ser
necesario proveer cierto tipo de ayuda. Cualquier información debe ser fácil de buscar,
especificar los pasos que serán necesarios para realizarla y no ser muy amplia.
La usabilidad web es aplicable tanto a un simple botón, como al texto, como a las
imágenes, los archivos de audio o a toda la web. A veces puede no ser un elemento
concreto el que falla, sino toda la arquitectura de una web. En este sentido, es destacable
que se pueden establecer tendencias en arquitectura de la información, creadas a partir de la
experiencia de los usuarios y a partir de los sucesivos diseños por los que apuestan diversas
entidades. (http://www.netydea.com/ , 2008)
Software Libre
Es un asunto de libertad, no de precio. Para entender el concepto, es importante

entender en “libre” como en “libertad de expresión” y no como en “ gratis” [N. del T.: en
46
inglés una misma palabra (free) significa tanto libre como gratis, lo que ha dado lugar a
cierta confusión].
Por lo tanto en el “Software Libre” el usuario tiene la libertad para ejecutar, copiar,
distribuir, estudiar, cambiar y mejorar los programas que utilice, pero deberá tener en
cuenta que “no todo está permitido” (Cabero, Julio n.vas tecnologías aplicadas a la educación,
pg. 310), obligando a mantener los créditos originales del programa o liberar aplicaciones
que estén basadas en el software libre mejorado.
Para comprender que es el software libre, es importante tener en cuenta las cuatro
libertades de los usuarios del software, las cuales fueron configuradas a través del
movimiento GNU (the GNU Operating System, http://www.gnu.org/):
- Libertad para usar el programa, con cualquier propósito.
- Libertad de estudiar cómo funciona el programa adaptándolo a sus necesidades
- Libertad de distribuir copias, para ayudar a quien lo necesite.
- Libertad de mejorar el programa y hacer pública las mejoras de tal forma que la
comunidad se beneficie de éstas.
Existen varias clases de software, destacamos algunos:
De dominio público. no esta protegido con “copyright“ software GNU. Liberado bajo es
auspicio del proyecto GNU.
Privativo: la redistribución o modificación está prohibida, o requiere previa autorización.
Freeware: Permiten la distribución pero no la modificación de su código.

47
Shareware: Incorpora la autorización para redistribuir copias, pero una vez probado si lo
quieres hay que pagar.
El Software Libre y su Aplicación Educativa
 Alto poder de Motivación, que predispone el aprendizaje y el interés.

 Posibilidad de interacción, en donde el alumno pasa de una actitud activa a una
constante.
 Implicación, del alumno participando en las tareas y desarrollando iniciativas para
filtrar información, escoger y después seleccionar
 Trabajo colaborativo y en grupo. Favoreciendo actitudes hacia los compañeros al
intercambiar información o ayudándose mutuamente.
 Aumento en el desarrollo de habilidades de búsqueda y selección de información.
 Favorecen la comunicación entre todos, a través de las herramientas que las Tic
ofrecen.
 Mejoran las capacidades de expresión al poder utilizar herramientas tales como:
procesadores de textos, programas de retoques digitales, movie maker para
elaboración de videos …
 Feedback, permitiéndole aprender de sus errores, ensayar respuestas alternativas y
emprender nuevos caminos de superación de problemas.
 Representan un elemento integrador en las aulas para con alumnos que poseen
necesidades educativas especiales.
Para realizar este trabajo de investigación se tomaron software libre tales como PHP,
MySQL, PhpMyAdmin, Apache; todos en el paquete WAMP5.
Existen muchos temas y discusiones sobre el software libre y se recomienda que

visiten esta página que en un lenguaje sencillo pretende responder algunas preguntas
comunes sobre el tema.
48
UML(Unified Modeling Language)
Figura Nº. 02. Unified Modeling Language (UML), Fuente: (http://www.desic.upv.es/uml), 2008
UML es un lenguaje para especificar, construir, visualizar y documentar los

artefactos de un sistema de software orientado a objetos (OO). Un artefacto es una
información que es utilizada o producida mediante un proceso de desarrollo de software.
UML se quiere convertir en un lenguaje estándar con el que sea posible modelar todos
los componentes del proceso de desarrollo de aplicaciones. Sin embargo, hay que tener en
cuenta un aspecto importante del modelo: no pretende definir un modelo estándar de
desarrollo, sino únicamente un lenguaje de modelado. Otros métodos de modelaje como
OMT (Object Modeling Technique) o Booch sí definen procesos concretos. En UML los
procesos de desarrollo son diferentes según los distintos dominios de trabajo; no puede ser
el mismo el proceso para crear una aplicación en tiempo real, que el proceso de desarrollo
de una aplicación orientada a gestión, por poner un ejemplo.
Las diferencias son muy marcadas y afectan a todas las faces del proceso. El método
del UML recomienda utilizar los procesos que otras metodologías tienen
Los Inicios
A partir del año 1994, Grady Booch [Booch96](precursor de Booch '93) y Jim
Rumbaugh (creador de OMT) se unen en una empresa común, Rational Software
Corporation, y comienzan a unificar sus dos métodos. Un año más tarde, en octubre de
1995, aparece UML (Unified Modeling Language) 0.8, la que se considera como la primera
versión del UML. A finales de ese mismo año, Ivan Jacobson, creador de OOSE (Object
Oriented Software Engineer) se añade al grupo.
49
Como objetivos principales de la consecución de un nuevo método que aunara los

mejores aspectos de sus predecesores, sus protagonistas se propusieron lo siguiente:
 El método debía ser capaz de modelar no sólo sistemas de software sino otro
tipo de sistemas reales de la empresa, siempre utilizando los conceptos de la
orientación a objetos (OO).
 Crear un lenguaje para modelado utilizable a la vez por máquinas y por

personas.
 Establecer un acoplamiento explícito de los conceptos y los artefactos

ejecutables.
 Manejar los problemas típicos de los sistemas complejos de misión crítica.
Lo que se intenta es lograr con esto que los lenguajes que se aplican siguiendo los métodos
más utilizados sigan evoluciona ndo en conjunto y no por separado. Y además, unificar las
perspectivas entre diferentes tipos de sistemas (no sólo software, sino también en el ámbito
de los negocios), al aclarar las fases de desarrollo, los requerimientos de análisis, el diseño,
la implementación y los conceptos internos de la OO.
Modelos y Diagramas
 Un modelo: captura una vista de un sistema del mundo real. Es una abstracción de
dicho sistema, considerando un cierto propósito. Así, el modelo describe completa-
mente aquellos aspectos del sistema que son relevantes al propósito del modelo, y a
un apropiado nivel de detalle.
 Diagrama : una representación gráfica de una colección de elementos de modelado,

a menudo dibujada como un grafo con vértices conectados por arcos
 Un proceso de desarrollo de software debe ofrecer un conjunto de modelos que

permitan expresar el producto desde cada una de las perspectivas de interés
50
 El código fuente del sistema es el modelo más detallado del sistema (y además es
ejecutable). Sin embargo, se requieren otros modelos
 Cada modelo es completo desde su punto de vista del sistema, sin embargo, existen
relaciones de trazabilidad entre los diferentes modelos
Figura Nº 03 Diagramas en UML (http://www.desic.upv.es/uml, 2008)
Modelado de objetos:
En la especificación del UML podemos comprobar que una de las partes que lo
componen es un metamodelo formal. Un metamodelo es un modelo que define el lenguaje
para expresar otros modelos. Un modelo en OO es una abstracción cerrada semánticamente
de un sistema y un sistema es una colección de unidades conectadas que son organizadas
para realizar un propósito específico. Un sistema puede ser descripto por uno o más
modelos, posiblemente desde distintos puntos de vista.
51
Una parte del UML define, entonces, una abstracción con significado de un lenguaje
para expresar otros modelos (es decir, otras abstracciones de un sistema, o conjunto de
unidades conectadas que se organizan para conseguir un propósito). Lo que en principio
puede parecer complicado no lo es tanto si pensamos que uno de los objetivos del UML es
llegar a convertirse en una manera de definir modelos, no sólo establecer una forma de
modelo, de esta forma simplemente estamos diciendo que UML, además, define un
lenguaje con el que podemos abstraer cualquier tipo de modelo.
El UML es una técnica de modelado de objetos y como tal supone una abstracción de
un sistema para llegar a construirlo en términos concretos. El modelado no es más que la
construcción de un modelo a partir de una especificación.
Un modelo es una abstracción de algo, que se elabora para comprender ese algo antes
de construirlo. El modelo omite detalles que no resultan esenciales para la comprensión del
original y por lo tanto facilita dicha comprensión.
Los modelos se utilizan en muchas actividades de la vida humana: antes de construir

una casa el arquitecto utiliza un plano, los músicos representan la música en forma de notas
musicales, los artistas pintan sobre el lienzo con carboncillos antes de empezar a utilizar los
óleos, etc. Unos y otros abstraen una realidad compleja sobre unos bocetos, modelos al fin
y al cabo. La OMT, por ejemplo, intenta abstraer la realidad utilizando tres clases de
modelos OO: el modelo de objetos, que describe la estructura estática; el modelo dinámico,
con el que describe las relaciones temporales entre objetos; y el modelo funcional que
describe las relaciones funcionales entre valores. Mediante estas tres fases de construcció n
de modelos, se consigue una abstracción de la realidad que tiene en sí misma información
sobre las principales características de ésta.
Los modelos además, al no ser una representación que incluya todos los detalles de
los originales, permiten probar más fácilmente los sistemas que modelan y determinar los
errores. Según se indica en la Metodología OMT (Rumbaugh), los modelos permiten una
mejor comunicación con el cliente por distintas razones:
52
 Es posible enseñar al cliente una posible aproximación de lo que será el producto final.
 Proporcionan una primera aproximación al problema que permite visualizar cómo

quedará el resultado.
 Reducen la complejidad del original en subconjuntos que son fácilmente tratables por
separado.
 Se consigue un modelo completo de la realidad cuando el modelo captura los aspectos

importantes del problema y omite el resto. Los lenguajes de programación que estamos
acostumbrados a utilizar no son adecuados para realizar modelos
Completos de sistemas reales porque necesitan una especificación total con detalles
que no son importantes para el algoritmo que están implementando. En OMT se modela un
sistema desde tres puntos de vista diferentes donde cada uno representa una parte del
sistema y una unión lo describe de forma completa. En esta técnica de modelado se utilizó
una aproximación al proceso de implementación de software habitual donde se utilizan
estructuras de datos (modelo de objetos), las operaciones que se realizan con ellos tienen
una secuencia en el tiempo (modelo dinámico) y se realiza una transformación sobre sus
valores (modelo funcional).
UML utiliza parte de este planteamiento obteniendo distintos puntos de vista de la

realidad que modela mediante los distintos tipos de diagramas que posee. Con la creación
del UML se persigue obtener un lenguaje que sea capaz de abstraer cualquier tipo de
sistema, sea informático o no, mediante los diagramas, es decir, mediante representaciones
gráficas que contienen toda la información relevante del sistema. Un diagrama es una
representación gráfica de una colección de elementos del modelo, que habitualmente toma
forma de grafo donde los arcos que conectan sus vértices son las relaciones entre los
objetos y los vértices se corresponden con los elementos del modelo. Los distintos puntos
de vista de un sistema real que se quieren representar para obtener el modelo se dibuja dé
forma que se resaltan los detalles necesarios para entender el sistema.
53
Artefactos para el Desarrollo de Proyectos
Un artefacto es una información que es utilizada o producida mediante un proceso de

desarrollo de software. Pueden ser artefactos un modelo, una descripción o un software.
Los artefactos de UML se especifican en forma de diagramas, éstos, junto con la
documentación sobre el sistema constituyen los artefactos principales que el modelador
puede observar.
Se necesita más de un punto de vista para llegar a representar un sistema. UML

utiliza los diagramas gráficos para obtener estos distintos puntos de vista de un sistema:
 Diagramas de Implementación.
 Diagramas de Comportamiento o Interacción.
Diagramas de Casos de uso.
Diagramas de Clases.
Ejemplo de algunos de los diagramas que utiliza UML.
Diagramas de Implementación
Se derivan de los diagramas de proceso y módulos de la metodología de Booch,

aunque presentan algunas modificaciones. Los diagramas de implementación muestran los
aspectos físicos del sistema. Incluyen la estructura del código fuente y la implementación,
en tiempo de implementación. Existen dos tipos:
Diagramas de componentes
Diagrama de plataformas o despliegue

54
Diagramas de componentes
Muestra la dependencia entre los distintos componentes de software, incluyendo

componentes de código fuente, binario y ejecutable. Un componente es un fragmento de
código software (un fuente, binario o ejecutable) que se utiliza para mostrar dependencias
en tiempo de compilación.
Ejemplo de un diagrama de componentes:
Interfaz de Terminal
Control y Análisis
Gestión de Cuentas Rutinas de conexión Acceso a BD
Figura Nº 04 Diagrama de componentes, Fuente: (http://www.desic.upv.es/uml, 2008)
Diagrama de plataformas o despliegue:
Muestra la configuración de los componentes hardware, los procesos, los elementos

de procesamiento en tiempo de ejecución y los objetos que existen en tiempo de ejecución.
En este tipo de diagramas intervienen nodos, asociaciones de comunicación, componentes
dentro de los nodos y objetos que se encuentran a su vez dentro de los componentes. Un
nodo es un objeto físico en tiempo de ejecución, es decir una máquina que se compone
55
habitualmente de, por lo menos, memoria y capacidad de procesamiento, a su vez puede

estar formada por otros componentes.
Base de datos
Listado
Reservaciones
Hotel
Figura Nro. 05 Ejemplo de Diagrama de Despliegue, Fuente: (Tesis, Terán Carlos, 2004)
Diagramas de Interacción o Comportamiento :
Muestran las interacciones entre objetos ocurridas en un escenario (parte) del sistema. Hay
varios tipos:
Diagrama de secuencia.
Diagrama de colaboración.
Diagrama de estado.
Diagrama de actividad.
Diagrama de secuencia
Muestran las interacciones entre un conjunto de objetos, ordenadas según el tiempo

en que tienen lugar. En los diagramas de este tipo inte rvienen objetos, que tienen un
significado parecido al de los objetos representados en los diagramas de colaboración, es
56
decir son instancias concretas de una clase que participa en la interacción. El objeto puede
existir sólo durante la ejecución de la interacción, se puede crear o puede ser destruido
durante la ejecución de la interacción. Un diagrama de secuencia representa una forma de
indicar el período durante el que un objeto está desarrollando una acción directamente o a
través de un procedimiento.
Ejemplo de un diagrama de secuencia:
Figura Nº 06 Diagrama de Secuencia , Fuente: (http://www.desic.upv.es/uml, 2008)
En este tipo de diagramas también intervienen los mensajes, que son la forma en
que se comunican los objetos: el objeto origen solicita (llama a) una operación del objeto
destino. Existen distintos tipos de mensajes según cómo se producen en el tiempo: simples,
síncronos, y asíncronos.
Los diagramas de secuencia permiten indicar cuál es el momento en el que se envía o

se completa un mensaje mediante el tiempo de transición, que se especifica en el diagrama.
57
Diagrama de colaboración:
Muestra la interacción entre varios objetos y los enlaces que existen entre ellos.
Representa las interacciones entre objetos organizadas alrededor de los objetos y sus
vinculaciones. A diferencia de un diagrama de secuencias, un diagrama de colaboraciones
muestra las relaciones entre los objetos, no la secuencia en el tiempo en que se producen
los mensajes. Los diagramas de secuencias y los diagramas de colaboraciones expresan
información similar, pero en una forma diferente.
Formando parte de los diagramas de colaboración nos encontramos con objetos, enlaces y
mensajes. Un objeto es una instancia de una clase que participa como una interacción,
existen objetos simples y complejos. Un objeto es activo si posee un thread o hilo de
control y es capaz de iniciar la actividad de control, mientras que un objeto es pasivo si
mantiene datos pero no inicia la actividad.
Un enlace es una instancia de una asociación que conecta dos objetos de un diagrama
de colaboración. El enlace puede ser reflexivo si conecta a un elemento consigo mismo. La
existencia de un enlace entre dos objetos indica que puede existir un intercambio de
mensajes entre los objetos conectados.
Los diagramas de interacción indican el flujo de mensajes entre elementos del

modelo, el flujo de mensajes representa el envío de un mensaje desde un objeto a otro si
entre ellos existe un enlace. Los mensajes que se envían entre objetos pueden ser de
distintos tipos, también según como se producen en el tiempo; existen mensajes simples,
sincrónicos, balking, timeout y asíncronos. Durante la ejecución de un diagrama de
colaboración se crean y destruyen objetos y enlaces.
58
Ejemplo de un diagrama de colaboración:
:Socio
:Video
2: verificar situación socio
1: prestar(video, socio) 3: verificar situación video

:WInPréstamos
5: entregar recibo
4: registrar préstamo
: Encargado
:Préstamo
Figura Nº 07 Diagrama de Colaboración, Fuente:(http://www.desic.upv.es/uml, 2008)
Diagramas de actividad:
Son similares a los diagramas de flujo de otras metodologías OO. En realidad se

corresponden con un caso especial de los diagramas de estado donde los estados son
estados de acción (estados con una acción interna y una o más transiciones que suceden al
finalizar esta acción, o lo que es lo mismo, un paso en la ejecución de lo que será un
procedimiento) y las transiciones vienen provocadas por la finalización de las acciones que
tienen lugar en los estados de origen. Siempre van unidos a una clase o a la implementación
de un caso de uso o de un método (que tiene el mismo significado que en cualquier otra
metodología OO). Los diagramas de actividad se utilizan para mostrar el flujo de
operaciones que se desencadenan en un procedimiento interno del sistema.
Ejemplo de un Diagrama de Actividad:

59
Buscar Bebida [ no hay café ] [ no zumo ]
[ hay café ]
[ hay zumo ]
Poner café Añadir agua Coger taza

en filtro al depósito Coger
zumo
Poner filtro
en máquina
Encender
máquina
/ cafetera.On
Café en
preparación
indicador de fin
Servir café Beber
Figura Nº 08 Diagrama de Actividad, Fuente: (http://www.desic.upv.es/uml, 2008)
Diagramas de estado:
Representan la secuencia de estados por los que un objeto o una interacción entre
objetos pasa durante su tiempo de vida en respuesta a estímulos (eventos) recibidos.
Representa lo que podemos denominar en conjunto una máquina de estados. Un estado en
UML es cuando un objeto o una interacción satisfacen una condición, desarrolla alguna
acción o se encuentra esperando un evento.
Cuando un objeto o una interacción pasa de un estado a otro por la ocurrencia de un

evento se dice que ha sufrido una transición, existen varios tipos de transiciones entre
objetos: simples (normales y reflexivas) y complejas. Además una transición puede ser
interna si el estado del que parte el objeto o interacción es el mismo que al que llega, no se
provoca un cambio de estado y se representan dentro del estado, no de la transición. Como
60
en todas las metodologías OO se envían mensajes, en este caso es la acción de la que puede
enviar mensajes a uno o varios objetos destino
Ejemplo de un Diagrama de Estado:
Socio
número : int
nombre : char[50]
número_prestamos : int = 0
alta()
baja()
prestar(código_libro : int, fecha : date)
devolver(código_libro : int, fecha : date)
alta baja
número_préstamos = 0
sin préstamos
prestar devolver[ número_préstamos = 1 ]
número_préstamos > 0
con préstamos
prestar
devolver[ número_préstamos > 1 ]
Figura Nº 09 Diagrama de Estado, Fuente:(http://www.desic.upv.es/uml, 2008)

61
Diagramas de Casos de Uso:
Unos casos de uso es una secuencia de transacciones que son desarrolladas por un
sistema en respuesta a un evento que inicia un actor sobre el propio sistema. Los diagramas
de casos de uso sirven para especificar la funcionalidad y el comportamiento de un sistema
mediante su interacción con los usuarios y/o otros sistemas. O lo que es igual, un diagrama
que muestra la relación entre los actores y los casos de uso en un sistema. Una relación es
una conexión entre los elementos del modelo, por ejemplo la relación y la generalización
son relaciones.
Los diagramas de casos de uso se utilizan para ilustrar los requerimientos del sistema
al mostrar como reacciona una respuesta a eventos que se producen en el mismo. En este
tipo de diagrama intervienen algunos conceptos nuevos: un actor es una entidad externa al
sistema que se modela y que puede interactuar con él; un ejemplo de actor podría ser un
usuario o cualquier otro sis tema. Las relaciones entre casos de uso y actores pueden ser las
siguientes:
o Un actor se comunica con un caso de uso.
o Un caso de uso extiende otro caso de uso.
o Un caso de uso usa otro caso de uso

Comunica <<Comunicates>>
Actualizar carga
Académica Extiende <<extend>>
Actor Actualizar carga Elaborar Informe

Administrativa de Actividades
Pedir permiso
Usa<<use>>
Profesor
Elaborar planificación
de actividades
Figura Nro. 10. Ejemplo de un Diagrama de Casos de Uso , Fuente: (Tesis, Terán Carlos, 2004)
62
Eleme ntos de Casos de Usos:
Actor: Es un usuario del sistema, que necesita o usa alguno de los casos de
uso. Un usuario puede jugar más de un rol. Un solo actor puede actuar en muchos
casos de uso; recíprocamente, un caso de uso puede tener varios actores. Los actores
no necesitan ser humanos pueden ser sistemas externos que necesitan alguna
infor mación del sistema actual. También se puede encontrar tres tipos de relaciones,
como son:
Comunica: (co municates): entre un actor y un caso de uso, denota la
participación del actor en el caso de uso deter minado. En la Figura Nro. 10 el actor
profesor se relaciona con los casos de uso pedir permiso, Actualizar carga
administrativa y Actualizar carga Académica.
Usa (uses): Relación entre dos casos de uso, denota la inclusión del
comportamiento de un escenario en otro. Se utiliza cuando se repite un caso de uso en dos
o más casos de uso separados. Frecuentemente no hay actor asociado con el caso de uso
común.
Extiende (extends): Relación entre dos casos, denota cuando un caso de uso es
una especialización de otro. Se usa cuando se describe una variación sobre el normal
comporta miento.
Diagramas de Clases:
Los diagramas de clases representan un conjunto de elementos del modelo que son
estáticos, como las clases y los tipos, sus contenidos y las relaciones que se establecen entre
ellos.
Algunos de los elementos que se pueden clasificar como estáticos son los siguientes:
Paquete: Es el mecanismo de que dispone UML para organizar sus elementos en
63
grupos, se representa un grupo de elementos del modelo. Un sistema es un único paquete

que contiene el resto del sistema, por lo tanto, un paquete debe poder anidarse,
permitiéndose que un paquete contenga otro paquete.
Clases: Una clase representa un conjunto de objetos que tienen una estructura, un
comportamiento y unas relaciones con propiedades parecidas. Describe un conjunto de
objetos que comparte los mismos atributos, operaciones, métodos, relaciones y significado.
En UML una clase es una implementación de un tipo. Los componentes de una clase son:
Atributo. Se corresponde con las propiedades de una clase o un tipo. Se identifica

mediante un nombre. Existen atributos simples y complejos.
Operación. También conocido como método, es un servicio proporcionado por la

clase que puede ser solicitado por otras clases y que produce un comportamiento en ellas
cuando se realiza.
Las clases pueden tener varios parámetros formales, son las clases denominadas
plantillas. Sus atributos y operaciones vendrán definidos según sus parámetros formales.
Las plantillas pueden tener especificados los valores reales para los parámetros formales,
entonces reciben el nombre de clase parametrizada instanciada. Se puede usar en cualquier
lugar en el que se podría aparecer su plantilla.
Relacionando con las clases nos encontramos con el término utilidad, que se
corresponde con una agrupación de variables y procedimientos globales en forma de
declaración de clase, también puede definirse como un estereotipo (o nueva clase generada
a partir de otra ya existente) de un tipo que agrupa variables globales y procedimientos en
una declaración de clase. Los atributos y operaciones que se agrupan en una utilidad se
convierten en variables y operaciones globales. Una utilidad no es fundamental para el
modelado, pero puede ser conveniente durante la programación.
64
Metaclase: Es una clase cuyas instancias son clases. Sirven como depósito para
mantener las variables de clase y proporcionan operaciones (método de clase) para
inicializar estas variables. Se utilizan para construir metamodelos (modelos que se utilizan
para definir otros modelos).
Tipos: Es un descriptor de objetos que tiene un estado abstracto y especificaciones

de operaciones pero no su implementación. Un tipo establece una especificación de
comportamiento para las clases.
Interfaz: Representa el uso de un tipo para describir el comportamiento visible

externamente de cualquier elemento del modelo.
Relación entre clases : Las clases se relacionan entre sí de distintas formas, que
marcan los tipos de relaciones existentes:
Asociación:
Es una relación que describe un conjunto de vínculos entre clases. Pueden ser
binarias o n-arias, según se implican a dos clases o más. Las relaciones de asociación
vienen identificadas por los roles, que son los nombres que indican el comportamiento que
tienen los tipos o las clases, en el caso del rol de asociación (existen otros tipos de roles
según la relación a la que identifiquen). Indican la información más importante de las
asociaciones. Es posible indicar el número de instancias de una clase que participan en una
relación mediante la llamada multiplicidad. Cuando la multiplicidad de un rol es mayor que
1, el conjunto de elementos que se relacionan puede estar ordenado. Las relaciones de
asociación permiten especificar qué objetos van a estar asociados con otro objeto mediante
un calificador. El calificador es un atributo o conjunto de atributos de una asociación que
determina los valores que indican cuales son los valores que se asociarán.
Una asociación se dirige desde una clase a otra (o un objeto a otro), el concepto de
navegabilidad se refiere al sentido en el que se recorre la asociación.
Existe una forma especial de asociación, la agregación, que especifica una relación entre
65
las clases donde el llamado "agregado" indica él todo y el "componente" es una parte del
mismo.
Composición:
Es un tipo de agregación donde la relación de posesión es tan fuerte como para
marcar otro tipo de relación. Las clases en UML tienen un tiempo de vida determinado, en
las relaciones de composición, el tiempo de vida de la clase que es parte del todo (o
agregado) viene determinado por el tiempo de vida de la clase que representa el todo, por
tanto es equivalente a un atributo, aunque no lo es porque es una clase y puede funcionar
como tal en otros casos.
Generalización:
Cuando se establece una relación de este tipo entre dos clases, una es una Superclase
y la otra es una Subclase. La subclase comparte la estructura y el comportamiento de la
superclase. Puede haber más de una clase que se comporte como subclase.
Dependencia:
Una relación de dependencia se establece entre clases (u objetos) cuando un cambio en el
elemento independiente del modelo puede requerir un cambio en el elemento dependiente.
Relación de Refinamiento:
Es una relación entre dos elementos donde uno de ellos especifica de forma completa
al otro que ya ha sido especificado con cierto detalle.
Nuevas características del UML
Además de los conceptos extraídos de métodos anteriores, se han añadido otros

nuevos que vienen a suplir carencias antiguas de la metodología de modelado. Estos
nuevos conceptos son los siguientes:
66
 Definición de estereotipos: un estereotipo es una nueva clase de elemento de modelado

que debe basarse en ciertas clases ya existentes en el metamodelo y constituye un
mecanismo de extensión del modelo.
Responsabilidades.
Mecanismos de extensibilidad: estereotipos, valores etiquetados y restricciones.
Tareas y procesos.
 Distribución y concurrencia (para modelar por ejemplo ActiveX/DCOM y CORBA.
Patrones/Colaboraciones.
 Diagramas de actividad (para reingeniería de proceso de negocios)
 Clara separación de tipo, clase e instancia.
 Refinamiento (para manejar relaciones entre niveles de abstracción).
Interfaces y componentes.
El Proceso de Desarrollo:
UML no define un proceso concreto que determine las fases de desarrollo de un

sistema, las empresas pueden utilizar UML como el lenguaje para definir sus propios
procesos y lo único que tendrán en común con otras organizaciones que utilicen UML
serán los tipos de diagramas.
UML es un método independiente del proceso. Los procesos de desarrollo deben ser
definidos dentro del contexto donde se van a implementar los sistemas.
La elaboración de Aplicacio nes Web consiste en el Diseño de la Interfaz, proceso en el
cual se combinan los elementos de info rmación obtenidos, en el caso del modelado
con UML, hay que considerar aspectos relacionados con la simbolización de los
objetos, para ello es necesario recordar lo siguiente:
67
Hojas de Cliente (Client Page) son páginas web con formato HTML las cuales
pueden ser mostradas por un navegador o browser y que presentan datos además de
contener scripts que son interpretados por el navegador. En el Lenguaje Unificado de
Modelado (UML) estas páginas se simbolizan como se puede observar en la siguiente
Figura Nro. 11.
Figura Nro 11. Representación de una Página de Cliente en UML
Las páginas de servidor (Server Pages) son páginas Web que contienen scripts
ejecutados por el servidor; es decir, los scripts que contienen pueden interactuar con los
recursos del servidor (Base de Datos, Lógica del Negocio, Sistemas externos, etc.).
En UML se representan como se muestra en la siguiente Figura Nro. 12
Figura Nro.12 Representación de una Página de Servidor en UML
Los formularios (For m) comprenden aquella colección de campos de entradas de

datos mediante la cual una página de cliente suministra información de entrada al
servidor para que este le genere una respue sta. Los formularios se simbolizan en
UML tal como se muestra en la Figura Nro. 13.
68
Figura Nro 13 Representación de un Formular io en UML
Los Framset son ele mentos de las aplicaciones Web en los cuales se pueden
incluir varias páginas web simultánea mente, es decir, contiene varias páginas web. En
UML se representan como se muestra en la Figura Nro. 14.
Figura Nro. 14. Representación de un Frameset en UML
En UML, entre los objetos señalados anteriormente se establecen los siguientes

conectores: Link, Sub mit, Build y Redirect.
69
Herramientas CASE
Figura Nro. 15. Rational Rose 98 (El Lenguaje Unificado de Modelado , Fuente: G. Booch, J.
Rumbaugh, I. Jacobson. Addison Wesley Iberoamericana, 1999).
Ratio nal Rose es la herramienta CASE que comercializan los desarrolladores de

UML y que soporta de forma completa la especificación del UML 1.1.
Esta herramienta propone la utilización de cuatro tipos de modelo para realizar un

diseño del sistema, utilizando una vista estática y otra dinámica de los modelos del sistema,
uno lógico y otro físico. Permite crear y refinar estas vistas creando de esta forma un
modelo completo que representa el dominio del problema y el sistema de Software.
Desarrollo Iterativo:
Rational Rose utiliza un proceso de desarrollo iterativo controlado (controlled

iterative process development), donde el desarrollo se lleva a cabo en una secuencia de
iteraciones. Cada iteración comienza con una primera aproximación del análisis, diseño e
implementación para identificar los riesgos del diseño, los cuales se utilizan para conducir
la iteración, primero se identifican los riesgos y después se prueba la aplicación para que
éstos se hagan mínimos.
Cuando la implementación pasa todas las pruebas que se determinan en el proceso,

ésta se revisa y se añaden los elementos modificados al modelo de análisis y diseño. Una
vez que la actualización del modelo se ha modificado, se realiza la siguiente iteración.
Trabajo en Grupo
70
Rose permite que haya varias personas trabajando a la vez en el proceso iterativo
controlado, para ello posibilita que cada desarrollador opere en un espacio de trabajo
privado que contiene el modelo completo y tenga un control exclusivo sobre la propagación
de los cambios en ese espacio de trabajo.
También es posible descomponer el modelo en unidades controladas e integrarlas

con un sistema para realizar el control de proyectos que permite mantener la integridad
de dichas unidades.
Generador de Código
Se puede generar código en distintos lenguajes de programación a partir de un diseño en

UML.
Ingeniería Inversa
Rational Rose proporciona mecanismos para realizar la denominada Ingeniería

Inversa, es decir, a partir del código de un programa, se puede obtener información sobre
su diseño.
Lenguajes de programación
PHP
Figura Nro. 16. Personal Home Page PHP, Fuente: (http://es.php.net/,2008)
PHP es un lenguaje creado por una gran comunidad de personas. El sistema fue
desarrollado originalmente en el año 1994 por Rasmus Lerdorf como un CGI escrito en C
que permitía la interpretación de un número limitado de comandos. El sistema fue
denominado Personal Home Page Tools y adquirió relativo éxito gracias a que otras
71
personas pidieron a Rasmus que les permitiese utilizar sus programas en sus propias
páginas. Dada la aceptación del primer PHP y de manera adicional, su creador diseñó un
sistema para procesar formularios al que le atribuyó el nombre de FI (Form Interpreter) y el
conjunto de estas dos herramientas, sería la primera versión compacta del lenguaje:
PHP/FI. La siguiente gran contribución al lenguaje se realizó a mediados del 97 cuando se
volvió a programar el analizador sintáctico, se incluyeron nuevas funcionalidades como el
soporte a nuevos protocolos de Internet y el soporte a la gran mayoría de las bases de datos
comerciales. Todas estas mejoras sentaron las bases de PHP versión 3. Actualmente PHP se
encuentra en su versión 5, que utiliza el motor Zend, desarrollado con mayor meditación
para cubrir las necesidades actuales y solucionar algunos inconvenientes de la anterior
versión. Algunas mejoras de esta nueva versión son su rapidez -gracias a que primero se
compila y luego se ejecuta, mientras que antes se ejecutaba mientras se interpretaba el
código-, su mayor independencia del servidor web -creando versiones de PHP nativas para
más plataformas- y un API más elaborado y con más funciones.
Figura Nro. 17. Gráfica del número de dominios y direcciones IP que utilizan PHP.
Fuente: Estadística de Netcraft. 2008.
72
En el último año, el número de servidores que utilizan PHP se ha disparado, logrando

situarse cerca de los 5 millones de sitios y 800.000 direcciones IP, lo que le ha convertido a
PHP en una tecnología popular. Esto es debido, entre otras razones, a que PHP es el
complemento ideal para que el tándem Linux- Apache sea compatible con la programación
del lado del servidor de sitios web. Gracias a la aceptación que ha logrado, y los grandes
esfuerzos realizados por una creciente comunidad de colaboradores para implementarlo de
la manera más óptima, podemos asegurar que el lenguaje se convertirá en un estándar que
compartirá los éxitos augurados al conjunto de sistemas desarrollados en código abierto.
Introducción a PHP 5
Con las primeras 2 versiones de PHP, PHP 3 y PHP 4, se había conseguido una
plataforma potente y estable para la programación de páginas del lado del servidor. Estas
versiones han servido de mucha ayuda para la comunidad de desarrolladores, haciendo
posible que PHP sea el lenguaje más utilizado en la web para la realización de páginas
avanzadas.
Sin embargo, todavía existían puntos negros en el desarrollo PHP que se han tratado
de solucionar con la versión 5, aspectos que se echaron en falta en la versión 4, casi desde
el día de su lanzamiento. Nos referimos principalmente a la programación orientada a
objetos (POO) que, a pesar de que estaba soportada a partir de PHP3, sólo implementaba
una parte muy pequeña de las características de este tipo de programación.
Nota: la orientación a objetos es una manera de programar que trata de modelar los
procesos de programación de una manera cercana a la realidad: tratando a cada componente
de un programa como un objeto con sus características y funcionalidades.
El principal objetivo de PHP5 ha sido mejorar los mecanismos de POO para

solucionar las carencias de las anteriores versiones. Un paso necesario para conseguir que
73
PHP sea un lenguaje apto para todo tipo de aplicaciones y entornos, incluso los más
exigentes.
Actualmente se encuentra en desarrollo la versión PHP6
Así funciona PHP:
Figura Nro. 18, funcionamiento de PHP, Fuente: (http://www.desarrolloweb.com, 2008)
PHP toma código dentro de las páginas, lo ejecuta en el servidor y envía el

resultado al cliente. El cliente no puede visualizar el código del programa, sólo su
resultado. Además, por ser un lenguaje de scripting, los programas no se compilan, sino
sólo se interpretan; esto significa que es más lento en ejecutarse que, por ejemplo, un
programa en C, pero al mismo tiempo los cambios en el código PHP tienen efecto de
inmediato.
No todos los archivos son interpretados por el plug- in de PHP, sino sólo aquellos
que hayan sido definidos en la configuración del servidor como tales, puesto que la
interpretación de código es un proceso que toma un tiempo mayor al que se emplea en
74
enviar una página tal como está. Es común utilizar una o varias de las siguientes
extensiones para informar al servidor que debe interpretarlas: .php, .phtml, .php3 y.php4.
Lenguaje HTML
Por medio del lenguaje HTML (HyperText Markup Languaje), podemos navegar
por miles y miles de páginas a través de la WWW. Es un lenguaje que sirve para escribir
hipertexto, es decir, documentos de texto presentado de forma estructurada, con enlaces
(links) que conducen a otros documentos o a otras fuentes de información (por ejemplo
bases de datos) que pueden estar en la propia máquina o en máquinas remotas de la red.
Todo ello se puede presentar acompañado de cuantos gráficos estáticos o animados y
sonidos seamos capaces de imaginar.
HTML es el lenguaje con el que se construyen las páginas Web. La idea inicial de
HTML era describir la estructura y el contenido de un documento, sin embargo la tendencia
actual es utilizarlo también como un lenguaje de descripción, controlando el aspecto de
documento (tipografía, posicionado, etc.).
Por supuesto, la estética de los documentos escritos en HTML no se limita a texto

digamos normal; consigue todos los efectos que habitualmente se pueden producir con un
moderno procesador de textos: negrita, cursiva, distintos tamaños y fuentes, tablas, párrafos
tabulados, sangrías, incluso texto y fondo de página de colores, y muchos más.
El programa encargado de interpretar el texto HTML es el navegador o browser. El

navegador puede recibir el código HTML junto con los elementos integrados en la página
(imágenes, sonidos, vídeo, etc.) desde un servidor remoto o de un servidor de red
(utilizando el protocolo de transferencia de hypertexto y HTTP) o leer las páginas
directamente de nuestro disco duro (sin un protocolo de transmisión tipo HTTP, sino el
equivalente a abrir un documento con un procesador de textos).
75
Lenguaje Java
Con el lenguaje de programación Java es posible incrustar una aplicación

multiplataforma dentro de una página Web con los llamado sapplets. Es necesario utilizar
un navegador o browser compatible con Java como Sun Hot_Java, Netscape 2.x, Internet
Explorer 3.0 o superiores,
Con Java también es posible implementar programas como C++, que no se ejecuten
a través de Internet, sino de forma local y sin la necesidad de utilizar un navegador.
Java es un lenguaje de programación orientada a objetos que ha sido desarrollado

por Sun Microsystems.
Java, cuya denominación original fue Oak(1991) fue diseñado para programar
dispositivos electrónicos de consumo y crear una red heterogénea de productos electrónicos
domésticos.
JavaScript
Es un lenguaje de programación compacto y orientado al objeto destinado al

desarrollo de aplicaciones Internet que actúa a modo de complemento del HTML. El
primer navegador que soportó JavaScript fue Netscape Navigator 2.0. El código de las
aplicaciones Java Script se integra en el mismo archivo con el texto en formato HTML y es
interpretado por el cliente (navegador). Actualmente los únicos navegadores que soportan
JavaScript son Netscape Navigator (a partir de la versión 2.0) y Microsoft Internet Explorer
(a partir de la versión 3.0, denominándolo J script). También afectan a JavaScript las
incompatibilidades: los navegadores 4.0 soportan nuevas especificaciones de JavaScript
que no soportan los browsers anteriores. Además el mismo código JavaScript en Navigator
no se comporta de manera idéntica en Internet Explorer.
76
Sintaxis : JavaScript hereda principalmente de Java su sintaxis y estructura, aunque

el estilo de programación puede diferir bastante.
JavaScript está destinado para la implementación de programas pequeños, es ideal

para tareas repetitivas y de control de eventos. Por ejemplo, se puede utilizar para calcular
el valor de una variable dependiente del valor de un campo de formulario. Cada vez que
cambie el valor de dicho campo, el programa JavaScript encargado de controlar dicho
evento se invoca y se calcula el nuevo valor de la variable.
(http://www.monografias.com/trabajos5/laweb/laweb.shtml, 2008).
Dreamweaver 8
Macromedia Dreamweaver 8 es un editor HTML profesional para diseñar, codificar

y desarrollar sitios, páginas y aplicaciones Web. Tanto si desea controlar manualmente el
código HTML como si prefiere trabajar en un entorno de edición visual, Dreamweaver le
proporciona útiles herramientas que mejorarán su experiencia de creación Web.
Dreamweaver 8 incorpora muchas funciones nuevas que le ayudarán a diseñar

páginas Web y aplicaciones con un mínimo de tiempo y esfuerzo. Dreamweaver simplifica
las tecnologías más complejas y las hace accesibles, ayudándole a conseguir más en menos
tiempo.
Éstas son algunas de las nuevas funciones de Dreamweaver 8:
 Herramienta Zoom y guías

 Vinculación de datos visual de XML
 Nuevo panel de estilos CSS
 Visualización de diseño CSS
 Contracción de código
 Barra de herramientas de codificación
77
 Transferencia de archivos en segundo plano

 Inserción de comando de Flash Video
Las funciones de edición visual de Dreamweaver permiten crear páginas de forma

rápida, sin escribir una sola línea de código. No obstante, si prefiere crear el código
manualmente, Dreamweaver también incluye numerosas herramientas y funciones
relacionadas con la codificación. Además, Dreamweaver le ayuda a crear aplicaciones Web
dinámicas basadas en bases de datos empleando lenguajes de servidor como ASP,
ASP.NET, ColdFusion Markup Language (CFML), JSP y PHP. (Ayuda, Macromedia
Dreamweaver 8).
Flash 8
Macromedia Flash Basic 8 y Macromedia Flash Professional8. Flash le

proporciona todo lo necesario para crear y publicar complejas aplicaciones de grandes
prestaciones y contenido Web. Tanto si diseña gráficos con movimiento como si crea
aplicaciones gestionadas por datos, Flash tiene las herramientas precisas para producir
excelentes resultados y ofrecer al usua rio la posibilidad de utilizar los productos en
distintas plataformas y dispositivos.
Aplicaciones que se pueden crear con Flash
Gracias al amplio número de funciones de Flash, se pueden crear multitud de tipos

de aplicaciones. A continuación se citan alg unos ejemplos de los tipos de aplicaciones que
se pueden generar con Flash:
Animaciones: Incluyen anuncios publicitarios, tarjetas de felicitación en línea, dibujos

animados, etc. Muchos otros tipos de aplicaciones de Flash también incluyen elementos de
animación.
78
Juegos: Numerosos juegos se crean con Flash. Los juegos normalmente combinan las
capacidades de animación de Flash con las capacidades lógicas de ActionScript.
Interfaces de usuario: Un gran número de diseñadores de sitios Web utilizan Flash para
diseñar interfaces de usuario. Estas interfaces incluyen tanto sencillas barras de navegación
como diseños mucho más complejos. En la parte superior de la página de inicio de
www.macromedia.com/es se muestra un ejemplo de una barra de navegación creada con
Flash.
Áreas de mensajes flexibles: Se trata de áreas de las páginas Web que utilizan los
diseñadores para mostrar información que puede variar con el tiempo. El área de mensajes
flexible (FMA, Flexible Messaging Area) del sitio Web de un restaurante podría mostrar
información sobre las especialidades del menú del día. En la página de inicio de
www.macromedia.com/es se puede encontrar un ejemplo de un área FMA. El tutorial de la
sección Tutorial: Creación de una aplicación Flash por primera vez le guiará por el proceso
de creación de un área FMA.
Aplicaciones dinámicas de Internet Incluyen un amplio abanico de aplicaciones que

proporcionan una elaborada interfaz de usuario para mostrar y manipular datos
almacenados de forma remota a través de Internet. Una aplicación dinámica de Internet
podría ser una aplicación de calendario, una aplicación de búsqueda de precios, un catálogo
de compra, una aplicación de educación y pruebas, o bien cualquier otra aplicación que
presente datos remotos con una completa interfaz desde el punto de vista gráfico.
En el sitio Web de Macromedia en www.macromedia.com/es/showcase se pueden

encontrar una gran variedad de ejemplos de proyectos reales creados por usuarios de Flash.
Para crear una aplicación de Flash, se realizan normalmente los pasos básicos siguientes:
1. Decida las tareas básicas que realizará la aplicación.

79
2. Cree e importe elementos multimedia como imágenes, vídeo, sonido, texto, etc.
3. Organice los elementos multimedia en el escenario y en la línea de tiempo para
definir cuándo y cómo aparecerán en la aplicación.
4. Aplique efectos especiales a elementos multimedia según estime oportuno.
5. Escriba código ActionScript para controlar cómo se comportarán los elementos
multimedia, incluido cómo responderán los elementos a las interacciones del
usuario.
6. Pruebe la aplicación para determinar si funciona como se había previsto y busque
cualquier error que se produjera al crearla. La aplicación se debe probar durante
todo el proceso de creación.
7. Publique el archivo FLA como archivo SWF para que pueda mostrarse en una
página Web y reproducirse con Flash Player.
Según el proyecto y el estilo de trabajo, se puede cambiar el orden de estos pasos.

Conforme vaya familiarizándose con Flash y sus flujos de trabajo, irá descubriendo el
estilo de trabajo más adecuado a sus necesidades.
Fireworks 8
Macromedia Fireworks 8 es la solución definitiva para el diseño y producción de

gráficos Web profesionales. Se trata del primer entorno de producción que afronta con
éxito los grandes retos de los diseñadores y desarrolladores de gráficos Web.
Fireworks puede utilizarse para crear, editar y animar gráficos Web, añadir
interactividad avanzada y optimizar imágenes en entornos profesionales. En Fireworks es
posible crear y modificar imágenes vectoriales y de mapa de bits en una sola aplicación.
Todo es modificable en todo momento. Y el flujo de trabajo puede automatizarse para
satisfacer las necesidades de cambio y actualización que de otra forma exigirían una
enorme dedicación.
80
Manejadores de bases de datos
El modelo E/R
Técnica de análisis basada en la identificación de las entidades y de las relaciones que se
dan entre ellas en la parte de realidad que pretendemos modelar. El modelo E/R permite
representar de forma abstracta los datos que se pretenden almacenar en la base de datos.
Existen notaciones alternativas para la representación gráfica del diseño conseguido
mediante la técnica de análisis que propone el modelo E/R: o Diagramas E/R o Diagramas
UML (Lenguaje Unificado de Modelado).
Elementos del modelo E/R
Entidad: Objeto, real o abstracto, distinguible de otros objetos. Algunas entidades con
cualidades similares acerca de los cuales se almacena se le denominan TIPO (o,
simplemente, conjunto de entidades).
p.e j. Un libro concreto o un escritor.
Atributo: Propiedad asociada a un conjunto de entidades (esto es, matricular

representamos propiedades de los objeto s). Para cada atrib uto conjunto de valores
permitidos llamado DOMINIO. p.ej. Del libro: Título, ISBN, edición, número de páginas.
Del escritor: Nombre, apellidos, fecha de nacimiento…
Clave: Conjunto de atributos que permite identificar unívocamente dentro de un conjunto

de entidades. p.ej. Del libro: ISBN Del escritor: (nombre, apellidos, fecha de nacimiento)
Relación (conexión o asociación):
Conexión semántica entre dos conjuntos de entidades. p.ej. Relación entre los escritores
y los libros que han escrito.
81
PhpMyAdmin:
Figura Nro. 19. Phpmyadmin, Fuente: (http://es.wikipedia.org/wiki/PhpMyAdmin/, 2008)
.phpMyAdmin es una herramienta escrita en PHP con la intención de manejar la

administración de MySQL a través de páginas webs, utilizando Internet. Actualmente
puede crear y eliminar Bases de Datos, crear, eliminar y alterar tablas, borrar, editar y
añadir campos, ejecutar cualquier sentencia SQL, administrar claves en campos,
administrar privilegios, exportar datos en vario s formatos y está disponible en 50 idiomas.
Se encuentra disponible bajo la licencia GPL.
Este proyecto se encuentra vigente desde el año 1998, siendo el mejor evaluado en la
comunidad de descargas de SourceForge.net como la descarga del mes de diciembre del
2002. Como esta herramienta corre en máquinas con Servidores Webs y Soporte de PHP y
MySQL, la tecnología utilizada ha ido variando durante su desarrollo.
MySQL:
Figura Nro. 20. Mysql, Fuente: (http://es.wikipedia.org/wiki/MySQL/ , 2008)

82
¿Qué es MySQL?
Es un sistema de gestión de bases de datos relacional, fue creada por la empresa

sueca MySQL AB, la cual tiene el copyright del código fuente del servidor SQL, así como
también de la marca.
MySQL es un software de código abierto, licenciado bajo la GPL de la GNU,
aunque MySQL AB distribuye una versión comercial, en lo único que se diferencia de la
versión libre, es en el soporte técnico que se ofrece, y la posibilidad de integrar este gestor
en un software propietario, ya que de otra manera, se vulneraría la licencia GPL.
El lenguaje de programación que utiliza MySQL es Structured Query Language
(SQL ) que fue desarrollado por IBM en 1981 y desde entonces es utilizado de forma
generalizada en las bases de datos relacionales.
WAMP5
Figura Nro. 21 WampServer. , Fuente: (http://www.en.wampserver.com/ , 2008)
WAMP5 es una aplicación sobre Windows que automáticamente instala los

servicios de PHP, Apache y MySQL sin mayores contratiempos. Es un sistema indicado
para los usuarios que no tienen instalado en el sistema ninguno de los programas necesarios
para programar en PHP (Apache, PHP y MySQL), ya que realiza una instalación completa
y desde cero. Pero también pueden utilizar este programa los usuarios que disponen de
Apache, PHP y/o MySQL en su sistema. En cuyo caso, simplemente se realizará otra copia
de las aplicaciones en un directorio distinto, que en principio, no tiene por qué interferir
con las otras instalaciones alojadas en nuestro equipo.
83
CAPITULO III
M ARCO METODOLOGICO
Naturaleza de la investigación
En este capitulo se presenta toda la metodología utilizada para diseñar esta página
web interactiva. Estará diseñada con el propósito de brindar apoyo a esta institución
educativa , mediante una base de datos que permita la interacción entre ellos, y así poder
conocer cualquier información relacionada con notas, fechas de pruebas, reuniones entre
otras.
Tipo y diseño de la investigación

De acuerdo a la naturaleza de la investigación, el proyecto está enmarcado dentro de
la modalidad de un proyecto factible, debido a que está orientado a proporcionar solución o
respuesta a problemas planteados a la necesidad del colegio de que haya una interacción
alumno-profesor en el intercambio de información. Este proyecto no escapa de su apoyo a
la investigación documental y de campo, la primera ejecutada mediante el levantamiento
de información realizado a proyectos que aportaron la misma solución a otra realizada en
un momento dado, entrevistas, folletos contentivos de información del colegio e
investigación bibliográfica y web interactivas para la selección de las herramientas o
recursos para la elaboración de una solución factible. Esta investigación es de campo, se
desarrolla la técnica de entrevistas, opiniones del personal directivo y alumnos del colegio .
Nivel de la Investigación
Se puede determinar que la investigación es un estudio descriptivo del problema.
Dentro del análisis efectuado a la información recolectada a través de la aplicación de
entrevistas, información recolectadas de diversas fuentes como: libros, fo lletos e internet,
se organizó y se estructuró, para determinar conjuntamente con el personal directivo la
84
información más importante que va a servir de guía para poder diseñar la base de datos
para la pagina web interactiva. (UPEL, 1998).
Fases Metodológicas
La metodología de este proyecto de investigación comprende las siguientes fases:
1. Diagnóstico.
2. Factibilidad.
3. Diseño.
4. Implantación.
5. Validación.
Para facilitar la comprensión del diseño metodológico, se colocan a continuación

unas tablas que correlacionan las fases de la investigación, los objetivos específicos,
metodología operacional y las técnicas e instrumentos involucrados, siguiendo el esquema
del proyecto factible y del ciclo de vida del desarrollo de sistemas de información (CVDS),
tal como se propone en la figura Nº 18.
85
Figura Nro. 22. Comparación del Proyecto Factible y el Ciclo de Vida para el Desarrollo de Sistemas de
Información, Fuente: (Pérez, R, 2007)
Ciclo de vida del desarrollo de sistemas de información:
“Es un proceso por el cual los analistas de sistemas, los ingenieros de software, los
programadores, y los usuarios finales elaboran sistemas de información y
aplicaciones informáticas”. (Whitten; Benthley y Barlow, 1996).
Desarrollo de las Fases Metodológicas
Diseño metodológico con técnicas e instrumentos
Estas fases están ligadas con los objetivos planteados en esta investigación, al igual que los
instrumentos y recursos utilizados, para lograr alcanzar las metas propuestas. A
continuación incorporamos un cuadro, el cual, describirá el diseño metodológico con las

86
técnicas e instrumentos utilizados, los cuales a su vez guardan una estrecha relación con los
objetivos propuestos.
Fase I diagnóstico:
Objetivos Específicos Metodología Técnicas e

Instrumentos
 Diagnosticar los Se identificaron las Observaciones y

requerimientos necesidades del colegio Entrevistas con los
institucionales, relacionadas con la profesores del colegio en
tecnológicos y implantación de la especial con el Sub-
comunicacionales a ser Página Web Dinámica director y la
desarrollados en la coordinadora de
Página Web Dinámica de evaluación, revisando
la U. E. Colegio Nuestra con estas autoridades los
Señora de Lourdes – procesos que van a ser
Valencia. automatizados para
desarrollar la base de
datos de la página Web
Dinámica.
Tabla Nro. 01 fase de diagnóstico, Fuente: (Diseño propio, Silva, 2008)
Fase II Factibilidad:
Objetivos Específicos Metodología Técnicas e Instrumentos
 Determinar la Se identificaron los Normas para la evaluación de

factibilidad técnica, elementos relacionados proyectos, organización de la
organizacional y con la factibilidad para información de la página Web
económica para el la implantación de la Dinámica para su posterior
desarrollo de una página Web Dinámica. publicación.
Página Web
Dinámica para la
U. E. Colegio
Nuestra Señora de
Lourdes –
Valencia.
Tabla Nro. 02 Fase de Factibilidad, Fuente: (Diseño propio, Silva , 2008)
87
Fase III Diseño:
 Diseñar los Se identificaron los Normas vigentes

lineamientos lineamientos internacionales de
tecnológicos y metodológicos para COVENIN ISO/IEC
metodológicos para el abordar técnica y 9126:Tecnologías de la
desarrollo de la Página organizacionalmente la Información – Calidad de
Web Dinámica para la implantación de la los Productos Software
U. E. Colegio Nuestra página Web Dinámica, en cuanto a la creación de
Señora de Lourdes – la cual cumple con las páginas Web Dinámica.
Valencia, garantizando normas vigentes Ver anexo C.
su adecuada internacionales de Las normas de diseño del
documentación. COVENIN ISO/ IEC Dr. Pere Marqués Graells y
9126. Thomas Powell
Tabla Nro. 03 Fase de Diseño, Fuente: (Diseño propio, Silva, 2008)
Fases IV Implantación:
 Implantar los procesos Se llevó a cabo la Normas vigentes

diseñados para la Página aplicación de los internacionales de
Web Dinámica para la métodos y normas COVENIN, ISO/IEC
U. E. Colegio Nuestra para páginas Web 9126:Tecnologías de la
Señora de Lourdes – Dinámicas para su Información – Calidad de
Valencia. correcto los Productos Software
funcionamiento. en cuanto a la creación de
páginas web dinámicas,
implantación del servidor.
Ver anexo C
Tabla Nro. 04, Fase Implantación, Fuente: (Diseño propio, Silva, 2008)
88
Fase V Validación:
 Validar los procesos Se realizaron las Criterios para validación

de desarrollo de la pruebas de Según las métricas de
Página Web operatividad de la calidad externas tomando
Dinámica para la U. página Web en cuenta su funcionalidad
E. Colegio Nuestra Dinámica por y usabilidad según Jakob
Señora de Lourdes – Internet, a través del Nielsen, Certificación de
Valencia, método heurístico de los datos, seguridad en los
garantizando la Jacob Nielsen. procesos y veracidad en la
funcionalidad de site, información, tomando las
de acuerdo a la norma normas ISO 9126.
COVENIN ISO 9126. Ver anexo C
Tabla Nro. 05, Fase de Validación, Fuente: (Diseño propio, Silva, 2008)
Fase de diagnóstico.
La fase de diagnóstico comienza, haciendo una búsqueda de la documentación

requerida en la cual se han establecido las necesidades y propósitos a alcanzar, tomando en
cuenta lo referente a tecnología educativa y comunicacional.
Fase de factibilidad
En esta etapa se analizaran los elementos requeridos para la implantación de la
página Web. Considerando los siguientes puntos:
Recursos técnicos
Los componentes principales para el manejo de información, se hace necesario estar
en conexión con Internet y el sitio Web Dinámico respectivamente cuenta con una debida
instalación de acuerdo a las necesidades y a los datos obtenidos de la fase de diagnóstico.
89
Estos recursos cuentan con el respaldo y las normas y estándares para la instalación de
páginas Web Dinámicas.
Recursos económicos
Los costos de instalación y hospedaje de la página web y demás servicios son de
responsabilidad exclus iva del cliente, el colegio cuenta con un hospedaje lo
suficientemente grande (250 Mb) para el manejo de bases de datos como la propuesta, ver
gastos económicos en el anexo B (Recursos Económicos).
Recursos logísticos y Organizacionales

Tomando en cuenta las necesidades de esta unidad educativa de tener una base de
datos y a través de estos requerimientos se pudo contrastar la creación de una página web
dinámica; estos recursos cuentan con el respaldo, las normas y estándares para la
instalación de páginas Web dinámicas. Ver anexo C.
Fase de diseño (CVDS, tal como se propone en la figura Nº 22). Ver página Nº 85
Para poder realizar esta fase se identificaron los lineamientos metodológicos para
poder así abordar la técnica y organizacionalmente la implantación de la página Web
Dinámica, la cual cumple con las normas vigentes internacionales de las Normas
COVENIN ISO / IEC 9126. Ver anexo C.
Fase de Implantación. (CVDS, tal como se propone en la figura Nº 22.). Ver página Nº
85.
Una vez diseñada la página web se procederá a su Implantación, tomando en
cuenta los métodos y normas para páginas web dinámica, e implantación de servidores,
para de esta manera evaluar el cumplimiento a cabalidad.
90
Fase de Validación.
Una vez implantada definitivamente la página Web Dinámica, se procederá a su
validación, tomando en cuenta su debida operatividad y funcionalidad localmente, luego
por Internet, verificando que se cumplan las diferentes normas y procedimientos para
llevar a cabo dicha validación. (De acuerdo a N ielsen).
Áreas de Conocimientos Relacionadas

Este proyecto requiere abordar temas referidos a diseños y construcciones de
páginas web dinámicas, sin embargo, cabe destacar otras áreas de conocimiento que están
íntimamente relacionadas con la presente investigación, por lo tanto, la importancia de las
mismas, tomando en cuenta los diferentes niveles de participación de cada una de ellas, se
pueden destacar las siguientes áreas de conocimiento:
1. Análisis y diseño de sistemas de información *
2. Documentación de sistemas de información *
3. Auditoría y evaluación de sistemas de información *
4. Diseño de páginas web
5. Normas de hardware y software para el diseño de páginas web
6. Normas para realizar los trabajos de grado de la UPEL
7. Hospedaje y mantenimiento de página s Web dinámicas.
8. Webmaster: ASP, PHP, MySQL, APACHE, HTML, Java, Java Script.
9. Administraciónde Servidores.
* Estas áreas forman parte de los conocimientos adquiridos en semestres anteriores.

Las demás áreas de conocimiento son de responsab ilidad del estudiante, por lo tanto, es
de interés propio el adquirir conocimientos relacionados con las áreas que permitan el
desarrollo del tema o proyecto de grado.
91
Recursos a utilizar
Recursos técnicos
Software :
Para el desarrollo de esta página se utilizaran las técnicas y procedimientos más
actualizados del mercado, como lo son las herramientas ASP, PHP, MySQL, Java,
JavaScript. Para Programación web y Dreamweaver, Flash y Firework de la familia
Macromedia® 8.0, las cuales se pueden considerar como básicas para las aplicaciones de
diseño y montaje de una página web estática o dinámica.
Nota: Para el desarrollo de este proyecto se utilizan versiones de prueba del software
indicado, con fines estrictamente académicos.
Hardware
Computador Core Duo 1.8 GB, con Disco Duro de 80 GB, Memoria RAM de 512
MB, Unidad de DVD ROM /RW CD ROM /RW de 16X, y 6 puertos USB para
PenDrive.
Recursos Humanos
Para el caso de este proyecto el recurso humano ha sido organizado en un Equipo de
trabajo conformado por:
- Un Tutor Académico,
- Un Tutor Empresarial,
- Un Responsable del proyecto de grado (estudiante)
- Un Asesor en diseño grafico.
- Un Asesor o Web master en programación Web
92
CAPITULO IV
Presentación de la solución:
En el presente capitulo se detalla toda la interfaz del sistema, tomando en cuenta

cada una de las fases del proyecto factible detalladas en el marco metodológico.
Fase I (diagnóstico)
Modelo del Negocio.
Esta propuesta tiene como objetivo facilitar y automatizar tecnológicamente

La integración de los miembros de la comunidad estudiantil de la U.E. Nuestra Señora de
Lourdes, (ver anexo E) Se utilizaron las potencialidades del internet con la aplicación de
software libre, la cual facilitó la evaluación de las acciones que tienen dichos actores en
cada una de las situaciones.
Se revisaron los diferentes aspectos relacionados con el problema, se aplicaron

diferentes entrevistas al personal académico, para poder conocer en detalle los procesos
actuales de esta Unidad Educativa, y así poder tener una visión clara de estas acciones,
para poder presentar la propuesta alternativa y definitiva. Hasta el momento esta Unidad
Educativa solo cuenta con un sistema hecho en Visual FoxPro, con su respectiva base de
datos, la cual funciona internamente.
El hecho de contar con este sistema no quiere decir que no se puede utilizar otro, el
cual también pueda contar con una base de datos orientada a permitir que esta
información pase de interna a externa mediante el uso del internet, contando por su puesto
con las medidas de seguridad necesarias que esta provee.
93
Para resumir; esta propuesta está orientada a los alumnos, padres y representantes,
al igual que a los profesores, para que puedan tener acceso a las notas, asignaciones,
horarios, situación académica, material complementario, y otra que el docente considere
necesario, tomando en cuenta que en cada trimestre se publicarán estas notas, y cada año
existirá solamente las notas de ese año, es decir, no habrá histórico, ya que estas existen en
el Control de Estudios, solo se quiere presentar por internet la nota actual, lo mas pronto y
necesario para facilitar al alumno molestias de dirigirse obligatoriamente a la institución
para saber las notas u otro aspecto relacionado.
Presentamos a continuación el modelo general del negocio.
Actores:
Control de Estudio
U.E. Nuestra Señora

de Lourdes
Profesores
Alumn@s
Padres y/ o Representantes
Figura Nº 23 Modelado General del Negocio, Fuente:(Diseño propio, Silva, 2.008).
94
Representación del flujo de la información dentro y fuera del sistema web dinámico.
Sistemas superordinados : Los que emplean el sistema de destino, como parte de algún
esquema de procesamiento de nivel más elevado. Está representado por la página web
dinámica, y el sistema basado en internet.
Sistemas subordinados: Los que utiliza el sistema de destino y que proporcionan los
datos o el procesamiento necesario para completar la funcionalidad del sistema de destino.
Está representado por la base de datos y todas las validaciones.
Sistema al nivel de par: Los que interesan de igual a igual es decir, la información la
producen o la consumen los pares y el sistema de destino. Conformada por el
Administrador Web (Web-Master).
Actores: Las entidades (personas o dispositivos) que interactúan con el sistema de destino
produciendo y consumiendo información necesaria para el procesamiento de requisitos.
Está conformada por los alumnos, padres, profesores, y los administradores del colegio .
Ver figura Nro. 24.
95
Diagrama de Contexto
Sistemas Superordinados
Producto: Página Sistema Basado

Web Dinámica en Internet
Usados por
Panel de
Sistema de Destino
Control
Interfaz de Usuario Administrador
Web-Master
Actores
usa
usan Pares
Actores
Dependen de
Validadores Base de
Datos
Sistemas Subordinados
Figura Nº 24 Diagrama de contexto, Fuente: (Diseño propio, Silva, 2.008)

Referencia (Pressman, Roger 2.006, Ingeniería del Software)
96
Fase II (Factibilidad).
De acuerdo a lo ya explicado en el marco metodológico. Se puede considerar la
necesidad de contar con todos estos recursos técnicos y logísticos, para poder lograr un
diseño que cumpla las expectativas del nuevo sistema. A continuación se muestra el estudio
de factibilidad en la siguiente tabla.
Puntuación Puntuación
Factibilidad Porcentaje
Obtenida Máxima
Técnica 50 50 100%
Operativa 88 95 93%
Económica 20 35 57%
Social 5 5 100%
Totales 163 185
Factibilidad general 88%
Tabla Nº 06: Estudio de Factibilidad
Fuente: (Elaboración Propia, 2008)
Esta información permite afirmar que desde el punto de vista técnico (100%),
operativo (93%) económico (57%) y social (100%) el proyecto es factible.
Los cálculos ofrecen una factibilidad general del 88%, valor que ofrece un alto nivel de
viabilidad.
Finalmente, estos resultados presentados y analizados, brindan un nivel de
confianza para llevar a cabo la propuesta que se presenta en: Ver anexo D
97
Fase III (Diseño de la Propuesta).

Descripción de los Casos de uso:
Actor: Control de Estudios
Comunica: (comunicates), se relaciona con los casos de uso, evaluación (notas),
asignaciones, planes de evaluación y horarios de clases, correspondientes a Control de
Estudios, tomando en cuenta que este se encargará del mantenimiento de toda la data.
Estos Casos de Uso son representados en la Figura Nro. 25
Login
Evaluaciones
Actor:
Asignaciones
Planes de evaluación
Control de Estudios
Horarios de clases
Figura Nº 25 Diagrama caso de uso, Actor control de estudios, Fuente:(Diseño propio, Silva,
2.008).
98
Login: permite al administrador la entrada al sistema, mediante un usuario y una clave

garantizando la seguridad del mismo.
Evaluación: permite cargar automáticamente mediante un enlace con la base de datos
del sistema del colegio hecho en Visual FoxPro los resultados de las evaluaciones de
los lapsos que se haya presentado.
Asignaciones: permite cargar y actualizar las asignaciones que haya hecho el docente en
cada asignatura o materia determinada, estas cargas se harán mediante el mantenimiento a
la base de datos, lo hará el administrador autorizado por control de estudios.
Planes de Evaluación: permite cargar automáticamente los planes de evaluación de

cada grado. Como solo se hará en cada año se cargará directo por el sistema de hosting
de internet.
Horarios de clases : permite cargar automáticamente los horarios de cada grado. Como
solo se hará en cada año o en ca da lapso se cargará directo por el sistema de hosting
de internet.
Actor: alumno
asignaciones, planes de evaluación, y horarios de clases, estos casos de uso es solo para
consultas.
99
Login
Evaluaciones
Actor:
Asignaciones
Horarios de clases
Alumno
Figura Nº 26 Diagrama caso de uso, Actor alumno, Fuente: (Diseño propio, Silva, 2.008).
Login: permite la entrada al sistema, mediante un usuario y una clave garantizando la

seguridad del mismo .
Evaluación: permite al alumno consultar los resultados de las evaluaciones de los
lapsos que haya presentado.
Asignaciones: permite a l alumno consultar sobre las asignaciones que haya hecho el
docente en una asig natura o materia determinada.
Planes de Evaluación: permite al alumno consultar los planes de evaluación de cada
asignatura o materia.
Horarios de clases: permite al alumno consultar los horarios de clases de cada grado.
100
Actor: Padres y/ó Representantes

asignaciones, y planes de evaluación. (Igual que para los alumnos, únicamente consultas).
Login
Evaluaciones
Actor:
Asignaciones
Padres y/o Representantes

Horarios de clases
Figura Nº 27 Diagrama caso de uso, Actor Padres y/ó Representantes, Fuente: (Diseño propio,
Silva, 2.008).
101
Login: permite al padre ó representante la entrada al sistema, mediante un usuario y una

clave garantizando la seguridad del mismo, el usuario es el mismo del alumno, pero la
clave es diferente permitiendo confidencialidad entre claves.
Evaluación: permite al padre ó representante consultar los resultados de las
evaluaciones de los lapsos que haya presentado el alumno.
Asignaciones: permite a l padre ó representante consultar sobre las asignaciones que
haya hecho el docente al alumno en una asignatura o materia determinada.
Planes de Evaluación: permite al padre ó representante consultar los planes de evaluación
de cada asignatura o materia.
Horarios de clases: permite al padre o al representante consultar los horarios de
clases de cada grado.
El Padre ó Representante revisará las notas y demás tareas asignadas a los alumnos,
tendrá un usuario igual que el alumno, pero la clave varia, es decir, con el mismo usuario
y con diferente clave le permitirá entrar al sistema.
102
Actor: Docentes
asignaciones, y planes de evaluación. (Igual que para los alumnos, pero con sentido critico,
osea, pasará a control de estudios cualquier incongruencia con la data).
Login
Evaluaciones
Actor:
Asignaciones
Docentes
Horarios de clases
Figura Nº 28 Diagrama caso de uso, Actor Docente, Fuente: (Diseño propio, Silva, 2.008).
Login: permite al docente la entrada al sistema, mediante un usuario y una clave

garantizando la seguridad del mismo, luego con la cédula del alumno puede realizar la
búsqueda correspondiente para el chequeo de datos e información correcta.
103
Evaluación: permite al docente consultar los resultados de las evaluaciones de los

lapsos que haya presentado el alumno, mediante el módulo de búsqueda
Asignaciones: permite a l docente consultar sobre las asignaciones que haya hecho en
cada asignatura o materia determinada, también mediante el módulo de búsqueda.
Planes de Evaluación: permite al docente consultar los planes de evaluación de cada
asignatura o materia para chequear que la información sea la correcta.
Horarios de clases: permite al docente consultar los horarios de clases de cada grado.
para chequear que la información sea la correcta.
El docente observará por internet que la información que pasó a Control de
Estudios para ser publicada, sea la correcta, por lo tanto, si observa algún error en la
misma, lo participará a este Departamento.
Diagramas de clases: Actor Control de Estudios
A continuación se detallan los casos de uso anteriores en los siguientes diagramas
de clases.
Diagrama de clases para el caso de uso Login.
Control de Estudios Acceso al Sistema
+ Clave 0..1
Clave de acceso
Figura Nº 29 Modelo de análisis Diagrama de clase de acceso al sistema, actor control de estudios
Fuente: (Diseño propio, Silva, 2.008).
104
Como se puede observar en esta figura (figura Nro. 25) el Control de Estudios
tiene acceso a través de una clave, esta clave tiene dos únicas posibilidades : cuando es
verdadera vale 1 y cuando es falsa vale 0
Diagrama de clases para el caso de uso evaluaciones:

Par este caso de uso no existe entrada al sistema para actualizar o cargar las notas,
debido a que este proceso se hará automáticamente mediante la creación de un enlace con
la base de datos del sistema que se encuentra en el colegio, este caso especial será
desarrollado por el programador que hizo el sistema que controla o lleva la data de las
evaluaciones y los datos de los alumnos y profesores.
Diagrama de clases para el caso de uso asignaciones:

Se permite actualizar la información relacionada con las asignaciones para cada asignatura
o materia.
Control de Estudios
Acceso al Sistema
+ Clave 0..1 + Asignaciones 1
Actualización de las
Clave de acceso asignaciones
Figura Nº 30 Modelo de análisis Diagrama de clase para asignaciones, actor control de estudios,
105
Como se puede observar en esta figura (figura Nro. 30) el Control de

Estudios tiene acceso a través de una clave, esta clave tiene dos únicas posibilidades:
cuando es verdadera vale 1 y cuando es falsa vale 0, para el caso de uso asignaciones.
Diagrama de clases para el caso de uso planes de evaluación:
Se permite actualizar la información relacionada con los planes de evaluación.
Control de Estudios Acceso al Sistema
+ Clave 0..1 + planes de evaluación 1
Clave de acceso Planes de evaluación
Figura Nº 31 Modelo de análisis Diagrama de clase para planes de evaluación , actor control de
estudios , Fuente: (Diseño propio, Silva, 2.008).

Estudios tiene acceso a través de una clave, esta clave tiene dos únicas posibilidades:
cuando es verdadera vale 1 y cuando es falsa vale 0, para el caso de uso planes de
evaluación. Es importante destacar que las actualizaciones para este caso de uso se
realizarán directamente desde el sitio o hosting del sistema, tomando en cuenta que se hará
cada año escolar, o en cada trimestre, este será diseñado en formato de Word u otro
software de aplicación escogido por el administrador o diseñador.
106
Es importante destacar que las actualizaciones para este caso de uso se realizarán
directamente desde el sitio o hosting del sistema, tomando en cuenta que se hará cada año
escolar, o en cada lapso, este será diseñado en formato de Word u otro software de
aplicación escogido por el administrador o diseñador.
Diagrama de clases para el caso de uso horarios de clases:
Control de Estudios
Horarios de clases
Acceso al sistema
Figura Nº 32 Modelo de análisis Diagrama de clase para horarios de clases, actor control de
estudios , Fuente: (Diseño propio, Silva, 2.008).

Estudios tiene acceso de manera directa sin usar clave, para el caso de uso horarios de
clases. Las actualizaciones o cargas para este caso de uso se realizarán directamente desde
el sitio o hosting del sistema, tomando en cuenta que se hará cada año escolar, o en cada
lapso, este será diseñado en formato de Word u otro software de aplicación escogido por el
administrador o diseñador, para cada grado habrá una conexión independiente, el cual será
bajado y copiado si así se desea, por cada alumno o representante.
107
Diagramas de clases:
Actor Alumno
Diagrama de clases para el caso de uso Login: igual que el de control de estudios.

Permite ver la información relacionada con las notas y la situación de cada alumno en la
sección.
Alumno
Acceso al Sistema
+ Clave 0..1 + evaluaciones 1
Clave de acceso Ver las evaluaciones
Figura Nº 33 Modelo de análisis Diagrama de clase para evaluaciones, actor alumno, Fuente:
(Diseño propio, Silva, 2.008).
Como se puede observa r en esta figura (figura Nro. 33) los alumnos
tiene n acceso a través de una clave, esta clave tiene dos únicas posibilidades: cuando es
verdadera vale 1 y cuando es falsa vale 0, para el caso de uso evaluaciones.
108

Permite ver la información relacionada con las asignaciones de cada materia po r cada
sección.
Alumno Acceso al Sistema
+ Clave 0..1 + asignaciones 1
Clave de acceso Ver las asignaciones
Figura Nº 34 Modelo de análisis Diagrama de clase para asignaciones, actor alumno, Fuente:
tienen acceso a través de una clave, esta clave tiene dos únicas posibilidades: cuando es
verdadera vale 1 y cuando es falsa vale 0, para el caso de uso asignaciones.
109
Diagrama de clases para el caso de uso planes de evaluaciones:

Permite ver la información relacionada con los planes de evaluación de cada materia por
cada sección.
Alumno
Acceso al Sistema
Ver los planes de

Clave de acceso evaluación
Figura Nº 35 Modelo de análisis Diagrama de clase para planes de evaluación, actor alumno
verdadera vale 1 y cuando es falsa vale 0, para el caso de uso planes de evaluación.
110
alumno
Horarios de clases
Acceso al sistema
Figura Nº 36 Modelo de análisis Diagrama de clase para horarios de clases, actor alumno, Fuente:
Como se puede observar en esta figura (figura Nro. 36) el alumno tiene
acceso de manera directa sin usar clave, para el caso de uso horarios de clases para cada
grado habrá una conexión independiente, el cual será bajado y copiado si así se desea, por
cada alumno.
111
Actor Padre y/o Representante
Diagrama de clases para el caso de uso Login: igual que el de Control de Estudios

sección.
Padre y/o
Acceso al Sistema
Representante
Figura Nº 37 Modelo de análisis Diagrama de clase para evaluaciones, actor padre y/o
representante, Fuente: (Diseño propio, Silva, 2.008).
112
Como se puede observar en esta figura (figura Nro. 37) los Padres y/o
Representantes tienen acceso a través de una clave, esta clave tiene dos únicas
posibilidades: cuando es verdadera vale 1 y cuando es falsa vale 0, para el caso de uso
evaluaciones.
Permite ver la información relacionada con las asignaciones de cada materia por cada
sección.
Padre y/o
Acceso al Sistema
Representante
Figura Nº 38 Modelo de análisis Diagrama de clase para asignaciones, actor padre y/o
asignaciones.
113

cada sección.
Padre y/o Acceso al Sistema

Representante
Ver los planes de

Figura Nº 39 Modelo de análisis Diagrama de clase para planes de evaluación, actor padre y/o
planes de evaluación.
114
Padres y/o
Representantes
Horarios de clases
Acceso al sistema
Figura Nº 40 Modelo de análisis Diagrama de clase para horarios de clases, actor padre y/o
Como se puede observa r en esta figura (figura Nro. 40) los padres o los
representantes tiene n acceso de manera directa sin usar clave, para el caso de uso
horarios de clases para cada grado habrá una conexión independiente, el cual será bajado y
copiado si así se desea, por cada padre o representante.
115
Actor Docente
Diagrama de clases para el caso de uso Login: igual que el de Control de Estudios

sección y poder corroborar la información suministrada.
Docente
Acceso al Sistema
Figura Nº 41 Modelo de análisis Diagrama de clase para evaluación, actor docente, Fuente:
Como se puede observa r en esta figura (figura Nro. 41) los Docentes
verdadera vale 1 y cuando es falsa vale 0, para el caso de uso evaluaciones.
116

Permite ver la información relacionada con las asignaciones de cada materia por cada
sección y poder corroborar la información suministrada.
Docente
Acceso al Sistema
Figura Nº 42 Modelo de análisis Diagrama de clase para asignaciones, actor docente, Fuente:
tiene n acceso a través de una clave, esta clave tiene dos únicas posibilidades: cuando es
verdadera vale 1 y cuando es falsa vale 0, para el caso de uso asignaciones.
117

cada sección y poder corroborar la información suministrada.
Docente
Acceso al Sistema
Ver los planes de

Figura Nº 43 Modelo de análisis Diagrama de clase para planes de evaluació n, actor docente
verdadera vale 1 y cuando es falsa vale 0, para el caso de uso planes de evaluación.
118
Docentes Horarios de clases
Acceso al sistema
Figura Nº 44 Modelo de análisis Diagrama de clase para horarios de clases, actor docente, Fuente:
Como se puede observa r en esta figura (figura Nro. 44) los docentes tienen
acceso de manera directa sin usar clave, para el caso de uso horarios de clases para cada
grado habrá una conexión independiente, el cual será bajado y copiado si así se desea, por
cada docente.
La siguiente etapa en el modelo de análisis en diagrama de actividades basado

en UML comprende el modelado de las acciones a ejecutarse en el sistema, para
ello se hace la representación de las acciones a desarrollar por cada uno de los
actores según se especifica a continuación:
En el siguiente diagrama de actividades se puede observar las actualizaciones de las
evaluaciones por parte de Control de Estudios, se puede observar en la figura Nro. 45.
119
Actor: Control de Estudios
Ingresar al
sistema
Ingresar
Validar
Clave
Clave
Ingreso
Autorizado
Actualizar Definir Reemplazar

Evaluaciones Evaluaciones Evaluaciones
Información
Actualizada
Figura Nro. 45 Modelo de Análisis. Diagrama de Actividades. Actualizar evaluaciones por parte
del Actor Control de Estudios, Fuente: (Diseño propio, Silva, 2.008).
120
En los siguientes diagramas de actividad se representan todas las acciones por parte
de Control de Estudios tales como: actualizar asignaciones figura Nro. 46, actualizar planes
de evaluación figura Nro. 47, y actualizar horarios de clases figura Nro. 48.
Ingresar al
sistema
Ingresar Validar
Clave
Clave
Ingreso
Autorizado
Actualizar Definir Reemplazar

asignaciones Asignaciones Asignaciones
Información
Actualizada
Figura Nro. 46 Modelo de Análisis. Diagrama de Actividades. Actualizar asignaciones por parte
del Actor Control de Estudio , Fuente: (Diseño propio, Silva, 2.008).
121
Ingresar al
sistema
Ingresar
Validar
Clave
Clave
Ingreso
Autorizado
Actualizar Planes Definir Planes Reemplazar Planes

de Evaluación de Evaluación de Evaluación
Información
Actualizada
Figura Nro. 47 Modelo de Análisis. Diagrama de Actividades. Actualizar planes de evaluación por
parte del Actor Control de Estudios. Fuente: (Diseño propio, Silva, 2.008).
122
Ingresar al
sistema
Ingresar
Validar
Clave
Clave
Ingreso
Autorizado
Actualizar Definir Horarios Reemplazar

Horarios de clase de clase Horarios de clase
Información
Actualizada
Figura Nro. 48 Modelo de Análisis. Diagrama de Actividades. Actualizar Horarios de clase por
parte del Actor Control de Estudios, Fuente: (Diseño propio, Silva, 2.008).
123
En el siguiente diagrama de actividades se representan todas las acciones por parte

del Alumno tales como: consultar evaluaciones, consultar asignaciones, consultar planes de
evaluación, como se puede observar en la figura Nro. 49.
Actor: Alumno
Ingresar al
sistema
Ingresar Validar
Clave Clave
Ingreso
Autorizado
Consultar
Planes de
Evaluaciones Asignaciones
Evaluación
Consulta
Realizada
Figura Nro. 49 Modelo de Análisis. Diagrama de Actividades consultas hechas por parte del actor
alumno, Fuente: (Diseño propio, Silva, 2.008).
124
En este diagrama de actividad se puede observar que, para que un alumno pueda
consultar el horario de clases no es necesario que ingrese una clave, es dec ir, se hace
directo por sistema, ver figura Nro. 50.
Ingresar al
sistema
Consultar
Horarios de
Clase
Consulta
Realizada
Figura Nro. 50 Modelo de Análisis. Diagrama de Actividades consultas he chas por parte del
actor alumno, Fuente: (Diseño propio, Silva, 2.008).
125
Al igual que los alumnos los padres y representantes hacen las mismas funciones. En
el siguiente diagrama de actividades se representan todas las acciones por parte de los
padres y/o representantes como: consultar evaluaciones, consultar asignaciones, consultar
planes de evaluación, se puede observar en la figura Nro. 51.
Actor: Padres y/o Representantes
Ingresar al
sistema
Ingresar
Validar
Clave
Clave
Ingreso
Autorizado
Consultar
Planes de
Evaluación
Consulta
Realizada
Figura Nro. 51 Modelo de Análisis. Diagrama de Actividades consultas hechas por parte del actor
padres y/o representantes, Fuente: (Diseño propio, Silva, 2.008).
126
Al igual que los alumnos En el siguiente diagrama de actividades se puede observar

que, para que un padres o representantes pueda consultar el horario de clases no es
necesario que ingrese una clave, es decir, se hace directo por sistema. Ver figura Nro. 52.
Ingresar al
sistema
Consultar
Horarios de
Clase
Consulta
Realizada
Figura Nro. 52 Modelo de Análisis. Diagrama de Actividades consultas hechas por parte del
actor padres y/o representantes , Fuente: (Diseño propio, Silva, 2.008).
127
Al igual que los padres y alumnos, los docentes también pueden consultar la misma
información, pero con sentido critico, es decir, puede hacer revisiones de la data, si
observa algún detalle lo consulta con Control de Estudios. Esta acción se puede observar en
la siguiente figura Nro. 53.
Actor: Docente
Ingresar al
sistema
Ingresar
Validar
Clave
Clave
Ingreso
Autorizado
Ver y Evaluar
Planes de
Evaluaciones Asignaciones Evaluación
Evaluación
Realizada
actor docente, Fuente: (Diseño propio, Silva, 2008)
128
Al igual que los padres y alumnos los docentes también se conectan para poder ver
los horarios de clases. Se puede observar la siguiente figura Nro. 54.
Ingresar al
sistema
Ver y Evaluar
Horarios de
Clase
Evaluación
Realizada
actor docente, Fuente: (Diseño propio, Silva, 2.008).
129
Después de haber definido las actividades en el modelado del siste ma es

necesario presentar la secuencia en que ocurren dichas actividades y asociarlas a
objetos identificables y tangibles en el siste ma, además de establecer la colaboración que
prevalezca entre ellos, estas acciones corresponden a los Diagramas de
Interacción del modelado en UML y que se presentan a continuación, organizados en
función de los actores del negocio.
En el caso del Actor, Control de Estudios, sus actividades se desarrollan con la

siguie nte secuencia: primeramente el actor debe ingresar a la interfaz a través de una
clave deno minada Login, el sistema verifica dicha clave y de acuerdo con los resultados
de dic ha verificación permite (o restringe) el acceso al sistema, una vez ingresado el
actor puede actualizar la información académica.
Estas situaciones se presentan gráfica mente en la Figura Nro. 55
: Control : Asignaciones
de Estudios : Login : Evaluaciones
: Autorizado
Planes de
Evaluación
Horarios de
clases
Figura Nro.55 Modelo de Anális is. Diagrama de Secuencias. Actor Control de Estudios
130
Similar mente para el Actor: Alumno la secuencia de actividades está

Precedida por el ingreso de una cla ve de acceso: Login el sistema verifica dicha cla ve y
de acuerdo con los resultados de dicha verificación permite (o restrin ge) el acceso al
siste ma, una vez ingresado el alumno puede consultar la Información correspondiente
a los resultados de las evaluaciones realizadas, además de tener la posibilidad de
consultar y obtener la información correspondiente a las asignaciones pendientes y del
material documental que se haya incorporado al sistema y consultar también los planes
de evaluación. Esta secuencia de actividades está reflejada en la Figura Nro. 56
: Alumno : Login : Evaluaciones
: Autorizado
: Asignaciones
Planes de
Evaluación
Figura Nro. 56 Modelo de Anális is. Diagrama de Secuencias. Actor Alumno, Fuente: (Diseño
propio, Silva, 2.008).
131
: Alumno
: Ingresar al
sistema
: Consultar
Horarios de clases
Figura Nro.57 Modelo de Anális is. Diagrama de Secuencias. Actor a lumno, Fuente:(Diseño
132
En cuanto al Actor: Padres y/o Representantes ingresan al sistema a través de una

clave la cual le permite (o restringe) el acceso a la información, una vez
ingresado el padre o representante tiene la facultad de actualizar información
en el sistema relacionada con el proceso de inscripción de los alumnos así como
otra de las facultades de los Padres y Representantes es que ellos pueden obtener
información en la institución de sus hijos o representados, tanto en el aspecto de
evaluaciones hechas alalumno, como las asignaciones que tenga pendiente.
Todas estas actividades se presentan secuencialmente en la Figura Nro 58 y 59
: Padres y/o : Login : Evaluaciones

Representantes
: Autorizado
: Asignaciones
Planes de
Evaluación
Figura Nro 58. Modelo de Análisis. Diagrama de Secuencias. Actor Padres y/o Representantes,
133
: Padres y/o
Representantes
: Ingresar al
sistema
: Ver Horarios
de clases
Figura Nro. 59 Modelo de Anális is. Diagrama de Secuencias. Actor Padres y/o Representantes,
134
Para el Actor: Docente la secuencia de actividades está también precedida

por el ingreso de una clave de acceso: Login el sistema verifica dicha clave y de acuerdo
con los resultados de dicha verificación permite (o restringe) el acceso al sistema, una
vez ingresado el docente puede ver la información correspondiente a los resultados de
las eva luaciones aplicadas a los alumnos, puede ver ade más las asignaciones a sus
alumnos y cualquier actividad que estos realicen en sus hogares y también asignarle
cualquier material de apoyo (documental) que sirva para complementar los
conocimientos impartidos. Esta secuencia de actividades se refleja en la Figura Nro. 60
y 61.
: Docente : Login : Ver

Evaluaciones
: Autorizado
: Ver
Asignaciones
Ver Planes de
Evaluación
Figura Nro. 60 Modelo de Anális is. Diagrama de Secuencias. Actor Docente, Fuente: (Diseño
135
: Docente
: Ingresar al
sistema
: Ver Horarios
de clases
Figura Nro. 61 Modelo de Anális is. Diagrama de Secuencias. Actor Docente, Fuente: (Diseño
136
Otro diagrama que comp rende las interacciones se refiere a los diagramas de
colaboración, en el presente caso se estructuran los diagramas de colaboración
siguiendo los mismos esque mas presentados para los diagramas de secuencia, los
cuales quedan de la siguiente manera. Para el Actor Control de Estudios se definió
un diagra ma de colaboración para el caso de uso Evaluaciones como se muestra en la
Figura Nro. 62
Control de
Estudios : Login
: Login 1: Ingresar
2: Valida
: Autorizado
: Evaluación
4: Confirma con 3: Registra
5: Prepara
: Sistema de
Data interna
: Proceso de transferencia
automática
Figura Nro. 62 Diagrama de Colaboración Evaluación Actor: Control de Estudios, Fuente:

137
En el caso de uso de las Asignaciones, el diagrama de colaboración se

puede comprobar en la Figura Nro. 63
Control de
Estudios : Login
: Login 1: Ingresar
2: Valida
: Autorizado
: Asignaciones
3: Registra
Figura Nro. 63 Diagrama de Colaboración asignaciones Actor: Control de Estudios, Fuente:
Planes de Evaluación: el diagrama de colaboración se puede comprobar en la Figura

Nro. 64
Control de
Estudios : Login
: Login 1: Ingresar
2: Valida
: Planes de : Autorizado
Evaluación
3: Registra
Figura Nro.64 Diagrama de Colaboración Planes de Evaluación Actor: Control de Estudios,
138
En el caso de uso de los Horarios de Clases, el diagrama de colaboración

se puede comprobar en la Figura Nro. 65
Control de
Estudios : Login
: Login 1: Ingresar
2: Valida
: Horarios de : Autorizado
clases
3: Registra
Figura Nro. 65 Diagrama de Colaboración Horarios de clases Actor: Control de Estudios ,

139
Igualmente, para los actores Alumnos la colaboración entre los

objetos relacionados con la evaluación, la consulta de las asignaciones, guías o
cualquier otra actividad están representadas en la Figura Nro.66. Donde se
establecen tanto la relación entre los distintos objetos o elementos asociados al actor
Alumno, así como el orden en el cual se cumplen las actividades.
: Alumnos
: Login
: Login 1: Ingresar
2: Valida
: Autorizado
: Interfaz
3: Ingresar
4: Consulta
5: Consulta
6: Consulta : Asignaciones
: Evaluaciones
: Planes de
evaluación
8: Validado por
7: Validado por 9: Validado por
: Control de
Estudios
Figura Nro. 66 Diagrama de Colaboración Consultas varias Actor: alumno, Fuente:(Diseño

140
Para los actores Padres y/o Representantes la colaboración entre los objetos
relacionados con la evaluación, la consulta de las asignaciones, guías o cualquier otra
actividad están representadas en la Figura Nro. 67 Donde se establecen tanto la relación
entre los distintos objetos o ele mentos asociados a los actores Padres y/o Representantes,
así como el orden en el c ual se cumplen las actividades.
: Padres y/o
Representantes : Login
: Login 1: Ingresar
2: Valida
: Autorizado
: Interfaz
3: Ingresar
4: Consulta
5: Consulta
6: Consulta : Asignaciones
: Evaluaciones
: Planes de
evaluación
8: Validado por
: Control de
Estudios
Figura Nro.67 Diagrama de Colaboración Consultas varias Actor: P adres y/o Representantes,
141
Para los actores Docentes la colaboración entre los objetos relacionados con
ver evaluaciones, ver consultas, ver asignaciones, ver los planes de evaluación y
cualquier otra actividad representadas en la Figura Nro. 68 Donde se establecen tanto la
relación entre los distintos objetos o elementos asociados al actor Docente, así co mo el
orden en el cual se cumplen las actividades.
: Alumnos
: Login
: Login 1: Ingresar
2: Valida
: Autorizado
: Interfaz
3: Ingresar
4: Ver
5: Ver
6: Ver : Asignaciones
: Evaluaciones
: Planes de
evaluación
8: Validado por
: Control de
Estudios
Figura Nro. 68 Diagrama de Colaboración Vistas varias Actor: Docente, Fuente: (Diseño propio,
Silva, 2.008).
142
En el caso de uso de los Horarios de Clases, el diagrama de colaboración

s e puede comprobar en la Figura Nro. 69
: Alumnos, Docentes,
Padres y/o Representantes : Interfaz
1: Ingresar
: Login
2: Consultar
: Horarios de
clases
Figura Nro. 69 Diagrama de Colaboración Horarios de clases Actores: Alumnos, Docentes y

Padres y/o Representante s, Fuente: (Diseño propio, Silva, 2.008).
El siguiente paso en el análisis de sistemas bajo el enfoque de modelado en UML

comprende los diagramas de estados que representan la situación de un objeto de un
momento determinado. En este sentido se han desarrollado los diagramas de estado
para los siguientes casos.
Para mantener unifor midad en el modelado se presentan los diagramas de
estados organizados por actores participantes en cada uno de los procesos que se
realizan en la institución, en el caso del Actor Control de Estudios, los estados se
muestran en la Figura Nro. 70
143
Control de
Estudios
Introducir Login
Espera Acceso
Introducción
del Login
Termina Acceso
Permitir Acceso
Acceso
autorizado
Espera Espera
consulta Actualización
Introducir Datos Introducir Datos
Finaliza Finaliza Actualización

Consulta actualización de Datos
Introducir datos
Figura Nro. 70 Diagrama de Estado. Actor: Control de Estudios , Fuente:(Diseño propio,

Silva, 2.008).
144
Los estados correspondientes al Actor Alumno se presentan en la Figura Nro. 71
Alumno
Espera Acceso Introducir Login Introducción

del Login
Termina Acceso
Permitir acceso
Acceso
autorizado
Consulta de
datos
Introducir consulta
Consultar Consultar Consultar Planes

Evaluaciones Asignaciones de Evaluación
Finalizar
consulta
Figura Nro.71 Diagrama de Estado. Actor: Alumno, Fuente: (Diseño propio, Silva, 2.008).
143
Los estados correspondientes al Actor Padres y/o Representantes, es similar al

de los alumnos, ya que consulta lo mismo que consulta el alumno, se presentan en la
Figura Nro. 72.
Padres y/o Representantes
Introducir Login
Espera Acceso Introducción
del Login
Termina Acceso
Permitir acceso
Acceso
autorizado
Consulta de
datos
Introducir consulta
Consultar Consultar Consultar Planes

Evaluaciones Asignaciones de Evaluación
Finalizar
consulta
Figura Nro. 72 Diagrama de Estado. Actor: Padres y/o Representantes, Fuente: (Diseño
146
Los estados correspondientes al Actor Docente, permite ver u observar toda la

data que el alumno consulta, con derecho a criterio y a corrección de la misma, se
presentan en la Figura Nro. 73.
Docentes
Introducir Login
Espera Acceso Introducción
del Login
Termina Acceso
Permitir acceso
Acceso
autorizado
Observa Datos
Ver Datos
Ver Ver Ver Planes de

Evaluaciones Asignaciones Evaluación
Finalizar
Observación
Figura Nro. 73 Diagrama de Estado. Actor: Docente, Fuente: (Diseño propio, Silva,
2.008).
147
Finalmente, los estados correspondientes a cualquier Actor se presentan en la

siguiente figura Nro. 74.
Cualquier Actor
Espera Acceso
Termina Acceso
Acceso Al Consultar
Sistema Datos
Ver horarios
Ver Horarios de
Clases
Finalizar
Consulta
Figura Nro. 74. Diagrama de Estado. Cualquier Actor: alumno, docente, padres y/o
representantes, Fuente: (Diseño propio, Silva, 2.008).
148
El siguiente paso dentro del análisis comprende los diagramas de

componentes o entidades físicas del sistema, las cuales se pueden especificar
igualmente por actor. En el caso del Actor Control de Estudios, los
componentes comprenden: las evaluaciones, las asignaciones, los planes de
evaluación y los horarios de clases, vistas en la Figura Nro. 75.
Informes de
actividades
Actividades
Listas
Evaluación
Reportes de
actualizaciones
Control de
estudios
Actividades
Actualizar
Interfaz
Figura Nro. 75 Modelo de Análisis Diagrama de Componentes. Actor: Control de

Estudios, Fuente:(Diseño propio, Silva, 2.008).
149
Los alumnos están asociados con los componentes de consulta que le permiten
consultar datos del sistema y comprende los siguientes componentes: Consulta,
Interfaz, estos componentes se observan en la Figura Nro. 76.
Evaluación
Informes de
actividades
Horarios
Consultas
Consultas
Planes
Consultas
Alumnos
Asignaciones
Actualizar
Interfaz
Figura Nro 76. Modelo de Análisis Diagrama de Componentes. Actor: Alumno,

Fuente:(Diseño propio, Silva, 2.008).
150
Los Padres y Representantes al igual que los alumnos están asociados a los
componentes: consultas e interfaz del sistema, estos componentes se reflejan en la
Figura Nro. 77.
Evaluación
Informes de
actividades
Horarios
Consultas
Consultas
Planes
Consultas
Padres y/o
Representantes
Asignaciones
Actualizar
Interfaz
Figura Nro.77 Modelo de Análisis Diagrama de Componentes. Actor: Padres y/o

Representantes, Fuente:(Diseño propio, Silva, 2.008).
151
En el caso del Actor: Docente, los componentes asociados a dicho actor

comprenden: el informe de actividades, la planificación de actividades, reportes,
además de la interfaz de usuario, representados todos ellos en la Figura Nro. 78.
Informes de
actividades
Asignaciones
Planificación de
actividades
Evaluación
Reportes de
informes
Docentes
Actividades
Actualizar
Interfaz
Figura Nro.78 Modelo de Análisis Diagrama de Componentes. Actor: Docente ,

Fuente:(Diseño propio, Silva, 2.008).
152
Por último, cualquier actor: alumno, docente o padres y/o representantes están
asociados a los componentes especificados a continuación: horarios de clases e
interfaz, vistos en la Figura Nro. 79.
Actividades
Horarios
Consultar
Consulta
Alumnos, Padres y/o

Representantes y
Docentes
Actualizar
Interfaz
Figura Nro. 79 Modelo de Análisis Diagrama de Componentes cualquier Actor:

alumno, docente , padres y/o representantes, Fuente: (Diseño propio, Silva, 2.008).
153
Como último elemento para el modelado de los sistemas en UML se

presenta el diagrama de plataforma o despliegue Muestra la configuración de los
componentes hardware, los procesos, los elementos de procesamiento en tiempo de
ejecución y los objetos que existen en tiempo de ejecución. Los diagramas de
despliegue para el Actor Control de Estudios como lo muestra la Figura Nro.
80.
Informe de
actividades
Evaluación Actividades Reportes de

Listas Actualizaciones
SERVIDOR Actividades
Control de
Estudios
CLIENTE PC
Figura Nro. 80 Modelo de Análisis Diagrama de Despliegue. Actor: Control de

Estudios, Fuente:(Diseño propio, Silva, 2.008).
154
El diagrama de despliegue para el Actor Padres y/o Representantes

comprende la disposición de los componentes consultas, informes de
actividades en los dispositivos físicos del cliente (CLIENTE PC) y los del
(SERVIDOR), los cuales se muestra en la Figura Nro. 81
Informe de
actividades Consultas
Evaluación Horarios
Consultas Consultas
Planes Asignaciones
SERVIDOR
Padres y/o
Representantes
CLIENTE PC
Figura Nro. 81 Modelo de Análisis Diagrama de Despliegue. Actor: Padres y/o

Representantes, Fuente:(Diseño propio, Silva, 2.008).
155
El diagrama de despliegue para el Actor Alumnos comprende la

disposición de los componentes consultas, informes de actividades en los
dispositivos físicos del cliente (CLIENTE PC) y los del (SERVIDOR), los
cuales se muestra en la Figura Nro. 82
Informe de
actividades Consultas
Evaluación Horarios
Consultas Consultas
Planes Asignaciones
SERVIDOR
Alumnos
CLIENTE PC
Figura Nro. 82 Modelo de Análisis Diagrama de Despliegue. Actor: Alumno, Fuente:

156
El diagrama de despliegue para el Actor Docente comprende la disposición

de los componentes consultas, informes de actividades en los dispositivos
físicos del cliente (CLIENTE PC) y los del (SERVIDOR), los cuales se
muestra en la Figura Nro. 83
Informe de Planificación
actividades de Actividades
Evaluación Asignaciones
Reportes
de Informes
Actividades
SERVIDOR
Docentes
CLIENTE PC
Figura Nro. 83 Modelo de Análisis Diagrama de Despliegue. Actor: Docente, Fuente:

157
El diagrama de despliegue para cualquier actor comprende la disposición de

los componentes consultas, informes de actividades en los dispositivos físicos
del cliente (CLIENTE PC) y los del (SERVIDOR), los cuales se muestra en la
Figura Nro. 84.
Actividades Consultas
Consulta Horarios
SERVIDOR
Alumnos, Padres y/o

Representantes y Docentes
CLIENTE PC
Figura Nro.84 Modelo de Análisis Diagrama de Despliegue. Cualquier Actor:

Alumno, Padres y/o representantes y docentes, Fuente: (Diseño propio, Silva, 2.008).
158
Podemos observar el servid or de aplicaciones este es el motor principal

para ejecutar la lógica del negocio planteado, en el lado del servidor web; es decir,
el actor es el responsable de ejecutar el código HTML automáticamente en
páginas del servidor web mediante la estación de trabajo, puede además estar en la
misma máquina del servidor web e incluso ejecutarse en el mismo espacio o estación
de trabajo, esta estación se conecta con el servidor web de base de datos mediante
conexión TCP/IP.
ESTACION DE TRABAJO
MONITOR
NAVEGADOR
WEB
ACTOR
CONEXIÓN HTTP
SERVIDOR WEB
WEB INTERFACE
TCP/IP
BASE DE INTERFACE BASE

DATOS DE DATOS
Figura Nro. 85 Modelo de Análisis Diagrama de Despliegue. Comportamiento Actor-

web, Fuente:(Diseño propio, Silva, 2.008).
159
Diseño de la Arquitectura de datos del sistema :

Para el desarrollo de la base de datos utilizaremos el modelo Entidad/Relación.
Se establecieron 15 tablas de las cuales 4 corresponden a archivos maestros
contienen información fija y el resto (11) de las tablas información variable. A
continuación se detallan todas las entidades con sus respectivos atributos y su clave.
Tabla de Archivos M aestros :
Nro. Entidad Atributos Clave
Administrador Código del Administrador, Cédula + Clave +Fecha de

1 Cédula, Nombres, nacimiento
Apellidos, Fecha de
nacimiento, Clave.
Profesores Código del Docente, Cédula + Clave +Fecha de

2 Cédula, Nombres, nacimiento
Apellidos, Fecha de
nacimiento, Clave.
3 Alumnos Código del Alumno,

Cédula del alumno,
Cedula del Representante, Cédula + Clave
Apellidos, Nombres,
Sexo, Edad, Fecha de
Nacimiento, Lugar de
Nacimiento, Estado, País,
Status, Clave.
4 Materia Código de l alumno,

Código de materia, Código del alumno
Nombre de la materia,
Curso, Sección, Nivel.
Tabla Nro.07 Tabla de Archivos Maestros, Fuente: (Diseño propio, Silva, 2.008).
160
Tabla de Archivos Variables:
Código del alumno,

1 Asignaciones Sección, Nombre de la Código del alumno
materia, Lapso, Titulo,
Contenido, Fecha de
entrega.
2 Sección Código del alumno,

Sección, Curso, Total de Código del alumno.
Alumnos, Lista, Nivel.
Código del alumno,

3 Notas Código de materia, Código del alumno.
Nombre de la materia,
Lapso, Nota.
4 Nota Final Código del alumno,

Código de materia, Nota Código del alumno.
final, Total de
Inasistencias.
Código del alumno,

5 Lapso, Promedio del
alumno, Promedio de la Código del alumno.
Medias Globales sección, Nivel muy bajo,
Nivel bajo, Nivel medio
bajo, Nivel medio alto,
Nivel alto, Nivel muy alto.
6 Nombre del Colegio Nombre, Dirección,

Teléfono, Código, Año
Escolar
Tabla Nro.08 Tabla de Archivos variables, Fuente: (Diseño propio, Silva, 2.008).
161
Tabla de Archivos Variables (Continuación):
Código del alumno,

Situación en la
Sección, Lapso,
Sección
Nombre de la
materia, Nota,
Promedio en la
7 sección, Nivel muy Código del alumno.
bajo, Nivel bajo,
Nivel medio bajo,
Nivel medio alto,
Nivel alto, Nivel
muy alto.
Código del alumno,

Planes de
Código de la
8 Evaluación materia, Nombre de Código del alumno
la materia, Curso,
Sección, Nivel.
9 Usuario Código de usuario, Usuario + Clave

Tipo, Usuario,
Padre -Alumno
Clave
Usuario2 Código de usuario,

Tipo, Usuario,
10 Administrador- Usuario + Clave
Clave.
Docente
Código, Número de
votos, Puntos.
11 Valoraciones
Tabla de Archivos variables continuación, Fuente: (Diseño propio, Silva, 2.008).

162
Tablas de Archivos directos de la base de datos

Servidor: localhost
Base de datos: colegio
Tiempo de generación: 06-02-2009 a las 21:22:55
Generado por: PhpMyAdmin 2.11.6 / MySQL 5.0.51b-community-nt
Tabla Registros Tipo Tamaño Comentarios

InnoDB free: 10240 kB
administrador 0 InnoDB 32.0 KB 15-12-2008 a las
Creación:
19:06:17
tabla alumnos; InnoDB free: 10240

kB
alumnos 3 InnoDB 32.0 KB
20-06-2008 a las
Creación:
16:20:13

asignaciones 4 InnoDB 32.0 KB 03-08-2008 a las
Creación:
15:33:29
tabla materia; InnoDB free: 10240

kB
materia 46 InnoDB 32.0 KB
20-06-2008 a las
Creación:
16:53:48

mediasglobales 3 InnoDB 32.0 KB 12-07-2008 a las
Creación:
14:02:57

nombrecolegio 1 InnoDB 32.0 KB 21-06-2008 a las
Creación:
19:41:39

notafinal 6 InnoDB 32.0 KB 05-07-2008 a las
Creación:
20:47:38
163
Tabla Registros Tipo Tamaño Comentarios
notas 36 InnoDB 48.0 KB InnoDB free: 10240 kB

planes-
0 InnoDB 32.0 KB 03-08-2008 a las
evaluacion Creación:
15:40:37

profesores 4 InnoDB 32.0 KB 22-08-2008 a las
Creación:
20:36:06

seccion 3 InnoDB 32.0 KB 20-06-2008 a las
Creación:
16:58:10

situacionseccion 3 InnoDB 32.0 KB 24-06-2008 a las
Creación:
11:38:16

usuarios 4 InnoDB 32.0 KB 06-12-2008 a las
Creación:
15:09:44

usuarios2 3 InnoDB 48.0 KB 14-12-2008 a las
Creación:
12:59:17

valoraciones 1 InnoDB 32.0 KB 19-08-2008 a las
Creación:
20:32:46
15 tabla(s) 117 -- 512.0 KB
Tabla Nro.09 Tabla de Archivos base de datos, Fuente:(Diseño propio, Silva, 2.008).
164
Diccionario de datos:
Tabla administrador:
Campo Tipo Nulo Predeterminado Comentarios

idadmin int(3) No
cedula int(8) No
nombre varchar(15) No
apellido varchar(15) No
fechanac date No
Tabla Nro.10 Tabla Administrador Fuente: (Diseño propio, Silva, 2.008).

Tabla alumnos:

idalumno int(4) No
codalumno varchar(4) No
nombres varchar(30) No
apellidos varchar(30) No
cedalumno int(8) No
cedrepres int(8) No
sexo varchar(1) No
edad int(2) No
fechanac date No
lugarnac varchar(30) No
estado varchar(20) No
pais varchar(20) No
status int(1) No
Tabla Nro.11 Tabla Alumnos Fuente: (Diseño propio, Silva, 2.008).

165
Tabla profesores:

idprofesor int(3) No
cedula int(8) No
apellido varchar(15) No
fechanac date No
Tabla Nro.12 Tabla Profesores Fuente:(Diseño propio, Silva, 2.008).
Tabla asignaciones:

codasignacion int(2) No
seccion varchar(2) No
nommateria varchar(30) No
lapso int(1) No
titulo varchar(30) No
contenido varchar(200) No
fechaentrega date No
Tabla Nro.13 Tabla Asignaciones Fuente: (Diseño propio, Silva, 2.008).

166
Tabla Sección:
idseccion int(4) No
curso varchar(3) No
totalalumnos varchar(3) No
lista varchar(3) No
nivel varchar(20) No
Tabla Nro. 14 Tabla Sección Fuente: (Diseño propio, Silva, 2.008).

Tabla materia :

codalumno int(4) No
codmateria varchar(10) No
curso varchar(3) No
Tabla Nro. 15 Tabla Materia Fuente:(Diseño propio, Silva, 2.008).

Tabla notas:
codalumno int(4) No
lapso int(1) No
nota int(2) No
Tabla Nro. 16 Tabla Notas, Fuente: (Diseño propio, Silva, 2.008).

167
Tabla nota-final:

codalumno int(4) No
notafinal int(2) No
totalinasist int(3) No
Tabla Nro. 17 Tabla Nota Final, Fuente: (Diseño propio, Silva, 2.008).
Tabla medias -globales:

codalumno int(4) No
lapso int(1) No
promalumno int(2) No
promseccion int(2) No
nivelmuybajo varchar(4) No
nivelbajo varchar(4) No
nivelmediobajo varchar(4) No
nivelmedioalto varchar(4) No
nivelalto varchar(4) No
nivelmuyalto varchar(4) No
Tabla Nro. 18 Tabla Medias Globales, Fuente: (Diseño propio, Silva, 2.008).
168
Tabla nombre -colegio:
direccion varchar(50) No
telefono varchar(18) No
codigo varchar(10) No
añoescolar varchar(9) No
Tabla Nro.19 Tabla Nombre Colegio , Fuente: (Diseño propio, Silva, 2.008).
Tabla situación-sección:

codalumno int(4) No
lapso int(1) No
notaalumno int(2) No
promseccion int(2) No
nivelmuybajo varchar(2) No
nivelbajo varchar(4) No
nivelmediobajo varchar(4) No
nivelmedioalto varchar(4) No
nivelalto varchar(4) No
nivelmuyalto varchar(2) No
Tabla Nro.20 Tabla Situación Sección, Fuente: (Diseño propio, Silva, 2.008).
169
Tabla planes-evaluación:

curso varchar(3) No
Tabla Nro.21 Tabla Planes Evaluación, Fuente: (Diseño propio, Silva, 2.008).
Tabla usuarios:

idusuario int(4) No
tipo varchar(2) No
usua rio varchar(8) No
clave varchar(8) No
Tabla Nro. 22 Tabla Usuarios , Fuente: (Diseño propio, Silva, 2.008).

Tabla usuarios2:

idusuario int(4) No
tipo varchar(2) No
usuario varchar(8) No
clave varchar(8) No
Tabla Nro. 23 Tabla Usuarios2, Fuente:(Diseño propio, Silva, 2.008).

170
Tabla valoraciones:

id_noticia int(3) No
num_votos int(20) No
ptos int(20) No
Tabla Nro. 24 Tabla Valoraciones, Fuente: (Diseño propio, Silva, 2.008).
Arquitectura de Datos funcionales del Sistema .
Se detallan cada una de las tablas con sus campos correspondientes:
Tabla administrador:
Es utilizada para registrar a los usuarios autorizados por Control de Estudios,
se le asigna una clave por el sistema generada aleatoriamente, la cual le permite entrar
al sistema para realizar todas las operaciones asignadas. Esta compuesta por los
siguientes campos:
Idadmin: Este campo es utilizado para generar automáticamente un número, el cual
va en forma creciente para efectos de facilitar las búsquedas de datos en el sistema.
Cédula: Campo destinado para almacenar la cédula de identidad del usuario

autorizado, en combinación con su clave la permite el acceso al sistema, este
campo es de tipo texto y puede contener hasta 8 caracteres.
Nombre: Campo utilizado para almacenar el nombre del usuario autorizado, este
campo es de tipo texto, puede almacenar hasta 15 caracteres.
Apellido: Campo utilizado para almacenar el apellido del usuario autorizado, este
171
Fechanac.: Campo destinado para almacenar la fecha de nacimiento del

usuario autorizado, esta fecha se utiliza para: en combinación con la clave y la
cédula permite el acceso al sistema, cuando entra por primera vez, para poder recibir
automáticamente una clave aleatoria, la cual utilizará luego, estará almacenada en la
tabla usuarios2. Es de tipo fecha.
Tabla Alumnos:
Esta tabla contiene todos los datos correspondientes a los alumnos y además
los representantes contienen la cédula la cual le permite combinada con la cédula
del alumno entrar al sistema. Además contiene un status el cual permite al padre o al
alumno saber cuando existe una cita por cualquier motivo.
Idalumno: Este campo es utilizado para generar automáticamente un número, el cual
va en forma creciente para efectos de facilitar las búsquedas de datos en el sistema.
Codalumno: Este campo es utilizado para generar automáticamente un número

incremental, el cual va en forma creciente para efectos de facilitar las búsquedas de
datos en el sistema, es de tipo entero y puede almacenar hasta 4 dígitos.
Nombre: Campo utilizado para almacenar el nombre del alumno autorizado, este
Apellidos: Campo utilizado para almacenar el apellido del alumno autorizado, este
Cedalumno: Campo destinado par a almacenar la cédula de identidad del alumno

autorizado, en combinación con su clave le permite el acceso al sistema, este
campo es de tipo entero y puede contener hasta 8 caracteres. Estos datos son tomados
cuando el alumno entra por primera vez al sistema, para serle asignada una clave
172
aleatoria, la cual existe en la tabla usuarios .
Cedrepres: al igual que el alumno este ca mpo es destinado par a almacenar la

cédula de identidad del Padre o Representante del alumno, en combinación con su
clave le permite el acceso al siste ma, este campo es de tipo entero y puede contener
hasta 8 caracteres. Estos datos son tomados cuando el padre entra por primera vez al
sistema utilizando la cédula del alumno, para serle asignada una clave aleatoria, la
cual existe en la tabla usuarios.
Sexo: Este campo es destinado para almacenar el sexo del alumno, este campo es de
tipo texto y puede contener un solo caracter.
Edad: Este campo es destinado para almacenar la edad del alumno, este campo es de
tipo numérico y puede contener 2 caracteres.
Fechanac: Este campo es destinado para almacenar la fecha de nacimiento del

alumno, este campo es de tipo fecha y contiene solo datos de este tipo.
Lugarnac: Este campo es destinado para almacenar el lugar de nacimiento del

alumno, este campo es de tipo texto ypuede contener hasta 30 caracteres.
Estado: Este campo es destinado para almacenar el Estado donde nació el alumno,
este campo es de tipo texto ypuede contener 20 caracteres.
País: Este campo es destinado para almacenar el País donde nació el alumno, este
campo es de tipo texto y puede contener 20 caracteres.
173
Status: Este campo es destinado para almacenar el estatus del alumno, es un swiche
que permite al alumno saber cuando es citado por cualquiera razón, este campo es de
tipo entero ysolo contiene un solo carácter.
Tabla Profesores:
Esta tabla contiene los datos correspondientes a los profesores o docentes del
colegio, tiene, al igual que los administradores autorizados, una clave generada
aleatoriamente por el sistema, la cual esta contenida en la tabla usuarios2.
Esta compuesta por los siguientes campos:
Idprofesor: Este campo es utilizado para generar automáticamente un número, el

cual va en forma creciente para efectos de facilitar las búsquedas de datos en el
sistema, este campo es de tipo entero y puede contener hasta 3 caracteres.
Cédula: Campo destinado para almacenar la cédula de identidad del profesor

autorizado, en combinación con su clave le permite el acceso al sistema, este
Nombre: Campo utilizado para almacenar el nombre del profesor autorizado, este
Apellido: Campo utilizado para almacenar el apellido del profesor autorizado, este
Fechanac.: Campo destinado para almacenar la fecha de nacimiento del

profesor autorizado, esta fecha se utiliza para: en combinación con la clave y la
cédula permitir el acceso al sistema cuando entra por primera vez, para poder recibir
174
automáticamente una clave aleatoria, la cual utilizará luego, estará almacenada en la

tabla usuarios2. Es de tipo fecha.
Tabla asignaciones:
Esta tabla contiene todos los datos correspondientes a las asignaciones que le
hacen los profesores a los alumnos. Esta compuesta por los siguientes campos:
Codasignacion: Campo destinado para generar automáticamente de forma

incremental el número de las asignaciones, este número va a facilitar la búsqueda de
datos, este campo es de tipo entero y puede contener hasta 2 caracteres.
Sección: Campo destinado para almacenar la sección, este campo es de tipo texto y
puede contener hasta 2 caracteres.
Nommateria: Campo destinado para almacenar el nombre de la materia, este campo

es de tipo texto ypuede contener hasta 30 caracteres.
Lapso: Campo destinado para almacenar el lapso correspondiente 1, 2 ó 3, este

campo es de tipo entero y puede contener so lo un caracter.
Titulo: Campo destinado para almacenar el titulo o nombre de la tarea asignada, este
Contenido: Campo destinado para almacenar el contenido del trabajo de la

asignación correspondiente, este campo es de tipo texto y puede contener hasta 200
caracteres.
Fechaentrega: Campo destinado para almacenar la fecha de entrega del trabajo o la

tarea asignada, este campo es de tipo Fecha.
175
Tabla sección:
Esta tabla contiene todos los datos correspondientes a las secciones del
colegio. Esta compuesta por los siguientes campos:

Curso: Campo destinado para almacenar el curso o grado, este campo es de tipo
texto y puede contener hasta 3 caracteres.
Totalalumnos: Campo destinado para almacenar el total de alumnos de la sección,

este campo es de tipo entero y puede contener hasta 3 caracteres.
Lista: Campo destinado para almacenar el número de la lista, este campo es de tipo
entero ypuede contener hasta 3 caracteres.
Nivel: Campo destinado para almacenar el nivel correspondiente, este campo es de

tipo texto y puede contener hasta 20 caracteres.
Tabla materia:
Esta tabla contiene todos los datos correspondientes a las materias de cada
sección del colegio. Esta compuesta por los siguientes campos:
176

Codmateria: Campo destinado para almacenar el código de la materia, este campo

es de tipo texto y puede contener hasta 10 caracteres.

es de tipo texto y puede contener hasta 20 caracteres
Curso: Campo destinado para almacenar el curso correspondiente, este campo es de

tipo texto y puede contener hasta 3 caracteres
puede contener hasta 3 caracteres

Tabla notas:
Esta tabla contiene todos los datos correspondientes a las notas de los
alumnos de todas las secciones del colegio. Esta compuesta por los siguientes
campos:

177
Codmateria: Campo destinado para almacenar el código de la materia, este ca mpo


campo es de tipo entero y puede contener solo un caracter.
Nota: Campo destinado para almacenar la nota de cada materia, este campo es de
tipo entero ypuede contener 2 caracteres.
Tabla nota final:

Esta tabla contiene todos los datos correspondientes a las notas finales de los
alumnos. Esta compuesta por los siguientes campos:


Notafinal: Campo destinado para almacenar la nota final del lapso, y además la nota
final por año, este campo es de tipo entero ypuede contener hasta 2 caracteres
Totalinasist: Campo destinado para almacenar el total de inasistencias del lapso, y
también la del año, este campo es de tipo entero y puede contener hasta 3 caracteres.
178
Tabla medias - globales:

Esta tabla contiene todos los datos correspondientes a las medias de todas las
secciones del colegio . Esta compuesta por los siguientes campos:


Promalumno: Campo destinado para almacenar el promedio del alumno en cada

lapso y también al final del año, este campo es de tipo entero ypuede contener 2
caracteres.
Promsección: Campo destinado para almacenar el promedio del alumno en la

sección por lapso y también al final del año, este ca mpo es de tipo entero y puede
contener 2 caracteres.
Nivelmuybajo: Campo destinado para almacenar el nivel del alumno en cada lapso,
este campo es de tipo texto y puede contener 4 caracteres.
Nivelbajo: Campo destinado para almacenar el nivel del alumno en cada lapso, este
Nivelmediobajo: Campo destinado para almacenar el nivel del alumno en cada

lapso, este campo es de tipo texto y puede contener 4 caracteres.
179
Nivelmedioalto: Campo destinado para almacenar el nivel del alumno en cada lapso,
Nivelalto: Campo destinado para almacenar el nivel del alumno en cada lapso, este
Nivelmuyalto: Campo destinado para almacenar el nivel del alumno en cada lapso,
Tabla nombre – colegio:
Esta tabla contiene todos los datos correspondientes al nombre del colegio.
Esta compuesta por los siguientes campos:
Nombre: Campo destinado para almacenar el nombre del colegio, este campo es
de tipo texto y puede contener hasta 50 caracteres.
Dirección: Campo destinado para almacenar la dirección del colegio, este campo es
Teléfono: Campo destinado para almacenar el teléfono del colegio, este campo es
Código: Campo destinado para almacenar el código del colegio, este campo es de
Año Escolar: Campo destinado para almacenar el año escolar correspondiente del
colegio, este ca mpo es de tipo texto ypuede contener hasta 9 caracteres.
Tabla situación - sección:

Esta tabla contiene todos los datos correspondientes a la situación de cada
seccióndel colegio. Esta compuesta por los siguientes campos:
180

puede contener hasta 3 caracteres


Notaalumno: Campo destinado para almacenar la nota del alumno en cada lapso,
Promsección: Campo destinado para almacenar el promedio del alumno, este campo
es de tipo entero ypuede contener hasta 2 caracteres.
Nivelmuybajo: Campo destinado para almacenar el nombre de la materia, este

Nivelbajo: Campo destinado para almacenar el nivel del alumno en cada lapso, este
Nivelmediobajo: Campo destinado para almacenar el nivel del alumno en cada

lapso, este campo es de tipo texto y puede contener 4 caracteres.
181
Nivelmedioalto: Campo destinado para almacenar el nivel del alumno en cada lapso,
Nivelalto: Campo destinado para almacenar el nivel del alumno en cada lapso, este
Nivelmuyalto: Campo destinado para almacenar el nivel del alumno en cada lapso,
Tabla planes - evaluación:
Esta tabla contiene todos los datos correspondientes a los planes de
evaluación. Esta compuesta por los siguientes campos:


Curso: Campo destinado para almacenar el curso correspondiente, este campo es de

tipo texto y puede contener hasta 3 caracteres

182
Tabla usuarios:
Esta tabla contiene todos los datos correspondientes a los usuarios del sistema
alumnos y representantes. Esta compuesta por los siguientes campos:
Idusuario: Este campo es utilizado para generar automáticamente un número, el cual

va en forma creciente para efectos de facilitar las búsquedas de datos en el sistema,
Tipo: Campo destinado para almacenar el tipo, si es alumno o es padres o
representantes, este campo es de tipo texto y puede contener hasta 2 caracteres.
Usuario: Campo destinado para almacenar el número de cédula correspondiente, si

es alumno o es padres o representantes, este campo es de tipo entero y puede
contener hasta 8 caracteres.
Clave: Campo destinado para almacenar el número aleatorio generado, si es alumno

o es padres o representantes, este campo es de tipo texto y puede contener hasta 8
caracteres.
Tabla usuarios2:
Esta tabla contiene todos los datos correspondientes a los usuarios del sistema
administradores y profesores. Esta compuesta por los siguientes campos:
Idusuario: Este campo es utilizado para generar automáticamente un número

Tipo: Campo destinado para almacenar el tipo, si es administrador o es docente o

profesor, este campo es de tipo texto ypuede contener hasta 2 caracteres.
183
Usuario: Campo destinado para almacenar el número de cédula correspondiente, si

es administrador o es docente o profesor, este campo es de tipo entero y puede
contener hasta 8 caracteres.
Clave: Campo destinado para almacenar el número aleatorio generado, si es

administrador docente o profesor, este campo es de tipo texto y puede contener hasta
8 caracteres.
Tabla valoraciones:
Esta tabla contiene todos los datos correspondientes a las valoraciones que le
hacen los usuarios a la página mediante votos, va desde 1 a 5. Esta compuesta por los
siguientes campos:
Id_noticia: En este campo se almacena un código el cual sirve para facilitar la
búsqueda de información o datos, este campo es de tipo entero puede almacenar
hasta 3 caracteres.
Num_votos: Campo destinado para almacenar el número de votos que hace el

usuario para valorar la página, este campo es de tipo entero y puede almacenar hasta
20 caracteres.
Ptos: Campo destinado para almacenar los puntos que hace el usuario para valorar
la página, este campo es de tipo entero y puede almacenar hasta 20 caracteres.
184
Realizado el diseño de la estructura de datos se procede con el

siguiente paso que corresponde con el Modelo de Diseño, considerándose la
información del Modelo de Análisis y de la Arquitectura de Datos y de diseño
seleccionada.
Las clases y colaboraciones es necesario retomarlas del Modelo de Análisis
pero tomando en cuenta la simbología utilizada en el modelado de
aplicaciones web vistas anteriormente. Para ello se redefinieron las clases
quedando las mismas de la siguiente manera:
Actor: Control de Estudios:
Las acciones son las siguientes : el formulario de entrada inicial existe una
opción para solicitar una clave aleatoria para acceder al sistema, esta clave es
suministrada vía email, se pide cédula, fecha de nacimiento y correo electrónico,
Esta información es enviada al servid or donde previa confo rmación con los datos
almacenados en la base de datos, genera una autorización para que el Actor
pueda actualizar la información en la interfaz, estas clases se representan en la
Figura Nro. 86 y 87.
Control <<link>>
Introducir
de
clave
Estudios
+ Autorización
Autorizado Procesar php
Figura Nro.86 Modelo de Diseño. Autorización Actor Control de Estudios

185
Autorizado
Actualiza
datos Procesar
php
+ Datos
Datos
Actualizados
Figura Nro.87 Modelo de Diseño. Actualización de Datos Actor Control de Estudios
Se presentan ahora las distintas clases para la entidad Alumno quien

ingresa a la interfaz a través de una cla ve (Login) al igual que control de Estudios
esta clave es dada por internet y le permite accesar a los siguientes Casos de Uso:
El estudiante puede consultar a través de la interfaz los resultados de las
evaluaciones, asignaciones, horarios y planes que se hacen en el trimestre. Esta clase
se expresa en las Figuras Nro. 88 y 89.
186
<<link>>
Introducir
Alumnos
clave
Figura Nro. 88. Modelo de Diseño. Autorización Actor Alumno
Autorizado
<<link>>
Alumnos
Procesar
php
Consulta
datos
<<redirect>>
Datos
Consultados
Información
Consulta
Consultada
<<build>> realizada
Figura Nro.89 Modelo de Diseño. Actualización Actor Alumno

187
Al igual que la entidad Alumno también los Padres y/o Representantes

ingresan a la interfaz a través de una clave (Login) al igual que Control de Estudios
esta clave es dada por internet y le permite accesar a los siguientes Casos de Uso:
El Padre y/o Representante puede consultar a través de la interfaz los resultados de
las evaluaciones, asignaciones, horarios y planes que se hacen en el trimestre. Esta
clase se expresa en las Figuras Nro. 90 y 91.
Padres
y/o Introducir
Reptntes clave
Figura Nro.90 Modelo de Diseño. Autorización Actor Padres y/o Representantes

188
Padres
y/o R Autorizado
<<link>> Repretes
Consulta Procesar
php
datos
<<redirect>>
Datos
Consultados
Información
Consulta
Consultada
realizada
Figura Nro.91 Modelo de Diseño. Actualización Actor Padres y/o Representantes
También los Docentes ingresan a la inter faz a través de una clave (Login) al
igual que Control de Estudios esta clave es dada por internet y le permite accesar a
los siguientes Casos de Uso: puede ver a través de la interfaz las evaluaciones,
asignaciones, horarios y planes que se hacen en el trimestre con sentido crítico. Esta
clase se expresa en las Figuras Nro. 92 y 93.
189
Introducir
Docentes clave
Figura Nro. 92 Modelo de Diseño. Autorización Actor Docentes
Docentes Autorizado
<<link>>
Procesar
php
Revisa
Datos
<<redirect>>
Datos
Revisados
Ver
Información Consulta
realizada
Figura Nro.93 Modelo de Diseño. Actualización Actor Docentes

190
Para cualquier actor se puede ingresar a la interfaz libremente sin clave le

permite accesar a los siguientes Casos de Uso: pueden ver a través de la interfaz
los horarios y planes que se hacen en el trimestre. Esta clase se expresa en la Figura
Nro. 94.
Cualquier
<<link>> actor
Procesar
php
Consulta
Datos
<<redirect>>
Datos
Consultados
Consultar
Información Consulta
realizada
Figura Nro.94 Modelo de Diseño. Actualización cualquier actor

191
El diseño de aplicaciones Web definida anteriormente depende del

Patrón de Arquitectura seleccionado para el desarrollo Web interactivo, consiste
en la ubicación de los objetos en el lado del cliente o del servid or, todos los
objetos se encuentran en el lado del servid or ya que se ejecutan en el servidor. En
relación con el diseño de las interfaces de usuario, las mismas
corresponden a objetos separados cuyo acceso ha de realizar a través de los "link" o
hipervínculos que permiten ejecutar instrucciones programadas en otras páginas. Este
diseño general de la interfaz se puede ver en la Figura Nro. 95.
192
Asignaciones
Evaluaciones
<<link>>
<<link>>
<<link>>
Planes de <<link>>
Evaluación <<link>>
Planes de
Alumnos <<link>> <<link>> Evaluación
Control
de
Web Estudios
interactiva
Horarios <<link>> Colegio N. <<link>>
de Clases S. Lourdes <<link>> Horarios
de Clases
Padres <<link>> <<link>> <<link>> Asignaciones

y/o Docentes
<<link>> Represent <<link>>
Horarios <<link>>
de Clases <<link>>
<<link>> <<link>> <<link>>
Evaluaciones
Horarios Planes de
Planes de Evaluaciones Evaluación
Evaluación Asignaciones de Clases
Figura Nro.95 Modelo Conceptual de la Interfaz

Fase IV (Implantación):
Propuesta: (Página Web interactiva del colegio)
Para llevar a cabo esta fase es necesario conocer y aplicar los métodos y
normas establecidas para el diseño de páginas web dinámicas. Esta página web
dinámica está desarrollada bajo los preceptos de software libre, entre ellos PHP,
MySQL, PhpMyAdmin, y Apache, todos ellos vienen en el paquete WampServer.
Siendo estas herramientas de fácil obtención por ser software libre, permite al usuario
tener más facilidad de conocimientos de estas.
Además de ello tambié n se utilizaron las herramientas Macromedia 8.0 como

lo es flash 8.0 y Firework 8.0 para el diseño de las animaciones (solo con fines
educativos), para el diseño de la estructura de la página web se utilizó HTML, PHP, y
JavaScript para crear el entorno de código fuente. Para esta implantación existe un
dominio reservado en el cual se descargará toda la información posteriormente. A
continuación se presentan todas las pantallas del sistema:
194
Pantalla principal: Esta pantalla contiene el menú principal, el cual a su vez

contiene 4 iconos cada uno con un sub-menú de despliegue estos contienen los
diferentes enlaces de interacción como lo son las notas, planes de evaluación,
horarios y asignaciones. Los alumnos y los representantes y/o padres los utilizan para
consultar la información requerida. Los docentes consultan la misma información
pero con carácter critico de revisión. Los administradores cargan y revisan también
la data, que esté en forma correcta. En su parte superior contiene el logo del colegio,
unas imágenes del colegio, debajo una barra giratoria de mensaje, al lado la fecha y la
hora actual, al dado del menú una tabla de valoración, para calificar según la
puntuación. En el pie de la página hay una barra donde esta el correo del autor, y la
fecha de creación de la página. Ver figura Nro. 96. (ver mapa de navegación anexo C)
Figura Nro.96 Pantalla Principal Interfaz Web Interactiva Colegio Nuestra Señora de Lourdes
195
Pantalla Formulario Clave Alumnos Padres y/o Representantes: En esta pantalla

se puede observar un pequeño formulario en el cual se pide el usuario y la clave de
entrada, de no existir, se puede registrar presionando el enlace “Registrarse”; Al lado
de las palabras Notas,; el botón ingresar permite una vez llenados todos los datos
asignaciones y planes hay un botón de selección, para solicitar la información
correspondiente correctamente entrar a la pantalla seleccionada por el botón selector;
el botón borrar borra todo lo escrito; al presionar regresar, se regresa a la pantalla
principal; por ultimo al presionar ayuda le dará una pequeña explicación de que hacer
con cada dato. Ver figura Nro. 97.
Figura Nro.97 Pantalla Formulario Clave Alumnos Padres y/o Representantes

196
Pantalla Formulario Clave para Registrarse los Alumnos y Representantes y/o

Padres: Este formulario viene del anterior, solo se utilizará cuando los alumnos o los
padres entren por primera vez al sistema, o por algún motivo se les haya perdido la
clave; al hacer clic en la flecha de seleccione al lado de Tipo se desplegará si es
alumno o representante; se solicita también la cédula del padre y el alumno, también el
correo electrónico para ser enviada la clave generada aleatoriamente por el sistema, es
obligatorio tenerlo; existen unos enlaces de los correos mas utilizados, un botón enviar
para validar la información correcta y enviar; el botó borrar borra lo escrito; si
presiona regresar regresa al menú principal, al presionar ayuda se activa una pequeña
página de ayuda. Ver figura Nro. 98.
Figura Nro.98 Pantalla Formulario Clave para registrar Alumnos Padres y/o Representantes
197
Pantalla Formulario Clave Docentes y Administradores: A igual que el

formulario de los alumnos en esta pantalla se puede observar un pequeño
formulario en el cual se pide el usuario , la clave de entrada y el tipo si es docente o
administrador presionando seleccione, de no existir, se puede registrar presionando el
enlace “Registrarse”; el botón ingresar permite una vez llenados todos los datos
correctame nte entrar a otro formulario; el botón borrar borra todo lo escrito; al
presionar regresar, se regresa a la pantalla principal; por último al presionar ayuda le
dará una pequeña explicación de que hacer con cada dato. Ver figura Nro. 99.
Figura Nro 99. Pantalla Formulario Clave Docentes y Administradores

198
Pantalla Formulario Clave para Registrarse los Docentes y Administradores: Este

formulario viene del anterior, solo se utilizará cuando los docentes y administradores
entren por primera vez al sistema, o por algún motivo se les haya perdido la clave; al
hacer clic en la flecha de seleccione al lado de Tipo se desplegará si es docente o
administrador; se solicita la cédula del docente o el administrador; la fecha de
nacimiento; también el correo electrónico para ser enviada la clave generada
aleatoriamente por el sistema, es obligatorio tenerlo; existen unos enlaces de los
correos mas utilizados, un botón enviar para validar la información correcta y enviar;
el botó borrar borra lo escrito; si presiona regresar regresa al menú principal, al
presionar ayuda se activa una pequeña página de ayuda. Ver figura Nro. 100.
Figura Nro.100 Pantalla Formulario Clave Registros para registrar Docentes y administradores
199
Pantalla Boletín de Evaluación: El primer bloque contiene todos los datos del
plantel; el segundo bloque los datos del alumno; el tercer bloque los datos de la
sección; y por ultimo el bloque de los resultados de la evaluación del primero
segundo y tercer lapso; si se presiona imp rimir se puede imprimir la boleta; si
presiona ver situación en la sección abre otra pantalla donde se puede ver la situación
en la sección en la cual está el alumno; si presiona en profesores o alumnos en la
esquina inferior derecha, regresa al formulario de entrada de clave; se pueden
observar los logos en la página y en la boleta. La data que se muestra está contenida
en la base de datos del sistema. Ver figura Nro. 101.
Figura Nro 101. Pantalla Boletín de Evaluación

200
Pantalla Situación en la Sección: El primer bloque contiene todos los datos del
sección; y por ultimo el bloque de la situación del alumnos con respecto al promedio
de la sección del primero segund o y tercer lapso; si se presiona imprimir se puede
imprimir la boleta; si presiona regresar al boletín regresa al Boletín; si presiona en
profesores o alumnos en la esquina inferior derecha, regresa al formulario de entrada
de clave; se pueden observar los logos en la página y en la boleta. La data que se
muestra está contenida en la base de datos del sistema. Ver figura Nro. 102.
Figura Nro.102 Pantalla Situación en la Sección

201
Pantalla Planes de evaluación: En esta pantalla se muestra un cuadro, en la cual

tiene 9 cuadritos, cada uno contiene el enlace correspondiente al grado, al hacer clic
en alguno de ellos se abre un documento bien sea hecho en Word, Excel, PDF, u otro
programa de aplicación; el cual contiene el plan de evaluación correspondiente; más
abajo hay dos enlaces uno para regresar al formulario alumnos y el otro para regresar
al formulario profesores; en la parte superior hay una barra de mensaje desplazable y
por último al pie de pagina hay un cuadro de mansaje que se muestran en todas las
páginas o pantallas. Ver figura Nro. 103.
Figura Nro.103 Pantalla Planes de Evaluaciones

202
Pantalla Horarios: En esta pantalla al igual que en la de los planes de evaluación,

también hay 9 cuadritos, en cada uno está el enlace de cada grado, al hacer clic aquí
abre un documento bien sea hecho en Word, Excel, PDF u otro programa de
aplicación en el cual esta el Horario correspondiente a cada grado o sección, en la
parte de abajo está un enlace para regresar al menú principal. En la parte superior hay
una barra de mensaje desplazable y por último al pie de página hay un cuadro de
mansaje que se muestran en todas las páginas o pantallas. Para esta pantalla es
importante señalar que para entrar a ella no existe ninguna restricción, es decir, no
hay clave de entrada, puede entra cualquier actor, que quiera ver los horarios de cada
sección. Ver figura Nro. 104.
Figura Nro.104 Pantalla Horarios de Clases

203
Pantalla de Asignaciones: En esta pantalla se puede n observar un cuadro de menú,

en el cual están tres enlaces, añadir para añadir las asignaciones, modificar para
modificar asignaciones y eliminar para eliminar las asignaciones que se
encuentran en la base de datos , estas operaciones las realiza Control de Estudios
a través de su p ersonal autorizado; mas abajo hay un enlace para regresar al
menú principal; En la parte superior hay una barra de mensaje desplazable y por
último al pie de página hay un cuadro de mansaje que se muestran en todas las
páginas o pantallas. Ver figura Nro. 105.
Figura Nro.105 Pantalla Menú Asignaciones

204
Pantalla Formulario Añadir Asignaciones: En esta pantalla se pueden observar

varios campos, en sección al hacer clic en seleccione despliega una lista de secciones
para seleccionar la correspondiente, en materia se puede seleccionar las materias en
la lista de despliegue, en lapso se pueden seleccionar si es el primer , segundo o tercer
lapso, en titulo se escribe el titulo de la asignación o trabajo correspondiente al grado
o sección, en contenido se escribe el contenido de la asignación, es, decir todas las
especificación del trabajo a entregar, en la fecha de entrega se seleccionan por parte
el día, mes y año correspondiente, existe un botón para añadir y validar la asignación,
el botón borrar, borra todo los escrito o seleccionado, en regresar se regresa a menú
asignaciones y por último hay una tabla que contiene toda la data correspondiente.
Ver figura Nro. 106.
Figura Nro.106 Pantalla Formulario añadir asignaciones

205
Pantalla Modificar Eliminar Asignaciones: en esta pantalla se selecciona la sección

en la lista desplegable, se selecciona la materia en Materia, se selecciona el lapso en
Lapso, bien se primer segundo o tercer lapso, en enviar se envía la información
seleccionada o cargada, se valida toda la información, en borrar se borra todo lo
seleccionado, en regresar regresa al menú asignaciones. Ver figura Nro. 107.
Figura Nro. 107 Pantalla Formulario Modificar/Eliminar Asignaciones

206
Pantalla Modificar Eliminar Asignaciones: En esta pantalla podemos observar

varios campos como lo son la sección, la materia, el lapso, el título, el contenido, y
la fecha de entrega, que se solicitó en la pantalla anterior, si se hace alguna
modificación a algún campo se presio na el botón grabar para restablecer la data, al
presionar el botón ok selecciona otro menú para selecciona otro alumno, y si se
presiona en regresar al menú regresa al menú anterior para introducir otra asignación;
mas abajo hay otra tabla donde se muestran los mismos datos, al lado hay un botón
eliminar que al hacer clic en ok elimina el campo no sin antes mandar un mensaje de
si desea o no eliminar el registro. Ver figura Nro. 108.
Figura Nro.108 Pantalla Formulario Modificar/Eliminar Asignaciones

207
Pantalla menú de ayuda: En esta pantalla se presenta en este caso la ayuda al

formulario de clave alumnos, cabe destacar que por cada formulario existe una
pequeña ayuda para facilitar el entendimiento del formulario, esta pantalla se abre
pequeña y se puede cerrar al momento. Ver figura Nro. 109.
Figura Nro.109 Pantalla Menú de Ayuda

208
Pantalla Clave Inválida: Esta pantalla muestra un mensaje si el alumno está

aplazado o no está registrado en el sistema; se le hace un llamado para que pase por
Control de Estudios; Luego al hacer clic en regresar al menú principal, se devuelve al
menú principal. Ver figura Nro. 110.
Figura Nro.110 Pantalla Clave Inválida

209
Pantalla Clave enviada: En esta pantalla se muestra un mensaje que la clave fue
enviada con éxito al correo electrónico; luego al presionar regresar, regresa al menú
de ingreso de clave para entrar a las consultas. Ver figura Nro. 111.
Figura Nro.111 Pantalla Clave Enviada

210
Pantalla Datos Incorrectos: En esta pantalla se muestra un mensaje de que los datos
no fueron correctos al ser cargados en el formulario para pedir la clave por sistema; al
hacer clic en regresar, regresa al formulario para reparar los datos, y al hacer clic en
salir regresa al menú principal. Ver figura Nro. 112.
Figura Nro.112 Pantalla Datos Incorrectos

211
Pantalla alumno ya posee clave: En esta pantalla podemos observar un pequeño

cuadro en el cual aparecen dos opciones Si y No; al hacer clic en SI se genera y se
envía automáticamente por correo una clave aleatoria, la cual servirá para entrar al
sistema posteriormente; al hacer clic en NO aborta o abandona la secuencia y se
mantiene la misma clave. Ver figura Nro. 113.
Figura Nro. 113 Pantalla Alumno Ya Posee Clave

212
Fase V (Validación)
En esta fase como ya lo hemos dicho en el marco metodológico, se refiere a la

funcionalidad y operatividad del sistema interactivo, para poder lograr esto es
necesario haber cumplido satisfactoriamente con la implantación detallada en la fase
anterior, es decir, haber aplicado las reglas enmarcadas y establecidas por las normas
COVENIN ISO 9126. (Ver anexo C).
Para la operatividad de esta página interactiva es necesario contar con un

espacio o sitio en internet, el cual el Colegio Nuestra Señora de Lourdes se hace
responsable por el costo y la administración del sitio, cuya capacidad es de 250 Mb,
(Ver anexos apéndice C) necesarios para que la página funcione correctamente, es
necesario también recalcar o tomar en cuenta la utilización de software libre para
casi todas las aplicaciones, tomando en cuenta que el software privado utilizado es
solo con fines académicos.
Todas las pruebas realizadas se hicieron en forma local en un sitio remoto, la

base de datos fue diseñada tomando en cuenta los mismos campos del sistema
automatizado que tiene el colegio, el cual está hecho en Visual Fox Pro, este sistema
realiza automáticamente todos los cálculos que son reflejados en la boleta y situación
académica del nuevo sistema, se garantiza la correcta funcionalidad de toda la data
una vez montada o bajada al sitio por internet.
Para realizar la transferencia de la data automáticamente de la base de datos

que tiene el colegio, a la base de datos creada para el nuevo sistema por internet, es
necesario, generar del sistema que ya tiene el colegio un archivo que permita dicha
transferencia, este archivo quedará a responsabilidad del colegio su desarrollo, es
decir, las actualizaciones serán hechas por este método. En cada lapso se hará esta
transferencia, queda a responsabilidad del administrador.
213
Pruebas del Nuevo Sistema
Para verificar el correcto funcionamiento del sistema, es necesario depurarlo

verificando primero el correcto uso de variables, que contenido y que funciones
deben tener cada variable. Partiendo de aquí se fueron probando cada página en las
cuales hay formularios donde se piden datos de seguridad, tales como claves o
usuarios, las cuales sirven para poder conectar o abrir otra pagina de datos.
Los datos utilizados para esta prueba fueron tomados en cuenta considerando
la misma data del sistema del colegio, es decir, se le solicitó al colegio una boleta
impresa con todos los datos, para poder semejar una igual por internet; la otra data
fue consultada con los docentes responsables.
Primeramente al arrastrar el mouse por cada uno de los iconos o enlaces que
están en el menú principal, al hacer clic en alumnos o padres y representantes se
desliza un cuadro en cada uno de ellos, al hacer clic en alguno de estos enlaces se
abre una pantalla contentiva de un formulario llamado “Formulario Clave“, este
formulario pide el usuario y la clave del alumno o representante, la clave es una
combinación aleatoria de números y letras generados automáticamente, el usuario es
la cédula la cual debe contener solo números sin separadores de puntos, estos datos
son validados mediante una función validadora de formularios, luego existe
posteriormente otra validación de búsqueda para ver si existen o no los datos, si son
correctos se conecta con la información solicitada, sino se manda un mensaje que no
existen los datos, y regresa al formulario clave. En este formulario se debe
seleccionar cualquier botón en referencia a la solicitud deseada, automáticamente ya
viene seleccionado uno de ellos.
Para el formulario de los administradores y los profesores o docentes, el
proceso es igual al formulario para los alumnos y representantes, hay un solo campo
diferente, y es el tipo, en cual se seleccionará si es docente o administrador, si es
214
administrador ira a un sub- menú en el cual aparece unos iconos o enlaces que
permiten insertar, cambiar, modificar o eliminar cualquier registro de la base de
datos, solo para las asignaciones, se dejo para posteriores investigaciones el
desarrollo del resto del mantenimiento de la base de datos, De todos modos antes de
transferir la data, esta será sujeta a revisión, tomando en cuenta que esta ya viene del
sistema automatizado del colegio. Si llegara a presentar cualquier error posterior, el
docente o el administrador participaran para modificar la data desde el servidor. Si es
docente el seleccionado, se abrirá una pantalla contentiva de un menú en el cual se
pedirá la cédula del alumno, esta estará regida por las mismas condiciones que el
formulario para alumnos. En cada formulario de entrada hay un enlace llamado
“Registrarse“, al hacer clic aquí se abre otro formulario en el cual se introducirán la
cédula del alumno y la del representante, además se pide el correo, todos estos
campos están validados cor rectamente, por validación de formularios, propio del
programa de diseño.
Todas las pantallas presentadas en el Capitulo anterior (IV), en su fase de
implantación, se corrieron en periodo de prueba del sistema con datos reales, es decir
se verificó que dicha prueba funcionó correctamente con todos los datos pedidos, las
claves y usuarios funcionaron correctamente, existe solo un enlace que es necesario
tener el sistema cargado en internet porque se pide el enlace con el servidor de
correos para poder ser enviada la clave a cada correo privado. Se garantiza el enlace
ya que fue tomado de ejemplos que ya han sido probados en internet. Se utilizó el
servidor local (localhost) configurado con el paquete Wamp5 contentivo de
Herramientas de Software libre tales como el servidor Apache, el manejador de
códigos PHP y el manejador de bases de datos PhpMyAdmin y MySQL, este
paquete simula al servidor de internet. Todos los enlaces y validaciones funcionaron
correctamente.
215
CAPITULO V
CONCLUSIONES
Diseñar una página web es un reto, sobre todo cuando se trata de páginas
dinámicas, a veces se hacen muy complejas dependiendo del nivel o la experiencia
del programador o diseñador, para poder tener éxito en este reto es necesario tener
un equipo multidisciplinario especializado en las áreas comprometidas, para
desarrollar sin contratiempos una buena página web dinámica
El desarrollo de la página web dinámica para el Colegio Nuestra Señora de

Lourdes, ha permitido conocer a fondo el verdadero significado e importancia que
tiene la comunicación por internet, se ha sabido comprender el verdadero significado
de las TICS, el uso eficiente de las herramientas de diseño y estructura de páginas
webs, tales como Dreamweaver, Flash, Firework, HTML, JavaScript, UML,
(Software privado), PHP, WampServer, PhpMyAdmin, MySQL, Apache (Software
Libre), todas estas herramientas contribuyeron de buena forma en la feliz
culminación de la presente página web dinámica.
Todo el personal del Colegio Nuestra Señora de Lourdes se ha sentido

agradecido por tan loable labor que ha contribuido de buena forma a sustentar la
brecha existente entre el alumno y el profesor, permitiéndoles de esta manera acortar
distancias con esta nueva tecnología, ya que, en cualquier lugar donde se dispone de
conexión a internet el alumno, padre o representante y el profesor pueden accesar
a cualquier información referente al colegio, como notas, asignaciones, horarios
entre otros. El autor se siente agradecido por haber culminado satisfactoriamente y
con gran esfuerzo dicho trabajo de grado. Y le desea suerte a todo el personal que
colaboró incansablemente.
216
RECOMENDACIONES
Toda investigación o proyecto debe ser evaluado por expertos una vez
culminado, es decir puede existir una antítesis del proyecto o tema en investigación,
la cual permite ver con sentido critico si es o no factible el proyecto. Partiendo de este
cometido se puede decir que para poder tener una visión critica o una entrada más allá
de la delimitación del proyecto, es necesario hacer recomendaciones que permitan ver
las posibilidades de cambiar o reestructurar el sistema o proyecto, visto de otra forma
se puede hablar de Reingeniería de Software. Ningún proyecto de investigación es
cerrado, es decir quedan abiertas las posibilidades de cambiarlo o modificarlo , solo
una vez comprendido el o los objetivos planteados para su desarrollo.
La presente investigación esta dividida en V Capítulos, es necesario leer con

detenimiento el capitulo I, para conocer en detalles el planteamiento y los objetivos
del problema, luego el capitulo II en el cual se detalló todo el marco teórico que
ayuda en buena parte conocer toda la teoría utilizada para el desarrollo del presente
sistema, el capitulo III se refiere al marco metodológico el cual comprende la
naturaleza y el tipo de la investigación, además se detallan todas las fases en
concordancia con los objetivos planteados, el IV capitulo el mas largo de todos por
presentar la solución con su respectivo análisis, además contiene el análisis y
construcción de la base de datos, y toda la presentación de las pantallas del nuevo
sistema interactivo, y por último el capitulo V donde se concluye con el resto de la
información necesaria para cerrar el presente proyecto. Con este pequeño resumen a
modo general, esperamos se pueda comprender la filosofía de este proyecto.
Es importante para cada diseñador que sea capaz de agrupar una serie de
conocimientos necesarios para poder llevar a feliz termino un sistema, o en este caso
un desarrollo de una página web dinámica, dicha preparación tiene que ser muy
cuidadosa, porque la experiencia en visitas de una gran diversidad de páginas
217
publicadas en internet, nos lleva a la conclusión que la preparación exige mucho más
de lo que podamos aportar en el desarrollo de estas páginas web dinámicas. Se sabe
también que es difícil para un programador web (Web-Master), lograr unificar
también la parte de diseño, muchos diseñadores se ubican en el renglón de solo
diseñadores, igual que el programador, por este motivo se hace difícil para una sola
persona afrontar un proyecto de esta naturaleza, y si se lograra desarrollar, podrían
existir errores de diseño o programación que a diario se presentan por internet, bien
sea por la página o por lo lento del servidor, estos detalles o errores conllevan a que el
cliente o usuario adopte por buscar otras páginas con igual contenido, y menos
detalles de diseño, presentación, cansancio visual por colores intensos y una serie de
errores de diseño muy largos para denotarlos aquí.
Para crear esta página web dinámica fue necesario tener una preparación
exhaustiva, se unificaron una serie de conocimientos que también es necesario que lo
tenga el futuro diseñador, el cual se encargue de la modificación futura de este
sistema, debe tener dominio de las herramientas más actualizadas en diseño y
programación de paginas web dinámicas como lo son las herramientas Macromedia,
conocimiento en diseño de base de datos como lo es MySQL y PhpMyAdmin,
análisis y uso de diagramadores de procesos como lo es UML, debe tener claro una
serie de conceptos generales de creación de sistemas web.
Es recomendable también para el colegio entrenar a un grupo o equipo que se

especialice en páginas web dinámicas, bien sea formado por alumnos de la
institución, docentes o personal privado, también es necesario entrenar al personal
administrativo el cual cargará la data del sistema generada por un archivo del sistema
ya existente en el colegio para poder mantener y darle vida propia al mismo, es
importante esta acotación ya que los sistemas interactivos por internet no son
seguros, hay malas intenciones de jaqueo y saboteo de la información.
218
BIBLIOGRAFIA
Arredondo, Maritza. Propuesta de un Stand ard Metodológico para el desarrollo de

aplicaciones Web en la UNA. Aplicación a un caso de estudio; Maracay, junio 2002.
Peña Quintero, Ana Vilma. Aplicación Web dinámica como medio de difusión de
información y servicio para la Empresa CADELA Zona - Mérida (Ingeniería de
Sistemas, UNA). - Universidad Nacional Abierta, Centro Local Mérida, 2005.
Soto U., Jaime E. Gobierno electrónico aplicado a la consulta de proyectos de la
Alcaldía del Municipio Maracaibo, (Ingeniería de Sistemas, UNA. Centro Local
Zulia, 2003.
Lozano, Oscar Enrique. Sistema interfaz WEB para el seguimiento del proceso de
evaluación del rendimiento académico estudiantil SIWEB. Caracas, 2006. (Ingeniero
de Sistemas, UNA). Centro Local, Metropolitano, 2006.
Terán, Carlos Alberto. Interfaz de información y comunicación basada en tecnología
WEB del Colegio Católico San José (Ingeniería de Sistemas, UNA), Centro Local
Portuguesa, 2004.
Pressman, Roger S. Ingeniería del Software, un enfoque práctico, sexta edición.
2.006.
Pérez, Rosa (2007): Figura Nº 18. Comparación del Proyecto Factible y el Ciclo de
Vida para el Desarrollo de Sistemas de Información.
Booch, El Lenguaje Unificado de Modelado. G. Booch, J. Rumbaugh, I.Jacobson.
(1.999).
Addison, Wesley Iberoamericana . 1.999:
Booch Object-Oriented Analysis and Design. G. Booch.Benjamin/Cummings
BJR The UML Specification Document. G. Booch, I. Jacobson and J.
Rumbaugh. Rational Software Corp. 1994.
Jacobson, Object-Oriented Software Engineering: A Use Case Driven Approach. I
Jacobson. Addison-Wesley, 1992.
219
Larman, UML y Patrones. C. Larman. Prentice Hall. (1999 ).

Rumbaugh Object-Oriented Mode ling and Design. J. Rumbaugh et al Prentice-Hall.
(1991).
Rossi. (Método de Diseño Hipermedia Orientado a Objetos) propuesta por D.
Schwave y G. (1998).
UML.
http://www.rational.com/uml/. (Consultada el 25/10/2008).
Principios Heurísticos de Nielsen, disponible en:
http//:www.proyectoweb.org/boletín/036-abril03.html. (Consultada el 25/10/2008).
http://www.netydea.com/, (Consultada el 20/10/2008).
Biblioteca electrónica de la Universidad Nacional Abierta, disponible en:
http://www.biblo.una.edu.ve/, (Consultada el 15/11/2008).
Cursos de Aulaclic, disponible en:
http://www.aulaclic.net/cursos/index.php, (Consultada el 29/09/2008).
Estructura de la web, disponible en:
http://www.monografias.com/trabajos5/laweb/laweb.shtml, (Consultada el
20/10/2008).
Las TICS, disponible en:
http://es.wikipedia.org/wiki/TecnologÃa_de_la_informaciÃ³n, (Consultada el
26/10/ 2008).
http://cristina-tic.blogspot.com/, (Consultada el 20/10/2008).
Página web dinámica educativa, disponible en:
http://www.ezwp.com/articulos/desarrollo-web/paginas-web-dinamicas-vs.-estaticas/
(Consultada el 25/10/2008).
http://www.concytec.gob.pe/clubciencias, (Consultada el 25/10/2008).
www.thecounter.com, (Consultada el 28/10/2008).
http://www.virtualsigma.com, (Consultada el 28/10/2008).
Software Libre, disponible en:
http://www.gnu.org/, (Consultada el 08/11/2008).
220
http://www.macuarium.com/macuarium/actual/especiales/2002_12_07_opensource.s
html, (Consultada el 08/11/2008).
Programas utilizados, disponible en:
http://es.php.net, (Consultada el 25/09/2008).
http://www.desarrolloweb.com, (Consultada el 25/09/2008).
http://es.wikipedia.org/wiki/PhpMyAdmin/, (Consultada el 29/09/2008).
http://es.wikipedia.org/wiki/MySQL/, (Consultada el 29/09/2008).
http://www.en.wampserver.com/, (Consultada el 29/09/2008).
www.macromedia.com/es, (Consultada el 29/09/2008).
ANEXOS
Anexo A: Definición Operacional de Términos Básicos o Constructor
Fuente: Términos tomados de diccionarios Electrónicos de Internet y el diccionario

de Encarta 2007.
ANSI: (American National Standards Institute, Instituto Americano de
Normas): Organización que desarrolla y aprueba normas de los Estados Unidos.
Participó en la creación de gran parte de las normas en uso actualmente en Internet.
Authoring: (autoría): Actividad de crear contenido para la Web en Páginas en
formato HTML. El administrador de un sitio Web o Web-master es, en general, el
responsable de la autoría de su contenido.
Banner: Aviso publicitario que ocupa parte de una página de la Web, en general
ubicado en la parte superior al centro. Haciendo un clic sobre él, el navegante puede
llegar hasta el sitio del anunciante.
Correo Electrónico: (e- mail) mensajes personales enviados entre usuarios para
obtener acceso a información privada.
Cracker Alguien que interrumpe en sistemas computarizados. Usado para denotar a
alguien que realiza actividades ilegales.
Cookie: pequeño archivo de texto que un sitio web coloca en el disco rígido de una
computadora que lo vis ita. Al mismo tiempo, recoge información sobre el usuario.
Agiliza la navegación en el sitio. Su uso es controvertido, porque pone en riesgo la
privacidad de los usuarios.
GIF: Formato de Intercambio de Gráficos (Grafhics Interchange Format); un formato
de archivo para imágenes que fue elaborado por CompuServe.
Hosting: alojamiento. Servicio ofrecido por algunos proveedores, que brindan a sus
clientes (individuos o empresas) un espacio en su servidor para alojar un sitio web.
HTML: Hyper Text Mark- up Language. Lenguaje de programación para armar
Páginas web.
HTTP: Hypertext Transfer Protocol. Protocolo de transferencia de hipertextos. Es un
protocolo que permite transferir información en archivos de texto, gráficos, de video,
de audio y otros recursos multimedia.
Hipervínculo: (hyperlink) Un elemento de HTML que, cuando se hace clic en él,
permite que las personas pasen a otros documentos, imágenes, so nidos o películas.
Host: Un sistema de computadora que puede ser contactado por otros sistemas de
computadoras
Internet: Se define generalmente como la red de redes mundial. Las redes que son
parte de esta red se pueden comunicar entre sí a través de un protocolo denominado,
TCP/IP (Transmission Control Protocol/ Internet Protocol). Fue concebida a fines de
la década de 1960 por el Departamento de Defensa de los Estados Unidos; más
precisamente, por la ARPA. Se la llamó primero Arpanet y fue pensada para cumplir
funciones de investigación. Su uso se popularizó a partir de la creación de la WWW.
Actualmente es un espacio público utilizado por millones de personas en todo el
mundo como herramienta de comunicación e información.
IEEE: Institute of Electrical and Electronics Engineers: importante asociación de
técnicos y profesionales, con sede en los Estados Unidos. Fue fundada en 1884 y en
1998 tenía aproximadamente 320.000 miembros en 147 países. Favorece la
investigación en campos diversos, como la tecnología aeroespacial, la computación,
las comunicaciones y la tecnología biomédica. Promueve la estandarización de
normas.
ISO: International Organization for Standardization. Fundada en 1946, es una
federación internacional que unifica normas en unos cien países. Una de ellas es la
norma OSI, modelo de referencia universal para protocolos de comunicación.
Jpeg: extensión de ciertos archivos gráficos.
Link: enlace. Imagen o texto destacado, mediante subrayado o color, que lleva a otro
sector del documento o a otra página web.
Navegador: programa para recorrer la World Wide Web. Algunos de los más
conocidos son Netscape Navigator, Microsoft Explorer.
Netscape: Popular navegador WWW que en la actualidad ofrece muchas
Características HTML importantes.
Página Web: Una página web es un documento electrónico que se utiliza para
difundir información en Internet, y en el cual podemos colocar texto, imágenes y
sonido, sin que llegue a convertirse en un multimedio. La utilidad de las páginas es
inmensamente amplia, ya que las podemos utilizar como medio educativo,
informativo, comercial, etc.; que se pueden presentar de una forma atractiva y
dinámica, esto es, la información se puede actualizar con facilidad.
Plataforma: El tipo de computadora o sistema operativo que se está usando. Por
ejemplo, Apple, PC o Unix.
Páginas web Dinámicas: Son páginas que requieren un lenguajes de programación
que permita generar código HTML de forma dinámica. Por ejemplo PHP y ASP
mezclan programación con HTML, pero el resultado final es siempre una página web
dinámica. Ambos tienen un gran potencial, pueden trabajar con bases de datos y
servidores web, son eficientes y nos ahorran mucho trabajo
Páginas web Estáticas: La forma tradicional consiste en crear páginas web

estáticas. Esto significa que siempre que un usuario carga su página, ve la misma
página. Por tanto, si queremos hacer algún cambio para que lo vea el usuario, hemos
de editar la página y subirla al servidor de Internet donde se aloje.
Servidor: computadora central de un sistema de red que provee servicios y

programas a otras computadoras conectadas. Sistema que proporciona recursos (por
ejemplo, servidores de archivos, servidores de nombres). En Internet este término se
utiliza muy a menudo para designar a aquellos sistemas que proporcionan
información a los usuarios de la red.
TCP/IP: Protocolo de Control de Transmisión/Protocolo Internet (Transmission
Control Protocol/ Internet Protocol); el estándar de las comunicaciones en Internet.
Telnet: Programa de software que permite enlazarse con computadoras remotas.
UNIX: Popular sistema operativo para computadoras. Importante en especial para las
computadoras más grandes que son usadas como servidores de Internet.
Usabilidad: Se emplea para referirse al conjunto de criterios que orientan las formas
en que han de presentarse y orga nizarse los contenidos de un sitio web
URL: Localizador Uniforme de Recursos (Uniform Resource Locator); el medio para
localizar una página de inicio de Web.
Virus: Programa que infecta a otros programas y computadoras, lo que da como
resultado alguna clase de mal funcionamiento.
VRML: Lenguaje de Modelado de Realidad Virtual (Virtual Reality Modeling
Languaje); un protocolo de gráficos tridimensionales para Web.
Wais : Servidor de Información de Área Amplia; es una base de datos sólo de texto;
es un sistema de recuperación de información distribuido.
Web Site: Lugar en Web o Sitio en Web, computadora que publica documentos
(denominados 'páginas Web') en World Wide Web (WWW). Estos documentos están
compuestos por texto, elementos multimedia (gráficos, sonido, vídeo digital...) y
vínculos (punteros con la dirección de otras páginas Web, empleados para establecer
una conexión automática).
Anexo A: Recursos Económicos
(Resumen)
Recursos Inversión Inversión Total

Necesaria Realizada
Recursos Bs.F. 1.700 Bs. F. 250 Bs. F. 1.950
Técnicos
Recursos Bs.F. 700 ------------- Bs. F. 700
Humanos
Insumos Bs.F. 200 Bs. F. 100 Bs. F. 300
(papelería etc.)
Gran total Bs.F. 2.600 Bs. F. 350 Bs. F. 2.950
Tabla Recursos económicos , fuente:(diseño propio, Silva 2009)
Nota: todos estos montos son aproximados, el diseño y el desarrollo total de este
proyecto de investigación es con fines educativos, sin fines de lucro, por lo tanto, el
gasto que hará la institución es para su mantenimiento futuro, el desarrollo de este
proyecto hubiera requerido un mayor esfuerzo económico por parte de la institución,
pero se le ha brindado la oportunidad de disfrutar este privilegio.
2
Anexo B: Mapa de Navegación
Site Nivel 1 Nivel 2 Nivel 3
Menú Conexiones
Notas y Situación Sección clavealumno Boletin-alumno

Asignaciones clavealumno alumnos-
Alumnos asignaciones
Planes de evaluación clavealumno planes-evaluación
Horarios de Clases horarios --------------------
Notas y Situación Sección clavealumno boletin-alumno

Asignaciones clavealumno alumnos-
Padres y/o asignaciones
Planes de Evaluación clavealumno planes-evaluación
Representantes
Ver Notas claveprofesor boletin-alumno
Ver Asignaciones claveprofesor alumnos-

Profesores asignaciones
Ver Planes de Evaluación claveprofesor planes-evaluación
Ver Horarios de Clases horarios --------------------
Asignaciones claveprofesor actualizar

asignaciones
Administración Planes de Evaluación claveprofesor planes-evaluación
Fuente:(Diseño propio, Silva, 2009)

Anexo C: NORMAS ISO 9126
Anexo D: Formato Evaluación de Estudios de Factibilidad en el Sector Educativo
(Colegio Nuestra Señora de Lourdes, 2008)
Institución/ Entidad: Trabajo de grado de la Universidad Nacional abierta
1. GENERALIDADES:
1.1 NOMBRE DEL ESTUDIO:

Diseño de Página Web interactiva para una Unidad Educativa Privada
1.2 LOCALIZACIÓN FÍSICA DEL ESTUDIO
Dirección: Av. Bolívar Norte Nro. 136-230, Valencia, Carabobo , Venezuela
1.3 ENTIDAD O PERSONA PROPONENTE DEL ESTUDIO
Autor: Celido Ramón Silva Pérez
Tutor: Maria Cecilia Rodriguez
1.4 ALTERNATIVAS QUE EMPRENDE EL ESTUDIO
Alternativa 1: Realizar el proyecto
Alternativa 2: No realizar el proyecto
Alternativa 3: Dejar todo como está
2. FACTIBILIDAD TÉCNICA
Instrucciones: Lea detenidamente cada uno de los siguientes ítems y señale con una X para sus
respuestas entre los rangos de 0 a 5.
Las categorías de la preguntas (CP) son las siguientes: E = Esencial, I = Importante C =Complementario.
2.1 RELACIONADA CON EL DIAGNÓSTICO CP 0 1 2 3 4 5
2.1.1. ¿El problema, necesidad, interés y oportunidad está bien definido? E x
2.1.2. ¿Tiene prevista la población y necesidades de ésta que pretende atender? E x
2.1.3 ¿Para la priorización de los problemas se consideraron necesidades, intereses y E x
oportunidades del entorno?
2.1.4. ¿El diagnóstico se apoya en estudios o investigaciones? I x
2.1.5 ¿El diagnóstico aporta información adecuada y confiable que sirvió de base para I x
establecer las alternativas de solución?
A. Sume las casillas anteriores(2.1.1, 2.1.2, 2.1.3, 2.1,4, 2.1.5): Subtotal 25
2.2 RELACIONADA CON EL DISEÑO DEL ESTUDIO 0 1 2 3 4 5
CP
2.2.1. ¿El proyecto contempla el impacto que se logre en el caso en que se realice? I x
2.2.2. ¿Existe coherencia entre todos los componentes del estudio de factibilidad? E x
B. Sume las casillas anteriores (2.2.1, 2.2.2): Subtotal 10
2.3 CONSISTENCIA INTERNA Y EXTERNA CP 0 1 2 3 4 5
2.3.1. ¿El estudio de factibilidad es consistente con los planes, políticas y programas I x
nacionales?
departamentales?
municipales?
C. Sume las casillas anteriores: (2.3.1, 2.3.2, 2.3.3) Subtotal 15
3. FACTIBILIDAD OPERATIVA
respuestas entre los rango de 0 a 5.
3.1 RECURSO HUMANO CP 0 1 2 3 4 5
3.1.1. ¿La operación o puesta en marcha del servicio educativo estará a cargo de E x
personas de reconocida idoneidad ética y profesional?
3.1.2. ¿Las aulas de clases cumplen con las relaciones técnicas establecidas según I x
los niveles y ciclos a servir?
3.1.3. ¿En el estudio se identifican las personas responsables de la administración, I x
operación y veeduría del servicio educativo que se va a prestar?
D. Sume las casillas anteriores(3.1.1, 3.1.2, 3.1.3): Subtotal 15
3.2 RECURSOS FÍSICOS
3.2.1. ¿Las aulas especializadas cumplen con las especificaciones técnicas E x
requeridas?
3.2.2. ¿El proyecto garantiza la dotación necesaria para la prestación del servicio E x
educativo por el tiempo que dure la operación del proyecto?
3.2.3. ¿El estudio de factibilidad da cuenta de los recursos didácticos para la I X

prestación del servicio educativo?
3.2.4. ¿El predio tiene titulo de propiedad de tradición inmobiliaria en orden? C x
3.2.5. ¿El servicio educativo se prestará en planta física del sector oficial? C x
E. Sume las casillas anteriores(3.2.1, 3.2.2, 3.2.3, 3.2,4, 3.2.5): Subtotal 18
3.3 ORGANIZACIÓN ADMINISTRATIVA C 0 1 2 3 4 5
3.3.1. ¿Los objetivos están claramente definidos? E x
3.3.2. ¿Existe correspondencia entre objetivos, resultados y alternativas de solución? E x
3.3.3. ¿Se definieron resultados relacionados con los diferentes servicios ofrecidos? I x
3.3.4. ¿Se definieron resultados relacionados con las obras de infraestructura y I x
dotación que genera el proyecto?
3.3.5. ¿Se definieron resultados relacionados con los bienes necesarios para acometer E x
el proyecto?
3.3.6. ¿Se identifica la organización administrativa para la puesta en marcha del E x
proyecto?
3.3.7. ¿En el estudio se evidencian con claridad las acciones y responsabilidades de E x
cada uno de los integrantes de la organización?
3.3.8. ¿Hay una oferta clara de los servicios educativos adicionales que generen valor I x
a los estudiantes?
3.3.9. ¿Se identifica en el estudio, una unidad administrativa o persona responsable I x
del proyecto?
3.3.10. ¿Existen programas o proyectos externos al estudio que se constituyan en I x
prerrequisitos para el éxito del proyecto?
3.3.11. ¿Se evidencian las principales fases del proyecto? I x
F. Sume las casillas anteriores(3.3.1, 3.3.2, 3.3.3, 3.3,4, 3.3.5, 3.3.6, 3.3.7, 3.3.8, Subtotal 55
3.3.9, 3.3.10,3.3.11):
4. FACTIBILIDAD ECONÓMICA (SE CALCULA ANUALMENTE O SEMESTRALMENTE)
respuestas entre los rango de 0 a 5.
4.1 PRESUPUESTO CP 0 1 2 3 4 5
4.1.1. ¿En el estudio se calculan los gas tos relacionados con pago de E x
personal docente y administrativo por año (salario, básico, prestaciones,
aporte de nómina, honorarios, capacitaciones y dotación)?
4.1.2. ¿Dispone de recursos suficientes para adquirir material didáctico, E x
papelería de administración y mantener la organización?
4.1.3. ¿Ha presupuestado los gastos de actividades pedagógicas, recreativas, I x
culturales y deportivas?
4.1.4. ¿Presupuestó correctamente los ingresos por matricula, pensión, E x
cobros periódicos y otros cobros?
4.1.5. ¿Se presupuestaron otros ingresos relacionados con subsidios, aportes I x
y contribuciones?
4.1.6 ¿Se elaboró correctamente el presupuesto de ingresos y egresos del E x
plantel?
4.1.7. ¿Demuestra o sustenta respaldo financiero (socios, préstamo, recursos I x
propios, entre otros)?
G. Sume las casillas anteriores(4.1.1, 4.1.2, 4.1.3, 4.1,4, 4.1.5, 4.1.6, 4.1.7): Subtotal 20
4.2 BENEFICIOS SOCIALES COMUNITARIOS CP 0 1 2 3 4 5
4.2.1. ¿Se han previsto mecanismos de participación de la comunidad en los I x

procesos educativos de la en organización?
H. Sume las casillas anteriores(4.2.1): Subtotal 5
TOTAL: Sume las casillas(A, B, C, D, E, F, G, H): Total 166
5. CONCEPTO DE VIABILIDAD O INVIABILIDAD
Fecha de elaboración de la evaluación del estudio de factibilidad (04/04/2009): Abril 2009

Fuente: Secretaría de Educación de Bucaramanga
Disponible en;
http://www.seb.gov.co/descargas/GHD/DOCUMENTAL/PROCESOS/F/F02/F02_01/Instructivos%20Formatos/Forma
tos/Formato%20F02_01_F01.doc
Anexo E: Marco Referencial del Colegio Nuestra Señora de Lourdes
Reseña Histórica
La Unidad Educativa Colegio Nuestra Señora de Lourdes, fue fundada el 5 de

abril de 1.891 por Don Luis Febres Cordero, hermano del Pbo, José Gregorio Febres
Cordero, fundador del asilo de huérfanos San Vicente". A solicitud de una comisión
que se dirigió a La madre San Simón Superiora General (en Francia), fueron
designadas las hermanas de San José de Tarbes para que dirigieran el colegio recién
fundado en Valencia.
El colegio inicialmente funcionó en una casa cedida por la familia Paz Maya,
ubicada en la Avenida Boyacá, allí se atendían niñas internas. Con el paso del tiempo
esta sede se hizo insuficiente, esto motivo su traslado en 1894 a una nueva sede en la
avenida Bolívar con Cedeño, allí funcionó hasta 1964 cuando se traslado para una
sede propia, en la Avenida Bolívar Norte, frente al Centro Comercial Camoruco
donde funciona actualmente.
El número de alumnas fue aumentando progresivamente, pero decreció de
improvisto a partir de los años 1.893- 1.894 a causas de dos devastadoras epidemias
como fueron la de viruelas y fiebre amarilla, este hecho propicio una situación
desfavorable en la marcha del colegio, porque diezmo su población escolar hasta el
punto de verse casi extinguido, lo cual hizo necesario admitir no solo internas, sino
semi- internas y externas.
Cabe destacar que las hermanas San José de Tarbes no sólo están en
Venezuela (En Venezuela tienen su obra en Caracas, Barquisimeto, Puerto Cabello,
San Cristóbal, Cumaná, Amazonas y Carabobo) también se encuentran en la India,
Inglaterra, Ecuador, Colombia. El colegio durante mas de cien años educaba sólo a
niñas, a partir de 1990 comenzó a ser mixto, se aceptaron niños desde la educación
inicial. Siendo la primera promoción mixta el año 2.003. Las superioras que ha tenido
desde su fundación son: Ana Julia, Helena María, Juan Bautista de La Salle , Rita de
Casio, Ana Teresa, Luisa Victoria, Teresa del Niño Jesús, Ana Luisa, Bernardita,
María Estela Penso, Antonieta Rotundo, Elvia Saval, Judith Osorio y gestión
vigente María Estela Penso, por segund a vez.
Actualmente este centro de enseñanza cuenta con 118 años, en los cuales ha
formado generaciones de bachilleres altamente calificados que engrosan las filas de
profesionales que se ubican en diversos ámbitos del país.
Misión
Formar de manera integral la niñez y la juventud con atención a sus aspectos
bio-psico-socio -espiritual para hacerlos sujeto de su propio desarrollo, para lograr que
estos favorezcan, con criterio evangélico de amor y justicia, la construcción de una
sociedad justa y cristiana. Comprometer a la familia como responsable fundamental
de la educación de sus hijos. Atender en forma humano -cristiana de la comunidad.
Visión
Ser la mejor institución educativa de carácter religiosos, formadora de un
sujeto social integral: crítico, cristiano, humano, capaz de construir una sociedad justa
y cristiana y de insertarse en cualquier proceso sociocultural. Contar con un capital
humano altamente calificado y motivado a educar para la vida, capaz de aceptar los
retos de los nuevos métodos pedagógicos.
Organigrama del Colegio
Apéndice A: Manual Técnico
Selección del Hardware y Software:
Características del Hardware:
Tarjeta Madre: Pentium IV, Dual Core, Core 2 Duo en adelante
Procesador: 2.4 MGHz en adelante para Pentium IV, y 1.6 MGHz

en adelante para Dual Core y Core 2 Duo.
Memoria RAM: 512 MGb en adelante
Unidad de Disquetes: no necesaria
Unidad de CDROM: CD/DVD-RAM-R/RW 20x en adelante
Kit de Multimedia: Cornetas, Micrófono, Bajos etc.
Disco Duro: 40 GB en adelante
Impresora: Epson, Hp, de inyección de tinta, u otras marcas
Monitor: SVGA de 14'' en adelante
Escáner: HP o genérico
Regulador de Voltaje: Integra For Pc's, u otras marcas
Teclado: Ergonómico for Windows, u otras marcas
Quemador: Cualquier marca del mercado
Con esta selección el sistema tendrá un alto rendimiento para su aplicación.
Nota: esto es lo mínimo requerido por el Sistema

(Estas especificaciones están sujetas a cambio por parte del Equipo de Sistemas).
Características del Software:
En cuanto al software se recomienda utilizar Windows XP en todas sus versiones

Service Pack, con Internet Explorer 7.0 en adelante, ó Mozilla el más actual del
mercado, los cuales le permitirán al usuario hacer las consultas o llamadas al sistema.
Tomando en cuenta el modelo lógico de la base de datos la cual tiene una estructura
relacional, podemos utilizar un manejador de base de datos como PhpMyAdmin y un
Diseñador como Dreamweaver y PHP para la programación web, perteneciente al
software libre.
Estas herramientas están detalladas en las bases teóricas del Capitulo II
Los detalles de la base de datos utilizada se pueden ver en Capitulo IV
Ocupación del sistema web general:
Sistema web = 715 KB aproximadamente
Base de Datos web = 512 KB con datos de prueba
Total = 1227 KB (1.2 MB)
El peso de cada página en la web es pequeñito, esto depende de la cantidad de

imágenes pesadas que tenga la página.
A diferencia de la base de datos que puede crecer y decrecer según la cantidad de
datos, en este caso la cantidad de alumnos que tenga el plantel en el espacio
estudiado (solo secundaria).
Manejo de Pantallas Parte Administrativa:
En las siguientes pantallas se explican a detalle las características yel funcionamiento

de cada una de ellas.
Es necesario para poder entender mejor este manual, saber que todas las flechas no
forman parte de la página, son colocadas para indicar y ver mejor todas las palabras
que representa al formulario y los campos que se llenan con la data de la base de
datos.
formulario en el cual se pide el usuario, la clave de entrada y el tipo, si es
administrador, presionando seleccione, de no existir, se puede registrar presionando el
correctamente entrar a otro formulario; el botón borrar borra todo lo escrito; al
dará una pequeña explicación de que hacer con cada dato. Ver pantalla siguiente:
Tipo
usuario
clave
Registrarse
Ingresar, Borrar Regresar
ayuda
Pantalla Formulario Clave Docentes y Administradores

Pantalla Formulario Clave para Registrarse los Docentes y Administradores: Este
formulario viene del anterior, solo se utilizará cuando los docentes y administradores
entren por primera vez al sistema, o por algún motivo se les haya perdido la clave; al
hacer clic en la flecha de seleccione al lado de Tipo se desplegará si es docente o
administrador; se solicita la cédula del docente o el administrador; la fecha de
nacimiento; también el correo electrónico para ser enviada la clave generada
presionar ayuda se activa una pequeña página de ayuda Ver pantalla siguiente:
Tipo
Cédula
Pad/Rep
Fecha de
Correo
Nacimiento Conexiones
Enviar Borrar Regresar
ayuda
Pantalla Formulario Clave Registros para registrar Docentes y administradores

Pantalla de Asignaciones: En esta pantalla se puede observar un cuadro de menú, en
el cual están tres enlaces, añadir para añadir las asignaciones, modificar para
modificar asignaciones y eliminar para eliminar las asignaciones que se encuentran
en la base de datos; mas abajo hay un enlace para regresar al menú principal; En la
parte superior hay una barra de mensaje desplazable y por último al pie de página hay
un cuadro de mansaje que se muestran en todas las páginas o pantallas. Ver pantalla
siguiente:
Añadir Eliminar
Regresar
Modificar al menú
principal
Pantalla Menú Asignaciones

Pantalla Formulario Añadir Asignaciones: En esta pantalla se pueden observar
varios campos, en sección al hacer clic en seleccione despliega una lista de secciones
para seleccionar la correspondiente, en materia se puede seleccionar las materias en
la lista de despliegue, en lapso se pueden seleccionar si es el primer , segundo o tercer
lapso, en titulo se escribe el titulo de la asignación o trabajo correspondiente al grado
o sección, en contenido se escribe el contenido de la asignación, es, decir todas las
especificación del trabajo a entregar, en la fecha de entrega se seleccionan por parte
el día, mes y año correspondiente, existe un botón para añadir y validar la asignación,
el botón borrar, borra todo los escrito o seleccionado, en regresar se regresa a menú
asignaciones y por último hay una tabla que contiene toda la data correspondiente.
Ver pantalla siguiente:
Sección
Materia
Lapso
Titulo
Contenido Añadir
Borrar
Fecha
Regresar
de
entrega
Pantalla Formulario añadir asignaciones

Pantalla Modificar Eliminar Asignaciones: en esta pantalla se selecciona la sección
en la lista desplegable, se selecciona la materia en Materia, se selecciona el lapso en
Lapso, bien sea primer segundo o tercer lapso, en Enviar se envía la información
seleccionada o cargada, se valida toda la información, en Borrar se borra todo lo
seleccionado, en Regresar regresa al menú asignaciones. Ver pantalla siguiente:
Secció
Materia
Lapso
Enviar Borr ar Regresar
Pantalla Formulario Modificar/Eliminar Asignaciones

Pantalla Modificar Eliminar Asignaciones: En esta pantalla podemos observar
varios campos como lo son la sección, la materia, el lapso, el título, el contenido, y
la fecha de entrega, que se solicitó en la pantalla anterior, si se hace alguna
modificación a algún campo se presiona el botón grabar para restablecer la data, al
presionar el botón ok selecciona otro menú para selecciona otro alumno, y si se
presiona en regresar al menú regresa al menú anterior para introducir otra asignación;
mas abajo hay otra tabla donde se muestran los mismos datos, al lado hay un botón
eliminar que al hacer clic en ok elimina el campo no sin antes mandar un mensaje de
si desea o no eliminar el registro. Ver pantalla siguiente:
Sección
Materia
Lapso
Grabar
Titulo
Contenido
Fecha Regresar
de
al menú
entrega
Pantalla Formulario Modificar/Eliminar Asignaciones

Pantalla de aviso que se ha modificado con éxito cualquier registro de la base de datos,
además hay dos opciones, SI para modificar otro registro, NO para salir de la
modificac ión de registros. Ver pantalla siguiente:
Pantalla Registro Modificado

Configuración de la Base de datos:
Página de phpMyAdmin
La página de inicio del proyecto es http://www.phpmyadmin.net/. Desde allí podemos

descargar los ficheros de la última versión de la aplicación, que posteriormente
debemos colocar en nuestro servidor web. También podemos encontrar a
phpMyAdmin dentro de la red Sourceforge.net, que es un sitio que recoge multitud de
proyectos "Open Source" (código abierto).
Hay varias versiones disponibles, pero es recomendable escoger la que nos aconsejen
como la última versión estable (The last stable versión). En el momento de escribir
este artículo era la 2.2.6. De modo que, si nuestro sistema es Windows,
descargaremos el archivo phpMyAdmin-2.2.6-php.zip
Los archivos que se han descargado son de la versión 4 de PHP, aunque también
ofrecen la posibilidad de bajarse los archivos que guardan compatibilidad con la
versión 3 de PHP, para que aquellos que no dispongan del motor de PHP más actual.
La página de inicio del programa también nos ofrece la posibilidad de ver un demo
online, aunque nos avisan de que el servidor donde se aloja puede estar caído.
http://www.phpmyadmin.net/phpMyAdmin/
Instalando phpMyAdmin
Una vez descargada la última versión se descomprime, con lo que obtendremos los
ficheros PHP que conforman la herramienta y colocarlos dentro del directorio de
publicación de nuestro servidor web.
Nota: recordamos que phpMyAdmin es un proyecto escrito en PHP, por lo que
necesitaremos colocar los archivos en un servidor web que permita programación
de páginas PHP. Además, deberemos acceder a la herramienta a través de la
dirección del servidor web, seguida del directorio en el que tenemos los archivos
que hemos descomprimido. Por ejemplo, si nuestro servidor es el PWS y hemos
colocado los archivos dentro del directorio de publicación (Generalmente
C:\Inetpub \wwwroot), en el subdirec torio phpMyAdmin, debemos escribir algo
como http://localhost/phpMyAdmin Si tuviéramos instalado un servidor Apache los
colocaríamos en la carpeta que hayamos indicado como "document Root", que
suele ser htdocs.
Lo primero que podemos leer es el archivo de la documentación, que encontramos

junto con los archivos de phpMyAdmin. Explica datos generales del programa, como
sus requerimientos, instrucciones de instalación, configuración, preguntas frecuentes,
etc.
Posteriormente, tal como explica la documentación, hay que editar el archivo
config.inc.php para cambiar los valores de host de la base de datos (ordenador que
tiene instalado el MySQL) y el usuario y password con el que nos conectamos. Se
pueden configurar muchos aspectos en la herramienta, aunque ahora solo comentaré
los que he encontrado esenciales para hacerla funcionar, en la documentación
tenemos un apartado dedicado por completo a especificar el sentido de cada variable.
$cfgPmaAbsoluteUri
Debemos asignarlo a la ruta completa necesaria para acceder a phpMyAdmin. Podría
ser algo como http://localhost/phpMyAdmin o
http://www.midominio.com/phpMyAdmin
$cfgServers[$i]['host'] string
El nombre del host de la base de datos. Por ejemplo localhost, si es que es el mismo
ordenador donde estamos instalandos phpMyAdmin y la base de datos. También
podría ser la dirección IP del ordenador al que nos conectamos.
$cfgServers[$i]['user'] string
$cfgServers[$i]['password'] string
El par usuario/contraseña que debe utilizar phpMyAdmin para conectarse con el
servidor MySQL.
Con estas sencillas configuraciones ya podemos acceder a phpMyAdmin y trabajar
con nuestra base de datos a golpe de ratón, que resulta muy de agradecer teniendo en
cuenta que, en caso de no tener esta herramienta u otra parecida, la otra opción
consistiría en utilizar el lenguaje SQL, y, en caso de que la base de datos esté alojada
remotamente en Internet, no podríamos hacerlo sino es con acceso por TELNET al
servidor de la base de datos.
En lo referente al Mantenimiento de las tabla s, podremos:
1) Revisar la tabla
2) Analizar la tabla
3) Reparar la tabla
4) Optimizar la tabla
5) Vaciar caché
Recomendamos encarecidamente realizar las tareas de mantenimiento de sus bases de
datos periódicamente, tanto revisar posibles fallos en las tablas, como analizar las
bases en busca de errores, para posteriormente poder repararla. Todas estas tareas de
mantenimiento hacen que las bases funcionen fluidamente evitando problemas a la
hora de nave gar por el sitio web.
Apéndice B: Manual de Usuario
Pantalla principal: Esta pantalla contiene el menú principal, el cual a su vez
contiene 4 iconos cada uno con un sub-menú de despliegue estos contienen los
diferentes enlaces de interacción como lo son las notas, planes de evaluación,
horarios y asignaciones. Los alumnos y los padres y/o representantes los utilizan para
consultar la información requerida. Los docentes consultan la misma información
pero con carácter critico de revisión. Los administradores cargan y revisan también
la data, que esté en forma correcta. al lado del menú (parte izquierda) está una tabla
de valoración, para calificar según la puntuación, hacemos clic en la flechita que esta
hacia abajo se despliega una lista del 1 al 5 seleccionamos uno y presionamos votar,
automáticamente se actualizarán los valores, para salir del sistema presionamos en
“Salir del Sistema”.
Salir del sistema
Valoración votar Alumno Padres o Repres. Profesores Administración
Pantalla Principal Interfaz Web Interactiva Colegio Nuestra Señora de Lourdes

Pantalla Formulario Clave Alumnos Padres y/o Representantes: En esta pantalla
se puede observar un pequeño formulario en el cual se pide el usuario y la clave de
entrada, de no existir, se puede registrar presionando el enlace “Registrarse”; Al lado
de las palabras Notas, Asignaciones y Planes hay un botón de selección, se puede
presionar cualquiera de ellos, dependiendo lo que se quiere solicitar, una vez llenados
el usuario y la clave correctamente, se presiona ingresar para solicitar la información
correspondiente, el botón borrar borra todo lo escrito; al presionar regresar, se regresa
a la pantalla principal; por ultimo al presionar ayuda le dará una pequeña explicación
de que hacer con cada dato. Ver pantalla siguiente:
usuario
clave
Registrarse
Notas,
Asignaciones y
Regresar
Planes
ayuda
Ingresar, Borrar
Pantalla Formulario Clave Alumnos Padres y/o Representantes

Pantalla Formulario Clave para Registrarse los Alumnos y Padres o
Representantes: Este formulario viene del anterior, solo se utilizará cuando los
alumnos o los padres entren por primera vez al sistema, o por algún motivo se les haya
perdido la clave; al hacer clic en la flecha de seleccione al lado de Tipo se desplegará
si es alumno o representante; se solicita también la cédula del padre y el alumno,
también el correo electrónico para ser enviada la clave generada aleatoriamente por el
sistema, es obligatorio tenerlo para poder entrar al sistema; existen unos enlaces de los
correos mas utilizados, un botón enviar para validar la información correcta; el botó n
borrar borra lo escrito; si presiona regresar, regresa al menú principal, al presionar
ayuda se activa una pequeña página de ayuda. Ver pantalla siguiente:
Tipo
Cédula
Pad/Rep
Cedula/Alumn
o Correo
Enviar Borrar Conexiones
ayuda Regresar
Pantalla Formulario Clave para registrar Alumnos Padres y/o Representantes.

formulario en el cual se pide el usuario, la clave de entrada y el tipo, si es docente o
administrador, presionando seleccione, de no existir, se puede registrar presionando el
correctamente entrar a otro formulario; el botón borrar borra todo lo escrito; al
dará una pequeña exp licación de que hacer con cada dato. Ver pantalla siguiente:
Tipo
usuario
clave
Registrarse
Ingresar, Borrar Regresar
ayuda
Pantalla Formulario Clave Docentes y Administradores

2
Pantalla Formulario Clave para Registrarse los Docentes y Administradores:

Este formulario viene del anterior, solo se utilizará cuando los docentes y
administradores entren por primera vez al sistema, o por algún motivo se les haya
perdido la clave; al hacer clic en la flecha de seleccione al lado de Tipo se desplegará
si es docente o administrador; se solicita la cédula de l docente o el administrador; la
fecha de nacimiento; también el correo electrónico para ser enviada la clave generada
presionar ayuda se activa una pequeña página de ayuda Ver pantalla siguiente:
Tipo
Cédula
Pad/Rep
Fecha de
Nacimiento Correo
Enviar Borrar Conexiones
Regresar
ayuda
Pantalla Formulario Clave Registros para registrar Docentes y administradores

Pantalla Boletín de Evaluación: El primer bloque contiene todos los datos del
sección; y por último el bloque de los resultados de la evaluación del primero
segundo y tercer lapso; si se presiona imprimir se puede imprimir la boleta; si
presiona ver situación en la sección abre otra pantalla donde se puede ver la situación
en la sección en la cual está el alumno; si presiona en profesores o alumnos en la
esquina inferior derecha, regresa al formulario de entrada de clave; se pueden
observar los logos en la página y en la boleta. La data que se muestra está contenida
en la base de datos del sistema Ver pantalla siguiente:
Datos de la base de datos
Pantalla Boletín de Evaluación

Pantalla Situación en la Sección: El primer bloque contiene todos los datos del
sección; y por último el bloque de la situación del alumnos con respecto al promedio
de la sección del primero segundo y tercer lapso; si presiona imprimir se puede
imprimir la boleta; si presiona regresar al boletín regresa al Boletín; si presiona en
profesores o alumnos en la esquina inferior derecha, regresa al formulario de entrada
de clave; se pueden observar los logos en la página y en la boleta. La data que se
muestra está contenida en la base de datos del sistema Ver pantalla siguiente:
Datos de la base de datos
Pantalla Situación en la Sección

Pantalla Planes de evaluación: En esta pantalla se muestra un cuadro, en la cual
tiene 9 cuadritos, cada uno contiene el enlace correspondiente al grado, al hacer clic
en alguno de ellos se abre un documento bien sea hecho en Word, Excel, PDF, u otro
programa de aplicación; el cual contiene el plan de evaluación correspondiente; más
abajo hay dos enlaces uno para regresar al formulario alumnos y el otro para regresar
al formulario profesores; en la parte superior hay una barra de mensaje desplazable y
por último al pie de pagina hay un cuadro de mansaje que se muestran en todas las
páginas o pantallas. Ver pantalla siguiente:
Todos los
grados
Regresar al Regresar al
formulario formular io
alumnos profesores
Pantalla Planes de Evaluaciones

Pantalla Horarios: En esta pantalla al igual que en la de los planes de evaluación,
también hay 9 cuadritos, en cada uno está el enlace de cada grado, al hacer clic aquí
abre un documento bien sea hecho en Word, Excel, PDF u otro programa de
aplicación en el cual esta el Horario correspondiente a cada grado o sección, en la
parte de abajo está un enlace para regresar al menú principal. En la parte superior hay
una barra de mensaje desplazable y por último al pie de página hay un cuadro de
mansaje que se muestran en todas las páginas o pantallas. Para esta pantalla es
importante señalar que para entrar a ella no existe ninguna restricción, es decir, no
hay clave de entrada, puede entra cualquier actor, que quiera ver los horarios de cada
sección. Ver pantalla siguiente:
Todos los
grados
Regresar
al menú
principal
Pantalla Horarios de Clases

Pantalla menú de ayuda: En esta pantalla se presenta en este caso la ayuda al
formulario de clave alumnos, cabe destacar que por cada formulario existe una
pequeña ayuda para facilitar el entendimiento del formulario, esta pantalla se abre
pequeña y se puede cerrar en cualquier momento. Ver pantalla siguiente:
Pantalla Menú de Ayuda

Pantalla Clave Inválida: Esta pantalla muestra un mensaje si el alumno está
aplazado o no está registrado en el sistema; se le hace un llamado para que pase por
Control de Estudios; Luego al hacer clic en regresar al menú principal, se devuelve al
menú principal. Ver pantalla siguiente:
Regresar al Menú
Principal
Pantalla Clave Inválida

Pantalla Clave enviada: En esta pantalla se muestra un mensaje que la clave fue
enviada con éxito al correo electrónico; luego al presionar Regresar, regresa al menú
de ingreso de clave para entrar a las consultas. Ver pantalla siguiente:
Regresar
Pantalla Clave Enviada

Pantalla Datos Incorrectos: En esta pantalla se muestra un mensaje de que los datos
no fueron correctos al ser cargados en el formulario para pedir la clave por sistema; al
hacer clic en regresar, regresa al formulario para reparar los datos, y al hacer clic en
salir regresa al menú principal. Ver pantalla siguiente:
Regresar Salir
Pantalla Datos Incorrectos

Pantalla alumno ya posee clave: En esta pantalla podemos observar un pequeño
cuadro en el cual aparecen dos opciones Si y No; al hacer clic en SI se genera y se
envía automáticamente por correo una clave aleatoria, la cual servirá para entrar al
sistema posteriormente; al hacer clic en NO aborta o abandona la secuencia y se
mantiene la misma clave. Ver pantalla siguiente:
SI NO
Pantalla: Alumno Ya Posee Clave

Nota: para poder entender mejor este manual, es importante saber que todas las
flechas no forman parte de la página, son colocadas para indicar y ver mejor todas
las palabras que representa al formulario y los campos que se llenan con la data de la
base de datos.
Apéndice C: Manual Del Sitio
Manual del Panel de Control
Correo
La cuenta de correo por defecto:
Su cuenta de correo por defecto actúa como recepto ra de correos mal dirigidos.
Cualquier mensaje de correo enviado a una dirección de correo inexistente en su
dominio será redirigida a esta cuenta. Por ejemplo, si su nombre de usuario es juan su
cuenta de correo por defecto es juan@sudominio.com. Vamos a suponer que alguien
envía un mensaje para maría@sudominio.com y usted no ha creado ninguna cuenta
de correo a nombre de maría. Este mensaje, por tanto, será recibido en la cuenta por
defecto, es decir en juan@sudominio.com.
Para cambiar su cuenta de correo por defecto, entre en su Panel de Control,
Haga clic en Opciones correo y clic nuevamente en Dirección por defecto.
A continuación haga clic en Cambiar dirección por defecto, teclee el nombre de la

nueva dirección (el texto que va antes de la @) y ha ga clic en Cambiar.
Añadir y eliminar cuentas de correos:

Para añadir o eliminar cuentas de correo, acceda a su Panel de Control, haga
clic en Opciones de correo y en Añadir y eliminar correos
Para añadir una nueva cuenta de correo haga clic en Añadir cuenta (en la parte
inferior de la ventana). Se mostrará el siguiente cuadro de diálogo:
En el cuadro de diálogo Dirección teclee el nombre de la nueva cuenta (el texto que
va antes de
La @). En el cuadro de diálogo Contraseña teclee la contraseña para la cuenta de

correo.
En el cuadro de texto Cuota teclee la ocupación máxima en MB del buzón de correo.
Haga clic en el botón Crear.
Para enviar y recibir correo con su nueva cuenta de correo puede hachearlo mediante
WebMail) o utilizar algún programa de correo electrónico.
Para eliminar una cuenta de correo, después de hacer clic en Añadir y Eliminar
correos, en la sección Opciones correo de su Panel de Control, haga clic en la
etiqueta Eliminar de la cuenta de correo que desee eliminar.
Autorespuesta: envía un mensaje de respuesta, de forma automática, al autor de los

mensajes que le envían a usted. Por ejemplo:
En una página de su sitio web hay un
Enlace que dice Recibir más información. Cuando alguien hace clic sobre el enlace,
envía un mensaje de correo a una cuenta determinada de su plan de alojamiento
solicitando información. Inmediatamente que el mensaje es recibido, la
autorrespuesta envía a la dirección de correo electrónico de la persona que solicito
información un mensaje con el texto de respuesta sin que usted deba de intervenir
para nada.
Para crear una autorrespuesta, acceda a su Panel de Control, haga clic en

Opciones de correo y en Autorrespuestas
Se mostrará el cuadro de diálogo de Configurar autorrespuestas (desde el que podrá

eliminar también, las autorrespuestas que ya no le interesen). Haga clic en Añadir
autorrespuesta. Se mostrará el siguiente cuadro de diálogo:
En el cuadro de texto Email teclee la cuenta de correo en la que desea la
autorrespuesta. En el cuadro Desde teclee un nombre descriptivo para la cuenta de
correo (quien reciba la autorrespuesta, leerá que es mensaje es de quien pongamos en
este). En Asunto teclee el título del mensaje de autorrespuesta. Y en cuerpo, el texto
del mensaje (no utilicé código HTML, sólo puede ser texto plano).
Por último haga clic en el botón Crear en la parte inferior de la página.
Redireccionar correo:
Usted puede desear que el correo que envían a una o a todas las cuentas de su plan de
alojamiento se direccione a otra cuenta, ya sea exterior a su plan de alojamiento, o a
una de su propio plan de alojamiento.
Para redireccionar correo, acceda a su Panel de Control, haga clic en

Opciones de correo y en Redireccionamientos.
Se mostrará el cuadro de diálogo Configurar redireccionamientos (desde el que

también, se pueden eliminar los redireccionamientos que ya no nos interesen). Haga
clic Añadir redireccionamiento. Se mostrará lo siguiente:
En el cuadro de texto anterior a la @, teclee el nombre de la cuenta que desea
redireccionar, en el cuadro de texto posterior a la flecha teclee la dirección completa a
la se va a direccionar. Por último haga clic en el botón Redireccionar.
NOTA: Sea muy cuidadoso cuando redireccione cue ntas de correo a direcciones en
su propio plan de alojamiento, ya que inadvertidamente podría crear un bucle
indefinido que bloquease todos sus correos. Por ejemplo juan@sudominio.com se
redirecciona a maria@sudominio.com y de nuevo se vuelve a redireccionar
maria@sudominio.com a juan@sudominio.com.
Filtros de correo:
Puede impedir que a una cuenta de correo determinada llegue cierto tipo de correo
colocando filtros para la dirección de correo del remitente, la cabecera del mensaje,
título o para cualquier frase que aparezca enel cuerpo del propio mensaje.
Para filtrar correo, acceda a su Panel de Control, haga clic en Opciones de

correo y en Bloquear una dirección.
Se mostrará el cuadro de diálogo Mantenimiento de filtros (desde este cuadro de

diálogo puede eliminar, también, los filtros que ya no le interesen), haga clic en
Añadir filtro. Se le mostrará la pantalla siguiente:
Use los menús desplegables para seleccionar que es lo que quiere filtrar. Por ejemplo
si desea filtrar mensajes con contenido pornográfico, podría seleccionar Asunto,
Cuerpo o Cualquier cabecera en el primer menú desplegable y Contiene del segundo
menú desplegable. A continuación teclee una palabra o frase que aparezca
frecuentemente en el Asunto, Cuerpo o Cabecera del mensaje, de los mensajes con
contenido pornográfico, por ejemplo sexo. Si no desea recibir mensajes de una
determinada dirección de correo, en el primer menú desplegable, seleccione De, en el
segundo es igual a y en el cuadro texto teclee la dirección de correo electrónico.
Una vez establecido el filtro, haga clic en el botón Activar.
Alias de correo:
En principio, no debería por que utilizar alias de correo, ya que se redirecciona

cualquier dirección de correo que usted no tenga dada de alta a la dirección de correo
por defecto.
Puede acceder a sus cuentas de correo electrónico a través de su navegador web, sin
tener que configurar ningún programa de correo electrónico tipo Outlook Express o
Eudora. Para ello teclee:
http://www.sudominio.com/webmail/ (no olvide la barra final).
Se mostrará un cuadro de diálogo en el que deberá introducir su Nombre de usuario

y Contraseña.
 Nombre de usuario: Será la dirección completa de la cuenta de correo
electrónico a la que desea acceder. Por ejemplo usted@sudominio.com*
 Contraseña: La contraseña (Password) que le asignó a la cuenta de correo en
el momento en el que la creó.
Hay una excepción. Si desea acceder a su cuenta de correo por defecto

(nombredeusuario@sudominio.com) y no a una que usted haya creado desde su
panel de control, el Nombre de us uario será el nombre de usuario de su panel de
control y la contraseña será la de su panel de control.
Para poder administrar su cuenta de correo, haga clic en NeoMail. Si desea cambiar
la contraseña, haga clic en Change Password.
La primera vez que accede al programa, deberá de contestar a unas sencillas

preguntas para configurarlo:
 Language: Aquí debe de seleccionar el idioma en el que desea que el

programa trabaje. Puede elegir el Español.
 Real Name : Teclee el nombre que desea que aparezca cuando envíe un
mensaje.
 From: No modifique esta opción. Déjela tal y como está.
 Reply-to: Deje esta opción en blanco, a no ser que desee enviar sus respuestas
a otra dirección de correo.
 Style: Para cambiar los colores del entorno.
 Default sort: Elija por que campo desea que se ordenen los mensajes en las
distintas bandejas.
 Messages per page: Seleccione el número de mensajes que desea que se
muestren por página.
 Default Headers: El tipo de cabecera que se mostrará al leer un mensaje.
Para la mayoría de los usuarios la opción más aconsejable es Simple Headers.
 Signature: Es un texto de hasta 500 caracteres que se mostrará al final de
todos los mensajes que envíe.
Haga clic en el botón Save para guardar las preferencias seleccionadas.
Nota: Después de hacer clic en Save, si ha elegido el Español como lenguaje, todo el
programa se mostrará en Español.
Neomail presenta el siguiente aspecto:
Para salir de Neomail haga clic en el botón con forma de X a continuación de el de

vaciar la papelera.
Acceso FTP
Una vez que está listo para publicar su sitio web en Internet, puede hacerlo utilizando
cualquier programa cliente de FTP. Nosotros le recomendamos que utilice WS_FTP
LE (en Inglés) o Nico_FTP (en Español), ambos gratuitos, para publicar sus páginas
web.
De todos modos puede utilizar cualquier otro programa cliente FTP si así lo prefiere.
Usted puede acceder a su plan de alojamiento, de forma inmediata, nada más recibir
su e- mail de bienvenida, ya que éste contiene toda la información necesaria para
realizar la conexión.
Utilice la siguiente información para configurar sus programas FTP:
 Nombre del host (Host name): ftp.sudominio.com

 Nombre de usuario (Username): El mismo que utiliza para acceder a su Panel
de Control.
 Contraseña (Password): La misma que utiliza para acceder a su Panel de
Control
Nota: Recuerde que el nombre de usuario, la contraseña y la dirección IP se le

proporcionan mediante correo electrónico, nada más contratado un plan de
alojamiento.
Cuando conecte por primera vez con su plan de alojamiento vía FTP verá una lista de
carpetas similar a la siguiente:
 mail
 public_ftp
 public_html
 tmp
 www
Sus páginas web deben de ser copiadas en la ca rpeta public_html, asegúrese de que
copias sus archivos en el interior de esta carpeta. La página principal de su sitio web
(la que se verá. En los navegadores tras teclear su nombre de dominio) deberá de
llamarse index.htm o index.php. Usted, desde luego, puede utilizar subcarpetas para
almacenar sus páginas web si lo desea, pero recuerde que esas subcarpetas debe de
copiarlas en el interior de la carpeta public_html.
Cuando utilice su programa de FTP, por favor, no borre ningún archivo o carpeta
preinstalada. Esos archivos y carpetas son esenciales para el correcto funcionamiento
de su plan de alojamiento. El borrado o renombrado accidental de ellos podría causar
una corrupción de su sitio web, que en algunos casos sólo se podría corregir con una
reinstalación completa de su plan de alojamiento.
Múltiples cuentas de FTP:
Todos los planes de alojamiento de Caracashosting permiten configurar más de una

cuenta de FTP para poder actualizar su plan de alojamiento.
Para configurar una cuenta de FTP nueva, acceda a su Panel de

Control, haga clic en Configuración y nuevamente clic en
Cuentas FTP://
Se mostrará el cuadro de diálogo Mantenimiento de cuentas (también puede utilizar

este cuadro de diálogo para eliminar las cuentas de FTP que ya no desee utilizar).
Haga clic en Añadir cuenta FTP. A continuación teclee el nombre de usuario y la
contraseña de la nueva cuenta FTP y haga clic en el botón crear.
Inmediatamente se creará en su carpeta public_html una carpeta con el mismo

nombre del usuario de la nueva cue nta de FTP. A esa carpeta es a la que este nuevo
usuario tendrá acceso.
FTP Anónimo:
Los planes de alojamiento de Caracashosting, no disponen de FTP anónimo por

defecto. Si usted necesita un plan de alojamiento con FTP anónimo, por favor,
póngase en contacto con nosotros, antes de contratar su plan de alojamiento.
Administrador de Archivos (file manager)
El Administrador de Archivos que se entrega con el Panel de Control es un recurso

muy potente para trabajar con los archivos y carpetas que contiene con su plan de
alojamiento. Con el podrá realizar operaciones que con otros proveedores de
alojamiento web tendría que realizar mediante Telnet o FTP, como son: el cambio de
permisos para archivos y carpetas, la carga de archivos desde el disco duro de su
ordenador, creación y edición de páginas HTML y archivos de texto directamente en
el servidor, o la creación y eliminación de subcarpetas.
Para trabajar con el Administrador de Archivos, acceda al Panel de

Control, haga clic en Opciones Acceso y en Administrador de Archivos
El Administrador de Archivos se muestra en una ventana nueva que se divide en tres

marcos.
El marco de la izquierda muestra las carpetas y archivos del sitio web. El marco
superior derecho nos indica las acciones que podemos realizar con la carpeta o
archivo que tengamos seleccionado en el marco de la derecha. El marco inferior
derecho muestra el contenido de la Papelera .
En el panel de la izquierda hay enlaces para crear nuevos archivos o carpetas o para
cargar archivos desde el disco duro de nuestro ordenador. A la derecha de cada
carpeta o archivo aparecen una columna (si se trata de carpetas) o dos columnas
(si es un archivo) con unos números. La columna de la izquierda indica el tamaño del
archivo y la derecha los permisos de ese archivo o carpeta.
Cuando hace clic sobre el gráfico que representa una carpeta, se abre esa carpeta y
muestra su contenido.
Cuando hace clic sobre el nombre de un archivo o carpeta (sobre el texto, no sobre el
gráfico), en el panel superior derecho verá, las acciones que puede realizar con ese
archivo o carpeta.
Cuando elimina un archivo o carpeta este se mueve a la Papelera. En el panel inferior

derecho, puede ver el contenido de la Papelera, basta con que haga clic en el nombre
de un archivo o carpeta y éste se restaurará a su ubicación original. Tiene también un
enlace para vaciar la Papelera.
IMPORTANTE: Recuerde que sólo es visible a través de Internet aquello que hay en
la carpeta public_html. No edite o elimine ninguna carpeta o archivo preinstalados en
su plan de alojamiento, son imprescindibles para su correcto funcionamiento. No
debería, a no ser que esté muy seguro de lo que está haciendo, trabajar fuera de la
carpeta public_html.
Proteger carpetas con contraseña
IMPORTANTE: NO USE esta opción para proteger carpetas desde su Panel de

Control, si tiene activadas las extensiones FrontPage. Por favor consulte la ayuda de
FrontPage para proteger carpetas desde el propio FrontPage.
Para proteger un directorio con contraseña:
1. Acceda a su Panel de Control

2. Haga clic en Opciones acceso
3. Haga clic en Proteger directorios
4. Haga clic en la carpeta a proteger
5. Seleccione la casilla La carpeta requiere contraseña para acceder vía
http://
6. Escriba un nombre para la carpeta que desea proteger en el cuadro Nombre
del recurso protegido
7. Teclee un nombre de usuario para la carpeta a proteger en el cuadro Usuario
y una contraseña en el cuadro Contraseña
8. Haga clic en el botón Añadir usuario
Si desea añadir nuevos usuarios, repita los pasos 7 y 8 tantas veces como usuarios
desee añadir al recurso protegido.
Esta protección es para proteger el acceso a carpetas vía web solamente, no crea
usuarios FTP.
Estadísticas
Puede visualizar las estadísticas de su sitio web a través del Panel de Control.
Para acceder a las estadísticas de su sitio web:

2. Haga clic en Herramientas
3. Haga clic en Estadísticas Web/FTP
Puede acceder a 4 tipos diferentes de estadísticas
1. Analog: Presenta un sumario de toda la gente que ha accedido a su sitio web.

Es rápido y produce estadísticas muy fácilmente interpretables.
2. Webalizer: Es un programa muy completo. Presenta una variedad de tablas y
gráficos que analizan en profundidad quien ha visitado su sitio. Muestra dos
tipos de estadísticas: Estadísticas de su sitio web y estadísticas de su sitio
FTP (en caso de que disponga de uno).
3. Latest Visitors : Muestra información de los 300 últimos visitantes de sus
sitio web.
4. Error logs : Muestra los errores que se han producido en su sitio web,
imágenes no cargadas, archivos perdidos, etc. Es muy útil para depurar
scripts cgi.
CGIs Autoinstalables
Con todos nuestros planes de alojamiento vienen listos para instalar los siguientes
CGI's:
HTML Aleatorio (Random HTML) : Es es un generador de
html aleatorio. El script toma un segmento de html de una lista de
expresiones y lo inserta en una página web habilitada mediante
SSI. Se utiliza por ejemplo para "Cita del Momento", y otras
cosas similares.
Libro de visitas (GuestBook):Es un libro de visitas simple para

que sus visitantes puedan ver y firmar.
Libro de visitas avanzado (Advanced GuestBook): Un libro de

visitas con opciones avanzadas.
Contadores (Counter): Podrá crear fácilmente un contador para

contabilizar cuántos visitantes llegan a su sitio.
Reloj (Clock): Con esta utilidad puede crear un reloj java en

tiempo real para su sitio.
Contador regresivo (Contdown): Usted puede crear un

contador regresivo hacia una fecha específica.
CGI Email: Con cgiemail podrá crear fácilmente formularios de

salida de correo electrónico en sus páginas web.
Form Email Clone: Es un clon del FormMail de Matt Wright.
Entropy Search: Le permite configurar motores de búsqueda en

sus páginas web
Entropy Banner: Esta CGI le permite crear banners rotativos en

su sitio web
Puede instalar estos CGI's desde su panel de control.

Aplicaciones de comercio electrónico
Akopia Interchange
Akopia Interchange™ es una de las aplicaciones más completas que existen para
crear comercios virtuales. Caracashosting ofrece Akopia Interchange como un
servicio añadido que permita a nuestros usuarios crear un comercio electrónico
completamente integrado en con nuestros servidos. Caracashosting no ofrece soporte
técnico para esta aplicación, sin embargo, puede encontrar gran cantidad de
información útil (en inglés) en el manual de usuario de Akopia Shoping Cart.
Akopia Shopping Cart User's Manual
Puede instalar Akopia Interchange desde su Panel de Control, haciendo clic en

Herramientas y nuevamente clic Carrito de compra Interchange.
Bases de datos Mysql y PhpMyAdmin
Introduccón a MySQL
SQL son las siglas de Srructured Query Language (Lenguaje

estructurado de consultas). Es el lenguaje más utilizado en la actualidad
para acceder a bases de datos. SQL es el lenguaje que utiliza el gestor
de bases de datos MySQL, que se distribuye con todos los planes de
alojamiento de Caracashosting, y al que se puede acceder a través del
Panel de Control.
Sin entrar en detalles técnicos, SQL es un lenguaje formado por un conjunto de

comandos que le permitirán crear, modificar y visualizar información de una base de
datos. En está página encontrará algunos ejemplos de estos comandos.
Estos comandos se pueden escribir en un CGI (Graphical User Interface) o bien
incrustándolos en un programa que usted mismo escriba. El Panel de Control de
MySQL (PhpMyAdmin), que se le proporciona con su plan de alojamiento, es un
interfaz gráfico que le permite administrar, de forma sencilla y eficiente, su base de
datos MySQL por medio de su navegador web.
Para poder acceder a los datos que contiene su base de datos, a través de su sitio web,
necesita crear un script CGI. Estos scripts son pequeños programas que se ejecutan en
el servidor en el que se encuentre su sitio web y que se activan haciendo clic en un
enlace o botón de una página web. De está forma permitirá a los usuarios de su sitio
web interactuar con su base de datos de una forma intuitiva. Utilizando scrips CGI en
conjunción con MySQL podrá mantener información sobre los visitantes de su sitio
web, les permitirá buscar y hojear catálogos, y muco más. Vea, más adelante, en está
misma página, como configurar esos scripts.
MySQL es una implementación del lenguaje SQL desarrollado por TcX. Es robusto,
rápido y muy flexible. Proporciona todos los comandos y tipos de datos estándar del
SQL. MySQL se le proporciona, en todos los planes de alojamiento de
Caracashosting como parte de su plan de alojamiento sin cargo adicional. MySQL se
pronuncia "Mai ess cue el".
La información completa sobre MySQL se puede encontrar en la web oficial de

MySQL (en inglés). Dispone de infinidad de libros, tanto en Español como en Inglés,
que describen el funcionamiento de MySQL.
NOTA: tenga en cuenta que Caracashosting no proporciona soporte técnico o de

desarrollo para aplicaciones MySQL. Aunque sí le ayudaremos a crear bases datos
y usuarios para ellas, y responderemos a todas sus preguntas sobre PhpMyAdmin.
Utilización del Panel de Conntrol MySQL
Esta utilidad, a la que puede acceder por medio de su Panel de Control, es la que le
permitirá administrar su base de datos: diseñar tablas, añadir, eliminar, actualizar
registros, y todo de forma intuitiva desde su navegador web.
Para utilizar esta opción:

2. Haga clic en Opciones Avanzadas
3. Haga clic en Bases de datos Mysql
La primera vez que accede a esta sección de su Panel de Control, se pedirá que
proporcione un nombre y una contraseña para su base de datos, si lo desea puede
utilizar el mismo nombre y contraseña que utiliza para acceder a su Panel de Control.
Una vez que la base de datos está creada, y usted regresa a la pantalla anterior,
utilizando el enlace Retroceder puede acceder al Panel de Control de MySQL
haciendo clic en PhpMyAdmin en la parte inferior de la página. Se mostrará la
página de bienvenida de PhpMyAdmin. En la parte izquierda de la página se muestra
una vista general, con el nombre de su base o bases de datos y las tablas que contiene
(si no ha diseñado ninguna tabla todavía, sólo verá el nombre de la base de datos). En
la parte derecha de la página se muestra la versión de MySQL que se está utilizando y
entre otras opciones puede cambiar el idioma con el que desea trabajar (Español ent re
otros).
El panel de la izquierda (vista general)
En la parte superior se muestra la palabra Home (inicio), haciendo clic sobre ella se
regresa a la pantalla de bienvenida. Debajo de Home, aparece el nombre de su base
datos con un pequeño cuadrado con un signo más (+) en su interior. Haciendo clic en
el cuadrado, el signo más (+), se convertirá en un signo menos (-) y se mostrarán los
nombres de las tablas de su base de datos.
Haciendo clic en el símbolo menos (-) se ocultarán los nombres de las tablas. Si hace
clic en el nombre de la base de datos, en el panel derecho se visualizará la página
principal de administración de la base de datos. Haciendo clic, en el panel de la
izquierda sobre el nombre de una tabla, se mostrará, en el panel de la derecha, las
propiedades de esa tabla.
Página principal de administración de la base de datos
Esta página se visualiza en el panel derecho cuando hacemos clic, en el panel

izquierdo, sobre el nombre de la base de datos. En esta página se muestran todas las
tablas de su base de datos y el número de registros que hay en cada una de ellas.
Puede también ejecutar sentencias SQL, realizar consultas avanzadas, borrar la base
de datos o crear nuevas tablas.
En cada tabla de la lista tablas tiene enlaces para administrar la tabla.
Examinar (Browse) muestra los registros de la tabla (30 por página). Desde la página
Examinar puede editar o eliminar el registro.
Seleccionar (Select) le permite diseñar consultas para la tabla. Sólo se mostrarán

registros que cumplan los criterios establecidos en la consulta.
Insertar (Insert) le permite añadir nuevos registros a la tabla. La información se

introduce en los diferentes campos del registro. Posee funciones que le permiten de
forma automática: introducir la fecha del sistema, generar números aleatorios, etc.
Una vez introducida la información del nuevo registro, pulse sobre el Siga para
añadir el registro a la tabla.
Vaciar Borra todos los registros de la tabla. Sea cuidadoso al utilizar está opción, ya
que aunque la tabla no se borrará, si lo harán todos los registros que contiene.
Eliminar: Borra la tabla y todo su contenido. Una vez utilice esta opción la tabla y
todo su contenido dejaran de ser accesibles. Sea muy cuidadoso con este comando.
Otras opciones En esta misma página dispone de opciones para visualizar y/o
modificar la estructura de la tabla, realizar consultas mediante comandos SQL,
importar tablas, renombrar, mover o copiar tablas a otras bases de datos... Lea la
documentación que acompaña a cada una de estas opciones para aprender a
utilizarlas. Sea cuidadoso con todas las operaciones que conlleven operaciones de
eliminado o borrado (realice copias de seguridad de su base de datos antes de ejecutar
este tipo de órdenes).
Ejemplos de comandos SQL
A continuación se muestran unos pocos ejemplos para darle una idea de qué es SQL y
cómo funciona.
Por ejemplo,
CREATE TABLE ListaTelefonos ( Id char(5), Nombre char(50), Telefono char(11));
crea una tabla nueva, en su base datos, de nombre ListaTelefonos con tres campos, Id,
Nombre y Telefono, permitiendo almacenar en cada uno de ellos 5, 50 y 11 caracteres
respectivamente.
El comando
INSERT INTO ListaTelefonos (Id, Nombre, Telefono)

VALUES ('AAA','José Pérez','9432656');
Añade un regitro nuevo a la tabla. Le asigna al campo Id el valor "AAA", al campo

Nombre el valor "José Pérez" y al campo Telefono el valor "9432656".
El comando
SELECT Nombre, Telefono FROM ListaTelefonos WHERE Id = 'AAA';
Localiza en la tabla ListaTelefonos, el Nombre y Telefono de todos los registros en

los q ue el campo Id es igual a 'AAA'.
Estos son, desde luego, comandos muy simples. Pudiéndose escribir comandos
mucho más complicados para realizar tareas mucho más precisas.
Muchos de los clientes de Caracashosting lo hacen todo a través del Panel de control
de MySQL (PhpMyAdmin) y no utilizan los comandos descritos con anterioridad.
Pero, desde luego, si usted piensa administrar una base de datos compleja, debería
tener nociones, cuanto más avanzadas mejor, de SQL. En el mercado existen muchos
libros, que exp lican con detalle y ejemplos el uso del SQL.
Alta en buscadores
Esta opción de su Panel de Control le permite dar de alta su sitio web en varios
motores de búsqueda con sólo unos pocos clics.
Para dar de alta su sitio web en los motores de búsqueda, acceda a su

Panel de Control, haga clic en Herramientas y a continuación en Alta en
Buscadores. Se mostrará el siguiente cuadro de diálogo.
Seleccione los motores de búsqueda en los que desea dar de alta su web, y rellene el
resto de campos del formulario. Para finalizar haga clic en el botón Enviar. Sea
paciente, el proceso de inscripción puede tardar algunos minutos.
NOTA: De todas formas, si usted desea que su presencia en los buscadores sea lo
más eficiente posible, haga la inscripción en ellos manualme nte y renuévela cada
cierto tiempo.
Otras herramientas
Subdominios:
Un subdominio es un nombre de dominio que está basado en su nombre de dominio

actual. Un ejemplo de un subdominio del dominio sudominio.com podría ser
contable.sudominio.com. Esta característica le será útil si desea dividir su sitio web en
diferentes secciones.
Las páginas web de su subdominio se alojarán en un subdirectorio o carpeta que

tenga el mismo nombre que el subdominio, dentro de public_html. Por ejemplo:
http://test.sudominio.com es lo mismo que http://sudominio.com/test
Los subdominios se configuran desde su Panel de Control (siempre que su plan de

alojamiento, tenga capacidad para crear subdominios). Recuerde que por cada
subdomio, deberá de tener una carpeta del mismo nombre dentro de la carpeta
public_html de su sitio web.
Para configurar un subdominio:

2. Haga clic en Configuración
3. Haga clic en Subdominios
4. Teclee en el cuadro de texto el nombre del subdominio (recuerde que en
public_html debe de existir una carpeta con el mismo nombre)
5. Haga clic en Añadir
Herramientas d red:
Este enlace le proporcionará acceso a dos herramientas distintas. Buscar dominio le

permite buscar las DNS asociadas a un dominio determinado. Con Rastrear ruta se
traza la ruta desde el servidor hasta su ordenador (esta herramienta puede que no
siempre funcione). Para acceder a las Herramientas de red, utilice el menú
Herramientas de su Panel de Control
Copias de Seguridad:
Esta opción de su Panel de Control le permite bajarse en un archivo comprimido el

contenido de los archivos y carpetas que existen en su sitio web. Esta es una
excelente manera de realizar backups periódicos del contenido de su plan de
alojamiento.
IMPORTANTE: Caracashosting como parte de su política de actuación realiza

copias de seguridad de sus servidores al menos una vez al día, pero sólo se utilizan
como medida de seguridad en el caso de estos sufrieran una avería y se perdiese toda.
Nunca se utilizarán para restaurar la información que un usuario en particular pueda
perder por un borrado accidental o intencionado al modificar su sitio web. Por tanto
recomendamos a nuestros usuarios que realicen copias periódicas del contenido de su
sitio web. Para acceder a esta opción, haga clic en el menú Opciones de Acceso de su
Panel de Control, y a continuación clic en Copias de seguridad.
Para realizar una copia de seguridad de su sitio web, haga clic en Descargar la copia
de seguridad de hoy. Las copias de sus bases de datos las debe de realizar aparte, para
ello, en la sección Descargar copia de seguridad de BD SQL, haga clic en el nombre
de la base de datos que desea copiar. Guarde los archivos comprimidos en disco duro
de su ordenador.
Para restaurar una copia de seguridad realizada con anterioridad, utilice lasección
Restaurar una copia de seguridad.
NOTA PARA USUARIOS DE WINDOWS: Los archivos de seguridad se

descargan comprimidos en formato .tar.gz, un formato de compresión muy utilizado
en máquinas con sistema operativo UNIX. Hay utilidades, en entorno Windows, para
descomprimir estos archivos.

Pagina Web Interactiva para Colegio Privada

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Pagina Web Interactiva para Colegio Privada

Cargado por

Copyright:

Formatos disponibles

NIVERSIDAD NACIONAL ABIERTA

CENTRO LOCAL CARABOBO

Página Web interactiva para una Unidad Educativa Privada

Trabajo de Grado presentado ante la

Universidad Nacional Abierta

Por Celido R. Silva P.

Para Obtener el Tí tulo de

Valencia, Marzo 2009

UNIVERSIDAD NACIONAL ABIERTA

Página Web interactiva para una Unidad Educativa Privada

Autor: Celido Ramón Silva Pérez, C.I: 11.155.810

Tutor Académico: Ing. Rosa Belén Pérez, C.I: 8.833.341

Tutor Empresarial: Lic. María Cecilia Rodríguez, C.I: 3.475.073

Valencia, Marzo 2009

I.1 Planteamiento del Problema 17

I.2 Objetivo General 18

I.3 Objetivos Específicos 18

I.5 Delimitación y Alcance 20

CAPÍTULO II MARCO TEÓRICO

II.2 Bases Teóricas 24

CAPÍTULO III MARCO METODOLÓGICO

III.1 Naturaleza de la investigación 81

III.2 Modalidad de la investigación 81

III.3 Tipo de Investigación 81

III.4 Fases Metodológicas 82

III.5 Desarrollo de las Fases Metodológicas 82

III.5.1 Desarrollo de la Fase I 84

III.5.2 Desarrollo de la Fase II 84

III.5.3 Desarrollo de la fase III 85

III.5.4 Desarrollo de la fase IV 85

III.5.5 Desarrollo de la fase V 86

III.6 Áreas de Conocimientos Relacionadas 88

III.7 Recursos a utilizar 88

CAPTULO IV PRESENTACION DE LA SOLUCION

Descripción de la fase I (Diagnóstico) 90

Descripción de la fase II (Factibilidad) 94

Descripción de la fase III (Diseño) 95

Descripción dela fase IV (Implantación) 193

Descripción de la fase V (Validación) 212

Pruebas del nuevo sistema 213

Número Descripción Página

01 Visibilidad del estado del sistema 43

02 UML (Unified Modeling Language) 48

08 Ejemplo de un Diagrama de Actividad 59

09 Ejemplo de un Diagrama de Estado 60

10 Ejemplo de un Diagrama de Casos de Uso 61

11 Representación de una Página de Cliente en UML 67

12 Representación de una Página de Servidor en UML 67

13 Representación de un Formulario en UML 68

14 Representación de un Fra meset en UML 68

16 Personal Home Page PHP 70

17 Gráfica del número de dominios y direcciones IP que utilizan PHP 69

Número Descripción Página

38 Diagrama de clase para asignaciones, actor padre y/o representante 112

39 Diagrama de clase planes de evaluación, actor padre y/o representantes 113

40 Diagrama de clase horarios de clases, actor padre y/o representantes 114

41 Diagrama de clase para evaluación, actor docente 115

42 Diagrama de clase para asignaciones, actor docente 116

43 Diagrama de clase para planes de evaluación, acto r docente 117

44 Diagrama de clase para horarios de clases, actor docente 118

45 Diagrama de Actividades Actualizar evaluaciones por parte del Actor

47 Diagrama de Actividades. Actualizar planes de evaluación por parte del Actor

48 Diagrama de Actividades. Actualizar Horarios de clase por parte del Actor