B. Herramientas: Blog, Formulario, Galería de imágenes, ...

Sitio: Aula Virtual de Formación en línea (ISMIE)
Curso: Crea y gestiona el sitio web del centro con EducaMadrid (marzo-2019)
Libro: B. Herramientas: Blog, Formulario, Galería de imágenes, ...
Imprimido por: Invitado
Día: lunes, 25 de noviembre de 2024, 08:17

Descripción

Comunidades Virtuales en Educamadrid

1. Introducción

El portal EducaMadrid incorpora un conjunto de recursos y herramientas que podemos incorporar en nuestro espacio web, para por ejemplo:

  • Configurar un tablón de anuncios
  • Incluir un formulario de recogida de datos de las familias
  • Incorporar una galería de imágenes para mostrar las instalaciones de nuestro centro
  • Configurar una agenda de actividades, donde recojamos las fechas más destacadas
  • Pasar una encuesta a nuestros alumnos. 
  • ...

En este apartado vamos a ver estas herramientas, conocerlas, explorar sus posibilidades y su configuración básica, para incorporarlas a nuestro espacio.

2. Blogs

El blog es una herramienta que podemos emplear para incorporar a nuestra página web de una manera rápida y sencilla, noticias, curiosidades, opiniones,...

Se compone de un conjunto de entradas, que se organizan de manera temporal, normalmente de más nuevas a más antiguas, con una fecha y un cuerpo donde podemos incluir texto, imágenes, vídeos, documentos, etc.

Trabajo en equipo

Es una herramienta de colaboración muy buena, ya que, configurando los permisos adecuadamente, permite que distintos usuarios de nuestro espacio, puedan intervenir, añadiendo comentarios y/o nuevas entradas en el blog. 

Es posiblemente uno de los recursos más versátiles para usos didácticos. Veamos algunos tipos:

  1. Blog docente, de aula, materia o asignatura: Es quizás el más utilizado en el ámbito educativo. A veces no pasa de ser la página personal del profesorado, pero también puede ser un complemento a las clases presenciales, con información adicional y propuestas de actividades complementarias, a desarrollar utilizando los recursos que ofrecen los blogs: escritura hipertextual, soporte multimedia, comentarios, proposición de enlaces relacionados,..., etc. Con ello, se pretende que sirva de desarrollo de actividades de aprendizaje y con él se puede ampliar el contexto presencial del aula, y servir para que los estudiantes trabajen en casa, en la biblioteca, etc.
  2. En los Blogs de aula, por ejemplo, el alumnado siempre está presente como receptor del contenido y puede, incluso, participar a veces en el Blog. La autoría en estos blogs puede ser de uno o varios profesores e incluso, la autoría puede ser compartida con el alumnado.
  3. Blog personal del alumnado: A modo de diario individual, sobre sus intereses e inquietudes, aficiones, actividades, etc. De libre elección por los alumnos, cuidando las actitudes de respeto y citando los recursos utilizados. Y también participar en las bitácoras de compañeros/as, comentando sus artículos y haciendo aportaciones, propuestas, etc.
  4. Taller creativo multimedia: Individual o colectivo, sobre argumentos sugeridos o libres, con la posibilidad de incluir todo tipo de referencias, en forma de textos (taller literario), audio (radio, audiciones), vídeo (TV), o de enlaces a otros sitios. Admite cualquier tema: realidad, ficción, cuentos, reportajes,..., y el empleo de múltiples formatos multimedia.
  5. Gestión de proyectos de grupo: Como bitácora colectiva, ya sea para profesorado, alumnado, o trabajos de colaboración entre ambos, donde el profesor o profesores de distintas materias o centros asesoren al grupo en la realización de trabajos de investigación. Aquí, el blog se revela como un excelente diario de trabajo, que guarda el rastro del proceso y evolución del proyecto, y una vez más, trasciende el espacio ordinario del aula.
  6.  Publicación electrónica multimedia: Periódico escolar, revista digital, monografías sobre diversos temas,.., etc. Aquí aprovecharíamos la potencia de las bitácoras en cuanto a gestión de archivos multimedia, propios o referenciados desde almacenes de contenidos (Flickr, Odeo, Youtube...). Al potencial multimedia se le unen las posibilidades de participación, que enriquecen el contenido con aportaciones y comentarios de otros usuarios/as; la sindicación mediante RSS, la utilización de los podcasts, ..., etc.
  7. Guía de navegación: Donde se comentan sitios de interés, noticias y aportaciones en forma de crítica o comentario de los mismos. Es la metáfora del cuaderno de bitácora o cuaderno de viajes: un espacio donde se anotan las incidencias y detalles de la navegación; en este caso comentados por los propios navegantes, que aconsejan, proponen y presentan a sus compañeros las webs que han visitado y su opinión personal.

Consulta el Monográfico "Blogs en Educación - Los Blogs en Areas Curriculares" para conocer los usos educativos de esta herramienta.

En definitiva es una herramienta muy práctica y fácil de configurar que no nos podemos perder en el diseño de nuestro espacio.

2.1. Añadir y configurar un blog

Según la definición de Blog de la Wikipedia: "Un blog​ o bitácora es un sitio web que incluye, a modo de diario personal de su autor o autores, contenidos de su interés.
Estos contenidos suelen estar actualizados con frecuencia y son presentados en orden cronológico inverso, es decir, lo más reciente que se ha publicado es lo primero que aparece en la pantalla"  [Origen wikipedia

Pues bien EducaMadrid pone a nuestra disposición una aplicación de Blog que podemos usar como blog docente, para dejar organizados temas de nuestro interés, noticias o lo que consideremos y en el caso de la web de centro, el blog nos puede resultar de mucha utilidad para organizar un , tal cual vemos en este ejemplo:

Tablón de anuncios 

En ese ejemplo vemos a la izquierda un recurso de Blog y a la derecha un índice que muestra el resumen del contenido que tengo publicado en dicho blog. 


