16
EDUBLOGS Algunas ideas para su diseño en Blogger Raymond Marquina, Universidad de Los Andes, Mérida, Venezuela

Diseñando un espacio docente con blogger

Embed Size (px)

DESCRIPTION

Diseñando un espacio docente con Blogger

Citation preview

Page 1: Diseñando un espacio docente con blogger

EDUBLOGSAlgunas ideas para su diseño en Blogger

Raymond Marquina, Universidad de Los Andes, Mérida, Venezuela

Page 2: Diseñando un espacio docente con blogger

Anatomia de un blog en blogger

Por fuera: Interfaz de usuario

Por dentro: Escritorio

Page 3: Diseñando un espacio docente con blogger

Interfaz de usuario

Es lo que el usuario final o visitante de nuestro blog puede ver.Generalmente esta conformado por:

• Barra superior con el titulo del blog• Zona de contenidos • Barras laterales que contienen widgets• Zona inferior con widgets

Los widgets son elementos que nos permiten añadir funcionalidades extras a nuestro blog. Muchas son facilitadas por blogger, otras son tomadas de servicios de terceros como Twitter por ejemplo.

Page 4: Diseñando un espacio docente con blogger

Interfaz de usuario

Titulo y descripción

Perfil Autor

Archivo del blog

Seguidores

Descripción del blog

Widgets

Page 5: Diseñando un espacio docente con blogger

Escritorio

Espacio administrativo del autor del blog, en donde se pueden crear nuevas entradas, paginas, configurar el espacio y personalizar el mismo modificando su apariencia estética. Cada blog creado en Blogger posee un panel de gestión similar.

Page 6: Diseñando un espacio docente con blogger

Diseñando nuestro espacio docente

Si nuestro blog será usado como un espacio de comunicación y como un repositorio de contenidos de nuestra asignatura, es importante considerar la creación y configuración de ciertos elementos que debería contener para garantizar que se cumpla el objetivo que perseguimos.

Blogger es una plataforma que te permite actualmente, crear blogs que además de las entradas (que se muestran en la pagina principal) pueden contener paginas con enlaces permanentes desde la barra superior o lateral. Además nos brinda múltiples facilidades para insertar código de otros servicios que nos permite visualizar en nuestro blog contenidos alojados en cualquier parte en la web.

Page 7: Diseñando un espacio docente con blogger

EDUBLOGComo recurso de apoyo a la docencia presencial

Page 8: Diseñando un espacio docente con blogger

Diseñando nuestro espacio docente

En esta modalidad de enseñanza, nuestro blog se convierte básicamente en un repositorio de contenidos, una cartelera de novedades / noticias. Un espacio que comúnmente será usado por nuestros estudiantes fuera del aula de clases para acceder a los materiales y recursos alojados por el docente y enterarse de las ultimas novedades.

Es importante que el blog contenga toda la información sobre la asignatura: programa, cronograma de actividades, plan de evaluación, materiales, recursos, referencias, etc. distribuida en paginas con enlaces permanentes. Blogger soporta la creación de hasta 10 paginas.

Page 9: Diseñando un espacio docente con blogger

Diseñando nuestro espacio docente

Las entradas del blog se observan en la pagina principal del espacio virtual

ENTRADAS

Cartelera del curso

• Noticias y novedades• Publicación de recursos complementarios• Detalle de las actividades a realizar• Resolución de dudas y preguntas• Agenda• Recordatorio de tareas y actividades

Page 10: Diseñando un espacio docente con blogger

Diseñando nuestro espacio docente

Algunos elementos que debería contener nuestro blog de asignatura

PAGINAS

Programa de la asignatura

Cronograma de actividades

Plan de evaluaciónReferencias

bibliográficas Recursos

Materiales de la asignatura

Page 11: Diseñando un espacio docente con blogger

Diseñando nuestro espacio docente

Los gadgets se añaden de forma directa en blogger, mediante el área de diseño en el escritorio de autor y se configuran mediante un par de clic

BARRAS

Gadgets

• Paginas del blog• Perfil• Archivo del Blog• Búsqueda• Lista de enlaces• Seguir por correo electrónico• Enlaces de suscripción• Lista de blogs• Etiquetas

Page 12: Diseñando un espacio docente con blogger

Área de contenidoEntradas del blog

Barra de titulo

Búsqueda

Paginas

Paginas

Seguir por correo-e

Archivo del blog

Lista de enlaces

Etiquetas

Gadgets

Sugerencias de diseño edublog

Page 13: Diseñando un espacio docente con blogger

Ingresa a la sección de Diseño, usando esta pestaña

Añade los gadgets que requieras y arrastra los bloques para ponerlos en el orden que te interesa, para finalizar oprime el botón guardar

Cabecera; permite configurar la barra de titulo y descripción del blog. Se puede insertar una imagen como barra superior

Entradas del blog, mediante el enlace “Editar” se pueden modificar los parámetros de presentación de las entradas del blog.

Gadgets: se añaden en las zonas laterales e inferior del blog, haciendo clic en el enlace “Añadir un gadget”

Page 14: Diseñando un espacio docente con blogger

Esta captura de pantalla, muestra la ventana emergente que aparece al hacer clic sobre el enlace “Añadir gadget”

Para añadir un gadget que te interese solo debes oprimir el boton: y configurar el bloque de acuerdo a tus necesidades.

Puedes añadir gadgets de servicios ajenos a blogger, como por ejemplo Twitter usando un bloque llamado HTML/Javascript

Para usar este bloque, debes copiar el código que deseas insertar y pegarlo en el espacio que este te proporciona.

Añadir un gadget

Page 15: Diseñando un espacio docente con blogger

Añadir código en un gadget

Oprime Añadir gadget en la ventana de diseño del blog. Ubica el bloque HTML/Javascript y haz clic para

añadirlo

En la ventana emergente HTML/Javascript pega el código que copiaste para añadir el gadget que te interesa. Por ejemplo: pega el código

para añadir un widget de perfil de Twitter.

Al finalizar oprime el botón GUARDAR, si deseas previsualizar el gadget recien ingresado, Guarda los cambios en la ventana de diseño del

blog y oprime VISTA PREVIA

2

1

Page 16: Diseñando un espacio docente con blogger

Añadir código en un gadget

Puedes añadir código a tu Blog de servicios tales como: Twitter Youtube Slideshare Delicious Vimeo Blip.tv Cualquier otro servicio 2.0 que genere automáticamente

código para incrustar objetos

No olvides tener cuidado con el tamaño (ancho x alto) de los objetos, especialmente en su anchura si lo piensas insertar en una barra lateral de tu blog