CCDD Intermedio I

2. BLOGS EDUCATIVOS
Módulo 2
Crédito de la imagen

3. TERCERA PARTE
¿Qué podemos incluir en nuestro blog? Utilidades didácticas
Crédito de la imagen

4. 4. Aprovechamiento didáctico del blog educativo.
4.1 Insertar imágenes.
4.2 Insertar presentaciones.
4.3 Insertar audio.
4.4 Crear e insertar un formulario
con Gdrive.
Crédito de la imagen

5. 4.1. INSERTAR IMÁGENES
Crédito de la imagen

6. Cómo subir una imagen
Para insertar una imagen puedes hacerlo de varias
maneras. La primera es seleccionar el icono de
imagen.

7. Una vez seleccionado puedes elegir la opción
de elegir archivos.

8. Para escoger la imagen desde tu ordenador selecciona
la foto y añádela a la entrada de tu blog.

9. Si clicas encima de la imagen puedes cambiar
el tamaño, la posición, eliminar etc.

10. Si quieres insertar una foto que no tienes en tu ordenador, sino a través de la URL o
dirección de la foto, debes seguir los siguientes pasos. Seleccionas el icono de
imágenes, pero en lugar de subir, escoges desde una URL.

11. Cómo insertar la URL de una imagen
• Busca en Google imágenes, o Flirck
aquella que te interese, por ejemplo,
libros.
• Clica sobre la imagen.
• Haz clic en botón derecho del ratón y
escoge “copiar URL de la imagen”

12. Inserta la URL en tu entrada y
selecciona la imagen

13. 4.2. INSERTAR
PRESENTACIONES
Crédito de la imagen

14. Insertar una presentación en el
blog
• En nuestro blog de Blogger podemos introducir
presentaciones de PPT (Power Point) de diferentes lugares:
• Podemos crear una presentación, subirla a Google drive y
desde ahí, insertarla en el blog.
• Podemos simplemente copiar la dirección de la presentación
(URL) y pegarla en nuestra entrada para que, al pinchar, nos
lleve al lugar donde se encuentra esa presentación…

