Porfolio de Aulas del Futuro 25/26

Un porfolio es un documento digital que contiene la descripción del proyecto, la relación de participantes, las actividades realizadas y la intervención de los profesores dichas actividades. Además, incluye un conjunto de recursos multimedia que sirven como evidencias del trabajo desarrollado.

En este taller vamos a crear el porfolio para el proyecto Aula de Futuro de este cuso 25/26, pero, para ello, no partiremos desde cero. Usaremos como base el porfolio que ya existe en todos portales de WordPress de los los centros y lo iremos modificando hasta que reúna todas las condiciones anteriormente indicadas.

1.- Acceso

Para trabajar en tu portal web necesitas acceder a su zona de administración. Para ello, en la barra de navegación escribe la URL de tu portal seguida de /wp-admin e introduce tu usuario y contraseña.

En el portal de prueba debes utilizar los datos del usuario, administrador, que has recibido que has recibido por correo.

https://institutos.educarex.es/adefx/wp-admin
Usuario: adefx
Contraseña: (la que has recibido)

En le portal oficial del centro, tendrás usar la URL del portal del centro seguida de /wp-admin, y tus credenciales de Rayuela. Por ejemplo:

https://iesdonoso.educarex.es/wp-adminUsuario Rayuela: mnarvaezm01 Contraseña: nlsft0x%

Además, para modificar tu porfolio en el portal de tu centro, es necesario que dispongas de un perfil de administrador del mismo. Por defecto, son administradores_ el equipo directivo, el ITED y el informático del centro. Si eres el coordinador del proyecto Aulas de Futuro y no tienes uno de estos cargos, deberás pedir al equipo directivo, que en Rayuela, te asignen el cargo docente de Responsable Web del Centro.

Para crear las entradas de las actividades no es necesario ser administrador: basta con tener el perfil de Autor Web, que también se asigna como cargo docente desde Rayuela.

Ya estamos dentro de la zona de administración del portal. Vamos a comenzar creando los elementos que necesitaremos para configurar nuestro porfolio: la categoría donde se almacenarán las entradas, las etiquetas que identificarán a los participantes en el proyecto y la categoría de galerías del plugin Album Gallery Pro, donde guardaremos algunos recursos multimedia que nos servirán como evidencias de dichas actividades.

2. – Categorías

Una categoría es un “contenedor” en la base de datos donde se almacenan todas las entradas o publicaciones que tratan sobre un mismo tema. Sirve para ordenar y agrupar las actividades, de modo que podamos encontrarlas fácilmente y que el portal las muestre organizadas. Pueden estar anidadas

Para nuestro porfolio, vamos a crear la categoría Aulas de Futuro 25/26, donde guardaremos las entadas que describirán actividades realizadas durante este curso.

Para crear una categoría:

En el menú lateral hacemos clic en Entradas → Categorías.
Seleccionamos Añadir una nueva (o usamos Añadir → Categoría en la barra superior).
Escribimos el nombre Aula de Futuro 2025-2026.
Elegimos como categoría superior la categoría Aula de Futuro.
Y pulsaremos Añadir categoría.

En nuestro portal de pruebas esa categoría ya existe, así que podemos crear Aula de Futuro 25/26 para practicar. En el portal oficial del centro no existe, por lo que deberás crearla.

El siguiente vídeo, sin sonido, ilustra anterior proceso:

3.- Etiquetas

Una etiqueta es una palabra o conjunto de palabras que sirve para relacionar, entradas que comparten un detalle en común.

En nuestro porfolio utilizaremos las etiquetas para asociar cada profesor con las actividades en las que ha participado. Así, al hacer clic en la etiqueta de un docente, podremos ver todas las actividades en las que ha intervenido durante el curso.

Para crear un etiqueta

En la zona de administración, en el menú lateral, hacemos clic en Entradas → Etiquetas.
En la parte izquierda aparece el formulario Añadir nueva etiqueta.
Indicaremos un nombre que tendrá el siguiente formato: adfe_25_26_usuariorayuela. Por ejemplo: adfe_25_26_mnarvaezm01,
Y pulsaremos sobre el botón Añadir etiqueta,

