Añadir Presentaciones en Joomla con Slideshare.net

Si queremos añadir a nuestros artículos nuestras presentaciones elaboradas con Powerpoint y/o Impress de openoffice, os recomiendo alojarlas en la aplicación web slideshare.net y posteriormente introducirlas en nuestros artículos gracias a un plugin que podemos descargar e instalar.


SLIDESHARE

Lo primero de todo es disponer de una cuenta de slideshare.net. Como en le resto de aplicaciones dela web 2.0 el registro el libre y gratuito. Basta elegir usuario, contraseña y nuestro correo electrónico.
Una vez que tenemos nuestra cuenta, podemos subir los archivos desde el botón Quick Upload.

Cuando seleccionamos una presentación, a la derecha de la misma podremos obtener el código html necesario. En nuestro caso, hacemos clic sobre "custom" y se nos despliegan un par de opciones adicionales. Nosotros necesitamos el código "For wordpress.com" el cual copiamos:

[slideshare id=967147&doc=tecnologiaeducativa-1233253906872960-2]


Antes de continuar, es el momento de instalar el plugin en nuestro Joomla.

PLUGIN PARA JOOMLA

Para tener instalado el plugin, los pasos a seguir son:
  1. Descargar el plugin desde éste enlace: PLUGIN SLIDESHARE
  2. Instalarlo en Joomla desde el gestor de extensiones.
  3. Activarlo desde el gestor de plugin.

Ahora, al crear/editar un artículo en Joomla, tendremos la posibilidad desde el editor de textos añadir una presentación alojada en slideshare. De momento no funciona con PDF.

El procedimiento para incrustar la presentación:
  • Copiamos en el editor de textos el código que habíamos conseguido en slideshare anteriormente, al cual le añadimos la etiqueta {slideshare} por delante y {/slideshare} al final, de manera que el código debe quedar como sigue:
{slideshare}[slideshare id=967147&doc=tecnologiaeducativa-1233253906872960-2]{/slideshare}


Insertar Presentaciones de imágenes en Joomla

Aunque existen diversas extensiones para crear galerías de imágenes en Joomla, yo voy a recomendar la inserción en los artículos de un slide de fotografías previamente subidas a alguna aplicación web 2.0, como puede ser bubbleshare.com y picasaweb (con cuenta de gmail).

El procedimiento será:
  1. Crear el álbum en la aplicación elegida: bubbleshare, picasa, etc.
  2. Copiar el código html que se nos proporciona para posteriormente...
  3. Crear o editar un artículo de Joomla y añadir el código html que nos proporciona la aplicación web 2.0 elegida.
Como ejemplo, vamos a probar con Bubbleshare y con Picasa. Ahora no nos vamos a dedicar a explicar como crear una cuenta y como añadir un nuevo álbum. Voy a trabajar a partir de algún album ya creado.
En bubbleshare, cuando estoy visualizando un álbum, para conseguir el código html debo seleccionar la opción "blog álbum"

Existen diferentes visualizadores con diferentes tamaños. Elegimos el que nos interesa y copiamos el código para insertar en el artículo:
Es el momento para ir a nuestro artículo de joomla donde vamos a presentar las fotografías. Escogemos el lugar a ubicar la presentación y hacemos con el editor de texto una marca (por ejemplo ponemos "3 equis") para posteriormente poder localizarla en el código html del artículo, el cual abrimos haciendo clic en el icono del editor que pone HTML:


Identificamos en el código HTML la marca "xxx" añadida y la sustituimos por el código que nos ha proporcionado bubbleshare:


Guardamos o aplicamos en el artículo de Joomla y ya tenemos nuestro artículo con la presentación de fotografías.
De igual manera se procede con otras aplicaciones, como por ejemplo, con picasaweb. La única diferencia está en como conseguir el código HTML de la presentación. Si accedemos a nuestra cuenta de picasaweb: http://picasaweb.google.es/ y abrimos un álbum, para obtener el código deberemos hacer clic en "enlazar a éste album"y después en "incrustar proyección de diapositivas". 
En la ventana que se nos despliega, podemos escoger el tamaño de la presentación así como otras opciones de configuración y finalmente podremos copiar el código html.

Insertar videos en Joomla: Allvideos


