Página web personal

Página personal ficticia de matemáticas

Efectivamente, cada usuario dado de alta en Educamadrid puede crear su propia Web personal a través del Portal, disponiendo además de un espacio propio para alojarla.

Todos los usuarios disponen en Educamadrid de herramientas de gestión para crear sus páginas, configurándolas y administrándolas siguiendo un proceso similar. Digamos que todos cuentan con un mismo "lienzo en blanco", los mismos pinceles y la misma paleta de colores. El cuadro que finalmente pinte cada cual será probablemente muy distinto, ya que es el autor quien decide libremente lo que desea mostrar en su página y cómo quiere que se muestre.

Ejemplo de página personal de un usuario de Educamadrid

Ejemplo de página personal de un usuario de Educamadrid

Ejemplo de página personal de un usuario de Educamadrid

La excepción la encontramos en los alumnos de Educación Infantil y primer ciclo que Primaria, que disponen de una herramienta adaptada a su edad, con la que podrán construir su página sin ninguna dificultad. Las posibilidades en cuanto a lo que mostrar en la página y cómo mostrarlo están limitadas, por razones obvias.

Página personal de una alumna de Educación infantil

Herramienta adaptada para alumnos de primer ciclo de Primaria

Página personal de un alumno de primer ciclo de Primaria

Pasos a seguir para crear una página personal

Creación de los contenidos a mostrar

Los contenidos siempre se crean empleando el administrador de contenidos, al que podrá accederse desde el escritorio personal o desde la propia página personal a través de la opción "Gestionar contenidos".

El proceso a seguir para crear un contenido se explica en el apartado Creación de contenidos. Aquí solo vamos a sugerir de forma esquemática los pasos a dar desde que decidimos crear la página hasta que la hacemos visible una vez finalizada:

1. Tratar de dibujar mentalmente o en un papel qué información queremos mostrar en nuestra página web y cómo queremos estructurarla. Se trata de un borrador inicial, no tiene por qué corresponderse al 100% con la página que finalmente creemos.

Borrador de la página que queremos crear

La imagen muestra únicamente las secciones que tendría nuestra página y cómo queremos que sea la sección Inicio. Lo ideal sería tratar de hacer lo mismo con el resto de secciones y subsecciones

2. Una vez tengamos clara la información a mostrar, elegir los tipos de contenidos que emplearemos para insertarla en el Portal. Existen 15 tipos distintos de plantillas para crear contenidos. Escogeremos la que más se adecúe a cada tipo de información.

Para la Presentación de la página de inicio, por ejemplo, lo mejor es emplear un tipo de contenido libre. Es el que más libertad nos da para insertar y maquetar información e imágenes.

1. Elegir "Contenido libre" del desplegable de tipos de contenidos

2. Editar el contenido. Cuando acabemos pulsaremos sobre el botón "Publicar" ya que si lo guardamos como borrador no lo podremos mostrar en nuestra página web

3. Previsualizar el contenido para comprobar que se ha guardado como queríamos. Si no es así, podemos editarlo de nuevo

Si no hemos acabado de crear el contenido podemos guardarlo como borrador teniendo siempre presente que es ese estado no es visible.Más información sobre borradores y contenidos publicados

Los otros dos componentes de nuestra página de inicio: El enlace del apartado Web destacada y el software educativo referenciado en Recurso del mes son contenidos creados por la Revista Digital y la Web Educamadrid. Tanto la Revista como la web pública del Portal, son ámbitos visibles para cualquier usuario registrado, razón por la cual, sus contenidos pueden ser mostrados en la página web de cualquier usuario.

Creación de la estructura de la página web

La estructuración de la página personal se efectúa desde la propia web, empleando la opción "Gestionar ventanas".

Accedemos a la vista de administrador de la página personal a través del menú Administrar --> Página personal, del Escritorio.

Si ya hemos "dibujado" mentalmente nuestra página web, este paso nos resultará sencillo. Incluye los siguientes procesos:

Definición de secciones y subsecciones

Iremos transcribiendo la estructura creada sobre papel, definiendo primero las secciones principales y luego las subsecciones. Lo ideal es que también hayamos pensado ya en el tipo de sección o subsección que necesitamos: de tipo ventana, título, contenido o enlace.

Estructura creada sobre el papel

Estructuración desde la propia página web

La sección padre de árbol de secciones principales y subsecciones que vayamos creando siempre tendrá por nombre el de la página personal, en el caso del ejemplo "Profesor Ficticio 1".

Definición de las subsecciones de la sección "Para los que se les resisten las mates..."

Las secciones principales pondrán ser secciones padres de las subsecciones que creemos bajo ellas, acción que efectuamos a través del apartado "Gestionar las subsecciones".

