Vídeo (2)

Als articles o a les pàgines dels blocs, hi podeu inserir vídeos en format Real Media que estiguin pujats a un servidor d’Internet. Per poder-ho fer, només us cal conèixer l’URL del vídeo.

Tots els vídeos de l’EDU3 tenen el format de Real Media, i, per tant, els podeu inserir a les entrades dels blocs. Abans, però, us cal conèixer l’URL exacte del vídeo, que no és el mateix que apareix a la finestra de navegació.

Per conèixer l’URL del vídeo, seguiu el procediment següent:

1. Selecció del vídeo que es vol inserir al bloc

Entreu a l’EDU3 i seleccioneu el vídeo que voleu inserir en el vostre bloc.

edu31.png

2. Cerca i còpia de l’URL del vídeo

Valideu-vos en el portal de l’EDU3 i busqueu la finestra on està escrita l’URL del vídeo.

URL.png

Seleccioneu aquest text i copieu-lo a la memòria de l’ordinador.

Podeu copiar el text des de l’opció Copia que us sortirà en fer clic al botó dret del ratolí.

Sense necessitat de validar-vos també podeu conèixer la URL del vídeo des del codi per embedir.

embed.png

Dins del codi per embedir busqueu un text de l’estil següent:

http://video.xtec.cat:8080/ramgen/edu3tv/video/tvc/atrapasons/001_730141.rm

El text que necessiteu començarà exactament igual que aquest, acabarà per .rm, però, a partir del text /video/tvc/, canviarà.

Podeu ajudar-vos de les eines de cerca que incorporen els navegadors.

Seleccioneu aquest text i copieu-lo a la memòria de l’ordinador.

3. Inserció del vídeo al bloc

Fins aquí heu fet el més complicat. Ara ve la part més fàcil.

Entreu a l’administració del bloc i comenceu a escriure-hi un article o pàgina nova.

newpost1.png

Feu clic al botó de l’editor de la imatge.

anarchymediabutton.png

Se us obrirà una finestra on heu d’escriure l’URL del vídeo que voleu inserir al vostre article o a la vostra pàgina.

enterURL.gif

Una vegada hagueu inserit un vídeo a l’editor, veureu un text de l’estil següent:

[kml_rm movie="url" width="352" height="288" wmode="transparent" /]

Publiqueu l’article o la pàgina nova i el vídeo haurà quedat inserit al bloc.

Modificar les mides d’un vídeo

Per modificar les mides d’un vídeo inserit al vostre bloc cal modificar els valors de les etiquetes width i height al codi d’inserció.
Aquí teniu una llista de mides que mantenen la proporció:

425-373
375-329
350-307
300-263
275-241
250-219
200-175

Feu proves!

Vídeo (1)

Directament des de l’editor, podeu inserir vídeos externs procedents de YouTubeGoogle VideoiFilmRevverMetacafeMySpaceGoEar en els vostres articles o pàgines dels blocs.

Per poder inserir vídeos des de les fonts comentades, en algunes ocasions cal conèixer els seus URL i fer clic al botó de l’editor de la imatge.

anarchymediabutton.png

Se us obrirà una finestra on heu d’escriure l’URL del vídeo que voleu inserir en el vostre article o pàgina.

enterURL.gif

Per exemple, per inserir un vídeo del YouTube, podeu seguir el procediment que es descriu tot seguit.

Aneu a la web de YouTube i busqueu el vídeo que voleu inserir en el vostre article o pàgina. A la dreta de la pantalla, apareixeran diverses opcions, en funció si feu clic sobre Comparteix o Insereix. Des de l’opció Comparteix apareix una URL mentre que des de la opció Insereix del vídeo obre un camp de formulari amb un codi que cal copiar a enganxar-lo a la vista HTML de l’article:

<iframe title=”YouTube video player” width=”480″ height=”390″ src=”http://www.youtube.com/embed/_A-ZVCjfWf8″ frameborder=”0″ allowfullscreen></iframe>

Així, aconseguireu que l’article tingui un vídeo incrustat i es pugui reproduir, com en aquest exemple:

Ara sí, marcadors socials ‘clàssics’

Els marcadors socials són una manera senzilla i popular d’emmagatzemar, classificar i compartir enllaços a Internet. Aprofiten la potencialitat dels nous aplicatius de manera que allò que ens resulta interessant ja no queda restringit a la zona de Favorits dels navegadors instal·lats a l’ordinador sinó que es pot consultar des de qualsevol ordinador amb connexió i, el que és més interessant, compartir-los amb altres usuaris.

Accediu al manual orientatiu:

Mister Wong

Marcadors socials…a l’escriptori

No parlarem aquí dels coneguts com a marcadors socials: Mr Wong, Delicious i altres, ja ho farem més endavant. Us mostro una aplicació que permet disposar dels enllaços als llocs web que més visitem en una sola pantalla i a més a més amb la possibilitat de personalitzar la visualització. Pot ser molt últil amb els alumnes per iniciar-los al concepte de marcadors socials.

Es tracta de l’aplicació SYMBALOO. Accediu al seu espai, registreu-vos i experimenteu!

imagen-2

Internet segura

Internet és un lloc ple d’oportunitats per als menors, on poden aprendre, comunicar-se o jugar. Però també hi ha alguns riscos i consells de seguretat que han de conèixer per evitar problemes. L’adquisició de la competència digital i l’exercici responsable de la ciutadania passa per tenir coneixements del que és permès a la xarxa i el que és una infracció, tenir consciència de la pròpia identitat digital i saber salvaguardar les dades personals, detectar abusos i saber demanar ajut a les persones adultes o conèixer els sistemes de protecció contra les amenaces dels programaris maliciosos.

Visiteu a la pàgina http://www.xtec.cat/internet_segura/ on trobareu enllaços i informació molt interessant sobre aquest aspecte de la seguretat a Internet.

Creem núvols d’etiquetes

Un núvol d’etiquetes és una manera interessant d’il·lustrar el contingut d’un lloc web. Les paraules més populars o utilitzades en un lloc web són les que apareixeran amb una mida més gran per diferenciar-se de la resta d’etiquetes.

A Internet podem trobar unes quantes eines que faciliten aquesta tasca:

Tagxedo: genera núvols d’etiquetes amb formes singulars

L’ús de tagxedo és força senzill. Cal carregar el text pujnat un fitxer, posant la URL o enganxant directament el text.

Després, disenyeu l’etiqueta, seleccionant la forma, tipus de lletra, direcció del text, mida, entre altres opcions.

Una vegada acabat, podeu graudar el núvol amb format jpg, png, o embedir-lo al loc web.

tag1

Wordle: crea núvols d’etiquetes amb un estil artístic

Wordle és una eina molt fàcil d’usar per generar núvols de paraules a partir d’un text. Per crear-ne un només cal posar la font del text, la URL del lloc web on es generà el núvol a partir de les etiquetes.

També es pot personalitzar el tema, el tipus i el color de la lletra:

wordle

Enlace | Wordle

TagCrowd: genera núvols d’etiquetes ignorant les paraules comuns

A diferència de la resta TagCrowd, permet crear una llista de paraules que no vulgeu que apareguin al núvol.

El text que és nevessari per a generar el núvol es pot inserir mitjançant la URL, pujant un fitxer de text o enganxat un text al lloc de TagCrowd. El resultat es pot embedir al lloc web.

tag3

Enlace | TagCrowd

Tagul: crea núvols d’etiquetes i inseriu-los al lloc web

Per usar Tagul cal primer de tot registar-se, a continuació, de manera similar els serveis anteriors podeu posar el contingut del núvol via URL o text.

Una vegada guardat el vostre disseny del núvol es pot embedir al vostre lloc:

<

Enlace | Tagul

Valor didàctic dels blocs

El bloc es descriu com un sistema de gestió de continguts amb una dimensió social i comunicativa molt important. És un mitjà de comunicació que pot contribuir a enriquir les interaccions entre els alumnes i entre aquests i el professor per afavorir aprenentatges actius. A més, permet establir comunicació amb persones i grups situats més enllà del centre educatiu.

