Diseñando un espacio docente con blogger

2,493 views

Published on

Diseñando un espacio docente con Blogger

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,493
On SlideShare
0
From Embeds
0
Number of Embeds
904
Actions
Shares
0
Downloads
44
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Diseñando un espacio docente con blogger

  1. 1. EDUBLOGS<br />Algunasideas para su diseño en Blogger<br />Raymond Marquina, Universidad de Los Andes, Mérida, Venezuela<br />
  2. 2. Anatomia de un blog en blogger<br />Por fuera: Interfaz de usuario<br />Por dentro: Escritorio<br />
  3. 3. Interfaz de usuario<br />Es lo que el usuario final o visitante de nuestro blog puede ver.<br />Generalmente esta conformado por:<br /><ul><li> Barra superior con el titulo del blog
  4. 4. Zona de contenidos
  5. 5. Barras laterales que contienen widgets
  6. 6. Zona inferior con widgets</li></ul>Los widgetsson 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.<br />
  7. 7. Interfaz de usuario<br />Titulo y descripción <br />Descripción del blog<br />Seguidores<br />Widgets<br />Archivo del blog<br />Perfil Autor<br />
  8. 8. Escritorio<br />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. <br />
  9. 9. Diseñandonuestroespaciodocente<br />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.<br />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.<br />
  10. 10. EDUBLOG<br />Comorecurso de apoyo a la docenciapresencial<br />
  11. 11. Diseñandonuestroespaciodocente<br />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.<br />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.<br />
  12. 12. Diseñandonuestroespaciodocente<br />Cartelera del curso<br /><ul><li> Noticias y novedades
  13. 13. Publicación de recursos complementarios
  14. 14. Detalle de las actividades a realizar
  15. 15. Resolución de dudas y preguntas
  16. 16. Agenda
  17. 17. Recordatorio de tareas y actividades </li></ul>ENTRADAS<br />Las entradas del blog se observan en la pagina principal del espacio virtual<br />
  18. 18. Diseñandonuestroespaciodocente<br />Programa de la asignatura<br />Cronograma de actividades<br />Materiales de la asignatura<br />PAGINAS<br />Plan de evaluación<br />Referencias bibliográficas <br />Recursos<br />Algunos elementos que debería contener nuestro blog de asignatura<br />
  19. 19. Diseñandonuestroespaciodocente<br />Gadgets<br /><ul><li> Paginas del blog
  20. 20. Perfil
  21. 21. Archivo del Blog
  22. 22. Búsqueda
  23. 23. Lista de enlaces
  24. 24. Seguir por correo electrónico
  25. 25. Enlaces de suscripción
  26. 26. Lista de blogs
  27. 27. Etiquetas</li></ul>BARRAS<br />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<br />
  28. 28. Sugerencias de diseño edublog<br />Barra de titulo<br />Paginas<br />Área de contenido<br />Entradas del blog<br />Búsqueda<br />Paginas<br />Seguir por correo-e<br />Archivo del blog<br />Lista de enlaces<br />Etiquetas<br />Gadgets<br />
  29. 29. Ingresa a la sección de Diseño, usando esta pestaña<br />Cabecera; permite configurar la barra de titulo y descripción del blog. Se puede insertar una imagen como barra superior<br />Entradas del blog, mediante el enlace “Editar” se pueden modificar los parámetros de presentación de las entradas del blog.<br />Gadgets: se añaden en las zonas laterales e inferior del blog, haciendo clic en el enlace “Añadir un gadget”<br />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 <br />
  30. 30. Añadir un gadget<br />Esta captura de pantalla, muestra la ventana emergente que aparece al hacer clic sobre el enlace “Añadir gadget” <br />Para añadir un gadget que te interese solo debes oprimir el boton: y configurar el bloque de acuerdo a tus necesidades. <br />Puedes añadir gadgets de servicios ajenos a blogger, como por ejemplo Twitter usando un bloque llamado HTML/Javascript<br />Para usar este bloque, debes copiar el código que deseas insertar y pegarlo en el espacio que este te proporciona. <br />
  31. 31. Añadir código en un gadget<br />Oprime Añadir gadgeten la ventana de diseño del blog. Ubica el bloque HTML/Javascript y haz clic para añadirlo <br />1<br />2<br />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.<br />Al finalizar oprime el botón GUARDAR, si deseas previsualizar el gadgetrecien ingresado, Guarda los cambios en la ventana de diseño del blog y oprime VISTA PREVIA<br />
  32. 32. Añadir código en un gadget<br />Puedes añadir código a tu Blog de servicios tales como:<br /><ul><li>Twitter
  33. 33. Youtube
  34. 34. Slideshare
  35. 35. Delicious
  36. 36. Vimeo
  37. 37. Blip.tv
  38. 38. Cualquier otro servicio 2.0 que genere automáticamente código para incrustar objetos </li></ul>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<br />

×