Definición de las subsecciones de la sección "Para los que se les resisten las mates..."

Definición de las subsecciones de la sección "Para los que se les resisten las mates..."

A medida que vayamos creando las secciones y subsecciones éstas se mostrarán en el árbol del lateral y también bajo la cabecera de nuestra página.

La sección principal Inicio que hemos creado se muestra en el arbol lateral y en la parte superior de nuestra página

La sección "Para los que se les resisten las mates..." y sus subsecciones se muestran en el arbol lateral

Resultado del proceso de creación de la sección "Para los que se les resisten las mates..." y sus subsecciones

Definición de las columnas en secciones de tipo ventana

El proceso de definición del número de columnas sólo se efectúa en secciones y subsecciones de tipo ventana

Por defecto todas las secciones de tipo ventana contarán con 3 columnas. Podremos modificar esta condición, dejando la sección a 2 o a 1 sóla columna.

Si volvemos a la definición que hemos hecho sobre el papel de cómo podría ser nuestra página, vemos que la sección Inicio debe contar con un par de columnas, una estrecha y otra ancha. Elegiremos por tanto "Dos columnas" del desplegable y pulsaremos sobre el botón "Guardar cambios".

Definición sobre papel del número de columnas de la sección Inicio

Definición desde el administrador del número de columnas de la sección Inicio

Definición de ventanas y herramientas

Llegados a este punto corresponde definir las ventanas y, en caso de que existiesen, herramientas de nuestra sección.

Según la idea inicial, en la columna izquierda de nuestra página Inicio debemos mostrar el contenido "Presentación" que hemos creado en el paso 1. En la de la derecha los contenidos tomados de Revista Digital y de Web Educamadrid.

Las ventanas son los marcos dentro de los que situamos los contenidos. Todo contenido precisa de una ventana para poder mostrarse en una página de Educamadrid. Se crean, nuevamente, desde "Gestionar ventanas".

Tanto para mostrar el contenido de la columna de la izquierda como los de la derecha, se han empleado ventanas de tipo "Selección de contenidos". Pulsaremos una vez sobre el icono que acompaña al texto Seleccion de contenidos (estrecho) y dos sobre el icono que acompaña al texto Seleccion de contenidos (ancho) puesto que hemos decidido que cada contenido de la columna central vaya en una ventana distinta. Los elementos elegidos se mostrarán automáticamente en las columnas de la zona inferior.

No debemos olvidar pulsar sobre el botón antes de salir del gestor de ventanas

Escogemos el tipo de ventana Selección de contenidos para ubicar los contenidos

Si vamos ahora a la página Inicio, comprobaremos que las ventanas seleccionadas están en el lugar que hemos indicado desde la administración.

Ventanas de selección de contenidos situadas en la sección Inicio.

Sólo nos falta enriquecer ventanas con contenidos.

Ubicación de contenidos en una ventana

Ubicación de contenidos propios en una ventana de selección de contenidos

Para ubicar el contenido Presentación en la ventana que hemos situado en la columna izquierda, pulsaremos sobre el icono Editar preferencias. Desde el buscador que se abre seleccionaremos el contenido, que se encuentra en el ámbito personal y automáticamente se mostrará en la ventana.

1. Pulsamos sobre Editar preferencias

2. Iniciamos el proceso de búsqueda del contenido

3. Especificamos los criterios de búsqueda y pulsamos sobre Buscar

4. Localizamos el contenido dentro del total de resultados. Lo marcamos y pulsamos Seleccionar

5. El contenido se sitúa automáticamente en la ventana

6. Modificamos la apariencia que presenta la ventana por defecto, eligiendo que la visualización sea detallada

Cuando vamos a la página de Inicio comprobamos que el contenido se muestra ya en su ventana.

La ventana Selección de contenidos nos permite mostrar uno o varios contenidos dentro de la misma ventana, con lo cual podríamos seguir añadiendo, a través del buscador, otras selecciones

Para las ventanas de la columna central seguiríamos el mismo proceso, con la diferencia de que al buscar (paso 3) especificaremos que el ámbito en el que esté localizado el contenido de la primera sea Revista Digital y el de la segunda Web pública.

Ubicación de contenidos de nuestros ámbitos visibles en una ventana de selección de contenidos

Sólo podremos buscar y añadir contenidos del ámbito personal

Si pulsamos sobre el icono Editar preferencias de la ventana de selección y a continuación sobre Añadir otros contenidos, comprobamos que por defecto, el mundo seleccionado para localizar contenidos es el Ámbito personal, siendo imposible elegir otro de nuestro ámbitos visibles.

