CREACIÓN DE UN MURAL MULTIMEDIA

PRÁCTICA 5:

ÍNDICE

1. Introducción a Glogster.

2. Elementos de la página principal de Blogster.

3. Creación de un Glog.

4. Elementos de la imagen de Glog.

5. Información añadida sobre Glogster

6. Mural.

1. Introducción a Glogster.

Glogster es una plataforma que ha sido creada para crear carteles interactivos con la finalidad de aprender. Es una interfaz para la mezcla de audio, vídeo, texto, imágenes, etc. Esta página puede ser utilizada por cualquier persona que tenga gmail, pero principalmente está destinada a educadores y estudiantes (como vemos en la figura 1).

Para poder entrar en Glogster debemos poner en Google "Glogster". Como primera página nos aparecerá Glogster EDU donde tenemos que pulsar. 

Figura 1: Página principal de Glogster

2. Elementos de la página principal de Blogster.

Una vez dentro de este programa, encontramos una serie de elementos.

Los elementos que observamos en la figura 2 son los que vamos a tratar y que voy a explicar seguidamente (numerados del 1 al 11 para mantener un orden en la explicación).

Figura 2: Elementos de Glogster.

1) Si pulsamos sobre Educador (rectángulo verde que nos aparece en la página principal) nos aparecerán muchas opciones como comprar aplicaciones u opciones de licencia para varios años. Según la aplicación que escojamos debemos pagar más o menos. Las aplicaciones son: Elementary, Secondary y Faculty (figura 2).

Figura 3: Aplicaciones de Glogster EDU.

2) En la opción estudiante que encontramos al lado de la opción educador deberían entrar los estudiantes. Una vez dentro nos va a pedir la página que nos registremos, introduciendo nuestros datos sobre el colegio en el cual estamos estudiando, un nickname (nombre que queramos para identificarnos en esta web) y, finalmente, una contraseña con la que entraremos cuando queramos trabajar con el glogster (figura 3).

Figura 4: Registro del estudiante.

3) Si pulsamos sobre el elemento Glogster EDU volveremos a la página principal de Glogster.

4) Glogpedia: aquí vemos diferentes tipos de recursos según queramos para nuestro mural (estudios sociales, ciencias, matemáticas, artes y música, idiomas, tecnología, etc.).

5) Pricing: nos aparecen los precios para la utilización de este programa (la misma pantalla que si pulsamos en estudiante).

6) Blog: vemos una gran cantidad de murales sobre diferentes temas, los cuales podemos seguir en Twitter. Además, tambien es un lugar donde podemos opinar acerca de murales y buscar el tema que más nos interese.
"
7) Play: si pulsamos sobre el círculo de "play" se nos abrirá una pestaña nueva con un vídeo de un minuto y 15 segundos donde nos explican Glogster en inglés.
El vídeo es el siguiente: 

8) Glog creation: para poder crear un glog.

9) Glogpedia library: para encontrar la información y la inspiración con una biblioteca de más de 8.000 Glogs de alta calidad (de las aulas de todo el mundo). Están categorizados en 80 temas a través de 9 disciplinas que constituyen un recurso atractivo y rico.

10) Glogster for IPad: para experimentar el nuevo estándar para el aprendizaje en cualquier sitio y a cualquier hora con la aplicación IPad, para aprender de una forma atractiva

11) Log in (iniciar sesión): he realizado una captura de pantalla para explicar cada parte de este punto:

Figura 5: Log in.

3. Creación de un Glog

Entramos a log in donde hemos entrado en el punto 11 anterior --> Sign in with Google.

Dentro de sign in with Google nos aparece una opción para comenzar a crear un Glog. Pulsamos sobre Create new Glog

Figura 6: Botón para crear un Glog.

Ya pulsado, debemos escoger la forma que queremos que tenga nuestro mural (vertical, horizontal, asignación, experimental, al azar, etc.). Una vez seleccionado la forma de nuestro mural, nos aparecerá una pestaña con una serie de herramientas para trabajar el mural (figura 7).

Estas herramientas son las que nos aparecen en la parte superior izquierda vemos que nos aparecen cuatro iconos, un +, una flecha, una nube y una cámara. Voy a explicar para que sirven cada uno de estos iconos.

- Signo + 

Si pulsamos sobre + nos aparecerá una barra de herramientas, la que observamos (en negro) en la figura 8.

Figura 7: Elementos principales de + (los rodeados en rojo).

Barra +

Figura 8: Creación de un mural.

En la parte superior nos aparece una barra, como he nombrado anteriormente, de herramientas que voy a ir explicando paso a paso:

1º) Texto. Al pinchar vemos que tenemos muchas opciones para elegir una caja de texto con la finalidad de añadir, seguidamente, un texto.

2º) Gráficos: nos permite añadir dibujos (se puede arrastrar al lugar donde queremos ponerlo en el mural no es necesario pulsar sobre USE IT. Al rededor de la imagen nos aparecen flechas con las cuales podemos hacer más grande o más pequeña y girarla según como queramos la imagen.

3º) Imagen: para escoger una imagen que queramos insertar en nuestro mural.

Figura 9: Opción imagen.

Figura 10: Elementos de la opción imagen.

4º) Muro (wall): para elegir el fondo de nuestro mural.

4º) Audio: nos permite escoger un auio de nuestro ordenador. Una vez seleccionado podemos escoger un player.

