t37238 Tesi Web Interactiva

NIVERSIDAD NACIONAL ABIERTA
CENTRO LOCAL CARABOBO

CARRERA: INGENIERIA DE SISTEMAS
TRABAJO DE GRADO
Pgina Web interactiva para una Unidad Educativa Privada

(Caso de Estudio: Colegio Nuestra Seora 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 Ramn Silva Prez, C.I: 11.155.810

Tutor Acadmico: Ing. Rosa Beln Prez, C.I: 8.833.341
Tutor Empresarial: Lic. Mara Cecilia Rodrguez, C.I: 3.475.073
Valencia, Marzo 2009
NDICE GENERAL
Pgina Nro.
Veredicto
ii
Agradecimientos
iii
Dedicatoria
iv
ndice General
Resumen
Introduccin
xiv
xv
CAPTULO I El PROBLEMA
I.1 Planteamiento del Problema
17
I.2 Objetivo General
18
I.3 Objetivos Especficos
18
I.4 Justificacin
19
I.5 Delimitacin y Alcance
20
CAPTULO II MARCO TERICO

II.1 Antecedentes
21
II.2 Bases Tericas
24
CAPTULO III MARCO METODOLGICO

III.1 Naturaleza de la investigacin
81
III.2 Modalidad de la investigacin
81
III.3 Tipo de Investigacin
81
III.4 Fases Metodolgicas
82
vi
III.5 Desarrollo de las Fases Metodolgicas
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

Descripcin de la fase I (Diagnstico)
90
Descripcin de la fase II (Factibilidad)
94
Descripcin de la fase III (Diseo)
95
Descripcin dela fase IV (Implantacin)
193
Descripcin de la fase V (Validacin)
212
Pruebas del nuevo sistema
213
CAPTULO V
Conclusin
215
Recomendaciones
216
BIBLIOGRAF A
218
ANEXOS
APENDICES
vii
LISTA DE FIGURAS
Nmero
Descripcin
Pgina
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 colaboracin
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
Representacin de una Pgina de Cliente en UML
67
12
Representacin de una Pgina de Servidor en UML
67
13
Representacin de un Formulario en UML
68
14
Representacin de un Fra meset en UML
68
15
Rational Rose 98
69
16
Personal Home Page PHP
70
17
Grfica del nmero de dominios y direcciones IP que utilizan PHP
69
18
Funcionamiento de PHP
73
19
PhpMyAdmin
75
20
MySQL
75
viii
LISTA DE FIGURAS
Nmero
Descripcin
Pgina
21
WampServer
82
22
Ciclo de Vida para el Desarrollo de Sistemas de Informacin
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 evaluacin, 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 evaluacin, 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 evaluacin, actor padre y/o representantes 113
40
Diagrama de clase horarios de clases, actor padre y/o representantes
114
41
Diagrama de clase para evaluacin, actor docente
115
42
Diagrama de clase para asignaciones, actor docente
116
43
Diagrama de clase para planes de evaluacin, acto r docente
117
44
Diagrama de clase para horarios de clases, actor docente
118
ix
LISTA DE FIGURAS
Nmero
45
46
Descripcin
Pgina
Diagrama de Actividades Actualizar evaluaciones por parte del Actor

Control de estudios
119
Diagrama de Actividades. Actualizar asignaciones por parte del Actor

Control de Estudios
120
47
Diagrama de Actividades. Actualizar planes de evaluacin por parte del Actor

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

Control de Estudios
122
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
Diagrama de Actividades consultas hechas por parte del actor padres y/o
representantes
126
52
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 Colaboracin Evaluacin Actor: Control de Estudios
63
Diagrama de Colaboracin Planes de Evaluacin Actor: Control

de Estudios
137
Diagrama de Colaboracin Asignaciones Actor: Control Estudios
137
136
64
LISTA DE FIGURAS
Nmero
65
66
Descripcin
Pgina
Diagrama de Colaboracin Planes de Evaluacin Actor: Control

de Estudios
138
68
Diagrama de Colaboracin Horarios de clases Actor: Control de

Estudios
Diagrama de Colaboracin Consultas varias Actor: P adres y/o
Representantes
Diagrama de Colaboracin Vistas varias Actor: Docente
69
Diagrama de Colaboracin Vistas varias c u a l q u i e r Actor
142
70
Diagrama de Estado. Actor: Control de Estudios
143
71
Diagrama de Estado. Actor: Alumno
144
72
Diagrama de Estado. Actor: Padres y/o Representantes
145
73
Diagrama de Estado. Actor: 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
67
79
Diagrama de Componentes
y/o representantes
139
140
141
cualquier Actor: alumno, docente, padres

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
85
Diagrama de Despliegue. Cualquier Actor: Alumno, Padres y/o

representantes y docentes
Diagrama de Despliegue. Comportamiento Actor-web
157
158
xi
Nmero
LISTA DE FIGURAS
Descripcin
Pgina
86
Modelo de Diseo. Autorizacin Actor Control de Estudios
184
87
Modelo de Diseo. Actualizacin de Datos Actor Control de Estud ios 185
88
Modelo de Diseo. Autorizacin Actor Alumno
186
89
Modelo de Diseo. Actualizacin Actor Alumno
186
90
91
Modelo de Diseo. Autorizacin Actor Padres y/o Representantes

Modelo de Diseo. Actualizacin Actor Padres y/o Representantes
187
188
92
Modelo de Diseo. Autorizacin Actor Docentes
189
93
Modelo de Diseo. Actualizacin Actor Docentes
189
94
Modelo de Diseo. Actualizacin C ualquier Actor
190
95
Modelo Conceptual de la Interfaz
192
96
Pantalla Principal Interfaz Web Interactiva Colegio Nuestra

de Lourdes
Seora
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 Boletn de Evaluacin
199
102
Pantalla Situacin en la Seccin
200
103
Pantalla Planes de Evaluaciones
201
104
Pantalla Horarios de Clases
202
105
Pantalla Men Asignaciones
203
106
Pantalla Formulario aadir asignaciones
204
xii
LISTA DE FIGURAS
Nmero
Descripcin
Pgina
107
Pantalla Formulario Modificar/Eliminar Asignaciones
205
108
206
109
Pantalla Men de Ayuda
207
110
Pantalla Clave Invlida
208
111
Pantalla Clave Enviada
209
112
Pantalla Datos Incorrectos
210
113
211
xiii
Nmero
01
Fase de diagnstico
LISTA DE TABLAS
Descripcin
Pgina
86
02
Fase de factibilidad
86
03
Fase de diseo
87
04
Fase de Implantacin
87
05
Fase de validacin
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 Seccin
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 Situacin Seccin
168
21
Tabla Planes Evaluacin
169
22
Tabla Usuarios
169
23
Tabla Usuarios2
169
24
Tabla Valoraciones
170
xiv
UNIVERSIDAD NACIONAL ABIERTA


Valencia)
Autor: Celido Ramn Silva Pre z
Tutor Acadmico: Prof. Rosa Beln Prez
Tutor Empresarial: Prof. Mara Cecilia Rodrguez
RESUMEN
Tomando en cuenta el acelerado desarrollo de los sistemas de informacin
potenciados por Internet, las corporaciones e instituciones dependen cada vez mas de
este medio como alternativa para satisfacer necesidades de intercambio de
informacin, aprovechado de esta forma mltiples herramientas. Las instituciones de
educacin media, no escapan a tal realidad, de all que en el presente trabajo tiene
como objetivo desarrollar una pgina Web dinmica que permita la interaccin de la
data concerniente entre alumnos y profesores de la U. E. Colegio Nuestra Seora 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
diseo de sistemas basados en UML. La metodologa de la investigacin se basa en el
Proyecto factible y el abordaje tecnolgico sigue la Orientacin a Objetos. La
validacin del diseo y desarrollo toma en cuenta la metodologa de Jakob Nielsen, la
del Dr. Pere Marqus Graells y Thomas Powell especialistas en la creacin de
pginas web dinmicas adaptadas a los modelos educativos. Como resultado se ha
obtenido una pagina Web dinmica que abre acceso a una base de datos interactiva
donde alumnos y profesores convergen en la gestin de informacin acadmico
administrativa de la Unidad Educativa Nuestra Seora de Lourdes.
Palabras Claves: Pginas Web Dinmica, PHP, MySQL, UML. Orientacin a objetos.
xv
INTRODUCCIN
Existe en la actualidad una gran diversidad de tecnologas (TIC: Tecnologas
de la Informacin y Comunicaciones), las cuales permiten llevar a cabo tareas
informativas
de gran alcance, utilizando medios electrnicos y aprovechando
servicios de la red internet Word Wide Web (WWW). Para sacarle provecho a estas
nuevas tecnologas, frente a esta gran demanda de servicios, se han desarrollado
grandes cantidades de sitios Web con arquitectura dinmicas y estticas, permitiendo
a una gran clientela cubrir necesidades de informacin, bajo la premisa del rpido
acceso y fcil utilizacin.
En virtud del aprovechamiento de estas tecnologas, las instituciones

educativas, en especial las de educacin bsica, se encuentran en la actualidad en la
bsqueda de nuevos mecanismos que permitan agilizar el intercambio de informacin
entre sus usuarios mediante el uso de Pginas Web con bases de datos, tendientes a
acortar esa brecha tecnolgica que existe entre docentes, padres, representantes,
alumnos. Las Pginas Web Dinmicas, favorece n el acceso a informacin de inters,
tal como la revisin de
notas parciales y finales, horarios de clase, actividades
complementarias, reuniones, entre otras.
La U. E. Colegio Nuestra Seora de Lourdes, es una institucin dedicada a la

enseanza a nivel de educacin bsica y diversificada, (ver anexo E) que requiere
poner a disposicin de los profesores, alumnos, padres o representantes, la
publicacin de una base de datos mediante una Pgina Web Dinmica, y as poder
presentar una solucin favorable a la institucin. Por esta razn, se presenta en el
siguiente trabajo, el desarrollo de esta Pgina Web dinmica que permita lograr este
objetivo.
xvi
El trabajo se ha estruc turado en cinco captulos:

En el Captulo I, se presenta el problema donde se detallan el planteamiento
del problema, los objetivos, la justificacin de la investigacin, delimitacin y
alcance.
En el Captulo II, se muestra el Marco Terico, conformado por los

antecedentes de la investigacin y las bases tericas referenciales.
En el Capitulo III, se presenta El Marco Metodolgico, donde se detallan el

tipo y diseo
de la investigacin, naturaleza de la investigacin, nivel de la
investigacin,
desarrollo de las fases metodolgicas, las reas de conocimientos
relacionadas, y los recursos a utilizar.
En el Capitulo IV, denominado presentacin de la solucin, en el cual se

presenta el modelo del negocio, el desarrollo de todas las fases para la creacin del
sistema, diseo y estructura de la base de datos, diseo y estructura arquitectnica del
sitio Web, el modelo conceptual, la prueba del sistema.
En el Capitulo V, se describe las conclusiones y recomendaciones resultantes

de la investigacin.
Finalmente se incluyen los anexos y los Apndices.
17
CAPTULO I
EL PROBLEMA
Planteamiento del Problema

La dinmica organizacio nal pone de manifiesto la importancia que tiene para todas
las instituciones y empresas tener Pginas Web interactivas, para manejar informacin
relacionada con elementos de inters general. Para que esto pueda suceder, existen
conexiones desde los servidores que manejan gran cantidad de informacin variada, el
usuario est en libertad de manejar esta informacin como mejor le parezca respetando en
algunos casos parmetros tales como claves, usuarios etc. Es decir, existen gran cantidad
de datos que podemos manejar y procesar.
La organizacin de los datos, se pueden clasificar de muchas maneras, en el caso de
las instituciones de educacin bsica, es necesario tomar en cuenta los aspectos
relacionados con la administracin de la docencia y la gestin acadmica. Estas Pginas
Web, al entrar en interaccin 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 Pginas Web
Dinmicas que ayudan en forma eficiente la gestin de los contenidos.
Un diseo eficiente permite optimizar el uso de los mens en las pginas Web, de
manera que contengan todos los enlaces y servicios relacionados con las transacciones que
pueden desarrollarse segn el tipo de informacin asociada. Es as como se inclu yen los
accesos a las base de datos (en PHP o ASP por ejemplo).
El favorable crecimiento que da tras da se ha obtenido por Internet, traen como
consecuencia el surgimiento de necesidades de informacin 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 ol s acontecimientos. En el
18
Colegio Nuestra Seora de Lourdes se ha manifestado esta necesidad, y en forma mutua,

alumnos y profesores, han solicitado la creacin de una Pgina Web Dinmica donde
puedan interactuar en la gestin de bases de datos, para la resolucin de problemas
asociados a la prdida 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 creacin de una Pgina Web Dinmica para el Colegio
Nuestra Seora de Lourdes (Valencia), (ver anexo E) de manera que contenga una
estructura dinmica apoyada en una base de datos desarrollada con software libre.
Objetivo General:
Desarrollar una pgina Web dinmica que permita la interaccin entre alumnos y
profesores de la U. E. Colegio Nuestra Seora de Lourdes Valencia.
Objetivos Especficos:
Diagnosticar los requerimientos institucionales, tecnolgicos y comunicacionales a ser

desarrollados en la Pgina Web Dinmica de la U. E. Colegio Nuestra Seora de
Lourdes Valencia.
Determinar la factibilidad tcnica, organizacional y econmica para el desarrollo de

una Pgina Web Dinmica para la U. E. Colegio Nuestra Seora de Lourdes
Valencia.
Disear los lineamientos tecnolgicos y metodolgicos para el desarrollo de la Pgina

Web Dinmica para la U. E.
Colegio Nuestra Seora de Lourdes Valencia,
garantizando su adecuada documentacin.
Implantar los procesos diseados para la Pgina Web Dinmica para la U. E. Colegio
Nuestra Seora de Lourdes Valencia.
19
Validar los procesos de desarrollo de la Pgina Web Dinmica para la U. E. Colegio

Nuestra Seora de Lourdes Valencia, garantizando la funcionalidad de site, de
acuerdo a la norma COVENIN ISO 9126.
Justificacin
Es
importante y cabe destacar que no solamente la informacin automatizada
dinmica es de carcter interno o personal, es decir que se quede en un ambiente local

nada ms para conocimiento del personal que tenga acceso a ella, como por ejemplo la nota
de los alumnos y talleres en una institucin educativa, por nombrar algunos.
Esta informacin automatizada tambin puede tener carcter interactivo externo
para permitirles a los alumnos y profesores interactuar, adems permitirles a toda la
comunidad educativa el acceso fcil. Adems de acortar distancias en cuanto al manejo de
las notas, talleres u otras actividades; para poder hacer esto, es necesario tomar la decisin
de la automatizacin de esta informacin mediante la creacin de una base de datos por
Internet, es decir, se hace necesario desarrollar una Pgina Web Dinmica. En la cual se
permita la interaccin mediante una base de datos, y se puedan hacer transacciones a
travs de la pgina desde cualquier computador con conexin a internet; hoy en da es una
herramienta de comunicacin primordial, por lo tanto es necesario su implementacin 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 disear dicha pgina para la U. E.
Colegio Nuestra Seora de Lourdes Valencia.
20
Delimitacin y Alcance
Esta Pgina 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 implantacin de los avances tecnolgicos en la
U. E. Colegio Nuestra Seora de Lourdes Valencia.
Esta pgina estar diseada con el propsito de permitir la interaccin alumno-profesor,
tambin el padre o representante tendr acceso a la misma informacin del alumno, es
decir, sus notas u otras actividades,
automatizada y virtual.
personal administrativo
facilitando ol s canales comunicacionales en forma
Las notas u otros datos
sern manejados y cargados por el
autorizado, mediante claves y usuarios, para garantizar la
seguridad de datos, adems 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 sern modificados por personal no autorizado, solo sern mostrados.
21
CAPITULO II
M ARCO TERICO
En el presente Capitulo se aborda el soporte terico de la investigacin, el cual esta

