Anàlisi del navegador Flock

El navegador Flock, de recent creació, es defineix a ell mateix com el navegador de la web social (web 2.0). A més de les opcions ja conegudes de qualsevol navegador, Flock incorpora eines que faciliten la publicació de continguts, l'accés a canals informatius, la participació en comunitats...
Donat que una part important dels continguts de l'assignatura es relacionen amb el Web 2.0 es proposa la realització de l'exercici següent:

• Individual. Descàrrega (es pot descarregar en català, castellà...) i instal·lació de Flock al vostre ordinador de casa. Exploració individual durant algunes hores de les noves possibilitats que incorpora aquest navegador prenent nota de diversos detalls sobre les opcions més destacades.

• Grup. Posada en comú de les anotacions personals i anàlisi conjunt del navegador compartint les descobertes fetes a la fase individual. Elaboració d'una entrada del bloc de grup que amb el nom Anàlisi del navegador Flock. Es presentarà l'anàlisi complet fet pel grup. En aquesta anàlisi es recomana incloure també una descripció de les possibilitats de personalització del navegador.

Subscripció a un podcast

El terme podcasting fa referència a una determinada forma de distribució de continguts multimèdia a través de la Xarxa. Els emissors (mitjans de comunicació, institucions, empreses...) enregistren els continguts en format àudio o vídeo i els fan accessibles als usuaris situant-los a un servidor connectat a la Xarxa; aquests es subscriuen a les fonts d'informació multimèdia i poden escoltar i descarregar programes de ràdio, de TV, vídeos... al seu ordinador (i si cal els transfereixen a dispositius portàtils com ara els reproductors MP3) per tal de poder-los escoltar/veure quan convingui.

1. Subscripció amb iTunes
• Descarregarem el programa iTunes
• Ens subscriurem a la font informativa; accedirem, per exemple, al web del programa l'internauta de Catalunya Ràdio i escollirem l'opció Afegir a iTunes:
  
  
• Des de l'iTunes validarem la subscripció:
  
  
  
  
• A continuació es descarregarà el darrer capítol (programa) i ja el podrem escoltar
  
  
  
  
• Des del mateix iTunes podrem actualitzar la llista de programes i descarregar-los
  
  
2. Subscripció amb un lector RSS
• Podem emprar Google Reader com a lector.
  
• Accedirem al web del mitjà. Novament l'internauta. En aquest cas escollirem:
  
  
  
  
• El navegador ens mostrarà una pantalla en la que podrem escollir Google Reader com a lector RSS:
  
  
  
  
• Finalment, des del lector RSS de Google podrem escoltar els programes:
  
  

Alguns conceptes relacionats amb el Web 2.0

Aquest exercici s'ha de realitzar en grup i es publicarà en forma d'una única entrada del bloc de grup.
Cada grup haurà de fer un glossari amb els termes que apareixen a la imatge que es veu a l'inici d'aquesta entrada. Els termes s'han d'explicar breument i, si és possible, caldrà posar la font consultada.
El grup s'organitzarà per repartir la feina però estaria bé consensuar algunes de les definicions: què vol dir, per exemple, Convergence en relació al Web 2.0?
Cal posar el nom de l'autor o autors de cada definició.

Els RSS explicats a través d'un vídeo

El vídeo que veureu més avall explica de forma planera la utilitat dels RSS.
També és important veure que hi ha espais web com el que té hostatjat aquest vídeo, DotSub, que permeten a l'usuari subtitular els vídeos per tal d'ampliar el seu públic potencial.

Youtube al nostre bloc

Si volem citar un vídeo de YouTube des del nostre bloc o des del bLink primer l'haurem de cercar:


Un cop localitzat el podem veure:



A la dreta de l'àrea de visualització trobarem dos enllaços:



Podem escollir entre dues opcions:

• La casella URL conté l'adreça web que haurem de posar a l'enllaç.

• A Embed hi ha el codi que haurem de copiar/enganxar a la finestra d'edició HTML.

Els continguts del ciberespai

El diari EL PAÍS publicava el 7 de març de 2007 El ciberespacio se come al libro, un article de Patricia Fernández de Lis, que aportava dades espectaculars sobre el volum de continguts que es publiquen cada any a la Xarxa i la seva autoria:

"La información digital de 2006 es tres millones de veces superior a la de los libros escritos - Los particulares producen el 70% de los contenidos - Sólo una cuarta parte es original"

En un segon moment, l'article comenta les creixents dificultats que trobem a la Xarxa: les dificultats per trobar informació relacionada amb imatges, àudio i vídeo, la perdurabilitat de les dades digitals...

"...podemos guardar la información en distintos dispositivos pero, ¿quién nos asegura que los programas necesarios para descodificarla (como Word, Excel o Powerpoint) seguirán existiendo dentro de 20, 50 o 250 años? "

La lectura d'aquest text pot propiciar diverses línies de reflexió com ara: quina és la relació entre el terme Web 2.0 i les dades aportades per l'autor? com es concreten en el nostre dia a dia ciberespai les dificultats enumerades a l'article? quina és la nostra aportació de continguts a la Xarxa? com canviarà aquesta aportació en un futur proper?

Mapes conceptuals

Els mapes conceptuals es poden crear amb diversos programes. Un d'ells és CMapTools, un programa gratuït creat per l'Institute for Human and Machine Cognition.

• Cal descarregar i instal·lar el programa (des de CMapTools)
  
• Aprenentatge del programa. Tot i que el programa és mol senzill i es pot aprendre de forma autodidacta, es pot consultar l'ajuda en línia
• Configuració de l'idioma. Es pot configurar l'idioma de la interfície des de Editar - Preferencias - General - Idioma
• Els mapes es poden desar a l'ordinador en el que treballem o es poden compartir desant-los a IHMC Public Cmaps.
• Exportació del CMap. El CMap es pot exportar en forma d'imatge, document PDF, pàgina web... des de Archivo - Exportar CMap
  

Blocs de notes virtuals - Google Notebook

Les adreces que anotem als Preferits del nostre navegador (Internet Explorer, Firefox, Safari, Opera...) ens ajudaran a tornar als llocs web anotats quan ens calgui. Emprar aquest sistema ens pot ser de molta utilitat però té alguns inconvenients:

• els Preferits estan associats al navegador i a l'ordinador en el que treballem (tot i que, de fet, es poden exportar a altres navegadors i/o ordinadors).
• quan afegim un nou Preferit a la llista només prenem nota d'una adreça, no podem afegir comentaris o copiar fragments de text de la pàgina que registrem. En el cas de Firefox podem fer anotacions modificant les propietats del Preferit.
  

Hi ha diverses aplicacions o llocs web que ens permeten resoldre aquests inconvenients. Una de les més potents és Google Notebook.

Google Notebook s'instal·la com una extensió de Firefox o d'Internet Explorer. En general, les extensions amplien la funcionalitat dels navegadors possibilitant la realització d'algunes tasques que d'entrada aquests programes no poden fer. Una extensió de Firefox permet, per exemple, revisar l'ortografia del text que escrivim en un correu, en una intervenció en un fòrum...
Per fer servir Google Notebook cal fer el següent:

• Començarem accedint a la pàgina Google Notebook.
• Si ja som usuaris registrats d'altres serveis de Google com ara GMail ens identificarem. En cas contrari ens haurem de registrar.
• Si el navegador no té l'extensió Google Notebook instal·lada la podrem descarregar tant si fem servir Firefox com si naveguem amb Internet Explorer (Google detecta el navegador que fem servir i ens porta a la pàgina de descàrrega corresponent). Instal·larem l'extensió i després de reiniciar el navegador aquesta ja estarà a punt per ser emprada.

A partir d'aquest moment podrem començar a navegar i a crear les anotacions que quedaran registrades als servidors de Google en el nostre espai.

Per fer una anotació farem servir la icona que es mostra a la part inferior dreta de la finestra del navegador.

L'aplicació permet crear diverses seccions que ens ajudaran a classificar millor les anotacions realitzades. Fins i tot podem crear més d'un Notebook i si ens cal podrem convidar a altres persones a registrar adreces. Així doncs podrem tenir Notebooks individuals i de grup.

