Publicaciones etiquetadas ‘embeber’

Incrustar una presentación

Escrito por ATE [ecoescuela] el . Posteado en Tema 3: Incrustar contenido multimedia

En muchas ocasiones tendremos la necesidad de compartir contenidos que se encuentran en una presentación realizada con Impress, Presente o PowerPoint. Normalmente no se pueden subir y visualizar directamente. Podemos convertirla o guardarla en formato .pdf y subirla a nuestro blog o podemos utilizar alguna de las múltiples posibilidades que nos ofrece la Web 2.0 para compartir este tipo de archivos.

Insertar una presentación con SlideShare

SlideShare
es un sitio web que ofrece a los usuarios la posibilidad de subir y compartir en público o en privado presentaciones de diapositivas en PowerPoint, documentos de Word, OpenOffice, PDF, Portafolios. El servicio de alojamiento es gratuito y los usuarios pueden acceder registrándose o usando el registro de su cuenta de Facebook. Si quieres saber más sobre este servicio pulsa el enlace siguiente para ver una entrada que te lo explica en el Blog eco escuela 2.0Slideshare.

Slideshare. Presentaciones de la Web 2.0

Debería resultarnos sencillo incrustar presentaciones de Slideshare en tu blog del profesorado o en tu blog de centro (WordPress). Todo lo que necesitaremos hacer es integrarlo a través del método oEmbed, escribiendo la dirección URL de la presentación en el editor de la entrada o página. Nos deberemos asegurar de que la dirección está en una sola  línea y no es un hipervínculo.

A continuación repasaremos los pasos que debemos seguir y que son los mismos que para insertar un vídeo o un documento .pdf que se encuentra en una web externa:

  • Necesitaremos una dirección con un documento en SlideShare. Para realizar el ejemplo utilizaremos la siguiente dirección.

http://www.slideshare.net/mforgom/donquijote

  • Crearemos una entrada como hacemos habitualmente y le pondremos un título y algún texto descriptivo.

  • Iremos a la página en donde está el documento que nos interesa insertar en nuestro blog y copiamos la dirección URL.

  • Regresaremos al editor de la entrada. Pegaremos la dirección URL en el lugar del editor visual de la entrada en donde nos interesa que se visualice el documento. Nos fijaremos de que está en una línea sola y de que no tiene ningún hipervínculo. La dirección sería algo parecido a esto:

  • Para terminar pulsa en el botón Publicar.

  • Para visualizar el aspecto de la entrada haremos clic en el botón “Ver entrada”.

Incrustar o embeber contenido (oEmbeb en WordPress)

Escrito por ATE [ecoescuela] el . Posteado en Tema 3: Incrustar contenido multimedia

Insertar código embebido (etiquetas object e iframe) en todos los blogs de ecoescuela

Ha sido abierta la funcionalidad de insertar código embebido (etiquetas object e iframe) en todos los blogs de ecoescuela. Esta posibilidad, que ya estaba operativa en blog de los Centros (edublogs), ahora se ha abierto para el blog del profesorado (ecoblog) y del aula (aulablog – próximamente disponibles).
Pero recuerden, sólo usuarios con perfil de administrador (cada uno de los profes en su propio blog personal) y los editores pueden embeber código en entradas, páginas y widgets de texto, tal como venía sucediendo en blogs/web de los Centros, el resto de usuarios (autores, y suscriptores) lo deben hacer por el método oembed).

¿Qué es oEmbeb?

oEmbeb es un sistema, integrado en WordPress, mediante el cual puedes visualizar contenido multimedia solo con añadir la URL en el editor de texto de WordPress.

Imagen sacada de: http://ayudawordpress.com/insertar-slideshare-con-oembed/

WordPress es una herramienta en constante evolución y en cada una de sus nuevas versiones incorpora mejoras que afectan tanto a la seguridad como a la ergonomía y facilidad de uso.

En la última versión de WordPress se ha desarrollado una nueva forma de incrustar vídeos, imágenes y otros contenidos en el blog que tratan de facilitarnos la tarea. Ahora ya no es necesario localizar el código de embeber contenido que se utilizaba en algunas de las herramientas de la Web 2.0 que nos permiten compartir contenido multimedia.

oEmbed

La inserción de contenidos en nuestro blog se ha tratado de simplificar, sobre todo, si se realiza con oEmbed, un protocolo para que el sitio A
(como tu Blog del profesorado o el blog de centro) haga una petición al sitio B
(como YouTube) para obtener el código HTML (la dirección URL) necesario para integrar el contenido del sitio A
(en este caso sería un vídeo) en el sitio B.

oEmbed fue diseñado para evitar el tener que copiar y pegar el código HTML del sitio de alojamiento de los medios de comunicación que deseamos incrustar y en lugar del mismo utilizar únicamente la dirección URL del sitio. Es compatible con vídeos, imágenes, texto, y mucho más.

¿Se puede usar cualquier tipo de dirección con el sistema oEmbeb?

Por defecto, no.

Su Blog del profesorado o blog del centro (WordPress) sólo reconocerá e integra aquellas URLs que coincidan con una lista blanca interna. Esto se hace así por motivos de seguridad.

¿Qué sitios puedo incrustar copiándola dirección?

Puede utilizar todos estos que pertenecen a la lista blanca:

¿Cómo puedo añadir soporte para más sitios web?

Para poder añadir soporte para un sitio web adicional que no se encuentra en la lista que hemos mencionado habría que revisar si el sitio es compatible con oEmbed o no. Si un sitio es compatible con oEmbed, para agregar el formato del sitio y la URL a la lista blanca interna, debe ponerse en contacto con los administradores de Blogs de los Centros a través e una incidencia a Cibercentro, para que estos lo estudien y registren.

  • A través de este método, ya se ha creado soporte para Issuu, SlideShare, Scribd y pdf. Pues de forma predeterminada, sólo se puede integrar en sitios web que se enumeran en la lista blanca interna. Esto es para evitar incrustación accidental desde sitios web maliciosos.

