El proyecto que aquí presento, es un ejemplo de aplicación
de las Nuevas Tecnologías a nuestra labor como maestros en la clase. Si habéis
visitado mi blog anteriormente, es posible que sepáis que no se trata de un
proyecto nuevo, si no de un trabajo que realicé durante el curso 2004-2005 como
apoyo a la tutora de mi hija del que fue su Primer curso de Primaria. Por aquel
entonces, estaba comenzando a trabajar como Profesor de varias especialidades
de Diseño para la Comunidad de Madrid, y ni siquiera se me había pasado por la
cabeza que algún día, como hoy, yo mismo estaría ilusionado trabajando como
maestro.
El origen del Proyecto
La idea se me ocurrió cuando, en una reunión de padres rutinaria,
la tutora sugirió la posibilidad de escanear algunos de los cuentos de los
niños e incluir en un CD las imágenes de dichos cuentos y las grabaciones de
los mismos narrados por ellos. En cierto modo, el simple hecho de almacenar
dichos ficheros en CDs y repartírselos a los niños, ya habría sido una muy básica
aplicación de las Nuevas Tecnologías. Pero, ¿por qué no hacer un CD interactivo
con toda esa información? Para mí no era un proyecto complicado, pues aunque,
por aquel entonces, lo podría haber hecho con una aplicación más profesional,
como Macromedia Director, las necesidades de un proyecto como éste podían
quedar perfectamente cubiertas utilizando HTML y alguna que otra hoja de
estilo. Es más, la ventaja de hacerlo en HTML, como si de una página web se
tratara, era que, algún día, cuando dispusiera de más espacio de alojamiento en
mi servidor, podría ser literalmente eso: una página web accesible, como todas,
desde cualquier parte y por cualquier persona. Y así lo hice. Preparé el CD y
tanto la tutora como cada uno de los alumnos tuvieron su correspondiente copia,
perecedera o no, para poder recordar siempre aquellos sus “Primeros Cuentos”.
La idea se me ocurrió cuando, en una reunión de padres rutinaria,
la tutora sugirió la posibilidad de escanear algunos de los cuentos de los
niños e incluir en un CD las imágenes de dichos cuentos y las grabaciones de
los mismos narrados por ellos. En cierto modo, el simple hecho de almacenar
dichos ficheros en CDs y repartírselos a los niños, ya habría sido una muy básica
aplicación de las Nuevas Tecnologías. Pero, ¿por qué no hacer un CD interactivo
con toda esa información? Para mí no era un proyecto complicado, pues aunque,
por aquel entonces, lo podría haber hecho con una aplicación más profesional,
como Macromedia Director, las necesidades de un proyecto como éste podían
quedar perfectamente cubiertas utilizando HTML y alguna que otra hoja de
estilo. Es más, la ventaja de hacerlo en HTML, como si de una página web se
tratara, era que, algún día, cuando dispusiera de más espacio de alojamiento en
mi servidor, podría ser literalmente eso: una página web accesible, como todas,
desde cualquier parte y por cualquier persona. Y así lo hice. Preparé el CD y
tanto la tutora como cada uno de los alumnos tuvieron su correspondiente copia,
perecedera o no, para poder recordar siempre aquellos sus “Primeros Cuentos”.
Como algunos sabéis, hasta hace poco, desde este blog,
ofrecía un enlace a un vídeo de no muy buena calidad, para hacerse una idea de
lo que era este CD, ante la falta de espacio en mi servidor. Pero, apenas hace
un par de semanas, al poder disponer por fin de ese espacio web que necesitaba y, tras realizar unas pequeñas modificaciones en parte del código de las páginas, por fin he podido poner el proyecto en internet, completamente operativo
y a disposición, no sólo de los que participaron en él, sino también de
cualquier maestro que lo quiera usar cómo referente para su clase. Puedes acceder a la página pulsando aquí o en la imagen superior.
Algunos datos técnicos
Al igual que el resto de mis páginas web, ésta está
maquetada con el programa Dreamweaver. En cuanto a la optimización de las
imágenes, el software que siempre utilizo es Photoshop, alternando
constantemente entre uno y otro programa a lo largo de todo el proceso de
Diseño. Lógicamente, como se puede observar en alguno de mis otros trabajos
para la web, en algunos momentos puntuales, he recurrido a programas de diseño
vectorial, como Freehand o Illustrator, a Fireworks o a incluso a Flash, pero
no es el caso del proyecto que nos ocupa, cuya sencillez de diseño le puede
hacer especialmente atractivo y útil para algún docente con conocimientos
básicos de Dreamweaver y/o de HTML.
Los caprichos de los navegadores y algunos consejos útiles
Cuando me dedicaba profesionalmente al Diseño Web, aprendí
rápidamente que los distintos navegadores o browsers eran bastante caprichosos
a la hora de interpretar el código html, aunque éste se escribiera manualmente,
en vez de a través de aplicaciones tipo WYSIWYG como Frontpage o Dreamweaver.
Por eso y para chequear este tipo de trabajo siempre suelo comprobar las
páginas terminadas, ya puestas en el servidor, en al menos tres navegadores
diferentes. Antaño bastaba con hacerlo en Explorer y en Nestcape, y hoy día,
los navegadores que recomiendo son el mismo Explorer (más que nada por su gran difusión),
Mozilla Firefox y Google Chrome. Por supuesto, si alguien trabaja con un Mac, Safari
es una opción también obligada.
Desafortunadamente, mi presupuesto no da para
tanto, y no puedo permitirme el “lujo” de examinar las páginas también en un Mac.
También es cierto que si conseguimos que una página web funcione bien en los
tres navegadores mencionados, lo más probable es que también lo haga en los ordenadores
de Apple.
En fin, centrándonos en la navegación por los contenidos del
CD interactivo, y el motivo de este apartado en mi entrada, la mayor parte de
los cuentos, además de la imagen con el texto escaneado, tienen un sonido de
fondo que permite escuchar el cuento en cuestión, narrado por su pequeño gran
autor. El cuento sonará, pues, desde el momento en que se visualiza en la web el
texto del mismo. Pues bien, si alguien quiere utilizar este recurso en una
página, la etiqueta más conocida para esta función es BGSOUND, como en el
ejemplo:
<bgsound src="sonidos/son_son_carmenb.mp3"
/>
Esta etiqueta hay que ponerla dentro de la directiva HEAD
(normalmente al principio del código de la página) y no necesita cierre.
También vemos que mediante la etiqueta SRC, se indica el fichero de sonido y la
carpeta en la que está incluido, como se puede observar también en el ejemplo.
Ahora bien, dicha etiqueta tiene un evidente problema: ¡sólo funciona con el
navegador EXPLORER! Pero que no cunda el pánico... si queremos que el cuento
también se pueda oír, al menos en los navegadores MOZILLA FIREFOX y GOOGLE
GHROME, hay que añadir la etiqueta EMBED como, de nuevo, podemos comprobar en
el siguiente ejemplo, en el que he incluido ambas opciones de código y la
directiva de cierre de HEAD:
<bgsound src="sonidos/son_son_carmenb.mp3"
/><embed src="sonidos/son_son_carmenb.mp3"
Hidden="true" >
</embed></head>
</embed></head>
Como se puede observar, la etiqueta EMBED sí que necesita
cierre. Y ¡ya está! De esta forma tan simple, por lo menos para esta ocasión, hemos
resuelto el problema consiguiendo que el código funcione en un gran abanico de
navegadores. Como último comentario, recomiendo optimizar los ficheros de
sonido en formato mp3 para que ocupen poco espacio y se carguen antes los
cuentos. Igualmente, aunque en la primera página con texto de cada cuento, se puede
escuchar la narración completa (mientras sigamos en ella y no vayamos a otra
página), en las sucesivas, los ficheros de sonido los he recortado para
que comiencen desde la primera frase de la página en cuestión. De esta forma,
conseguiremos una carga más rápida de las mismas.
Un cordial saludo.
