Creación de páginas en Educamadrid

ELABORACIÓN Y GESTIÓN DE PÁGINAS EN EDUCAMADRID

Benedicto Marcos Benito

bmarcos@educa.madrid.org

1

GUIÓN DEL TUTORIAL 1. CARACTERÍSTICAS DEL PORTAL DE EDUCAMADRID 1.1. Personales 1.2. Centros 1.3. Clases 1.4. Departamentos 1.5. Comunidades 2. ACCESO AL ESPACIO 3. PÁGINAS PÚBLICAS O PRIVADAS 4. CREAR PÁGINAS

Ir a > Panel de control >Mis páginas > Añadir páginas

4.1. ADMINISTRAR PÁGINAS Administrar > Página Sitio web 4.2. ESTRUCTURA DE PÁGINAS Administrar > Disposición páginas 4.3. TIPOS DE PÁGINAS Administrar > Página actual  Portlets  Web insertada  URL  Enlace a página 5. AGREGAR CONTENIDOS A LA PÁGINA Administrar >Administrador de contenidos  Libre  Libre con capítulos  Recursos 5.1. VISUALIZAR CONTENIDOS Añadir > Agregador de contenidos > Añadir contenidos

6. AÑADIR RECURSOS Añadir > Más..

6.1. Agenda 6.2. Directorio de Ficheros 6.3. Herramientas de colaboración: Blogs 6.4. Herramientas de colaboración: Wiki

7. CREACIÓN DE LA PRIMERA PÁGINA PARA EL CENTRO

Benedicto Marcos Benito

bmarcos@educa.madrid.org

2

DIRECCIÓN DE ACCESO www.educa2.madrid.org 1. PORTAL DE EDUCAMADRID. CARACTERÍSTICAS El Portal Educativo de EducaMadrid es una plataforma tecnológica que facilita la interacción, la colaboración y el intercambio entre miembros de la comunidad educativa.

Con dicha plataforma es posible gestionar y administrar diferentes espacios virtuales que te permitirán configurar comunidades de aprendizaje.

Existen cinco tipos de entornos virtuales sobre los que podrás crear distintos espacios de aprendizaje:  Webs personales  Webs de centros  Webs de clases  Webs de departamentos  Webs de comunidades 1.1. Web Personales: Todos los profesores disponen de un espacio personal que pueden personalizar, autogestionar y compartir con otros usuarios si lo desea. La personalización de sus páginas se llevará a cabo añadiendo, quitando, ordenando o configurando acorde a sus necesidades las aplicaciones disponibles. Las páginas personales pueden ser privadas y públicas.

1.2. Web de Centros: Los Centros son considerados Organizaciones compuestas por una estructura jerárquica de la cual dependerán a su vez otros tipos de Organizaciones (Clases y Departamentos). Todos los usuarios (profesores y alumnos) que pertenecen a un mismo Centro forman parte de esa Organización principal.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

3

Los propietarios y/o administradores de la Organización podrán gestionarla desde el Panel de Control permisos, asignar miembros, configurar páginas...

1.3. Web de Clases: Una Clase es una Organización que depende a su vez del Centro. La creación del espacio web de cada Clase se realiza por el propietario y/o administrador del Centro a través del Panel de Control.

Cada Clase podrá tener su propio diseño personalizado y varias páginas públicas y privadas adscritas a la misma.

1.4. Web de Departamentos: Un Departamento es una Organización que también depende del Centro.

La creación del espacio web de cada Departamento se realiza desde el propio Centro por el propietario y/o administrador del mismo a través del Panel de Control.

Cada Departamento podrá tener su propio diseño personalizado y varias páginas públicas y privadas adscritas al mismo.

1.5. Web de Comunidades: Una comunidad es un "espacio" dentro del Portal Educativo que pertenece a un grupo de usuarios, tiene un diseño personalizado y varias páginas privadas y públicas, adscritas a la misma. A diferencia de las Organizaciones (centros, clases y departamentos) de una comunidad virtual podrán formar parte profesores y alumnos pertenecientes a distintos centros.

