Category Archives: Pràctiques

Pràctica 32. Inserir codi d’un servei extern.

Quan heu creat pàgines o articles haureu observat que a la finestra d’edició hi ha dues pestanyes, en una posa Visual i a l’altra Codi.

Ja heu vist en algunes pràctiques que a vecades per inserir un servei heu d’escriure un codi que després es transforma en una imatge, un vídeo, …. Moltes vegades aquesta és l’única forma d’inserir aquests serveis.

Podeu veure un exemple aquí:

Aquesta “horterada” l’hem generada inserint el codi següent:

<embed src=”http://vhss-a.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm%3D68ae67e6162f54b5c55e930e8679d9d7%26sc%3D808534″ allowscriptaccess=”never” name=”voki” quality=”high” wmode=”transparent” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash%5c” width=”200″ height=”267″></embed>

Aquest codi l’hem obtingut de la pàgina web http://www.voki.com/. Vosaltres podrieu fer un personal, però caldria donar-vos d’alta al servei.

Si voleu podeu intentar inserir el codi d’abans al  vostre bloc o crear-ne un de nou amb el vostre nom d’usuari i contrasenya.

Pràctica 31. Els widgets

Com ja hem comentat abans (a la pràctica del iGoogle), un widget és un petit programa de distribució gratuïta a Internet que es poden incorporar fàcilmenta als blocs.

Exemples de widgets són els apartats que veieu a les columnes laterals dels blocs que heu anat creant (calendaris, comentaris recents, …)

Podeu configurat quins widgets  mostrarà el vostre bloc si aneu a Presentació > Widgets .

Observareu que us surten uns predefinits:

  • Cerca
  • Categories
  • Articles arxivats
  • Articles més recents
  • Comentaris més recents
  • Meta
  • Calendari
  • Enllaços
  • Pàgines
  • RSS
  • Text 1
  • Text 2

La majoria tenen un nom pru entenedor. El widget Meta, crearà un petit menú per administrar el bloc fàcilment.

Aneu provant i observeu el canvis al vostre bloc

Pràctica 29. Control dels ususaris

Amb els blocs podreu controlar fàcilment qui pot afegir contingut al bloc. Només cal que afegiu usuaris. Per fer això aneu al menú Usuaris i a l’opció Autors i Usuaris. Teniu l’apartat Afegeix un usuari/ària de la comunitat.

usuaris.png

S’ha de posar l’adreça electrònica de l’usuari/ària que vulgueu afegir amb el rol que voleu que tingui dintre del vostre bloc. La persona que convideu tingui un identificador d’XTEC o de l’edu365 (en el cas dels alumnes). Això a la pràctica significa que es disposa d’un compte de correu a la XTEC o a l’edu365. A continuació, es mostra el lloc on s’introdueix l’adreça electrònica de l’usuari/ària que vulgueu invitar i també la casella on s’escull el rol que li assigneu. Els usuaris s’han d’anar invitant un a un.

usuaris_2.png

Atenció: Només serà possible afegir usuaris que hagin entrat, com a mínim, una vegada al portal XTECBlocs.Si no hi ha accedit mai amb les seves dades personals, el sistema no el trobarà i ens informarà d’aquest fet.

notrobo.png

Quan convideu algú a participar en el vostre bloc, li heu d’assignar un rol. Cada rol porta de forma implícita una sèrie de permisos que habiliten al participant que convideu a poder fer unes determinades operacions o no.

permisos.png

Aquests permisos segueixen una certa jerarquia. Els perfils d’usuari/ària entre els quals podeu triar són:

  • Administrador/a: disposa de tots els permisos d’administració. Té control total sobre el bloc.
  • Editor/a: publica i gestiona tots els articles, tant els propis com els aliens.
  • Autor/a: publica i gestiona els seus propis articles. No pot fer cap acció sobre els articles que hagin afegit la resta de participants o autors.
  • Col·laborador/a: escriu i edita els seus articles però no pot publicar-los. Cal que algú amb drets d’editor/a, com a mínim, li doni el vistiplau als articles que ha escrit i, per tant, siguin publicats.
  • Subscriptor/a: escriu comentaris, rep missatges amb novetats, etc. No pot escriure cap article.