Para conseguir añadir videos, así como otros contenidos multimedia en nuestros artículos de Joomla, es necesario ampliar las posibilidades de Joomla con alguna extensión.
Para éste caso, voy a utilizar Allvideos, que se trata de un plugin que permite facilmente embeber/incrustar diverso contenido multimedia en los artículos, a partir de archivos alojados en nuestro servidor, o bien alojados en diferentes aplicaciones web 2.0, como es el caso de youtube.

INSTALACION Y CONFIGURACION:

Para proceder a su descarga, deberemos visitar la web del autor: www.joomlaworks.gr. y seleccionamos Allvideos para nuestra versión de Joomla
Desde la administración de Joomla, procedemos a subir e instalar el plugin desde el "gestor de extensiones" y comprobamos que todo es correcto:
Desde el gestor de plugin de Joomla es necesario activar Allvideos para poder comenzar a utilizarlo:

FUNCIONAMIENTO BASICO:

Podemos emplear el plugin para insertar audio y video, ya sea contenido en nuestro servidor o en otro servidor del que conocemos la url del archivo, o bien contenidos alojados en aplicaciones web 2.0.

Algunos ejemplos:

Insertar un video alojado en youtube: Una vez localizado el video que queremos insertar, debemos copiar el código de letras y números que van situados en la parte final de la url del video.
Y el código que vamos a incluir en el artículo que estamos creando, debe ser el siguiente:

{youtube}a2jb03yYVL8{/youtube}

El código "a2jb03yYVL8" hace referencia a la última parte de la URL del vídeo que vas a reproducir. De manera, que Joomla sustituye el código por el video quedando de la siguiente manera:

Insertar un audio/video alojado en el servidor o en otro servidor y conocemos la url: El código a introducir en el artículo es:

{flv}nombredelvideo{/flv}

donde "nombredelvideo" es el nombre del archivo dado al video subido vía FTP (en la carpeta images/stories, habitualmente, salvo que se haya modificado en la configuración del plugin)

Y para reproducir un archivo MP3 subido vía FTP a tu espacio Web, escribe:

{mp3}nombredelarchivo{/mp3}

donde "nombredelarchivo" es el nombre del archivo dado al .mp3 subido previamente, en la carpeta definida en la configuración del plugin. Puedes, por ejemplo, crear una carpeta en la ruta "images/stories/mp3" y almacenar allí todos estos archivos.

Para mejor identificación de los contenidos que sepueden añadir es recomendable visitar su web, más concretamente AQUI. Os encontrareis estas dos tablas:


Audio/Video Format Audio/Video folder set in params Actual file path AllVideos tag to enter in Joomla!
FLV images/stories/videos images/stories/videos/nadasurf.flv {flv}nadasurf{/flv}
FLV hosted on remote server - http://www.filehosting.com/nadasurf.flv {flvremote}http://www.filehosting.com/nadasurf.flv{/flvremote}
MP3 images/stories/audio images/stories/audio/pixies_bonemachine.mp3 {mp3}pixies_bonemachine{/mp3}
MP3 hosted on remote server - http://www.filehosting.com/pixies_bonemachine.mp3 {mp3remote}http://www.filehosting.com/pixies_bonemachine.mp3{/mp3remote}
SWF (flash) images/stories/videos images/stories/videos/presentation.swf {swf}presentation{/swf}
SWF (flash) hosted on remote server - http://www.filehosting.com/presentation.swf {swfremote}http://www.filehosting.com/presentation.swf{/swfremote}
WMV (Windows Media Video) images/stories/videos images/stories/videos/nadasurf.wmv {wmv}nadasurf{/wmv}
WMV (Windows Media Video) hosted on remote server - http://www.filehosting.com/nadasurf.wmv {wmvremote}http://www.filehosting.com/nadasurf.wmv{/wmvremote}
WMA (Windows Media Audio) images/stories/audio images/stories/audio/pixies_bonemachine.wma {wma}pixies_bonemachine{/wma}
WMA (Windows Media Audio) hosted on remote server - http://www.filehosting.com/pixies_bonemachine.wma {wmaremote}http://www.filehosting.com/pixies_bonemachine.wma{/wmaremote}
MOV (Quicktime Video) images/stories/videos images/stories/videos/nadasurf.mov {mov}nadasurf{/mov}
MOV (Quicktime Video) hosted on remote server - http://www.filehosting.com/nadasurf.mov {movremote}http://www.filehosting.com/nadasurf.mov{/movremote}
MP4 (H.264 Video) images/stories/videos images/stories/videos/nadasurf.mp4 {mp4}nadasurf{/mp4}
MP4 (H.264 Video) hosted on remote server - http://www.filehosting.com/nadasurf.mp4 {mp4remote}http://www.filehosting.com/nadasurf.mp4{/mp4remote}
3GP Video images/stories/videos images/stories/videos/nadasurf_mobile.3gp {3gp}nadasurf{/3gp}
3GP Video hosted on remote server - http://www.filehosting.com/nadasurf_mobile.3gp {3gpremote}http://www.filehosting.com/nadasurf_mobile.3gp{/3gpremote}
DivX Video images/stories/videos images/stories/videos/nadasurf.divx {divx}nadasurf{/divx}
DivX Video hosted on remote server - http://www.filehosting.com/nadasurf.divx {divxremote}http://www.filehosting.com/nadasurf.divx{/divxremote}