Més informació a Google Notebook FAQ.

Revisió ortogràfica amb Firefox

El navegador Firefox permet la revisió ortogràfica en diverses llengües dels textos que redactem a les entrades d'un bloc, un fòrum, un document en línia...
Caldrà fer el següent:

• Descarregar i instal·lar Firefox ( versió en català)
  
• Instal·lar l'extensió diccionari català o en altres llengües
• Tancar i tornar a obrir el navegador Firefox
  

Un cop instal·lada l'extensió ja la podrem emprar. Si escrivim incorrectament una paraula quedarà subratllada en vermell. Si fem clic amb el botó dret el sistema ens mostrarà les alternatives.

9. Presentació final

Cada grup d'estudiants haurà de presentar els treballs l'últim dia de classe.

Cal fer hipervincles des del bloc de cada grup, de manera que tot el que s'ha treballat a classe sigui accessible des del bloc.

En resum, els treballs són els següents:
1. creació del bloc (és clar) (grp)
2. una entrada al bloc amb dues recomanacions, d'una web i d'un bloc (ind)
3. Sobre el vídeo Web 2.0 de YouTube, elaboració d'un llistat de conceptes (grp) i definició i ampliació d'un dels conceptes (ind)
4. web sobre els premis Oscar (ind); una entrada al bloc, amb hipervincle a la web.
5 (1). entrades al bloc en forma de crónica de les Jornades Blanquerna de Comunicació (ind) i un esboç de xarxa social utilitzant el blogroll (grp)
5 (2). Web sobre web 1.0 i web 2.0 amb un mapa conceptual (sobre web 1.0, grp) i un concepte desenvolupat (ind) i una llista de conceptes (sobre web 2.0); una entrada al bloc amb hipervincle a la web
7. creació d'una animació linial o interactiva (en base a botons i línia de temps) (ind); publicació en una pàgina web
8. integració en un clip de flash dels clips individuals (grp); publicació en una pàgina web

L'espai web per publicar les pàgines web i les animacions flash és l'espai del vostre grup al blink.

8. Integració de clips de pel.lícula

Finalment cal integrar les diferents pel.lícules flash (els fitxers SWF) que heu fet de forma individual.
Feu una pel.lícula de Flash que actui com a menú, de manera que a partir de diferents opcions del menú s'accedeixi als clips de pel.lícula fets per cadascú de vosaltres.
Feu servir la funció LoadMovie d'ActionScript per carregar en el clip del menú els altres clips de pel.lícula (és a dir, els fitxers SWF).

7. Creació d'una animació

Heu de crear una animació sobre la idea del web 2.0, en relació a d'altres tecnologies (l'escriptura linial, per exemple) i el web 1.0. Un bon exemple que us pot servir de model i que ja coneixeu és Web 2.0 the Machine is Us/ing Us.
Feu servir el programa Flash i, si us cal, el Photoshop per preparar les imatges.

És necessari que les característiques de l'animació es facin a partir de l'explicat a classe:
- animació linial amb interpolació de moviment o forma
- ús de la biblioteca: creació d'imatges, importació de mapes de bits, de sons, de clips de pel.lícula, ...
- multiples capes, una o més escenes
- interactivitat amb ActionScript senzill:
- ús de botons: on release, on rollOver, ...
- control de la línia de temps: gotoAndPlay, gotoAndStop...
- navegació: getURL, ...

L'animació final s'integrarà a la web que veu fer sobre el tema web 2.0 i s'entregarà tot plegat.
Treball individual.

6. Sindicació de continguts (publicar informació)

Com hem dit abans, també podem compartir la nostra pròpia informació, perque sigui redifosa per la xarxa.
Per fer-ho, hem de disposar d'un espai web públic (per exemple el que tenim al Blink). També necessitem un document en format RSS o XML (que ens permetrà sindicar la informació) i documents en format HTML amb la informació mateixa. Tots aquests documents estaran a un espai web públic (el mateix o diferents).
A continuació teniu un exemple de codi RSS 2.0. El document es pot escriure amb Dreamweaver, fent servir l'opció de document XML. L'extensió del document pot ser .rss o .xml. Com es tracta d'un llenguatge d'etiquetes, tenir coneixements d'HTML ens és útil per entendre'l (clica sobre la imatge per veure-la ampliada):