Este vídeo, sin sonido, ilustra anterior proceso:

4.- Album Gallery Pro. Categorías

Una categoría de Album Gallery Pro es un “contenedor” que nos permite agrupar las galerías de imágenes según su temática. Nos servirá para para mantener organizados los recursos multimedia del proyecto y para poder mostrar solo las galerías que nos interesan dentro del porfolio.

En nuestro caso, crearemos dos categorías de galerías de Album Gallery Pro:

Una categoría padre, sin categoría principal,onde almacenaremos todas las galerías del proyecto, llamada Aulas de Futuro.
Una categoría Aulas de Futuro 25/26, con categoría principal Aulas del Futuro, en la que guardaremos únicamente las galerías relacionadas con las actividades realizadas durante este curso.

Para crear una categoría en Album Gallery Pro:

En el menú lateral izquierdo hacemos clic en Album Gallery Pro → Categorías.
En el formulario Añadir nueva categoría, indicamos como nombre Aulas de Futuro.
- Dejamos Categoría principal en Ninguna.
- Pulsamos Añadir categoría.
Repetimos el proceso para crear la categoría hija:
- Como nombre escribimos Aulas de Futuro 25/26.
- En Categoría principal seleccionamos Aulas de Futuro.
- Pulsamos Añadir categoría.

En nuestro portal de pruebas esa categoría ya existen esas categorías, así que podemos crear Aula de Futuro 25/26 para practicar. En el portal oficial del centro no existen, por lo que deberás crearlas.

4.- Pagina principal del Porfolio

Como decíamos al comienzo del taller, el porfolio que viene de serie en el portal del centro está incompleto. Faltan varios elementos importantes: una imagen destacada adecuada, modificar la descripción del proyecto, añadir los participantes, configurar las categoría que mostrar y añadir un bloque tipo Album Gallery Grid para mostrar las galerías que vayamos creando.

Ahora que tenemos los datos necesarios vamos a completar este porfolio

El porfolio es una página. Para realizar las modificaciones necesarias, podemos editarla de dos formas:

Desde la zona de Administración
- En el menú lateral izquierdo entramos en Páginas.
- Buscamos la página que queremos modificar, en este caso Aula de Futuro.
- Hacemos clic en Editar.
Desde la zona pública del portal
- Navegamos hasta encontrar la página Aula de Futuro.
- Utilizamos el botón superior que aparece en la vista pública para editarla directamente.

A. Edición: Título, Imagen destacada, Slug y Descripción

Un vez abierta la página, procederemos a cambiar el título “Aula de Futuro” por «Aula de Futuro 25-26«

Desde el panel derecho, en Ajustes → Pestaña Página, sustituiremos la imagen destacada actual por otra que incluya un logo personalizado y el curso actual. Esta imagen debe tener un tamaño 1280 × 220 píxeles.

En Ajustes → Pestaña Página, también editaremos el slug. Lo dejaremos vacío para que WordPress lo recree automáticamente con el nuevo título de la página

Modificaremos el bloque de párrafo que contiene la descripción del proyecto y lo sustituimos por un texto adecuado al curso y al estado del proyecto que estamos desarrollando.

B. Participantes

Ahora vamos a incorporar a los participantes del curso dentro de la página principal del porfolio.

* Añadir un encabezado

Justo debajo de la descripción, insertaremos un bloque Encabezado y seleccionamos el nivel H2.
En él escribimos: Participantes.

* Crear la tabla de participantes

A continuación, añadimos un bloque Tabla con dos columnas y tantas filas como personas participen en el proyecto.

Columna 1: escribimos el nombre y apellidos de cada participante.
Columna 2: escribimos la palabra actividades, que convertiremos en un enlace hacia la etiqueta correspondiente de ese participante.

Con la tabla seleccionada, en el panel de ajustes desmarcaremos la casilla Celdas con tamaño y fijo y en pestaña diseño seleccionaremos Franjas para que las filas aparezcan alternadas y sean más fáciles de leer.

