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