Las comunidades agrupan usuarios transversalmente, unidos por un determinado interés o aspecto común.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

4

2. ACCESO AL ESPACIO Si tecleamos en nuestro navegador la dirección www.educa2.madrid.org nos encotramos una pantalla similar a la que vemos a continuación, en la que debemos introducir el nombre de usuario y la contraseña de acceso.

Una vez que hemos escrito el nombre de usuario y la contraseña accedemos a nuestro espacio que posteriormente vamos a poder personalizar, según nuestras preferencias y según nuestras necesidades.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

5

3. PÁGINAS PÚBLICAS O PRIVADAS Cuando entramos en nuestra nuestro espacio nos encontramos una página vacía.

Lo primero que tendremos que hacer es decidir en qué tipo de página queremos añadir contenidos. Hay dos tipos de páginas:  Páginas públicas: cuyos contenidos puede ver cualquier usuario que acceda a nuestra página web a través de la dirección. www.educa2.madrid.org/web/mi_usuario

 Páginas privadas: Sólo el usuario o quienes estén en ellas registradas pueden ver sus contenidos. Su dirección sería del tipo www.educa2.madrid.org/usuario/mi_usuario

Benedicto Marcos Benito

bmarcos@educa.madrid.org

6

4. CREAR PÁGINAS Para empezar en la elaboración de la página, tal como muestra la imagen, debemos acceder al menú de opciones, colocar el ratón sobre Ir a y luego hacer clic en Panel de control.

1. En la pantalla siguiente elegimos la opción Mis páginas. En esta pantalla tenemos las opciones de crear páginas públicas o páginas privadas. En cualquiera de las dos opciones tenemos una primera página llamada Inicio.

Una vez que hemos tecleado sobre Mis páginas nos aparecerá una página similar a la que vemos a continuación.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

7

Para crear la primera página hacemos clic en Añadir página

y

ahora debemos poner el nombre a la página creada. En este caso le hemos puesto el nombre de Prueba. Para finalizar la creación de la nueva página hacemos clic en Añadir página.

4.1. Administrar páginas Para administrar la página web que hemos creado, ya sea pública o privada, tendremos que situarnos en el desplegable Administrar, situado en la parte superior izquierda de la pantalla (para que esto aparezca debemos cliquear sobre Volver a mis páginas públicas

que está situado en la parte

superior de la pantalla.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

8

Una vez situados en Administrar aparecen desplegadas diferentes opciones. Elegimos Páginas del sitio web. Una vez hecho esto se nos abrirá la pantalla donde podremos configurarlas

Aquí podemos elegir el color de la página y un Asistente CSS que es un generador de Hojas de Estilo en Cascada (Cascading Style Sheets).

Por medio de este asistente podemos poner el mismo color a todas las páginas y la cabecera de la página por ejemplo.

4.2. Estructura de la página Para diseñar la estructura de nuestras páginas, tenemos que acceder al menú Administrar y elegimos la opción Disposición de página

Nos situamos en la página a la que queremos cambiar la estructura (por defecto está la estructura de 2 columnas (30/70)), sin olvidarnos de dar a Guardar cuando finalicemos la operación. Si quisiéramos cambiar la estructura de más páginas repetiremos los mismos pasos para cada una de ellas.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

9

4.3. Tipos de páginas 4.3.1. Portlets La información estará ubicada en contenedores llamados portlets, que son ventanas dentro de la página. El contenido elegido en esa ventana se verá como si fuera un marco.

4.3.2. Web insertada En este caso especificamos la dirección URL de una página web que se incluirá en nuestra página.

4.3.3. URL Aquí introducimos la dirección de una página web, pero desaparece el escritorio de EducaMadrid. Para ir a nuestra página de inicio debemos hacer clic en el botón atrás de nuestro navegador 4.3.4. Enlace a página Esta permite enlazar a una página interna de nuestro espacio web. Se nos muestran las distintas páginas que tengamos y nos mostraría su contenido.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

10

5. AGREGAR CONTENIDOS Administrador de contenidos nos proporciona, una mayor rapidez en la creación y modificación de contenidos, mayor capacidad de navegación entre las pantallas con formularios de un mismo contenido, y una mejor apariencia gráfica.

El acceso al Administrador de Contenidos se realiza siempre desde el menú principal (desplegable) de Administrar ubicado en la parte superior de la pantalla.

Para elaborar un contenido lo primero que tenemos que hacer es elegir el tipo de contenido que queremos crear. Para ello, accederemos al Administrador de Contenidos y se abrirá una nueva pantalla con cuatro pestañas.

En la pestaña Contenidos situaremos el cursor sobre la opción Nuevo Contenido.

Se despliega entonces un submenú con los distintos tipos de contenidos entre los que debemos resaltar los más empleados que son Libre y Libre con Capítulos).