En una ventana de selección de contenidos sólo podremos mostrar contenidos existentes en nuestro ámbito personal. Para poder mostrar en ellas contenidos pertenecientes a otros ámbitos visibles será preciso pasarlos previamente a nuestro ámbito personal.

El procedimiento a seguir para copiar contenidos existentes en otros mundos visibles a nuestro ámbito personal es:

1. Acceder al buscador a través de la opción Buscar --> Contenidos de la barra superior de iconos.

2. Rellenar el formulario de búsqueda, espeficando el ámbito en el que queremos buscar

3. Seleccionar, del total de resultados de búsqueda, aquel/aquellos que nos interese copiar a nuestro ámbito, marcándolos a través de la casilla de verificación que los acompaña.

4. Pulsar sobre la opción Copiar a ámbito personal.

1. Acceder al buscador de contenidos

2. Especificar los criterios de búsqueda

3. y 4. Seleccionar el contenido de interés y pulsar sobre "Copiar a ámbito personal"

Un mensaje nos informará de que el contenido se ha copiado correctamente. Con la copia del contenido ya en nuestro ámbito personal, el procedimiento a seguir para mostrarlo en una ventana de selección de contenidos de nuestra página, es el mismo que el que hemos visto en el epígrafe anterior.

Opciones avanzadas

Embeber un vídeo en una página de Educamadrid

Sección Matemáticas interactivas de la página ficticia de matemáticas

¿Cómo se ha hecho?. Usaremos uno de los vídeos de la Mediateca Educamadrid para explicar el proceso que ha seguido el profesor de matemáticas con su vídeo sobre la integral definida.

Cualquiera de los vídeos existentes en la mediateca 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. Seleccionaremos ese código (manteniendo pulsado el botón izquierdo del ratón y arrastrando) y lo copiaremos.

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 aparecerá un recuadro negro.

Si queremos podemos incluir imágenes y texto antes/después del vídeo o incluso seguir insertando más vídeos en la misma página. En este ejemplo describiremos el vídeo y le pondremos un título; 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 la mediateca

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

Otras formas de mostrar un vídeo

Sección Curiosidades matemáticas de la página ficticia de Matemáticas

En la sección Curiosidades matemáticas de la página ficticia con la que estamos trabajando, existen más vídeos. Para poder verlos hay que pinchar en los iconos en forma de cámara, accediendo a ellos a través de un hipervínculo.

La URL de cada vídeo es de Educamadrid, lo cual nos lleva a pensar que éstos están almacenados en el Portal. ¿Qué acciones ha realizado el profesor para mostrar de esta manera los vídeos?

En primer lugar ha subido los vídeos al Portal, creando un contenido por cada uno de ellos. El tipo de contenido (plantilla) elegido es el multimedia.

Cumplimentado el formulario de Título/Resumen, pasó al de Datos Generales donde eligió como categoría "Actividad" y tipo "Windows Media". Al avanzar apareció la pestaña "Windows Media" desde la que pudo subir el archivo .wm.

Una vez incorporado y desde la misma pantalla, pulsó el botón derecho del ratón para ver las propiedades del fichero y seleccionó la URL del mismo.

1. Elegir "Multimedia" del desplegable de tipos de contenidos

2. Elegir categoría "Actividad" y tipo "Windows Media"

3. Hacemos clic con el botón derecho del ratón para ver las propiedades y seleccionamos la dirección del fichero

El siguiente paso fue elaborar el contenido libre que recoge la descripción del vídeo y una imagen de éste. El icono se hipervinculó con el video previamente subido, empleando la URL seleccionada.

A través del icono "Enlace" incorporamos la URL del vídeo guardado como contenido multimedia

URL del vídeo

Uso y Gestión compartida de la Web personal

La versión 4.0 del Portal Educamadrid concibe las páginas webs personales de todos los usuarios (profesores y alumnos) como lugares de encuentro e intercambio posibilitando la gestión y utilización de numerosas herramientas de colaboración (chat, encuestas, foros, galerías de imágenes, etc....).

¿Cómo puedo conseguir que otros usuarios colaboren conmigo en la elaboración y gestión de mi página web?

A través de la opción Propiedades y Usuarios > Administrar Usuarios existente en nuestra propia página web podremos dar permisos de administración de la misma a otros usuarios de Educamadrid. Asimismo, también podremos otorgar a otros usuarios el privilegio de ser miembros de nuestra web personal.

Sólo los usuarios registrados de Educamadrid podrán formar parte de mi web personal, bien como miembros o bien como administradores.

El usuario propietario de la web personal es el "administrador implícito" de la misma.

En el apartado Procedimiento para incorporar nuevos usuarios a una Comunidad puedes consultar el procedimiento a seguir para dar de alta a otros usuarios en tu web personal.