5º) Vídeo: Aquel que tengamos en nuestro ordenador o en youtube.


- Flecha 

Nos permite insertar imágenes, vídeos o audios a nuestro mural.

- Nube 

Si queremos añadir una foto de una página web debemos utilizar esta opción. Ej: buscamos en google una imagen pinchamos sobre ella y copiamos el enlace de la imagen seleccionada. A continuación pegamos el enlace, una vez que pinchamos en esta opción (nube), y seguidamente nos aparecerá la imagen en el mural.

- Cámara
Nos permite grabar un vídeo, audio y/o imagen.

- Clip 
El clip lo encontramos en la parte superior derecha de la hoja (figura 7).
Si pulsamos sobre él, podemos ver los archivos adjuntos.

- Flechas 
Para deshacer o avanzar un paso que hemos realizado.

Figura 11: Flechas.

- Preview
Rectángulo que se encuentra al lado de las flechas anteriores.
Preview significa preestreno.

- Save
Rectángulo que se encuentra al lado de las preview.

Save significa guardar, por lo tanto, si estamos trabajando en el mural y queremos seguir en otro rato, damos a guardar y podremos seguir con este en otro momento. Para ello, nos aparece una nueva pantalla, esta es la siguiente (figura 12):

Figura 12: Opción save.

Elementos de la nueva pestaña de save:

Glog Name: nombre que queremos que se llame el glog que hemos creado.

Discipline: disciplina que queramos para nuestro trabajo (matemáticas, ciencias, historia, astes y música, etc.). En mi caso he puesto "no category" (ninguna categoría) y, por lo tanto "no topic" (sin tema). Pero si queremos hacer un mural sobre un determinado tema hay que elegir el tema de que trata el mural.

Grades: para elegir el grado.

Tags: son unas etiquetas (marcas) que delimitan una región en los lenguajes basados en XML.


Debemos elegir una de las siguientes opciones (según el estado de nuestro mural): 

• Public with reglog (público con reglog)
• Public (público)
• Finished (terminado)
• Unfinished (inacabado)

Una vez elegido pulsamos sobre save y nos aparecerá una nueva página donde hay que escoger una opción de las 3 que te dan a escoger. Las opciones a escoger son: 

• Back to edit: para volver atrás, para editar.
• Dashboard: tablero de instrumentos.
• Preview: vista preliminar. 

En nuestro caso vamos a pinchar sobre dashboard, nos aparecerá la siguiente pestaña (figura 13):

Figura 13: Pestaña de dashboard.

Ya en esta página, pinchamos sobre el rectángulo que he señalado en rojo que pone "change layout"(cambiar capa). En este paso escogemos la opción que más nos interese, o iconos grandes o pequeños. Escogemos uno de los dos (en mi caso iconos pequeños) y damos a embed this blog donde se sitúa el código HTML, copiamos el que pone Blog size para poder pegarlo en nuestro blog y ver nuestro mural desde nuestro blog.

- Cruz

Cuadrado que se encuentra al lado de la opción save.
Si pulsamos sobre la cruz nos permitirá esta plataforma salir del mural, preguntándonos si queremos guardarlo, editarlos o salir sin guardar.

4. Elementos de la imagen de Glog.

Las imágenes que queramos insertar en nuestro Glog van a tener una serie de opciones que podemos utilizar según como queramos la imagen. Las voy a explicar de derecha a izquierda y de arriba a abajo.

• Papelera: en el caso que queramos eliminar la imagen.

• Candado: para bloquear el texto.
• Flecha en forma de cuadrado: para que la imagen sea más pequeña.
• Doble cuadrado (uno encima de otro): para situar una imagen encima de otra.
• El cuadrado con dos cuadrados a las esquinas: superpone una imagen por encima del otro.
• Cuadrado por encima de otros 2 cuadrados pequeños: al contrario del punto anterior.

• Text: pulsando sobre text podemos escribir sobre la imagen, cambiar el formato de la letra, la alineación de esta, el tamaño y el color. 
• Gotas de mecromina: nos permite cambiar de color la imagen marcada.

• Abl: para poder cambiar la letra de nuestro mural.

• Barita mágina: nos permite dar transparencia y poner cierto efecto. Además de permitir crear cierta sombra al texto o figura que hayamos hecho.

Figura 14: Imagen de Glog.

Además de esto, también nos permite hacer más grande o más pequeña la imagen con las flechas de los vértices de la imagen y girarla con las flechas que tienen forma de giro (que vemos en la figura 14).
 

5. Información añadida sobre Glogster

En este vídeo nos dicen qué es Glogster y nos muestran sus aspectos fundamentales de este programa que hemos visto anteriormente en esta práctica. Espero que os guste.

- Enlace sobre la página de Glogster.

- Página muy interesante: Enlace --> pulsando 

a este enlace podemos entrar a una gran cantidad

de programas, se nos presentan 100 programas

diferentes (Google Docs, Twitter, Tuenti, Glogster

EDU, Line, Prezi, Gmail, entre muchos otros).

Una vez sabidos y conocidos los elementos y partes de Glogster EDU ya podemos comenzar a realizar nuestro mural.

6. Mural.

Los medios de transporte.

Mural realizado por mi.

Blog size Glog 560X578:

<iframe src="http://edu.glogengine.com/view/97un9fhSqlxun42m82sk:6jkdq9gqj95pdj2e7uu5c2q" width="560" height="758" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="overflow: hidden;"></iframe>

Enlace