Un Blog consta de distintas entradas organizadas por fechas y cada una de ellas tiene un título, una fecha de publicación y un contenido en el que podemos incluir texto, imágenes, vídeos, hipervínculos, .... lo que necesitemos. 

Estas entradas, se muestran en orden cronológico inverso, es decir las más nuevas se sitúan en la parte de arriba y las más antiguas, van siendo desplazadas hacia abajo.

Vamos a ver paso a paso cómo crear ese blog, cómo añadirle entradas y cómo crear un índice que nos permita localizar las entradas que tengo en mi blog y dirigirme directamente a una de ellas.

2.2. Añadiendo un blog

Nos colocamos en la página donde queramos incorporar el Blog, en nuestro caso en la página de "Tablón de anuncios", y a continuación, pulsamos el botón +Añadir de la barra de herramientas.

En el apartado Colaboración, localizamos la aplicación Blog y pulsamos en Añadir

Blog

Veremos que el recurso de Blog se sitúa en nuestra página, y en él distinguimos estas partes:

Blog

  1. Título del Portet: Es común a todos los tipos de aplicaciones o Portlets, podemos personalizarlo como ya sabemos, pulsando encima y escribiendo lo que queramos.
  2. Rueda de tuerca de configuración: También común a todos los tipos de Portlets y tiene las opciones de Apariencia, configuración y eliminar que ya conocemos. 
  3. Añadir entrada de Blog: Botón con el que vamos a empezar a llenar de contenido nuestro blog, a crear entradas.

2.3. Añadir una entrada

Para crear nuestra primera entrada, pulsaremos el botón de "Añadir entrada de blog" y accedemos a una pantalla donde nos pide un título que será el título de la entrada y un Contenido que será el detalle de esa entrada.

Blog

Entrada de blog

Contamos de nuevo con un pequeño editor de textos que nos permite realizar las acciones más habituales, escribir y formatear el texto, incluir listas ordenadas, hipervínculos, imágenes, etc.

Escribimos el texto que queramos y lo formateamos usando los botones de formato que incorpora el editor, podemos elegir el color de la letra, el tamaño, negrita, cursiva, alineación, etc. las opciones habituales en un editor.

Una vez que hemos escrito el texto que queramos, pulsaríamos en Publicar en la parte inferior:

Publicar

Una vez publicada nuestra entrada tendrá este aspecto:

Entrada de blog

  1. Mensaje que indica que la entrada ha sido guardada correctamente
  2. Título de la entrada, el que le hemos puesto
  3. Fecha de publicación
  4. Enlaces de Editar y Eliminar, que nos permiten, volver a editar el contenido de la entrada, o bien borrarla si lo deseamos.
  5. Contenido de la entrada

2.4. Insertar imagen, hipervínculo, documento y video

Insertar una imagen

Para insertar una imagen editamos la entrada de blog que acabamos de crear y pulsamos en el botón "Imagen"

Insertar imagen

