DISEÑO Y DESARROLLO DE UNA APLICACIÓN WEB COMOHERRAMIENTA DE APOYO AL PROCESO DE ENSEÑANZA-APRENDIZAJE EMPLEANDO LA INGENIERÍA WEB BASADA EN UML. HANS WILSON RAMOS BLACUTT

1. DISEÑO Y DESARROLLO DE UNA APLICACIÓN WEB COMO
HERRAMIENTA DE APOYO AL PROCESO DE ENSEÑANZA-APRENDIZAJE
EMPLEANDO LA INGENIERÍA WEB BASADA EN UML
HANS WILSON RAMOS BLACUTT

2. Contenidos
INTRODUCCIÓN Y OBJETIVOS
APLICACIÓN DE LA UWE AL PROYECTO
CONCLUSIONES Y RECOMENDACIONES

3. INTRODUCCIÓN Y OBJETIVOS

4. INTRODUCCIÓN
 Las nuevas tecnologías han entrado de lleno
en todos los terrenos de la vida, la educación
y la formación es uno de ellos
 Las TIC constituyen un potencial enorme para
mejorar el acceso y la calidad de la educación
 Al integrar las TIC, puede aprovecharse de las
capacidades que tienen los equipos de
computación para que los educandos
interactúen con variada información, lo que
repercute favorablemente en el proceso
enseñanza-aprendizaje.

5. ANTECEDENTES (1)
1996-1997 1998-2000 2001-2003 2004-2006 2007..
INGRESO PIME II
PEAE
EDUCATIVO /Docentes/PPFF/ /Docentes/PPFF/
Programa no Niños(as)/
definido
PIME I PEE
/Docentes/ /Docentes/PPFF/
Niños(as)/
COMPONENTES PROGRAMATICOS : Calidad, Comunidad, Abogacia y Acceso

6. ANTECEDENTES (2)
 CALIDAD
 Mejora de: la currícula, practica docente, desempeño y protagonismo de estudiantes
de escuelas en convenio.
FORTALECIMIENTO
TAE’s
Capacitación DOCENTE
Seguimiento Intercambio
Experiencias

7. DEFINICIÓN DEL PROBLEMA (1)
 El proceso de capacitación, se ve limitado por tiempo,
espacio y recursos. Estas limitaciones o barreras
existentes, influyen en el beneficio de un buen desarrollo
del proceso de aprendizaje: El aislamiento geográfico, la
movilidad, la disposición irregular de tiempo, determinadas
condiciones sociales o humanas; situaciones de aprendizaje
a distancia, situaciones especiales (Enfermedad, viaje,
internamiento o de situaciones convencionales), etc.
 Tales problemas y situaciones son barreras para lograr que
los profesores que participan en los procesos de
capacitación, consigan y desarrollen mejor sus capacidades
y habilidades; a fin que adquieran los conocimientos
necesarios en determinados módulos/cursos.

8. DEFINICIÓN DEL PROBLEMA (2)
 También, no puede dejarse de lado el entusiasmo que
existe por parte de Save the Children al integrar las TIC´s
dentro sus procesos de fortalecimiento docente, de manera
que se apoye y facilite la tarea de capacitación, de modo
que los participantes se sientan más estimulados a
participar en dicho proceso.
 muchos de los profesores que participan en el proceso de
capacitación, requieren alternativas complementarias en
procesos de aprendizaje y fortalecimiento docente.

9. DEFINICIÓN DEL PROBLEMA (3)
 Por otro lado, si se quiere ir más allá adquiriendo una
licencia para una plataforma LMS comercial en respuesta a
todo lo expuesto, también llegaría muy lejos de la realidad
económica que tiene la organización porque debe realizarse
una inversión tecnológica, gastos y otros para que funcione
eficientemente tal plataforma.
 También existen inconvenientes cuando se adquiere una
plataforma de tipo software libre o código abierto “open
source”, ya que por la falta de una fuente directa de
soporte, se resienten aspectos de control de calidad y
desarrollo. Debe recordarse como dice el aforismo "nada es
gratis" si se quiere hacer modificaciones, agregar funciones
y mejoras a las ya existentes, habrá que pagar por los
costes de esfuerzo que pueden ser elevados porque el
personal técnico deberá tener nociones de la filosofía y el
estilo de programación de la plataforma.