15. • Si queremos hacer simplemente un enlace a la presentación,
escribimos un título o Haz clic aquí, lo que queráis y pinchamos en
ENLACE.
• Copiamos la URL ( la dirección que aparece en la barra superior,
parecida a esto: http://es.slideshare.net/adela/decalogos-
getxolinguae2010castellano?from_search=6
Pinchamos abrir en ventana
nueva IMPORTANTE
Después damos a aceptar

16. • Volvemos a la entrada y cuando pinchemos
sobre el enlace, iremos a la presentación en la
página de Slideshare.

17. • En este módulo vamos a ir a una página que se llama
Slideshare donde se alojan cientos de presentaciones (PPT).
• Muchas de ellas se pueden insertar en el blog, otras están
protegidas y no lo permiten.
• Vamos a aprender el procedimiento paso a paso pero, si al
terminar, vemos que la presentación no está en nuestro blog,
puede ser porque el autor ha retirado los permisos de
publicación.
• En este caso, buscamos otra similar.
• Si aún así tenemos problemas copiáis el código que vamos a
dejaros en la última diapositiva con una presentación que si
permite descarga y la introducís en vuestro blog.

18. • Tecleamos en el buscador de Google Slideshare.
Entramos en esta página

19. • En el buscador ponemos el tema que queremos
encontrar:

20. • Aparecen muchas presentaciones sobre el tema.
Después de revisarlas, elegimos la que nos parece
más adecuada a nuestro tema de trabajo.

21. • Pinchamos en INSERTAR y se abre una ventana
con un código que debemos copiar:

22. • Vamos a nuestro blog que hemos abierto
previamente y en el que hemos puesto un título
de entrada y MUY IMPORTANTE, pinchamos la
pestaña HTML

23. • Pegamos el código. Recordad, Botón derecho copiar y botón derecho pegar o
teclas Ctrl+ C para copiar, Ctrl +V para pegar y os aparecerá un código
parecido a éste:

24. • Pinchamos en actualizar

25. • Y sale esta pantalla con diferentes opciones:
editar, ver, compartir, eliminar

26. • Si queremos ver cómo ha quedado nuestra
entrada pinchamos en VER.
• Si después queremos modificar algo, introducir
texto, imagen… lo que sea… pinchamos en
EDITAR y realizamos los cambios necesarios.

27. • Existen otros modos de introducir presentaciones en el blog pero en este curso,
vamos a aprender un modo. Poco a poco iréis descubriendo diferentes caminos
• Por si os fallan los códigos, aquí tenéis uno que os puede servir para vuestra
actividad. Tenéis que copiar todo
• <iframe src="//www.slideshare.net/slideshow/embed_code/4182259" width="425"
height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"
style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width:
100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a
href="//es.slideshare.net/adela/decalogos-getxolinguae2010castellano"
title="Decalogos getxolinguae2010castellano" target="_blank">Decalogos
getxolinguae2010castellano</a> </strong> from <strong><a
href="//www.slideshare.net/adela" target="_blank">adela</a></strong> </div>

28. • Pinchamos en actualizar

29. 4.3. INSERTAR AUDIO
Crédito de la imagen

31. ¿Qué podemos hacer?
• Grabar y editar un podcast.
• Alojar el podcast en la red.
• Publicar y compartir el podcast.

32. ¿Cómo podemos hacerlo?
• ”Transformando nuestro ordenador…
en una grabadora digital”

33. ¿Qué necesitamos?
• Para grabar y editar: programa Audacity y herramientas
(micrófono, auriculares…).
• Para alojarlo-guardarlo: la Intranet, carpetas en
almacenamientos on line como GDrive, DropBox, plataformas como Goear,
Divshare…
• Para publicarlo: Blogger, plataformas como Goear,
Espacio Podcast…

34. En la actualidad...
• Las tres fases anteriores se pueden resumir en una:
• grabar y publicar en la misma plataforma
● plataformas como Vocaroo o Soundcloud.
● aptas para ordenadores y dispositivos móviles.
● tutorial Vocaroo; tutorial Soundcloud.

35. POSIBILIDAD 1
GRABAR, ALOJAR Y PUBLICAR UN
ARCHIVO DE AUDIO
AUDACITY, GOEAR, BLOGGER
Posibilidad apta para audaces y amantes
del audio

36. 1. Grabar y editar: Audacity
• Audacity: programa libre para
grabar y editar sonido.
Descarga aquí.
• Tutorial sobre Audacity;
• videotutorial. 1 2 3
4
1 play
2 grabar
3 pausa
4 stop

37. Principales funciones
• Eliminar fragmentos erróneos
o ruidos.
• Amplificar el sonido.
• Eliminación de ruido.
• Unir pistas.
• Poner música de fondo
(importar audio).
• Poner cuñas.
• Exportar como MP3.

38. 2. Alojar el podcast en la red.
• Subimos nuestro archivo de audio a la plataforma o
servicio de alojamiento del podcast..
• Para subirla necesitamos estar registrados con
nuestra cuenta de correo y una contraseña.
• Una vez subido, nos ofrece una dirección URL y
código HTML.

39. código HTML.
dirección URL
<object width="353" height="132"><embed
src="http://www.goear.com/files/external.swf?file=4945153"
type="application/x-shockwave-flash" wmode="transparent"
quality="high" width="353" height="132"></embed></object>
3. Publicar y compartir

40. Pegamos el código HTML en
nuestro blog, wiki, gsites,
web…

41. En resumen
• Descargar los programas e instalarlos.
• Grabar los podcasts.
• Colgar los podcasts en la red.
• Embeberlos y publicarlos en un blog, wiki,
gsites, web…

42. POSIBILIDAD 2
GRABAR Y PUBLICAR UN
ARCHIVO DE AUDIO
VOCAROO, BLOGGER
Posibilidad apta para profes con prisa

43. Si has optado por esta posibilidad, sigue las instrucciones
siguientes:
1. Escribe esta dirección en tu navegador: www.vocaroo.com
2. Pulsa Click to record.
3. Pulsa Permitir acceso de cámara y micrófono.
4. Pulsa Click to stop.
5. Pulsa: Click here to save.
6. Si la grabación NO es correcta, pulsa Retry; si es correcta, pulsa Listen.
7. Pulsa: Embed.
8. Copia la URL o el código embed y pégalo en tu blog.

44. 4.4 Crear e insertar un
formulario con Gdrive
Crédito de la imagen

45. CREAR EL FORMULARIO

46. en el menú de la esquina de la derecha (unos cuadraditos) la

47. ro haz click en CREAR y en el menú que se despliega escoge

48. • Podemos darle un título.
• Por defecto, se abre la
primera pregunta.
Aparece esta pantalla para crear formularios

49. Antes de empezar a
escribir es necesario
pensar qué tipo de
pregunta vamos a
hacer. Esto está
íntimamente
relacionado con los
tipos de respuesta que
ofrece el formulario
.Hay varios tipos diferentes de respuestas (ver la siguiente
diapositiva)
Empezamos a crear preguntas

50. Texto: se contesta con una palabra o una frase.
Texto de párrafo: Se contesta con una explicación más
amplia.
Tipo test: Opción múltiple y sólo se escoge una.
Casillas de verificación: se escoge entre varias opciones
y varias pueden ser correctas.
Elegir de una lista: similar al tipo test pero con un
formato desplegable
Escala: se utiliza para valorar dentro de una escala
numérica que hay que definir
Cuadrícula: crea una tabla de doble entrada.
Fecha y hora: pueden ir juntas o separadas, si se quiere
preguntar por la cronología de algún hecho
ck en “Tipo de pregunta” y se abre el menú. Elegir el tipo de pr

51. Empezamos a crear preguntas
Una vez elegido el tipo de
pregunta/respuesta, se
escribe la pregunta en el
apartado “título de la
pregunta”.
Si hemos escogido una
pregunta de opciones
múltiples (test, casillas de
verificación…) tendremos
que crear también las
posibles respuestas.
Podemos hacer que la pregunta sea obligatoria y marcarlo así en la casilla
correspondiente

52. Cuando hemos terminado la
pregunta le damos a OK. Se
cierra la ventanita en la que
hemos editado la pregunta. Si
hacemos click en “AÑADIR
ELEMENTO” se vuelve a
abrir otra pregunta para
editar, pero si hacemos click
en la pestañita de la derecha
nos ofrece todos lo tipos de
preguntas y algunas opciones
más.
Examinémoslas en la
siguiente diapositiva

53. Esta es la ventanilla que se abre al hacer click en la pestaña de “Añadir elemento”
Como se puede observar, aparecen todos los tipos de preguntas/respuestas que ya hemos citado
(básicas y avanzadasI). Pero además, en diseño, nos permite:
•Insertar un “ENCABEZADO DE SECCIÓN”, si queremos crear diferentes apartados (según los
contenidos) dentro del formulario, son como subtítulo
•Insertar una IMAGEN o un VíDEO, sobre el que luego podemos hacer preguntas
•Insertar un SALTO DE PÁGINA, si queremos crear páginas diferentes en el formulario (no es muy
utilizado)

54. Si escogemos “Insertar una IMAGEN”, se abrirá esta ventana. El
procedimiento es igual que cuando insertamos una imagen en el blog.
Escogemos la fuente que desemos (Subir, URL…) y seleccionamos la foto.
La imagen aparece en el formulario. Puedes
incluir un título o un texto que será visible al
pasar el ratón por encima. Al finalizar pinchar en
OK.

55. Si escogemos “Insertar un VÍDEO”, se abrirá esta ventana. El procedimiento es igual que
cuando insertamos un vídeo en el blog. Escogemos la fuente que deseamos (YouTube o
URL) y buscamos y seleccionamos el vídeo. En este caso escogemos YouTube.

56. Al seleccionar esa opción se abrirá una ventana como esta para que
busques el vídeo en YouTube. Para buscar el vídeo debes poner una
palabra clave sobre el tema que te interesa.
Aparecerán todos los que respondan a ese tema.
Para decidir cuál te interesa tendrás que ir viéndolos, como hacemos cuando
entramos a YouTube. En este caso, para reproducir cada vídeo haz click
sobre símbolo de “play”.

57. El vídeo se abrirá un poco más, como se ve en esta pantalla.
Para verlo en grande deberás darle al icono de la esquina inferior derecha, que
indica “pantalla completa”

58. Puedes verlo en pantalla completa. Cuando quieras volver
a la pantalla anterior, pincha de nuevo en el icono de la
esquina inferior derecha

59. Puedes hacer lo mismo con los otros vídeos. Cuando encuentres el que te
interese, lo seleccionas con el ratón y haces click en “Seleccionar” o haces click
dos veces sobre el título del vídeo . El vídeo se insertará en el formulario.

60. El vídeo aparece en el formulario. Puedes incluir un título
y/o subtítulo. Al finalizar pinchar en OK.

61. A partir de ahora. ya sea haciendo click
en “AÑADIR ELEMENTO” o, si queremos
una opción distinta, en la pestaña
contigua -como acabamos de ver-, vamos
añadiendo preguntas y elementos al
cuestionario.
Aparecerá la opción de completar otra
pregunta. Debemos escoger de nuevo el
tipo de pregunta/
respuesta que nos interesa.
Cuando hayamos terminado cada
pregunta o añadido un elemento de
diseño le damos a OK y, de nuevo,
“AÑADIR ELEMENTO”. Y así
sucesivamente hasta completar el
cuestionario.

62. En cualquier momento podemos editar una pregunta ya escrita colocando el ratón sobre ella. Al hacerlo
veremos que se activa en la esquina superior derecha de la pregunta un pequeño menú con tres iconos. Estas
son las opciones que nos ofrece:
• Podemos modificarla haciendo click en el icono del lápiz.
•Podemos eliminarla haciendo click en la papelera
•Podemos clonarla (copiarla) haciendo click en el icono del medio
•Asimismo arrastrando las preguntas con el ratón (manteniendo apretado el botón derecho) hacia arriba o
hacia abajo podemos cambiar su orden.

63. Antes de dar por
terminado el
formulario, en el
menú de arriba,
seleccionamos
“CAMBIAR TEMA”
para darle un diseño
al cuestionario
Terminar cuestionario

64. Se abre esta pantalla. En el centro aparece el cuestionario. Por defecto
aparece con el diseño básico, pero en la columna de la derecha se nos
ofrecen un montón de diseños diferentes. Buscamos y hacemos click en uno
que nos guste

65. El formulario coge el diseño que hemos elegido. Sin embargo, haciendo click en la
opción personalizar que aparece en la parte inferior del tema podemos personalizarlo.

66. Se abre esta ventana en la columna de la
derecha.
Si vamos haciendo click en cada
elemento se nos abre un nuevo menú
ofreciéndonos cambiar:
• en el caso de los diferentes
apartados del texto , el tipo, tamaño
y color de letra
• En el caso del encabezado, la
imagen y su colocación
• En el caso del cuerpo del formulario,
el color de fondo y de línea
• Y en el caso del fondo de la página,
la posibilidad de meter otra imagen
Podemos hacer pruebas y quedarnos
finalmente con lo que más nos guste o
aceptar el diseño tal cual.
Podemos, igualmente, escoger otro
diseño predeterminado en cualquier
momento.

67. Cuando hemos terminado con el diseño, para salir de esa
pantalla y volver al editor, hacemos click en EDITAR
PREGUNTAS en el menú de arriba.

68. • Cuando hemos terminado el cuestionario le damos a VER
EL FORMULARIO PUBLICADO.

69. •Ahora vemos el formulario
como se verá desde fuera.
•Nuestro formulario ya tiene
una URL. La podemos ver
en la barra de direcciones.
Ya se podría colocar en un
blog, en una página web,
enviar por correo...
•Siempre se puede volver a
editar el formulario
(cambiar/añadir/eliminar
preguntas…)

70. Para que el alumnado conteste el cuestionario podemos hacer diferentes cosas:
•Enviarlo por correo electrónico
•Enlazarlo en una entrada del blog
•Insertarlo (que se vea) en una entrada del blog
A las tres opciones podemos acceder a través de la pestaña “ENVIAR
FORMULARIO”, que aparece en la esquina superior derecha del editor
En nuestro caso os proponemos que practiquéis con las dos últimas: enlazarlo e
insertarlo.
A continuación os explicamos los pasos que tenéis que dar.
Enlazar y/o insertar el formulario en el blog

71. Hacemos click en la pestaña “ENVIAR FORMULARIO”,
que aparece en la esquina superior derecha del editor
Se abrirá esta ventana
en la que
encontramos todas las
opciones para
compartir el
formulario. Vamos una
por una.

72. Copiamos la URL
que aparece arriba
(“enlace para
compartir”). Podemos
también activar la
pestaña “Enlace
corto” para que nos
de una URL más
corta.

73. •Abrimos una ENTRADA NUEVA
en el blog.
•Escribimos y marcamos con el
ratón la palabra o palabras que
queremos enlazar, por ejemplo
“este cuestionario”.
•Hacemos click en ENLACE y
pegamos la URL en la ventana
que se abre. Escogemos “Abrir
enlace en una ventana nueva”.
•Para terminar ACEPTAR. Ya
estaría enlazado

74. Entramos en ENVIAR FORMULARIO y ahora hacemos click en
“INCRUSTAR”
Se abre esta ventana y nos da un código
HTML.
Podemos personalizar el tamaño para que
encaje mejor en la entrada, si fuera
necesario.
Copiamos el código HTML.
Para salir dar a OK.

75. Terminar cuestionario
•Abrimos una ENTRADA
NUEVA en el blog.
•Escribimos una pequeña
introducción.
•Hacemos click en la
pestaña HTML (ya que el
código que vamos a pegar
es un código HTML)
•Pegamos el código que
hemos copiado
•Hacemos click en la
pestaña “Redactar” para
volver al editor normal.

76. Insertarlo en una entrada del blog
El formulario ha
quedado
insertado en la
entrada.
Le damos a
guardar o, si ya
hemos
terminado, a
publicar.

77. Así lo veríamos.
Puede ocurrir que quede
demasiado grande y se nos meta
en la barra lateral. En ese caso,
lo eliminamos. Volvemos a
ENVIAR FORMULARIO,
entramos en INCRUSTAR y
cambiamos el tamaño. Volvemos
a copiar el código HTML (que
ahora habrá cambiado) y lo
volvemos a insertar en la
entrada.
Podemos repetir esta operación
hasta conseguir el tamaño
deseado

78. Otra posibilidad es cambiar el
tamaño directamente en el propio
editor del blog.
Volvemos a activar la pestaña
HTML en la entrada del blog. En
el código que hemos pegado hay
dos números:
•height="2130“
•width="760“
Podemos modificarlos para
encajarlo mejor con cuidado de
no cambiar nada más. Hacemos
click en “Actualizar”” y vemos el
resultado. Podemos jugar hasta
encontrar el tamaño ideal. <iframe frameborder="0" height="2130"
marginheight="0" marginwidth="0"
src="https://docs.google.com/spreadsheet/
embeddedform?formkey=dFBIVGhEVG03
dFBWZFFvYnpTekxKWWc6MA"
width="760">Cargando...</iframe>

79. Este sería el resultado final

80. Cerrar el cuestionario
Cuando hemos acabado el proceso cerramos el cuestionario.

81. El cuestionario ha quedado guardado en nuestro espacio de Google Drive.
Para volver a abrirlo vamos a Google Drive. Lo buscamos y lo abrimos.
Cómo recuperar el formulario y ver las
respuestas

82. Se abre el archivo. Podríamos modificarlo, insertarlo o enlazarlo de nuevo en
un blog o en otra página web…

83. ¿Cómo ver las respuestas?
Hacemos click en VER RESPUESTAS.

84. Se abre una HOJA DE
CÁLCULO que es
donde se van
recibiendo las
respuestas en el
momento en que el
alumnado responde el
formulario.
Ahí podemos consultar
las respuestas. Pero
hay una forma más
interesante de verlas.

85. MOSTRAR EL
RESUMEN DE
RESPUESTAS: en la
misma hoja de
cálculo, en el menú
de arriba, haciendo
click en “Formulario”
aparece un menú con
varias opciones.
Clikamos en “mostrar
el resumen de
respuestas”.

86. Se abre una vista de
este tipo, con las
respuestas
cuantificadas en
porcentajes y reflejadas
en gráficos.
Esto permite compartir
con el alumnado en el
momento los resultados
y comentarlos con ellos

87. Otras opcionesEn el mismo menú que se abre al
clicar en “Formulario” hay otras
opciones que también nos pueden
interesar:
•modificar formulario,
•verlo en directo
• enviarlo por correo,
•Insertarlo en una página web
•Desenlazar el formulario, es decir, no
recibir más respuestas. Esta última
opción sería interesante una vez de
que ya hubiéramos acabado de
realizar con el alumnado la actividad
vinculada al formulario para evitar que
personas ajenas lo contesten y lo
desvirtúen

88. Esas mismas opciones y alguna más podemos encontrarlas también en
el editor del formulario, en la pestaña RESPUESTAS

89. Cerrar cuestionario
Cuando hemos acabado todo el proceso cerramos
definitivamente el cuestionario.

90. MUCHAS GRACIAS
Crédito de la imagen