Podemos incluir una imagen que ya esté publicada en Internet o bien elegir una imagen que esté guardada en nuestro ordenador (para ello usaríamos la opción de "Ver servidor"

Insertar un hipervínculo

  • Insertar / Editar hipervínculo: Para incluir un texto con un hipervínculo a una página web:

Insertar hipervínculo

Primero escribimos un texto, lo seleccionamos y después pulsamos en ese botón. Nos mostrará una pantalla donde podremos escribir la dirección URL de la página a la que queremos hipervincular.

Insertar hipervínculo

Insertar un documento

¿Y si queremos incluir un hipervínculo pero a un documento que tengamos en nuestro ordenador?

Podríamos aprovechar esa misma pantalla para para subir a Internet algún documento que tengamos en nuestro ordenador y, de paso, crear el hipervínculo.

Para ello en la pantalla para insertar el vínculo, pulsaríamos en el botón "Ver Servidor" y ahí ya podríamos buscar y seleccionar el documento desde nuestro ordenador.

blog

Insertar un video

Para insertar un vídeo en una entrada de blog, vamos a usar el botón de Fuente HTML

Fuente html

Todo texto de una página web, cada imagen, cada hipervínculo, el formato, negrita, cursiva, fuente, color, .... todo ello que queda codificado en forma de código fuente HTML.

El HTML es el lenguaje de la web, el que interpreta nuestro navegador, cada vez que visitamos una página. Toda la información llega en formato HTML y el navegador la transforma en la página que vemos en pantalla.

Si pulsamos el botón Fuente HTML se mostrará el código HTML del contenido de nuestra entrada de blog. Si nos fijamos se trata de un lenguaje de marcas, en el que cada sección queda encapsulada entre <>, por eso muchas veces se usa el símbolo html para representar el lenguaje HTML.

Pues bien, usaremos este botón para insertar, por ejemplo, un vídeo de la Mediateca de EducaMadrid en una entrada de blog, aunque de la misma forma podría insertar en una entrada de blog, presentaciones Scribd, vídeos de Youtube, ,,, cualquier elemento multimedia que ofrezca un código de HTML de inserción (código embed)

Veamos todo esto en el siguiente video:

2.5. Crear un índice para el blog

Cuando ya hemos creado varias entradas en nuestro blog, nos puede resultar útil incluir un índice que nos muestre los títulos de las entradas que tenemos creadas y nos permita acceder a una de ellas de manera rápida.

Índice

Vamos a ver cómo incorporar ese índice que se muestra a la derecha de la imagen anterior.

Para ello, seleccionamos una nueva herramienta, a través del botón +Añadir, en este caso se trata de un Publicador

Índice para el Blog

El Publicador es una herramienta muy versátil que puede añadirse a cualquier página web y configurarse para mostrar cualquier información publicada en el portal en función de una serie de criterios. En nuestro caso vamos a usarlo para mostrar los títulos de las entradas de mi Blog.

Situamos el Publicador, a la derecha, donde queremos incluir el índice y lo configuramos a través de su rueda de tuerca, para que muestre sólo los títulos de las entradas del Blog. Para ello, aplicaremos la siguiente configuración:

  • En la pestaña "Configuración", marcamos como "Tipo de contenido", la opción "Entrada de blog"

Configuración publicador

  • En la pestaña "Preferencias de presentación", marcamos las opciones de "Plantilla de visualización", como "lista de títulos" y "Comportamiento del enlace" como "Ver en contexto":

Publicador

De esta forma conseguiremos que el publicador funcione como un índice de nuestro tablón de anuncios

3. Formulario Web

El  portal EducaMadrid incorpora, entre sus herramientas, un recurso denominado "Formulario Web". Básicamente los formularios web son un medio de comunicación entre usuarios. Podemos cumplimentar estos formularios web de igual modo que hacemos con los formularios de papel, utilizando casillas de selección, botones de opción, o campos de texto.

Posteriormente podremos explotar los datos obtenidos de la cumplimentación del formulario.

En nuestro ejemplo de web de centro, en la página de "Secretaría" hemos incluido el siguiente formulario de contacto:

Formulario

Como vemos, puede ser una herramienta muy práctica de comunicación con las familias y resto de la comunidad educativa. Podemos usarlo para propósitos muy variados, por ejemplo, hacer una consulta a las familias sobre alguna actividad que pensemos organizar en el centro, como por ejemplo un viaje de inmersión lingüística:

Inmersión

A continuación vamos a ver como añadir y configurar un formulario y para más información podemos consultar el apartado de la ayuda Formularios Web

3.1. Información y acciones con los Datos

Para incorporar un formulario web a una página pulsamos sobre Añadir, a continuación desplegamos Herramientas y seleccionamos Formulario web pulsando la opción "Añadir" situada a la derecha.

Formulario Web

Una vez añadido el recurso, vemos que ya tenemos un formulario creado con unos campos de ejemplo en inglés. Todo eso después lo podremos modificar añadiendo, quitando o modificando los apartados que incorpora. Para ello, como siempre, accedemos a la configuracion del recurso:

  Configuración Formulario

La configuración del formulario tiene tres apartados que pueden plegarse y desplegarse desde las flechas a la derecha:

Configuración Formulario

 Estos apartados son:

  1. Información del formulario
  2. Acciones con los datos del formulario
  3. Campos del formulario
1. Información del formulario:

Desde donde podremos darle un título o una descripción. las opciones que incorpora son:

  • Título: Escribiremos una palabra o frase con el nombre o asunto del formulario que vamos a crear.
  • Descripción: Este campo nos permite dar una idea general de las distintas partes o propiedades del formulario. También podemos utilizarlo para realizar puntualizaciones o aclaraciones acerca del cuestionario: "Para la aceptación de la solicitud es necesario rellenar todos los campos del siguiente formulario", etc...
  • Requerir CAPTCHA: Captcha es el acrónimo de Completely Automated Public Turing test to tell Computers and Humans Apart (Prueba de Turing pública y automática para diferenciar a máquinas y humanos).
    La típica prueba consiste en que el usuario introduzca un conjunto de caracteres que se muestran en una imagen distorsionada que aparece en pantalla. Se supone que una máquina no es capaz de comprender e introducir la secuencia de forma correcta por lo que solamente el humano podría hacerlo.
    Utilizaremos un captcha si queremos evitar que algún "intruso mecánico" pueda acceder a nuestro formulario. Para ello, bastará con marcar la opción "Requerir CAPTCHA":
  • Redirigir al usuario a una URL tras el envío del formulario:  En este campo insertaremos una dirección de internet a la que el usuario será redirigido tras haber efectuado el envío del formulario.
2. Acciones con los datos del formulario:

Las acciones de formulario son los comportamientos que se llevan a cabo cuando alguien rellena los campos del formulario y lo envía. Entonces, se devuelve el formulario al servidor para que lo procese y realice las acciones que aquí especifiquemos. Podemos elegir entre:

  • Correo electrónico: Si deseamos que al pulsar el botón de envío del formulario se manden los datos por email, deberemos tener marcada la opción "Enviar por correo electrónico" indicando un nombre,  la dirección de correo electrónico, así como el asunto del correo en la cual queremos recibir los datos del formulario.

Formulario Web. Envío por email.

  • Base de datos:  Si deseamos que al pulsar el botón de envío del formulario se envíe y guarde la información en una base de datos, deberemos tener marcada la opción "Guardar en base de datos". Es importante saber que es posible marcar cualquiera de las dos posibles opciones de envío de formulario, o las dos. En caso de elegir sólo base de datos deberemos asegurarnos de no haber seleccionado también el envío por correo electrónico.
Formulario Web. Guardar datos en base de datos.

En el caso de que marquemos la opción de "Guardar en base de datos", según nuestros usuarios vayan introduciendo datos y enviando el formulario, tendremos acceso a todos esos datos y exportarlos en un fichero en formato "csv" que será generado por la propia aplicación: 

Formulario Web. Exportación csv.

  • Archivo:

    Este tipo de acción con los datos de un formulario no está actualmente disponible, por ello recomendamos utilizar el envío del formulario por correo electrónico o en base de datos.

3. Campos del formulario

En esta sección podremos definir los campos que nuestro formulario incluirá, las casillas con las que recopilaremos la información que necesitemos.

Esta sección la veremos en detalle en el próximo apartado.

3.2. Campos del Formulario

En el apartado "Campos del Formulario" podremos definir los campos que queremos insertar.

Los distintos tipos de campos de un formulario son los cuadros y botones individuales con los que escribirá información y rellenará el formulario propuesto cualquier usuario o visitante de nuestro sitio web.

Por defecto, el recurso muestra tres campos Name, Rating y Comments. Cada uno de estos campos podremos modificarlos, eliminarlos o bien incorporar nuevos:

Campos del formulario

Cualquier campo se puede modificar, cambiando su nombre, su tipo por ejemplo y también podremos añadir o quitar campos del formulario con los botones "+" y "-" que se muestran en la esquina inferior derecha de cada campo:

Campos del formulario

Tipos

Los distintos tipos de campos de un formulario son los cuadros y botones individuales con los que escribirá información y rellenará el formulario el usuario o visitante de nuestro sitio web. A continuación describiremos cada una de las opciones que tenemos disponibles en el recurso Formulario Web de EducaMadrid:


NOTA: Es conveniente indicar al usuario qué campos son obligatorios. El método más utilizado consiste en insertar el típico asterisco al lado de la etiqueta o campo.

  • Texto: Utilizaremos este tipo de campo cuando queramos permitir cualquier tipo de respuesta a una pregunta del formulario, proporcionando para ello sólo una línea en la que se debe escribir la información requerida.
    • Si se requiere que el campo sea obligatorio entonces "NO" se debe marcar la casilla de "Opcional".
    • Si requiere agregar o eliminar campos sólo deberemos pulsar los símbolos (+,-).
  • Caja de texto: Utilizaremos este tipo de campo cuando queramos permitir cualquier tipo de respuesta a una pregunta del formulario, proporcionando para ello varias líneas en las que escribir información.

Caja de texto

  • Botones de elección: Utilizaremos esta opción para restringir la respuesta de pregunta a unas determinadas opciones de respuesta, de las cuales sólo es posible escoger una. Lo haremos en los casos en que realmente sólo es posible una respuesta, por ejemplo, "sexo: hombre o mujer". También podremos utilizarla para hacer al usuario decantarse por la opción preferida o más cercana.
Botones de elección
  • Opciones: Los menús desplegables o combo se utilizan para restringir la respuesta de una pregunta a unas determinadas opciones de respuesta, de las cuales sólo es posible escoger una. Para incluir las diferentes opciones de respuesta, debemos escribir todas en la misma línea separadas por una coma (,). Así mismo, las respuestas de los combo estarán ocultas para ocupar menos espacio en el formulario. Se diferencian de los Botones de elección en que las respuestas de los combo están ocultas para ocupar menos espacio en el formulario.
  • Combo
  • Párrafo: Utilizaremos esta opción cuando queramos introducir un texto informativo o descriptivo para su lectura por parte del usuario. Observamos que este tipo de campo, lógicamente, no muestra la casilla "Opcional".
  • Párrafo

  • Casilla de selección: Las "Casilla de selección" podremos utilizarlas en dos casos:
    1. Para presentar una única opción, que no es obligatoria. Por ejemplo, para confirmar la lectura de algún dato, optar por recibir un correo electrónico, etc. Para ello, será necesario tener marcada en todos los casos la casilla "opcional".

      Casillas

    2. Otra opción más avanzada consiste en restringir la respuesta de una pregunta a unas determinadas opciones de las cuales es posible escoger varias. Por ejemplo, para recoger información de los usuarios acerca de preferencias, gustos o cualquier otro tipo de pregunta que requiera una respuesta múltiple y variada.
      Para ello será necesario crear tantos campos de tipo Casilla de selección (Checkbox) como opciones de respuesta queramos ofrecer, marcando todos y cada uno de ellos como opcionales. Podremos, además, introducir el enunciado de la pregunta mediante la previa creación de un campo tipo párrafo tal como se muestra en la imagen:

Casillas


Mover campos:
Para reorganizar el orden de los campos nos situaremos sobre el nombre de uno de los campos, y cuando aparezca la doble flecha, moveremos el campo a la posición que deseemos:

Mover campos


Añadir/Eliminar campos:
Ambas opciones se encuentran disponibles al final de cada campo:

Añadir campos

  • Añadir otro campo (+): Nos permite incorporar nuevos campos durante la elaboración del cuestionario.
  • Quitar el campo  (-): Nos permite eliminar el campo en el que nos encontramos. Al pulsar sobre el botón aparecerá un mensaje confirmando la realización de operación y además, en caso de habernos equivocarnos, en ese mismo momento podremos deshacer la  operación.

3.3. Publicar (Guardar) Formulario

Guardar el formulario equivale a publicarlo para que los usuarios lo rellenen y lo envíen, pero esta acción no implica que el formulario haya quedado archivado de forma permanente. Cuando quitemos el recurso de nuestra página web, el formulario desaparecerá y no tendremos forma de recuperarlo, salvo que hayamos "archivado su configuración".

Para publicar el formulario bastará con pulsar sobre el botón "Guardar" que se encuentra al final del formulario:

Guardar formulario

3.4. Archivar Configuración

Cuando archivamos la configuración de un formulario, en realidad estamos guardando una copia de su plantilla, igual que cuando se guarda un archivo en un equipo.

Esta copia del formulario que guardamos podrá ser modificada y, a continuación, volver a publicarse en cualquier otro sitio o espacio web. De este modo, podremos reutilizar el formulario tantas veces como queramos y tener guardadas y disponibles distintas variaciones del mismo.

Desplegamos el menú de "Opciones" e iremos al apartado "Exportación/Importación"

Archivar configuración

 A continuación seguimos estos pasos:

  1. Seleccionamos la pestaña "Exportar".
  2. Seguidamente seleccionamos la pestaña "Crear un proceso de exportación".
  3. Escribimos un nombre o dejamos el que esta por defecto.
  4. Marcar la casilla de "Configuración" o pulsar el botón "Cambiar" para elegir nuestra propia configuración.
  5. Asignar permisos.
  6. Pulsamos "Exportar".

 Archivar configuración

Una vez hecho esto, vemos un mensaje de confirmación

Archivar configuración

Pulsando sobre el enlace del archivo, podremos descargar y guardar un archivo con extensión .lar que contiene toda la configuración de campos nuestro formulario.

Si quisiéramos restaurar una configuración archivada, debemos usar la pestaña "Importar". Ahí podremos seleccionar un archivo .lar que hayamos guardado previamente e importarlo a nuestro formulario, consiguiendo así recuperar toda la definición de campos que guardamos en su momento.

4. Galería de imágenes

EducaMadrid nos permite incorporar a nuestra web galerías de imágenes de una manera muy sencilla y rápida.

En nuestro ejemplo de Web de centro, tenemos algunas galerías incorporadas que podemos ver.

En la página de inicio, tenemos una galería configurada como un carrusel decorativo como podemos ver en la siguiente imagen.

Carrusel

Pero en realidad, la galería, nos ofrece muchas posibilidades de configuración a las que podemos sacar mucho partido, por ejemplo en esta web de centro se usa una galería para mostrar las instalaciones del centro

Galería

Es una herramienta muy versátil y fácil de configurar que dará a nuestra web un aspecto más acabado y completo. Veamos cómo añadir y configurar una galería para nuestra web de centro. 

Toda la información sobre cómo incluir y configurar una galería de imágenes en nuestra web, la encontramos en este apartado de la ayuda: Galería de imágenes en EducaMadrid

4.1. Subir las imágenes

Para poder incluir una Galería de imágenes en nuestra web, primero tenemos que localizar y seleccionar las imágenes.


Importante: Para que la galería quede vistosa y profesional, es interesante que las imágenes que elijamos tengan todas ellas un tamaño similar. De esta forma la galería quedará equilibrada y visualmente más atractiva.

Una vez localizadas, debemos subirlas a EducaMadrid y para ello vamos a usar una herramienta: el "Directorio de ficheros"

El directorio de ficheros es un espacio donde los usuarios registrados de Educamadrid pueden almacenar archivos de todo tipo (imagen, vídeo, audio, ejecutables, flash y texto) y acceder a ellos desde cualquier lugar. Es como tener nuestro disco duro virtual en EducaMadrid.

Veamos cómo acceder al directorio de ficheros, cómo crear una carpeta que contendrá todas las imágenes de la galería y cómo subir a ella, finalmente las imágenes:

Acceso al Directorio de ficheros

Desde el enlace Administración > Directorio de Ficheros

Galería

Crear una carpeta para subir las imágenes

Una vez en el Directorio de ficheros, lo primero que haremos será crear una carpeta para subir a ella todas las imágenes que incluiremos en la galería, la llamaremos por ejemplo "Instalaciones". Para ello, primero pulsamos sobre el enlace "Carpetas" y a continuación sobre "Nueva Carpeta"

Galería

Le daremos el nombre que queramos y pulsamos en "Enviar". Veremos en el árbol de carpetas la carpeta Instalaciones ya creada:

Galería

Subir las imágenes:

Al situarnos en esa carpeta, vemos que no tiene todavía ningún elemento, vamos a añadir ahora las imágenes que hemos seleccionado previamente. Para ello pulsamos en el botón de "Añadir fichero" de la zona superior.

Galería

Nos mostrará entonces una pantalla similar a esta, con las siguientes opciones:

Galería

  1. Seleccionar archivo: Para localizar una de las imágenes seleccionadas previamente en nuestro ordenador
  2. Título: El título que se mostrará cuando se visualice la imagen en la Galería de imágenes
  3. Descripción: Que también se mostrará junto a la imagen en la Galería.
  4. Subir fichero: Una vez que hemos terminado de rellenar los campos, pulsamos este botón para subir la imagen a la carpeta

Veremos una barra de progreso y una indicación de que la imagen se ha subido correctamente.

Repetiríamos estos pasos, Seleccionar archivo, ponerle título y descripción y subir fichero, con cada una de las imágenes que queremos mostrar en la galería y una vez subidas todas, pulsamos en el enlace "Listado" de la zona superior, para ver de nuevo el directorio de ficheros y las imágenes subidas.

Galería

Veremos las imágenes en la carpeta que hemos creado y volveremos al diseño de nuestra página, pulsando la opción "Salir"

Galería

Ahora ya tenemos las imágenes subidas a nuestra carpeta y ya estamos listos para insertar la galería.

Subir imágenes de un zip

También tenemos la opción de subir de golpe todas las imágenes que queramos que figuren en la galería, y para ello lo único que necesitamos es comprimirlas todas ellas en un archivo .ZIP. 

Seguiremos estos pasos:

1.- En primer lugar, activamos las opciones avanzadas del directorio de ficheros, pulsando en la barra superior, en la opción "Avanzado":

Avanzado

Veremos que entonces se nos activa una nueva opción , además de Añadir fichero, ahora figura la opción de "Añadir ficheros de un zip"

Galería

Pulsamos en esa opción y accedemos a la pantalla donde podremos localizar el fichero zip en nuestro ordenador, a través del botón "Seleccionar archivo" y una vez que lo tengamos seleccionado, pulsaremos en el botón "Subir fichero" para subirlo a nuestro directorio de ficheros:

Galería

Al subir el fichero zip al directorio de ficheros, éste se descomprime y todas las imágenes que contenía, se mostrarán en la carpeta, igual que si las hubiéramos ido subiendo una a una. Esta opción es mucho más cómoda, sobre todo cuando tenemos que manejar un conjunto más grande de imágenes.

IMPORTANTE: Para más información sobre el Directorio de ficheros y sus opciones, consultar la Ayuda de EducaMadrid

4.2. Incluir la galería

Ya tenemos todas las imágenes de la galería, en una carpeta de nuestro directorio de ficheros, así que el último paso consiste en añadir una galería a nuestra página y configurarla para que se muestren las imágenes que acabamos de subir.

Para añadir una galería, nos situamos en la página en la que la queramos ubicar, pulsamos en el botón +Añadir, como siempre, y seleccionamos la Galería de Imágenes:

Galería

La ubicamos en la posición que nos interese, como siempre, pulsando y arrastrando y, a continuación, la configuramos para que tome las imágenes de la carpeta que hemos creado en el Directorio de Ficheros. 

En el siguiente vídeo de la Ayuda de EducaMadrid vemos paso por paso cómo hacerlo:

La galería de imágenes permite otras opciones de donde obtener las imágenes que mostrar y más opciones de configuración que se describen detalladamente en esta página de la Ayuda de EducaMadrid: Galería de Imágenes

4.3. Galería con fotos personales

Publicar en la web fotos de alumnos y/o profesores, es algo muy delicado. 

El Director del centro, debe contar con el consentimiento por escrito, de todas las personas cuya imagen u otros datos personales (nombre, correo electrónico…) aparezcan en la página web, siempre que a través de ellos se les pueda identificar.
Cuando se trate de menores, el consentimiento deben firmarlo los padres o representantes legales.

Aunque ya contemos con ese consentimiento, siempre es interesante proteger el acceso a esas fotos personales, de manera que no todo el mundo pueda acceder a ellas, sino que sea necesario un acceso identificado, con usuario y contraseña, para poder verlas.

En EducaMadrid, podemos restringir el acceso a cualquier página que deseemos, sin más que configurar sus permisos. La página donde tengamos publicada la galería, puede tener restringidos los permisos de manera que, sea necesario identificarse como usuario del centro, para poder acceder a ella.

Por ejemplo en esta web de centro, el acceso a la galería está protegido de manera que si intentamos acceder a ella, lo primero que nos pide es que nos identifiquemos con nuestro usuario y contraseña de EducaMadrid y sólo se permitirá el acceso a aquellos ususarios de EducaMadrid que pertenezcan al centro en cuestión:

Galería

Al intentar acceder a la galería, nos pide automáticamente usuario y contraseña para que nos identifiquemos:

Galería

Y una vez identificados, si somos usuarios de este centro, ya sí, podremos acceder a todas las galería de fotos que tiene este centro organizadas por cursos escolares:

Galería

En este caso, esta página de galerías, tiene configurados los permisos para que sólo los usuarios del centro, puedan acceder a ella. 


IMPORTANTE: Los usuarios del centro son todos los profesores y alumnos que tengamos dados de alta a través de la "Gestión de usuarios" de EducaMadrid.
Para más información sobre cómo realizar la gestión de usuarios, consultar este apartado de la ayuda de EducaMadrid: Gestión de usuarios 

Veamos ahora cómo restringir los permisos de una página, para que sólo los usuarios del centro puedan acceder a ella:

Configurar los permisos de una página: 

En primer lugar, crearemos la página "Galería" donde vamos a ubicar nuestra galería de imágenes con fotos personales. 

Para ello, como ya sabemos, accedemos a Administrar / Páginas del sitio web y creamos la página nueva. Una vez creada, situándonos en ella, pulsamos sobre la opción "Permisos" para configurar los permisos de acceso.

Galería

Accederemos a una parrilla, donde veremos los distintos perfiles que soporta EducaMadrid y los privilegios sobre la página:

Permisos

Buscaremos el Rol "Anónimo" que corresponde a los usuarios que nos visitan, sin indentificación en EducaMadrid y desmarcamos la casilla que corresponde a la opción de "Ver", de esa manera, le estaremos restringiendo el permiso y conseguiremos que sólo los usuarios de nuestro centro, tengan acceso.

Veamos todo esto en el siguiente vídeo:

5. Calendario

En muchas ocasiones, puede que nos interese compartir fechas señaladas con nuestros alumnos o familias, para informar sobre excursiones, conferencias, plazos de matriculación, ... pues bien EducaMadrid pone a nuestra disposición una aplicación de calendario con la que podremos configurar todo eso.

En el ejemplo de Web de centro, usamos un calendario para informar de todas las excursiones y actividades que se van a realizar en el centro.

Agenda

En la página de Agenda, tenemos todas las fechas señaladas recogidas en forma de calendario, que puedo visualizar en formato, mes, semana o día. Veamos aquí cómo incorporar un calendario y cómo añadirle eventos

Incluir un calendario en nuestra web

Como siempre, nos situamos en la página en la que queramos crear nuestra agenda y pulsando el botón de +Añadir, seleccionamos la opción de Calendario

Calendario

Veremos que el calendario se ha añadido a nuestra página. 


Importante: El calendario es una aplicación que requiere cierta anchura para mostrarse correctamente, por eso es conveniente, si tenemos la página configurada a dos columnas, incluirlo en la columna ancha, o bien configurar la página a una única columna para que el calendario ocupe todo el ancho.

Añadir un evento

Desde el botón de "Añadir Evento", creamos nuevas citas en nuestro calendario

Añadir evento

Al pulsarlo nos mostrará un formulario donde podremos incluir el título del evento, la fecha, duración, descripción y más detalles sobre periodicidad, localización etc.

El calendario tiene otras muchas opciones de configuración, que podemos consultar en esta página de la Ayuda de EducaMadrid: Aplicación de Calendario

Configurar los permisos

El calendario que añadimos a nuestra web, por defecto está configurado para que quien nos visite sólo pueda ver los días en los que hay un evento organizado, pero no pueda ver el detalle del evento.

Imaginemos que el día 17 tenemos un evento creado, pues bien, si no hacemos nada con la configuración de permisos del calendario, todo aquel que nos visite, verá algo como esto:

Calendario

Es decir, verá que el día 17 tenemos algo planificado, pero no podrá ver el detalle de lo que es, sólo verá ese pequeño candadito, como el que se muestra en la imagen.

Si queremos que cualquier persona que visite nuestra web, pueda ver todo el detalle de los eventos que tengo incluidos, tenemos que cambiar la configuración de permisos del calendario siguiendo estos pasos:

  •  En primer lugar, en el panel lateral izquierdo, desplegamos las opciones del calendario, y accedemos a la opción de "Permisos":

Calendario

  • A continuación, marcamos la casilla "Ver detalles del evento", para el rol "Anónimo", como se muestra en la siguiente imagen:

Calendario

  • Por último, pulsamos en "Guardar" en la zona inferior y listo, habremos conseguido que cualquier persona que visite nuestra web, pueda ver la información de los eventos de nuestro calendario.

Calendario

6. Mapa Google

Insertar en nuestra web un mapa de google es algo muy sencillo de hacer y que queda muy vistoso y práctico en nuestra web de centro.

En el siguiente videotutorial vamos a ver cómo configurar un apartado de "Cómo llegar" en una de las páginas de nuestra web de centro, algo similar a lo que vemos en nuestra web de ejemplo 

Mapa Google

Veamos cómo hacerlo en 3 minutos en el siguiente vídeo-tutorial:

7. Encuestas

La herramienta de Encuestas es idónea para plantear una o varias preguntas a los usuarios de nuestro centro. La creación de preguntas es muy sencilla y disponemos, posteriormente, de una gestión de sus resultados, tanto numérica como gráfica.

Toda la información sobre cómo crear y publicar una encuesta podemos encontrarla en el apartado de la ayuda Encuestas

7.1. Crear preguntas

Para configurar las preguntas que formarán la encuesta debemos ir al menú "Administración" > "Recursos"

Encuestas Administración

Se abrirá una nueva ventana, en cuyo menú de la izquierda se debe seleccionar el recurso Encuesta, nos aparecerá en la misma ventana el botón “Añadir pregunta” que pulsaremos para poder crear nuestra encuesta.

Añadir pregunta de la Encuesta


Se abrirá un formulario donde tendremos que cumplimentar los datos que nos solicitan y luego pulsaremos el botón “Guardar”:

Añadir pregunta de la Encuesta

Al guardar la pregunta que hemos realizado, nos aparecerá la ventana de encuesta con todas nuestras preguntas, donde podremos observar el número de votos realizado, la fecha de la última votación y la fecha de expiración, si la tuviera:

Añadir pregunta de la Encuesta

 Para modificar una pregunta, usaremos el botón de "Acciones" que se muestra a su derecha:

Modificar pregunta de la encuesta

Una vez creadas las preguntas, tendremos que publicarlas en nuestra página para que empiecen a recibir votos.

7.2. Publicar una encuesta

Una vez creadas las preguntas de nuestra encuesta, tal y como hemos indicado anteriormente, el paso siguiente será incorporarla a nuestra página.

Para ello tendremos que añadir en nuestra página un recurso “Visor de encuesta”, pulsando el botón “Añadir” y luego desplegamos la opción “Colaboración”, pulsaremos en añadir a la derecha de “Visor de encuesta”.

Visor de encuesta

Para configurar el recurso pulsaremos sobre la opción “Por favor configure este recurso para hacerlo visible a todos los usuarios” o el botón "Seleccionar pregunta" se mostrará la ventana donde podremos elegir una de las preguntas creadas, luego pulsaremos el botón “Guardar”.

Visor de encuesta

Visor de encuesta

De esta forma en el visor se mostrará la pregunta seleccionada:

Visor de encuesta

7.3. Gestión de los resultados

Para obtener los resultados de una encuesta, cuando ésta haya finalizado,  accederemos de nuevo a la configuración de la encuesta, desde el menú "Administración" > "Recursos"


Encuestas Administración

y en el menú de la izquierda seleccionar la opción "Encuestas"

Resultados de la encuesta

Para ver los resultados de una determinada pregunta, pulsamos sobre ella y a continuación sobre "Ver resultados"

Resultados de la encuesta

Resultados de la encuesta

Al hacerlo nos aparecerá la siguiente pantalla:

Resultados de la encuesta

 En ella econtramos:

  • El número de votos y porcentaje para cada una de las respuestas.
  • Los usuarios que han votado cada una de las opciones, así como la fecha y hora de votación.
  • El acceso a una representación gráfica de los resultados en distintos formatos

8. Comentarios y valoración de usuarios

Disponemos de dos recursos para permitir que otros usuarios valoren nuestra página o, incluso, realicen comentarios o aportaciones directamente sobre ella.

Se trata de  "Comentarios de la página" y  "Valoración de la página":

Valoraciones y Comentarios a las páginas.

  • La herramienta de comentarios de la página, va a permitir que otros usuarios que nos visiten puedan dejarnos comentarios o hacer aportaciones a nuestra web. 
    Para ver cómo añadir y configurar este recurso paso a paso, consultar esta página de la ayuda: Comentarios de la página en EducaMadrid.
  • La herramienta de valoración de la página, va a permitir a los usuarios identificados de EducaMadrid, valorar nuestra página en una escala de 1 a 5 estrellas.
    Para ver cómo añadir y configurar este recursos paso a paso, consultar esta página de la ayuda: Valoración de la página.

9. Otras herramientas de colaboración

Foros de discusión:

El foro es una herramienta de colaboración que permite compartir información, ampliarla, resolver dudas y cuestiones,... de manera dinámica.

Permite crear y organizar discusiones en torno a un tema, una pregunta, idea, etc.

Entre las muchas utilidades que se le pueden dar a los foros, pues cada uso depende del docente o tutor que los implementa o modera, podemos destacar algunas como las siguientes:

  • Espacio para introducir un tema, a modo de presentación, buscando la participación de los alumnos, partiendo de los conocimientos previos que de él tuvieran. Añadiendo la posibilidad de ofrecer una presentación de lo que se va a ver, saber sus expectativas sobre el tema, el nivel de interés y motivación, etc.
  • Espacio para reforzar contenidos curriculares. En este sentido el foro se constituye como el medio ideal para la consulta, planteamiento o resolución de dudas, cuyo carácter abierto no solo ofrece la posibilidad de que la duda sea resuelta, de recibir una retroalimentación por parte del moderador o docente, sino que, también, puede recibirla de los compañeros o participantes del foro. 
    A esto hay que añadir que, este carácter abierto y colectivo de los foros, hace que una consulta hecha por un alumno o participante pueda solventar o aclarar cuestiones a otros alumnos que tenían la misma duda.
    En este sentido, para reforzar contenidos, se pueden crear grupos de colaboración, de estudio, de consulta o de investigación, donde el foro se constituye como un magnífico espacio para compartir los resultados obtenidos.
  • Espacio para el debate de contenidos curriculares. El planteamiento de temas, conceptos o ideas a tratar o debatir en un foro es una de las principales utilidades que se le suelen dar. Los temas pueden ser debatidos, y el carácter escrito y asíncrono de los foros hace que la conversación tenga un mayor nivel que si se diera con una herramienta de carácter síncrono, donde la espontaneidad y rapidez en las respuestas, hace de un debate una estrategia menos reflexionada y fundamentada.
  • Herramienta de evaluación. El foro puede llegar a constituirse como una gran herramienta de evaluación, a través de la cual el moderador o docente tendrá en cuenta el número y calidad de las aportaciones de los participantes. Además, podrá considerar cuestiones como aportaciones complementarias de los alumnos para apoyar el trabajo de otro, para complementar la información, ayudar a resolver dudas de otros compañeros, etc.

En esta página de la ayuda de EducaMadrid encontramos toda la información sobre cómo incluir un foro en una de las páginas de nuestro sitio web, y cómo crear nuevas discusiones o responder en las existentes: Foros en EducaMadrid

Y en este videotutorial vemos cómo incorporar un foro y cómo añadir entradas, categorías, etc.

Al igual que sucede con los Blogs, también tenemos opción de ajustar los permisos que los distintos usuarios tienen para añadir nuevas categorías, abrir hilos de discusión, incluir respuestas, etc. De esta manera podemos controlar completamente quien puede intervenir en nuestro foro y qué puede hacer.

Wikis:

El uso de wikis en el aula, para la realización de actividades o secuencias didácticas, aporta una serie de opciones de trabajo muy interesantes:

  1. Se parte de objetivos y contenidos curriculares.
  2. Las tareas didácticas generalmente se realizan en grupos colaborativos.
  3. Las tareas están enfocadas a trabajar ciertos contenidos del área (o multiáreas), estimulando además determinados procesos del pensamiento y habilidades sociales.
  4. La información se puede presentar en diferentes formatos o soportes: texto, hipertexto, imagen, audio, vídeo, interactividad...
  5. La información se puede integrar en la wiki en diferentes maneras: incrustándolos en la wiki o accediendo a ellos de forma externa.
  6. Se dispone simultáneamente un formato de trabajo (útil si el profesor desea evaluar el proceso) y un formato de publicación (útil para divulgar el producto obtenido).
  7. Cada integrante del grupo puede participar sin necesidad de una reunión presencial.

Además, las wikis son el medio ideal para ayudar a desarrollar las Competencias Básicas:

  • Competencias lingüísticas: leer, escribir, conversar.
  • Representar, interpretar, comprender la realidad.
  • Construir el pensamiento.
  • Regular el propio comportamiento.

Posibles tipos de wikis que se pueden crear:

  • Antología. Pueden realizarse cualquier cosa: de poemas, citas, piezas de música, cancionero... Se pueden ordenar por títulos, por primeros versos, por temas... Puede incluir breves biografías de los autores.
  • Apuntes. Una wiki puede servir para elaborar de forma conjunta apuntes de una asignatura. El docente propone que, en lugar de dar él los apuntes, los creen entre todos, investigando en Internet (información, imágenes, vídeos, ejemplos... todo lo que esté relacionado) y pidiéndoles que lo categoricen, para que la información esté bien estructurada y se pueda encontrar correctamente. De este modo, se consiguen unos apuntes en común a los que se puede acceder siempre desde cualquier punto. Los apuntes no serán sólo una información que el profesor quiere que aprendan, sino lo que entre todos quieren aprender.
  • Construcción del conocimiento y consulta. Cada alumno/a construye una parte del tema buscando en la red, el libro de texto o en diccionarios.
  • Enlaces. Puede servir como repositorio de enlaces a páginas o recursos sobre un área, creado entre toda la comunidad docente: profesores y alumnos.
  • Experiencias / Salidas. Wiki que incluye trabajos a partir de actividades de clase, salidas al exterior. Con enlaces a páginas de los lugares visitados, álbum de fotos realizadas, resumen y desarrollo de la experiencia en sí...
  • Glosario. Se puede crear una wiki con el vocabulario que se trabaja en una o varias asignaturas del curso (dependiendo del volumen de vocablos que se puede generar).
  • Proyecto de Investigación. Para desarrollar y mostrar un proyecto de investigación individual o grupal. El wiki sirve como la documentación en curso de su trabajo.
  • Monográfico. Puede realizarse entre toda la clase o por grupos (de un mismo centro o no), en el que cada grupo investiga y aporta información sobre un tema distinto o sobre diferentes aspectos de un mismo tema.

En esta página de la ayuda de EducaMadrid podemos ver cómo incorporar un recurso de wiki a una página de nuestro espacio y cómo configurarlo: Wikis en EducaMadrid

Y en este videotutorial se puede ver cómo añadir un wiki, cómo crear páginas, incluir imágenes, etc.

Al igual que sucede con los blogs y foros, se pueden asignar permisos a distintos niveles en el wiki, si queremos restringir quien permitimos que añada nuevas páginas, las modifique o añada comentarios por ejemplo.