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