Video Provider Video URL Video ID AllVideos tag to enter in Joomla!
123video.nl http://www.123video.nl/playvideos.asp?MovieID=248020 248020 {123video}248020{/123video}
aniboom.com http://www.aniboom.com/video/28604/Kashe-Li-Its-Hard/ 28604 {aniboom}28604{/aniboom}
badjojo.com [adult] http://www.badjojo.com/video_play_front.php?Id=6718 6718 {badjojo}6718{/badjojo}
brightcove.tv http://www.brightcove.tv/title.jsp?title=1656387563&channel=151854679 1656387563 {brightcove}1656387563{/brightcove}
collegehumor.com http://www.collegehumor.com/video:1824771 1824771 {collegehumor}1824771{/collegehumor}
current.com http://current.com/items/89150801_campaign_update_07_30_08 89150801 {current}89150801{/current}
dailymotion.com http://www.dailymotion.com/featured/video/x35714_cap-nord-projet-1_creation x35714 {dailymotion}x35714{/dailymotion}
video.espn.com http://sports.espn.go.com/broadband/video/videopage?videoId=3503001&categoryId=3025809&n8pe6c=2 3503001 {espn}3503001{/espn}
eyespot.com http://eyespot.com/share?cmd=permalink&r=0XCzIG2UEAy3criEJW0wIWu85o 0XCzIG2UEAy3criEJW0wIWu85o {eyespot}0XCzIG2UEAy3criEJW0wIWu85o{/eyespot}
flurl.com http://www.flurl.com/video/18402409_airport_musical.htm 18402409 {flurl}18402409{/flurl}
funnyordie.com http://www.funnyordie.com/videos/7c52bd0f81 7c52bd0f81 {funnyordie}7c52bd0f81{/funnyordie}
gametrailers.com http://www.gametrailers.com/player/37719.html 37719 {gametrailers}37719{/gametrailers}
godtube.com http://www.godtube.com/view_video.php?viewkey=3336db1900a0d4d2df7e 3336db1900a0d4d2df7e {godtube}3336db1900a0d4d2df7e{/godtube}
gofish.com http://www.gofish.com/player.gfp?gfid=30-1212872 30-1212872 {gofish}30-1212872{/gofish}
Google Video video.google.com/videoplay?docid=-814361516845782676 -814361516845782676 {google}-814361516845782676{/google}
guba.com http://www.guba.com/watch/3000156661 3000156661 {guba}3000156661{/guba}
hook.tv http://www.hook.tv/player.php?key=51AAAF57E594269E 51AAAF57E594269E {hook}51AAAF57E594269E{/hook}
jumpcut.com http://www.jumpcut.com/view?id=B4AC2D1607ED11DDA411000423CF0184 B4AC2D1607ED11DDA411000423CF0184 {jumpcut}B4AC2D1607ED11DDA411000423CF0184{/jumpcut}
kewego.com http://www.kewego.com/video/iLyROoafYcaT.html iLyROoafYcaT {kewego}iLyROoafYcaT{/kewego}
krazyshow.com [adult] http://www.krazyshow.com/media/playvideo.aspx?f=flash7&cid=FFE2C64AF5F843FB88A00B2FE31BD3BA FFE2C64AF5F843FB88A00B2FE31BD3BA {krazyshow}FFE2C64AF5F843FB88A00B2FE31BD3BA{/krazyshow}
ku6.com http://v.ku6.com/show/mXbA6Nvfwba9H3m4.html mXbA6Nvfwba9H3m4 {ku6}mXbA6Nvfwba9H3m4{/ku6}
liveleak.com http://www.liveleak.com/view?i=2eb_1217374911 2eb_1217374911 {liveleak}2eb_1217374911{/liveleak}
livevideo.com http://www.livevideo.com/video/APnews/F19F90BB55C64182A7F2AA222A982893/raw-video-at-least-7-killed-i.aspx F19F90BB55C64182A7F2AA222A982893 {livevideo}F19F90BB55C64182A7F2AA222A982893{/livevideo}
metacafe.com http://www.metacafe.com/watch/1560301/jet_car_goes_324_mph_for_texas_speed_record/ 1560301/jet_car_goes_324_mph_for_texas_speed_record/ {metacafe}1560301/jet_car_goes_324_mph_for_texas_speed_record/{/metacafe}
mofile.com http://tv.mofile.com/WGCQWS8D/ WGCQWS8D {mofile}WGCQWS8D{/mofile}
myspace.com Videos http://vids.myspace.com/index.cfm?fuseaction=vids.individual&VideoID=37910278 37910278 {myspace}37910278{/myspace}
myvideo.de http://www.myvideo.de/watch/4027656/Webcam_Julia_Privat_Akt_mein_erster_Song?p=hm21 4027656 {myvideo}4027656{/myvideo}
redtube.com [adult] http://www.redtube.com/9194 9194 {redtube}9194{/redtube}
revver.com http://www.revver.com/video/1072440/gnarls-barkley-whos-gonna-save-my-soul/ 1072440 {revver}1072440{/revver}
sapo.pt http://videos.sapo.pt/34NipYH7bWgUzc3pZgwo 34NipYH7bWgUzc3pZgwo {sapo}34NipYH7bWgUzc3pZgwo{/sapo}
sevenload.com http://en.sevenload.com/videos/C4vgVtx-Startrek-Just-Got-Smaller C4vgVtx {sevenload}C4vgVtx{/sevenload}
sohu.com http://v.blog.sohu.com/u/vw/1478211 1478211 {sohu}1478211{/sohu}
southparkstudios.com http://www.southparkstudios.com/clips/165195/ 165195 {southpark}165195{/southpark}
spike.com (former iFilm) http://www.spike.com/video/2881531 2881531 {spike}2881531{/spike}
stickam.com http://www.stickam.com/viewMedia.do?mId=180191003 180191003 {stickam}180191003{/stickam}
stupidvideos.com http://www.stupidvideos.com/video/just_plain_stupid/Spoon_Prank_1/#175073 175073 {stupidvideos}175073{/stupidvideos}
tudou.com http://www.tudou.com/programs/view/sUMj-5Qpxr8/ sUMj-5Qpxr8 {tudou}sUMj-5Qpxr8{/tudou}
ustream.tv http://www.ustream.tv/recorded/140603 140603 {ustream}140603{/ustream}
veoh.com http://www.veoh.com/videos/v458872KnKgCCNF v458872KnKgCCNF {veoh}v458872KnKgCCNF{/veoh}
videotube.de http://www.videotube.de/watch/41819 41819 {videotube}41819{/videotube}
vidiac.com http://www.vidiac.com/video/fee38abd-b421-4873-bf7b-9841003cff17.htm fee38abd-b421-4873-bf7b-9841003cff17 {vidiac}fee38abd-b421-4873-bf7b-9841003cff17{/vidiac}
vimeo.com http://www.vimeo.com/1319796 1319796 {vimeo}1319796{/vimeo}
video.yahoo.com http://video.yahoo.com/watch/3169238/8981933 3169238/8981933 {yahoo}3169238/8981933{/yahoo}
youare.tv http://www.youare.tv/watch.php?id=2859 2859 {youare}2859{/youare}
youku.com http://v.youku.com/v_show/id_XMzc2MDU3OTY=.html id_XMzc2MDU3OTY= {youku}id_XMzc2MDU3OTY={/youku}
youmaker.com http://www.youmaker.com/video/sv?id=508ae75247584c5f8c5e6af6b8278edf001 508ae75247584c5f8c5e6af6b8278edf001 {youmaker}508ae75247584c5f8c5e6af6b8278edf001{/youmaker}
youtube.com http://www.youtube.com/watch?v=DV81bAghxBU DV81bAghxBU {youtube}DV81bAghxBU{/youtube}