1. Curso de
Perfeccionamiento
Docente – clase 2
“Herramientas Web 2.0”
Profesor Jorge O. López
Derechos de Autoría
2012-2013

2. Curso de Perfeccionamiento Docente “Herramientas Web 2.0”
Completando nuestro entorno de trabajo personal
OBTENER RECURSOS AUDIOVISUALES:
Una de las potencialidades de la nube es la de permitir la descarga
(download) de contenidos que luego podemos utilizar o reutilizar
libremente en tus productos perdagógico-digitales.
Te presento esta página (también podés hacerlo descargando un programa gestor de
descarga como por ejemplo el ATUBE CATCHER u otros). En este caso elegí una página
de Internet.
Herramientas WEB 2.0
Supongamos que viste un video en YOUTUBE y querés utilizarlo en una página web que
estas creando para que tus alumnos la naveguen offline.
Estos son los pasos para descargarte ese video:
Lo primero, copiás la
dirección URL de tu
video en youtube.
Herramientas WEB 2.0
Luego ingresás a la página de keepvid.com y allí pegás la URL copiada.
Herramientas WEB 2.0
1
Prof. Jorge O. López – Material Didáctico con Derechos de Autoría

3. Curso de Perfeccionamiento Docente “Herramientas Web 2.0”
Por último si el video admite descarga y luego de unos segundos vas a ver las opciones
de diferentes formatos y tamaños de archivos de descarga posible. Elegís uno y lo
descargás.
Herramientas WEB 2.0
formatos posibles
de descarga.
Widgets, Gadgets y demás yerbas….
Estos elementos son complementos que se agregan libremente a tu página o BLOG, etc.
Sólo basta copiar su código embebido (Embed) que corresponde al lenguaje HTML para
después poder pegarlo en el lugar que decidas dentro de tu página. Estos son los pasos
que debés seguir para lograrlo:
Paso 1 . buscás un widget o gadget que desees insertar a tu página
Herramientas WEB 2.0
Luego de seleccionarlo copías su código embebido. Es probable que antes debas definir su tamaño
y otros atributos previos. El comando dirá GET EMBED (si esta en inglés) u obtener código si está en
castellano o HTML.
Herramientas WEB 2.0
2
Prof. Jorge O. López – Material Didáctico con Derechos de Autoría

4. Curso de Perfeccionamiento Docente “Herramientas Web 2.0”
Una vez copiado el código HTML lo único que te resta es pegarlo (incrustarlo) en tu
página. Según la clase anterior, entrás a editar tu página y pulsás sobre el botón
WIDGETS y elegís en el menú el botón HTML, lo estirás y soltás en la ubicación que
deseás que tenga en tu página y por último pegás en su recuadro de relleno el código
que copiaste antes.
Herramientas WEB 2.0
Herramientas WEB 2.0
Una vez que pegaste tu código HTML, elegís su alineación y por último lo incrustás a tu
página pulsando en Save.
Herramientas WEB 2.0
3
Prof. Jorge O. López – Material Didáctico con Derechos de Autoría

5. Curso de Perfeccionamiento Docente “Herramientas Web 2.0”
El resultado será el widget dentro de tu página
Ejemplo.
Gadget de
calculadora
incrustado
Herramientas WEB 2.0
EJERCICIO DE APLICACIÓN
Herramientas WEB 2.0
Herramientas WEB 2.0
4
Prof. Jorge O. López – Material Didáctico con Derechos de Autoría

6. Curso de Perfeccionamiento Docente “Herramientas Web 2.0”
Edición de imágenes digitales
Existen en la nube diferentes servicios 2.0 que te brindan prestaciones más o menos
profesionales. En muchos de ellos es necesario registrarse antes, en otros el acceso es
directo. Hoy te presento ES.PHIXR.COM una página bastante completa que te
posibilita realizar varias tareas sobre una imagen subida desde tu computador o
tomada directamente sobre una página de internet.
luego de ingresar a la página debés elegir u
cargar la imagen sobre la cual querés
trabajar.
Herramientas WEB 2.0
Desde tu computador (upload)
Desde una página de internet (URL)
Una vez cargada, vas a poder elegir desde
la paleta de operaciones la acción que
desees aplicar a tu imagen.
Luego de elegir la operación aparecerá un
cuadro de configuración de la acción. Por
ejemplo cuadro para modificar el brillo y
el contraste de la imagen.
Herramientas WEB 2.0
Herramientas WEB 2.0
5
Prof. Jorge O. López – Material Didáctico con Derechos de Autoría