asociado a la creacin de sitios Web dinmicos y la programacin de sistemas de
informacin Web orientados a objetos.
Antecedentes de la Investigacin
Existen numerosos trabajos de grado realizados, referentes a pginas web de
colegios, universidades, tecnolgicos y otras instituciones. Tomando como base las
realizadas en la Universidad Nacional Abierta se puede hacer referencia a:
Pea (2005). Present ante la Universidad Nacional Abierta una Aplicacin Web
dinmica como medio de difusin de informacin y servicio para la Empresa CADELA
Zona Mrida.
En este Proyecto, se presenta el desarrollo de una aplicacin hipermedial, basada en
la World Wide Web, como mecanismo de gestin y difusin de informacin, la cual centra
especial atencin tanto a clientes, proveedores y miembros de la empresa. El proyecto fue
desarrollado con las herramientas de Macromedia MX tales como: Dreamweaver MX
(versin de prueba para fines educativos), utilizado para el diseo del sitio Web de
CADELA, Fireworks MX, ambiente de diseo para los elementos grficos y SWiSH v2.0
ESP, escenario de diseo para las animaciones complejas con texto, imgenes, grficos y
sonido. Asimismo se hizo uso de MySQL, manejador de base de datos relacional versin
4.0.12-nt, y Visual Basic 6.0, como herramienta de programacin. Se escogieron estas
herramientas por ser robustas y confiables en su uso. La metodologa empleada para el
diseo de esta aplicacin, es la Propuesta por Kendall y Kendall (1997), adicionalmente se
22
consider necesario utilizar metodologa OOHDM (Mtodo de Diseo 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,
Difusin, hipermedial, Clientes, Proveedores, CADELA
Soto (2003). Present ante la Universidad Nacional Abierta un trabajo de grado de

Gobierno electrnico aplicado a la consulta de proyectos de la Alcalda del Municipio
Maracaibo.
El objetivo principal de este Trabajo de Grado, consiste en desarrollar un prototipo
de Gobierno Electrnico, capaz de permitir la consulta de la informacin de los proyectos
de la Alcalda de Maracaibo, aplicando todas las tcnicas y metodolo gas para desarrollo de
sitios gubernamentales, solo, busca
proveer a la comunidad del municipio con
informacin referente a las obras desarrolladas en las diferentes parroquias, tipos de

licitaciones, contratos con empresas, ubicacin, y avances de dichos proyectos, para
cumplir con el espritu de la constitucin de la Repblica Bolivariana de Venezuela en
cuanto a la participacin y el protagonismo de los ciudadanos en el control de los recursos
del estado. El software creado, se desarroll pensando en la implantacin con tecnologa
LAMP (Linux, Apache, MySQL, PHP) aunque el prototipo se realiz tanto en mquinas
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 evaluacin del rendimiento
acadmico estudiantil SIWEB, Centro Local, Metropolitano.
El presente trabajo tiene como propsito analizar, desarrollar e implementar el
sistema para el seguimiento del proceso de Evaluacin del Rendimiento Acadmico
Estudiantil. El enfoque metodolgico utilizado est basado en el ciclo de vida para el
desarrollo de sistema planteado por Whitten (1997), tomando de l las etapas de Anlisis,
Diseo e implementacin. El nuevo Sistema permite la publicacin de los resultados de las
pruebas a travs de las planillas electrnicas (Planilla Resumen de Resultados de Parte de
23
Desarrollo y Clave de Correccin) junto con los modelos de correccin, tambin es

importante sealar que existe la opcin de reclamos y observaciones a las pruebas, lo cual
facilita al estudiante y corrector emitir respuesta ms rpida 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, Metodologa evolutiva incremental.
Tern (2004). Presento ante la Universidad Nacional Abierta un trabajo de grado que
permiti hacer una Interfaz de informacin y comunicacin basada en tecnologa WEB
del Colegio Catlico San Jos, Centro Local Portuguesa, 2004.
Esta investigacin, enmarcada en la modalidad de proyectos especiales fue
desarrollada considerando aspectos relacionados con la Metodologa Estructurada para el

Desarrollo de Sistemas de Informacin (MEDSI), como complemento en la recopilacin
de informacin requerida en la Metodologa Rational Unified Process (RUP) con notacin
Unified Modeling Language (UML) para el diseo e implementacin de una interfaz de
informacin y comunicacin basado en tecnologa Web del Colegio Catlico San Jos ,
Tern
busc desarrollar
un sistema orientado a facilitar la integracin de todas las
personas que componen la comunidad educativa como factores protagonistas y

participantes en el proceso de enseanza - aprendizaje.
El autor utiliza como descriptores para su trabajo las siguientes palabras claves: Interfaz,
Sistemas de Informacin 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
comparacin es que se puede desarrollar sin ningn obstculo cualquier proyecto que
24
tambin utilice estos recursos, debido a que da la garanta que se utiliz correctamente sin
contratiempos y con buenos resultados de funcionamiento.
Bases Tericas de la Investigacin

La pgina web en desarrollo requiere de una serie de reglamentos y tcnicas de diseo
de estrategia pedaggica, con
la cual se req uiere lograr un diseo adaptado a las
necesidades actuales de los miembros de la comunidad educativa
de la U.E Nuestra
Seora de Lourdes.
TIC: Tecnologas de la Informacin y la Comunicacin
Las tecnologas de la informacin y la comunicacin 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 informacin
interconectado y complementario. Esta innovacin servir para romper las barreras que
existen entre cada uno de ellos.
La Ciencia Informtica se encarga del estudio, desarrollo, implementacin,
almacenamiento y distribucin de la informacin mediante la utilizacin de hardware y
software como recursos de los sistemas informticos. Mas de lo anterior no se encargan las
tecnologas como tal.
Como concepto sociolgico y no informtico se refieren a saberes necesarios que
hacen
referencia a la utilizacin de mltiples medios informticos para almacenar,
procesar y difundir todo tipo de informacin, telemtica, etc. con diferentes finalidades
(formacin educativa, organizacin y gestin 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 tecnologas de la informacin y la
comunicacin (NTIC) son dos conceptos que viajan en una misma direccin, mientras
democracia es espritu las NTIC son mtodos, recursos, libertades que ofrecen
transparencia a las gestio nes gubernamentales.
La Tecnologa de informacin hoy
Hoy, la tecnologa de informacin del trmino ha hinchado para abarcar muchos
aspectos de computadora y de la tecnologa, y el trmino es ms reconocible que antes. El
paraguas de la tecnologa de informacin puede ser absolutamente grande, cubriendo
muchos campos. Los profesionales realizan una variedad de deberes que se extienden desde
instalar usos, a disear redes de ordenadores y bases de datos complejas de la informacin.
Algunos de los deberes que los profesionales realizan pueden incluir:
Gerencia de datos
Establecimiento de una red de la computadora
Diseo de los sistemas de la base de datos
Diseo del software
Sistemas de informacin de gerencia
Gerencia de sistemas.
(http://es.wikipedia.org/wiki/Tecnologa_de_la_informacin , 2008)
Citas sobre las TICS
Las Administraciones Pblicas deben asegurar el acceso a la Educacin de todos los

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

las aulas...), la galaxia TIC supone para docentes y discentes el recurso didctico
ms verstil y poderoso de los que hemos tenido hasta ahora. Dr. Pere Marqus
Graells, 2000
"Realmente es un tema clave el estudio del rol del docente ante las nuevas
tecnologas. Adems de utilizarlas como herramienta para hacer mltiples trabajos
(buscar informacin, redactar apuntes...), adems de asegurar a los estudiantes una
alfabetizacin digital, conviene que las utilicen como potente instrumento didctico
para
facilitar
los
procesos
de
enseanza-aprendizaje, aplicando diversas
metodologas en funcin de los recursos disponibles, de las caractersticas de los

estudiantes, de los objetivos que se pretenden..." (PM, 2002)
Joan Maj (2003) "la escuela y el sistema educativo no solamente tienen que
ensear las nuevas tecnologas, no slo tienen que seguir enseando materias a
travs de las nuevas tecnologas, sino que estas nuevas tecnologas 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 transformacin (...) deben
integrarse en el aula y convertirse en un instrumento cognitivo capaz de mejorar la
inteligencia y potenciar la aventura de aprender" (Beltrn Llera)
Si los medios de comunicacin se resisten a los cambios, acabarn fuera de juego

"Rogelio Bernal.
(http://cristina-tic.blogspot.com/, 2008).
27
Internet
Pginas web dinmicas vs. estticas:
Una de las divisiones que podemos realizar entre todos los tipos de pginas Web
existentes podra ser entre estticas y dinmicas.
Una pgina Web esttica presenta las siguientes caractersticas:
Ausencia de movimiento y funcionalidades.
Absoluta opacidad a los deseos o bsquedas del visitante a la pgina.
Realizadas en XHTML o HTML.
Para cambiar los contenidos de la pgina, es imprescindible acceder al servidor

donde est alojada la pgina.
El usuario no tiene ninguna posibilidad de seleccionar, ordenar o modificar los

contenidos o el diseo de la pgina a su gusto.
El proceso de actualizacin es lento, tedioso y esencialmente manual.
No se pueden utilizar funcionalidades tales como bases de datos y foros

Por el contrario, una pgina Web dinmica tiene las siguientes caractersticas:
Gran nmero de posibilidades en su diseo y desarrollo.
El visitante puede alterar el diseo, contenidos o presentacin de la pgina a su

gusto.
En su realizacin se utilizan diversos lenguajes y tcnicas de programacin.
El proceso de actualizacin es sumamente sencillo, sin necesidad de entrar en el

servidor.
Permite un gran nmero de funcionalidades tales como bases de datos, foros y

contenido dinmico.
Pueden realizarse ntegramente con software de libre distribucin.
28
Existe una amplia comunidad de programadores que brinda apoyo desinteresado.
Cuenta con un gran nmero de soluciones prediseadas de libre disposicin.

En definitiva, el concepto de pgina Web dinmica se ha impuesto en el mundo del
diseo y de la empresa en Internet. Pginas como Yahoo!, Google, Amazon e
incluso sta, son excelentes ejemplos de pginas Web dinmicas que permiten
interactuar con el visitante y le ofrecen posibilidades realmente sorprendentes:
carritos de compra, posibilidad de incluir sus propias crticas en libros y discos,
buscar
en
base
criterios
determinados,
participar
en
discusin.
http://www.ezwp.com/articulos/desarrollo -web/paginas-web-dinamicas-vs.estaticas/
Sitio Web
Diseo de pginas web educativas
Cuando hablamos de Web o la web, la red o WWW de World Wide Web, nos
hacemos referencia a un medio de comunicacin de texto, grficos y otros objetos
multimedia a travs 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 grfica
de explorar Internet.
El diseo de web docente en centros de educacin primaria y educacin secundaria.

Segn F. Mur y C. Serrano (2006): Una web docente no es un sitio en el que queremos
mostrar una mera exposicin de contenidos sobre un tema de nuestro inters, 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
pedaggicos, 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 definicin, 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 pequea modificacin del trminos ofrecido por dichos autores,
deberamos de hacernos varias preguntas antes:
Qu contenidos debe de tener una web de un centro de educacin primaria y

secundaria ?; Qu contenidos multimedia debo incluir en mi web?; Qu programas puedo
utilizar para poder llevar a cabo la creacin de mi web?; Cmo debo estructurar mi web
para que sea accesible?;
Qu debo incluir en la web para que mi pgina sea ms
llamativa?; Como podemos observar, podramos hacernos miles de preguntas, y nunca

pararamos, con tal de mejorar lo que elaboremos, pero hagamos una sntesis de los
aspectos que debemos de tener en cuenta para elaborar una web educativa, dedicada a
centros de educacin 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 educacin primaria y educacin 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 aos, edades en las que empiezan a utilizar las
nuevas tecnologas, y sus conocimientos sobre la misma son escasos, se encuentran en una
edad de investigacin, que requiere en su gran mayora de actuaciones guiadas sobre el uso
de las TIC. Los Padres, los cuales pueden tener o no adquiridas nociones de uso de las
nuevas tecnologas, que cuando acceden a la web, al igual que cuando acceden al centro,
requieren de informacin sobre el centro, sobre los estudios de sus hijos, Profesores, que la
podran utilizar como fuente de recursos educativos y como medio de localizar informacin
til para su labor docente.
Por lo tanto, la web educativa que nosotros elaboremos en un centro de Educacin

Primaria y Educacin 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
informacin; Formativa; ldica, dedicada a los alumnos del centro, proponindole
actividades formativas basadas en el juego; Trabajo de clase, dedicada a los profesores,
ofrecindole recursos para la realizacin de su tarea diaria.
Ahora, despus de analizar nue stro contexto y las Definiciones
sobre web
educativa, nos aventuramos a definir web docente de educacin Primaria y Secundaria

como un sitio web, con carcter formativo e informativo, que pretende integrar a todos los
miembros de la comunidad educativa, tanto padres como profesores y alumnos,
hacindoles partcipe de su elaboracin y actualizacin. Ya que tenemos definida web
docente de un centro de educacin primaria y secundaria, podemos basarnos en ella para
llevar a cabo su elaboracin, pero ahora viene uno de los aspectos ms importantes del
proceso de elaboracin de una web educativa; la creacin del diseo y la seleccin de los
contenidos multimedia.
Despus de analizar varias web docentes, podemos llegar a la conclusin de que no

existe un consenso ni una estructura definida en las estructuras web, determinando que no
se rigen por unas pautas de elaboracin, sino por su percepcin personal y sus propias
creencias. Con lo que vamos a proponer a continuacin, pretendemos establecer una gua
bsica y sencilla para la creacin del diseo y la seleccin de los contenidos multimedia.
Basmonos en la frase de Donald Norman: El principio ms importante en el diseo 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 tecnologa debe estar al servicio de
este objetivo. Este hecho es el que nos marca principalmente el diseo y la estructura de
nuestra web educativa. Segn 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 fsica, 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 navegacin por nuestra web. Un ejemplo muy claro
lo tenemos cuando cambiamos del uso del sistema operativo Windows al sistema operativo
Linux, Club de Ciencia, Tecnologa e Innovacin Tecnolgica.
( http://www.concytec.gob.pe/clubciencias, 2008).
- Regla de la Consistencia: Se deben de colocar las cosas que se repitan de una

pgina para otra en el mismo sitio. Debemos de intentar de hacer pginas homogneas, que
el usuario se habite a la pgina y vaya instintivamente al lugar que desea sin pensar donde
se encuentra un determinado enlace en una pgina o en otra.
- Regla de la Sencillez: Tenemos que crear mensajes sencillos sin lugar a
equvocos. Tenemos que transmitir informacin con un solo golpe de vista. No por utilizar
todos los recursos de una web en la misma pgina va a ser mejor que otras que utilizan
menos recursos.
- Regla de la Claridad: Se debe de elegir iconos, grficos y otras ayudas a la
navegacin que muestren claramente significado sin necesidad de explicaciones aadidas.
- La ineludible comprobacin: Tenemos que tene r en cuenta la opinin de los
usuarios que visiten nuestra pgina, para modificar el diseo cuando los dems no
entiendan nuestro grafismo. Estas reglas las debemos de tener presente en la elaboracin de
una web educativa, ya que son las bases de un diseo 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 creacin de una pgina web, como son:
- Creacin de un sitio web de fcil navegacin. No debemos de poner todos los
recursos de nuestra web en la pgina 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 ms de tres clic. Un usuario que busque informacin en nuestra web no debe

de acceder a ella con ms de tres clic. Tenemos que tratar que los usuarios no pasen por
ms de tres pginas, sino se cansarn y abandonarn nuestra web.
- Vuelta a casa. En todas las pginas que elaboremos, debe de haber un enlace que
nos lleve a la pgina principal, por si acaso durante la navegacin en la pgina nos
perdemos.
- Tiempo de orientacin. Cuando alguien visite nuestra pgina debe de saber de qu
trata, que opciones tiene y como puede acceder a ella rpidamente.
- Combinar esttica y rapidez. No vale de nada tener una web a nivel esttico
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 esttica 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 ms lento.
- Texto contrastado. Tenemos que establecer un contraste adecuado entre fondo y
texto - imagen. Existe una clasificacin que establece un orden de visualizacin, de mayor
a menor:
- Negro sobre blanco.
- Negro sobre amarillo.
- Rojo sobre blanco.
- Verde sobre blanco.
- Blanco sobre rojo.
- Amarillo sobre negro.
- Reutilizar grficos. Un mismo grfico podemos utilizarlo en distintas pginas de
nuestra web, ya que al almacenarse en la cach del ordenador, su descarga ser mucho ms
rpida.
33
- Arriba slo texto. Para dar sensacin de rapidez en nuestra pgina, debemos de
poner palabras arriba e imgenes 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 imgenes van vindose menos clara a ms clara,
permitiendo la descarga progresiva en nuestra web.
- Equilibrio. Debe de existir un equilibrio entre el texto y las imgenes utilizadas.
- Utilizar tablas o frames. Debemos de utilizar tablas o frames para facilitar la
bsqueda de contenidos en nuestra web. Personalmente me declino por las tablas que son
de fcil manejo y configuracin.
- Utilizacin de barras de navegacin. Deben de ser sencillas y de fcil
interpretacin. No debemos de cargarla de informacin. Lo interesante es poner un enlace
de anterior, otro de pgina siguiente y finalmente un icono que representa la vuelta a la
pgina principal o categora de esa seccin.
- Tamao de la pantalla. Uno de los aspectos a tener presente cuando elaboramos
una web educativa es el tamao que vayamos a utilizar, actualmente se usa con bastante
asiduidad la resolucin 1024 x 768, pero debemos de tener presente que los usuarios
pueden utilizar otra resolucin. Para ello no tenemos que establecer los tamaos en la
elaboracin de nuestra web, sino que deben de ser amoldables (en Dreamweaver puedes
establecer el ancho y el alto de la pantalla poniendo pxeles determinados, en nuestro caso,
nosotros no estableceremos lmites).
- Formato y tamao de las imgenes. Existen muchos formatos actualmente, pero el
ms completo y que establece un equilibrio entre esttica y rapidez es el formato JPEG, ya
que trabaja con imgenes de 24 bits y el algoritmo de comprensin de JPEG quita de forma
inteligente parte de la informacin del grfico que no es imprescindible.
- Categorizar la informacin. A la hora de establecer la informacin 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
informacin, 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 tamaos y los grosores. Para ello vamos a basarnos en
una serie de reglas: Club de Ciencia, Tecnologa e Innovacin Tecnolgica,
(http://www.concytec.gob.pe/clubciencias, 2008).
- Regla del 20%. Los tamaos de los textos se deben de diferencia uno del otro en
un 20% cuando nos estamos refiriendo a distinta categora.
- Regla del ascenso que slo baja. Una vez que se ha bajado alguna caracterstica
cuantitativa del tipo de letra, no se puede subir a una categora superior.
- Regla de las gracias. Las palabras que tienen; base; hacen que su lectura sea ms
sencilla, ya que Permite que la vista siga esa lnea 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 opcin de poder detenerlo
cuando queramos, sino nuestra visita en la web se puede convertir en una odisea.
- Dinamismo en la web. Si queremos poner imgenes animadas en la web, tenemos
que tener presente que la atencin de los usuarios se va a centrar ms en aquello que se
mueve que en lo que queda completamente esttico, por lo que a lo mejor, el usuario que
entre en nuestra web no se centrar en otros contenidos ms importantes que nosotros
hayamos colgado en nuestra web. Como podemos observar, son muchos los elementos a
tener en cuenta cuando queremos elaborar el diseo y estructura de una web, pero despus
de leer autores como Pere Marqus, Jos J. Gil, Fernando Mur o Carlos Serrano y analizar
unas cuantas web educativas, tendra en cuenta otros aspectos a incluir dentro del diseo y
estructura de una web:
- Mapa de la web. Creo que es fundamental hoy en da tener un mapa de nuestra
web, que permita, a travs de un solo golpe de vista, acceder a toda la informacin
disponible.
- Comunicacin asncrona. Tenemos que ofrecer un enlace para que los usuarios
que visiten nuestra pgina puedan establecer una comunicacin con nosotros a travs de
una cuenta de correo electrnico.
35
- Ayuda. Tenemos que ofrecerle al usuario una pestaa dentro de nuestra web que
le d informacin suficiente para que la navegacin por la misma le sea sencilla y fcil.
- Buscador interno. Es ideal, para localizar informacin determinada en nuestra
web. Hoy en da 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 algn 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 actualizacin. 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
informacin que en ella aparece esta actualizada o no.
- Contador de pginas. 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 diseo y estructuracin de nuestra web. Ahora es el momento de
determinar las distintas fases a seguir en la elaboracin 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 elaboracin de la misma, a quien va dirigida, que
propsito 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. Organizacin y estructuracin 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 pgina HTML o php, debemos de
36
estructurarlos y organizarlos de la me jor manera posible, en funcin a nuestras necesidades

y a la de los usuarios a la que va a ir dirigida la web. Un ejemplo muy claro de la
organizacin y estructuracin de los contenidos a introducir en la web se encuentra en el
mapa de la web.
3. Seleccin del diseo multimedia. No nos vale para nada tener los mejores
contenidos y la mejor estructuracin que ninguna otra web educativa, si luego nuestro
diseo 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: Cmo debe de estar estructurada la web?
Debe de seguir el mismo diseo todas las pginas elaboradas?
Las imgenes deben de
tener poco peso? Es recomendable cargar la web iconos? Y si ponemos msica en la

web? Podramos hacernos miles de preguntas. Lo recomendable, es buscar bibliografa
relac ionada con el tema. Personalmente, en la elaboracin 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 elaboracin. Una vez que tenemos los contenidos, la estructura y el
diseo, entonces nos ponemos manos a la obra en el proceso de elaboracin de nuestra
web. Para ello deberamos de seleccionar un programa adecuado para la elaboracin
(Dreamweaver), y conocer cmo funciona y que posibilidades nos brinda dicho programa.
5. Actualizacin y mejora contina de la web. Este punto lo considero el ms
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 actualizacin para que sea
funcional y prctica. Es unirse de por vida a ella; por as decirlo, sera nuestra segunda
pareja. Como podemos observar la elaboracin de una web educativa no es nada sencillo,
requiere de la presencia de muchos elementos que habitualmente en nuestra vida diaria no
tenemos presente, adems de establecer muchos pasos a seguir, y lo ms 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 evaluacin propia o que otros usuarios puedan realizar de Club de
Ciencia, Tecnologa e Innovacin Tecnolgica
(http://www.concytec.gob.pe/clubciencias, Generado: 4 Octubre, 2008, 18:49)
(nuestra web), para ello, despus de analizar diversos modelos (sobre todo el de Pere
Marqus).
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 informacin de todo tipo a profesores, estudiantes y padres, as como
instrumentos para realizar bsquedas en Internet
- Proporcionar recursos didcticos de todo tipo, gratuitos y utilizables directamente
desde Internet (materiales didcticos online) o desde los ordenadores (tras "bajar" una
copia desde el portal).
- Contribuir a la formacin del profesorado, mediante informaciones diversas y
cursos de actualizacin de conocimientos.
- Asesorar a los profesores. En algunos casos los portales tienen espacios de
asesoramiento sobre diversos temas: didctica, informtica, leyes...
- Abrir canales de comunicacin (foros, chats, listas...) entre profesores, estudiantes,
Instituciones y empresas de todo el mundo. A travs de ellos se comparten ideas y
materiales, se debaten temas, se consultan dudas.
38
- Proporcionar ins trumentos para la comunicacin: correo electrnico, chats,

espacios para alojar pginas web.
- Proporcionar recursos ldicos: msica, juegos .
Elementos principales y reglas de construccin de una aplicacin Web (Thomas
Powell, 2002).
El especialista Thomas Powell define una pgina Web como la unin de textos, e
imgenes que forman el documento que aparece en una ventana del navegador cuando el
usuario accede a una direccin electrnica.
Consideraciones a tener en cuenta:
- El tamao mximo recomendado de una pgina no debe superar los 30 Kb,
actualmente se est trabajando con un estndar de 60 Kb.
- Algunos expertos consideran que una pgina debe ocupar mximo el especio de
dos pantallas, sin embargo, todava no hay un consenso en cuanto a la altura de los
documentos.
- Se toma como ancho base la resolucin que utilicen los monitores. Segn
www.thecounter.com , el 47% de las personas tiene monitores entre 14 y 15 pulgadas, los
cuales cuentan con una resolucin de 800*600 pixeles. Adems, afirma que el 40% de los
computadores usados para navegar tienen una resolucin de 1024*768 pxeles. Si disea a
una resolucin mayor sus pginas, aparecern barras de Scroll para desplazarse por el resto
del contenido.
- No utilice letreros que digan al usuario que el sitio que estn viendo se ver mejor
si utilizan una resolucin de 800*600 o que se aconseja tener el navegador tal, lo anterior
39
espantan al visitante. El experto Thomas Powell en su libro Diseos de sitos Web,

menciona dos tipos de pginas Web:
- Principales o de inicio: Pginas de entrada al sitio, son claves para que el usuario
regrese y se basa en renovar la informacin de esta pgina.
- Pginas interiores o subpginas: Se desarrollan los contenidos propuesto s de la
pgina principal.
- Ventanas flotantes que van en las pginas interiores generalmente, su funcin es
mostrar datos relacionados de un enlace y las pginas de bsqueda, que se usan para
ofrecer los resultados de una herramienta de bsqueda. Zonas de una Pagina Descripcin
de cada zona.
1. rea editorial o de contenido. Aqu se desarrolla todo el contenido: noticias,
titulares, descripciones y resea histrica, entre otros. Comprende la parte central de las
pginas, algunas empresas la dividen en dos columnas de tamaos diferentes para incluir
material grfico y fotografas de respaldo. En esta rea pueden mezclarse varios tipos de
contenidos que hablen del mismo tema. Por ejemplo, una pgina que presenta un cuaderno
podra tener su descripcin (con caractersticas y precios) junto a comentarios de sus
usuarios y enlaces a pginas de productos relacionados como esferas o lpices.
2. Textos. Hay que tener especial atencin en la letra de las pginas Web.
Recomiendan usar fuentes planas que carezcan de adornos, tales como: Verdana, Tahoma
y Arial. El tamao ms usado es de 2 pxeles, que en Word equivale a una letra de tamao
11 o 12. El color de letra recomendado es negro sobre un fondo blanco, el uso de fondos
negros con letras claras slo mortifica al lector. Para los enlaces (hipervnculos) a otras
pginas Web, el color estndar 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 pgina, si
40
hay mucha informacin se recomienda convertir este texto en un archivo para que el
usuario lo descargue.
3. Barra de navegacin. Contiene la lista de vnculos de las secciones y servicios
principales del sitio de Internet, se ubica a la izquierda de la pgina y brinda una visin
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 regin. Por ejemplo, si alguien ve el titular; Deportes;
el usuario sabr que ah encontrar una seccin que habla sobre el tema, por el contrario;
cositas ricas; podra significar para alguien: sitios pornogrficos, comida, chismes, entre
otras. Segn Jacob Nielsen experto en el tema, recomienda que los vnculos de esta barra
estn en orden alfabtico para que los visitantes tengan una opcin lgica de la informacin
a encontrar. Sin embargo, algunos recomiendan priorizar de acuerdo con la importancia de
sus secciones ms visitadas.
4. Imgenes. Estas son uno de los mayores inconvenientes a la hora de disear una
pgina Web, su uso excesivo termina por hacer lenta su carga en los navegadores.
Las imgenes se utilizan especialmente en:
- Los grficos del cabezote
- Los botones de herramienta de bsqueda
- Banners publicitarios
- Ttulos de las secciones
- Fotografas de soporte
41
- Animaciones con flash o gif. Actualmente, la mayora de los sitios Web

consideran que el peso mximo de una pgina Web debe ser de 60 Kb. Una imagen con un
tamao mediano con seguridad duplica esta cifra. Por ello, los sitios de comercio
electrnico donde el usuario necesita conocer los productos, se recomienda anexar
pequeas imgenes a la pgina del artculo, con enlaces a ventanas emergentes que
muestran fotos ms grandes. Los formatos recomendados para trabajar son GIF y JPEG.
Segn, Andrs Arboleda, trabajador de la empresa AXESNET menciona que una imgen
debe pesar como mximo 20 Kb.
5. Banners. Son utilizados para hacer una promocin animada de un producto. Se
utiliza para su construccin el software FLASH generalmente o en algunos casos versiones
alternativas en formato GIF. Actualmente, se utilizan frases directas con vnculos (en lugar
de imgenes) para mejorar la velocidad de la pgina. Empresas como TERRA fijaron el
peso mximo de cada BANNER entre 12 y 15 Kb para un tamao de 468*60 pxeles y solo
permiten hasta dos por cada pgina.6. Barra derecha. Se le conoce tambin 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 lnea 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 bsqueda. Nota: Si el rea editorial necesita
ms espacio. Sistemas de Informacin Virtual Sigma Ltda.
(http://www.virtualsigma.com Generado: 31 Mayo, 2008, 12:46)
7. Herramientas de bsqueda. Se utilizan para que los usuarios encuentren
informacin o los productos que necesitan, para ello se utilizan palabras claves. Se basan
en su sencillez y simplicidad. No utilice nunca nombres que confundan por ejemplo: un
usuario entiende ms fcil si coloca una casilla para escribir texto con un botn que dice
buscar que cuando emplea un letrero que diga; Encuentre su producto haciendo clic aqu;
42
No restrinja tampoco la bsqueda de la informacin colocando una lista que contenga

buscar por: titulo, autor, editorial; El xito de Amazon radica en que se puede escribir
cualquier cosa para la bsqueda; Recuerde tambin que la ortografa 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 navegacin del usuario. Siempre va en la parte superior de la pgina y muestra los
colores que identifican la compaa. No debe ser un elemento esttico de decoracin, una
parte de l puede tener enlaces a servicios asociados (archivos), a algunas secciones o la
seccin de ayuda. En las pginas interiores el logotipo siempre debe tener un enlace a la
pgina de inicio, es definitivamente el medio para que un usuario perdido se escape. El
tamao del cabezote no debe ser tan grande que elimine espacio para la informacin, ni tan
peque o para que no se vea. Se sugiere que las medidas mximas sean de 476 pxeles de
ancho por 70 pxeles 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 edicin Nro. 56. Informacin Adicional. Servicios bsicos que debe poseer una
pgina web en su empresa, presupuesto de una pgina Web. Qu beneficios puedo obtener
de una pgina web?. Configuracin de NetBeans 5.0 como IDE para SuperWaba. Sistemas
de Informacin -Virtual Sigma Ltda.
http://www.virtualsigma.com. Generado: 31 Mayo, 2008, 12:46.)
Los Principios Heursticos de Nielsen:
La usabilidad web es aplicable tanto a un simple botn, como al texto, como a las
imgenes, 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 tecnologa est cobrando en nuestras sociedades tanto en el mbito personal
como en el laboral que se ha producido una autntica revolucin en cuanto a pensadores y
asesora especializados en usabilidad.
As, expertos en usabilidad web hay muchos, pero nos centraremos en las teoras
del ms popular y reconocido, Jacob Nielsen.
Nielsen describe en su web el listado de 10 principios heursticos basados en la
experiencia de usuarios extrados del anlisis de 249 problemas de usabilidad. Estos puntos
son muy importantes entre los desarrolladores online y son las directrices ms 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 travs de una retroalimentacin 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. Adecuacin 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, ms que con trminos propios del sistema. Deben seg0uir las
44
convenciones del mundo real, haciendo que la informacin aparezca en un orden natural y
lgico.
3. Control y libertad del usuario
Los usuarios eligen a menudo opciones del sistema por error y necesitarn una
"salida de emergencia" claramente delimitada para abandonar el estado no deseado en que
se hallan sin tener que mantener un dilogo largo con el sistema. Es conveniente usar las
opciones "deshacer-rehacer".
4. Consistencia y estndares
Los usuarios no tienen por qu imaginar que diferentes palabras, situaciones o
acciones significan lo mismo. Es conveniente seguir convenciones.
5. Prevencin de errores
Mejor que un mensaje de error es un diseo 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
informacin de una parte del dilogo con el sistema en otra parte. Las instrucciones de uso
del sistema deben estar visibles o fcilmente localizables cuando proceda.
7. Flexibilidad y eficiencia de uso
Los aceleradores o atajos que el usuario principalmente no nota pueden hacer ms rpida
la interaccin 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, etctera.
8. Esttica y diseo minimalista
Los dilogos entre sistema y usuarios no deben contener informacin irrelevante o
raramente necesitada. Cada unidad de informacin extra en un dilogo compite con las
unidades relevantes de informacin 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 comn sin cdigos, indicar con
precisin el problema y sugerir de forma constructiva una solucin.
10. Ayuda y documentacin
Aunque es buena seal que el sistema pueda ser usado sin documentacin, puede ser
necesario proveer cierto tipo de ayuda. Cualquier informacin debe ser fcil de buscar,
especificar los pasos que sern necesarios para realizarla y no ser muy amplia.
La usabilidad web es aplicable tanto a un simple botn, como al texto, como a las
imgenes, 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 informacin, creadas a partir de la
experiencia de los usuarios y a partir de los sucesivos diseos 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 expresin y no como en gratis [N. del T.: en
46
ingls una misma palabra (free) significa tanto libre como gratis, lo que ha dado lugar a
cierta confusin].
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 tecnologas aplicadas a la educacin,
pg. 310), obligando a mantener los crditos originales del programa o liberar aplicaciones
que estn 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 travs del
movimiento GNU (the GNU Operating System, http://www.gnu.org/):
- Libertad para usar el programa, con cualquier propsito.
- Libertad de estudiar cmo funciona el programa adaptndolo a sus necesidades
- Libertad de distribuir copias, para ayudar a quien lo necesite.
- Libertad de mejorar el programa y hacer pblica las mejoras de tal forma que la
comunidad se beneficie de stas.
Existen varias clases de software, destacamos algunos:
De dominio pblico. no esta protegido con copyright software GNU. Liberado bajo es
auspicio del proyecto GNU.
Privativo: la redistribucin o modificacin est prohibida, o requiere previa autorizacin.
Freeware: Permiten la distribucin pero no la modificacin de su cdigo.
47
Shareware: Incorpora la autorizacin para redistribuir copias, pero una vez probado si lo
quieres hay que pagar.
El Software Libre y su Aplicacin Educativa
Alto poder de Motivacin, que predispone el aprendizaje y el inters.
Posibilidad de interaccin, en donde el alumno pasa de una actitud activa a una

constante.
Implicacin, del alumno participando en las tareas y desarrollando iniciativas para

filtrar informacin, escoger y despus seleccionar
Trabajo colaborativo y en grupo. Favoreciendo actitudes hacia los compaeros al

intercambiar informacin o ayudndose mutuamente.
Aumento en el desarrollo de habilidades de bsqueda y seleccin de informacin.
Favorecen la comunicacin entre todos, a travs de las herramientas que las Tic
ofrecen.
Mejoran las capacidades de expresin al poder utilizar herramientas tales como:

procesadores de textos, programas de retoques digitales, movie maker para
elaboracin de videos
Feedback, permitindole aprender de sus errores, ensayar respuestas alternativas y

emprender nuevos caminos de superacin de problemas.
Representan un elemento integrador en las aulas para con alumnos que poseen
necesidades educativas especiales.
Para realizar este trabajo de investigacin 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 pgina 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
informacin que es utilizada o producida mediante un proceso de desarrollo de software.
UML se quiere convertir en un lenguaje estndar 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 estndar de
desarrollo, sino nicamente un lenguaje de modelado. Otros mtodos de modelaje como
OMT (Object Modeling Technique) o Booch s definen procesos concretos. En UML los
procesos de desarrollo son diferentes segn los distintos dominios de trabajo; no puede ser
el mismo el proceso para crear una aplicacin en tiempo real, que el proceso de desarrollo
de una aplicacin orientada a gestin, por poner un ejemplo.
Las diferencias son muy marcadas y afectan a todas las faces del proceso. El mtodo
del UML recomienda utilizar los procesos que otras metodologas tienen
Los Inicios
A partir del ao 1994, Grady Booch [Booch96](precursor de Booch '93) y Jim
Rumbaugh (creador de OMT) se unen en una empresa comn, Rational Software
Corporation, y comienzan a unificar sus dos mtodos. Un ao ms tarde, en octubre de
1995, aparece UML (Unified Modeling Language) 0.8, la que se considera como la primera
versin del UML. A finales de ese mismo ao, Ivan Jacobson, creador de OOSE (Object
Oriented Software Engineer) se aade al grupo.
49
Como objetivos principales de la consecucin de un nuevo mtodo que aunara los

mejores aspectos de sus predecesores, sus protagonistas se propusieron lo siguiente:
El mtodo deba ser capaz de modelar no slo sistemas de software sino otro
tipo de sistemas reales de la empresa, siempre utilizando los conceptos de la
orientacin a objetos (OO).
Crear un lenguaje para modelado utilizable a la vez por mquinas y por

personas.
Establecer un acoplamiento explcito de los conceptos y los artefactos

ejecutables.
Manejar los problemas tpicos de los sistemas complejos de misin crtica.
Lo que se intenta es lograr con esto que los lenguajes que se aplican siguiendo los mtodos
ms utilizados sigan evoluciona ndo en conjunto y no por separado. Y adems, unificar las
perspectivas entre diferentes tipos de sistemas (no slo software, sino tambin en el mbito
de los negocios), al aclarar las fases de desarrollo, los requerimientos de anlisis, el diseo,
la implementacin y los conceptos internos de la OO.
Modelos y Diagramas
Un modelo: captura una vista de un sistema del mundo real. Es una abstraccin de
dicho sistema, considerando un cierto propsito. As, el modelo describe completamente aquellos aspectos del sistema que son relevantes al propsito del modelo, y a
un apropiado nivel de detalle.
Diagrama : una representacin grfica de una coleccin de elementos de modelado,

a menudo dibujada como un grafo con vrtices 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 inters
50
El cdigo fuente del sistema es el modelo ms detallado del sistema (y adems 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 especificacin 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 abstraccin cerrada semnticamente
de un sistema y un sistema es una coleccin de unidades conectadas que son organizadas
para realizar un propsito especfico. Un sistema puede ser descripto por uno o ms
modelos, posiblemente desde distintos puntos de vista.
51
Una parte del UML define, entonces, una abstraccin 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 propsito). 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 slo establecer una forma de
modelo, de esta forma simplemente estamos diciendo que UML, adems, define un
lenguaje con el que podemos abstraer cualquier tipo de modelo.
El UML es una tcnica de modelado de objetos y como tal supone una abstraccin de
un sistema para llegar a construirlo en trminos concretos. El modelado no es ms que la
construccin de un modelo a partir de una especificacin.
Un modelo es una abstraccin de algo, que se elabora para comprender ese algo antes
de construirlo. El modelo omite detalles que no resultan esenciales para la comprensin del
original y por lo tanto facilita dicha comprensin.
Los modelos se utilizan en muchas actividades de la vida humana: antes de construir
una casa el arquitecto utiliza un plano, los msicos representan la msica 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 esttica; el modelo dinmico,
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 abstraccin de la realidad que tiene en s misma informacin
sobre las principales caractersticas de sta.
Los modelos adems, al no ser una representacin que incluya todos los detalles de
los originales, permiten probar ms fcilmente los sistemas que modelan y determinar los
errores. Segn se indica en la Metodologa OMT (Rumbaugh), los modelos permiten una
mejor comunicacin con el cliente por distintas razones:
52
Es posible ensear al cliente una posible aproximacin de lo que ser el producto

final.
Proporcionan una primera aproximacin al problema que permite visualizar cmo

quedar el resultado.
Reducen la complejidad del original en subconjuntos que son fcilmente 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 programacin que
estamos acostumbrados a utilizar no son adecuados para realizar modelos
Completos de sistemas reales porque necesitan una especificacin total con detalles
que no son importantes para el algoritmo que estn implementando. En OMT se modela un
sistema desde tres puntos de vista diferentes donde cada uno representa una parte del
sistema y una unin lo describe de forma completa. En esta tcnica de modelado se utiliz
una aproximacin al proceso de implementacin 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 dinmico) y se realiza una transformacin 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 creacin
del UML se persigue obtener un lenguaje que sea capaz de abstraer cualquier tipo de
sistema, sea informtico o no, mediante los diagramas, es decir, mediante representaciones
grficas que contienen toda la informacin relevante del sistema. Un diagrama es una
representacin grfica de una coleccin de elementos del modelo, que habitualmente toma
forma de grafo donde los arcos que conectan sus vrtices son las relaciones entre los
objetos y los vrtices 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 informacin que es utilizada o producida mediante un proceso de
desarrollo de software. Pueden ser artefactos un modelo, una descripcin o un software.
Los artefactos de UML se especifican en forma de diagramas, stos, junto con la
documentacin sobre el sistema constituyen los artefactos principales que el modelador
puede observar.
Se necesita ms de un punto de vista para llegar a representar un sistema. UML
utiliza los diagramas grficos para obtener estos distintos puntos de vista de un sistema:
Diagramas de Implementacin.
Diagramas de Comportamiento o Interaccin.
Diagramas de Casos de uso.
Diagramas de Clases.
Ejemplo de algunos de los diagramas que utiliza UML.

Diagramas de Implementacin
Se derivan de los diagramas de proceso y mdulos de la metodologa de Booch,
aunque presentan algunas modificaciones. Los diagramas de implementacin muestran los
aspectos fsicos del sistema. Incluyen la estructura del cdigo fuente y la implementacin,
en tiempo de implementacin. 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 cdigo fuente, binario y ejecutable. Un componente es un fragmento de
cdigo software (un fuente, binario o ejecutable) que se utiliza para mostrar dependencias
en tiempo de compilacin.
Ejemplo de un diagrama de componentes:
Interfaz de Terminal
Gestin de Cuentas
Rutinas de conexin
Control y Anlisis
Acceso a BD
Figura N 04 Diagrama de componentes, Fuente: (http://www.desic.upv.es/uml, 2008)
Diagrama de plataformas o despliegue:

Muestra la configuracin de los componentes hardware, los procesos, los elementos
de procesamiento en tiempo de ejecucin y los objetos que existen en tiempo de ejecucin.
En este tipo de diagramas intervienen nodos, asociaciones de comunicacin, componentes
dentro de los nodos y objetos que se encuentran a su vez dentro de los componentes. Un
nodo es un objeto fsico en tiempo de ejecucin, es decir una mquina 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, Tern Carlos, 2004)
Diagramas de Interaccin o Comportamiento :

Muestran las interacciones entre objetos ocurridas en un escenario (parte) del sistema. Hay
varios tipos:
Diagrama de secuencia.
Diagrama de colaboracin.
Diagrama de estado.
Diagrama de actividad.
Diagrama de secuencia
Muestran las interacciones entre un conjunto de objetos, ordenadas segn 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 colaboracin, es
56
decir son instancias concretas de una clase que participa en la interaccin. El objeto puede
existir slo durante la ejecucin de la interaccin, se puede crear o puede ser destruido
durante la ejecucin de la interaccin. Un diagrama de secuencia representa una forma de
indicar el perodo durante el que un objeto est desarrollando una accin directamente o a
travs 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 tambin intervienen los mensajes, que son la forma en
que se comunican los objetos: el objeto origen solicita (llama a) una operacin del objeto
destino. Existen distintos tipos de mensajes segn cmo se producen en el tiempo: simples,
sncronos, y asncronos.
Los diagramas de secuencia permiten indicar cul es el momento en el que se enva o
se completa un mensaje mediante el tiempo de transicin, que se especifica en el diagrama.
57
Diagrama de colaboracin:
Muestra la interaccin 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
informacin similar, pero en una forma diferente.
Formando parte de los diagramas de colaboracin nos encontramos con objetos, enlaces y
mensajes. Un objeto es una instancia de una clase que participa como una interaccin,
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 asociacin que conecta dos objetos de un diagrama
de colaboracin. 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 interaccin indican el flujo de mensajes entre elementos del
modelo, el flujo de mensajes representa el envo de un mensaje desde un objeto a otro si
entre ellos existe un enlace. Los mensajes que se envan entre objetos pueden ser de
distintos tipos, tambin segn como se producen en el tiempo; existen mensajes simples,
sincrnicos, balking, timeout y asncronos. Durante la ejecucin de un diagrama de
colaboracin se crean y destruyen objetos y enlaces.
58
Ejemplo de un diagrama de colaboracin:
:Socio
:Video
2: verificar situacin socio
1: prestar(video, socio)
3: verificar situacin video

:WInPrstamos
5: entregar recibo
: Encargado
4: registrar prstamo
:Prstamo
Figura N 07 Diagrama de Colaboracin, Fuente: (http://www.desic.upv.es/uml, 2008)
Diagramas de actividad:
Son similares a los diagramas de flujo de otras metodologas OO. En realidad se
corresponden con un caso especial de los diagramas de estado donde los estados son
estados de accin (estados con una accin interna y una o ms transiciones que suceden al
finalizar esta accin, o lo que es lo mismo, un paso en la ejecucin de lo que ser un
procedimiento) y las transiciones vienen provocadas por la finalizacin de las acciones que
tienen lugar en los estados de origen. Siempre van unidos a una clase o a la implementacin
de un caso de uso o de un mtodo (que tiene el mismo significado que en cualquier otra
metodologa 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
en filtro
Aadir agua
al depsito
Coger taza
Coger
zumo
Poner filtro
en mquina
Encender
mquina
/ cafetera.On
Caf en
preparacin
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 interaccin entre
objetos pasa durante su tiempo de vida en respuesta a estmulos (eventos) recibidos.
Representa lo que podemos denominar en conjunto una mquina de estados. Un estado en
UML es cuando un objeto o una interaccin satisfacen una condicin, desarrolla alguna
accin o se encuentra esperando un evento.
Cuando un objeto o una interaccin pasa de un estado a otro por la ocurrencia de un
evento se dice que ha sufrido una transicin, existen varios tipos de transiciones entre
objetos: simples (normales y reflexivas) y complejas. Adems una transicin puede ser
interna si el estado del que parte el objeto o interaccin es el mismo que al que llega, no se
provoca un cambio de estado y se representan dentro del estado, no de la transicin. Como
60
en todas las metodologas OO se envan mensajes, en este caso es la accin de la que puede
enviar mensajes a uno o varios objetos destino
Ejemplo de un Diagrama de Estado:
Socio
nmero : int
nombre : char[50]
nmero_prestamos : int = 0
alta()
baja()
prestar(cdigo_libro : int, fecha : date)
devolver(cdigo_libro : int, fecha : date)
alta
baja
sin prstamos
prestar
nmero_prstamos = 0
devolver[ nmero_prstamos = 1 ]
nmero_prstamos > 0
con prstamos
prestar
devolver[ nmero_prstamos > 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 interaccin con los usuarios y/o otros sistemas. O lo que es igual, un diagrama
que muestra la relacin entre los actores y los casos de uso en un sistema. Una relacin es
una conexin entre los elementos del modelo, por ejemplo la relacin y la generalizacin
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 podra 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.
Un caso de uso extiende otro caso de uso.
Un caso de uso usa otro caso de uso

Comunica
<<Comunicates>>
Actualizar carga
Acadmica
Actor
Actualizar carga
Administrativa
Extiende <<extend>>
Elaborar Informe
de
Actividades
Pedir permiso
Usa<<use>>
Profesor
Elaborar planificacin
de actividades
Figura Nro. 10. Ejemplo de un Diagrama de Casos de Uso, Fuente: (Tesis, Tern 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 ms de un rol. Un solo actor puede actuar en muchos
casos de uso; recprocamente, un caso de uso puede tener varios actores. Los actores
no necesitan ser humanos pueden ser sistemas externos que necesitan alguna
infor macin del sistema actual. Tambin se puede encontrar tres tipos de relaciones,
como son:
Comunica: (comunicates): entre un actor y un caso de uso, denota la
participacin 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 Acadmica.
Usa (uses): Relacin entre dos casos de uso, denota la inclusin del
comportamiento de un escenario en otro. Se utiliza cuando se repite un caso de uso en dos
o ms casos de uso separados. Frecuentemente no hay actor asociado con el caso de uso
comn.
Extiende (extends): Relacin entre dos casos, denota cuando un caso de uso es
una especializacin de otro. Se usa cuando se describe una variacin sobre el normal
comporta miento.
Diagramas de Clases:
Los diagramas de clases representan un conjunto de elementos del modelo que son
estticos, 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 estticos 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,
permitindose 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, mtodos, relaciones y significado.
En UML una clase es una implementacin 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.
Operacin. Tambin conocido como mtodo, 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 parmetros formales, son las clases denominadas
plantillas. Sus atributos y operaciones vendrn definidos segn sus parmetros formales.
Las plantillas pueden tener especificados los valores reales para los parmetros formales,
entonces reciben el nombre de clase parametrizada instanciada. Se puede usar en cualquier
lugar en el que se podra aparecer su plantilla.
Relacionando con las clases nos encontramos con el trmino utilidad, que se
corresponde con una agrupacin de variables y procedimientos globales en forma de
declaracin de clase, tambin 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 declaracin 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 programacin.
64
Metaclase: Es una clase cuyas instancias son clases. Sirven como depsito para
mantener las variables de clase y proporcionan operaciones (mtodo 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 implementacin. Un tipo establece una especificacin de
comportamiento para las clases.
Interfaz: Representa el uso de un tipo para describir el comportamiento visible
externamente de cualquier elemento del modelo.
Relacin entre clases : Las clases se relacionan entre s de distintas formas, que
marcan los tipos de relaciones existentes:
Asociacin:
Es una relacin que describe un conjunto de vnculos entre clases. Pueden ser
binarias o n-arias, segn se implican a dos clases o ms. Las relaciones de asociacin
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 asociacin (existen otros tipos de roles
segn la relacin a la que identifiquen). Indican la informacin ms importante de las
asociaciones. Es posible indicar el nmero de instancias de una clase que participan en una
relacin 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
asociacin 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 asociacin que
determina los valores que indican cuales son los valores que se asociarn.
Una asociacin 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
asociacin.
Existe una forma especial de asociacin, la agregacin, que especifica una relacin entre
65
las clases donde el llamado "agregado" indica l todo y el "componente" es una parte del
mismo.
Composicin:
Es un tipo de agregacin donde la relacin de posesin es tan fuerte como para
marcar otro tipo de relacin. Las clases en UML tienen un tiempo de vida determinado, en
las relaciones de composicin, 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.
Generalizacin:
Cuando se establece una relacin 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 ms de una clase que se comporte como subclase.
Dependencia:
Una relacin 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.
Relacin de Refinamiento:
Es una relacin entre dos elementos donde uno de ellos especifica de forma completa
al otro que ya ha sido especificado con cierto detalle.
Nuevas caractersticas del UML
Adems de los conceptos extrados de mtodos anteriores, se han aadido otros
nuevos que vienen a suplir carencias antiguas de la metodologa de modelado. Estos
nuevos conceptos son los siguientes:
66
Definicin 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 extensin del modelo.
Responsabilidades.
Mecanismos de extensibilidad: estereotipos, valores etiquetados y restricciones.
Tareas y procesos.
Distribucin y concurrencia (para modelar por ejemplo ActiveX/DCOM y CORBA.
Patrones/Colaboraciones.
Diagramas de actividad (para reingeniera de proceso de negocios)
Clara separacin de tipo, clase e instancia.
Refinamiento (para manejar relaciones entre niveles de abstraccin).
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 tendrn en comn con otras organizaciones que utilicen UML
sern los tipos de diagramas.
UML es un mtodo independiente del proceso. Los procesos de desarrollo deben ser
definidos
dentro
del
contexto
donde
se
van
implementar
los
sistemas.
La elaboracin de Aplicacio nes Web consiste en el Diseo de la Interfaz, proceso en el

cual se combinan los elementos de informacin obtenidos, en el caso del modelado
con UML, hay que considerar aspectos relacionados con la simbolizacin de los
objetos, para ello es necesario recordar lo siguiente:
67
Hojas de Cliente (Client Page) son pginas web con formato HTML las cuales
pueden ser mostradas por un navegador o browser y que presentan datos adems de
contener scripts que son interpretados por el navegador. En el Lenguaje Unificado de
Modelado (UML) estas pginas se simbolizan como se puede observar en la s i g u i e n t e
Figura Nro. 11.
Figura Nro 11. Representacin de una Pgina de Cliente en UML
Las pginas de servidor (Server Pages) son pginas Web que contienen scripts
ejecutados por el servidor; es decir, los scripts que contienen pueden interactuar con los
recursos del servidor (Base de Datos, Lgica del Negocio, Sistemas externos, etc.).
En UML se representan como se muestra en la siguiente Figura Nro. 12
Figura Nro.12 Representacin de una Pgina de Servidor en UML
Los formularios (For m) comprenden aquella coleccin de campos de entradas de

datos mediante la cual una pgina de cliente suministra informacin de entrada al
servidor para que este le genere una respuesta. Los formularios se simbolizan en
UML tal como se muestra en la Figura Nro. 13.
68
Figura Nro 13 Representacin de un Formulario en UML
Los Framset son ele mentos de las aplicaciones Web en los cuales se pueden
incluir varias pginas web simultnea mente, es decir, contiene varias pginas web. En
UML se representan como se muestra en la Figura Nro. 14.
Figura Nro. 14. Representacin de un Frameset en UML
En UML, entre los objetos sealados 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 especificacin del UML 1.1.
Esta herramienta propone la utilizacin de cuatro tipos de modelo para realizar un
diseo del sistema, utilizando una vista esttica y otra dinmica de los modelos del sistema,
uno lgico y otro fsico. 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 iteracin comienza con una primera aproximacin del anlisis, diseo e
implementacin para identificar los riesgos del diseo, los cuales se utilizan para conducir
la iteracin, primero se identifican los riesgos y despus se prueba la aplicacin para que
stos se hagan mnimos.
Cuando la implementacin pasa todas las pruebas que se determinan en el proceso,
sta se revisa y se aaden los elementos modificados al modelo de anlisis y diseo. Una
vez que la actualizacin del modelo se ha modificado, se realiza la siguiente iteracin.
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 propagacin
de los cambios en ese espacio de trabajo.
Tambin 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 Cdigo
Se puede generar cdigo en distintos lenguajes de programacin a partir de un diseo en
UML.
Ingeniera Inversa
Rational Rose proporciona mecanismos para realizar la denominada Ingeniera
Inversa, es decir, a partir del cdigo de un programa, se puede obtener informacin sobre
su diseo.
Lenguajes de programacin
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 ao 1994 por Rasmus Lerdorf como un CGI escrito en C
que permita la interpretacin de un nmero 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
pginas. Dada la aceptacin 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, sera la primera versin compacta del lenguaje:
PHP/FI. La siguiente gran contribucin al lenguaje se realiz a mediados del 97 cuando se
volvi a programar el analizador sintctico, se incluyeron nuevas funcionalidades como el
soporte a nuevos protocolos de Internet y el soporte a la gran mayora de las bases de datos
comerciales. Todas estas mejoras sentaron las bases de PHP versin 3. Actualmente PHP se
encuentra en su versin 5, que utiliza el motor Zend, desarrollado con mayor meditacin
para cubrir las necesidades actuales y solucionar algunos inconvenientes de la anterior
versin. Algunas mejoras de esta nueva versin son su rapidez -gracias a que primero se
compila y luego se ejecuta, mientras que antes se ejecutaba mientras se interpretaba el
cdigo-, su mayor independencia del servidor web -creando versiones de PHP nativas para
ms plataformas- y un API ms elaborado y con ms funciones.
Figura Nro. 17. Grfica del nmero de dominios y direcciones IP que utilizan PHP.
Fuente: Estadstica de Netcraft. 2008.
72
En el ltimo ao, el nmero 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 tecnologa popular. Esto es debido, entre otras razones, a que PHP es el
complemento ideal para que el tndem Linux- Apache sea compatible con la programacin
del lado del servidor de sitios web. Gracias a la aceptacin que ha logrado, y los grandes
esfuerzos realizados por una creciente comunidad de colaboradores para implementarlo de
la manera ms ptima, podemos asegurar que el lenguaje se convertir en un estndar que
compartir los xitos augurados al conjunto de sistemas desarrollados en cdigo abierto.
Introduccin a PHP 5
Con las primeras 2 versiones de PHP, PHP 3 y PHP 4, se haba conseguido una
plataforma potente y estable para la programacin de pginas del lado del servidor. Estas
versiones han servido de mucha ayuda para la comunidad de desarrolladores, haciendo
posible que PHP sea el lenguaje ms utilizado en la web para la realizacin de pginas
avanzadas.
Sin embargo, todava existan puntos negros en el desarrollo PHP que se han tratado
de solucionar con la versin 5, aspectos que se echaron en falta en la versin 4, casi desde
el da de su lanzamiento. Nos referimos principalmente a la programacin orientada a
objetos (POO) que, a pesar de que estaba soportada a partir de PHP3, slo implementaba
una parte muy pequea de las caractersticas de este tipo de programacin.
Nota: la orientacin a objetos es una manera de programar que trata de modelar los
procesos de programacin de una manera cercana a la realidad: tratando a cada componente
de un programa como un objeto con sus caractersticas 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 ms
exigentes.
Actualmente se encuentra en desarrollo la versin PHP6
As funciona PHP:
Figura Nro. 18, funcionamiento de PHP, Fuente: (http://www.desarrolloweb.com, 2008)
PHP toma cdigo dentro de las pginas, lo ejecuta en el servidor y enva el

resultado al cliente. El cliente no puede visualizar el cdigo del programa, slo su
resultado. Adems, por ser un lenguaje de scripting, los programas no se compilan, sino
slo se interpretan; esto significa que es ms lento en ejecutarse que, por ejemplo, un
programa en C, pero al mismo tiempo los cambios en el cdigo PHP tienen efecto de
inmediato.
No todos los archivos son interpretados por el plug- in de PHP, sino slo aquellos
que hayan sido definidos en la configuracin del servidor como tales, puesto que la
interpretacin de cdigo es un proceso que toma un tiempo mayor al que se emplea en
74
enviar una pgina tal como est. Es comn 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 pginas a travs 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 informacin (por ejemplo
bases de datos) que pueden estar en la propia mquina o en mquinas remotas de la red.
Todo ello se puede presentar acompaado de cuantos grficos estticos o animados y
sonidos seamos capaces de imaginar.
HTML es el lenguaje con el que se construyen las pginas Web. La idea inicial de
HTML era describir la estructura y el contenido de un documento, sin embargo la tendencia
actual es utilizarlo tambin como un lenguaje de descripcin, controlando el aspecto de
documento (tipografa, posicionado, etc.).
Por supuesto, la esttica 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 tamaos y fuentes, tablas, prrafos
tabulados, sangras, incluso texto y fondo de pgina de colores, y muchos ms.
El programa encargado de interpretar el texto HTML es el navegador o browser. El
navegador puede recibir el cdigo HTML junto con los elementos integrados en la pgina
(imgenes, sonidos, vdeo, etc.) desde un servidor remoto o de un servidor de red
(utilizando el protocolo de transferencia de hypertexto y HTTP) o leer las pginas
directamente de nuestro disco duro (sin un protocolo de transmisin tipo HTTP, sino el
equivalente a abrir un documento con un procesador de textos).
75
Lenguaje Java
Con el lenguaje de programacin Java es posible incrustar una aplicacin
multiplataforma dentro de una pgina 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 tambin es posible implementar programas como C++, que no se ejecuten
a travs de Internet, sino de forma local y sin la necesidad de utilizar un navegador.
Java es un lenguaje de programacin orientada a objetos que ha sido desarrollado
por Sun Microsystems.
Java, cuya denominacin original fue Oak(1991) fue diseado para programar
dispositivos electrnicos de consumo y crear una red heterognea de productos electrnicos
domsticos.
JavaScript
Es un lenguaje de programacin compacto y orientado al objeto destinado al
desarrollo de aplicaciones Internet que acta a modo de complemento del HTML. El
primer navegador que soport JavaScript fue Netscape Navigator 2.0. El cdigo 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 versin 2.0) y Microsoft Internet Explorer
(a partir de la versin 3.0, denominndolo J script). Tambin afectan a JavaScript las
incompatibilidades: los navegadores 4.0 soportan nuevas especificaciones de JavaScript
que no soportan los browsers anteriores. Adems el mismo cdigo JavaScript en Navigator
no se comporta de manera idntica en Internet Explorer.
76
Sintaxis : JavaScript hereda principalmente de Java su sintaxis y estructura, aunque

el estilo de programacin puede diferir bastante.
JavaScript est destinado para la implementacin de programas pequeos, 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 disear, codificar
y desarrollar sitios, pginas y aplicaciones Web. Tanto si desea controlar manualmente el
cdigo HTML como si prefiere trabajar en un entorno de edicin visual, Dreamweaver le
proporciona tiles herramientas que mejorarn su experiencia de creacin Web.
Dreamweaver 8 incorpora muchas funciones nuevas que le ayudarn a disear
pginas Web y aplicaciones con un mnimo de tiempo y esfuerzo. Dreamweaver simplifica
las tecnologas ms complejas y las hace accesibles, ayudndole a conseguir ms en menos
tiempo.
stas son algunas de las nuevas funciones de Dreamweaver 8:
Herramienta Zoom y guas
Vinculacin de datos visual de XML
Nuevo panel de estilos CSS
Visualizacin de diseo CSS
Contraccin de cdigo
Barra de herramientas de codificacin
77
Transferencia de archivos en segundo plano
Insercin de comando de Flash Video

Las funciones de edicin visual de Dreamweaver permiten crear pginas de forma
rpida, sin escribir una sola lnea de cdigo. No obstante, si prefiere crear el cdigo
manualmente, Dreamweaver tambin incluye numerosas herramientas y funciones
relacionadas con la codificacin. Adems, Dreamweaver le ayuda a crear aplicaciones Web
dinmicas 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 Professional 8. Flash le
proporciona todo lo necesario para crear y publicar complejas aplicaciones de grandes
prestaciones y contenido Web. Tanto si disea grficos 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 nmero de funciones de Flash, se pueden crear multitud de tipos
de aplicaciones. A continuacin se citan alg unos ejemplos de los tipos de aplicaciones que
se pueden generar con Flash:
Animaciones: Incluyen anuncios publicitarios, tarjetas de felicitacin en lnea, dibujos
animados, etc. Muchos otros tipos de aplicaciones de Flash tambin incluyen elementos de
animacin.
78
Juegos: Numerosos juegos se crean con Flash. Los juegos normalmente combinan las
capacidades de animacin de Flash con las capacidades lgicas de ActionScript.
Interfaces de usuario: Un gran nmero de diseadores de sitios Web utilizan Flash para
disear interfaces de usuario. Estas interfaces incluyen tanto sencillas barras de navegacin
como diseos mucho ms complejos. En la parte superior de la pgina de inicio de
www.macromedia.com/es se muestra un ejemplo de una barra de navegacin creada con
Flash.
reas de mensajes flexibles: Se trata de reas de las pginas Web que utilizan los
diseadores para mostrar informacin que puede variar con el tiempo. El rea de mensajes
flexible (FMA, Flexible Messaging Area) del sitio Web de un restaurante podra mostrar
informacin sobre las especialidades del men del da. En la pgina de inicio de
www.macromedia.com/es se puede encontrar un ejemplo de un rea FMA. El tutorial de la
seccin Tutorial: Creacin de una aplicacin Flash por primera vez le guiar por el proceso
de creacin de un rea FMA.
Aplicaciones dinmicas 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 travs de Internet. Una aplicacin dinmica de Internet
podra ser una aplicacin de calendario, una aplicacin de bsqueda de precios, un catlogo
de compra, una aplicacin de educacin y pruebas, o bien cualquier otra aplicacin que
presente datos remotos con una completa interfaz desde el punto de vista grfico.
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 aplicacin de Flash, se realizan normalmente los pasos bsicos siguientes:
1. Decida las tareas bsicas que realizar la aplicacin.
79
2. Cree e importe elementos multimedia como imgenes, vdeo, sonido, texto, etc.
3. Organice los elementos multimedia en el escenario y en la lnea de tiempo para
definir cundo y cmo aparecern en la aplicacin.
4. Aplique efectos especiales a elementos multimedia segn estime oportuno.
5. Escriba cdigo ActionScript para controlar cmo se comportarn los elementos
multimedia, incluido cmo respondern los elementos a las interacciones del
usuario.
6. Pruebe la aplicacin para determinar si funciona como se haba previsto y busque
cualquier error que se produjera al crearla. La aplicacin se debe probar durante
todo el proceso de creacin.
7. Publique el archivo FLA como archivo SWF para que pueda mostrarse en una
pgina Web y reproducirse con Flash Player.
Segn el proyecto y el estilo de trabajo, se puede cambiar el orden de estos pasos.
Conforme vaya familiarizndose con Flash y sus flujos de trabajo, ir descubriendo el
estilo de trabajo ms adecuado a sus necesidades.
Fireworks 8
Macromedia Fireworks 8 es la solucin definitiva para el diseo y produccin de
grficos Web profesionales. Se trata del primer entorno de produccin que afronta con
xito los grandes retos de los diseadores y desarrolladores de grficos Web.
Fireworks puede utilizarse para crear, editar y animar grficos Web, aadir
interactividad avanzada y optimizar imgenes en entornos profesionales. En Fireworks es
posible crear y modificar imgenes vectoriales y de mapa de bits en una sola aplicacin.
Todo es modificable en todo momento. Y el flujo de trabajo puede automatizarse para
satisfacer las necesidades de cambio y actualizacin que de otra forma exigiran una
enorme dedicacin.
80
Manejadores de bases de datos

El modelo E/R
Tcnica de anlisis basada en la identificacin 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 representacin grfica del diseo conseguido
mediante la tcnica de anlisis 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.ej. 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: Ttulo, ISBN, edicin, nmero de pginas.
Del escritor: Nombre, apellidos, fecha de nacimiento
Clave: Conjunto de atributos que permite identificar unvocamente dentro de un conjunto

de entidades. p.ej. Del libro: ISBN Del escritor: (nombre, apellidos, fecha de nacimiento)
Relacin (conexin o asociacin):
Conexin semntica entre dos conjuntos de entidades. p.ej. Relacin 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 intencin de manejar la
administracin de MySQL a travs de pginas webs, utilizando Internet. Actualmente

puede crear y eliminar Bases de Datos, crear, eliminar y alterar tablas, borrar, editar y
aadir 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 ao 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 mquinas con Servidores Webs y Soporte de PHP y
MySQL, la tecnologa 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 gestin de bases de datos relacional, fue creada por la empresa
sueca MySQL AB, la cual tiene el copyright del cdigo fuente del servidor SQL, as como
tambin de la marca.
MySQL es un software de cdigo abierto, licenciado bajo la GPL de la GNU,
aunque MySQL AB distribuye una versin comercial, en lo nico que se diferencia de la
versin libre, es en el soporte tcnico que se ofrece, y la posibilidad de integrar este gestor
en un software propietario, ya que de otra manera, se vulnerara la licencia GPL.
El lenguaje de programacin 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 aplicacin sobre Windows que automticamente 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 instalacin completa
y desde cero. Pero tambin 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 investigacin
En este capitulo se presenta toda la metodologa utilizada para disear esta pgina
web interactiva. Estar diseada con el propsito de brindar apoyo a esta institucin
educativa , mediante una base de datos que permita la interaccin entre ellos, y as poder
conocer cualquier informacin relacionada con notas, fechas de pruebas, reuniones entre
otras.
Tipo y diseo de la investigacin

De acuerdo a la naturaleza de la investigacin, el proyecto est enmarcado dentro de
la modalidad de un proyecto factible, debido a que est orientado a proporcionar solucin o
respuesta a problemas planteados a la necesidad del colegio de que haya una interaccin
alumno-profesor en el intercambio de informacin. Este proyecto no escapa de su apoyo a
la investigacin documental y de campo, la primera ejecutada mediante el levantamiento
de informacin realizado a proyectos que aportaron la misma solucin a otra realizada en
un momento dado, entrevistas, folletos contentivos de informacin del colegio e
investigacin bibliogrfica y web interactivas para la seleccin de las herramientas o
recursos para la elaboracin de una solucin factible. Esta investigacin es de campo, se
desarrolla la tcnica de entrevistas, opiniones del personal directivo y alumnos del colegio .
Nivel de la Investigacin
Se puede determinar que la investigacin es un estudio descriptivo del problema.
Dentro del anlisis efectuado a la informacin recolectada a travs de la aplicacin de
entrevistas, informacin recolectadas de diversas fuentes como: libros, fo lletos e internet,
se organiz y se estructur, para determinar conjuntamente con el personal directivo la
84
informacin ms importante que va a servir de gua para poder disear la base de datos
para la pagina web interactiva. (UPEL, 1998).
Fases Metodolgicas
La metodologa de este proyecto de investigacin comprende las siguientes fases:
1. Diagnstico.
2. Factibilidad.
3. Diseo.
4. Implantacin.
5. Validacin.
Para facilitar la comprensin del diseo metodolgico, se colocan a continuacin

unas tablas que correlacionan las fases de la investigacin, los objetivos especficos,
metodologa operacional y las tcnicas e instrumentos involucrados, siguiendo el esquema
del proyecto factible y del ciclo de vida del desarrollo de sistemas de informacin (CVDS),
tal como se propone en la figura N 18.
85
Figura Nro. 22. Comparacin del Proyecto Factible y el Ciclo de Vida para el Desarrollo de Sistemas de
Informacin, Fuente: (Prez, R, 2007)
Ciclo de vida del desarrollo de sistemas de informacin:

Es un proceso por el cual los analistas de sistemas, los ingenieros de software, los
programadores, y los usuarios finales elaboran sistemas de informacin y
aplicaciones informticas. (Whitten; Benthley y Barlow, 1996).
Desarrollo de las Fases Metodolgicas
Diseo metodolgico con tcnicas e instrumentos
Estas fases estn ligadas con los objetivos planteados en esta investigacin, al igual que los
instrumentos y recursos utilizados, para lograr alcanzar las metas propuestas. A
continuacin incorporamos un cuadro, el cual, describir el diseo metodolgico con las
86
tcnicas e instrumentos utilizados, los cuales a su vez guardan una estrecha relacin con los
objetivos propuestos.
Fase I diagnstico:
Objetivos Especficos
Metodologa
Tcnicas e
Instrumentos
Diagnosticar
los
requerimientos
institucionales,
tecnolgicos
y
comunicacionales a ser
desarrollados
en
la
Pgina Web Dinmica de
la U. E. Colegio Nuestra
Seora de Lourdes
Valencia.
Se
identificaron las
necesidades del colegio
relacionadas con la
implantacin de la
Pgina Web Dinmica
Observaciones
y
Entrevistas
con
los
profesores del colegio en
especial con el Subdirector
y
la
coordinadora
de
evaluacin,
revisando
con estas autoridades los
procesos que van a ser
automatizados
para
desarrollar la base de
datos de la pgina Web
Dinmica.
Tabla Nro. 01 fase de diagnstico, Fuente: (Diseo propio, Silva, 2008)
Fase II Factibilidad:
Determinar
la
factibilidad tcnica,
organizacional
y
econmica para el
desarrollo de una
Pgina
Web
Dinmica para la
U. E. Colegio
Nuestra Seora de
Lourdes
Valencia.
Metodologa
Tcnicas e Instrumentos
Se identificaron los
elementos relacionados
con la factibilidad para
la implantacin de la
pgina Web Dinmica.
Normas para la evaluacin de

proyectos, organizacin de la
informacin de la pgina Web
Dinmica
para su posterior
publicacin.
Tabla Nro. 02 Fase de Factibilidad, Fuente: (Diseo propio, Silva, 2008)
87
Fase III Diseo:

Disear
los
lineamientos
tecnolgicos
y
metodolgicos para el
desarrollo de la Pgina
Web Dinmica para la
U. E. Colegio Nuestra
Seora de Lourdes
Valencia, garantizando
su
adecuada
documentacin.
Metodologa
Se identificaron los
lineamientos
metodolgicos
para
abordar
tcnica
y
organizacionalmente la
implantacin de la
pgina Web Dinmica,
la cual cumple con las
normas
vigentes
internacionales
de
COVENIN ISO/ IEC
9126.
Normas vigentes
internacionales
de
COVENIN
ISO/IEC
9126:Tecnologas de la
Informacin Calidad de
los Productos Software
en cuanto a la creacin de
pginas Web Dinmica.
Ver anexo C.
Las normas de diseo del
Dr. Pere Marqus Graells y
Thomas Powell
Tabla Nro. 03 Fase de Diseo, Fuente: (Diseo propio, Silva, 2008)
Fases IV Implantacin:
Implantar los procesos

diseados para la Pgina
Web Dinmica para la
U. E. Colegio Nuestra
Seora de Lourdes
Valencia.
Metodologa
Se llev a cabo la
aplicacin de los
mtodos y normas
para pginas Web
Dinmicas para su
correcto
funcionamiento.
Normas vigentes
internacionales
de
COVENIN,
ISO/IEC
9126:Tecnologas de la
Informacin Calidad de
los Productos Software
en cuanto a la creacin de
pginas web dinmicas,
implantacin del servidor.
Ver anexo C
Tabla Nro. 04, Fase Implantacin, Fuente: (Diseo propio, Silva, 2008)
88
Fase V Validacin:
Validar los procesos

de desarrollo de la
Pgina
Web
Dinmica para la U.
E. Colegio Nuestra
Seora de Lourdes
Valencia,
garantizando
la
funcionalidad de site,
de acuerdo a la norma
COVENIN ISO 9126.
Metodologa
Se realizaron las
pruebas
de
operatividad de la
pgina
Web
Dinmica
por
Internet, a travs del
mtodo heurstico de
Jacob Nielsen.
Criterios para validacin

Segn las mtricas de
calidad externas tomando
en cuenta su funcionalidad
y usabilidad segn Jakob
Nielsen, Certificacin de
los datos, seguridad en los
procesos y veracidad en la
informacin, tomando las
normas ISO 9126.
Ver anexo C
Tabla Nro. 05, Fase de Validacin, Fuente: (Diseo propio, Silva, 2008)
Fase de diagnstico.
La fase de diagnstico comienza, haciendo una bsqueda de la documentacin

requerida en la cual se han establecido las necesidades y propsitos a alcanzar, tomando en
cuenta lo referente a tecnologa educativa y comunicacional.
Fase de factibilidad
En esta etapa se analizaran los elementos requeridos para la implantacin de la
pgina Web. Considerando los siguientes puntos:
Recursos tcnicos
Los componentes principales para el manejo de informacin, se hace necesario estar
en conexin con Internet y el sitio Web Dinmico respectivamente cuenta con una debida
instalacin de acuerdo a las necesidades y a los datos obtenidos de la fase de diagnstico.
89
Estos recursos cuentan con el respaldo y las normas y estndares para la instalacin de
pginas Web Dinmicas.
Recursos econmicos
Los costos de instalacin y hospedaje de la pgina web y dems 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 econmicos en el anexo B (Recursos Econmicos).
Recursos logsticos y Organizacionales

Tomando en cuenta las necesidades de esta unidad educativa de tener una base de
datos y a travs de estos requerimientos se pudo contrastar la creacin de una pgina web
dinmica; estos recursos cuentan con el respaldo,
las normas y estndares para la
instalacin de pginas Web dinmicas. Ver anexo C.
Fase de diseo (CVDS, tal como se propone en la figura N 22). Ver pgina N 85
Para poder realizar esta fase se identificaron los lineamientos metodolgicos para
poder as abordar la tcnica y organizacionalmente la implantacin de la pgina Web
Dinmica, la cual cumple con las normas vigentes internacionales de las Normas
COVENIN ISO / IEC 9126. Ver anexo C.
Fase de Implantacin. (CVDS, tal como se propone en la figura N 22.). Ver pgina N
85.
Una vez diseada la pgina web se proceder a su Implantacin, tomando en
cuenta los mtodos y normas para pginas web dinmica, e implantacin de servidores,
para de esta manera evaluar el cumplimiento a cabalidad.
90
Fase de Validacin.
Una vez implantada definitivamente la pgina Web Dinmica, se proceder a su
validacin, 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 validacin. (De acuerdo a N ielsen).
reas de Conocimientos Relacionadas

Este proyecto requiere abordar temas referidos a diseos y construcciones de
pginas web dinmicas, sin embargo, cabe destacar otras reas de conocimiento que estn
ntimamente relacionadas con la presente investigacin, por lo tanto, la importancia de las
mismas, tomando en cuenta los diferentes niveles de participacin de cada una de ellas, se
pueden destacar las siguientes reas de conocimiento:
1. Anlisis y diseo de sistemas de informacin *
2. Documentacin de sistemas de informacin *
3. Auditora y evaluacin de sistemas de informacin *
4. Diseo de pginas web
5. Normas de hardware y software para el diseo de pginas web
6. Normas para realizar los trabajos de grado de la UPEL
7. Hospedaje y mantenimiento de pgina s Web dinmicas.
8. Webmaster: ASP, PHP, MySQL, APACHE, HTML, Java, Java Script.
9. Administracin de Servidores.
* Estas reas forman parte de los conocimientos adquiridos en semestres anteriores.

Las dems reas de conocimiento son de responsab ilidad del estudiante, por lo tanto, es
de inters propio el adquirir conocimientos relacionados con las reas que permitan el
desarrollo del tema o proyecto de grado.
91
Recursos a utilizar
Recursos tcnicos
Software :
Para el desarrollo de esta pgina se utilizaran las tcnicas y procedimientos ms
actualizados del mercado, como lo son las herramientas ASP, PHP, MySQL,
JavaScript. Para Programacin web y Dreamweaver, Flash y Firework
Java,
de la familia
Macromedia 8.0, las cuales se pueden considerar como bsicas para las aplicaciones de
diseo y montaje de una pgina web esttica o dinmica.
Nota: Para el desarrollo de este proyecto se utilizan versiones de prueba del software
indicado, con fines estrictamente acadmicos.
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 Acadmico,
Un Tutor Empresarial,
Un Responsable del proyecto de grado (estudiante)
- Un Asesor en diseo grafico.

- Un Asesor o Web master en programacin Web
92
CAPITULO IV
Presentacin de la solucin:
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 metodolgico.
Fase I (diagnstico)
Modelo del Negocio.
Esta propuesta tiene como objetivo facilitar y automatizar tecnolgicamente

La integracin de los miembros de la comunidad estudiantil de la U.E. Nuestra Seora de
Lourdes, (ver anexo E) Se utilizaron las potencialidades del internet con la aplicacin de
software libre, la cual facilit la evaluacin 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 acadmico, para poder conocer en detalle los procesos
actuales de esta Unidad Educativa, y as poder tener una visin 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
tambin
pueda contar con una base de datos orientada a permitir que esta
informacin 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, situacin acadmica, material complementario, y otra que el docente considere
necesario, tomando en cuenta que en cada trimestre se publicarn estas notas, y cada ao
existir solamente las notas de ese ao, es decir, no habr histrico, 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 institucin
para saber las notas u otro aspecto relacionado.
Presentamos a continuacin el modelo general del negocio.
Actores:
Control de Estudio
U.E. Nuestra Seora

de Lourdes
Profesores
Alumn@s
Padres y/ o Representantes
Figura N 23 Modelado General del Negocio, Fuente: (Diseo propio, Silva, 2.008).
94
Representacin del flujo de la informacin dentro y fuera del sistema web dinmico.
Sistemas superordinados : Los que emplean el sistema de destino, como parte de algn
esquema de procesamiento de nivel ms elevado. Est representado por la pgina web
dinmica, 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 informacin 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 interactan con el sistema de destino
produciendo y consumiendo informacin 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: Pgina
Web Dinmica
Sistema Basado
en Internet
Usados por
Panel de
Control
Sistema de Destino
Interfaz de Usuario
Administrador
Web-Master
Actores
usa
Pares
usan
Actores
Dependen de
Validadores
Base de
Datos
Sistemas Subordinados
Figura N 24 Diagrama de contexto, Fuente: (Diseo propio, Silva, 2.008)
Referencia (Pressman, Roger 2.006, Ingeniera del Software)
96
Fase II (Factibilidad).
De acuerdo a lo ya explicado en el marco metodolgico. Se puede considerar la
necesidad de contar con todos estos recursos tcnicos y logsticos, para poder lograr un
diseo que cumpla las expectativas del nuevo sistema. A continuacin se muestra el estudio
de factibilidad en la siguiente tabla.
Puntuacin
Obtenida
Tcnica
50
Operativa
88
Econmica
20
Social
5
Totales
163
Factibilidad general
Factibilidad
Puntuacin
Mxima
50
95
35
5
185
Porcentaje
100%
93%
57%
100%
88%
Tabla N 06: Estudio de Factibilidad

Fuente: (Elaboracin Propia, 2008)
Esta informacin permite afirmar que desde el punto de vista tcnico (100%),
operativo (93%) econmico (57%) y social (100%) el proyecto es factible.
Los clculos 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 (Diseo de la Propuesta).

Descripcin de los Casos de uso:
Actor: Control de Estudios
Comunica : (comunicates), se relaciona con los casos de uso, evaluacin (notas),
asignaciones, planes de evaluacin 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 evaluacin
Control de Estudios
Horarios de clases
Figura N 25 Diagrama caso de uso, Actor control de estudios, Fuente: (Diseo propio, Silva,
2.008).
98
Login: permite al administrador la entrada al sistema, mediante un usuario y una clave

garantizando la seguridad del mismo.
Evaluacin: permite cargar automticamente 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 harn mediante el mantenimiento a
la base de datos, lo har el administrador autorizado por control de estudios.
Planes de Evaluacin: permite cargar automticamente los planes de evaluacin de
cada grado. Como solo se har en cada ao se cargar directo por el sistema de
hosting de internet.
Horarios de clases : permite cargar automticamente los horarios de cada grado. Como
solo se har en cada ao o en ca da lapso se cargar directo por el sistema de hosting
de internet.
Actor: alumno
Comunica: (comunicates), se
relaciona con los casos de uso, evaluacin (notas),
asignaciones, planes de evaluacin, y horarios de clases, estos casos de uso es solo para
consultas.
99
Login
Evaluaciones
Actor:
Asignaciones
Planes de evaluacin
Horarios de clases
Alumno
Figura N 26 Diagrama caso de uso, Actor alumno, Fuente: (Diseo propio, Silva, 2.008).
Login: permite la entrada al sistema, mediante un usuario y una clave garantizando la

seguridad del mismo .
Evaluacin: 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 asignatura o materia determinada.
Planes de Evaluacin: permite al alumno consultar los planes de evaluacin de cada
asignatura o materia.
Horarios de clases: permite al alumno consultar los horarios de clases de cada grado.
100
Actor: Padres y/ Representantes

Comunica: (comunicates), se relaciona con los casos de uso, evaluacin (notas),
asignaciones, y planes de evaluacin. (Igual que para los alumnos, nicamente consultas).
Login
Evaluaciones
Actor:
Asignaciones
Planes de evaluacin
Padres y/o Representantes

Horarios de clases
Figura N 27 Diagrama caso de uso, Actor Padres y/ Representantes, Fuente: (Diseo 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.
Evaluacin: 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 Evaluacin: permite al padre representante consultar los planes de evaluacin
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 dems 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
Comunica: (comunicates), se relaciona con los casos de uso, evaluacin (notas),
asignaciones, y planes de evaluacin. (Igual que para los alumnos, pero con sentido critico,
osea, pasar a control de estudios cualquier incongruencia con la data).
Login
Evaluaciones
Actor:
Asignaciones
Planes de evaluacin
Docentes
Horarios de clases
Figura N 28 Diagrama caso de uso, Actor Docente, Fuente: (Diseo 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 cdula del alumno puede realizar la
bsqueda correspondiente para el chequeo de datos e informacin correcta.
103
Evaluacin: permite al docente consultar
los resultados de las evaluaciones de los
lapsos que haya presentado el alumno, mediante el mdulo de bsqueda

Asignaciones: permite a l docente consultar sobre las asignaciones que haya hecho en
cada asignatura o materia determinada, tambin mediante el mdulo de bsqueda.
Planes de Evaluacin: permite al docente consultar los planes de evaluacin de cada
asignatura o materia para chequear que la informacin sea la correcta.
Horarios de clases: permite al docente consultar los horarios de clases de cada grado.
para chequear que la informacin sea la correcta.
El docente observar por internet que la informacin que pas a Control de
Estudios para ser publicada, sea la correcta, por lo tanto, si observa algn error en la
misma, lo participar a este Departamento.
Diagramas de clases: Actor Control de Estudios
A continuacin 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
+ Clave
Acceso al Sistema
0..1
Clave de acceso
Figura N 29 Modelo de anlisis Diagrama de clase de acceso al sistema, actor control de estudios
Fuente: (Diseo propio, Silva, 2.008).
104
Como se puede observar en esta figura (figura Nro. 25) el Control de Estudios
tiene acceso a travs 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 automticamente mediante la creacin 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 informacin relacionada con las asignaciones para cada asignatura
o materia.
Control de Estudios
Acceso al Sistema
1
+ Clave
0..1
Clave de acceso
+ Asignaciones
Actualizacin de las
asignaciones
Figura N 30 Modelo de anlisis 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 travs 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 evaluacin:
Se permite actualizar la informacin relacionada con los planes de evaluacin.
Control de Estudios
Acceso al Sistema
1
+ Clave
0..1
Clave de acceso
+ planes de evaluacin
Planes de evaluacin
Figura N 31 Modelo de anlisis Diagrama de clase para planes de evaluacin , actor control de
estudios , Fuente: (Diseo propio, Silva, 2.008).

Estudios tiene acceso a travs 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
evaluacin. Es importante destacar que las actualizaciones para este caso de uso se
realizarn directamente desde el sitio o hosting del sistema, tomando en cuenta que se har
cada ao escolar, o en cada trimestre, este ser diseado en formato de Word u otro
software de aplicacin escogido por el administrador o diseador.
106
Es importante destacar que las actualizaciones para este caso de uso se realizarn
directamente desde el sitio o hosting del sistema, tomando en cuenta que se har cada ao
escolar, o en cada lapso, este ser diseado en formato de Word u otro software de
aplicacin escogido por el administrador o diseador.
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 anlisis Diagrama de clase para horarios de clases, actor control de
estudios , Fuente: (Diseo 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 realizarn directamente desde
el sitio o hosting del sistema, tomando en cuenta que se har cada ao escolar, o en cada
lapso, este ser diseado en formato de Word u otro software de aplicacin escogido por el
administrador o diseador, para cada grado habr una conexin 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 informacin relacionada con las notas y la situacin de cada alumno en la
seccin.
Alumno
Acceso al Sistema
1
+ Clave
0..1
Clave de acceso
+ evaluaciones
Ver las evaluaciones
Figura N 33 Modelo de anlisis Diagrama de clase para evaluaciones, actor alumno, Fuente:
(Diseo propio, Silva, 2.008).
Como se puede observa r en esta figura (figura Nro. 33) los alumnos
tiene n acceso a travs 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 informacin relacionada con las asignaciones de cada materia po r cada
seccin.
Alumno
Acceso al Sistema
1
+ Clave
0..1
Clave de acceso
+ asignaciones
Ver las asignaciones
Figura N 34 Modelo de anlisis Diagrama de clase para asignaciones, actor alumno, Fuente:
tienen acceso a travs 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 informacin relacionada con los planes de evaluacin de cada materia por
cada seccin.
Alumno
Acceso al Sistema
1
+ Clave
0..1
Clave de acceso
Ver los planes de

evaluacin
Figura N 35 Modelo de anlisis Diagrama de clase para planes de evaluacin, actor alumno
verdadera vale 1 y cuando es falsa vale 0, para el caso de uso planes de evaluacin.
110
alumno
Horarios de clases
Acceso al sistema
Figura N 36 Modelo de anlisis 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 conexin 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

seccin.
Padre y/o
Representante
Acceso al Sistema
1
+ Clave
0..1
Clave de acceso
Figura N 37
+ evaluaciones
Modelo de anlisis Diagrama de clase para evaluaciones, actor padre y/o
representante, Fuente: (Diseo propio, Silva, 2.008).
112
Como
se puede
Representantes
observar
tienen acceso
en esta figura (figura Nro. 37) los Padres y/o
a travs 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 informacin relacionada con las asignaciones de cada materia por cada
seccin.
Padre y/o
Representante
Acceso al Sistema
1
+ Clave
0..1
+ asignaciones
Clave de acceso
Figura N 38 Modelo de anlisis Diagrama de clase para asignaciones, actor padre y/o
Como se puede observar en esta figura (figura Nro. 38) los Padres y/o
Representantes
tienen acceso
asignaciones.
113

cada seccin.
Padre y/o
Representante
Acceso al Sistema
1
+ Clave
0..1
Ver los planes de

evaluacin
Clave de acceso
Figura N 39 Modelo de anlisis Diagrama de clase para planes de evaluacin, actor padre y/o
Como se puede observar en esta figura (figura Nro. 39) los Padres y/o
Representantes
tienen acceso
planes de evaluacin.
114
Padres y/o
Representantes
Horarios de clases
Acceso al sistema
Figura N 40 Modelo de anlisis 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 conexin 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

seccin y poder corroborar la informacin suministrada.
Docente
Acceso al Sistema
1
+ Clave
0..1
Clave de acceso
+ evaluaciones
Figura N 41 Modelo de anlisis Diagrama de clase para evaluacin, 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 informacin relacionada con las asignaciones de cada materia por cada
seccin y poder corroborar la informacin suministrada.
Docente
Acceso al Sistema
1
+ Clave
0..1
Clave de acceso
+ asignaciones
Figura N 42 Modelo de anlisis Diagrama de clase para asignaciones, actor docente, Fuente:
tiene n acceso a travs 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 seccin y poder corroborar la informacin suministrada.
Docente
Acceso al Sistema
1
+ Clave
0..1
Clave de acceso
Ver los planes de

evaluacin
Figura N 43 Modelo de anlisis 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 evaluacin.
118
Docentes
Horarios de clases
Acceso al sistema
Figura N 44 Modelo de anlisis 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 conexin independiente, el cual ser bajado y copiado si as se desea, por
cada docente.
La siguiente etapa en el modelo de anlisis en diagrama de actividades basado

en UML comprende el modelado de las acciones a ejecutarse en el sistema, para
ello
se
hace
la representacin de las acciones a desarrollar por cada uno de los
actores segn se especifica a continuacin:

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
Clave
Validar
Clave
Ingreso
Autorizado
Actualizar
Evaluaciones
Definir
Evaluaciones
Reemplazar
Evaluaciones
Informacin
Actualizada
Figura Nro. 45 Modelo de Anlisis. Diagrama de Actividades. Actualizar evaluaciones por parte
del Actor Control de Estudios, Fuente: (Diseo 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 evaluacin figura Nro. 47, y actualizar horarios de clases figura Nro. 48.
Ingresar al
sistema
Ingresar
Clave
Validar
Clave
Ingreso
Autorizado
Actualizar
asignaciones
Definir
Asignaciones
Reemplazar
Asignaciones
Informacin
Actualizada
Figura Nro. 46 Modelo de Anlisis. Diagrama de Actividades. Actualizar asignaciones por parte
del Actor Control de Estudio , Fuente: (Diseo propio, Silva, 2.008).
121
Ingresar al
sistema
Ingresar
Clave
Validar
Clave
Ingreso
Autorizado
Actualizar Planes
de Evaluacin
Definir Planes
de Evaluacin
Reemplazar Planes
de Evaluacin
Informacin
Actualizada
Figura Nro. 47 Modelo de Anlisis. Diagrama de Actividades. Actualizar planes de evaluacin por
parte del Actor Control de Estudios. Fuente: (Diseo propio, Silva, 2.008).
122
Ingresar al
sistema
Ingresar
Clave
Validar
Clave
Ingreso
Autorizado
Actualizar
Horarios de clase
Definir Horarios
de clase
Reemplazar
Horarios de clase
Informacin
Actualizada
Figura Nro. 48 Modelo de Anlisis. Diagrama de Actividades. Actualizar Horarios de clase por
parte del Actor Control de Estudios, Fuente: (Diseo 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
evaluacin, como se puede observar en la figura Nro. 49.
Actor: Alumno
Ingresar al
sistema
Ingresar
Clave
Validar
Clave
Ingreso
Autorizado
Consultar
Evaluaciones
Asignaciones
Planes de
Evaluacin
Consulta
Realizada
Figura Nro. 49 Modelo de Anlisis. Diagrama de Actividades consultas hechas por parte del actor
alumno, Fuente: (Diseo 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 Anlisis. Diagrama de Actividades consultas he chas por parte del
actor alumno, Fuente: (Diseo 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 evaluacin, se puede observar en la figura Nro. 51.
Actor: Padres y/o Representantes
Ingresar al
sistema
Ingresar
Clave
Validar
Clave
Ingreso
Autorizado
Consultar
Evaluaciones
Asignaciones
Planes de
Evaluacin
Consulta
Realizada
Figura Nro. 51 Modelo de Anlisis. Diagrama de Actividades consultas hechas por parte del actor
padres y/o representantes, Fuente: (Diseo 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 Anlisis. Diagrama de Actividades consultas hechas por parte del
actor padres y/o representantes , Fuente: (Diseo propio, Silva, 2.008).
127
Al igual que los padres y alumnos, los docentes tambin pueden consultar la misma
informacin, pero con sentido critico, es decir, puede hacer revisiones de la data, si
observa algn detalle lo consulta con Control de Estudios. Esta accin se puede observar en
la siguiente figura Nro. 53.
Actor: Docente
Ingresar al
sistema
Ingresar
Clave
Validar
Clave
Ingreso
Autorizado
Ver y Evaluar
Evaluaciones
Asignaciones
Planes de
Evaluacin
Evaluacin
Realizada
actor docente, Fuente: (Diseo propio, Silva, 2008)
128
Al igual que los padres y alumnos los docentes tambin 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
Evaluacin
Realizada
actor docente, Fuente: (Diseo propio, Silva, 2.008).
129
Despus 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, adems de establecer la colaboracin que
prevalezca
entre
ellos,
estas
acciones
corresponden
los
Diagramas
de
Interaccin del modelado en UML y que se presentan a continuacin, organizados en

funcin de los actores del negocio.
En el caso del Actor, Control de Estudios, sus actividades se desarrollan con la
siguiente secuencia: primeramente el actor debe ingresar a la interfaz a travs de una
clave deno minada Login, el sistema verifica dicha clave y de acuerdo con los resultados
de dic ha verificacin permite (o restringe) el acceso al sistema, una vez ingresado el
actor puede actualizar la informacin acadmica.
Estas situaciones se presentan grfica mente en la Figura Nro. 55
: Control
de Estudios
: Login
: Evaluaciones
: Asignaciones
: Autorizado
Planes de
Evaluacin
Horarios de
clases
Figura Nro.55 Modelo de Anlisis. 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 verificacin permite (o restrin ge) el acceso al
sistema, una vez
ingresado
el alumno puede consultar la Informacin correspondiente
a los resultados de las evaluaciones realizadas, adems de tener la posibilidad de

consultar y obtener la informacin correspondiente a las asignaciones pendientes y del
material documental que se haya incorporado al sistema y consultar tambin los planes
de evaluacin. Esta secuencia de actividades est reflejada en la Figura Nro. 56
: Alumno
: Login
: Evaluaciones
: Autorizado
: Asignaciones
Planes de
Evaluacin
Figura Nro. 56 Modelo de Anlisis. Diagrama de Secuencias. Actor Alumno, Fuente: (Diseo
propio, Silva, 2.008).
131
: Alumno
: Ingresar al
sistema
: Consultar
Horarios de clases
Figura Nro.57 Modelo de Anlisis. Diagrama de Secuencias. Actor alumno, Fuente: (Diseo
132
En cuanto al Actor: Padres y/o Representantes ingresan al sistema a travs de una

clave la cual le permite (o restringe) el acceso a la informacin, una vez
ingresado el padre o representante tiene la facultad de actualizar informacin
en el sistema relacionada con el proceso de inscripcin de los alumnos as como
otra de las facultades de los Padres y Representantes es que ellos pueden obtener
informacin en la institucin de sus hijos o representados, tanto en el aspecto de
evaluaciones hechas al alumno, como las asignaciones que tenga pendiente.
Todas estas actividades se presentan secuencialmente en la Figura Nro 58 y 59
: Padres y/o
Representantes
: Login
: Evaluaciones
: Autorizado
: Asignaciones
Planes de
Evaluacin
Figura Nro 58. Modelo de Anlisis. 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 Anlisis. Diagrama de Secuencias. Actor Padres y/o Representantes,
134
Para el Actor: Docente la secuencia de actividades est tambin precedida

por el ingreso de una clave de acceso: Login el sistema verifica dicha clave y de acuerdo
con los resultados de dicha verificacin permite (o restringe) el acceso al sistema, una
vez ingresado el docente puede ver la informacin correspondiente a los resultados de
las eva luaciones aplicadas a los alumnos, puede ver adems las asignaciones a sus
alumnos y cualquier actividad
que estos realicen en sus hogares y tambin 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
Evaluacin
Figura Nro. 60 Modelo de Anlisis. Diagrama de Secuencias. Actor Docente, Fuente: (Diseo
135
: Docente
: Ingresar al
sistema
: Ver Horarios
de clases
Figura Nro. 61 Modelo de Anlisis. Diagrama de Secuencias. Actor Docente, Fuente: (Diseo
136
Otro diagrama que comp rende las interacciones se refiere a los diagramas de
colaboracin, en el presente caso se estructuran los diagramas de colaboracin
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 colaboracin para el caso de uso Evaluaciones como se muestra en la

Figura Nro. 62
Control de
Estudios
: Login
1: Ingresar
: Login
2: Valida
: Autorizado
: Evaluacin
4: Confirma con
3: Registra
5: Prepara
: Sistema de
Data interna
: Proceso de transferencia
automtica
Figura Nro. 62 Diagrama de Colaboracin Evaluacin Actor: Control de Estudios, Fuente:

137
En el caso de uso de las Asignaciones, el diagrama de colaboracin se

puede comprobar en la Figura Nro. 63
Control de
Estudios
: Login
1: Ingresar
: Login
2: Valida
: Autorizado
: Asignaciones
3: Registra
Figura Nro. 63 Diagrama de Colaboracin asignaciones Actor: Control de Estudios, Fuente:
Planes de Evaluacin: el diagrama de colaboracin se puede comprobar en la Figura

Nro. 64
Control de
Estudios
: Login
: Login
1: Ingresar
2: Valida
: Planes de
Evaluacin
: Autorizado
3: Registra
Figura Nro.64 Diagrama de Colaboracin Planes de Evaluacin Actor: Control de Estudios,
138
En el caso de uso de los Horarios de Clases, el diagrama de colaboracin

se puede comprobar en la Figura Nro. 65
Control de
Estudios
: Login
: Login
1: Ingresar
2: Valida
: Horarios de
clases
: Autorizado
3: Registra
Figura Nro. 65 Diagrama de Colaboracin Horarios de clases Actor: Control de Estudios,
139
Igualmente,
para
los actores
Alumnos
la colaboracin
entre
los
objetos relacionados con la evaluacin, la consulta de las asignaciones, guas o

cualquier otra actividad estn representadas en la Figura Nro.66. Donde se
establecen tanto la relacin 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
: Evaluaciones
6: Consulta
: Asignaciones
: Planes de
evaluacin
8: Validado por
7: Validado por
9: Validado por
: Control de
Estudios
Figura Nro. 66 Diagrama de Colaboracin Consultas varias Actor: alumno, Fuente: (Diseo
140
Para los actores Padres y/o Representantes la colaboracin entre los objetos
relacionados con la evaluacin, la consulta de las asignaciones, guas o cualquier otra
actividad estn representadas en la Figura Nro. 67 Donde se establecen tanto la relacin
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
: Evaluaciones
: Asignaciones
: Planes de
evaluacin
8: Validado por
7: Validado por
9: Validado por
: Control de
Estudios
Figura Nro.67 Diagrama de Colaboracin Consultas varias Actor: P adres y/o Representantes,
141
Para los actores Docentes la colaboracin entre los objetos relacionados con
ver evaluaciones, ver consultas, ver
asignaciones, ver los planes de evaluacin y
cualquier otra actividad representadas en la Figura Nro. 68 Donde se establecen tanto la

relacin 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
: Evaluaciones
6: Ver
: Asignaciones
: Planes de
evaluacin
8: Validado por
7: Validado por
9: Validado por
: Control de
Estudios
Figura Nro. 68 Diagrama de Colaboracin Vistas varias Actor: Docente, Fuente: (Diseo propio,
Silva, 2.008).
142
En el caso de uso de los Horarios de Clases, el diagrama de colaboracin

s e puede comprobar en la Figura Nro. 69
: Alumnos, Docentes,
: Interfaz
1: Ingresar
: Login
2: Consultar
: Horarios de
clases
Figura Nro. 69 Diagrama de Colaboracin Horarios de clases Actores: Alumnos, Docentes y

Padres y/o Representante s, Fuente: (Diseo propio, Silva, 2.008).
El siguiente paso en el anlisis de sistemas bajo el enfoque de modelado en UML

comprende los diagramas de estados que representan la situacin 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 institucin, 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
Introduccin
del Login
Termina Acceso
Permitir Acceso
Acceso
autorizado
Espera
consulta
Espera
Actualizacin
Introducir Datos
Finaliza
Consulta
Introducir Datos
Finaliza
actualizacin
Actualizacin
de Datos
Introducir datos
Figura Nro. 70 Diagrama de Estado. Actor: Control de Estudios , Fuente: (Diseo propio,
Silva, 2.008).
144
Los estados correspondientes al Actor Alumno se presentan en la Figura Nro. 71
Alumno
Espera Acceso
Introducir Login
Introduccin
del Login
Termina Acceso
Permitir acceso
Acceso
autorizado
Consulta de
datos
Introducir consulta
Consultar
Evaluaciones
Consultar
Asignaciones
Consultar Planes
de Evaluacin
Finalizar
consulta
Figura Nro.71 Diagrama de Estado. Actor: Alumno, Fuente: (Diseo 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.
Introducir Login
Espera Acceso
Introduccin
del Login
Termina Acceso
Permitir acceso
Acceso
autorizado
Consulta de
datos
Introducir consulta
Consultar
Evaluaciones
Consultar
Asignaciones
Consultar Planes
de Evaluacin
Finalizar
consulta
Figura Nro. 72 Diagrama de Estado. Actor: Padres y/o Representantes, Fuente: (Diseo
146
Los estados correspondientes al Actor Docente, permite ver u observar toda la

data que el alumno consulta, con derecho a criterio y a correccin de la misma, se
presentan en la Figura Nro. 73.
Docentes
Introducir Login
Espera Acceso
Introduccin
del Login
Termina Acceso
Permitir acceso
Acceso
autorizado
Observa Datos
Ver Datos
Ver
Evaluaciones
Ver
Asignaciones
Ver Planes de
Evaluacin
Finalizar
Observacin
Figura Nro. 73 Diagrama de Estado. Actor: Docente, Fuente: (Diseo 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
Sistema
Consultar
Datos
Ver horarios
Ver Horarios de
Clases
Finalizar
Consulta
Figura Nro. 74. Diagrama de Estado. Cualquier Actor: alumno, docente, padres y/o
representantes, Fuente: (Diseo propio, Silva, 2.008).
148
El siguiente paso dentro del anlisis comprende los diagramas de

componentes o entidades fsicas 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
evaluacin y los horarios de clases, vistas en la Figura Nro. 75.

Informes de
actividades
Actividades
Listas
Evaluacin
Reportes de
actualizaciones
Control de
estudios
Actividades
Actualizar
Interfaz
Figura Nro. 75 Modelo de Anlisis Diagrama de Componentes. Actor: Control de

Estudios, Fuente: (Diseo propio, Silva, 2.008).
149
Los alumnos estn 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.
Evaluacin
Informes de
actividades
Horarios
Consultas
Consultas
Planes
Consultas
Alumnos
Asignaciones
Actualizar
Interfaz
Figura Nro 76. Modelo de Anlisis Diagrama de Componentes. Actor: Alumno,

150
Los Padres y Representantes al igual que los alumnos estn asociados a los
componentes: consultas e interfaz del sistema, estos componentes se reflejan en la
Figura Nro. 77.
Evaluacin
Informes de
actividades
Horarios
Consultas
Consultas
Planes
Consultas
Padres y/o
Representantes
Asignaciones
Actualizar
Interfaz
Figura Nro.77 Modelo de Anlisis Diagrama de Componentes. Actor: Padres y/o

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

comprenden: el informe de actividades, la planificacin de actividades, reportes,
adems de la interfaz de usuario, representados todos ellos en la Figura Nro. 78.
Informes de
actividades
Planificacin de
actividades
Asignaciones
Evaluacin
Reportes de
informes
Docentes
Actividades
Actualizar
Interfaz
Figura Nro.78 Modelo de Anlisis Diagrama de Componentes. Actor: Docente ,

Fuente:(Diseo propio, Silva, 2.008).
152
Por ltimo, cualquier actor: alumno, docente o padres y/o representantes estn
asociados a los componentes especificados a continuacin: 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 Anlisis Diagrama de Componentes
cualquier Actor:
alumno, docente , padres y/o representantes, Fuente: (Diseo 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 configuracin de los
componentes hardware, los procesos, los elementos de procesamiento en tiempo de

ejecucin y los objetos que existen en tiempo de ejecucin. Los diagramas
despliegue para el Actor
de
Control de Estudios como lo muestra la Figura Nro.
80.
Informe de
actividades
Evaluacin
Actividades
Listas
SERVIDOR
Reportes de
Actualizaciones
Actividades
Control de
Estudios
CLIENTE PC
Figura Nro. 80 Modelo de Anlisis Diagrama de Despliegue. Actor: Control de

Estudios, Fuente: (Diseo propio, Silva, 2.008).
154
El diagrama de despliegue para el Actor

comprende la disposicin de
los
componentes
consultas,
informes de
actividades en los dispositivos fsicos del cliente (CLIENTE PC) y los del
(SERVIDOR), los cuales se muestra en la Figura Nro. 81
Informe de
actividades
Consultas
Evaluacin
Horarios
Consultas
Consultas
Planes
Asignaciones
SERVIDOR
Padres y/o
Representantes
CLIENTE PC
Figura Nro. 81 Modelo de Anlisis Diagrama de Despliegue. Actor: Padres y/o

Representantes, Fuente: (Diseo propio, Silva, 2.008).
155
El diagrama de despliegue para el Actor
Alumnos comprende la
disposicin de los componentes consultas, informes de actividades en los

dispositivos fsicos del cliente (CLIENTE PC) y los del (SERVIDOR), los
cuales se muestra en la Figura Nro. 82
Informe de
actividades
Consultas
Evaluacin
Consultas
Horarios
Consultas
Planes
Asignaciones
SERVIDOR
Alumnos
CLIENTE PC
Figura Nro. 82 Modelo de Anlisis Diagrama de Despliegue. Actor: Alumno, Fuente:

156
El diagrama de despliegue para el Actor Docente comprende la disposicin

de los componentes consultas, informes de actividades en los dispositivos
fsicos del cliente (CLIENTE PC) y los del (SERVIDOR), los cuales se
muestra en la Figura Nro. 83
Informe de
actividades
Planificacin
de Actividades
Evaluacin
Asignaciones
Reportes
de Informes
Actividades
SERVIDOR
Docentes
CLIENTE PC
Figura Nro. 83 Modelo de Anlisis Diagrama de Despliegue. Actor: Docente, Fuente:

157
El diagrama de despliegue para cualquier actor comprende la disposicin de

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

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

Alumno, Padres y/o representantes y docentes, Fuente: (Diseo propio, Silva, 2.008).
158
Podemos observar el servid or de aplicaciones e s t e es el motor principal

para ejecutar la lgica del negocio planteado, en el lado del servidor web; es decir,
e l a c t o r es el responsable de ejecutar el cdigo HTML automticamente
en
pginas del servidor web mediante la estacin de trabajo, puede adems estar en la
misma mquina del servidor web e incluso ejecutarse en el mismo espacio o estacin
de trabajo, esta estacin se conecta con el servidor web de base de datos mediante
conexin TCP/IP.
ESTACION DE TRABAJO
MONITOR
NAVEGADOR
WEB
ACTOR
CONEXIN HTTP
SERVIDOR WEB
WEB INTERFACE
TCP/IP
BASE DE
DATOS
INTERFACE BASE
DE DATOS
Figura Nro. 85 Modelo de Anlisis Diagrama de Despliegue. Comportamiento Actorweb, Fuente: (Diseo propio, Silva, 2.008).
159
Diseo de la Arquitectura de datos del sistema :

Para el desarrollo de la base de datos utilizaremos el modelo Entidad/Relacin.
Se establecieron 15 tablas
de las cuales 4 corresponden a archivos maestros
contienen informacin fija y el resto (11) de las tablas informacin variable. A

continuacin se detallan todas las entidades con sus respectivos atributos y su clave.
Tabla de Archivos M aestros:
Nro.
Entidad
Administrador
Profesores
2
Atributos
Clave
Cdigo del Administrador, Cdula + Clave +Fecha de

Cdula, Nombres,
nacimiento
Apellidos, Fecha de
nacimiento, Clave.
Cdigo del Docente,
Cdula, Nombres,
Apellidos, Fecha de
nacimiento, Clave.
Cdula + Clave +Fecha de

nacimiento
Alumnos
Cdigo del Alumno,

Cdula del alumno,
Cedula del Representante, Cdula + Clave
Apellidos, Nombres,
Sexo, Edad, Fecha de
Nacimiento, Lugar de
Nacimiento, Estado, Pas,
Status, Clave.
Materia
Cdigo de l alumno,
Cdigo de materia,
Nombre de la materia,
Curso, Seccin, Nivel.
Cdigo del alumno
Tabla Nro.07 Tabla de Archivos Maestros, Fuente: (Diseo propio, Silva, 2.008).
160
Tabla de Archivos Variables:

Nro.
Entidad
Asignaciones
Seccin
Notas
Nota Final
5
Medias Globales
Atributos
Cdigo del alumno,
Seccin, Nombre de la
materia, Lapso, Titulo,
Contenido, Fecha de
entrega.
Cdigo del alumno,
Seccin, Curso, Total de
Alumnos, Lista, Nivel.
Cdigo del alumno,
Cdigo de materia,
Nombre de la materia,
Lapso, Nota.
Cdigo del alumno,
Cdigo de materia, Nota
final, Total de
Inasistencias.
Cdigo del alumno,
Lapso, Promedio del
alumno, Promedio de la
seccin, Nivel muy bajo,
Nivel bajo, Nivel medio
bajo, Nivel medio alto,
Nivel alto, Nivel muy alto.
Clave
Cdigo del alumno
Cdigo del alumno.
Cdigo del alumno.
Cdigo del alumno.
Cdigo del alumno.
Nombre del Colegio Nombre, Direccin,

Telfono, Cdigo, Ao
Escolar
Tabla Nro.08 Tabla de Archivos variables, Fuente: (Diseo propio, Silva, 2.008).
161
Tabla de Archivos Variables (Continuacin):
Nro.
Entidad
Situacin en la
Seccin
Planes de
8
Evaluacin
Usuario
Padre -Alumno
Usuario2
10
Administrador-
Atributos
Clave
Cdigo del alumno,

Seccin, Lapso,
Nombre de la
materia, Nota,
Promedio en la
seccin, Nivel muy
bajo, Nivel bajo,
Nivel medio bajo,
Nivel medio alto,
Nivel alto, Nivel
muy alto.
Cdigo del alumno.
Cdigo del alumno,

Cdigo de la
materia, Nombre de
la materia, Curso,
Seccin, Nivel.
Cdigo del alumno
Cdigo de usuario,
Tipo, Usuario,
Clave
Cdigo de usuario,
Tipo, Usuario,
Clave.
Usuario + Clave
Usuario + Clave
Docente
11
Valoraciones
Cdigo, Nmero de
votos, Puntos.
Tabla de Archivos variables continuacin, Fuente: (Diseo propio, Silva, 2.008).
162
Tablas de Archivos directos de la base de datos

Servidor: localhost
Base de datos: colegio
Tiempo de generacin: 06-02-2009 a las 21:22:55
Generado por: PhpMyAdmin 2.11.6 / MySQL 5.0.51b-community-nt
Tabla
administrador
alumnos
asignaciones
materia
mediasglobales
nombrecolegio
notafinal
Registros
Tipo
Tamao
Comentarios
0 InnoDB
InnoDB free: 10240 kB

32.0 KB
15-12-2008 a las
Creacin:
19:06:17
3 InnoDB
tabla alumnos; InnoDB free: 10240

kB
32.0 KB
20-06-2008 a las
Creacin:
16:20:13
4 InnoDB

32.0 KB
03-08-2008 a las
Creacin:
15:33:29
46 InnoDB
tabla materia; InnoDB free: 10240

kB
32.0 KB
20-06-2008 a las
Creacin:
16:53:48
3 InnoDB

32.0 KB
12-07-2008 a las
Creacin:
14:02:57
1 InnoDB

32.0 KB
21-06-2008 a las
Creacin:
19:41:39
6 InnoDB

32.0 KB
05-07-2008 a las
Creacin:
20:47:38
163
Tabla
notas
planesevaluacion
Registros
Tipo
36 InnoDB
0 InnoDB
Tamao
48.0 KB
Comentarios

32.0 KB
03-08-2008 a las
Creacin:
15:40:37
profesores
seccion
situacionseccion
4 InnoDB
32.0 KB
3 InnoDB

32.0 KB
20-06-2008 a las
Creacin:
16:58:10
3 InnoDB

32.0 KB
24-06-2008 a las
Creacin:
11:38:16
Creacin:
22-08-2008 a las
20:36:06

usuarios
usuarios2
valoraciones
15 tabla(s)
4 InnoDB
32.0 KB
3 InnoDB

48.0 KB
14-12-2008 a las
Creacin:
12:59:17
1 InnoDB

32.0 KB
19-08-2008 a las
Creacin:
20:32:46
117
--
Creacin:
06-12-2008 a las
15:09:44
512.0 KB
Tabla Nro.09 Tabla de Archivos base de datos, Fuente: (Diseo propio, Silva, 2.008).
164
Diccionario de datos:
Tabla administrador:
Campo
Tipo
Nulo
idadmin
int(3)
No
cedula
int(8)
No
nombre
varchar(15)
No
apellido
varchar(15)
No
fechanac
date
No
Predeterminado
Comentarios
Tabla Nro.10 Tabla Administrador Fuente: (Diseo propio, Silva, 2.008).
Tabla alumnos:
Campo
Tipo
Nulo
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
Predeterminado
Comentarios
Tabla Nro.11 Tabla Alumnos Fuente: (Diseo propio, Silva, 2.008).
165
Tabla profesores:
Campo
Tipo
Nulo
idprofesor
int(3)
No
cedula
int(8)
No
nombre
varchar(15)
No
apellido
varchar(15)
No
fechanac
date
No
Predeterminado
Comentarios
Tabla Nro.12 Tabla Profesores Fuente: (Diseo propio, Silva, 2.008).
Tabla asignaciones:
Campo
Tipo
Nulo
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
Predeterminado
Comentarios
Tabla Nro.13 Tabla Asignaciones Fuente: (Diseo propio, Silva, 2.008).
166
Tabla Seccin:
Campo
Tipo
Nulo
idseccion
int(4)
No
codalumno
varchar(4)
No
seccion
varchar(2)
No
curso
varchar(3)
No
totalalumnos
varchar(3)
No
lista
varchar(3)
No
nivel
varchar(20)
No
Predeterminado
Comentarios
Tabla Nro. 14 Tabla Seccin Fuente: (Diseo propio, Silva, 2.008).
Tabla materia :
Campo
Tipo
Nulo
codalumno
int(4)
No
codmateria
varchar(10)
No
nommateria
varchar(20)
No
curso
varchar(3)
No
seccion
varchar(2)
No
nivel
varchar(20)
No
Predeterminado
Comentarios
Tabla Nro. 15 Tabla Materia Fuente: (Diseo propio, Silva, 2.008).
Tabla notas:
Campo
Tipo
Nulo
codalumno
int(4)
No
codmateria
varchar(10)
No
nommateria
varchar(20)
No
lapso
int(1)
No
nota
int(2)
No
Predeterminado
Comentarios
Tabla Nro. 16 Tabla Notas, Fuente: (Diseo propio, Silva, 2.008).
167
Tabla nota-final:
Campo
Tipo
Nulo
codalumno
int(4)
No
codmateria
varchar(8)
No
notafinal
int(2)
No
totalinasist
int(3)
No
Predeterminado
Comentarios
Tabla Nro. 17 Tabla Nota Final, Fuente: (Diseo propio, Silva, 2.008).
Tabla medias -globales:
Campo
Tipo
Nulo
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
Predeterminado
Comentarios
Tabla Nro. 18 Tabla Medias Globales, Fuente: (Diseo propio, Silva, 2.008).
168
Tabla nombre -colegio:
Campo
Tipo
Nulo
nombre
varchar(50)
No
direccion
varchar(50)
No
telefono
varchar(18)
No
codigo
varchar(10)
No
aoescolar
varchar(9)
No
Predeterminado
Comentarios
Tabla Nro.19 Tabla Nombre Colegio , Fuente: (Diseo propio, Silva, 2.008).
Tabla situacin-seccin:
Campo
Tipo
Nulo
codalumno
int(4)
No
seccion
varchar(2)
No
lapso
int(1)
No
nommateria
varchar(20)
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
Predeterminado
Comentarios
Tabla Nro.20 Tabla Situacin Seccin, Fuente: (Diseo propio, Silva, 2.008).
169
Tabla planes-evaluacin:
Campo
Tipo
Nulo
codalumno
varchar(8)
No
codmateria
varchar(10)
No
nommateria
varchar(20)
No
curso
varchar(3)
No
seccion
varchar(2)
No
nivel
varchar(20)
No
Predeterminado
Comentarios
Tabla Nro.21 Tabla Planes Evaluacin, Fuente: (Diseo propio, Silva, 2.008).
Tabla usuarios:
Campo
Tipo
Nulo
idusuario
int(4)
No
tipo
varchar(2)
No
usua rio
varchar(8)
No
clave
varchar(8)
No
Predeterminado
Comentarios
Tabla Nro. 22 Tabla Usuarios , Fuente: (Diseo propio, Silva, 2.008).
Tabla usuarios2:
Campo
Tipo
Nulo
idusuario
int(4)
No
tipo
varchar(2)
No
usuario
varchar(8)
No
clave
varchar(8)
No
Predeterminado
Comentarios
Tabla Nro. 23 Tabla Usuarios2, Fuente: (Diseo propio, Silva, 2.008).
170
Tabla valoraciones:
Campo
Tipo
Nulo
id_noticia
int(3)
No
num_votos
int(20)
No
ptos
int(20)
No
Predeterminado
Comentarios
Tabla Nro. 24 Tabla Valoraciones, Fuente: (Diseo 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 automticamente un nmero, el cual
va en forma creciente para efectos de facilitar las bsquedas de datos en el sistema.
Cdula: Campo destinado para almacenar la cdula de identidad del usuario

autorizado, en combinacin
con su clave l a 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 p a ra almacenar la fecha de nacimiento del

usuario autorizado, esta fecha se utiliza para: en combinacin con la clave y la
cdula permite el acceso al sistema, cuando entra por primera vez, para poder recibir
automticamente 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 adems
los representantes contienen la cdula la cual le permite combinada con la cdula
del alumno entrar al sistema. Adems 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 automticamente un nmero, el cual
va en forma creciente para efectos de facilitar las bsquedas de datos en el sistema.
Codalumno: Este campo es utilizado para generar automticamente un nmero

incremental, el cual va en forma creciente para efectos de facilitar las bsquedas de
datos en el sistema, es de tipo entero y puede almacenar hasta 4 dgitos.
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 p a r a almacenar la cdula de identidad del alumno

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 e s destinado par a almacenar la

cdula de identidad del Padre o Representante del alumno, en combinacin 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 cdula 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 numrico 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 y puede contener hasta 30 caracteres.
Estado: Este campo es destinado para almacenar el Estado donde naci el alumno,
este campo es de tipo texto y puede contener 20 caracteres.
Pas: Este campo es destinado para almacenar el Pas 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 razn, este campo es de
tipo entero y solo contiene un solo carcter.
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 automticamente un nmero, el

cual va en forma creciente para efectos de facilitar las bsquedas de datos en el
sistema, este campo es de tipo entero y puede contener hasta 3 caracteres.
Cdula: Campo destinado p a ra almacenar la cdula de identidad del profesor

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 p a ra almacenar la fecha de nacimiento del

profesor autorizado, esta fecha se utiliza para: en combinacin con la clave y la
cdula permitir el acceso al sistema cuando entra por primera vez, para poder recibir
174
automticamente 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 automticamente de forma

incremental el nmero de las asignaciones, este nmero va a facilitar la bsqueda de
datos, este campo es de tipo entero y puede contener hasta 2 caracteres.
Seccin: Campo destinado para almacenar la seccin, 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 y puede 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

asignacin 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 seccin:
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 seccin,

este campo es de tipo entero y puede contener hasta 3 caracteres.
Lista: Campo destinado para almacenar el nmero de la lista, este campo es de tipo
entero y puede 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
seccin del colegio. Esta compuesta por los siguientes campos:
176

Codmateria: Campo destinado para almacenar el cdigo de la materia, este campo


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:
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 cdigo 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 y puede 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 adems la nota
final por ao, este campo es de tipo entero y puede contener hasta 2 caracteres
Totalinasist: Campo destinado para almacenar el total de inasistencias del lapso, y
tambin la del ao, 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 tambin al final del ao, este campo es de tipo entero y puede contener 2
caracteres.
Promseccin: Campo destinado para almacenar el promedio del alumno en la

seccin por lapso y tambin al final del ao, este ca mpo es de tipo entero y puede
contener 2 caracteres.
Nivelmuybajo: Campo destinado para almacenar el nivel del alumno en cada lapso,
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.
Direccin: Campo destinado para almacenar la direccin del colegio, este campo es
Telfono: Campo destinado para almacenar el telfono del colegio, este campo es
Cdigo: Campo destinado para almacenar el cdigo del colegio, este campo es de
Ao Escolar: Campo destinado para almacenar el ao escolar correspondiente del

colegio, este ca mpo es de tipo texto y puede contener hasta 9 caracteres.
Tabla situacin - seccin:

Esta tabla contiene todos los datos correspondientes a la situacin de cada
seccin del 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,
Promseccin: Campo destinado para almacenar el promedio del alumno, este campo
es de tipo entero y puede 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 - evaluacin:
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 automticamente un nmero, el cual

va en forma creciente para efectos de facilitar las bsquedas 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 nmero de cdula 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 nmero 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 automticamente un nmero

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

profesor, este campo es de tipo texto y puede contener hasta 2 caracteres.
183
Usuario: Campo destinado para almacenar el nmero de cdula 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 nmero 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 pgina mediante votos, va desde 1 a 5. Esta compuesta por los
siguientes campos:
Id_noticia: En este campo se almacena un cdigo el cual sirve para facilitar la
bsqueda de informacin o datos, este campo es de tipo entero puede almacenar
hasta 3 caracteres.
Num_votos: Campo destinado para almacenar el nmero de votos que hace el

usuario para valorar la pgina, 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 pgina, este campo es de tipo entero y puede almacenar hasta 20 caracteres.
184
Realizado el diseo de la estructura de datos se procede con el

siguiente paso que corresponde con el Modelo de Diseo, considerndose la
informacin del Modelo de Anlisis y de la Arquitectura de Datos y de diseo
seleccionada.
Las clases y colaboraciones es necesario retomarlas del Modelo de Anlisis
pero
tomando en
cuenta
la
simbologa
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
opcin para solicitar una clave aleatoria para acceder al sistema, esta clave es
suministrada va email, se pide cdula, fecha de nacimiento y correo electrnico,
Esta informacin es enviada al servid or donde previa conformacin con los datos
almacenados en la base de datos, genera una autorizacin para que el Actor
pueda actualizar la informacin en la interfaz, estas clases se representan en la
Figura Nro. 86 y 87.
Control
de
Estudios
<<link>>
Introducir
clave
+ Autorizacin
Autorizado
Procesar php
Figura Nro.86 Modelo de Diseo. Autorizacin Actor Control de Estudios
185
Autorizado
Actualiza
datos
Procesar
php
+ Datos
Datos
Actualizados
Figura Nro.87 Modelo de Diseo. Actualizacin de Datos Actor Control de Estudios
Se presentan ahora las distintas clases para la entidad Alumno quien

ingresa a la interfaz a travs 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 travs 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>>
Alumnos
Autorizado
Introducir
clave
Procesar php
Figura Nro. 88. Modelo de Diseo. Autorizacin Actor Alumno
<<link>>
Autorizado
Alumnos
Procesar
php
Consulta
datos
<<redirect>>
Datos
Consultados
Informacin
Consultada
<<build>>
Consulta
realizada
Figura Nro.89 Modelo de Diseo. Actualizacin Actor Alumno
187
Al igual que
la entidad Alumno tambin los Padres y/o Representantes
ingresan a la interfaz a travs 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 travs 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
Reptntes
Autorizado
Introducir
clave
Procesar php
Figura Nro.90 Modelo de Diseo. Autorizacin Actor Padres y/o Representantes
188
<<link>>
Padres
y/o R
Repretes
Autorizado
Procesar
php
Consulta
datos
<<redirect>>
Datos
Consultados
Informacin
Consultada
Consulta
realizada
Figura Nro.91 Modelo de Diseo. Actualizacin Actor Padres y/o Representantes
Tambin los Docentes ingresan a la inter faz a travs 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 travs de la interfaz las evaluaciones,
asignaciones, horarios y planes que se hacen en el trimestre con sentido crtico. Esta
clase se expresa en las Figuras Nro. 92 y 93.
189
Introducir
clave
Docentes
Autorizado
Procesar php
Figura Nro. 92 Modelo de Diseo. Autorizacin Actor Docentes
Docentes
Autorizado
<<link>>
Procesar
php
Revisa
Datos
<<redirect>>
Datos
Revisados
Ver
Informacin
Consulta
realizada
Figura Nro.93 Modelo de Diseo. Actualizacin 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 travs de la interfaz
los horarios y planes que se hacen en el trimestre. Esta clase se expresa en la Figura
Nro. 94.
Cualquier
actor
<<link>>
Procesar
php
Consulta
Datos
<<redirect>>
Datos
Consultados
Consultar
Informacin
Consulta
realizada
Figura Nro.94 Modelo de Diseo. Actualizacin cualquier actor
191
El diseo de aplicaciones Web definida anteriormente
depende
del
Patrn de Arquitectura seleccionado para el desarrollo Web interactivo, consiste

en la ubicacin de los objetos en el lado del cliente o del servidor, todos los
objetos se encuentran en el lado del servid or ya que se ejecutan en el servidor. En
relacin
con
el
diseo
de
las
interfaces
de
usuario,
las
mismas
corresponden a objetos separados cuyo acceso ha de realizar a travs de los "link" o

hipervnculos que permiten ejecutar instrucciones programadas en otras pginas. Este
diseo general de la interfaz se puede ver en la Figura Nro. 95.
192
Evaluaciones
Asignaciones
Asignaciones
Evaluacio nes
<<link>>
<<link>>
<<link>>
Planes de
Evaluacin
<<link>>
<<link>>
Alumnos
Horarios
de Clases
<<link>>
Web
interactiva
Colegio N.
S. Lourdes
<<link>>
<<link>>
Horarios
de Clases
Padres
y/o
Represent
<<link>>
Control
de
Estudios
<<link>>
<<link>>
Horarios
de Clases
<<link>>
<<link>>
Asignaciones
Docentes
<<link>>
<<link>>
<<link>>
Planes de
Evaluacin
<<link>>
<<link>>
<<link>>
<<link>>
Evaluaciones
Planes de
Evaluacin
Evaluaciones
Asignaciones
Figura Nro.95 Modelo Conceptual de la Interfaz
Horarios
de Clases
Planes de
Evaluacin
Fase IV (Implantacin):
Propuesta: (Pgina Web interactiva del colegio)
Para llevar a cabo esta fase es necesario conocer y aplicar los mtodos y
normas establecidas para el diseo de pginas web dinmicas. Esta pgina web
dinmica 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 fcil obtencin por ser software libre, permite al usuario
tener ms facilidad de conocimientos de estas.
Adems de ello tambi n se utilizaron las herramientas Macromedia 8.0 como
lo es flash 8.0 y Firework 8.0 para el diseo de las animaciones (solo con fines
educativos), para el diseo de la estructura de la pgina web se utiliz HTML, PHP, y
JavaScript para crear el entorno de cdigo fuente. Para esta implantacin existe un
dominio reservado en el cual se descargar toda la informacin posteriormente. A
continuacin 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 interaccin como lo son las notas, planes de evaluacin,
horarios y asignaciones. Los alumnos y los representantes y/o padres los utilizan para
consultar la informacin requerida. Los docentes consultan la misma informacin
pero con carcter critico de revisin. Los administradores cargan y revisan tambin
la data, que est en forma correcta. En su parte superior contiene el logo del colegio,
unas imgenes del colegio, debajo una barra giratoria de mensaje, al lado la fecha y la
hora actual, al dado del men una tabla de valoracin, para calificar segn la
puntuacin. En el pie de la pgina hay una barra donde esta el correo del autor, y la
fecha de creacin de la pgina. Ver figura Nro. 96. (ver mapa de navegacin anexo C)
Figura Nro.96 Pantalla Principal Interfaz Web Interactiva Colegio Nuestra Seora de Lourdes
195
Pantalla Formulario Clave Alumnos Padres y/o Representantes: En esta pantalla

se puede observar un pequeo 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 botn ingresar permite una vez l enados todos los datos
asignaciones y planes hay un botn
de seleccin, para solicitar la informacin
correspondiente correctamente entrar a la pantalla seleccionada por el botn selector;

el botn borrar borra todo lo escrito; al presionar regresar, se regresa a la pantalla
principal; por ultimo al presionar ayuda le dar una pequea explicacin 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 algn 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 tambin la cdula del padre y el alumno, tambin el
correo electrnico para ser enviada la clave generada aleatoriamente por el sistema, es
obligatorio tenerlo; existen unos enlaces de los correos mas utilizados, un botn enviar
para validar la informacin
correcta y enviar; el bot borrar borra lo escrito; si
presiona regresar regresa al men principal, al presionar ayuda se activa una pequea
pgina 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 pequeo
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 botn ingresar permite una vez llenados todos los datos
correctame nte entrar a otro formulario; el botn borrar borra todo lo escrito; al
presionar regresar, se regresa a la pantalla principal; por ltimo al presionar ayuda le
dar una pequea explicacin 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 algn 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 cdula del docente o el administrador; la fecha de
nacimiento; tambin el correo electrnico para ser enviada la clave generada
aleatoriamente por el sistema, es obligatorio tenerlo; existen unos enlaces de los
correos mas utilizados, un botn enviar para validar la informacin correcta y enviar;
el bot borrar borra lo escrito; si presiona regresar regresa al men principal, al
presionar ayuda se activa una pequea pgina de ayuda. Ver figura Nro. 100.
Figura Nro.100 Pantalla Formulario Clave Registros para registrar Docentes y administradores
199
Pantalla Boletn de Evaluacin: El primer bloque contiene todos los datos del
plantel; el segundo bloque los datos del alumno; el tercer bloque los datos de la
seccin; y por ultimo el bloque de los resultados de la evaluacin del primero
segundo y tercer lapso; si se presiona imp rimir se puede imprimir la boleta; si
presiona ver situacin en la seccin abre otra pantalla donde se puede ver la situacin
en la seccin 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 pgina 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 Boletn de Evaluacin
200
Pantalla Situacin en la Seccin: El primer bloque contiene todos los datos del
seccin; y por ultimo el bloque de la situacin del alumnos con respecto al promedio
de la seccin del primero segund o y tercer lapso; si se presiona imprimir se puede
imprimir la boleta; si presiona regresar al boletn regresa al Boletn; 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 pgina 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 Situacin en la Seccin
201
Pantalla Planes de evaluacin: 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 aplicacin; el cual contiene el plan de evaluacin correspondiente; ms
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
pginas 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 evaluacin,

tambin 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
aplicacin en el cual esta el Horario correspondiente a cada grado o seccin, 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 pgina hay un cuadro de
mansaje que se muestran en todas las pginas o pantallas. Para esta pantalla es
importante sealar que para entrar a ella no existe ninguna restriccin, es decir, no
hay clave de entrada, puede entra cualquier actor, que quiera ver los horarios de cada
seccin. 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 estn tres enlaces, aadir para aadir 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 travs de su personal 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 pgina hay un cuadro de mansaje que se muestran en todas las
pginas o pantallas. Ver figura Nro. 105.
Figura Nro.105 Pantalla Men Asignaciones
204
Pantalla Formulario Aadir Asignaciones: En esta pantalla se pueden observar

varios campos, en seccin 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 asignacin o trabajo correspondiente al grado
o seccin, en contenido se escribe el contenido de la asignacin, es, decir todas las
especificacin del trabajo a entregar, en la fecha de entrega se seleccionan por parte
el da, mes y ao correspondiente, existe un botn para aadir y validar la asignacin,
el botn 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 aadir asignaciones
205
Pantalla Modificar Eliminar Asignaciones: en esta pantalla se selecciona la seccin

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 enva la informacin
seleccionada o cargada, se valida toda la informacin, 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 seccin, la materia, el lapso, el ttulo, el contenido, y
la fecha de entrega, que se solicit en la pantalla anterior, si se hace alguna
modificacin a algn campo se presio na el botn grabar para restablecer la data, al
presionar el botn ok selecciona otro men para selecciona otro alumno, y si se
presiona en regresar al men regresa al men anterior para introducir otra asignacin;
mas abajo hay otra tabla donde se muestran los mismos datos, al lado hay un botn
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
pequea ayuda para facilitar el entendimiento del formulario, esta pantalla se abre
pequea y se puede cerrar al momento. Ver figura Nro. 109.
Figura Nro.109 Pantalla Men de Ayuda
208
Pantalla Clave Invlida: 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 Invlida
209
Pantalla Clave enviada: En esta pantalla se muestra un mensaje que la clave fue
enviada con xito al correo electrnico; 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 pequeo

cuadro en el cual aparecen dos opciones Si y No; al hacer clic en SI se genera y se
enva automticamente 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 (Validacin)
En esta fase como ya lo hemos dicho en el marco metodolgico, se refiere a la

funcionalidad y
operatividad del sistema interactivo, para poder lograr esto es
necesario haber cumplido satisfactoriamente con la implantacin 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 pgina interactiva es necesario contar con un

espacio o sitio en internet, el cual el Colegio Nuestra Seora de Lourdes se hace
responsable por el costo y la administracin del sitio, cuya capacidad es de 250 Mb,
(Ver anexos apndice C) necesarios para que la pgina funcione correctamente, es
necesario tambin recalcar o tomar en cuenta la utilizacin de software libre para
casi todas las aplicaciones, tomando en cuenta que el software privado utilizado es
solo con fines acadmicos.
Todas las pruebas realizadas se hicieron en forma local en un sitio remoto, la

base de datos
fue diseada tomando en cuenta los mismos campos del sistema
automatizado que tiene el colegio, el cual est hecho en Visual Fox Pro, este sistema
realiza automticamente todos los clculos que son reflejados en la boleta y situacin
acadmica 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 automticamente 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 sern hechas por este mtodo. En cada la pso 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 pgina 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
estn 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
combinacin aleatoria de nmeros y letras generados automticamente, el usuario es
la cdula la cual debe contener solo nmeros sin separadores de puntos, estos datos
son validados mediante una funcin validadora de formularios, luego existe
posteriormente otra validacin de bsqueda para ver si existen o no los datos, si son
correctos se conecta con la informacin solicitada, sino se manda un mensaje que no
existen los datos, y regresa al formulario clave. En este formulario se debe
seleccionar cualquier botn en referencia a la solicitud deseada, automticamente 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 revisin, 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 cdula 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 introducirn la
cdula del alumno y la del representante, adems se pide el correo, todos estos
campos estn validados cor rectamente, por validacin de formularios, propio del
programa de diseo.
Todas las pantallas presentadas en el Capitulo anterior (IV), en su fase de
implantacin, 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
cdigos 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
Disear una pgina web es un reto, sobre todo cuando se trata de pginas
dinmicas, a veces se hacen muy complejas dependiendo del nivel o la experiencia
del programador o diseador, para poder tener xito
en este reto es necesario tener
un equipo multidisciplinario especializado en las reas comprometidas, para

desarrollar sin contratiempos una buena pgina web dinmica
El desarrollo de la pgina web dinmica para el Colegio Nuestra Seora de

Lourdes, ha permitido conocer a fondo el verdadero significado e importancia que
tiene la comunicacin por internet, se ha sabido comprender el verdadero significado
de las TICS, el uso eficiente de las herramientas de diseo y estructura de pginas
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
culminacin de la presente pgina web dinmica.
Todo el personal del Colegio Nuestra Seora 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, permitindoles de esta manera acortar
distancias con esta nueva tecnologa, ya que, en cualquier lugar donde se dispone de
conexin a internet el alumno, padre o representante y el profesor pueden accesar
a cualquier informacin 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 investigacin o proyecto debe ser evaluado por expertos una vez
culminado, es decir puede existir una anttesis del proyecto o tema en investigacin,
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 visin critica o una entrada ms all
de la delimitacin 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 Reingeniera de Software. Ningn proyecto de investigacin 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 investigacin esta dividida en V Captulos, 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 terico que
ayuda en buena parte conocer toda la teora utilizada para el desarrollo del presente
sistema, el capitulo III se refiere al marco metodolgico el cual comprende la
naturaleza y el tipo de la investigacin, adems se detallan todas las fases en
concordancia con los objetivos planteados, el IV capitulo el mas largo de todos por
presentar la solucin con su respectivo anlisis, adems contiene el anlisis y
construccin de la base de datos, y toda la presentacin de las pantallas del nuevo
sistema interactivo, y por ltimo el capitulo V donde se concluye con el resto de la
informacin necesaria para cerrar el presente proyecto. Con este pequeo resumen a
modo general, esperamos se pueda comprender la filosofa de este proyecto.
Es importante para cada diseador 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 pgina web dinmica, dicha preparacin tiene que ser muy
cuidadosa, porque la experiencia en visitas de una gran diversidad de pginas
217
publicadas en internet, nos lleva a la conclusin que la preparacin exige mucho ms

de lo que podamos aportar en el desarrollo de estas pginas web dinmicas. Se sabe
tambin que es difcil para
un programador web (Web-Master), lograr unificar
tambin la parte de diseo, muchos diseadores se ubican en el rengln de solo

diseadores, igual que el programador, por este motivo se hace difcil para una sola
persona afrontar un proyecto de esta naturaleza, y si se lograra desarrollar, podran
existir errores de diseo o programacin que a diario se presentan por internet, bien
sea por la pgina o por lo lento del servidor, estos detalles o errores conllevan a que el
cliente o usuario adopte por buscar otras pginas con igual contenido, y menos
detalles de diseo, presentacin, cansancio visual por colores intensos y una serie de
errores de diseo muy largos para denotarlos aqu.
Para crear esta pgina web dinmica fue necesario tener una preparacin
exhaustiva, se unificaron una serie de conocimientos que tambin es necesario que lo
tenga el futuro diseador, el cual se encargue de la modificacin futura de este
sistema, debe tener dominio de las herramientas ms actualizadas en diseo y
programacin de paginas web dinmicas como lo son las herramientas Macromedia,
conocimiento en
diseo de base de datos como lo es MySQL y PhpMyAdmin,
anlisis y uso de diagramadores de procesos como lo es UML, debe tener claro una
serie de conceptos generales de creacin de sistemas web.
Es recomendable tambin para el colegio entrenar a un grupo o equipo que se

especialice en pginas web dinmicas, bien sea formado por alumnos de la
institucin, docentes o personal privado, tambin 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 acotacin ya que los sistemas interactivos
por internet no son
seguros, hay malas intenciones de jaqueo y saboteo de la informacin.
218
BIBLIOGRAFIA
Arredondo, Maritza. Propuesta de un Stand ard Metodolgico para el desarrollo de
aplicaciones Web en la UNA. Aplicacin a un caso de estudio; Maracay, junio 2002.
Pea Quintero, Ana Vilma. Aplicacin Web dinmica como medio de difusin de
informacin y servicio para la Empresa CADELA Zona - Mrida (Ingeniera de
Sistemas, UNA). - Universidad Nacional Abierta, Centro Local Mrida, 2005.
Soto U., Jaime E. Gobierno electrnico aplicado a la consulta de proyectos de la
Alcalda del Municipio Maracaibo, (Ingeniera de Sistemas, UNA. Centro Local
Zulia, 2003.
Lozano, Oscar Enrique. Sistema interfaz WEB para el seguimiento del proceso de
evaluacin del rendimiento acadmico estudiantil SIWEB. Caracas, 2006. (Ingeniero
de Sistemas, UNA). Centro Local, Metropolitano, 2006.
Tern, Carlos Alberto. Interfaz de informacin y comunicacin basada en tecnologa
WEB del Colegio Catlico San Jos (Ingeniera de Sistemas, UNA), Centro Local
Portuguesa, 2004.
Pressman, Roger S. Ingeniera del Software, un enfoque prctico, sexta edicin.
2.006.
Prez, Rosa (2007): Figura N 18. Comparacin del Proyecto Factible y el Ciclo de
Vida para el Desarrollo de Sistemas de Informacin.
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. (Mtodo de Diseo Hipermedia Orientado a Objetos) propuesta por D.
Schwave y G. (1998).
UML.
http://www.rational.com/uml/. (Consultada el 25/10/2008).
Principios Heursticos de Nielsen, disponible en:
http//:www.proyectoweb.org/boletn/036-abril03.html. (Consultada el 25/10/2008).
http://www.netydea.com/, (Consultada el 20/10/2008).
Biblioteca electrnica 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/Tecnologa_de_la_informacin, (Consultada el
26/10/ 2008).
http://cristina-tic.blogspot.com/, (Consultada el 20/10/2008).
Pgina web dinmica 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: Definicin Operacional de Trminos Bsicos o Constructor

Fuente: Trminos tomados de diccionarios Electrnicos de Internet y el diccionario
de Encarta 2007.
ANSI: (American National Standards Institute, Instituto Americano de
Normas): Organizacin que desarrolla y aprueba normas de los Estados Unidos.
Particip en la creacin de gran parte de las normas en uso actualmente en Internet.
Authoring: (autora): Actividad de crear contenido para la Web en Pginas en
formato HTML. El administrador de un sitio Web o Web-master es, en general, el
responsable de la autora de su contenido.
Banner: Aviso publicitario que ocupa parte de una pgina 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 Electrnico: (e- mail) mensajes personales enviados entre usuarios para
obtener acceso a informacin privada.
Cracker Alguien que interrumpe en sistemas computarizados. Usado para denotar a
alguien que realiza actividades ilegales.
Cookie: pequeo archivo de texto que un sitio web coloca en el disco rgido de una
computadora que lo vis ita. Al mismo tiempo, recoge informacin sobre el usuario.
Agiliza la navegacin en el sitio. Su uso es controvertido, porque pone en riesgo la
privacidad de los usuarios.
GIF: Formato de Intercambio de Grficos (Grafhics Interchange Format); un formato
de archivo para imgenes 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 programacin para armar
Pginas web.
HTTP: Hypertext Transfer Protocol. Protocolo de transferencia de hipertextos. Es un

protocolo que permite transferir informacin en archivos de texto, grficos, de video,
de audio y otros recursos multimedia.
Hipervnculo: (hyperlink) Un elemento de HTML que, cuando se hace clic en l,
permite que las personas pasen a otros documentos, imgenes, so nidos o pelculas.
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 travs de un protocolo denominado,
TCP/IP (Transmission Control Protocol/ Internet Protocol). Fue concebida a fines de
la dcada de 1960 por el Departamento de Defensa de los Estados Unidos; ms
precisamente, por la ARPA. Se la llam primero Arpanet y fue pensada para cumplir
funciones de investigacin. Su uso se populariz a partir de la creacin de la WWW.
Actualmente es un espacio pblico utilizado por millones de personas en todo el
mundo como herramienta de comunicacin e informacin.
IEEE: Institute of Electrical and Electronics Engineers: importante asociacin de
tcnicos y profesionales, con sede en los Estados Unidos. Fue fundada en 1884 y en
1998 tena aproximadamente 320.000 miembros en 147 pases. Favorece la
investigacin en campos diversos, como la tecnologa aeroespacial, la computacin,
las comunicaciones y la tecnologa biomdica. Promueve la estandarizacin de
normas.
ISO: International Organization for Standardization. Fundada en 1946, es una
federacin internacional que unifica normas en unos cien pases. Una de ellas es la
norma OSI, modelo de referencia universal para protocolos de comunicacin.
Jpeg: extensin de ciertos archivos grficos.
Link: enlace. Imagen o texto destacado, mediante subrayado o color, que lleva a otro
sector del documento o a otra pgina web.
Navegador: programa para recorrer la World Wide Web. Algunos de los ms
conocidos son Netscape Navigator, Microsoft Explorer.
Netscape: Popular navegador WWW que en la actualidad ofrece muchas

Caractersticas HTML importantes.
Pgina Web: Una pgina web es un documento electrnico que se utiliza para
difundir informacin en Internet, y en el cual podemos colocar texto, imgenes y
sonido, sin que llegue a convertirse en un multimedio. La utilidad de las pginas es
inmensamente amplia, ya que las podemos utilizar como medio educativo,
informativo, comercial, etc.; que se pueden presentar de una forma atractiva y
dinmica, esto es, la informacin se puede actualizar con facilidad.
Plataforma: El tipo de computadora o sistema operativo que se est usando. Por
ejemplo, Apple, PC o Unix.
Pginas web Dinmicas: Son pginas que requieren un lenguajes de programacin
que permita generar cdigo HTML de forma dinmica. Por ejemplo PHP y ASP
mezclan programacin con HTML, pero el resultado final es siempre una pgina web
dinmica. Ambos tienen un gran potencial, pueden trabajar con bases de datos y
servidores web, son eficientes y nos ahorran mucho trabajo
Pginas web Estticas: La forma tradicional consiste en crear pginas web
estticas. Esto significa que siempre que un usuario carga su pgina, ve la misma
pgina. Por tanto, si queremos hacer algn cambio para que lo vea el usuario, hemos
de editar la pgina 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 trmino se
utiliza muy a menudo para designar a aquellos sistemas que proporcionan
informacin a los usuarios de la red.
TCP/IP: Protocolo de Control de Transmisin/Protocolo Internet (Transmission
Control Protocol/ Internet Protocol); el estndar 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 ms 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 pgina 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 grficos tridimensionales para Web.
Wais : Servidor de Informacin de rea Amplia; es una base de datos slo de texto;
es un sistema de recuperacin de informacin distribuido.
Web Site: Lugar en Web o Sitio en Web, computadora que publica documentos
(denominados 'pginas Web') en World Wide Web (WWW). Estos documentos estn
compuestos por texto, elementos multimedia (grficos, sonido, vdeo digital...) y
vnculos (punteros con la direccin de otras pginas Web, empleados para establecer
una conexin automtica).
Anexo A: Recursos Econmicos

(Resumen)
Recursos
Recursos
Tcnicos
Recursos
Humanos
Insumos
(papelera etc.)
Gran total
Inversin
Necesaria
Bs.F.
1.700
Inversin
Realizada
Bs. F. 250
Total
Bs. F. 1.950
-------------
Bs. F. 700
Bs.F.
700
Bs.F.
200
Bs. F.
100
Bs. F. 300
2.600
Bs. F.
350
Bs. F. 2.950
Bs.F.
Tabla Recursos econmicos , fuente:(diseo propio, Silva 2009)
Nota: todos estos montos son aproximados, el diseo y el desarrollo total de este
proyecto de investigacin es con fines educativos, sin fines de lucro, por lo tanto, el
gasto que har la institucin es para su mantenimiento futuro, el desarrollo de este
proyecto hubiera requerido un mayor esfuerzo econmico por parte de la institucin,
pero se le ha brindado la oportunidad de disfrutar este privilegio.
Anexo B: Mapa de Navegacin

Site
Nivel 1
Nivel 2
Conexiones
Men
Alumnos
Padres y/o
Notas y Situacin Seccin
clavealumno
Boletin-alumno
Asignaciones
clavealumno
Planes de evaluacin
clavealumno
alumnosasignaciones
planes-evaluacin
Horarios de Clases
horarios
--------------------
Notas y Situacin Seccin
clavealumno
boletin-alumno
Asignaciones
clavealumno
Planes de Evaluacin
clavealumno
alumnosasignaciones
planes-evaluacin
Horarios de Clases
horarios
--------------------
Ver Notas
claveprofesor
boletin-alumno
Ver Asignaciones
claveprofesor
Ver Planes de Evaluacin
claveprofesor
alumnosasignaciones
planes-evaluacin
Ver Horarios de Clases
horarios
--------------------
Asignaciones
claveprofesor
Planes de Evaluacin
claveprofesor
actualizar
asignaciones
planes-evaluacin
Horarios de Clases
horarios
--------------------
Representantes
Profesores
Administracin
Nivel 3
Fuente: (Diseo propio, Silva, 2009)
Anexo C: NORMAS ISO 9126
Anexo D: Formato Evaluacin de Estudios de Factibilidad en el Sector Educativo

(Colegio Nuestra Seora de Lourdes, 2008)
Institucin/ Entidad: Trabajo de grado de la Universidad Nacional abierta
1. GENERALIDADES:
1.1 NOMBRE DEL ESTUDIO:
Diseo de Pgina Web interactiva para una Unidad Educativa Privada
1.2 LOCALIZACIN FSICA DEL ESTUDIO
Direccin: Av. Bolvar Norte Nro. 136-230, Valencia, Carabobo , Venezuela
1.3 ENTIDAD O PERSONA PROPONENTE DEL ESTUDIO
Autor: Celido Ramn Silva Prez
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 TCNICA
Instrucciones: Lea detenidamente cada uno de los siguientes tems y seale con una X para sus
respuestas entre los rangos de 0 a 5.
Las categoras de la preguntas (CP) son las siguientes: E = Esencial, I = Importante C =Complementario.
2.1 RELACIONADA CON EL DIAGNSTICO
0 1 2 3 4
CP
2.1.1. El problema, necesidad, inters y oportunidad est bien definido?
2.1.2. Tiene prevista la poblacin y necesidades de sta que pretende atender?
2.1.3 Para la priorizacin de los problemas se consideraron necesidades, intereses y E

oportunidades del entorno?
2.1.4. El diagnstico se apoya en estudios o investigaciones?
I
2.1.5 El diagnstico aporta informacin adecuada y confiable que sirvi de base para I
establecer las alternativas de solucin?
A. Sume las casillas anteriores(2.1.1, 2.1.2, 2.1.3, 2.1,4, 2.1.5):
Subtotal
2.2 RELACIONADA CON EL DISEO DEL ESTUDIO
CP
25
1
2.2.1. El proyecto contempla el impacto que se logre en el caso en que se realice?
2.2.2. Existe coherencia entre todos los componentes del estudio de factibilidad?
B. Sume las casillas anteriores (2.2.1, 2.2.2):
Subtotal
2.3 CONSISTENCIA INTERNA Y EXTERNA
CP
2.3.1. El estudio de factibilidad es consistente con los planes, polticas y programas

nacionales?
departamentales?
municipales?
C. Sume las casillas anteriores: (2.3.1, 2.3.2, 2.3.3)
Subtotal
10
1
15
3. FACTIBILIDAD OPERATIVA
respuestas entre los rango de 0 a 5.
3.1 RECURSO HUMANO
CP
0 1 2 3 4
3.1.1. La operacin o puesta en marcha del servicio educativo estar a cargo de E
personas de reconocida idoneidad tica y profesional?
3.1.2. Las aulas de clases cumplen con las relaciones tcnicas establecidas segn I
los niveles y ciclos a servir?
3.1.3. En el estudio se identifican las personas responsables de la administracin, I
operacin y veedura 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 FSICOS
3.2.1. Las aulas especializadas cumplen con las especificaciones tcnicas E
x
requeridas?
5
x
x
x
3.2.2. El proyecto garantiza la dotacin necesaria para la prestacin del servicio

educativo por el tiempo que dure la operacin del proyecto?
3.2.3. El estudio de factibilidad da cuenta de los recursos didcticos para la

I
prestacin del servicio educativo?
3.2.4. El predio tiene titulo de propiedad de tradicin inmobiliaria en orden?
C
3.2.5. El servicio educativo se prestar en planta fsica 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
3.3 ORGANIZACIN ADMINISTRATIVA
C
0
3.3.1. Los objetivos estn claramente definidos?
E
3.3.2. Existe correspondencia entre objetivos, resultados y alternativas de solucin?
E
3.3.3. Se definieron resultados relacionados con los diferentes servicios ofrecidos?
I
3.3.4. Se definieron resultados relacionados con las obras de infraestructura y I
dotacin que genera el proyecto?
3.3.5. Se definieron resultados relacionados con los bienes necesarios para acometer E
el proyecto?
3.3.6. Se identifica la organizacin administrativa para la puesta en marcha del E
proyecto?
3.3.7. En el estudio se evidencian con claridad las acciones y responsabilidades de E
cada uno de los integrantes de la organizacin?
3.3.8. Hay una oferta clara de los servicios educativos adicionales que generen valor I
a los estudiantes?
3.3.9. Se identifica en el estudio, una unidad administrativa o persona responsable I
del proyecto?
3.3.10. Existen programas o proyectos externos al estudio que se constituyan en I
prerrequisitos para el xito del proyecto?
3.3.11. Se evidencian las principales fases del proyecto?
I
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
3.3.9, 3.3.10,3.3.11):
4. FACTIBILIDAD ECONMICA (SE CALCULA ANUALMENTE O SEMESTRALMENTE)
X
x
18
4 5
x
x
x
x
x
x
x
x
x
x
x
55
respuestas entre los rango de 0 a 5.
4.1 PRESUPUESTO
CP
0 1 2 3 4
4.1.1. En el estudio se calculan los gas tos relacionados con pago de
personal docente y administrativo por ao (salario, bsico, prestaciones,
aporte de nmina, honorarios, capacitaciones y dotacin)?
4.1.2. Dispone de recursos suficientes para adquirir material didctico,
papelera de administracin y mantener la organizacin?
4.1.3. Ha presupuestado los gastos de actividades pedaggicas, recreativas,
culturales y deportivas?
4.1.4. Presupuest correctamente los ingresos por matricula, pensin,
cobros peridicos y otros cobros?
4.1.5. Se presupuestaron otros ingresos relacionados con subsidios, aportes
y contribuciones?
4.1.6 Se elabor correctamente el presupuesto de ingresos y egresos del
plantel?
4.1.7. Demuestra o sustenta respaldo financiero (socios, prstamo, recursos
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):
4.2 BENEFICIOS SOCIALES COMUNITARIOS
CP
4.2.1. Se han previsto mecanismos de participacin de la comunidad en los

procesos educativos de la en organizacin?
H. Sume las casillas anteriores(4.2.1):
TOTAL: Sume las casillas(A, B, C, D, E, F, G, H):
Total
Subtotal
20
Subtotal
5
x
5
166
5. CONCEPTO DE VIABILIDAD O INVIABILIDAD

Fecha de elaboracin de la evaluacin del estudio de factibilidad (04/04/2009): Abril 2009
Fuente: Secretara de Educacin 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 Seora de Lourdes

Resea Histrica
La Unidad Educativa Colegio Nuestra Seora 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 hurfanos San Vicente". A solicitud de una comisin
que se dirigi a La madre San Simn Superiora General (en Francia), fueron
designadas las hermanas de San Jos de Tarbes para que dirigieran el colegio recin
fundado en Valencia.
El colegio inicialmente funcion en una casa cedida por la familia Paz Maya,
ubicada en la Avenida Boyac, all se atendan nias internas. Con el paso del tiempo
esta sede se hizo insuficiente, esto motivo su traslado en 1894 a una nueva sede en la
avenida Bolvar con Cedeo, all funcion hasta 1964 cuando se traslado para una
sede propia, en la Avenida Bolvar Norte, frente al Centro Comercial Camoruco
donde funciona actualmente.
El nmero de alumnas fue aumentando progresivamente, pero decreci de
improvisto a partir de los aos 1.893- 1.894 a causas de dos devastadoras epidemias
como fueron la de viruelas y fiebre amarilla, este hecho propicio una situacin
desfavorable en la marcha del colegio, porque diezmo su poblacin 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 slo estn en
Venezuela (En Venezuela tienen su obra en Caracas, Barquisimeto, Puerto Cabello,
San Cristbal, Cuman, Amazonas y Carabobo) tambin se encuentran en la India,
Inglaterra, Ecuador, Colombia. El colegio durante mas de cien aos educaba slo a
nias, a partir de 1990 comenz a ser mixto, se aceptaron nios desde la educacin
inicial. Siendo la primera promocin mixta el ao 2.003. Las superioras que ha tenido
desde su fundacin son: Ana Julia, Helena Mara, Juan Bautista de La Salle , Rita de
Casio, Ana Teresa, Luisa Victoria, Teresa del Nio Jess, Ana Luisa, Bernardita,
Mara Estela Penso, Antonieta Rotundo, Elvia Saval, Judith Osorio y gestin
vigente Mara Estela Penso, por segund a vez.
Actualmente este centro de enseanza cuenta con 118 aos, en los cuales ha
formado generaciones de bachilleres altamente calificados que engrosan las filas de
profesionales que se ubican en diversos mbitos del pas.
Misin
Formar de manera integral la niez y la juventud con atencin a sus aspectos
bio-psico-socio-espiritual para hacerlos sujeto de su propio desarrollo, para lograr que
estos favorezcan, con criterio evanglico de amor y justicia, la construccin de una
sociedad justa y cristiana. Comprometer a la familia como responsable fundamental
de la educacin de sus hijos. Atender en forma humano -cristiana de la comunidad.
Visin
Ser la mejor institucin educativa de carcter religiosos, formadora de un
sujeto social integral: crtico, 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 mtodos pedaggicos.
Organigrama del Colegio
Apndice A: Manual Tcnico
Seleccin del Hardware y Software:
Caractersticas 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:
Kit de Multimedia:
Disco Duro:
Impresora:
Monitor:
Escner:
CD/DVD-RAM-R/RW 20x en adelante

Cornetas, Micrfono, Bajos etc.
40 GB en adelante
Epson, Hp, de inyeccin de tinta, u otras marcas
SVGA de 14'' en adelante
HP o genrico
Regulador de Voltaje: Integra For Pc's, u otras marcas

Teclado:
Quemador:
Ergonmico for Windows, u otras marcas

Cualquier marca del mercado
Con esta seleccin el sistema tendr un alto rendimiento para su aplicacin.

Nota: esto es lo mnimo requerido por el Sistema
(Estas especificaciones estn sujetas a cambio por parte del Equipo de Sistemas).
Caractersticas 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 ms actual del
mercado, los cuales le permitirn al usuario hacer las consultas o llamadas al sistema.
Tomando en cuenta el modelo lgico de la base de datos la cual tiene una estructura
relacional, podemos utilizar un manejador de base de datos como PhpMyAdmin y un
Diseador como Dreamweaver y PHP para la programacin web, perteneciente al
software libre.
Estas herramientas estn detalladas en las bases tericas del Capitulo II
Los detalles de la base de datos utilizada se pueden ver en Capitulo IV
Ocupacin 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 pgina en la web es pequeito, esto depende de la cantidad de

imgenes pesadas que tenga la pgina.
A diferencia de la base de datos que puede crecer y decrecer segn la cantidad de
datos, en este caso la cantidad de alumnos que
estudiado (solo secundaria).
tenga el plantel en el espacio
Manejo de Pantallas Parte Administrativa:
En las siguientes pantallas se explican a detalle las caractersticas y el funcionamiento

de cada una de ellas.
Es necesario para poder entender mejor este manual, saber que todas las flechas no
forman parte de la pgina, 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,
se puede
observar
un pequeo
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 botn borrar borra todo lo escrito; al
dar una pequea explicacin de que hacer con cada dato. Ver pantalla siguiente:
Tipo
usuario
clave
Registrarse
Ingresar, Borrar
Regresar
ayuda
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 algn 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 cdula del docente o el administrador; la fecha de
nacimiento; tambin el correo electrnico para ser enviada la clave generada
presionar ayuda se activa una pequea pgina de ayuda Ver pantalla siguiente:
Tipo
Cdula
Pad/Rep
Fecha de
Nacimiento
Enviar Borrar
Correo
Conexiones
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 estn tres enlaces, aadir para aadir 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 pgina hay
un cuadro de mansaje que se muestran en todas las pginas o pantallas. Ver pantalla
siguiente:
Aadir
Eliminar
Regresar
al men
principal
Modificar
Pantalla Men Asignaciones
Pantalla Formulario Aadir Asignaciones: En esta pantalla se pueden observar

varios campos, en seccin 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 asignacin o trabajo correspondiente al grado
o seccin, en contenido se escribe el contenido de la asignacin, es, decir todas las
especificacin del trabajo a entregar, en la fecha de entrega se seleccionan por parte
el da, mes y ao correspondiente, existe un botn para aadir y validar la asignacin,
el botn 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:
Seccin
Materia
Lapso
Titulo
Contenid o
Aadir
Borrar
Regresar
Fecha
de
entrega
Pantalla Modificar Eliminar Asignaciones: en esta pantalla se selecciona la seccin

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 enva la informacin
seleccionada o cargada, se valida toda la informacin, en Borrar se borra todo lo
seleccionado, en Regresar regresa al men asignaciones. Ver pantalla siguiente:
Secci
n
Materia
Lapso
Enviar Borr ar
Regresar
Pantalla Modificar Eliminar Asignaciones: En esta pantalla podemos observar

varios campos como lo son la seccin, la materia, el lapso, el ttulo, el contenido, y
la fecha de entrega, que se solicit en la pantalla anterior, si se hace alguna
modificacin a algn campo se presiona el botn grabar para restablecer la data, al
presionar el botn ok selecciona otro men para selecciona otro alumno, y si se
presiona en regresar al men regresa al men anterior para introducir otra asignacin;
mas abajo hay otra tabla donde se muestran los mismos datos, al lado hay un botn
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:
Seccin
Materia
Lapso
Titulo
Grabar
Contenido
Fecha
de
entrega
Regresar
al men
Pantalla de aviso que se ha modificado con xito cualquier registro de la base de datos,
adems hay dos opciones, SI para modificar otro registro, NO para salir de la
modificac in de registros. Ver pantalla siguiente:
Pantalla Registro Modificado
Configuracin de la Base de datos:
Pgina de phpMyAdmin
La pgina de inicio del proyecto es http://www.phpmyadmin.net/. Desde all podemos
descargar los ficheros de la ltima versin de la aplicacin, que posteriormente
debemos colocar en nuestro servidor web. Tambin podemos encontrar a
phpMyAdmin dentro de la red Sourceforge.net, que es un sitio que recoge multitud de
proyectos "Open Source" (cdigo abierto).
Hay varias versiones disponibles, pero es recomendable escoger la que nos aconsejen
como la ltima versin estable (The last stable versin). En el momento de escribir
este artculo 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 versin 4 de PHP, aunque tambin
ofrecen la posibilidad de bajarse los archivos que guardan compatibilidad con la
versin 3 de PHP, para que aquellos que no dispongan del motor de PHP ms actual.
La pgina de inicio del programa tambin nos ofrece la posibilidad de ver un demo
online, aunque nos avisan de que el servidor donde se aloja puede estar cado.
http://www.phpmyadmin.net/phpMyAdmin/
Instalando phpMyAdmin
Una vez descargada la ltima versin se descomprime, con lo que obtendremos los
ficheros PHP que conforman la herramienta y colocarlos dentro del directorio de
publicacin 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 programacin
de pginas PHP. Adems, deberemos acceder a la herramienta a travs de la
direccin 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 publicacin (Generalmente
C:\Inetpub \wwwroot), en el subdirec torio phpMyAdmin, debemos escribir algo
como http://localhost/phpMyAdmin Si tuviramos instalado un servidor Apache los
colocaramos en la carpeta que hayamos indicado como "document Root", que
suele ser htdocs.
Lo primero que podemos leer es el archivo de la documentacin, que encontramos

junto con los archivos de phpMyAdmin. Explica datos generales del programa, como
sus requerimientos, instrucciones de instalacin, configuracin, preguntas frecuentes,
etc.
Posteriormente, tal como explica la documentacin, 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 documentacin
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. Podra
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. Tambin
podra ser la direccin IP del ordenador al que nos conectamos.
$cfgServers[$i]['user'] string
$cfgServers[$i]['password'] string
El par usuario/contrasea 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 ratn, que resulta muy de agradecer teniendo en
cuenta que, en caso de no tener esta herramienta u otra parecida, la otra opcin
consistira en utilizar el lenguaje SQL, y, en caso de que la base de datos est alojada
remotamente en Internet, no podramos 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 peridicamente, 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.
Apndice 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 interaccin como lo son las notas, planes de evaluacin,
horarios y asignaciones. Los alumnos y los padres y/o representantes los utilizan para
consultar la informacin requerida. Los docentes consultan la misma informacin
pero con carcter critico de revisin. Los administradores cargan y revisan tambin
la data, que est en forma correcta. al lado del men (parte izquierda) est una tabla
de valoracin, para calificar segn la puntuacin, hacemos clic en la flechita que esta
hacia abajo se despliega una lista del 1 al 5 seleccionamos uno y presionamos votar,
automticamente se actualizarn los valores, para salir del sistema presionamos en
Salir del Sistema.
Salir del sistema

Valoracin votar
Alumno Padres o Repres. Profesores Administracin
Pantalla Principal Interfaz Web Interactiva Colegio Nuestra Seora de Lourdes
Pantalla Formulario Clave Alumnos Padres y/o Representantes: En esta pantalla

se puede observar un pequeo 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 botn de seleccin, 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 informacin
correspondiente, el botn borrar borra todo lo escrito; al presionar regresar, se regresa
a la pantalla principal; por ultimo al presionar ayuda le dar una pequea explicacin
de que hacer con cada dato. Ver pantalla siguiente:
usuario
clave
Registrarse
Notas,
Asignaciones y
Planes
Regresar
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 algn 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 tambin la cdula del padre y el alumno,
tambin el correo electrnico 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 botn enviar para validar la informacin correcta; el bot n
borrar borra lo escrito; si presiona regresar, regresa al men principal, al presionar
ayuda se activa una pequea pgina de ayuda. Ver pantalla siguiente:
Tipo
Cdula
Pad/Rep
Cedula/Alumn
o
Correo
Enviar Borrar
Conexiones
ayuda
Regresar
Pantalla Formulario Clave
para registrar Alumnos Padres y/o Representantes.

se puede
observar
un pequeo
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 botn borrar borra todo lo escrito; al
dar una pequea exp licacin de que hacer con cada dato. Ver pantalla siguiente:
Tipo
usuario
clave
Registrarse
Ingresar, Borrar
Regresar
ayuda
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 algn 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 cdula de l docente o el administrador; la
fecha de nacimiento; tambin el correo electrnico para ser enviada la clave generada
presionar ayuda se activa una pequea pgina de ayuda Ver pantalla siguiente:
Tipo
Cdula
Pad/Rep
Fecha de
Nacimiento
Correo
Enviar Borrar
Conexiones
Regresar
ayuda
Pantalla Formulario Clave Registros para registrar Docentes y administradores
Pantalla Boletn de Evaluacin: El primer bloque contiene todos los datos del
seccin; y por ltimo el bloque de los resultados de la evaluacin del primero
segundo y tercer lapso; si se presiona imprimir se puede imprimir la boleta; si
presiona ver situacin en la seccin abre otra pantalla donde se puede ver la situacin
en la seccin 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 pgina 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 Boletn de Evaluacin
Pantalla Situacin en la Seccin: El primer bloque contiene todos los datos del
seccin; y por ltimo el bloque de la situacin del alumnos con respecto al promedio
de la seccin del primero segundo y tercer lapso; si presiona imprimir se puede
imprimir la boleta; si presiona regresar al boletn regresa al Boletn; 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 pgina 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 Situacin en la Seccin
Pantalla Planes de evaluacin: 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 aplicacin; el cual contiene el plan de evaluacin correspondiente; ms
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
pginas o pantallas. Ver pantalla siguiente:
Todos los
grados
Regresar al
formulario
alumnos
Regresar al
formular io
profesores
Pantalla Planes de Evaluaciones
Pantalla Horarios: En esta pantalla al igual que en la de los planes de evaluacin,

tambin 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
aplicacin en el cual esta el Horario correspondiente a cada grado o seccin, 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 pgina hay un cuadro de
mansaje que se muestran en todas las pginas o pantallas. Para esta pantalla es
importante sealar que para entrar a ella no existe ninguna restriccin, es decir, no
hay clave de entrada, puede entra cualquier actor, que quiera ver los horarios de cada
seccin. 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
pequea ayuda para facilitar el entendimiento del formulario, esta pantalla se abre
pequea y se puede cerrar en cualquier momento. Ver pantalla siguiente:
Pantalla Men de Ayuda
Pantalla Clave Invlida: 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 Invlida
Pantalla Clave enviada: En esta pantalla se muestra un mensaje que la clave fue
enviada con xito al correo electrnico; 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 pequeo

cuadro en el cual aparecen dos opciones Si y No; al hacer clic en SI se genera y se
enva automticamente 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 pgina, 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.
Apndice C: Manual Del Sitio
Manual del Panel de Control
Correo
La cuenta de correo por defecto:
Su cuenta de correo por defecto acta como recepto ra de correos mal dirigidos.
Cualquier mensaje de correo enviado a una direccin 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
enva un mensaje para mara@sudominio.com y usted no ha creado ninguna cuenta
de correo a nombre de mara. 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 Direccin por defecto.
A continuacin haga clic en Cambiar direccin por defecto, teclee el nombre de la
nueva direccin (el texto que va antes de la @) y ha ga clic en Cambiar.
Aadir y eliminar cuentas de correos:
Para aadir o eliminar cuentas de correo, acceda a su Panel de Control, haga

clic en Opciones de correo y en Aadir y eliminar correos
Para aadir una nueva cuenta de correo haga clic en Aadir cuenta (en la parte
inferior de la ventana). Se mostrar el siguiente cuadro de dilogo:
En el cuadro de dilogo Direccin teclee el nombre de la nueva cuenta (el texto que
va antes de
La @). En el cuadro de dilogo Contrasea teclee la contrasea para la cuenta de
correo.
En el cuadro de texto Cuota teclee la ocupacin mxima en MB del buzn de correo.
Haga clic en el botn Crear.
Para enviar y recibir correo con su nueva cuenta de correo puede hachearlo mediante
WebMail) o utilizar algn programa de correo electrnico.
Para eliminar una cuenta de correo, despus de hacer clic en Aadir y Eliminar
correos, en la seccin Opciones correo de su Panel de Control, haga clic en la
etiqueta Eliminar de la cuenta de correo que desee eliminar.
Autorespuesta: enva un mensaje de respuesta, de forma automtica, al autor de los
mensajes que le envan a usted. Por ejemplo:
En una pgina de su sitio web hay un

Enlace que dice Recibir ms informacin. Cuando alguien hace clic sobre el enlace,
enva un mensaje de correo a una cuenta determinada de su plan de alojamiento
solicitando
informacin.
Inmediatamente
que
el
mensaje
es
recibido,
la
autorrespuesta enva a la direccin de correo electrnico de la persona que solicito

informacin 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 dilogo de Configurar autorrespuestas (desde el que podr
eliminar tambin, las autorrespuestas que ya no le interesen). Haga clic en Aadir
autorrespuesta. Se mostrar el siguiente cuadro de dilogo:
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 ttulo del mensaje de autorrespuesta. Y en cuerpo, el texto
del mensaje (no utilic cdigo HTML, slo puede ser texto plano).
Por ltimo haga clic en el botn Crear en la parte inferior de la pgina.
Redireccionar correo:
Usted puede desear que el correo que envan 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 dilogo Configurar redireccionamientos (desde el que
tambin, se pueden eliminar los redireccionamientos que ya no nos interesen). Haga
clic Aadir 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 direccin completa a
la se va a direccionar. Por ltimo haga clic en el botn Redireccionar.
NOTA: Sea muy cuidadoso cuando redireccione cue ntas de correo a direcciones en
su propio plan de alojamiento, ya que inadvertidamente podra 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 direccin de correo del remitente, la cabecera del mensaje,
ttulo o para cualquier frase que aparezca en el cuerpo del propio mensaje.
Para filtrar correo, acceda a su Panel de Control, haga clic en Opciones de
correo y en Bloquear una direccin.
Se mostrar el cuadro de dilogo Mantenimiento de filtros (desde este cuadro de
dilogo puede eliminar, tambin, los filtros que ya no le interesen), haga clic en
Aadir filtro. Se le mostrar la pantalla siguiente:
Use los mens desplegables para seleccionar que es lo que quiere filtrar. Por ejemplo
si desea filtrar mensajes con contenido pornogrfico, podra seleccionar Asunto,
Cuerpo o Cualquier cabecera en el primer men desplegable y Contiene del segundo
men desplegable. A continuacin teclee una palabra o frase que aparezca
frecuentemente en el Asunto, Cuerpo o Cabecera del mensaje, de los mensajes con
contenido pornogrfico, por ejemplo sexo. Si no desea recibir mensajes de una
determinada direccin de correo, en el primer men desplegable, seleccione De, en el
segundo es igual a y en el cuadro texto teclee la direccin de correo electrnico.
Una vez establecido el filtro, haga clic en el botn Activar.
Alias de correo:
En principio, no debera por que utilizar alias de correo, ya que se redirecciona
cualquier direccin de correo que usted no tenga dada de alta a la direccin de correo
por defecto.
Puede acceder a sus cuentas de correo electrnico a travs de su navegador web, sin
tener que configurar ningn programa de correo electrnico tipo Outlook Express o
Eudora. Para ello teclee:
http://www.sudominio.com/webmail/ (no olvide la barra final).
Se mostrar un cuadro de dilogo en el que deber introducir su Nombre de usuario
y Contrasea.
Nombre de usuario: Ser la direccin completa de la cuenta de correo

electrnico a la que desea acceder. Por ejemplo usted@sudominio.com*
Contrasea: La contrasea (Password) que le asign a la cuenta de correo en

el momento en el que la cre.
Hay una excepcin. 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 contrasea ser la de su panel de control.
Para poder administrar su cuenta de correo, haga clic en NeoMail. Si desea cambiar
la contrasea, 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 Espaol.
Real Name : Teclee el nombre que desea que aparezca cuando enve un
mensaje.
From: No modifique esta opcin. Djela tal y como est.
Reply-to: Deje esta opcin en blanco, a no ser que desee enviar sus respuestas
a otra direccin 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 nmero de mensajes que desea que se

muestren por pgina.
Default Headers: El tipo de cabecera que se mostrar al leer un mensaje.

Para la mayora de los usuarios la opcin ms aconsejable es Simple Headers.
Signature: Es un texto de hasta 500 caracteres que se mostrar al final de

todos los mensajes que enve.
Haga clic en el botn Save para guardar las preferencias seleccionadas.

Nota: Despus de hacer clic en Save, si ha elegido el Espaol como lenguaje, todo el
programa se mostrar en Espaol.
Neomail presenta el siguiente aspecto:
Para salir de Neomail haga clic en el botn con forma de X a continuacin 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 Ingls) o Nico_FTP (en Espaol), ambos gratuitos, para publicar sus pginas
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 ms recibir
su e- mail de bienvenida, ya que ste contiene toda la informacin necesaria para
realizar la conexin.
Utilice la siguiente informacin 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.
Contrasea (Password): La misma que utiliza para acceder a su Panel de

Control
Nota: Recuerde que el nombre de usuario, la contrasea y la direccin IP se le

proporcionan mediante correo electrnico, nada ms contratado un plan de
alojamiento.
Cuando conecte por primera vez con su plan de alojamiento va FTP ver una lista de
carpetas similar a la siguiente:
mail
public_ftp
public_html
tmp
www
Sus pginas web deben de ser copiadas en la ca rpeta public_html, asegrese de que
copias sus archivos en el interior de esta carpeta. La pgina 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 pginas 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 ningn 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 podra causar
una corrupcin de su sitio web, que en algunos casos slo se podra corregir con una
reinstalacin completa de su plan de alojamiento.
Mltiples cuentas de FTP:
Todos los planes de alojamiento de Caracashosting permiten configurar ms 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 Configuracin y nuevamente clic en
Cuentas FTP://
Se mostrar el cuadro de dilogo Mantenimiento de cuentas (tambin puede utilizar
este cuadro de dilogo para eliminar las cuentas de FTP que ya no desee utilizar).
Haga clic en Aadir cuenta FTP. A continuacin teclee el nombre de usuario y la
contrasea de la nueva cuenta FTP y haga clic en el botn 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 Annimo:
Los planes de alojamiento de Caracashosting, no disponen de FTP annimo por
defecto. Si usted necesita un plan de alojamiento con FTP annimo, por favor,
pngase 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 tendra 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, creacin y edicin de pginas HTML y archivos de texto directamente en
el servidor, o la creacin y eliminacin 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 nmeros. La columna de la izquierda indica el tamao del
archivo y la derecha los permisos de ese archivo o carpeta.
Cuando hace clic sobre el grfico 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
grfico), 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 ubicacin original. Tiene tambin un
enlace para vaciar la Papelera.
IMPORTANTE: Recuerde que slo es visible a travs 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
debera, a no ser que est muy seguro de lo que est haciendo, trabajar fuera de la
carpeta public_html.
Proteger carpetas con contrasea
IMPORTANTE: NO USE esta opcin 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 contrasea:
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 contrasea para acceder va
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 contrasea en el cuadro Contrasea
8. Haga clic en el botn Aadir usuario
Si desea aadir nuevos usuarios, repita los pasos 7 y 8 tantas veces como usuarios
desee aadir al recurso protegido.
Esta proteccin es para proteger el acceso a carpetas va web solamente, no crea
usuarios FTP.
Estadsticas
Puede visualizar las estadsticas de su sitio web a travs del Panel de Control.
Para acceder a las estadsticas de su sitio web:

2. Haga clic en Herramientas
3. Haga clic en Estadsticas Web/FTP
Puede acceder a 4 tipos diferentes de estadsticas
1. Analog: Presenta un sumario de toda la gente que ha accedido a su sitio web.
Es rpido y produce estadsticas muy fcilmente interpretables.
2. Webalizer: Es un programa muy completo. Presenta una variedad de tablas y
grficos que analizan en profundidad quien ha visitado su sitio. Muestra dos
tipos de estadsticas: Estadsticas de su sitio web y estadsticas de su sitio
FTP (en caso de que disponga de uno).
3. Latest Visitors : Muestra informacin de los 300 ltimos visitantes de sus
sitio web.
4. Error logs : Muestra los errores que se han producido en su sitio web,
imgenes 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 pgina 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 fcilmente un contador para
contabilizar cuntos 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 especfica.
CGI Email: Con cgiemail podr crear fcilmente formularios de
salida de correo electrnico en sus pginas web.
Form Email Clone: Es un clon del FormMail de Matt Wright.
Entropy Search: Le permite configurar motores de bsqueda en
sus pginas 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 electrnico

Akopia Interchange
Akopia Interchange es una de las aplicaciones ms completas que existen para
crear comercios virtuales. Caracashosting ofrece Akopia Interchange como un
servicio aadido que permita a nuestros usuarios crear un comercio electrnico
completamente integrado en con nuestros servidos. Caracashosting no ofrece soporte
tcnico para esta aplicacin, sin embargo, puede encontrar gran cantidad de
informacin til (en ingls) 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
Introduccn a MySQL
SQL son las siglas de Srructured Query Language (Lenguaje
estructurado de consultas). Es el lenguaje ms 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 travs del
Panel de Control.
Sin entrar en detalles tcnicos, SQL es un lenguaje formado por un conjunto de
comandos que le permitirn crear, modificar y visualizar informacin de una base de
datos. En est pgina encontrar algunos ejemplos de estos comandos.
Estos comandos se pueden escribir en un CGI (Graphical User Interface) o bien

incrustndolos 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 grfico 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 travs de su sitio web,
necesita crear un script CGI. Estos scripts son pequeos 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 botn de una pgina 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
conjuncin con MySQL podr mantener informacin sobre los visitantes de su sitio
web, les permitir buscar y hojear catlogos, y muco ms. Vea, ms adelante, en est
misma pgina, como configurar esos scripts.
MySQL es una implementacin del lenguaje SQL desarrollado por TcX. Es robusto,
rpido y muy flexible. Proporciona todos los comandos y tipos de datos estndar 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 informacin completa sobre MySQL se puede encontrar en la web oficial de
MySQL (en ingls). Dispone de infinidad de libros, tanto en Espaol como en Ingls,
que describen el funcionamiento de MySQL.
NOTA: tenga en cuenta que Caracashosting no proporciona soporte tcnico 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.
Utilizacin 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: disear tablas, aadir, eliminar, actualizar
registros, y todo de forma intuitiva desde su navegador web.
Para utilizar esta opcin:
2. Haga clic en Opciones Avanzadas
3. Haga clic en Bases de datos Mysql
La primera vez que accede a esta seccin de su Panel de Control, se pedir que
proporcione un nombre y una contrasea para su base de datos, si lo desea puede
utilizar el mismo nombre y contrasea 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 pgina. Se mostrar la
pgina de bienvenida de PhpMyAdmin. En la parte izquierda de la pgina se muestra
una vista general, con el nombre de su base o bases de datos y las tablas que contiene
(si no ha diseado ninguna tabla todava, slo ver el nombre de la base de datos). En
la parte derecha de la pgina se muestra la versin de MySQL que se est utilizando y
entre otras opciones puede cambiar el idioma con el que desea trabajar (Espaol 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 pequeo cuadrado con un signo ms (+) en su interior. Haciendo clic en
el cuadrado, el signo ms (+), se convertir en un signo menos (-) y se mostrarn los

nombres de las tablas de su base de datos.
Haciendo clic en el smbolo menos (-) se ocultarn los nombres de las tablas. Si hace
clic en el nombre de la base de datos, en el panel derecho se visualizar la pgina
principal de administracin 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.
Pgina principal de administracin de la base de datos
Esta pgina se visualiza en el panel derecho cuando hacemos clic, en el panel
izquierdo, sobre el nombre de la base de datos. En esta pgina se muestran todas las
tablas de su base de datos y el nmero de registros que hay en cada una de ellas.
Puede tambin 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 pgina). Desde la pgina
Examinar puede editar o eliminar el registro.
Seleccionar (Select) le permite disear consultas para la tabla. Slo se mostrarn
registros que cumplan los criterios establecidos en la consulta.
Insertar (Insert) le permite aadir nuevos registros a la tabla. La informacin se
introduce en los diferentes campos del registro. Posee funciones que le permiten de
forma automtica: introducir la fecha del sistema, generar nmeros aleatorios, etc.
Una vez introducida la informacin del nuevo registro, pulse sobre el Siga para
aadir el registro a la tabla.
Vaciar Borra todos los registros de la tabla. Sea cuidadoso al utilizar est opcin, ya
que aunque la tabla no se borrar, si lo harn todos los registros que contiene.
Eliminar: Borra la tabla y todo su contenido. Una vez utilice esta opcin la tabla y
todo su contenido dejaran de ser accesibles. Sea muy cuidadoso con este comando.
Otras opciones En esta misma pgina 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
documentacin que acompaa 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 continuacin se muestran unos pocos ejemplos para darle una idea de qu es SQL y
cmo 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 Prez','9432656');

Aade un regitro nuevo a la tabla. Le asigna al campo Id el valor "AAA", al campo
Nombre el valor "Jos Prez" 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. Pudindose escribir comandos
mucho ms complicados para realizar tareas mucho ms precisas.
Muchos de los clientes de Caracashosting lo hacen todo a travs 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, debera
tener nociones, cuanto ms 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 opcin de su Panel de Control le permite dar de alta su sitio web en varios
motores de bsqueda con slo unos pocos clics.
Para dar de alta su sitio web en los motores de bsqueda, acceda a su
Panel de Control, haga clic en Herramientas y a continuacin en Alta en
Buscadores. Se mostrar el siguiente cuadro de dilogo.
Seleccione los motores de bsqueda en los que desea dar de alta su web, y rellene el
resto de campos del formulario. Para finalizar haga clic en el botn Enviar. Sea
paciente, el proceso de inscripcin puede tardar algunos minutos.
NOTA: De todas formas, si usted desea que su presencia en los buscadores sea lo
ms eficiente posible, haga la inscripcin en ellos manualme nte y renuvela 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 podra ser
contable.sudominio.com. Esta caracterstica le ser til si desea dividir su sitio web en

diferentes secciones.
Las pginas web de su subdominio se alojarn 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 Configuracin
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 Aadir
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 opcin 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 peridicos del contenido de su plan de
alojamiento.
IMPORTANTE: Caracashosting como parte de su poltica de actuacin realiza
copias de seguridad de sus servidores al menos una vez al da, pero slo se utilizan
como medida de seguridad en el caso de estos sufrieran una avera y se perdiese toda.
Nunca se utilizarn para restaurar la informacin 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 peridicas del contenido de su
sitio web. Para acceder a esta opcin, haga clic en el men Opciones de Acceso de su
Panel de Control, y a continuacin 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 seccin 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 la seccin
Restaurar una copia de seguridad.
NOTA PARA USUARIOS DE WINDOWS: Los archivos de seguridad se
descargan comprimidos en formato .tar.gz, un formato de compresin muy utilizado
en mquinas con sistema operativo UNIX. Hay utilidades, en entorno Windows, para
descomprimir estos archivos.

t37238 Tesi Web Interactiva

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

t37238 Tesi Web Interactiva

Încărcat de

Drepturi de autor:

Formate disponibile

NIVERSIDAD NACIONAL ABIERTA

CENTRO LOCAL CARABOBO

Pgina Web interactiva para una Unidad Educativa Privada

Trabajo de Grado presentado ante la

UNIVERSIDAD NACIONAL ABIERTA

Pgina Web interactiva para una Unidad Educativa Privada

Autor: Celido Ramn Silva Prez, C.I: 11.155.810

Valencia, Marzo 2009

I.2 Objetivo General

I.3 Objetivos Especficos

I.5 Delimitacin y Alcance

CAPTULO II MARCO TERICO

II.2 Bases Tericas

CAPTULO III MARCO METODOLGICO

III.2 Modalidad de la investigacin

III.3 Tipo de Investigacin

III.4 Fases Metodolgicas

III.5 Desarrollo de las Fases Metodolgicas

III.5.1 Desarrollo de la Fase I

III.5.2 Desarrollo de la Fase II

III.5.3 Desarrollo de la fase III

III.5.4 Desarrollo de la fase IV

III.5.5 Desarrollo de la fase V

III.6 reas de Conocimientos Relacionadas

III.7 Recursos a utilizar

CAPTULO IV PRESENTACION DE LA SOLUCION

Descripcin de la fase II (Factibilidad)

Descripcin de la fase III (Diseo)

Descripcin dela fase IV (Implantacin)

Descripcin de la fase V (Validacin)

Pruebas del nuevo sistema

Visibilidad del estado del sistema

UML (Unified Modeling Language)

Ejemplo de un diagrama de componentes

Ejemplo de Diagrama de Despliegue

Ejemplo de un diagrama de secuencia

Ejemplo de un diagrama de colaboracin

Ejemplo de un Diagrama de Actividad

Ejemplo de un Diagrama de Estado

Ejemplo de un Diagrama de Casos de Uso

Representacin de una Pgina de Cliente en UML

Representacin de una Pgina de Servidor en UML

Representacin de un Formulario en UML

Representacin de un Fra meset en UML

Personal Home Page PHP

Grfica del nmero de dominios y direcciones IP que utilizan PHP

Ciclo de Vida para el Desarrollo de Sistemas de Informacin

Modelado General del Negocio

Diagrama caso de uso, Actor control de estudios

Diagrama caso de uso, Actor alumno

Diagrama caso de uso, Actor Padres y/ Representantes

Diagrama caso de uso, Actor Docente

Diagrama de clase de acceso al sistema, actor control de estudios

Diagrama de clase para asignaciones, actor control de estudios

Diagrama de clase para planes de evaluacin, actor control de estudios 105

Diagrama de clase para horarios de clases, actor control de estudios

Diagrama de clase para evaluaciones, actor alumno

Diagrama de clase para asignaciones, actor alumnos

Diagrama de clase para planes de evaluacin, actor alumno

Diagrama de clase para horarios de clases, actor alumno

Diagrama de clase para evaluaciones, actor padre y/o representante

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

Diagrama de clase planes de evaluacin, actor padre y/o representantes 113

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