10. DEFINICIÓN DEL PROBLEMA (4)
¿Cómo conseguir que Save the Children apoye el
proceso enseñanza-aprendizaje de los módulos
que utiliza en sus procesos de capacitación con
profesores de primaria, a fin de que reduzcan las
limitaciones de tiempo espacio y recursos?

11. PLANTEAMIENTO DE OBJETIVOS
Proveer una aplicación Web en el que se integren las TIC’s como Webs
educativas para apoyar el proceso enseñanza-aprendizaje de los módulos que
Save the Children utiliza en sus procesos de capacitación con profesores de
primaria.
Emplear la metodología UWE (Ingeniería Web basada en
UML) para el desarrollo de la aplicación web, que permita el
acceso, construcción, publicación de webs educativas.
Diseñar y desarrollar interfaces de usuario amigables, de
acuerdo a los requisitos de los usuarios, para conseguir un
manejo sencillo de la aplicación web.
Brindar herramientas de comunicación a los usuarios, para
que se consiga una interacción entre estos actores.
Comprobar la funcionalidad de la aplicación web,
construyendo una Web educativa en algún módulo o curso,
para lograr con los usuarios su posterior aceptación.

12. HIPÓTESIS
 La aplicación web desarrollada, permite apoyar el proceso
enseñanza-aprendizaje de los módulos que utiliza Save the
Children en sus procesos de capacitación; y por medio de
su uso se reduce las limitaciones de: tiempo, espacio y
recursos.

13. CRITERIO DE EVALUACIÓN
 Se realizara y evaluara diferentes pruebas a la aplicación
Web desarrollada
 Se escogerá aleatoriamente a dos muestras (cada muestra
conformada por profesores del primer ciclo de la población
de escuelas que están en convenio con el programa de
educación de Save the Children) para que se conforme dos
cursos; un curso designado para recibir clases de
forma tradicional (grupo control) y otro curso
designado para recibir clases con el apoyo de la
aplicación web desarrollada (grupo experimental).
 La validación se realiza en función de la evaluación de las
actitudes de los participantes (profesores del primer ciclo),
se compara resultados entre ambos grupos (control y
experimental) y se infiere sobre las diferencias que se
encuentren.

14. ALCANCES Y LIMITACIONES
 El desarrollo del proyecto estará adecuado y fundamentado
sobre el diseño curricular e instruccional que el programa
de educación de Save the Children utilice. Los sitios
educativos basados en Web servirán como apoyo y/o
complemento a las clases presénciales.
 Inicialmente, el sistema podrá ser usado por los usuarios, a
través de intranets que se tengan en las unidades
educativas. Para su uso vía Internet el sistema dependerá
de otra tecnología, por ejemplo para el acceso a través de
Internet dependerá de servidores como Web y Ftp, su
seguridad dependerá en parte de un Firewall, la velocidad
de acceso, la disponibilidad de hardware y software, etc.

15. JUSTIFICACIÓN
 JUSTIFICACIÓN TÉCNICA
 Al contar con la tecnología para implementar e implantar este proyecto,
en las unidades educativas se cuenta con gabinetes de computación y
para el desarrollo de aplicaciones especificas para este medio, se
cuenta con variadas herramientas SW, herramientas para la creación
de contenidos, entre otros; por los cuales justifican la posibilidad de
desarrollar el presente proyecto.
 JUSTIFICACIÓN SOCIAL
 Por la necesidad que nos impone la sociedad y el sistema educativo
actual, dando respuestas diversificadas a diferentes capacidades y
motivaciones a los que participan en los procesos de capacitación. El
proyecto trae consigo un gran beneficio en la formación de los
profesores, colaborando de ésta manera a que se apoye el proceso
enseñanza-aprendizaje.
 JUSTIFICACIÓN ECONÓMICA
 En el sistema se va poder añadir material e información diseminada en
diferentes medios y formatos, de esta manera, los participantes en el
proceso de capacitación no necesitaran incurrir en otros gastos.

