You are on page 1of 13

Eines de la Web 2.

0 - Damià Santamaria

2 de novembre de 2010

1. NAVEGADORS WEB
http://www.microsoft.com/spain/windows/internet-explorer/

Per posar-lo en català

El 65 % dels usuaris d’Intenet navega a través de l’Explorer de


Microsoft. (recordem que és el que porta per defecte el
Windows). Però fa 4 anys tenia una quota de mercat del 90 % .
El Microsoft Internet Explorer 8 és un navegador difícil
d’utilitzar, i el més lent executant els JavaScripts que utilitzen
les webs tipus Gmail o Facebook. És previst que aquest any
2010 treguin una nova versió millorada.

http://www.mozilla-europe.org/ca/firefox/

És un navegador de codi obert: la fundació Mozilla rep l'ajuda


de milers d'usuaris que milloren el navegador i que fan públics
els canvis que hi introdueixen
Té més de cinc mil extensions per al navegador que qualsevol
es pot descarregar i instal·lar i que hi afegeixen tot de funcions.
Està en la versió 3.6.3 (actualitzada el 01/04/2010) .
http://www.google.com/chrome/intl/ca/features.html

El Google Chrome és el nou navegador de codi obert de


Google, disponible en 43 idiomes, incloent-hi el català. Està
concebut no únicament com un navegador, sinó també com a
plataforma per a pàgines i aplicacions web considerant el web
actual. Té la intenció d'aportar més estabilitat, major velocitat i
seguretat que els navegadors actuals, tot mantenint una
interfície simple i eficient.

SAFARI 4 . OPERA, versió 10.51


Navegador per Té molta velocitat, també l’utilitzen molts
excel·lència dels sistemes mòbils: telèfons ,i PDA’s.
ordinadors MAC i ara http://www.opera.com/
també per Windows
http://www.apple.co
m/es/safari/

