Category Archives: Eines i Aplicacions Web 2.0

Inserir vídeos Youtube

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

youtube-1

 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.

capturaacaba-video-youtube1

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

capturakykk

<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.
capturago      capturavi     teacher    video-carta   capturada       edu  capturayou

Inserir vídeos del edu365.cat

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.

edu365.cat

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

Afegir Documents

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.
embed-scrib-3

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

embed-scribd-format1

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

Inserir imatges, presentacions d’imatges (diaporames)

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”.

media-url

media-url-1

media-url-2

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:  capturatinpic

Image chef  :   capturaimatge

Photobucket :   capturaphoto

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

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

Picturetrail:    capturapictu tutorial Picturetrail Font: Crp Garraf
Rockyou :   capturaroc

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.

Inserir fotos al bloc: Picasa

Picasa és una de les eines més útils per poder penjar fotos.

Us deixo un tutorial el·laborat pel CdAp de l’Alt Berguedà amb una guia visual per aprendre a descarregar el programa i inserir les fotos al bloc. (cliqueu a sobre de la imatge o al tutorial)

Image and video hosting by TinyPic

Tutorial del cda-altbergueda: Penjar fotos a Picasa

Picassa En Xtec Blog.

Font: fmaldon3

Inserir fotos Picasa (Xtec Blocs)

font: frodri38