¿Cómo funciona oEmbeb?

Todo lo que se necesitamos hacer para integrar algún contenido multimedia en una entrada o una página es escribir la dirección URL en el editor de contenido de la entrada o página. Asegúrese de que la dirección está en una sola línea y no es un hipervínculo.

Por ejemplo: Para insertar un vídeo de YouTube con el editor visual pondríamos únicamente la dirección (ojo tiene que estar en una línea independiente y no puede estar centrado):

http://www.youtube.com/watch?v=_AjpeInA5wQ

Su Blog (WordPress) de forma automática integrará en la noticia este vídeo que está alojado en YouTube cuando se visualiza la entrada. A continuación lo vemos en el ejemplo:

En caso de error: En caso de visualizar la notica y observar que no funciona el vídeo que acabos de embeber haremos varias revisiones rutinarias:

  • Que el código está escrito en una sola línea y no tiene ningún código delante o detrás que impida a WordPress reconocerlo, en caso de duda podemos cambiar la modo HTML y visualizarlo desde allí. En la imagen vemos algunos ejemplos de lo que nos puede pasar:

Podemos utilizar oEmbeb con la visión HTML

Para aquellos usuarios que se sientan más a gusto con el editor “Texto” 12-03-2014 10-29-02 pueden optar por utilizar la URL en el código abreviado . Se logrará el mismo efecto, pero no requiere la dirección que en una única línea ni la casilla de “Auto-incrustado” habilitada. También nos permite controlar las dimensiones y establecer un máximo (pero no fijo) ancho y alto. En el ejemplo siguiente veremos como se puede hacer:

Ajustando sólo anchura:


<

Ajustando la anchura y altura:

En los casos en que WordPress por algún motivo no puede integrar la URL obtendrá un hipervínculo a la dirección.

Incrustar contenido multimedia

Escrito por ATE [ecoescuela] el . Posteado en Tema 3: Incrustar contenido multimedia

En este tema exploraremos como podemos compartir archivos en nuestro blog. Una de las características principales que nos han traído los últimos avances tecnológicos es la facilidad para compartir contenidos digitales y multimedia a través de la red y de las redes.

Cuando comencemos a publicar entradas en nuestro blog o en el blog de nuestro centro tendremos la necesidad de usar contenidos multimedia y por tanto es interesante explorar algunas de las posibilidades que nos ofrece WordPress para hacerlo.

Además, también tendremos la necesidad de compartir diferentes tipos de archivos y también será bueno explorar cuales son es la mejor forma de compartirlos.

Sabemos que los blogs institucionales serán gestionados por la persona o personas que se hagan responsables del mismo mediante la correspondiente solicitud y por tanto serán los encargados de hacer un buen aprovechamiento del servicio. Cuando subimos archivos e imágenes a nuestro blog tendremos que tener en cuenta el espacio del que disponemos en el mismo.

El blog no funciona como un repositorio de recursos, por lo que no se dispondrá de un espacio indefinido para la subida de archivos. Aunque nos permite adjuntar imágenes y archivos que se gestionarán desde la librería multimedia (algunos se harán visibles dentro del blog y otros serán enlazados) deberemos tomar conciencia de cuales son aquellos archivos que nos interesa guardar en un servidor seguro (el que nos ofrece la Consejería) y cuales podremos subir a los repositorios que nos facilita la Web 2.0.

Al igual que hacíamos con las imágenes, en el tema 1, tendremos que decidir que tipo de archivos subimos y almacenamos en la librería multimedia de nuestro blog y cuales subimos a otros repositorios para compartirlos desde ellos.

La gran mayoría de la información que compartimos no es sensible de ser privada, por lo que podremos enlazarla e incrustarla en nuestro blog desde los repositorios y herramientas de la Web 2.0 como YouTube, SlideShare, Vimeo, Flickr, Issuu, Slide, Picasa, Prezi,…

En ciertas ocasiones nos surgirá la necesidad de compartir documentos institucionales, imágenes o producciones del alumnado (siempre con los correspondientes permisos) y no nos interesará mucho subirlos a espacios que no están muy controlados y que se nos pueden quedar con los derechos de esos archivos subidos. Es en estos casos, es donde cobra especial relevancia el espacio de nuestro blog institucional porque los archivos que subamos al mismo sabemos que no se aloja en servidores externos y por tanto podremos usar las medidas de privacidad que nos ofrece WordPress con total tranquilidad.

Hagamos una reflexión a modo de ejemplo: Tengo 20 vídeos realizados con mi alumnado haciendo diferentes observaciones o actividades y quiero compartirlos. Opto por compartirlos a través de mi blog personal o a través del blog del centro pero tengo que decidir donde los subo. Puedo crear un canal en YouTube o Vimeo subirlos y embeberlos en mi blog con lo que se verán perfectamente incrustados en la entrada. La otra opción es la de subirlos directamente a la librería multimedia de mi blog en donde se creará un enlace para ser descargados y es posible que me quede sin espacio para poder subir otro contenido.

En algunos casos podremos encontrarnos con cierto tipo de archivos o vídeos que por sus características no me interesa subirlos a ningún repositorio externo (salen imágenes que no me interesa poner en YouTube o Vimeo, contienen contenido privado,…). Este tipo de archivos son los que son susceptibles de ser subidos al blog institucional configurando la entrada como privada o protegida por contraseña para que no pueda acceder todo el mundo. En estos casos si es interesante subir el archivo a la librería multimedia e insertarlo en la noticia desde ella.