De este modo, al hacer clic en “actividades”, el sistema mostrará automáticamente todas las actividades en las que ese profesor ha participado durante el curso.

C. Actividades

Continuaremos la adaptación del porfolio modificando el apartado dedicado a mostrar las entradas con nuestras actividades.

Primero seleccionaremos el bloque de encabezado que actualmente muestra el texto Novedades y lo sustituiremos por un título más adecuado, como Actividades.

A continuación, seleccionamos el bloque de cuadrícula de entradas Post Grid, situado justo debajo del anterior, y en el panel ajustes, en el cuadro Categorías, elegiremos la categoría de entradas que hemos creado, Aula de Futuro 25/26

.Un poco más abajo activaremos la opción Post Pagination y configuraremos que se muestren al menos 20 páginas. De esta forma, a medida que vayamos creando nuevas entradas, todas las actividades se visualizarán de manera ordenada dentro del bloque, mostrándose un selector de paginas en la parte inferior para navegar entre ellas.

D. Galerías. Album Gallery Pro.

Para completar la página principal —por ahora la única— de nuestro porfolio del proyecto Aulas del Futuro, añadiremos un bloque Album Gallery Grid.

Por defecto, este bloque muestra todas las galerías creadas en el portal, pero nosotros solo queremos que muestre la categoría de galerías que hemos creado anteriormente. Para ello necesitamos el identificador ID de esa categoría.

Primero guardamos los cambios de la página,

En el menú lateral Album Gallery Pro → Categorías a la izquierda de la categoría Aula de Futuro 25/26, aparece su ID, lo copiamos.

Después volvemos a editar la página del porfolio, seleccionamos el bloque Album Gallery Grid para que se muestre el panel lateral de ajustes y, en la pestaña Parameters Query → Display Album of Specific Category, pegamos el ID copiado.

Para comprobar el resultado, guardamos de nuevo la página y pulsamos en Previsualizar.

5.- Entradas

Ya que tenemos nuestro porfolio preparado, vamos a crear nuestra primera entrada.

Una entrada es un tipo de contenido de WordPress pensado para publicar información actualizable y cronológica, como noticias, actividades o artículos.

Para crear una entrada iremos al menú lateral → Entradas → Añadir nueva o a la barra superior, Añadir → Entrada

A. Elementos obligatorios

Toda entrada debe incluir varios elementos:

Un título claro y descriptivo,
Una imagen destacada relacionada con la actividad (tamaño recomendado 1280 × 720px, que añadiremos desde el panel derecho en Ajustes → Entrada),
La categoría o categorías adecuadas, en este caso Aulas del Futuro 25/26 y Portada, que Seleccionaremos en el apartado Categorías en mismo panel.
Las etiquetas de los profesores que han participado en la actividad descrita.
Uno o varios bloques Párrafo donde escribiremos la descripción de la actividad.

Una vez completada la información, guardaremos los cambios y utilizaremos Previsualizar para comprobar cómo se verá la entrada en el portal antes de publicarla.

B. Otros bloques esenciales: Imagen, vídeo y galería pro

Vamos a añadir algunos bloques multimedia que harán la entrada más visual y que nos servirán como evidencias del trabajo desarrollado en la actividad.

Para añadir una imagen, insertamos un bloque tipo Imagen. Subiremos una fotografía desde nuestro equipo o la seleccionaremos de la biblioteca de medios si ya está subida. Podemos aplicarle un efecto de ventana emergente (lightbox) seleccionando el bloque imagen, haciendo clic en el botón Enlace de la barra de opciones del bloque y eligiendo Enlace al archivo de medios.

Para añadir un vídeo de YouTube, insertamos un bloque Incrustar YouTube. Pegamos la URL del vídeo y pulsamos Incrustar.

Para insertar una galería Pro, primero debemos crearla. Después de guardar los cambios en nuestra entrada, vamos al menú lateral Album Gallery Pro → Nuevo Álbum. Le ponemos un título adecuado y, en la parte derecha, ajustes, seleccionamos la categoría Aulas del Futuro 25/26. En la parte inferior de la ventana elegimos las imágenes que formarán parte de la galería y pulsamos Publicar.