El Test Acid3 / copia aquesta adreça (http://acid3.acidtests.org/) en qualsevol navegador i observa la


puntuació.

Pàgina amb la comparativa punt per punt de totes les característiques del Firefox i l’Explorer

1
Eines de la Web 2.0 - Damià Santamaria

2. POSEM A PUNT EL NOSTRE NAVEGADOR

Hem triat el Firefox per les següents raons:

Està fet amb codi obert.


Està en català, i corregeix mentre escrius.
Respecta escrupolosament els estàndards d’internet.
Està optimitzat per a que sigui molt ràpid i consumeixi poca memòria.
És molt segur.
És gratuït.
Es pot personalitzar amb centenars de connectors.

El podeu descarregar i/o actualitzar a la versió 3.6 en català: http://www.mozilla-europe.org/ca/firefox/

La primera vegada que l’arrenqueu us preguntarà si voleu importar els Favorits de l’Internet Explorer. Feu-
ho, si en tens molts.

Si ja el teniu i voleu passar-vos a la versió 3.6, ell sol s’actualitza sense necessitats de perdre res dels
“Favorits”.

A la barra d’adreçes del navegador hi apareixen els següents símbols:

El primer serveix per sindicar-se (subscriure’s) a la pàgina

El segon serveix per guardar-la a “Favorits”

2.1 CONNECTORS

Els connectors ajuden al vostre navegador a desenvolupar funcions específiques com per exemple
visualitzar formats gràfics especials o mostrar contingut multimèdia.

Quant trobeu un contingut que el vostre navegador no pot visualitzar, ell us avisarà amb
una imatge (una peça de trencaclosques lila o verda) i automàticament us preguntarà si
voleu instal·lar aquest connector. Ell el buscarà a Internet i l’instal·larà.

https://addons.mozilla.org/ca/firefox/browse/type:7 Pàgina dels Connectors Imprescindibles

2.2 COMPLEMENTS:

Els complements són petites aplicacions per al navegador que milloraran l'experiència de
navegació i també realitzar moltes operacions. Hi ha molts complements disponibles per
Firefox, alguns dels millors són:

2
Eines de la Web 2.0 - Damià Santamaria

Els 5 Imprescindibles:

1. Diccionari de català

Permet corregir mentre escrius dins del Firefox (per exemple, quan escrius un mail), i n’hi ha amb totes les
llengües. Imprescindible.

https://addons.mozilla.org/ca/firefox/addon/3369

2. Gmail Notifier

T’avisa de quan tens emails a gmail, és poden configurar

https://addons.mozilla.org/ca/firefox/addon/173 / https://addons.mozilla.org/ca/firefox/addon/60148

3. DownloadHelper

Et permet desar qualsevol tipus de vídeo en format flash, streaming o similar (youtube, etc.).

https://addons.mozilla.org/ca/firefox/addon/3006

4. AdBlock Plus

Elimina la publicitat mentre navegues, es-pec-ta-cu-lar. S’han acabat les pàgines il·legibles, els anuncis
intermitents que se’t posen al davant…

https://addons.mozilla.org/es-ES/firefox/addon/1865

5. GTraslate

Et dona la traducció en molts idiomes (fent servir el Google Translator) del text que seleccionis amb el
ratolí. Molt útil per no haver d’anar al diccionari cada vegada que hi ha alguna expressió/paraula que no
coneixem!

https://addons.mozilla.org/ca/firefox/addon/46308

Altres:
6. FireShot

Permet fer captures de pantalla per posar directament al portapapers, guardar-les, editar-les...

https://addons.mozilla.org/es-ES/firefox/addon/5648
3
Eines de la Web 2.0 - Damià Santamaria

7. SearchPreview

Permet veure en petit les imatges de les webs que cerques a Google

https://addons.mozilla.org/es-ES/firefox/addon/189

8. AutoPager
Al buscar a Google les diferents pàgines de cerca van passant automàticament com una pàgina
infinita.
https://addons.mozilla.org/ca/firefox/addon/4925

9. Twiter

Pels usuaris d’aquesta xarxa social. Permet enviar-hi missatges des de la barra del navegador.

https://addons.mozilla.org/es-ES/firefox/addon/6845

10 . Cooliris

Transforma Firefox en un visualitzador en 3D de fotografies guardades en llocs com Flickr, Picasa o


deviantART.

https://addons.mozilla.org/es-ES/firefox/addon/5579

Pàgina general de tots els complements de Firefox: https://addons.mozilla.org/ca/firefox/

Geolocalització amb Firefox: On sóc?:


http://ca.www.mozilla.com/ca/firefox/geolocation/

4
Eines de la Web 2.0 - Damià Santamaria

3. LA PLATAFORMA GOOGLE
Google acaba de complir 11 anys (1998) i el que va
començar com un cercador d’Internet sobrí i elegant
(una pàgina en blanc amb una trista finestreta de cerca)
s’ha convertit en el gegant d’Internet amb múltiples
divisions i companyies al seu abast que ho bé ell a creat
o bé a comprat:

Double Click (publicitat y márketing digital), FeedBurner (RSS para blocs y pàgines web), You Tube
(buscador de vídeos), Blogger (blogs gratuïts), Gmail (correu electrònic), AdSense (publicitat online),
Google News (notícies), Google Docs (possibilitat de compartir documents), Google Talk (chat), Picasa
(àlbum de fotografies), Orkut (red social), Google Maps (mapes y geolocalització), Google Images
(buscador d’imatges), Google Finances (informació financera), Google Chrome (navegador), Android (nou
sistema operatiu per a telèfons mòbils), i més i més…

Beneficis el 2009: 6.520 milions de dòlars 54% mes beneficis que l’any anterior: 4.426 milions.

El nom Google és un joc de paraules de googol, referit al nombre que representa el 10 elevat a la 100. El
Google, és el motor de cerca actual internet més gran i usat. Segons la companyia, actualment el Google
respon a més de 200 milions de consultes al dia. Reportatge de Google de 46 minuts, en castellà:

http://www.tu.tv/videos/documental-sobre-google

3.1 CERCADOR GOOGLE


Nou de cada deu internautes usen Internet per cercar informació i gairebé vuit de cada deu fan
servir el cercador de Google.

Trucs

5
Eines de la Web 2.0 - Damià Santamaria

Utilitzeu el símbol (+) i Menys (-) :. El signe més just abans d'un terme de recerca significa "Que això s'hagi
de trobar en la recerca". Al contrari, si troba gaires resultats de la cerca que incloguin un producte
específic, paraula, frase, o element que no vol veure, podeu posar un signe menys abans d'aquella paraula
o expressar, i aquells resultats s'exclouran de la seva recerca.

Ús de cometes: pot especificar al motor de Google que es desitja cercar una expressió composta de dues o
més paraules literalment, escrivint els termes a cercar entre cometes."cotxes d'ocasió" cerca tots els llocs
que continguin l'expressió cotxes d'ocasió textualment.

És molt important un cop feta la primera cerca , observar la nova pestanya desplegable que s’obra a
l’esquerra de la pantalla. Es pot fer una selecció més acurada per data, tipus de fitxer,...

Altres cercadors:

YAHOO http://es.yahoo.com/

BING http://www.bing.com/ , el cercador de Microsoft, en proves per competir amb Google

El futur del cercador Google? http://search.spacetime.com/

6
Eines de la Web 2.0 - Damià Santamaria

3.2 GMAIL: El Correu Web

Ja fa cinc anys que va aparèixer Gmail és, amb combinació amb la resta de
ferramentes digitals de Google (Documents, calendari, lector de notícies, iGoogle)
el millor correu web que es pot trobar ara mateix.

COM CREAR-SE UN COMPTE AL GMAIL

http://mail.google.com/mail/signup

Amb el mateix compte tindreu accés a tots els serveis de la plataforma GOOGLE (més que els que us
ofereix el correu XTEC2_2.0)

XAT a GMAIL

Cada vegada més gent fa servir el xat del Gmail per comptes del del Messenger.
Les avantatges són clares:

menys recursos consumits, no hi ha publicitat indesitjada, és més 'discret' i,


sovint, al xat de Gmail no tens gent que no voldries, cosa difícil de controlar en
l'MSN. Per això, és molt pràctic tenir obert el Gmail amb els teus contactes
connectats pendents per si els has de dir alguna cosa .

Videochat a Gmail

Simplement s'ha des descarregar un petit afegit; http://www.google.com/chat/video i ja està fet, amb
l'avantatge que no és necessari que els dos que fan xat tinguin càmera, en un que en tingui ja es podrà usar
la funció.

3.2 ALTRES APLICACIONS DE GOOGLE

Àlbums de Fotografíes / Picasa

Igoogle http://www.google.es/ig

GoogleEarth http://earth.google.es/

Google Sketchup http://sketchup.google.com/intl/es/

GoogleSites Tutorial :http://www.slideshare.net/immav/fem-un-lloc-web-collaboratiu-amb-google-sites

Projecte Interdisciplinar de centre amb eines 2.0


https://sites.google.com/site/videoconferencies/home/el-projecte

7
Eines de la Web 2.0 - Damià Santamaria

4. Selecció de les principals aplicacions 2.0 online

4.1Aplicacions per Publicar Tot Tipus de Documents:

http://www.slideshare.net/
Lloc ideal per buscar o penjar presentacions en PPoint. Cal registrar-se. La majoria es
poden descarregar en format d’origen (PPoint o OpenOffice “odp”) i per tant es poden
“reutilitzar”, si no, en format pdf. També s’hi pot penjar documents en word o pdf a
l’estil del Scrib.

http://es.calameo.com/

Converteix qualsevol document fet en Word, Excel, Ppoint, Pdf o OpenOffice, en una revista
digital. Cal registrar-se. És pot descarregar el document, però no en el format flash (fabrica un
pdf). Ideal per penjar revistes de centre.

http://www.issuu.com/

Igual que l’anterior, per fer revistes digitals.

http://www.scribd.com/

Publica també revistes però no en format flash, si no en format més de documents. Cal registrar-
se. Ideal per visualitzar documents de treball.

4.2Aplicacions per Publicar i Retocar Imatges:


.

http://picasaweb.google.es/home

Amb el compte de Google hi teniu entrada de forma automàtica. Gratuït 1Gb


d’emmagatzematge. També admet vídeo. Té reconeixement facial i presentació de

8
Eines de la Web 2.0 - Damià Santamaria

diapositives. Totes les seves novetats aquí.

http://www.flickr.com/

Per publicar fotografies (ara també admet vídeo). Enfocat més a la web social. És la web de
referència del amants de la fotografia. Podeu trobar-hi fotografies de gran format. Si teniu
correu de Yahoo i teniu també entrada.

http://www.picnik.com/app

Espectacular, fàcil i ràpid editor d’imatges online. No cal registrar-se. Està en castellà.

http://es.photofunia.com/

Efectes màgics i ràpids per les vostres fotografies.

Per fer presentacions de fotografies per blocs imaginatives i divertides.

exemple

4.3VÍDEO i SO
http://www.youtube.com/

Celebra aquest dies el seu 5è aniversari. Comprat per Google el 2006 per 1650 milions de
dòlars.

Permet penjar vídeos gratuïtament de 10 minuts màxim amb una tolerància de 50 segons i fins a 2gb de mida. Si
entres com a usuari registrat ofereix tota la qualitat possible. Ha millorat molt en qualitat d’imatge i serveis
addicionals. Ara té l’opció de vídeo privat (unlisted), que no apareix a les cerques i tu dones l’adreça exacta als teus
coneguts.

http://vimeo.com/

VIMEO, els primers en penjar vídeos de HD (Alta Definició). Pels amants del vídeo de qualitat.
Sense floritures. Mostra d’un vídeo

9
Eines de la Web 2.0 - Damià Santamaria

Quantes vegades em sentit la paraula "podcast"? Què podem fer amb l'àudio per
internet i a l'aula? Segur que molts de vosaltres esteu al corrent del tema de la
ràdio i del projecte de la ràdio d'XTEC. Us presentem un recurs web 2.0 que us permetrà penjar els vostres arxius
d'àudio i poder-los escoltar en directe (podcast) i a més tenim la possibilitat d'incrustar-los al nostre bloc.

www.goear.com

Tutorial: http://www.slideshare.net/educaredweb2/insertar-audio-de-goear-356977

Videotutorial:
http://www.teachertube.com/viewVideo.php?video_id=40530

http://media-convert.com/conversion/

converteix qualsevol tipus de fitxer de so i/o àudio. No cal registrar-se i està en castellà.

4.4GUARDAR I COMPARTIR GRANS FITXERS


http://anyhub.net/

Per guardar o compartir grans arxius, fins a 10 Gb. Ideal per enviar un vídeo als amics. És pot
fer de forma privada (de tu a tu). No cal registrar-se.

https://www.dropbox.com/

Ara, poder tractar un mateix document des de qualsevol equip sense tindre que portar-lo a sobre es
una realitat. Dropbox permet compartir una carpeta a Internet, amb accés restringit al seu
propietari, a la que es podrà accedir sempre que es vulgui. I això serà possible amb un gest tant
quotidià com es arrossegar un document a dins d’una carpeta.

Boox.net Un altre disc dur virtual amb 5GB gratuïts.

10
Eines de la Web 2.0 - Damià Santamaria

5. APLICACIONS PER ALUMNES


Directori de Webquest educatives en català Per saber-ne més

Els wikis són documents col·laboratius. Les seves principals característiques són:

La seva principal funció és l’edició col·laborativa de continguts.

 Es pot determinar si hi pot editar tothom, només alguns determinats o només


el creador.
 L’estructura no és cronològica com als blocs, sinó jeràrquica accessible a través
de menús.
 Cada pàgina té associat un historial de modificacions i es pot fer un seguiment
del seu procés de creació i saber qui ha aportat cada contribució.
 Les pàgines també solen tenir associat un fòrum de discussió per debatre els
canvis que es volen fer abans d’incorporar-los.

L’exemple més representatiu és la Wikipedia.


Per nens hi ha la Eduwiki

Posar un voki al blogger

Es tracta d'un giny gratuït que produeix u personatge (avatar) que es mou i parla
el text que li introduïm. Aquest "voki" resultant el podem inserir en una pàgina
web, bloc, wiki, etc.
Una de les coses que fa interessant és que ens permet personalitzar el nostre
voki.
http://www.voki.com

Triem un personatge i un fons. . Podem canviar el color de la pell, dels ulls, la forma del cabell
Introduïm un missatge, que pot ser un text
Podem gravar amb la teva pròpia veu, o utilitzar una gravació que tinguis al teu ordinador

Exemple de tasca amb alumnes

11
Eines de la Web 2.0 - Damià Santamaria

Dipity us permet crear línies del temps d'una forma visual i interactiva, i amb la
possibilitat d'inserir elements multimèdia i després incrustar-lo al nostre bloc.

http://www.dipity.com/

Amb el FMAltas podem crear un mapa interactiu d'una forma fàcil aprofitant la tecnologia
proporcionar per Google Maps. El primer de tot és definir el mapa a treballar i a partir d'aquí inserir la informació
que triem (imatges, text i enllaços) dintre dels globus corresponents. El servei de FMAtlas és lliure, i amb el valor
afegit de poder integrar el mapa realitzat al nostre bloc o lloc web permetent que els lectors puguin realitzar
comentaris (wiki).

http://fmatlas.com/atlas2/jsp/login.jsp

Exemple: http://fmatlas.com/view/standreu/20071110_toureuropa07

Tastet d’altres Aplicacions que podeu trobar a la xarxa:

http://www.chartle.net

Permet fer tota classe de gràfiques per penjar en un bloc o web. No cal registrar-se.

Presentacions molt espectaculars tipus ppoint però sense el concepte lineals d’aquestes si no
més de zoom. Cal registrar-se. Exemple 1- exemple 2

http://www.bubbl.us/

Aplicació per fer mapes mentals on-line o organigrames.

http://approbo.citilab.eu/

Controla els “plagis” i copies a Internet

http://www.screentoaster.com/ Programa per fer videotutorials online. Cal registrar-se.


Permet clicant un botó gravar tot el que feu a la pantalla de l’ordinador, ideal per fer un
vídeo d’instruccions o explicar un procés. També s’hi pot afegir so o subtítols.

12
Eines de la Web 2.0 - Damià Santamaria

Un Gran Rebost d’aplicacions classificades per Categories, en català.

A la xarxa hi podeu trobar tot tipus d’aplicacions inimaginables , moltes per passar
l’estona, altres curioses, molt reveladores o molt útils per la feina del dia a dia.

6. Llicències Creative Commons

El projecte Creative Commons promou la difusió de tot tipus de creacions (escrits, música, audiovisuals, interactius,
materials educatius...) sota un conjunt de models de llicències que en permetin l'ús, la reproducció i la transmissió
tot garantint uns determinats drets als autors (reconeixement d'autoria, integritat de l'obra...).

En contraposició a l'expressió "Tots els drets reservats" del copyright tradicional, Creative Commons
proposa emprar "Alguns drets reservats" (some rights reserved), per indicar que una determinada
obra es pot redistribuir lliurement sempre que es compleixin determinades condicions.

Per atorgar a la vostra creació una llicència Creative Commons haureu de decidir tres coses:

Si voleu que en qualsevol còpia de l'obra hi consti el vostre nom com a autors/es (reconeixement d'autoria)
Si permeteu o no que es pugui fer un ús comercial de la vostra obra
Si permeteu que altres persones puguin adaptar o modificar la vostra obra

Les llicències es poden acabar d'afinar i retocar amb altres clàusules i disposicions. Per exemple, hi ha un model de
llicència CC que permet la lliure redistribució únicament als països en vies de desenvolupament, reservant-se un ús
comercial per a la resta del món.

Un equip de la Universitat de Barcelona ha adaptat les llicències Creative Commons a la legislació espanyola, i n'ha
realitzat traduccions al català i al castellà.

Per saber-ne més...

Creative Commons
Portal web del projecte
Creative Commons: continguts digitals i lliures
Un article de Jordi Mas a Softcatalà
Blog de la CPLTE
Un altre article divulgatiu, al blog de la Comunitat de Programari Lliure de les Terres de l'Ebre
Compartir coneixements sense anar a la presó
Un article de Jaume Mas a LaMalla.net

13