Benedicto Marcos Benito

bmarcos@educa.madrid.org

11

Libre: Es el que más libertad ofrece al usuario a la hora de crearlo. Permite incluir información de lo más variada (texto, imagen, gráficos, insertar audio o vídeo así como para incorporar presentaciones (Slideshare), documentos (Scribd), contenidos de Agrega, fotos (Flickr, Picasa...).

Libre con Capítulos: Este tipo de contenido cuenta con las ventajas del contenido libre y la propiedad de agrupar la información por capítulos.

Recursos: Nos permite referenciar una dirección de internet que consideremos de interés.

5.1. Visualizar Contenidos Para visualizar los contenidos que hemos creado, vamos a utilizar el Agregador de contenidos, que nos permite escoger los contenidos que se visualizarán de dos modos diferentes, mediante una selección manual de los contenidos o mediante una selección automática (creando filtros).

Benedicto Marcos Benito

bmarcos@educa.madrid.org

12

Pulsando sobre Añadir contenidos,

se mostrarán los recursos

que hemos creado para diseñar nuestras páginas. Lo único que tenemos que hacer es elegir el recurso que queremos insertar. Para finalizar el proceso debemos hacer clic sobre Seleccionar. En este caso hemos insertado La estructura del átomo.

6. AÑADIR RECURSOS Desde esta opción lo que vamos a hacer es introducir en la página los elementos que queremos mostrar.

Tendremos que ir al Menú desplegable Añadir

. Dentro de las op-

ciones que aparecen debemos pulsar sobre Más... y elegir el recurso que deseemos.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

13

Si pulsamos sobre cada

nos aparecerá un menú desplegable con los diferentes

recursos que están incluidos en el grupo seleccionado.

6.1. Agenda Podemos crear nuestro propio calendario marcando fechas de reuniones, tareas, excursiones, etc.

Accedemos a ella desde el menú Añadir eligiendo la opción Mas… Desplegamos el menú de Herramientas. Vemos que aparece Agenda. Si hacemos clic sobre Añadir, de forma automática se inserta dicho recurso en la página que tengamos abierta en ese momento y apareciendo esta pantalla que vemos a continuación.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

14

Para añadir un evento en nuestra agenda hacemos clic sobre

y

aparece esta ventana que complementamos.

En la parte inferior de esa pantalla podemos apreciar que aparece un apartado que se llama Repetir en el que podemos indicar si queremos que el acontecimiento debe repetirse diaria, semanal, mensual o anualmente, así como señalar también la fecha final en la que debe de dejar de aparecer.

Más abajo también hay otro apartado que se llama Recordatorios en el que podemos indicar que nos avise cuando esté próxima la fecha del evento.

Para guardar los cambios efectuados siempre tenemos que hacer clic sobre Guardar.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

15

6.2. Directorio de ficheros Esta herramienta nos permite crear diferentes contenidos que posteriormente vamos a poder insertar en las páginas que hayamos creado, tanto en las públicas como en las privadas.

Es un repositorio personal donde podemos alojar nuestros documentos y tenerlos disponibles en cualquier sitio que tenga conexión a Internet. Esta pantalla que tenemos

a

continuación

es

la

que

nos

aparece

cuando

activamos

que está en el bloque de Herramientas

Benedicto Marcos Benito

bmarcos@educa.madrid.org

16

Vamos a ver c贸mo podemos subir archivos a este directorio.

Lo primero que tenemos que hacer es crear un directorio de carpetas, para organizar mejor los contenidos.

Una vez que estamos en el Directorio de Ficheros hacemos clic sobre y nos aparece la siguiente ventana

Al hacer clic sobre Nueva carpeta nos aparece esta nueva ventana, que muestra los pasos a dar para crear la nueva carpeta.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

17

Una vez que hemos creado la estructura de carpetas seleccionamos la carpeta donde queremos ubicar el archivo.

Si el archivo es grande, es conveniente tenerlo en un formato comprimido para una mejor circulación por la red.

Una vez que tenemos seleccionada la carpeta de destino hacemos clic sobre , si se trata de un fichero normal, (indicándonos que el Tamaño máximo permitido 10.0 MB), del mismo modo que si hacemos clic sobre

si queremos subir un archivo comprimido, (in-

dicándonos que Tamaño máximo permitido del zip 20.0 MB). De cualquiera de las dos formas, nos encontramos con esta pantalla que siguiéndola subiremos el archivo sin problemas.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

18

6.3. Herramientas de colaboración: Blogs Desplegamos Añadir y pulsamos sobre Mas… Hacemos clic en la cruz que aparece a la derecha de Colaboración y elegimos la opción añadir Blog. Cerramos este menú en la cruceta superior derecha.

Ya podemos ver el recurso agregado en la página elegida. Para añadir una primera entrada al Blog hacemos clic sobre Añadir entrada de Blog.

Se nos abre un formulario como el de la imagen inferior, en el que debemos poner el título, el contenido y la imagen si queremos insertarla.

Una vez finalizado el mensaje debemos pulsar sobre Publicar y el Blog aparecerá con el mensaje que hayamos escrito.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

19

6.4. Herramientas de colaboración. Wiki Iniciamos en Ir a.. y elegimos Panel de control. En la ventana que aparece elegimos la opción Wiki.

En la siguiente ventana elegimos la opción Añadir Wiki

Escribimos el nombre de la Wiki, opcionalmente podemos añadir una descripción de nuestra Wiki. No debemos olvidar seleccionar los permisos que queremos dar a los lectores y hacemos clic en Guardar.

Si queremos que escriba cualquier usuario en nuestra Wiki debemos elegir la opción Cualquier persona.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

20

Ahora ya podemos ver nuestra Wiki de Lengua.

Hacemos clic en Volver a Mis páginas públicas (parte superior izquierda).

A continuación seleccionamos Añadir, pulsamos en el botón Mas.. y elegimos la opción Wiki que está dentro del apartado de Colaboración.

Ya podemos ver la Wiki que hemos creado en nuestra página

Benedicto Marcos Benito

bmarcos@educa.madrid.org

21

7. CREACIÓN DE LA PRIMERA PÁGINA PARA EL CENTRO 2. En el menú principal hacemos clic en Ir a y luego en Panel de control

3. Situados en el Panel de control hacemos clic sobre Sitios web que está situado en la parte inferior de la pantalla.

Una vez situados en Sitios web, tenemos que localizar la cuenta del centro. En este caso, la imagen que aparece a continuación marcada en rojo es el espacio sobre el que yo tengo autorización para crear página. Esta es Departamento de Orientación que previamente el Administrador de la cuenta general me la ha creado.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

22

A la derecha podemos observar el menú Acciones

. Si hacemos clic sobre

él se despliega un nuevo menú del que elegimos la opción de Administrar páginas.

4. En esta pantalla tenemos las opciones de crear páginas públicas o páginas privadas. En cualquiera de las dos opciones tenemos una primera página llamada Inicio.

Para crear la primera página hacemos clic en Añadir página

Benedicto Marcos Benito

bmarcos@educa.madrid.org

23

El proceso de creación de páginas será el mismo que hemos seguido para crear las páginas personales.

La imagen que aparece a continuación es la estructura de páginas que hemos creado, que es orientativa y que debe variar según las necesidades de cada uno.

Benedicto Marcos Benito

bmarcos@educa.madrid.org

24