Jigsaw Planet és una eina de la Web 2.0 que ens permet crear trencaclosques a partir d’una imatge pròpia.

Anem a la pàgina.

Cerquem la imatge del  nostre ordinador, decidim la configuració de nº de peces , format i cliquem create.

Apareix una pantalla amb 2 opcions: inserir l’embed de  la imatge que ens porta el trencaclosques, o inserir l’embed del trencaclosques directament.

Aquí tenim el resultat.

 

[scribd id=11553678 key=key-aok21xwcutd6gxxsfse mode=list]

Font:mascarpone

Per inserir vídeos Youtube fem servir el botó groc   i introduïu la URL que ens facilita la mateixa pàgina on està el vídeo, al clicar l’opció “Compartir”.

 Ajut de l’apartat d’ajuda de XtecBlocs. Insersió de vídeos externs als blocs

Al inserir amb l’editor visual, quan finalitza el vídeo ens dona opcions a altres vídeos i a més a més no ens permet selecionar el marc.

Per poder selecionar la mida,  el marc i treure l’opció d’altres vídeos, cal fer-ho des de l’editor Html. Cliquem “inserir”, selecionen color del marc, mida del vídeo, i podem desselecionar l’apartat de vídeos relacionats. Ara ja podríem publicar el vídeo, tenim present de no canviar l’editor a visual

<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/cte5a-auSX0?fs=1&amp;hl=es_ES&amp;rel=0&amp;color1=0x234900&amp;color2=0x4e9e00"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/cte5a-auSX0?fs=1&amp;hl=es_ES&amp;rel=0&amp;color1=0x234900&amp;color2=0x4e9e00" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>

El resultat

Font: canal youtube frodri38

Altres eines de la Web 2.0 per vídeo.
                          

L’edu3.cat és una eina didàctica, on trobem recursos de vídeo per totes les àrees. Per embedir un vídeo ho hem de fer des del codi html. No podem fer-ho des de l’àrea visual.

Actualment per inserir un vídeo de l’edu hem de :
1- Entrem a l’EDU3 i seleccionem el vídeo que volem inserir en el vostre bloc.
2- Copiem l’embed i l’emgaxem a l’editor Html del nostre bloc, el resultat és aquest. Ara cal cercar de   <embed …… ..embed>  i   eliminar la resta ( marcat amb vermell). Ara ja podríem publicar el vídeo, sempre des de l’editor Htlm, però millor canviar la mida del flash a on posa ” height=” 313″ width=”622″  per un  width 400. Ara ja podem publicar.

<a href=”http://www.edu3.cat/Edu3tv/Fitxa?p_id=42440″><img src=”http://www.edu3.cat/img/logo_embed.png” title=”Edu3.cat” alt=”Edu3.cat” width=”37″ height=”39″ border=”0″ />        </a><br /><div id=”embed”><object id=”rvideo” classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″        width=”616″ height=”313″        codebase=”http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab“>        <param name=”allowScriptAccess” value=”always” />        <param name=”allowFullScreen” value=”true” />        <param name=”movie” value=”http://www.edu3.cat/html/swf/video/video.swf” />        <param name=”quality” value=”high” />        <param name=”flashvars” value=”url=http://www.edu3.cat/portal/pls/portal/edu3tv.flash.get_av_info?p_hash=0daa4f2e56b29ab1898d&embed=http%3A%2F%2Fwww.edu3.cat%2Fportal%2Fpls%2Fportal%2Fedu3tv.flash.get_page%3Fp_hash%3D0daa4f2e56b29ab1898d”/>        <param name=”bgcolor” value=”#000000″ />        <embed id=”rvideo” height=”313″ width=”622″ flashvars=”url=http://www.edu3.cat/portal/pls/portal/edu3tv.flash.get_av_info?p_hash=0daa4f2e56b29ab1898d&embed=http%3A%2F%2Fwww.edu3.cat%2Fportal%2Fpls%2Fportal%2Fedu3tv.flash.get_page%3Fp_hash%3D0daa4f2e56b29ab1898d” movie=”http://www.edu3.cat/html/swf/video/video.swf” allowfullscreen=”true” allowscriptaccess=”always” quality=”high” bgcolor=”#000000″ name=”rvideo” style=”” src=”http://www.edu3.cat/html/swf/video/video.swf” type=”application/x-shockwave-flash”/>        </embed></object></div>

El resultat

Per publicar un documet al nostre bloc tenim diferents opcions, podem escriure tot el document al bloc (perdua de temps si ja tenim el document escrit)  o utilitzar diferents pàgines que ens ofereixen de forma gratuita aquest servei.

XTECBlocs  té limitacions  d’espai (la mediateca del nostre bloc només disposa 70 Mb ). Per tant, és millor  pujar els documents  a un programa de la web 2.0 (Google docs, Scribd,…) i copiar al Codi embed que ens ofereix al nostre bloc.

Recordeu:

–  Editar els articles sempre amb codi HTML i no  des de l’editor visual.

– la importància d’emprar eines externes per no carregar la capacitat del nostre bloc.

Exemple de com quedaria un document penjat amb scribd

[scribd id=37435287 key=key-12fbej9q6mwikq1qwb4c mode=list]

Actualment Scribd ens facilita un embed directe pel bloc.

Nosaltres agafarem “WordPress.com format” que podrem incrustar al bloc amb l’editor Html (nº 3).

Llocs on penjar documents i com fer-ho . Us deixem  un vídeo  el·laborat per sdtaccerdanya , on ens explica com fer un compte amb scribd , pujar un document i crear un codi embed que podrem  incrustar  al nostre bloc.

Font:Canal You Tube de sdtaccerdanya

I un tutoria en format presentació, penjat a slideshare sobre scribd

Font:jtmontsia

Podem penjar documents a:

Scribd

GoogleDocs

Camaleó

Issuu

slideshare

Podem inserir imatges nostres, però també podeu cercar-les a la Xarxa. En aquest cas, cal citar la procedència.

Diposem de diferents serveis a la Xarxa per a inserir imatges o presentacions de fotos al nostre bloc:
Si volem inserir una foto i tenim l’URL :Picasa, Flickr, col·lex , “Banco de imágenes y sonidos del Ministerio de Educación “freefoto, xtec.net, ho podem fer a partir de la “mèdia”.

Aquí us deixo un exemple , aquesta imatge està enllaçada amb l’Url de la mèdia. Cliqueu sobre la imatge o l’enllaç per anar a una pàgina de serveis de la Web  2.0.

A l’apartat imatges trobem algunes de les pàgines que podem utilitzar per pujar i incrustar una foto.

Per exemple:

TinyPic:  

Image chef  :   

Photobucket :  

Si volem penjar + fotos anem a l’apartat Slideshow o diaporames on trobarem pàgines per fer presentacions amb imatges.
Per exemple:

Slide:          Al lateral dret del “Racó 5è i 6è” trobem un exemple.

Picturetrail:    tutorial Picturetrail Font: Crp Garraf
Rockyou :   

A la majoria d’aquestes aplicacions el primer que hem de fer és registrar-nos per poder pujar les fotos i fer el muntatge , després buscar l’embed per incrustar al bloc per l’editor Htlm.  Al bloc “Embolic-ant” podeu trobar idees.