Incrustar contenido multimedia - gobiernodecanarias.org€¦ · En ciertas ocasiones nos surgirá...
Transcript of Incrustar contenido multimedia - gobiernodecanarias.org€¦ · En ciertas ocasiones nos surgirá...
WORDPRESS: CREACIÓN,
ADMINISTRACIÓN Y DINAMIZACIÓN
DE UN BLOG EN ECO ESCUELA 2.0
3 Incrustar contenido multimedia
1
Contenido 1. Introducción .................................................................................................................................2
2. Modificar el estado y el contenido de una entrada .....................................................................3
Modificar el contenido de una entrada ...........................................................................................3
Estados de publicación .....................................................................................................................6
Eliminar un artículo ..........................................................................................................................6
Publicar y despublicar ......................................................................................................................7
3. Añadir ficheros y archivos a nuestra entrada ..............................................................................8
4. Incrustar o embeber contenido (oEmbeb en WordPress) ........................................................ 12
¿Qué es oEmbeb?.......................................................................................................................... 12
oEmbed ..................................................................................................................................... 13
¿Se puede usar cualquier tipo de dirección con el sistema oEmbeb? ...................................... 13
¿Qué sitios puedo incrustar copiándola dirección? .................................................................. 13
¿Cómo puedo añadir soporte para más sitios web? ................................................................. 13
¿Cómo funciona oEmbeb? ........................................................................................................ 14
Podemos utilizar oEmbeb con la visión HTML .......................................................................... 15
Incrustar un vídeo ......................................................................................................................... 16
Incrustar un archivo pdf mediante el sistema oEmbeb ................................................................ 18
Insertar un archivo *.pdf subiéndolo a librería multimedia de nuestro blog: .......................... 18
Insertar un archivo *.pdf que se encuentre en otra página Web: ............................................ 23
Incrustar una presentación ........................................................................................................... 26
Insertar una presentación con SlideShare ................................................................................. 26
Incrustar un e-book realizado con Issuu ....................................................................................... 28
Insertar un documento subido a Scribd utilizando código abreviado o shortcode ...................... 30
Incrustar un documento sonoro subido a nuestra galería multimedia. ....................................... 33
Insertar un archivo *.mp3 subiéndolo a librería multimedia de nuestro blog: ........................ 33
Podcasting ..................................................................................................................................... 38
Incrustar un podcasting en una entrada ................................................................................... 38
Creación de una audioguía ........................................................................................................ 39
5. Artículos de lectura y tutoriales publicados en el blog de los centros:..................................... 40
2
1. Introducción
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
3
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.
2. Modificar el estado y el contenido de una entrada
Existen muchas ocasiones en las que una vez publicada una entrada nos surgirá la necesidad de hacer
modificaciones en la misma, para realizar cambios o correcciones, para introducir más información,
para modificar y cambiar el estado de la misma, para alterar las fechas de publicación, para modificar
las categorías, las etiquetas,… en este epígrafe haremos un repaso de los pasos a seguir para
introducir modificaciones en nuestras entradas.
Modificar el contenido de una entrada
Existen distintos procedimientos alternativos para modificar un artículo ya existente. Para poder
transformar una entrada tendremos que estar autentificados con nuestras credenciales y además
nuestro usuario deberá de poseer los permisos necesarios para ello.
WordPress nos facilitará estas acciones y para ello pone a nuestra disposición diferentes accesos. A
continuación comentaremos algunos:
Desde el modo de edición. En el Escritorio del panel de administración de WordPress haremos clic en
el enlace Entradas:
4
También podremos acceder desde el menú lateral del panel de administración del blog haciendo clic
en el subpanel de Entradas Todas las entradas.
Desde el modo visual. Cuando navegamos por nuestro blog y previamente nos hemos autentificado
como administrador o editor del mismo, dependiendo del estilo definido en el tema de nuestro blog,
en cada artículo publicado se mostrará un botón o enlace “Editar” para modificar esa entrada
directamente.
Si hemos seguido los dos primeros métodos, es decir buscamos la entrada dese el escritorio del panel
de administración de nuestro blog, accederemos a todo el listado de artículos del blog. Buscaremos
la entrada que nos interesa editar y haremos clic en el enlace Editar de la entrada correspondiente
para acceder a su edición.
También podremos hacer un simple clic sobre el enlace situado en el titulo de la Entrada.
5
En el caso de que el listado de entradas sea muy numeroso, para facilitar la localización del artículo a
editar se puede filtrar por fechas, por categorías, etc. Otra opción es realizar una búsqueda por un
término que se introduce en la casilla Buscar entradas. También es posible pulsar en el enlace Todos,
Borradores, Pendientes de revisión y Publicadas según su estado de publicación.
Cuando localicemos la entrada se abrirá la misma en el modo de edición.
Realizaremos los cambios oportunos en el contenido del artículo y para guardar los cambios
pulsaremos en el botón Actualizar (si el artículo ya está publicado) o bien en Guardar borrador (si el
artículo está pendiente de publicación).
6
Estados de publicación
Cuando creamos una entrada podremos decidir el estado en el que la hacemos o no visible. Esta
función se llama estado de publicación. Podremos alterar el estado de una entrada siempre que nos
parezca oportuno.
Repasaremos a continuación la clasificación de los diferentes estados de una entrada:
Borradores. Son las entradas que no están publicadas. No son visibles para todo el mundo
desde la Web, bien porque no se han terminado todavía o bien porque se ha decidido
despublicarlas.
Pendientes de revisión. La entrada está pendiente de revisión por parte de un usuario gestor
del blog con capacidad para editarlo y publicarlo.
Publicadas. Son las entradas visibles por los lectores.
Programado. No es un estilo definido en WordPress pero se corresponde con una entrada
publicada en una fecha posterior a la actual. Se visualizará nuestro blog cuando se alcance la
fecha y hora definidas.
Eliminar un artículo
En muchas ocasiones necesitaremos borrar alguna entrada de nuestro blog, aunque no esté visible,
pues la hemos puesto como borrador puede interesarnos quitarla del listado de entradas.
Para eliminar un artículo desde el panel del listado de entradas existen varios procedimientos
alternativos.
1. En la entrada que deseamos eliminar haremos clic en el enlace Papelera.
2. También podremos marcar la casilla de verificación de la entrada que nos interesa eliminar y en
la lista desplegable “Acciones en lote” elegiremos la opción “Mover a la papelera” y finalmente
pulsaremos sobre el botón Aplicar.
7
Cuando se envía una entrada a la papelera ésta se puede recuperar posteriormente. Se accede a las
entradas situadas en la papelera.
Una vez localizada la entrada en la papelera podremos restaurarla o borrarla permanentemente.
Publicar y despublicar
Una vez que se ha publicado una entrada se puede volver a despublicar para que no sea visible por
los lectores del blog. El procedimiento pasaría por convertirla en borrador y a continuación
repasaremos los pasos a seguir:
1. Accede al listado de entradas del interfaz de administración mediante el subpanel de Entradas
Todas las entradas.
2. Haz clic en el enlace situado en el título de la entrada en la lista.
3. Desde la edición de la entrada, en el panel o caja de Publicar situado a la derecha, haz clic en el
enlace Editar que acompaña al Estado: Publicada.
4. En la lista desplegable elige la opción Borrador y pulsa en el botón Aceptar.
8
5. Se puede publicar un borrador durante su edición pulsando en el botón Publicar o bien
modificando su Estado siguiendo un procedimiento similar al descrito para pasarlo a Borrador.
6. Para terminar haz clic en el botón azul Actualizar.
3. Añadir ficheros y archivos a nuestra entrada
Cuando estamos creando nuestra entrada o una vez que ya la tenemos creada y la modificamos,
podemos añadirle ficheros y archivos. Observaremos que WordPress no gestiona igual todos los
archivos.
Existen algunos que se pueden mostrar incrustados dentro de la entrada. Esto se hará en aquellos
casos en los que se trate de archivos que WordPress reconozca y pueda embeber:
Subidos a la librería multimedia: fotos, imágenes, gifs animados, documentos .pdf, archivos
de sonido en MP3,
Mediante el método oEmbeb. Se trata de contenido embebido o incrustado de la Web 2.0
como vídeos de YouTube o Vimeo, presentaciones de SlideShare, Prezi, Issuu, archivos de
sonido, .pdf,…
Existen otro tipo de archivos que al no poder ser reproducidos por WordPress no pueden ser
mostrados dentro de la noticia y por tanto se creará un enlace a los mismos para que puedan ser
descargados o abiertos por el explorador:
Subidos a la librería multimedia: documentos de texto, presentaciones, vídeos,…
Hemos visto que no todos los archivos que subimos a nuestro blog se comportan y se muestran de la
misma manera. Hay algunos que tienen un uso más habitual y que por tanto WordPress los reconoce
y aquellos que tienen un uso menos acorde a la filosofía de los blogs los incrusta preferentemente a
través de las herramientas de la Web 2.0.
9
A pesar de todo, no queremos dar una imagen poco exacta y nos gustaría aclarar que existen plugins
que permiten cambiar las condiciones de funcionamiento de WordPress y algunos archivos que hoy
no son soportados por la herramienta podrían ser reconocidos en el futuro.
¿Cómo podemos añadir un archivo en nuestra entrada?
Veremos que la forma de subir archivos o ficheros a nuestro blog se hace siempre de la misma
manera. Por lo tanto lo que hemos visto en el apartado de insertar imágenes nos servirá
perfectamente para añadir otro tipo de archivos.
Colocaremos el cursor en el lugar del editor de texto de la entrada donde nos interesa añadir el
fichero. Luego pulsaremos sobre el botón Subir/Insertar.
Se nos abrirá una ventana en la que podremos seleccionar la imagen o documento que queramos
añadir al post.
10
Tenemos varias opciones. En la primera pestaña, Desde el ordenador, que es la que se muestra por
defecto, podremos elegir los ficheros que se encuentren en nuestro equipo. Pulsaremos el botón
elegir archivos para navegar por las carpetas hasta encontrar el fichero deseado, o simplemente lo
arrastraremos hasta el cuadro.
Con la siguiente pestaña (desde una URL) tendremos la posibilidad de cargar imágenes u otros
archivos directamente desde la red. Deberemos especificar la ruta y un título o nombre para la
imagen.
Pulsando Librería multimedia, que es la última pestaña, accederemos a un listado de todos los
ficheros que hayamos cargado en el WordPress, para así poder elegir uno de ellos. Así por ejemplo,
podemos utilizar una sola imagen en varias entradas.
Para que sirva de ejemplo, hemos elegido una imagen de nuestro equipo y la hemos subido a
WordPress. Lo siguiente que debemos hacer es indicar las características de ésta:
Los campos más importantes a rellenar serían:
Título: Será el nombre que aparecerá en la galería multimedia.
URL del enlace: Será el enlace en el que WordPress ha subido el archivo y si lo copiamos y lo
escribimos en el navegador nos llevará a la imagen. La URL de los archivos la utilizaremos
cuando incrustemos documentos .pdf o de sonido.
Alineación: Aquí seleccionaremos la ubicación de la imagen respecto al resto de elementos
que lo acompañarán.
Tamaño: Podremos elegir entre varios tamaños predefinidos para la imagen
(posteriormente también se podrá modificar)
11
A continuación nos aparece la opciones borrar para eliminar la imagen del servidor (se nos
solicitará confirmación) y Usar como imagen destacada, para insertar esa imagen como
cabecera de la entrada.
Finalmente tenemos el botón Insertar en la entrada para cerrar esta ventana e insertar la
imagen en la entrada.
Una vez que tenemos la imagen insertada, si pulsamos sobre ella nos aparecerán dos iconos.
El botón con el paisaje que aparece sobre la imagen que vemos en el editor nos permitirá
modificar el tamaño, alineación, título, enlace…, es decir, los parámetros que anteriormente le
hemos dado a la imagen. El botón de prohibido nos eliminará la imagen del post, pero no del
servidor (permanecerá en la librería multimedia y en la galería de la entrada).
En el momento que agreguemos contenido multimedia al post, nos aparecerá una nueva pestaña
llamada Galería, en ella se encuentran todos los archivos que hemos subido en concreto para este
post, estén o no estén insertados en la entrada.
Otro ejemplo sería la inclusión de un vídeo a nuestra entrada. Podemos enlazar a un vídeo de
YouTube pulsando el botón Subir/Insertar y pulsar sobre la pestaña Desde una URL seleccionaremos
la opción Audio, vídeo u otro tipo de archivo. Rellenaremos los campos URL y Título y finalmente
pulsaremos el botón Insertar en la entrada.
12
Pulsaremos sobre el botón vista previa, para ver como va quedando nuestro post. En el observamos
como se ha creado un enlace y si pulsamos sobre él, se nos abre una nueva ventana con el video de
YouTube.
Otro sistema para insertar un video será utilizando el método oEmbeb que veremos con detalle más
adelante y que simplemente consiste en copiar su URL en el post, así cuando lo visualicemos en lugar
de aparecer un enlace al video, nos aparecerá el recuadro del video, donde podremos visualizarlo e
interactuar con el directamente.
4. Incrustar o embeber contenido (oEmbeb en WordPress)
¿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.
13
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:
o YouTube o Vimeo o DailyMotion o blip.tv o Flickr (ambos videos e imágenes) o Viddler o Hulu o Qik o Revision3 o Photobucket o PollDaddy o Google Video o WordPress.tv (sólo videoRueda tipo de videos-por el momento) o SmugMug (WordPress 3.0 +) o FunnyOrDie.com (WordPress 3.0 +)
¿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.
14
o 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.
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:
15
En caso de que siga sin funcionar deberíamos revisar que esté marcada la casilla de
verificación “Auto-incrustados” casilla a la que se puede acceder (únicamente el
administrador del blog) desde el subpanel del menú lateral del panel de administración de
WordPress: Subpanel de Ajustes Multimedia).
Podemos utilizar oEmbeb con la visión HTML
Para aquellos usuarios que se sientan más a gusto con el editor HTML pueden optar por utilizar la
URL en el código abreviado [embed]. 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:
[embed width="640"]...[/embed] (el vídeo utilizado en el ejemplo anterior quedaría: “[embed
width="640"]http://www.youtube.com/watch?v=_AjpeInA5wQ[/embed]”)
16
Ajustando la anchura y altura:
[embed width="640" height="507"]...[/embed]
En los casos en que WordPress por algún motivo no puede integrar la URL obtendrá un hipervínculo a
la dirección.
Incrustar un vídeo
Hemos visto que ahora puede resultar un poco más sencillo incrustar vídeos de YouTube en nuestro Blog de eco escuela 2.0. Todo lo que necesitamos hacer para integrarlo en una entrada o una página es escribir la dirección URL del vídeo en el editor de contenido de la entrada o la página. Asegurándonos de que la dirección está en una sola línea y de que no hemos creado un hipervínculo.
17
1. Primero localizaremos el vídeo en YouTube y copiamos la dirección URL que aparece en el explorador o también si buscamos el botón compartir que nos ofrece YouTube veremos que nos ofrece una dirección corta especial para este sistema de embebido.
2. Copiaremos la dirección al portapapeles (ctrl+c). 3. Pegaremos la dirección en el editor de texto de la entrada o de la página fijándonos de que
está en una línea independiente (ctrl+v):
http://youtu.be/fVuLtOlwGuY
4. Para finalizar haremos clic sobre Publicar o sobre vista previa para ver el resultado.
18
Recordar que para que funcione debe de estar marcada la casilla de verificación “Auto-incrustados” casilla en el escritorio de WordPress: Ajustes > Multimedia.
Podemos optar por utilizar la visión HTML del editor de la entrada y pegar la dirección con el siguiente código que permite embeber controlando la altura y la anchura con la que se visualiza en vídeo.
Incrustar un archivo pdf mediante el sistema oEmbeb
Insertar un archivo *.pdf subiéndolo a librería multimedia de nuestro blog:
1. Subir el archivo a nuestro blog y situar un enlace al mismo en una entrada.
1.1. Buscaremos el archivo en nuestro ordenador. Los procesadores de texto y los programas de
presentaciones están incorporando la funcionalidad de guardar los archivos en formato .pdf.
1.2. En el menú lateral izquierda del Escritorio del panel de administración de nuestro blog en
WordPress elegiremos la opción Entradas Añadir nueva
1.3. Introducimos un título y un texto.
1.4. Pulsamos sobre Subir/Insertar, localizamos el archivo en nuestro equipo y arrastramos a la
zona de subida de archivos. También podremos utilizar el botón de Elegir Archivos y
19
explorar de forma tradicional [Se permite subir distintos tipos de archivos: imágenes
(*.jpg/*.jpeg, *.png y *.gif), documentos PDF (*.pdf), documentos de Word (*.doc y *.docx),
presentaciones de Powerpoint (*.ppt, *.pptx, *.pps y *.ppsx), hojas de Exce (*.xls, *.xlsx) y
documentos de OpenOffice (*.odt)].
1.5. Cuando se produce con éxito la subida en la parte inferior de este panel se muestran los
datos del archivo subido. Introduce un título significativo al documento. Por ejemplo:
“Catálogo de Teleformación”. Luego pulsaremos sobre “Insertar en la entrada”:
1.6. De regreso al editor de la entrada veremos que se ha insertado un enlace con el título al
archivo que hemos subido a nuestra librería.
20
1.7. Para terminar pulsa en el botón Publicar.
1.8. Para visualizar el aspecto del artículo haz clic en el botón Ver entrada.
2. Subir el archivo .pdf a nuestro blog y visualizarlo en la propia entrada.
2.1. Buscaremos el archivo en nuestro ordenador igual que hicimos anteriormente.
2.2. En el menú lateral izquierda del Escritorio del panel de administración de nuestro blog en
WordPress elegiremos la opción Entradas Añadir nueva
21
2.3. Introducimos un título y un texto.
2.4. Pulsamos sobre Subir/Insertar, localizamos el archivo en nuestro equipo y arrastramos a la
zona de subida de archivos. También podremos utilizar el botón de Elegir Archivos y
explorar de forma tradicional.
2.5. Cuando se produce con éxito la subida en la parte inferior de este panel se muestran los
datos del archivo subido. Introduciremos los datos del archivo. Seleccionaremos la URL del
enlace y haremos clic derecho para elegir la opción Copiar.
22
2.6. Para cerrar este panel haz clic el botón Guardar cambios que se ofrece en la parte inferior y
haz clic fuera de este panel.
2.7. Regresaremos al editor de la entrada y pegaremos la URL en una línea. Nos fijaremos de que
está en una línea sola y de que no tiene ningún hipervínculo.
2.8. Para terminar pulsa en el botón Publicar.
2.9. Para visualizar el aspecto de la entrada haremos clic en el botón “Ver entrada”.
23
Insertar un archivo *.pdf que se encuentre en otra página Web:
Si queremos embeber un documento pdf que ya está alojado en otro servidor o página de internet
no haría falta subirlo a nuestra galería multimedia. Si tenemos la dirección URL del archivo
WordPress hará el resto.
Para ello localizaremos el archivo pdf directamente en la web lo abriremos y copiaremos la dirección
URL que aparece en el explorador. Luego la incrustaremos en la entrada que estamos creando a
través del método oEmbed. Recordamos los pasos:
1. Crearemos una nueva entrada por el método que hemos practicado. Le pondremos un título y un
texto explicativo.
24
2. Iremos a la página en donde está el documento que nos interesa insertar en nuestro blog y
copiamos la dirección URL donde se encuentra el documento.
3. 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:
http://www.gobiernodecanarias.org/educacion/dgoie/publicace/docsup/Guia_emergencias_sani
tarias.pdf
25
4. Para terminar pulsa en el botón Publicar.
5. Para visualizar el aspecto de la entrada haremos clic en el botón “Ver entrada”.
26
Incrustar una presentación
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.0: Slideshare.
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:
3. Necesitaremos una dirección con un documento en SlideShare. Para realizar el ejemplo utilizaremos la siguiente dirección.
http://www.slideshare.net/mforgom/donquijote
4. Crearemos una entrada como hacemos habitualmente y le pondremos un título y algún texto descriptivo.
5. Iremos a la página en donde está el documento que nos interesa insertar en nuestro blog y
copiamos la dirección URL.
27
6. 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:
http://www.slideshare.net/mforgom/donquijote
7. Para terminar pulsa en el botón Publicar.
28
8. Para visualizar el aspecto de la entrada haremos clic en el botón “Ver entrada”.
Incrustar un e-book realizado con Issuu
Es una atractiva herramienta que nos permite compartir documentos en pdf y presentarlos de manera muy atractiva en forma de libro o cuento.
A continuación mostramos un ejemplo con la guía del profesorado clIC escuela 2.0, elaborado con un procesador de texto y guardado en formato pdf, para luego subirlo a Issuu. Para publicar este documento embebido en nuestro blog de centro (wordpress), debemos de seguir los siguientes pasos:
1. Necesitaremos una dirección con un documento en Issuu. Para realizar el ejemplo utilizaremos la siguiente dirección.
http://issuu.com/ecoescuela20/docs/guiaprofescuela20
2. Crearemos una entrada como hacemos habitualmente y le pondremos un título y algún texto descriptivo.
29
3. Iremos a la página en donde está el documento que nos interesa insertar en nuestro blog y
copiamos la dirección URL.
4. 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:
http://issuu.com/ecoescuela20/docs/guiaprofescuela20
30
5. Para terminar pulsa en el botón Publicar.
6. Para visualizar el aspecto de la entrada haremos clic en el botón “Ver entrada”.
Insertar un documento subido a Scribd utilizando código abreviado o shortcode
Scribd 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
31
de alojamiento es gratuito y los usuarios pueden acceder registrándose. Nos permite utilizar documentos colocados por otros usuarios.
El procedimiento que seguiremos no puede ser el mismo que hemos utilizado hasta ahora para incrustar otros archivos multimedia mediante el método oEmbeb. La última actualización de la Scribd ha incluido ciertas claves de seguridad que lo hacen imposible.
Como usuarios el método que utilizaremos será el de copiar el código proporcionado por dicho servicio. A continuación repasaremos los pasos que debemos seguir:
7. Necesitaremos una dirección con un documento en Scribd. Para realizar el ejemplo utilizaremos la siguiente dirección.
http://es.scribd.com/doc/27336047/Manual-Basico-Medusav2-5
8. Crearemos una entrada como hacemos habitualmente y le pondremos un título y algún texto descriptivo.
9. Iremos a la página en donde está el documento que nos interesa insertar en nuestro blog y
copiamos la dirección URL.
32
10. En la barra de menú inferior localizaremos el icono Incluir/compartir y pulsaremos sobre
el botón de “INCLUIR”
11. Aparecerá un menú emergente, localizaremos la opción Insertar este documento y
seleccionaremos “formato WordPress.com” y luego hacemos clic sobre el botón “Copiar”.
12. Regresaremos al editor de la entrada. Pegaremos el código abreviado o shortcode 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.
13. Para terminar pulsa en el botón Publicar.
33
14. Para visualizar el aspecto de la entrada haremos clic en el botón “Ver entrada”.
Incrustar un documento sonoro subido a nuestra galería multimedia.
Insertar un archivo *.mp3 subiéndolo a librería multimedia de nuestro blog:
1. Subir el archivo sonoro a nuestro blog y situar un enlace al mismo en una entrada.
34
1.1. Buscaremos el archivo en nuestro ordenador. Para crear o transformar archivos de sonido
podemos ayudarnos de un fantástico programa que se encuentra instalado en todos los
ordenadores distribuidos por la Consejería como es Audacity.
1.2. En el menú lateral izquierda del Escritorio del panel de administración de nuestro blog en
WordPress elegiremos la opción Entradas Añadir nueva
1.3. Introducimos un título y un texto.
1.4. Pulsamos sobre Subir/Insertar, localizamos el archivo sonoro en nuestro equipo y
arrastramos a la zona de subida de archivos. También podremos utilizar el botón de Elegir
Archivos y explorar de forma tradicional.
35
1.5. Cuando se produce con éxito la subida en la parte inferior de este panel se muestran los
datos del archivo subido. Introduce un título significativo al documento. Por ejemplo: “IES
Los Cardones”. Luego pulsaremos sobre “Insertar en la entrada”:
1.6. De regreso al editor de la entrada veremos que se ha insertado un enlace con el título al
archivo que hemos subido a nuestra librería.
1.7. Para terminar pulsa en el botón Publicar.
1.8. Para visualizar el aspecto del artículo haz clic en el botón Ver entrada. El archivo sonoro es
un enlace que se abrirá en otra página cuando hagamos clic sobre el enlace.
36
2. Subir el archivo sonoro a nuestro blog y reproducirlo en la propia entrada.
2.1. Buscaremos el archivo en nuestro ordenador igual que hicimos anteriormente.
2.2. En el menú lateral izquierda del Escritorio del panel de administración de nuestro blog en
WordPress elegiremos la opción Entradas Añadir nueva
2.3. Introducimos un título y un texto.
2.4. Pulsamos sobre Subir/Insertar, localizamos el archivo en nuestro equipo y arrastramos a la
zona de subida de archivos. También podremos utilizar el botón de Elegir Archivos y
explorar de forma tradicional. Nos fijaremos que el tamaño del archivo no exceda la
limitación del espacio de subida.
37
2.5. Cuando se produce con éxito la subida en la parte inferior de este panel se muestran los
datos del archivo subido. Introduciremos los datos del archivo. Seleccionaremos la URL del
enlace y haremos clic derecho para elegir la opción Copiar.
2.6. Para cerrar este panel haz clic el botón Guardar cambios que se ofrece en la parte inferior y
haz clic fuera de este panel.
2.7. Regresaremos al editor de la entrada y pegaremos la URL en una línea. Nos fijaremos de que
está en una línea sola y de que no tiene ningún hipervínculo.
38
2.8. Para terminar pulsa en el botón Publicar.
2.9. Para visualizar el aspecto de la entrada haremos clic en el botón “Ver entrada”.
Podcasting
El podcasting consiste en la distribución de archivos multimedia (normalmente audio o vídeo, que puede incluir texto como subtítulos y notas) mediante un sistema de redifusión (RSS) que permita suscribirse y usar un programa que lo descarga para que el usuario lo escuche en el momento que quiera. No es necesario estar suscrito para descargarlos.
Un podcast se asemeja a una suscripción a un blog hablado en la que recibimos los programas a través de Internet. También una ventaja del podcast es la posibilidad de escuchar en lugares sin cobertura.
Una de las funcionalidades que nos ofrece el blog es la facilidad para incrustar estos archivos de sonido o podcast que se comparten en la nube y que se pueden escuchar o ver desde la página web en la que han sido colocados. Blogs como Wordpress y otros permiten realizar podcasting con el uso de herramientas gratuitas (plug-ins), como WordTube o Podpress.
Como hemos visto sería posible almacenarlos en el Wordpress que nos ofrece Blog de los Centros, sin embargo, no parece una opción muy aconsejable, pues además de la complicación a la hora de crearlos habría que sumar la de los problemas que pueden surgir para alojar estos archivos tan grandes y que saturan tanto el ancho de banda.
Afortunadamente existen opciones de alojamiento especializadas en podcasting que nos ofrecen servicios gratuitos de alojamiento: Archive.org; Blip.tv; Cadpost; Podomatic; Poderato; divShare; ivoox; livestream
Incrustar un podcasting en una entrada
Si lo que queremos es incrustar un podcast que esté ubicado en algún alojamiento de la Web
2.0, seguiremos los pasos que hemos visto para incrustar vídeos o presentaciones. Es necesario
39
comprobar que la URL de la herramienta está incluida en el listado de sitios de confianza para
WordPress.
1. Seleccionaremos el podcast en el servicio donde lo hemos subido o localizado. En el ejemplo
utilizaremos divShare.
2. Una vez lo hemos seleccionado nos permite descargarlo o embeberlo. Seleccionamos
“Embed”:
3. Se abrirá una pantalla en la que podremos seleccionar el estilo de la barra y copiar el código
para incrustar en nuestra entrada:
Creación de una audioguía
Las audioguías se están convirtiendo en un interesante recurso para colocar información sonora sobre lugares de interés y localizarlas geográficamente. Esto las convierte en un interesante recurso para utilizar con nuestro alumnado, grabar documentos, colocarlos en la nube y descargarlos en diferentes soportes (teléfono móvil, mp3,…) para ser escuchados durante una visita o en otro momento.
40
Woices es un portal en dónde podremos encontrar y crear audioguías localizadas geográficamente sobre Google maps, de modo que podremos conocer de primera mano las opiniones y recomendaciones de otros usuarios de viva voz.
Sólo tendremos que registrarnos si queremos crear nuestros propio audio, sino bastará con entrar a curiosear.
Como hemos visto hasta ahora la forma de incrustar este tipo de documentos en nuestro blog resulta muy sencilla. Tan solo tendremos que localizar la audioguía, copiar el código, pegarlo en nuestra entrada de blog y ya lo hemos incrustado el reproductor en nuestro blog.
5. Artículos de lectura y tutoriales publicados en el blog de los centros:
Embeber contenido
Ajustes » Multimedia oEmbed » embeber o publicar archivos de audio oEmbed » embeber o incrustar una presentación en Slideshare Embeber o incrustar Google maps
41
Código embebido limitado en blogs de los centros oEmbed: embeber o incrustar vídeos de YouTube oEmbed » embeber o incrustar un pdf Issuu para la creación de un e-book oEmbed » embeber o incrustar vídeos, imágenes y otros contenidos
Podcast
Cómo hacer Podcasting con WordPress oEmbed » embeber o publicar archivos de audio