Aneu al vostre bloc. Demaneu l’identificador a un company del curs i afegiu-lo amb el rol que considereu adient. Aneu fent proves per observar la diferència que hi ha en el taulell de control entre un tipus d’usuari i un altre.

Pràctica 28. iGoogle

A classe ja heu vist que Google té el servei iGoogle que ens permet tenir una pàgina d’inici personalitzada. Es pot configurar aquesta pàgina afegint-hi pestanyes, escollint el fons, i afegint-hi widgets (o gadgets).

Observeu una mica com funciona:

Aneu a la pàgina web  http://www.google.com/ig  i enteu amb el nom d’usuari provablocs i contrasenya bellvitge. Observareu que apareix una pàgina amb uns petites finestres amb Google Reader, Gmail, el temps, … És una pàgina molt configurable podeu canviar el tema (fons i color de lletres) anant a Cambiar temas i afegir (Añadir más)  o treure finestres (fent clic a les creus que hi ha a la part superior dreta de cada finestreta) amb gadgests o widgets.

Un widget és un petit programa de distribució gratuïta a Internet. Entre els seus objectius estan els de donar fàcil accés a funcions freqüentment usades i proveir d’informació visual. No obstant això els widgets poden fer tot el que la imaginació desitgi i interactuar amb serveis i informació distribuïda en Internet; poden ser vistosos rellotges en pantalla, notes, calculadores, calendaris, agendes, jocs, finestres amb informació del temps en la seva ciutat, etcètera.

Amb l’objectiu d’acostumar-vos al widgests (que també s’utilitzaran en la presentació dels blocs) us heu de configurar la vostra pàgina d’inici amb iGoogle. Per accedir-hi, heu d’entrar amb el nom d’usuari i contrasenya que heu escollit quan us heu registrat al Gmail.

Pràctica 27. RSS. Sindicació de Blocs. Google Reader

Ja heu vist com visitar i com introduir continguts als blocs, però segurament us agradaria estar informats d’una manera ràpida si ha hagut alguna novetat en els blocs que us interessen, o si algú ha penjat una notícia o escrit un comentari en un bloc que administreu. Per fer això cal conèixer el que s’anomena sindicació de blocs.

Es possible que no heu sentit parlar mai de RSS. Però segurament heu vist aquesta icona  en els llocs web. En el món de la informació, el RSS està revolucionant la forma que els diaris, els mitjans de comunicació i els proveïdors de contingut comparteixen la informació. RSS és l’abreviatura de “Really Simple Syndication” o “Sindicació Realment Simple”.

RSS és un format per a distribuir a través de la Web informació que s’actualitza periòdicament. Simplement penseu en els llocs web i les fonts d’informació que visiteu cada dia. Porta temps visitar aquests llocs i llegir detingudament les pàgines plenes d’anuncis i d’imatges quan us interessa només el text, no és així? Ara imagineu si poguéssiu llegir totes aquestes fonts d’informació alhora… sense que us bombardegin amb la publicitat… sense haver de buscar les novetats en la pàgina … i sense haver de consumir tot aquest temps visitant tots els llocs web d’un en un. Us interessaria? Doncs això està disponible gràcies al RSS i als lectors de notícies o agregadors.

Un agregador o lector de notícies és un tipus de programari que permet recuperar sindicació de continguts web. Aquest tipus de continguts són publicats per blocs, podcasts, diaris,…  Els agregadors redueixen els temps necessari i l’esforç destinat a trobar les notícies que s’han renovat, creant un espai únic d’informació.

Hi ha molts agregadors, nosaltres parlarem del Google Reader per dos raons: és una aplicació més web 2.0 (aquest és el títol del curs), i ja us heu donat d’alta a altres serveis de Google, d’aquesta forma ens estalviarem la feina de la subscripció.

Abans de començar amb la pràctica podeu veure un parell de vídeos que intenten explicar el que és la sindicació i com funciona el Google Reader. Estan en anglès però subtitulats. Per cert, aquesta aplicació web 2.0 també és molt interessant ja que us permet subtitular vídeos que es troben penjats a la web.

  • RSS in plain english

  • Google reader in plain english