16. APORTES
 El apoyo en los aprendizajes y la inserción de las TIC
aplicadas en la educación dentro de una modalidad
netamente presencial.
 El Uso y la aplicación de las TIC en el proceso enseñanza-
aprendizaje, especialmente en los profesores que no han
recibido una formación previa en este campo.
 Apoyo al trabajo de capacitación, reduciendo la carga de
trabajo repetitivo.
 Se reforzará las habilidades de comunicación e interacción
entre los participantes del proceso de capacitación
mediante el uso de herramientas de comunicación síncrona
y asíncrona.
 Mayor número de profesores participantes del proceso de
capacitación podrán acceder a los recursos de información y
formación docente, puesto que se minimizan las barreras
de tiempo, espacio y recursos.

17. APLICACIÓN DE LA UWE AL
PROYECTO

18. DIMENSIONES MODELADO WEB
El modelado de aplicaciones web tiene diferencias con el modelado de
aplicaciones convencionales que no son para la web.
Adaptividad

19. ANÁLISIS Y DISEÑO EN UWE
 MODELOS DE ANÁLISIS DE UNA APLICACIÓN WEB
 Requisitos Funcionales especificados por
• Modelo de Casos de Uso
• Flujos de trabajo
 Requisitos de Datos (Contenido) especificados por
• Modelo de Dominio
 MODELOS DE DISEÑO DE UNA APLICACIÓN WEB
 Aspectos de información
 Modelo de Contenido
 Estructura de hipertexto y navegación
Requistos
 Modelo de Navegación
 Layout schema
 Modelo de Presentación Contenido Navegación Presentación
 Funcionalidad
 Modelo de Procesos Proceso Adaptividad
 Modelo de Adaptividad

20. M. REQUISITOS
Sistema
Gestión de Usuarios Gestión de Gestión de Cursos y
y Datos Matriculación Usuario categorias
Gestión de
Gestión de Mensajes Gestión de Términos
Contenidos Web
Curso Glosario Curso
Curso
Gestión del Gestión de la
Repositorio matriculación de Consulta de Informes
Multimedia Curso Usuarios Curso
Gestión de Mensajes Gestión de
Administración Preferencias

21. M. REQUISITOS

22. M. REQUISITOS
 Especificación del caso de uso: Registrarse

23. M. REQUISITOS
 REQUISITOS NO FUNCIONALES
 Uso de Software Libre
 Seguridad
 Mantenibilidad
 Portabilidad
 Calidad
 Usabilidad
 Internacionalización
 Accesibilidad

24. M. CONTENIDO

25. M. NAVEGACIÓN
 Modelo espacio de navegación del usuario anónimo

26. M. NAVEGACIÓN
 Modelo espacio de navegación del usuario administrador

27. M. NAVEGACIÓN
 Modelo estructura de navegación del usuario anónimo

28. M. NAVEGACIÓN
 Modelo estructura de navegación del usuario administrador

29. M. PRESENTACIÓN
 Presentación abstracta
wrap wrap
header header
nav nav
content-wrap content-wrap
content utility content
nav-secondary
footer footer

30. M. PRESENTACIÓN
wrap wrap
header header
nav nav
content-wrap content-wrap
utility content sidebar content sidebar
nav-secondary
footer footer

31. M. PRESENTACIÓN
wrap wrap
header header
nav nav
content-wrap content-wrap
content utility sidebar content utility
nav-secondary nav-secondary
footer footer

32. M. ADAPTIVIDAD
 Adaptación para:
 Propiedades de usuario: conocimiento, preferencias.
 Propiedades del entorno: Ubicación(lugar y tiempo)
plataforma (HW, SW, RED)
 Técnicas de adaptividad
 Adaptación de contenido
• Contenidos variantes
 Adaptación de Navegación
• Ordenación de links
• Formateo de links
• Ocultación de links
• Generación de links
 Adaptación de Presentación
• Selección del idioma
• Variaciones en el Layout (Reduciendo fuentes; cambiando imágenes,
colores, etc)

33. DIAGRAMAS DE SECUENCIA
 los diagramas de secuencia del UML, describen los