7. Curso de Perfeccionamiento Docente “Herramientas Web 2.0”
Una vez finalizadas las operaciones de modificación (mejoramiento o desmejoramiento,
recorte, etc) sobre tu imagen, debajo de lla aparecerá la pestaña de GUARDAR, luego
de elegir el formato con el que la guardarás (JPG, PNG, etc) podrás grabarla en tu pc, o
imprimirla directamente. Otras opcines de estas pesatañas te permiten definir en un
mapamundi la unbicación de esta imagen, otras opciones te permitirán transferirla via
redes sociales o email.
Herramientas WEB 2.0
Edición de grafos digitales
Esta página es muy interesante pues nos permite generar una variedad
de gráficos y esquemas que posibilitan desde el ordenamiento conceptual hasta su
vinculación, síntesis y presentación adecuada para los fines pedagógicos pretendidos.
Luego de registrarte en CACOO.COM vas a ingresar a la pantalla
Plantillas para elegir el tipo
de gráfico.
Herramientas WEB 2.0
Elementos gráficos que podés
elegir de la plantilla. Para
ubicarlo, simplemente lo
estirás y soltás sobre el
espacio en blanco de trabajo.
Herramientas WEB 2.0
6
Prof. Jorge O. López – Material Didáctico con Derechos de Autoría

8. Curso de Perfeccionamiento Docente “Herramientas Web 2.0”
Herramientas WEB 2.0
Luego podés agregar cuadros de texto, conectores y flechas desde el menú de formato
en la barra lateral superior. Con este menú también podés definir atributos de los
objetos como por ejemplo el grosor de la línea.
Una vez finalizado el grafo, en el menú superior derecho podrás grabarlo o exportarlo
para utilizarlo en una página u otro programa. Herramientas WEB 2.0
Herramientas WEB 2.0
7
Prof. Jorge O. López – Material Didáctico con Derechos de Autoría

9. Curso de Perfeccionamiento Docente “Herramientas Web 2.0”
Ejercicio de aplicación
Herramientas WEB 2.0
Herramientas WEB 2.0
Herramientas WEB 2.0
8
Prof. Jorge O. López – Material Didáctico con Derechos de Autoría

10. Curso de Perfeccionamiento Docente “Herramientas Web 2.0”
Publicación digital
Es momento de que recurras a la nube para subir (UPLOAD) tus teorías, guías de
trabajo, guías de lectura, guías teórico-prácticas, etc para poder incrustarlas luego en
tu propia página o blog, etc.
Existen varias páginas que te permiten hacerlo, y hoy te presento a CALAMEO, este
servicio está en castellano y es muy intuitivo. www.calameo.com
Luego de registrarte lo que necesitás es contar con tu documento (puede ser en texto
o en PDF) para poder subirlo.
Herramientas WEB 2.0 Pulsás Crear una publicación
Luego buscás el archivo a cargar y debajo completás el tipo de visualización que
preferís.
Herramientas WEB 2.0
Herramientas WEB 2.0
Lo último será que decidas si permitís o no comentarios a los lectores o que descarguen
o no tu documento o que lo impriman o no.
9
Prof. Jorge O. López – Material Didáctico con Derechos de Autoría

11. Curso de Perfeccionamiento Docente “Herramientas Web 2.0”
Al finalizar un submenú te permitirá cambiar el aspecto visual del fondo de tu
documento o te posibilitará agregar una música de fondo para su lectura.
Herramientas WEB 2.0
Al subirlo, (UPLOAD) debés esperar a que CALAMEO te informe que la subida y su
posterior conversión se han finalizado.
Terminado CALAMEO te muestra tu
publicación en miniatura, al pulsar
COMPARTIR ves esta pantalla: 2.0
Herramientas WEB
Herramientas WEB 2.0
Este es el código que tenés que copiar si querés incluir tu publicación digital dentro de
tu página o BLOG.
10
Prof. Jorge O. López – Material Didáctico con Derechos de Autoría

12. Curso de Perfeccionamiento Docente “Herramientas Web 2.0”
Ejercicio de aplicación
Herramientas WEB 2.0
Herramientas WEB 2.0
Herramientas WEB 2.0
11
Prof. Jorge O. López – Material Didáctico con Derechos de Autoría

13. Curso de Perfeccionamiento Docente “Herramientas Web 2.0”
HEMOS TERMINADO POR HOY…
Ahora resta que practiques y apliques lo aprendido en la
realización del práctico.
Herramientas WEB 2.0
Herramientas WEB 2.0
Nos vemos la próxima. Jorge.
Herramientas WEB 2.0
12
Prof. Jorge O. López – Material Didáctico con Derechos de Autoría