Ara farem un exemple.

  • Aneu a http://www.google.com/reader i valideu-vos amb el vostre nom d’usuari i contrasenya (de Google naturalment). Si us surt una pàgina en anglès i voleu canviar d’idioma, només cal que aneu a Settings i escolliu l’idioma que vulgueu.
  • Segurament, no enteneu molt bé el que surt a la pàgina. No us preocupeu. El que heu d’observar és que hi ha una part de la finestra que posa subscripcions i en aquest moment està buida.
  • Us aneu a subscriure a uns blocs, en concret a Taller de Blocs i a Aplicacions web 2.0
  • Articles (RSS)
  • Comentaris (RSS)
  • Feu clic sobre Articles (RSS) i observareu que s’obre una pàgina (http://blocs.xtec.cat/tallerdeblocs20/feed/).
  • Feu clic sobre el menú desplegable que posa Adreces d’interès actives i escolliu l’aplicació Google.Després feu clic sobre el botó subscriu-m’hi ara.
  • Us dóna dues opcions: Add to Google Homepage o Add to Google Reader. Feu clic a la segona opció  Add to Google Reader
  • Si torneu a la pàgina  http://www.google.com/reader observareu que apareixen les novetats de les notícies de Taller de Bloc a l’apartat subscripcions.
  • Feu el mateix ara amb  Comentaris (RSS)
  • Aneu a  http://blocs.xtec.cat/aplicacionsweb20/ aquí els enllaços per subscriure’s a les novetats sobre els articles (Entrades RSS) i els comentaris (RSS dels comentaris) es troben a la part inferior dreta.
  • Comproveu finalment que a la pàgina http://www.google.com/reader es poden veure tots els últims articles i comentaris realitzats a Taller de Blocs i a Aplicacions web 2.0

De la mateixa forma us podeu subscriure a altres blocs, diaris, podcast,…  La informació us quedarà calssificada i sempre al dia. Podeu configurar la pàgina per agrupar diferents subscripción. Podeu eliminar la subscripció. Només cal que remeneu una mica a la pàgina de Google Reader.

Com ja em comentat abans hi ha altres agregadors de notícies, només cal que cerqueu una mica a Internet per troabr un altre sino us agrada elque acabeu de veure.

Practica 25. Picasa: Pujar i publicar el vostre àlbum.

Si heu fet les pràctiques anterior ja estareu en disposició de publicar un àlbum propi.Suposarem que teniu ja creat un compte amb Gmail (que us servirà per arxivar fotografies a Google Fotos)

  • El primer que heu de comprovar és que teniu una carpeta amb fotografies en el vostre PenDrive.
  • També heu de haver afegit la carpeta a la biblioteca del Picasa. (Això està explicat a la Pràctica 22)
  • Obriu el Picasa i seleccioneu totes les imatges de la carpeta que voleu pujar (pot ser tota la carpeta)
  • Feu clic al botó que permet pujar (subir)

picasa-publica.jpg

Us sortirà una finestra demanant el vostre nom d’usuari i contrasenya.

Una vegada introduït us sortirà una altra finestra on es demana les característiques de l’àlbum que aneu a pujar: Títol, Descripció, Mida de les fotografies i Visibilitat. Serà una pantalla semblant a aquesta:

picasaburdeos.jpg

Seleccioneu la Mida de les imatges Pequeño (així trigareu menys en pujar-les i la presentació anirà més bé per connexions lentes) i la visibilitat Público (tothom ho podrà veure).

  • Una vegada heu acabat de pujar totes les fotografies podreu accedir a elles, si feu clic al botó Ver Online.
  • També podeu accedir a totes les vostres fotografies si aneu a www.google.com, us valideu amb el vostre nom d’usuari i contrasenya, i feu clic a la part superior de la pantalla sobre la paraula Fotos.
  • També podeu anar directament si introduïu l’adreça http://picasaweb.google.es/elvostrenom
  • Només us queda ara publicar el vostre album en el vostre bloc tal i com s’ha explicat a la pràctica anterior

Practica 26. Bubbleshare


Una altra alternativa per crear petits albums fotogràfics a Internet és BubbleShare. Per fer servir aquest servei no cal instal·lar cap programa al nostre ordinador, però si que cal donar-se d’alta al servei.

La pàgina principal de BubbleShare és: http://www.bubbleshare.com.

Qualsevol àlbum que estigui a BubbleShare pot ser integrat dins un article del bloc d’una forma molt senzilla i variada.

Aquí teniu un exemple d’un mateix àlbum presentat de dues formes diferents:

1.- Visor de fotografies

2.- “Bubble Slider”

3.- Presentació de diapositives (explicat a XTECBlocs)

[bubbleshare 530569]

Com es fa això?

Si voleu inserir un àlbum ja penjat al BubbleShare només heu de de visionar-lo en el vostre navegador. Per exemple, l’anterior es troba a http://www.bubbleshare.com/album/530569/overview

Primera forma.

El número 530569 us permet incloure la presentació de forma molt fàcil. Només cal que escriviu entre cortxets  bubbleshare 530569 i automàticament us apareixerà en la vostra notícia.

Segona forma

Una forma diferent és fer clic al’enllaç Add to my blog, us donarà el codi de tres mètodes diferents per incloure la presentació en el vostre blog.

Com a exercici us demanaria dos cosas

  1. Que intentéssiu afegir un àlbum que trobeu a http://www.bubbleshare.com.
  2. Intenteu crear un àlbum amb les fotografies que heu portat en el vostre “PenDrive”.

No està molt ben explicat així que possiblement haureu de demanar ajuda al vostre profe per completar la ferina.

Practica 24. Picasa: Publicar un àlbum.

La millor forma d’explicar això és amb un exemple. Feu clic sobre la imatge següent

.

Observareu que s’obre en una finestra nova una presentació de diapositives amb les fotografies del treball que var realitzar els alumnes de vòlum relacionat amb el 70 aniversari del Guenica. Veiem com ho hem fet.

  • Aneu a l’adreça on estan totes les presentacions de l’IES Bellvitge (http://picasaweb.google.es/ies.bellvitge)
  • Feu clic sobre la que té per títol Guernica70
  • Escolliu una de les miniatures que apareix. Feu clic amb el boto de la dreta. S’obrirà un menú. Torneu a fer clic a Propiedades. Apareix una petita finestra, seleccioneu l’adreça que surt a Propiedades de la Imagen > Dirección (serà quelcom semblant a http://lh6.ggpht.com/_t08XOxgzjl0/SRx8wO4BDeI/AAAAAAAAA9A/XovXQC-y6oo/s144/041.jpg). Copieu l’adreça fent Ctrl+C.
  • En una altra finestra del navegador, obriu el vostre bloc i escriviu una notícia nova. Feu clic a la icona de l’arbre (Inserir imatge) i enganxeu (Ctrl+V) el que heu copiat abans on posa URL de la imatge.
  • Ja teniu la imatge al vostre bloc, ara aneu a afegir un enllaç a la presentació. Torneu a la finestra on hi havia totes les imatges de Guernica70 i feu clic a on posa Presentació de diapositives. S’obrirà al vostre navegador la presentació de diapositives i copieu l’adreça que surt a la part superior del navegador (en el lloc on es posa l’adreça web que un vol visitar). Serà http://picasaweb.google.es/ies.bellvitge/Guernica70#slideshow
  • Finalment torneu al vostre bloc, feu clic sobre la imatge que heu inserit abans i cliqueu la icona de la cadena (Inserir un enllaç) enganxeu l’adreça que heu copiat anteriorment a on posa URL de l’enllaç i dins el camp Destí escolliu l’opció Obrir l’enllaç en una finestra nova. Ja está fet.
  • Publiqueu la notícia i comproveu que tot funciona.

Pràctica 22. Picasa: Afegir carpetes i editar fotografies.

Anem a afegir una carpeta a l’explorador de Picasa, i després jugarem una mica amb el visor d’imatges.

  1. El primer que heu de comprovar és que teniu una carpeta amb fotografies que no veieu amb el Picasa. Suposarem que la carpeta la teniu al vostre “pendrive” i que es diu Fotos2008.
  2. Aneu a la part esquerra del menú superior i Feu Archivo > Añadir carpeta a Picasa. Us apareixerà una finestra amb el títol Explorador de carpetas. Escolliu la carpeta Fotos2008 del vostre pendrive i seleccioneu l’opció Explorar una vez.
  3. Observareu que ara apareix aquesta carpeta nova al menu de l’esquerra, dis l’apartat Carpetas.  Al fer clic sobre el nom de la carpeta, podeu veure totes les imatges que hi ha dins, i si feu doble clic en una d’elles s’obrirà el visor de Picasa amb la imatge que heu selecionat en gran.
  4. Si feu clic al botó Reproducir, la imatge es veurà a pantalla completa i es començaran a visualitzar totes les imatges de la carpeta que acabeu d’afegir.
  5. Feu clic a la tecla Esc per tornar a la finestra anterior i observeu que al menú de l’esquerra permet fer canvis en les fotografies.
  6. Jugueu una mica amb una de les fotografies: retalleu, poseu-la més càlida i al final de tot feu Archivo guardar. D’aquesta forma tan simple haureu modificat una fotografia al vostre gust.

Aquests canvis també es poden fer des de la finestra principal del Picasa (la biblioteca). Si seleccioneu una (o més d’una foto) i aneu a Imagen > Edición por lotes, podeu fer canvis en més d’una imatge a la vegada. Aquests canvis no seran efectius fins que no feu clic al botó Guardar en disco que apareix en la part superior dreta de la finestra. Si veiem que la em pifia-da podem tornar enrera ja que el Picasa fa una còpia de seguretat.

Pràctica 21. Picasa: Descàrrega i instal·lació del programa.

Com ja sabeu Google té un conjunt d’aplicacions i serveis gratuïts que hem anat fent servir. Una de les aplicacions s’anomena Picassa i ens serveix per gestionar les fotografies que tenim a l’ordinador i compartir-les a la web. No és l’únic servei que fa això, però te avantatges sobre altres: l’espai que ens ofereix és gran (1 Gb) i ens permet agrupar les fotografies en albums,…  Altres serveis que es poden utilitzar són: Flick, Bubbleshare,…

Com ja us heu donat d’alta a Gmail, no un cal tornar a fer tot el proces d’inscripció, això és un altre avantatge.

  1. Aneu al lloc web http://picasaweb.google.es. Us sortirà la pàgina d’inici del Picasa. Feureu que hi ha un enllaç que us premet descarregar el programa. Descargar Picasa.
  2. Si no l’heu fet anteriorment feu clic sobre i descarregueu-lo.
  3. Una vegada el teniu arxivat al vostre ordinador, executeu l’arxiu per instal·lar el programa.

El primer que fa el programa és començar a explorar l’ordinador per trobar les imatges que teniu i crear un índex per torbar-les amb més facilitat. Per defecte vol explorar tot l’ordinador. No el deixeu, triga molt i us podeu trobar amb grans sorpreses que és millor evitar. Seleccioneu l’opció Explorar sólo mís documentos, Mis imágnes i el escritorio. Com podeu llegir a la mateixa finestra la cerca d’imatges no canvia ni copia imatges anterior i el conjunt de carpetes que mostrarà el programa es pot configurar posteriorment.

picasaexplora2.jpg

Feu clic a Continuar. Observareu que Picassa comença a explorar el vostre ordinador. Aquesta tasca sol ser llarga i es mostra a la cantonada intferior dreta de la pantalla. Vosaltres podeu continuar treballan i el programa segueix explorant fins que acaba de trobar totes les imatges.

La següent finestra us demana si voleu que Picasa sigui el programa que s’utilitzarà per defecte per visionar imatges en el vostre ordinador. Si no voleu fer cap canvi en les configuracions actuals heu de fer clic a No utilitzar el visor de fotos de Picasa. Nosaltres acceptarem les opcions per defecte per veure com funciona el programa. Feu clic a Finalizar.

Veureu que el programa us mosta una finestra semblant a la següent:

arbrepicasa.jpg

Observareu que a la columna de l’esquerra us surten totes les carpetes que contenen imatges ordenades cronològicament. Podeu ara accedir fàcilment a totes les imatges que teniu al vostre ordinador.

A la pràctica següent veurem com afegir carpetes. Editar les imatges i crear publicar un album a Internet.