Post on 28-Jul-2022
CAPITULO V
DESARROLLO DE UN SITIO WEB PARA EL APRENDIZAJE
EN LINEÁ 1. UBICACIÓN DEL CONTEXTO DE ESTUDIO.
El colegio Escuela Bella Vista (EBV) es una escuela mixta (de kinder al
grado doce) privada que fue fundada en 1948 cuya filosofía es proporcionar
los mejores aspectos de la educación Norteamericana a estudiantes de
alrededor de treinta países que se encuentran en Maracaibo por razones
diversas.
En el aňo 2002, este centro educativo celebró su cincuenta y cuatro
aniversario. Durante estos años, muchos cambios se han hecho en el
programa académico ofrecido a los estudiantes; sin embargo, desde el ano
1995 EBV ha hecho unos cambios novedosos con respeto a la inclusión a
una serie de Nuevas Tecnologías del Internet y la Comunicación. (NTIC)
Desde 1997, todas las aulas han tenido por lo menos una computadora.
La escuela ahora tiene dos laboratorios de computación, una biblioteca con
mas de veinte computadoras, una suma de mas de 150 computadoras y
todas tienen conexión a Internet 24 horas al día, 7 días a la semana. El uso
de la Internet en la escuela forma parte esencial en todos los estudios del
High School. En la Biblioteca los estudiantes usan las computadoras para
104
105
hacer investigaciones y estudios a través de la Web, y tienen acceso a
subscripciones a trabes de un password lo que pueden acceder desde
cualquier lugar para fortalecer sus estudios o investigaciones. Además, el
alumno tiene una hora diariamente en el laboratorio de computación, donde
aprende muchos programas como los programas de Microsoft Office, un
lenguaje de programación, un programa de diseño grafico, el uso de Internet
entre otras.
La consigna de esta institución se basa en el argumento de que el
éxito en un mundo cada vez más complejo, requiere que los estudiantes se
hagan independientes y competentes. Por lo tanto, la escuela debería tener
una presencia profesional en la Web donde se abre sus puertas al mundo y
eso seria a través de un sitio Web educativo que facilite el aprendizaje en
línea para asegurarles a los alumnos las habilidades necesarias en el manejo
de la tecnología en el mundo entero como es el caso de Internet y la Web.
Sin duda, un aprendizaje de este tipo conocido como Sistema Abierto de
Aprendizaje, Educación a Distancia o Aprendizaje en línea es una opción
innovadora y eficaz en el campo de la educación, ya que les permite a los
involucrados en el hacer pedagógico mejorar su nivel conceptual en
cualquier tiempo y lugar aunado a que invita a una constante actualización
en el manejo de la información de forma rápida y a un costo sumamente
bajo en contraste con la forma tradicional de adquirirlo.
La propuesta está caracterizada por la descripción de los elementos
constituyentes del proceso de elaboración del sitio Web educativo de
106
aprendizaje en línea, el cual se realizara en función a los lineamientos
planteados en la metodología de construcción señalada por Powell (2001),
cuyo nombre se denomina modelo de cascada modificado.
2. OBJETIVOS DEL SISTEMA.
Objetivo General del Sistema.
El objetivo central del presente sitio Web de aprendizaje en línea, es ser
un sistema de información que contribuye a impulsar la interactividad y la
comunicación efectiva a trabes de la búsqueda de información, servicios o
aprendizaje y proporcionar les a los estudiantes del High School del Colegio
Escuela Bella Vista, un lugar en red donde pueda localizar información
general referente a la institución, una biblioteca digital y un « E-education
site » que ofrece cursos en línea.
Objetivos Específicos.
Introducir a los usuarios en el conocimiento de la naturaleza de la
institución (misión, visión, espíritu institucional).
Identificar las diferentes unidades curriculares que se ofrecen en la
institución aunado al calendario, eventos, boletín de noticias, Online Alumni
Bulletin Board, Weekly Newsletter y hasta los menús de la cafetería. (At a
Glance, School Life, Admisión, Academics, Alumni, News and Events).
107
Publicar el trabajo de los estudiantes en cualquiera de las área
impartidas en el colegio (arte, música, ciencia o escritura).
Exponer los diferentes cursos que se ofrecen en línea con los
requerimientos asociados a cada uno de ellos.
Mostrar una guía de correos electrónicos de los distintos profesores y
administradores.
Proveer a los usuarios de una Biblioteca Digital donde se encuentren
vínculos con todas las subscripciones de servicios (INFOTRAC Gale Group,
Grolier Online, Ebsco host entre otras) y a otros sitios educativos.
Señalar a la información excelente sobre el Web más grande,
identificando los mejores recursos que la WWW tiene para una familia
educativa, recomienda los recursos que más se utilizan en el plan de
estudios.
Suministrar una plataforma de ejercicios referentes a los temas
desarrollados en el curso para que de esta manera, los estudiantes puedan
ejercitarse.
Evaluar los aprendizajes obtenidos en el proceso de revisión y
ejercitación en los contenidos estudiados en los cursos en línea.
3. PLANEACION
Identificar Necesidades: para llevar a cabo esta etapa del proceso de
construcción del sitio Web, se utilizaron dos cuestionarios aplicados a las dos
108
unidades de análisis que componen la investigación (docentes y alumnos),
lo cual permitió conocer la necesidad de construir un sitio Web que
impulsara la interactividad, generalización e individualización en las formas
de adquirir aprendizajes.
En función a lo planteado, se consideró que el sitio Web debía tener una
serie de secciones, siendo éstas: « Academics », « Admission », « Alumni »,
« News and Events », « School Life », « Library », « Administration and
Staff », « At a Glance », « Programs », y « Community and Parents”. Es de
hacer notar que dentro de la dirigida a la parte académica debe existir una
sub. Sección denominada “Virtual High School” la cual debe conducir al
alumno a un catalogo donde se reseñan los cursos ofrecidos en línea, para
que éste pueda navegar en busca de su curso y realizar su tour virtual a la
clase correspondiente.
Roles de los Usuarios y la Tecnología
Rol del Alumno
El alumno una vez mostrada la pantalla principal del sitio « Home Page »,
revisará las opciones que se le presentan en forma de pequeñas esféricos
alrededor del mundo. El alumno puede explorar cualquier información por él
determinada, frente a lo que tendrá la oportunidad de observar un « pop
up » en el momento de pasar el cursor sobre cualquier modulo del menú
principal. Al realizar esta acción, aparecerá un banner de « Flash » en la
109
pantalla principal, invitándolo a explorar las opciones de estudio en línea y
consultar los cursos que la escuela está ofreciendo. Una vez el alumno
escoge el curso de su interés, existen dos opciones: la primera de ellas se
da cuando el alumno es inscrito en el colegio ya que se le otorga una clave
de acceso al momento de su suscripción y la otra opción cuando el curso es
gratuito y no necesita ningún papeleo ni trámite previo.
Una vez que se da la inscripción y la página principal del curso está
mostrada, el alumno obtiene informaciones generales sobre el curso, el
profesor, las unidades de estudio, y en función a los vínculos existentes en
la página, éste puede tener acceso al Schedule, el contenido, los
documentos relacionados con el curso sean archivos de Microsoft Word,
Excel o simplemente presentaciones.
En general, los estudiantes que se registran para EBV online cursos de
la Preparatoria deben ser alumnos auto motivados y bien independientes.
con habilidades básicas de keyboarding, saber manejar correo electrónico, y
usar un sistema de escritura (word processor), además, los alumnos deben
tener una sólida preparación académica y haber culminado exitosamente el
coursework como mínimos prerrequisitos.
Rol del Profesor
El profesor supervisará las inscripciones hechas a un curso determinado
obteniendo el correo electrónico del alumno en el momento de inscribirse.
110
Estará pendiente de cualquier consulta que los alumnos realicen por correo
electrónico, chat o otro medio como threaded discussion. El también estará
pendiente con el Journal, Docsharing y la Webliography, revisando todos los
documentos que cualquier participante esta uploading y los sitios de interés
que los participantes están señalando en la parte Webliography tomando en
cuenta que serian sitios excelentes.
Rol de la Tecnología
Activar un sitio Web que permita que los usuarios tengan disponible en
todo momento acceso a todo tipo de información y cursos. En consecuencia,
una vez que el usuario visite el dominio del colegio en la Web, este le llevara
a la página principal del sitio para desde ahí empezar su viaje virtual al
colegio.
Para acceder al sitio, el usuario deberá tener Internet, y un
explorador « browser » como el Internet Explorer o Netscape Navigator y un
gestor de correo electrónico como el Outlook Express o Eudora. Además, es
necesario que se instalen los visualizadores « plug-in » de Flash,
shockwave, Media Player y Adobe Acrobat, aunque hoy en día estos
programas vienen preinstalados con las últimas versiones de los browsers.
Estudio de Factibilidad: Para llevar a cabo el estudio de la
factibilidad, es necesario ahondar en tres aspectos básicos que la
constituyen, los cuales se nombran a continuación:
111
La factibilidad técnica: En esta fase se procedió realizar una evaluación
de los equipos y programas disponibles en el Colegio Escuela Bella Vista,
obteniéndose como resultado, la existencia en la institución de un laboratorio
de computación que cuenta con la plataforma requerida para el desarrollo del
sitio Web interactivo de aprendizaje en línea.
En cuanto a la Factibilidad Operativa, se encontró que la institución
cuenta con un equipo multidisciplinario capacitado en el área de producción
de sitios Web, de manera que se hace viable y factible su operacionlización.
Finalmente, con respeto a la factibilidad económica, producto de la
existencia en la institución de toda la maquinaria informática para la
construcción de sitios Web, solo queda cubrir unos costos referentes a
algunos de los softwares utilizados entre los que se nombran : Dreamweaver
Ultradev, Fireworks, Flash, con un costo total de 730,000 Bs. ; Adobe
Photoshop y ImageReady 630,000Bs. y Adobe Acrobat 160,000Bs.
Aunado a lo anterior, el registro del dominio www.ebv.org.ve en la
institución InterNIC que publica el sitio en la World Wide Web, costará
alrededor de 60,000 Bs., pero tomando en cuenta que este tiene que
renovarse se eligió el paquete de renovación en intervalos de diez años a un
costo de 140,000 Bs.
Además, la solución del courseware establecida en el desarrollo de los
cursos permite desarrollar los cursos gratuitamente hasta un tiempo donde
ellos deciden un pago anual para este servicio. Ese último factor dependería
de muchos factores que la compaña e-college los cuenta
112
Terminado el estudio de factibilidad, se procedió a formular un plan para
llevar a cabo el desarrollo del sitio, para ello se tuvo que prever el tiempo a
tardar en cada fase y plasmarla en un diagrama PERT/CPM y GANTT
respectivamente
Cronograma de Actividades: El proyecto ha sido ejecutado desde 1
de junio 2001 hasta el 30 de Junio del 2002. Estas unidades de tiempo,
permitieron la vivencia de 9 fases, principales las cuales se subdividen en
una serie de actividades. Para su planificación se utilizó la técnica para la
Evaluación y Revisión de Programa (PERT), la cual comienza indicando la
dependencia de una actividad de otra, es decir, que la actividad A debe
realizarse para que la actividad B se ejecute tal como se muestra en el
cuadro 14.
Para mayor ilustración en el Anexo G, se muestran el gráfico PERT/CPM
y GANTT respectivamente.
4. DISEÑO, PRODUCCIÓN Y PRUEBAS.
Luego de haber estructurado la fase de planificación, se procedió a la
elaboración del mapa de navegación, el cual permitió estructurar la
información arrojada en la fase anterior en 12 módulos para la pagina
principal del sitio los cuales se expresan en el anexo I. Seguidamente, se
construyeron las pantallas con sus respectivas aplicaciones para cada uno
113
de los módulos previamente mencionados, tal como se especifican en el
anexo J.
Cuadro 14. Dependencia de Actividades a Ejecutar
Actividades Predecesor Tiempo
A Realización de entrevistas Ninguno 8
B Perfil de la Audiencia y Objetivo A 4
C Lecturas de reportes de la
escuela
Ninguno 4
D Mapa de Navegación y el
contenido
B,C 8
E Elementos Visuales y textuales B,C 5
F Versión Alpha y Beta texto y
Visual
E 3
G Creación del contenido D 3
H Aprobación del contenido y
edición de paginas
G 2
I Presentación, Publicación y
Pruebas
H 2
Con relación a las pruebas que se ejecutaron a cada uno de los
módulos las de compatibilidad (de resoluciones, navegadores, y la de
plataforma), tiempo de carga y descarga de éstos, interconexiones de las
114
páginas a través de sus hipervínculos, utilizando para ello el software
Dreamweaver, lo que arrojó como resultado que el sitio Web se encuentra en
óptimas condiciones de funcionamiento.
5. ELEMENTOS A CONSIDERAR PARA IMPLEMENTAR LOS CURSOS vv EN LINEA.
Los cursos asíncronos que van a ser parte de este estudio va a ser
diseñados por cada profesor utilizando las ideas, materiales y técnicas a su
alcance. Al mismo tiempo, es muy probable que los profesores vayan a usar
muchas y diversas teorías de aprendizaje adaptadas a través de los años a
ciertas técnicas que usan en el aula y que tratan de replicar en el curso
asíncrono.
El desarrollo de plataformas que distribuyen material didáctico y facilitan
comunicaciones entre maestro y estudiante trajo como resultado preguntas
acerca de los elementos que constituyen dichas plataformas. ¿Son todos los
elementos igualmente efectivos? ¿Cuáles se pueden conectar con medidas
objetivas de aprovechamiento?
Después de un estudio que permitiera desglosar los elementos en uso en
la educación a distancia, compararlos entre ellos mismos y contrastarlos con
elementos en la educación presencial. El objeto central es el descubrir cuales
de estos elementos parecen influenciar en el aprovechamiento del curso, fue
designada una plataforma.
115
De acuerdo a este estudio las categorías de elementos necesarios para
asegurar la alta calidad en la educación a distancia son las siguientes:
Medidas de apoyo institucional
o Se les provee incentivos a la facultad
o Se les premia a aquellos que los logran
o Existe seguridad electrónica
o Existe apoyo central.
Medidas de control de calidad en cada curso
o Los cursos son diseñados por team de diseñadores que incluyen
facultad, expertos en contenido, diseñadotes de instrucción,
expertos técnicos y personal de evaluación
o Durante el diseño del curso los estilos de aprendizaje de
estudiantes son considerados.
o Instrumentos de evaluación son creados que determinen el estilo
de aprendizaje de cada estudiante, ajustando el contenido al
mismo.
o Los cursos son diseñados con una estructura consistente,
accesible a cada estudiante con diferencias en estilo de
aprendizaje.
o La tecnología es uso se basa en medidas de aprovechamiento.
o Los materiales son revisados periódicamente para asegurarnos
que están al día.
116
Medidas pedagógicas
o Si la interacción entre profesor y estudiante y entre estudiante-
estudiante, se mantiene a un alto nivel de frecuencia y a través de
diversos medios, voz, e-mail, boletines, etc.
o Si el estudiante retro-alimentado con comentarios sobre el trabajo
completado, de una manera expediente.
o Si el estudiante conoce como acceder a la literatura en línea.
Preparatoria para estudiantes
Preparatoria para estudiantes
o Antes de comenzar el programa en línea el estudiante es
aconsejado y un instrumento proveído que determine si ellos
cuentan con la motivación y dedicación necesaria y si cuentan con
la mínima tecnología requerida para este curso.
o Se les proporciona a todos los estudiantes silabos, objetivos,
conceptos, ideas, expectativas, etc.
o Se les proporciona acceso a bibliotecas virtuales
o Tanto el profesor como el estudiante están de acuerdo con las
expectativas del curso.
Cada uno de estos cursos va a utilizar la plataforma e-college en que va a
ser explicada detallamenté después, con la ayuda técnica del autor de dicho
proyecto.
117
6. DESCRIPCIÓN DE LOS SOFTWARES UTILIZADOS.
Para el desarrollo del sitio Web, se contó con una serie de softwares de
Macromedia y Adobe, cuyas características más resaltantes se muestran a
continuación:
Flash: Macromedia Flash es accesible, creativo y
estándar. Es la forma más rápida de crear aplicaciones
y contenido dinámicos para el Internet. En función a sus
características, permite usar potentes videos, multimedia y desarrollar
aplicaciones que se traducen en un mayor dinamismo en las interfaces de
usuario, la publicidad en línea, los cursos de aprendizaje electrónico. Entre
las características del Flash es importante destacar que se encuentran la
Compatibilidad de video: ya que se pueden
crear aplicaciones y contenidos dinámicos,
distintivos, que incorporen además de video.
cualquier archivo de video estándar que sea
compatible con QuickTime o Windows Media
Player, como MPEG, DV (Digital Video), MOV
(QuickTime), y AVI.
Otra seria la Carga dinámica de imágenes y sonidos: Macromedia Flash
Player 6 puede cargar dinámicamente archivos JPEG y MP3 de medios
externos durante la ejecución, lo cual se traduce en un tamaño de archivo
118
más pequeño y la facilidad de modificar fácilmente el contenido, sin tener que
volver a comenzar desde el principio. Y de ultimo el diseño para múltiples
medios: Con Flash se puede diseñar y desplegar contenidos en cualquier
explorador, plataforma o dispositivo que soporte Macromedia Flash Player.
Este software juega un papel muy importante en la creación del todos los
elementos multimedia de cualquier curso donde el desarrollo de los videos, y
quizes para los cursos depende completamente de esto, además es de
resaltar, que la integración de sonido, imágenes, animaciones en cualquier
pagina del sitio usa Flash.
Dreamweaver UltraDev
Es la mejor manera del mundo del
desarrollo rápido e eficaz de crear sitios
Web profesionales. Con Dreamweaver se
puede trabajar en un solo entorno para crear, hacer y administrar
rápidamente sitios Web y aplicaciones de Internet. Por otra parte se obtienen
herramientas visuales de composición aplicaciones Web y amplio soporte
para la edición de código. Todo en una solución completa e integrada,
una de las características más poderosa de este software está en tener el
control completo del código y el diseño con las herramientas visuales de
composición de Dreamweaver y las herramientas de edición de código de
HomeSite, creando aplicaciones de Internet rápidamente con soporte
119
robusto para las tecnologías de servidor más recientes, incluyendo ASP.NET
y ColdFusion que crea sitios y aplicaciones de la próxima generación con
soporte para XML.
Esta herramienta fue también utilizada por su gran ayuda en chequear los
vínculos rotos y la compatibilidad de las páginas con los navegadores mas
conocidos.
Chequeando los vínculos rotos
Chequeando la compatibilidad con los browsers
Macromedia Fireworks:
Es el software utilizado para crear, optimizar y
exportar gráficos interactivos en un entorno único y
centrado en el Web. Una de las características que
ayudó en el diseño del mapa de navegación fue la
herramienta de los atributos de menús emergentes horizontales donde se
puede definir atributos propios de menús emergentes como el espaciado, los
bordes, el sombreado en colores y la posición, aun en barras de botones
sangradas y otros diseños creativos.
120
E-college: La solución (Course authoring tool) para crear los cursos en
línea es una herramienta poderosa de la cual a continuación se expone su
utilidad.
Su aporte en la construcción de los sitios Web se especifica en el control
del número de unidades del curso, la tipificación y distribución del contenido.
Para lograr disfrutar de esas bondades, se formula el contenido utilizando
HTML para que sea efectivo acceder a esa información en la WWW
utilizando un navegador. El contenido para un curso puede contener texto,
gráfico, audio y video (elementos multimedia) como se muestra una pagina
del curso con un vinculo a un video en la figura xx, documentos de Microsoft
Office (Word, Excel o Powerpoint) pueden ser upload. Los exámenes pueden
ser de varios estilos (selección simple, verdadera falso entre otras) con
mucha interactividad donde el alumno puede tener un feedback en el
momento que se somete sus respuestas.
La comunicación efectiva que la solución e-college facilita es la
posibilidad de comunicarse vía email es que en el primer momento cuando el
alumno se inscribe, el email es un campo obligatorio a someter. Además las
121
discusiones en grupos (Threaded discussion) y el chat están presente en el
curso para su excelente uso durante el curso.
Es importante señalar la característica de crear los grupos de estudiantes
en el curso para ser asignado específicamente a uno o a más punto. Sobre la
creación de un grupo, una habitación de charla (Chat room), el documento
compartido (Docsharing), y un correo electrónico aliado se crea para ese
grupo.
Adobe Photoshop 7.0: Es el software estándar profesional
para editar imágenes, ayuda mucho al momento de producir las imágenes de
alta calidad para la Web.
Adobe Acrobat 5.0: este otro software de Adobe. Fue
utilizado para crear documentos Adobe PDF por la distribución a través del
email o las paginas Web del curso.
Adobe ImageReady: fue utilizado para generar algunos
efectos del mouse over sobre los botones.
Corel Draw.: se empleó en la construcción de los
gráficos.
122
Screenblast ACID 2.0: para la creación de algunos
lectores destinados a ser grabados.
Microsoft Ofiice (Word, Excel, Powerpoint): para generar
cualquier documento a publicar y compartir en el curso con los participantes.
6. CONSIDERACIONES TECNICAS.
Se considera para efectos de producción del sitio Web educativo con la
tecnología utilizada un equipo con las características siguientes.
Servidor Web
Hardware : 555 MHZ Intel Pentium III CPU
512 MB 50 ns ECC Viking Memory
Dual 36 GB
2 Ultra SCSI
Innovative Software : Apache 1.3 Web Server
FTP, POP, and SMTP servers
Para la ejecución, es necesario la siguiente:
Navegador (Browser): Microsoft Internet Explorer 5.0 o la actualización
(MS Windows), Microsoft Internet Explorer 4.5 or higher (Macintosh OS).
123
Para aprovechar de la ultima tecnología incorporada en el sitio, así como
para minimizar la necesidad adicional de bajar plug-ins, es recomendable
utilizar Microsoft Internet Explorer 5.0 or higher on a PC y 4.5 or higher on a
MAC.
Screen Resolution: Es preferible visualizar el sitio en una resolución de
800 x 600 píxeles, aun cuando en otras resoluciones el sitio se puede
visualizar perfectamente. No obstante es de mencionar que entre los
requisitos mínimos del sistema se encuentren: Internet Service Provider
(ISP):; E-mail Account, Java Capable Browser y un Computador : con las :
siguientes características :
Microsoft Windws
Windows 95, 98, 98Se, Me, NT, 2000, or XP
32 MB RAM (64 Recommended)
28.8 kbps modem (56K Recommended)
Sound Card & Speakers
Internet Explorer 5.0, 5.5, 6.0
Netscape Communicator 4.77, 4.78, 4.79
For ClassLive:
64 MB Ram
Sun's Java 2 SDK (Java 1.3.1)
Microsoft JVM (Windows XP only)
Supported Browser Plug-ins:
RealPlayer 8 Basic Player
124
Macromedia Flash Player
Macromedia Shockwave Player
Assistive Technology:
JAWS 3.7, 4.0
Window-Eyes 4.11
Tutorials & Information
Macintosh OS
MacOS 8.1 - 9.1 (OSX/10.1 in "classic mode")
32 MB RAM (64 Recommended)
28.8 kbps modem (56K Recommended)
Sound Card & Speakers
Internet Explorer 4.5, 5.0, 5.01
Netscape Communicator 4.77, 4.78, 4.79
For ClassLive:
128 MB Ram
MacOS Classic Java (MRJ 2.2.5)
Supported Browser Plug-ins:
RealPlayer 8 Basic Player
Macromedia Flash Player
Macromedia Shockwave Player
Otras Recomendaciones de Hardware:
CD ROM Player*
800x600 display resolution with 16 bit color