diferentes casos de uso según la interacción entre los
objetos de las capas del patrón MVC

34. IMPLEMENTACIÓN
 ENTORNO DE PROGRAMACIÓN
ELEMENTO TIPO DETALLE VERSIÓN
Intel P4 3GHz
Hardware Ordenador
512MB - 80Gb
WIN98, XP SP2,
Sistema Operativo Windows, Linux
Fedora, Debian
FileZilla(Win); 0.9;
Servidor FTP
ProFTP(Linux) 1
2.2.4 mod_ssl/2.2.4
Servidor Web Apache
OpenSSL/0.9.8e
PHPMyAdmin
Gestión Web BdD 2.10.0.2
PHPPgAdmin
Software Adobe Dreamweaver CS3, CS3;
Entorno de Desarrollo
ZendStudio 5.5 5.5.0
Mozilla Firefox 2.0.0.6
Internet Explorer 5,0; 6.0; 7.0
Navegadores Web
Opera 9.0
Gestor Base de Datos MySQL, PostgreSQL 5.0, 8.2
Leng. de Programación PHP 5.2.x
Editor de Textos Bloc de notas 5.1

35. IMPLEMENTACIÓN
 estructuración de directorios en el servidor

36. IMPLEMENTACIÓN
 DIAGRAMA DE DESPLIEGUE

37. PRUEBAS
 Evaluación de las Pruebas
Tipo Prueba Aplicado A Probado Por Resultado
Pruebas Funcionales y de Toda la aplicación web Desarrollador y Usuarios Resultados satisfactorios
Operación
Pruebas de Carga Servidor web Desarrollador Resultados satisfactorios con y
sin usuarios conectados en una
intranet
Pruebas de Interfaces y Toda la aplicación web Desarrollador y Usuarios La aplicación web cumple
Contenidos WEB satisfactoriamente casi todos
los Términos de Referencia
estipulados.
Pruebas de Rapidez de Acceso Toda la aplicación web Desarrollador Puntuación Final 88.9%
Pruebas de Accesibilidad Scripts Principales Desarrollador Se alcanzó obtener el Nivel
WAI-A
Pruebas de Usabilidad Toda la aplicación web Desarrollador y Usuarios Puntuación Final 86.7%
Pruebas de Seguridad Toda la aplicación web Desarrollador Puntuación Final 84.6%
Prueba de validación Toda la aplicación web Desarrollador y Usuarios Todos los resultados obtenidos
son correctos y favorables

38. PRUEBAS
 PRUEBA DE HIPOTESIS
 POBLACIÓN
 N=165 profesores del primer ciclo (de las escuelas que están en
convenio)
 MUESTRA

39. PRUEBAS
 Prueba Hipotesis
 Instrumento. Fiabilidad 0.867 y 0.882 para el grupo control y
experimental respectivamente
Datos de carácter General
Sexo: Curso:
Ítem (vi)
1. Grado de satisfacción como participante en la formación recibida durante el proceso de fortalecimiento docente en el módulo “Enseñar
a leer y escribir en el primer ciclo”
2. Grado de satisfacción con la metodología y estrategias que el facilitador utilizo durante el proceso de capacitación.
3. Grado de satisfacción con la motivación que la facilitadora propicio para aprender cosas nuevas en relación a sus tareas de docente.
4. Grado de satisfacción con la actitud de los participantes del proceso de capacitación.
5. Grado de satisfacción en el acceso oportuno a la información sobre los contenidos del módulo y/o guía de capacitación.
6. Grado de satisfacción en el acceso oportuno a recursos didácticos complementarios sobre el modulo diseminado en diferentes medios y
formatos electrónicos.
7. Grado de satisfacción con el acceso a espacios donde usted pueda compartir su información, ideas, experiencias, etc. con otros
participantes del proceso de capacitación.
8. Grado de satisfacción en la interacción oportuna con el facilitador (Profesor-Facilitador).
9. Grado de satisfacción en la interacción oportuna con otro(s) profesor(es) (Comunicación Profesor-Profesor(es) dentro y fuera de la
Unidad Educativa).
10. Grado de satisfacción con el uso y aprovechamiento de las Tecnologías de la Información y la Comunicación en el proceso de
capacitación.

