Web de clase de un grupo de sexto curso de Primaria Vamos a explicar algunas funcionalidades avanzadas tomando como ejemplo la web de clase creada por los profesores (tutor y especialistas) y los alumnos/as de un grupo de 6º de Primaria.
En la web de 6º B se ha decidido crear una sección por cada área de conocimiento cursada. Los profesores que imparten las especialidades (inglés y educación física) colaboran en la aportación de contenidos a la página y de hecho son, junto al tutor, administradores de ella.
Los alumnos de esta clase, 6º B, también participan enviando informaciones que los administradores cuelgan en la página. Además de ellos, el resto de alumnos de los sextos del centro opinan sobre los temas propuestos en foros y chat que existen en una última sección, de temática distinta cada trimestre.
Si quieres saber más sobre las novedades de la versión 4.0 en relación a los miembros de una comunidad de clase pulsa aquí.
Crear tabla y combinar sus celdas
Los administradores de esta web de clase han dedicido situar en la página de inicio una tabla donde anuncian los contenidos novedosos.
La tabla se ha creado usando el tipo de contenido libre. En el campo "Cuerpo" se ha pulsado sobre el icono del editor en línea para iniciar la generación de la tabla.
Desde la ventana que se abre, se han definido las propiedades de la misma, 5 filas y 2 columnas.
En lo que al color de las celdas se refiere, se ha dado usando el botón "Propiedades de la fila" . En la ventana que se abre, se ha ido a la pestaña Avanzado. Tras escoger el color de fondo se ha seleccionado del desplegable inferior la opción "Actualizar las filas pares de la tabla".
Definición de filas y columnas de la tabla
Definición del color de fondo de las celdas
En la primera celda se ha incorporado una imagen con el título de la tabla, pero antes se han agrupado las dos columnas. Para ello, se han seleccionado ambas celdas simultáneamente, arrastrando el ratón de izquierda a derecha. Cuando ambas celdas se marquen como seleccionadas, se pulsará el botón “Combinar celdas” .
Aparecerá entonces una ventana, desde la que se indicará el número de celdas que se quieren combinar, tanto verticales como horizontales. En el caso concreto que estamos viendo queremos dejar 2 columnas en 1 fila. Pondremos estos valores en las correspondientes cajas de escritura y pulsaremos el botón Actualizar.
1. Tras seleccionar las celdas a fusionar pulsamos sobre "Combinar celdas" 2. Definimos la combinación: Queremos dejar 2 columnas en 1 fila 3. Aspecto final de la celda
Mostrar una imagen alternativa a otra ya incorporada
En la tabla de la página de inicio el profesor ha incluído un breve resumen de las últimas incorporaciones hechas en la misma. La información sobre cada novedad se acompaña de una imagen, pero al pasar el cursor por cualquiera de ella, comprobamos que automáticamente se muestra una imagen alternativa.
¿Cómo ha conseguido este efecto?. El procedimiento seguido es el siguiente:
1. Incorporar la imagen inicial, a través del icono Editar/Insertar imagen y desde la pestaña General del pop up que se abre.
2. Pulsar sobre la pestaña Avanzado de la misma ventana.
3. Seleccionar la imagen alternativa empleando el icono del campo On mouse over. Si lo que queremos es que la imagen alternativa se muestre al hacer clic en la imagen inicial, entonces la seleccionaremos desde el campo On mouse out
4. Pulsar sobre el botón Actualizar.
Incorporación de la imagen inicial Incorporación de la imagen alternativa
Tabla con la imagen alterativa, que se muestra al pasar el cursor sobre la imagen inicial
Insertar anclas dentro de un contenido
Subsección Las plantas dentro de la sección Conocimiento del medio Gracias a las anclas podremos enlazar distintas partes de un mismo documento.
En la web de la clase que estamos analizando, se han usado anclas en la sección Conocimiento del medio --> Subsección Las plantas.
En la parte superior de la página y a modo de índice, varias palabras enlazan con partes del documento situadas más abajo.
El procedimiento seguido, por ejemplo, para enlazar "Las flores" con el texto que habla sobre ellas ha sido:
1. Seleccionar un espacio en blanco junto al texto o imagen que queremos "convertir en ancla".
2. Activar la edición de anclas con el botón correspondiente.
3. Se abrirá un popup desde el que daremos un nombre al ancla, pulsando Insertar para crearla.
Seleccionamos un espacio en blanco junto al texto con el que queremos enlazar desde el índice superior Pulsamos sobre el icono Insertar ancla Identificamos, con un nombre o un número el ancla
Automáticamente aparecerá un pequeño icono amarillo en forma de ancla junto al texto Las flores:
Hasta ahora, lo que se ha hecho ha sido crear un ancla en la zona concreta del documento que habla de las flores. Para crear el enlace a ella seleccionaremos el texto "Las flores" del índice superior y pulsaremos el icono de insertar enlace .
Desde la pestaña General del Popup que se abre, seleccionaremos en el desplegable Anclas el nombre de aquella con la que queramos enlazar (en este caso, flores).
Mostrar una presentación en flash
En la subsección encontramos presentaciones en flash tanto en la columna izquierda como en la derecha En la subsección "Cuerpo humano" --> "Aparato circulatorio", encontramos varios ejemplos de contenidos en flash.
Las presentaciones mostradas en la columna de la izquierda son los mismas que las de la columna derecha, pero la forma de presentación es distinta. Veamos las diferencias:
El procedimiento seguido para conseguir el resultado de la columna izquierda ha sido:
1. Crear un contenido para cada una de las presentaciones. El tipo de contenido empleado el multimedia.
Damos un título y una descripción a la presentación Seleccionamos como tipo de contenido Flash Incorporamos el fichero .swf
ALTERNATIVA: Podemos subir el archivo .swf al directorio de ficheros. Al hacerlo, pasará a tener de forma automática una URL propia y estará además disponible para cuantos usos queramos hacer de él.
2. Crear, a través de un contenido libre, una tabla con los títulos de las presentaciones generadas anteriormente.
1. Elegir "Contenido libre" del desplegable de tipos de contenidos 2. Edición del contenido libre. A través de la opción Propiedades de la tabla damos color de fondo a cada celda 3. Seleccionar el título referente a cada multimedia creado y pulsar sobre el icono Insertar enlace.
3. Para enlazar cada título con la presentación multimedia que le corresponde tendremos que contar con la URL de cada una. La conseguiremos editando de nuevo cada contenido multimedia y seleccionando la URL de la ventana que se abre cuando pulsamos sobre la opción "Descargar fichero". (Pestaña Propiedades del flash)
Pulsamos sobre el icono "Editar contenido" que acompaña a cada multimedia creado
Desde la pestaña Propiedades del flash, pulsar sobre "Descargar flash" y seleccionar la URL de la ventana que se abre
La URL seleccionada será la que empleemos para hacer el enlace al flash correspondiente, desde la tabla del contenido libre
ALTERNATIVA: Si previamente hemos subido el archivo .swf a nuestro directorio de ficheros, nos ahorraremos el paso anterior. Desde el propio contenido libre, al pulsar sobre el icono "insertar/editar enlace" podemos recuperar el archivo seleccionándolo a través de .
4. El último paso fue elegir un tipo de ventana de selección de contenidos para mostrar el contenido libre creado.
Desde Gestionar ventanas elegimos un tipo de ventana Selección de contenidos para mostrar la tabla creada
Seleccionamos el contenido a mostrar, empleando la opción Añadir otros contenidos
El procedimiento seguido para conseguir el resultado de la columna derecha ha sido menos laborioso:
1. Crear un contenido para cada una de las presentaciones. El tipo de contenido empleado el multimedia.
2. Elegir un tipo de ventana de selección de contenidos para mostrarlos. A través de la opción "Añadir otros contenidos" se han ido seleccionando los tres contenidos multimedia.
Embeber un vídeo
En la subsección "Cuerpo humano" --> "Aparato circulatorio", encontramos un ejemplo de vídeo embebido. Muchos de los repositorios de vídeo existentes en la actualidad en Internet incluyen, además de la posibilidad de visualización y descarga, la URL de cada documento gráfico y el código para poder embeber o mostrar ese vídeo dentro de otro espacio.
En la Web que estamos analizando se ha escogido un vídeo de youtube para mostrarlo embebido en una página de la comunidad clase. A la derecha del mismo se muestra el código para embeber, que debemos seleccionar (manteniendo pulsado el botón izquierdo del ratón y arrastrando) y copiar.
Accederemos entonces al administrador de contenidos e iniciaremos el proceso de creación de un contenido libre. En el campo Cuerpo pulsaremos el botón que nos permite editar código html.
Elección del tipo de contenido libre
Damos un título y describimos el contenido
En la pestaña " Cuerpo" pulsamos sobre el icono de editar código html
Pegamos ahora el código seleccionado y volvemos a la vista normal. Comprobamos entonces que el vídeo ha quedado embebido, aunque mientras editamos el contenido no podremos verlo; en su lugar aparece un recuadro amarillo.
Para que el vídeo que incrustemos se vea correctamente es necesario seguir el siguiente orden: insertar primero el vídeo desde la vista HTML e incorporar después el texto desde la vista normal, tras un retorno de carro.
Si queremos podemos incluir imágenes y texto acompañando al vídeo o incluso seguir insertando más vídeos en la misma página. En este ejemplo se ha puesto texto a la derecha del vídeo, insertándolo todo en una tabla para facilitar la organización; aunque podríamos seguir haciéndolo desde la vista HTML, es preferible volver a la vista normal si nuestros conocimientos de este lenguaje de programación no son muy avanzados.
Pegamos el código que hemos seleccionado del vídeo de Youtube El vídeo ha quedado embebido en el contenido aunque aún no podamos verlo Incorporamos un texto describiendo el vídeo
Creado el contenido, podremos mostrarlo en nuestra página web, presentando un aspecto similar al de la imagen.
Vídeo embebido en una página de Educamadrid
Embeber audio
En la misma página el profesor, ha incrustrado un audio en el que es posible escuchar los latidos de un corazón a velocidad normal.
El procedimiento que ha seguido es:
1. Acceder a la sección Audios de la Mediateca de Educamadrid y buscar algún archivo sobre latidos. La búsqueda devuelve varios resultados y selecciona uno.
Después copia el código para embeber que le acompaña.
2. Ya desde el Portal, crea un contenido libre. En la pestaña "Cuerpo", accede directamente a la vista HTML y pega el código seleccionado.
3. Vuelve a continuación a la vista normal e inserta texto en la parte superior del contenido.
4. Previsualiza por último el contenido para comprobar que se ha grabado correctamente.
Crear un foro abierto a la participación de otros miembros del centro
Subsección enriquecida con contenidos creados por alumnos de 6º A, 6º B y 6º C Foro sobre las plantas, con la participación de alumnos de distintos cursos
Cada trimestre la última sección de la comunidad de clase se convierte en un espacio dedicado a albergar textos, imágenes, fotografías, vídeos y foros de debate relacionadas con las salidas y excursiones realizadas (a museos, exposiciones, teatros, parques y jardines, granjas escuelas...).
La sección la mantienen los alumnos, aportando tanto contenidos como comentarios sobre los temas abiertos en el foro.
En la siguiente tabla se esquematizan los diferentes "perfiles" de usuarios (profesores y/o alumnos) que pueden compartir el espacio web de una Clase.
Las contribuciones las hacen alumnos de todos los sextos del centro, ya que el profesor-administrador de esta comunidad concreta les ha dado de alta como miembros.
Si quieres saber más sobre cómo incorporar usuarios a una comunidad de clase pulsa aquí
Envío de contenidos a la mochila de cada alumno
Contenidos sobre números decimales, colgados por el profesor El profesor ha colgado en la comunidad de clase contenidos interesantes sobre los números decimales.
Aunque la información es muy completa, e incluye ejercicios, quiere que sus alumnos practiquen más los conceptos explicados, tanto en clase como en la web, antes del próximo examen. Por este motivo ha creado fichas de actividades que enviará a la mochila personal de cada estudiante.
Las fichas están en formato .pdf y las ha incorporado desde el propio ámbito de la comunidad, creando un tipo de contenido multimedia para cada una de ellas.
Además ha localizado una web muy interesante donde, los que quieran, podrán seguir profundizando sobre el tema. El enlace a la página lo va a colgar en la página de la comunidad pero con el fin de asegurarse que los alumnos la visiten también se lo va a hacer llegar a su mochila.
Ejemplo de ficha en .pdf o .word con la que creará el contenido multimedia Ejemplo de ficha en .pdf o .word con la que creará el contenido multimedia Web interesante que referenciará usando el tipo de contenido Enlace
Creados los contenidos, el procedimiento seguido para enviarlos a la mochila de cada alumno de 6º B ha sido:
1. Seleccionar los contenidos.
2. Ir a la opción "Enviar" y elegir "Enviar a mochila". Recordamos que pueden hacerse envíos simultáneos.
3. Elegir la comunidad a cuya mochila de usuarios deseamos hacer el envío. Es posible que este profesor sea administrador de varias comunidades, pudiendo en este caso, hacer envíos a las mochilas de usuarios de cada una de ellas.
4. Los usuarios de la mochila seleccionada se listarán en la caja inferior. Dentro de ella podrán seleccionarse o deseleccionarse usuarios; en caso de no hacerlo, el contenido se enviará a la mochila de todos los usuarios de la comunidad seleccionada.
5. Pulsar sobre el botón "Enviar". El contenido se mostrará automáticamente en la mochila de cada usuario de la comunidad de 6ºB.
Marcamos los contenidos y pulsamos a Enviar a mochila Seleccionamos la comunidad y pulsamos el botón Enviar
Si quieres saber más sobre el proceso de envío de contenidos a usuarios y comunidades pulsa aquí.
|