USO DEL CÓDIGO EMBED
2013
DIRECCIÓN GENERAL Sandro Luis Marcone Flores DIRECCIÓN PEDAGÓGICA Rocío Verónica Flores Garaycochea COORDINACIÓN DE ÁREA María Antonieta Mendoza Flores AUTOR Serge William Evangelista Ricci
1
CÓDIGO EMBED ¿ Qué es el código EMBED ? La red de redes está plagada de
términos en inglés, así como también
abreviaturas, acrónimos y siglas. Por lo que definiremos el término
"embed"
una palabra que puedes encontrar en diversos recursos web y en el que te mostrará un código HTML que puedes insertarlo en diversas páginas webs para aprovechamiento pedagógico. "Embed" es una abreviación de la palabra inglesa embedded, que significa que está incrustado, encajado, acoplado, empotrado. Todos los códigos "embed" de diversos portales, los puedes usar dentro del Sistema Digital para el Aprendizaje: PERÚEDUCA. Existen numerosas
herramientas y portales web que tienen la opción de
EMBED, por lo que podemos aprovechar pedagógicamente nuestro Blog, Wiki, Foros y Grupos del Sistema Digital para el Aprendizaje: PERÚEDUCA. Citaremos algunos ejemplos de recursos y portales con EMBED: Youtube
www.youtube.com
Dale al Play
www.dalealplay.com
Dailymotion
www.dailymotion.com
MetaCafe
www.metacafe.com
Slideshare
www.slideshare.com
Issuu
www.issuu.com
Picasa
www.picasaweb.com
Simbología del código EMBED en diversas webs
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
2 ¿Cómo usamos el EMBED ? En general el procedimiento para usar el código EMBED
realizaremos el
siguiente procedimiento: 1. Ubicar el código EMBED.- Normalmente el código EMBED es mostrado en la página de muchas maneras, por ejemplo tenemos:
Compartir, EMBED y <> 2. Copiar el código EMBED.- Copiar todo el código EMBED para que vaya al portapapeles. 3. Pegar el código EMBED.- En el blog, foro o wiki del Sistema Digital para el Aprendizaje PERÚEDUCA.
USANDO EL EMBED EN YOUTUBE Realizaremos los siguientes pasos: 1.
Ingresa a un navegador de internet y escribe en su barra de dirección
www.youtube.com
Escriba www.youtube.com
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
3 2. Buscar un video referido al Sistema Digestivo Humano, por lo que en su barra de búsqueda ingresamos la palabra: Sistema digestivo humano y presionamos la lupa. Escriba el tema a buscar
Luego presionamos en la lupa
En este ejemplo escribiremos Sistema Digestivo Humano
Muestra los resultados de búsqueda
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
4 3. Seleccionamos uno de los videos, haciendo clic en el mismo.
Hacer clic en el video señalado
YouTube es uno de las páginas más visitadas del mundo
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
5 4. El video empieza a reproducirse, sobre el sistema digestivo humano.
Video reproduciéndose
5. Observe en la parte inferior del video, un enlace llamado COMPARTIR
Clic en COMPARTIR
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
6 6. Al hacer clic en COMPARTIR aparecen las siguientes opciones:
Compartir este video Insertar
Enviar por correo
Compartir este video.- Muestra el enlace para compartir el video en diversas redes sociales, blogs y webs. Insertar.- Muestra el código EMBED requerido. Enviar por correo.- Envía el enlace a una dirección de correo electrónico.
YouTube fue comprada por Google el 2005
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
7
7. Hacer clic en INSERTAR y aparecerá el código EMBED.
Código Embed Tamaño del video
El código EMBED enriquecerá nuestro blog o Wiki.
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
8 8. Copiar el código EMBED, haciendo clic derecho y luego elije la opción Copiar.
9. En otra pestaña ingresamos a www.perueduca.pe
Introducimos www.perueduca.pe
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
9 10. Introduciremos el correo electrónico y su contraseña respectiva. Y hacemos clic en ENTRAR.
Hacer clic en ENTRAR
11. Observa el entorno del Sistema Digital para el Aprendizaje.
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
10 12. Hacer clic en BLOG.
Hacer clic en MI BLOG
13. Hacer clic en Añadir entrada al blog.
Clic en Añadir entrada de blog
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
11 15. Observa el entorno y escribe el titulo
Añada TITULO
Teclee el título del tema
16. Luego hacer clic en Fuente HTML
Hacer clic en Fuente HTML
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
12 17. Observe como se activa la FUENTE HTML, donde aparecen códigos.
Código HTML del Blog
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
13 18. Pegue el código EMBED copiado en punto 8.
Código EMBED pegado en Fuente HTML
HTML significa lenguaje de marcas de hipertexto
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
14 19. Después haga clic en Publicar, tal como se observa en la figura.
Clic en Publicar
HTML es un lenguaje para elaboración de páginas web.
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
15 20.
Luego hacer clic en Mi Blog para que se actualice la web, después
observe el video “embebido”.
Clic en Mi Blog
Video “embebido” en el Blog
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Clic para reproducir el video
Autor: Serge William Evangelista Ricci
16 CODIGO EMBED EN DIFERENTES WEBS El procedimiento para insertar códigos EMBED de diversos portales de videos, PDF, PPT y DOC es el mismo en todos casos y radica en ubicar el código EMBED. DAILYMOTION – VIDEOS En la barra de direcciones del navegador escribe : www.dailymotion.com
Clic en Exportar
Luego copia el Código EMBED
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
17
Finalmente cópialo en el blog de PERÚEDUCA
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
18 SLIDESHARE – PRESENTACIONES En la barra de direcciones del navegador escribe: www.slideshare.com (llamado el Youtube de las presentaciones), busca un tema determinado y luego ubica <> Embed
Buscador de SlideShare
Clic en Embed
Clic en Copy
Código EMBED
Finalmente pegar el código en el Blog del Sistema Digital para el Aprendizaje. PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
19 ISSUU - PUBLICACIONES En la barra de direcciones del navegador escribe: www.issuu.com (llamado el Youtube de las Publicaciones), busca un tema determinado y luego ubica <> Embed
Buscador de Issuu
Clic en Share
PERĂ&#x161;EDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
20 En la parte inferior aparece el código EMBED
Clic en Embed
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
21 Luego se copia el código EMBED
Copiar el código
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci
22
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE
2013
Autor: Serge William Evangelista Ricci