40. PRUEBAS
 Resultados
v10 2.516
v6 1.859
v5 1.596
v9 1.047
v3 0.948
v8 0.888
v1 0.713
v7 0.645
v2 0.631
v4 0.604
0.000 0.500 1.000 1.500 2.000 2.500 3.000
Diferencia
 En general, existen actitudes sumamente favorables en el caso del grupo
experimental.
 Hay diferencias significativas entre el grupo control y experimental con respecto a
cada una de las variables analizadas.

41. CONCLUSIONES Y
RECOMENDACIONES

42. CONCLUSIONES
 El objetivo general ha sido alcanzado, en la actualidad se
tiene una versión estable de la aplicación y esta es
aceptada por la organización. La aplicación web
denominada CEduca es software libre y es fácil de utilizar.
 Los requisitos fueron probados y son correctamente
soportados por la aplicación y son realizados como se
definen en la descripción de los casos de uso.
 La aplicación web fue concebida bajo el enfoque
constructivista, debe apoyar e incentivar sobre todo la
adquisición de conocimientos e información.
 Mediante la aplicación Web se construyo una web educativa
donde los usuarios han aprovechado y valorado
positivamente las funcionalidades de esta; los usuarios
sugieren una mayor utilización por parte de otros cursos o
módulos.

43. CONCLUSIONES
 La modalidad de capacitación con el apoyo de la aplicación
web, permitió proyectar aperturas en:
 En el tiempo: La secuencia de trabajo con los materiales no es rígida,
ni impuesta, sino que responde a la capacidad de acción del
destinatario.
 En el espacio: La educación no se limita a los parámetros de un recinto
físico o lugar determinado.
 En los recursos: Se puede utilizar y combinar distintos recursos y
medios para lograr los objetivos propuestos.
 En la población: La cobertura que es capaz de alcanzar, supera
ampliamente los límites convencionales.
 El hecho de que la aplicación web permita la gestión de
sitios web educativos trae varias ventajas y además que
reduce las limitaciones de desarrollo de un sitio web en
cuanto a costo y tiempo.

44. CONCLUSIONES
 La aplicación web facilita la adaptabilidad, extensibilidad y
ofrece una gran escalabilidad.
 UWE esta basada en la extensión de la semántica del UML
mediante la utilización de estereotipos. El uso de UWE
constituye un aspecto innovador e importante en nuestro
medio ya que principalmente hace uso del paradigma
orientado a objetos y la especificación de aplicaciones
adaptivas.

45. RECOMENDACIONES
 En un futuro muy cercano, realizar una investigación para
ver el efecto pedagógico real que tiene el sistema.
 Profundizar los conocimientos sobre el manejo de la
computadora en los usuarios que así lo requieran.
 Promover e incentivar a los participantes a trabajar en
equipo, propiciando el desarrollo de habilidades mixtas
(aprendizaje y desarrollo personal-social) tanto en el campo
tradicional como en el sistema web.
 Incorporar el uso de elementos multimedia en contenidos y
materiales educativos. Una web educativa va más allá de
recopilar contenidos, debe tomarse en cuenta aspectos que
ayuden y complementen el proceso enseñanza-aprendizaje.
 Elaborar el material educativo antes de iniciar el curso o
clase.

46. RECOMENDACIONES
 El sistema inicialmente debe ser usado como una
herramienta para apoyar, para facilitar, para construir, para
proveer un medio donde el facilitador pueda cumplir mejor
su labor y el objetivo principal se cumpla: que el discente
“aprenda”.
 Una aplicación web no puede estar concluida del todo, ya
que constantemente se encuentra en desarrollo y
actualización, es por esto que se recomienda iniciar un
continuo proceso de expansión y actualización de los
contenidos y funcionalidades de la aplicación Web.
 Usar SW libre u open Souce para la implantación final de la
aplicación Web.
 Se recomienda el uso del UML a los desarrolladores de SW
de la organización.
 Las Herramientas provenientes de las TICs pueden ser gran
utilidad en cualquier ambiente educativo donde se requiera
su desarrollo.