Para insertarla en la entrada necesitaremos su ID. Vamos al menú lateral Album Gallery Pro y copiamos el ID que aparece debajo del título de la galería recién creada,

Luego volvemos a la entrada: menú lateral Entradas, editamos la entrada correspondiente, añadimos un bloque Gallery Grid o Gallery Slider, lo seleccionamos y, en el panel de ajustes, en el campo Album Post ID, pegamos el ID copiado.

Guardamos los cambios y pulsamos Previsualizar. Si todo está correcto, publicamos la entrada si aún no lo hemos hecho.

Finalmente, vamos a la zona publica y en menú Principal → Proyectos → Aulas del Futuro 25/26 podremos ver que en nuestro porfolio, en Actividades, aparece entrada recién creada y en Galerías se muestra la galería que acabamos de crear.

6.- Paginas adicionales

A medida que nuestro proyecto crezca, necesitaremos páginas nuevas para organizar mejor el contenido (por ejemplo, diseño del aula, transformación del espacio, difusión, etc.). Como ejemplo, vamos a crear una página llamada Diseño del Aula.

A. Añadir una nueva página

Podemos añadir una nueva página desde: menú lateral → Páginas → Añadir nueva o desde la barra superior con Añadir → Página.

En la ventana que se mostrará:

Completaremos el título de la pagina: Diseño del Aula,
Añadiremos una imagen destacada (tamaño de 1280×220px) que debe contener nuestro logo y el titulo de la pagina.
Ocultaremos el título de la página.
Insertaremos varios bloques tipo párrafo explicando el diseño del aula
Insertaremos un bloque tipo imagen que mostrará el diseño de nuestra aula y la enlazaremos con su archivo de imagen para aplicarle un efecto de ventana emergente.

B. Crear un elemento de menú en el menú principal que muestre la paǵina

Las enlaces a las páginas creadas no aparecen automáticamente en el menú Principal, así que debemos crearlos.

Vamos a menú lateral → Apariencia → Menús.
Con el menú Principal seleccionado, marcamos la página Diseño del Aula y hacemos clic en Añadir al menú.
El nuevo elemento de menú aparecerá al final del menú Principal. Lo arrastramos debajo del elemento Aula de Futuro 25-26 para que cuelgue de él.
Pulsamos sobre el botón Guardar menú y nuestra pagina estará lista.

Anexo I. Porfolio desde 0

Como comentábamos en primer punto de este tutorial, todos portales de los centros venían de serie con un esbozo de porfolio de todos los proyectos de INNOVATED, pero es posible que, durante la personalización del portal, los hayáis eliminado por no ser necesarios en ese momento.

Pueden darse dos casos; que hayáis eliminado sólo el elemento de menú y conservéis la página o que hayáis eliminado los dos.

Para comprobarlo, iremos al menú lateral → Páginas y buscaremos la página Aula del Futuro.

Si la página existe, estupendo, tan sólo tendréis que crear el elemento de menú, Para ello iremos al menú lateral -> Apariencia -> Menús y con el menú Principal seleccionado, buscaremos la página Aulas de Futuro y le daremos a Añadir al menú.

Si no existe la pagina Aulas del Futuro, tendremos que crearla de nuevo. Iremos a la menú lateral -> Páginas -> Añadir nueva pagina y en la ventana que se mostrará:
- Pondremos un título. Aulas del Futuro 25/26.
- en el panel lateral derecho, Ajustes, añadiremos una imagen destacada con el texto del título y tamaño 1280x220px.
- Añadiremos uno o varios bloques tipo párrafo con la descripción de nuestro proyecto.
- Un bloque tipo encabezado H2, con texto Novedades.
- Y un bloque Post grid. Tras seleccionarlo, en el panel lateral derecho Ajustes, marcaremos la la categoría Portada

A continuación, siguiendo los pasos del anterior apartado, crearemos un elemento de menú que enlace con la pagina recién creada.