>Llegiu el text “<L’essencial: pensar el valor didàctic que ens aporta un bloc” on trobareu algunes reflexions sobre com incorporar aquest recurs a l’aula i enllaços interessants que val la pena visitar. Estaria molt bé que féssiu alguns comentaris en aquesta entrada sobre algun aspecte que us hagi interessat! Així passem de la teoria a la pràctica.

Fem una mica de treball col·laboratiu. Cerqueu articles, vídeos, presentacions que parlin sobre aquest ús didàctic dels blocs i afegiu un comentari a aquest article indicant l’adreça i el contingut d’allò que recomaneu.

Optimitzar imatges

Tractar imatges per inserir-les al web és una tasca fonamental per incrementar la satisfacció de l’experiència d’usuari/ària i rendibilitzar la velocitat de càrrega de les nostres pàgines.
En moltes ocasions és necessari fer un tractament de les imatges originals per tal de modificar la seva mida (amplada i alçada mesurada en píxels) i el seu pes (mesurat en kb). Per fer aquest tractament disposem de molts programes i aplicacions. La nostra pràctica la farem amb un de codi lliure, el GIMP. Podeu descarregar-vos una versió portable o bé fer una instal·lació.

Tractament d’imatges. Tasques bàsiques amb el GIMP.

Obrir una imatge

Feu clic al menú “Fitxer” de la finestra principal “GIMP”.
Escolliu l’opció “Obre”.
Cerqueu la imatge que voleu obrir i un cop seleccionada feu clic al botó “Obre”.

gimp_2

Escalar una imatge

Obriu una imatge.
Feu clic al menú “Imatge” de la imatge que teniu oberta.
Escolliu l’opció “Escala la imatge”.
Modifiqueu els valors d’amplada i/o alçada i feu clic al botó “Escala”.
La cadena que mostra la fletxa blava, activa o desactiva l’opció de mantenir la proporció de la imatge. És a dir, si tenim la cadena activada i reduïm l’amplada de la imatge a 250 píxels, el programa automàticament calcularà l’alçada corresponent. Si en canvi volem modificar la imatge sense mantenir les proporcions originals hem de fer clic a la cadena abans de modificar l’alçada i amplada de la imatge.

gimp_4

Retallar una imatge

Obriu una imatge.
Feu servir l’eina “Selecció rectangular” d’eines per seleccionar una àrea de la imatge.

gimp_8

Feu clic al menú “Imatge”.
Escolliu l’opció “Escapça la selecció”.

gimp_7

Desar una imatge

Per a poder desar els canvis que heu realitzat sobre una imatge feu clic al menú “Fitxer” de la imatge i escolliu “Desa” o “Anomena i desa”. És important que la imatge la deixem en un format vàlid per la web.

Hi ha tres tipus d’imatge vàlids per a publicar a la web: JPEG, PNG i GIF. Els dos primers els farem servir per a les imatges amb molts colors, com les fotografies i el GIF el deixarem per a les imatges amb pocs colors tipus gràfiques.

Desfer una acció

Podeu desfer qualsevol acció prement Ctrl + Z o bé fent clic al menú “Edita -> Desfés”. El GIMP permet desfer moltes accions, no només l’última, cosa que ens permet treballar amb la seguretat que sempre podem tornar molts passos enrera.

Més informació

A continuació teniu una llista d’enllaços on trobar informació ampliada del programa:
Guia de programari lliure de l’XTEC: http://www.xtec.cat/at_usuari/guies/pl
Manual oficial del programa: http://docs.gimp.org/es/

Tasques 2a sessió

Espero que tots/es disposeu ja del vostre bloc operatiu de cara a la sessió del dimarts 15. Recordeu que heu de portar , com a mínim,3 fotografies per fer la pràctica d’inserció d’imatges al bloc i deixar-les a la mediateca pròpia d’aquest.

Aprofitarem per veure com podem optimitzar per a Internet les imatges fetes amb les nostres càmeres digitals, de manera que es visualitzin amb la major qualitat possible i els temps de càrrega siguin curts.