Comentem les etiquetes més importants. N'hi ha dos d'especialment importants, channel (canal) i item (article), que defineixen el canal de publicació (que és fixe) i els diferents articles d'informació que volem donar en subscripció (que són variables). En el nostre exemple l'espai web és http://grups.blanquerna.url.edu/antropologiacultural/mati
en aquest espai hi ha els documents http que actuen com a fonts de dades i també el canal de publicació, que esta a la carpeta etnocanal dintre de http://grups.blanquerna.url.edu/antropologiacultural/mati

Etiquetes RSS importants:

channel: el nostre canal de publicació o feed , on estaran els articles d'informació que mostrem als altres usuaris.
Dintre d'un canal hi ha aquests elements:

• title: és el títol del nostre canal o feed.
• link: adreça web en la que es troba el nostre RSS (per exemple, l'espai web públic del Blink).
• description: descripció del canal

Després tenim els elements variables del canal, és a dir, els articles o ítems on es troba l'informació mateixa:
item: és cadascún dels articles d'informació que volem redifondre en subscripció. Hi pot haver més d'un ítem en un mateix canal. Cadascún dels ítem tindrà aquests elements:

• title: el títol de l'article
• link: adreça web en la que es troba publicada la informació (una pàgina web).
• description: descripció de l'article

Finalment caldrà enllaçar aquest document RSS amb la nostra pàgina web, de manera que els usuaris que navegin pel nostre lloc és puguin susbcriure. El codi HTML que cal escriure en la pàgina web és el següent (clica sobre la imatge per veure-la ampliada):



En aquest cas hem fet l'hipervincle utilitzant una imatge com a botó.

Ara, només cal que esperis els subscriptors, procura facilitar informació interessant i actualitzada!

Sindicació de continguts (rebre informació)

Com hem dit abans la sindicació de continguts funciona en dos direccions, amb la mateixa tecnologia: es possible rebre informació de la web i també oferir la nostra informació als altres usuaris.

Rebre informació de la web
Seguirem primer l'exemple de subscriure'ns al canal de cultura de El País amb l'agregador Bloglines.
1. Ens registrem com a usuaris de Bloglines a l'opció de registre. Rebrem un correu-e que haurem de contestar per completar el registre.
2. Obrim una sessió a bloglines (és a dir, ens loginem).
3. Anem a la pàgina d'index d'RSS de El País, fem un clic a la secció cultura i seleccionem Bloglines al menu desplegable.
4. Una pàgina de bloglines ens demana les opcions de subscripció. Fem clic al botó de subscripció.
5. Ja surt El País - Sección Cultura com un canal a Bloglines.

Ara farem la subscripció al canal Internacional de El Periodico. Fem clic a la secció corresponenti a continuació, a diferència d'abans, ens demana el següent:
Fem clic on diu Suscribirse ahora.

Si voleu fer podcast, podeu seguir les instruccions que ens dona J. Coderch al seu bloc. Podeu fer podcast, com veieu allà, amb el programa iTunes o amb un agregador. Tot i que en Coderch recomana Google Reader, també es pot fer amb Bloglines, seguint el mateix procés.

Sindicació de continguts

Introducció
Com ja apuntàvem en una entrada anterior una característica fonamental del Web 2.0 és la sindicació de continguts, és a dir, la redifusió de continguts d'un lloc web en un altre lloc web. No es tracta d'un hipervincle, sinó que una part dels continguts d'un lloc web es mostren en un altre de forma automàtica i immediata de manera que una actualització en el lloc d'origen es veu sense intervenció de l'usuari també en el lloc destí.
La sindicació de continguts és bidireccional: l'usuari pot rebre informació de la web i també pot oferir informació utilitzan la mateixa tecnologia.

Alguns conceptes
Aclarim alguns conceptes bàsics:

- Formats de la sindicació. Per sindicar determinada informació necessitem que aquesta es presenti en un format determinat. Els formats més estandard de sindicació són el RSS (Really Simple Syndication) o l'Atom. Es tracta de formats de la família del XML (eXtensible Markup Language), que és un conjunt de llenguatges de programació que segueixen l'estandard SGML (Standard Generalized Markup Language), al que també pertany, per exemple, l'HTML (HypeText Markup Language) que és el format estàtic de les pàgines web.

- Programes lectors. Són els agregadors, programes que permeten llegir i presentar les fonts de dades en format RSS o Atom. En general n'hi ha en línia, instal.lables a l'ordinador o plug-ins del navegador.
Alguns agregadors en línia:
Bloglines
Google Reader


- Canals. Són els feeds, nom que es dóna als documents (en definitiva, als continguts) que poden ser sindicats, és a dir, que estan en format RSS o Atom. Per tant, un agregador és un lector de feeds o canals. Aquests canals s'identifiquen normalment a partir d'una imatge com aquestes, que apareix en el document mateix o bé en la barra de direcció:

Alguns canals:
El País
El Periódico
Barrapunto
del.icio.us
YouTube
En el cas que el canal sigui multimèdia i ofereixi continguts d'àudio i video es parla de podcast:
Catalunya Ràdio
BBC Radio
En general també ens podrem subscriure a qualsevol webloc o altre canal d'informació on aquesta s'actualitza sovint.

- Mashups. Es tracta d'aplicacions web creades a partir de diferents fonts de dades XML.
Alguns exemples:
bubblr: es pot crear un còmic a partir de fotos del Flickr
phrasr: ens il.lustra una frase que hem escrit utilitzant fotos del Flickr
Sopranos: combina informació de la sèrie The Sopranos amb el Google Maps
LivePlasma: agrupació d'afinitats d'artistes, a partir d'informació d'Amazon
Diggdot

Més informació
Guía facil del RSS
Sindicació a la Wikipedia

Ús d'etiquetes HTML per inserir clips de vídeo

Heu vist a l'entrada anterior que podeu fer un hipervincle cap a un clip de vídeo que prèviament hem publicat a Internet (en el cas anterior, a un web del blink del grup de classe: http://grups.blanquerna.url.edu/suport/pixar2.mov

També podeu inserir el clip de vídeo a l'entrada del bloc. Per fer-ho, quan redacteu l'entrada, heu descriure el següent:



Tenint en compte que:
- embed és l'etiqueta html per inserir elements multimèdia (àudio o vídeo) en documents web
- l'adreça web http://grups.blanquerna.url.edu/suport/pixar3.mov és la ruta d'accés al clip de vídeo
- el paràmetre autostart=false evita que el vídeo es reprodueixi només entrar al bloc.
Aquí teniu un exemple (feu dos clics al vídeo):




També podeu inserir vídeos del YouTube, per fer-ho seguiu les instruccions d'aquesta entrada del bloc d'Eines d'en J. Coderch.

5. Del web 1.0 al web 2.0 (segona part)

Segona part: treballem ara la web 2.0, el concepte principal a tenir en compte serà el de prosumer (acrònim de productor+consumidor).
a) Cal completar el lloc web amb una llista de conceptes dels següents articles: article de David Casacuberta sobre web 2.0, article de Tim O'Reilly "¿Qué es la Web 2.0?"
La llista de conceptes es treballa en grup, a través un forum del blink. Es publiquen els conceptes decidits per tot el grup.
b) Fer una crònica de les jornades Blanquerna de comunicació en el bloc del grup, amb text, fotografies i videos. Cada membre del grup ha de fer una entrada al bloc, com a mínim un cop al dia mentre duren les jornades (individual). També s'ha d'editar el blogroll amb enllaços relacionats amb els temes de les jornades (en grup).
Uns dels objectius principals d'aquesta part és treballar de manera pràctica el tema de les xarxes socials en base a hipervincles, característic del web 2.0

Bibliografia
CASACUBERTA, D. "Gestión cultural y TIC: una perspectiva desde la web 2.0". A: e-Cultura, les noves tecnologies aplicades a la gestió de la cultura. Barcelona: APGCC, 2007. pp. 73-84

Exemple
Un clip de vídeo: Píxar?

5. Del web 1.0 al web 2.0 (primera part)

Aquesta feina tracta del pas de la web 1.0 a la web 2.0. Es treballen diferents continguts en diferents formats per tenir una perspectiva al mateix temps pràctica i teòrica.

Primera part: treballarem la Web 1.0, amb el concepte d'Interactivitat
a) Què és Internet? Aspectes generals que cal tenir en compte. Els contiguts es treballen amb el suport dels següents textos: Internet; Multimèdia; Conferència Castells; Introducció del llibre de Mark Dery. Es fa un mapa conceptual dels textos. En grup
b) Desenvolupament d'un concepte: es tria un concepte dels anteriors i es desenvolupa en forma d'article amb hipervincles per ampliar la informació. Individual
c) Amb els continguts anteriors (mapa conceptual, desenvolupament de concepte...) es fa un lloc web amb dreamweaver que es publica a l'espai web del grup al blink.

Bibliografia
DERY, M. Velocidad de escape. La cibercultura en el final del siglo. Madrid: Siruela, 1998.
CASTELLS, M. La galaxia internet. Reflexiones sobre Internet, empresa y sociedad. Barcelona: Plaza y Janés, 2001.

Del web 1.0 al web 2.0

La Web 2.0 són les aplicacions web orientades als usuaris. La web 1.0 es caracteritza per les pàgines HTML estàtiques, actualitzades amb poca freqüència. El següent pas van ser les pàgines dinàmiques, on servidors CMS actualitzaven de forma automàtica a partir d'una base de dades. Aconseguir visites era l'objectiu principal. La usuabilitat i per tant una estètica visual era important.

Un CMS és un sistema de gestió de contingut. El contingut del lloc web es troba en una base de dades. La interfície del lloc és independent del contingut. L'edició de contingut és independent del disseny. Per exemple, Periodismo Internacional

En la Web 2.0 l'objectiu principal és afavorir una la xarxa social mediada per les eines tecnològiques, on el més important són els lligams i la col.laboració entre persones que tenen interessos comuns. Compartir tant continguts com tecnologia, d'aquí projectes de programari lliure i creació col.lectiva (per exemple sota llicència GNU GPL pel programari o GNU GFDL pels continguts). Aquestes webs 2.0 són més aviat llocs de trobada socialment actius amb usuaris que escriuen en un bloc, contribuiexen en un wiki, etc.

Un concepte clau de la Web 1.0 és la interactivitat. Per a la Web 2.0 el concepte clau pot ser el prosumer (producer + consumer)

Des del punt de vista de l'organització de la informació, és a dir, del sistema de classificació que s'utilitza per formular categories, es pot establir el següent paralelisme:
Web 1.0 : taxonomies
Web 2.0 : folcsonomies

Una taxonomia és una forma de classificació de la informació en categories jeràrquiques. Per exemple el directori de Tripodos
Una folcsonomia és una forma de classificació en base a etiquetes simples en un espai horitzontal i descentralitzat. Hi ha folcsonomia quan diferents usuaris col.laboren per descriure un mateix material. Per exemple per classificar els enllaços favorits (del.icio.us), les fotografies (Flickr) o els vídeos (YouTube).

L'usuari de la web 2.0 no només publica la seva informació (diari de bitàcora, fotografies, etc) també la comparteix amb d'altres usuaris que poden usar-la en un lloc diferent de l'original (no només citar-la en forma d'hipervincle). És a dir, s'utilitzen sistemes XML (RSS, ATOM, etc) de sindicació/agregació de la informació.

Més informació
Web 2.0, article de la Wikipedia
¿Que es la Web 2.0?, article de Tim O'Reilly

(aquesta entrada es pot anar ampliant al llarg del curs)

Usabilitat i interficie

Consulteu els documents de la web de l'assignatura que fan referència al concepte d'interfície i d'usuabilitat.
Aquí teniu una sèrie d'exemples d'enfoc funcional i metafòric:

Yahoo
Internet Movie Database
Tripodos

Hielscher Film
Agencynet

Una proposta innovadora d'interfície la podeu trobar aquí. Us ajudarà, també, a entendre el concepte de metàfora d'escriptori.