Apropament pràctic a les noves eines       dInternet. Web 2.0          Xavier Noguero           David Manjon              ...
Índex        Introducció        Comunicació        Organització personal        Oficina        Blocs, wikis i variants    ...
Introducció: conceptes i tecnologiesApropament pràctic a les noves eines dInternet. Web 2.0                     David Manj...
Introducció: Conceptes i tecnologies  Origen del terme.  Evolució.  Canvi de Filosofia.  Tecnologia.  Web 3.0?
Introducció: Origen del terme  El terme Web 2.0 va ser creat per Dale Dougherty de  OReilly Media en una pluja didees amb ...
Introducció: Evolució  La denominació 2.0 marca que hi ha alguna cosa anterior, hi  ha un 1.0.  Com evolucionem de 1.0 a 2...
Introducció: EvolucióFont: http://blog.aysoon.com/le-web20-illustre-en-une-seule-image
Introducció: Evolució, exemples         Web 1.0                  Web 2.0   Enciclopèdia Britànica         Wikipedia   Pàgi...
Introducció: Canvi de filosofia  La web 2.0 permet als usuaris participar duna forma més  activa i immediata, deixa que si...
Introducció: Canvi de filosofiaFont: http://webilus.com/illustration/web20-une-personne-nest-plus-quun-simple-consommateur
Introducció: Canvi de filosofia  La web 2.0 serveix de plataforma per crear un sistema de  xarxes socials dinformació i co...
Introducció: Premisses 2.0  Una web 2.0 ha de funcionar com un espai obert on es  pugui afegir i treure informació fàcilme...
Introducció: Tecnologia  Bases tecnològiques: Permeten crear les noves eines  per als usuaris.  Eines pels usuaris: Permet...
Tecnologia: Bases tecnològiques  XML, Ajax, XHTML, CCS, etc.  A partir daquestes es creen eines que permeten:    Immediate...
Tecnologia: Eines pels usuaris  Etiquetes i núvols detiquetes.  Feeds: RSS o Atom.  Modularitat, widgets.  Aplicacions RIA...
Tecnologia: Etiquetes (tags)  Les etiquetes ens permeten categoritzar els elements.Exemple: Tenim una foto de los nostres ...
Tecnologia: Etiquetes (tags)  Utilitzarem les etiquetes per classificar els nostres elements i  fer cerques per etiquetes....
Tecnologia: Núvol detiquetes  Un núvol detiquetes és una representació visual de les  etiquetes. Com més utilitzada és una...
Tecnologia: Feeds  La paraula feed és un anglicisme que es refereix a un tipus de  dades utilitzat per subministrar inform...
Tecnologia: Feeds: exemple                             Web           RSS
Tecnologia: Modularitat, widgets  Són petites aplicacions o programes que ens poden donar  informació provinent daltres pà...
Tecnologia: RIA  Rich Internet Applications (Aplicacions Enriquides  (potenciades) per Internet): Aquest terme fa referènc...
Tecnologia: Identificador únic i invariable  Més que una tecnologia es tracta duna premissa.  Els nostres objectes (fotos,...
Introducció: Web 3.0 ?   Web Semàntica   Agents intel·ligents   Web 3D   Múltiples formes de connexió   Geolocalització   ?
Introducció: Núvol resum
Introducció: Per saber més  Web 2.0 (Fundación Orange):    http://www.fundacionorange.es/areas/25_publicaciones/publi    _...
ComunicacióApropament pràctic a les noves eines dInternet. Web 2.0                    Xavier Noguero                      ...
Comunicació El correu electrònic o el xat són exemples de mecanismes per a comunicar-nos. Les interfícies de les pàgines w...
Què cal fer per utilitzar-los?  Normalment són gratuïts, però amb publicitat.  Primer cal fer un registre dalta, ràpid i s...
Correu electrònic via web amb GMail  Cas dèxit: Gmail (www.gmail.com)  Pertany a lempresa Google, tot un monstre del  segm...
Perquè escollim Gmail? (I)  Característiques de valor afegit:    Sordenen els missatges i es mostren segons el    context....
Perquè escollim Gmail? (II)  Altres que també cal destacar:    Filtre de correu brossa (spam) força aconseguit.    Arxivam...
Perquè escollim Gmail? (III)  Altres característiques avançades:    Filtres de missatges amb moltes opcions.    Reenviamen...
Organització personalApropament pràctic a les noves eines dInternet. Web 2.0                     David Manjon             ...
Organització personal: Característiques  Optimitzar el nostre temps.  Agenda disponible des de qualsevol lloc.  Calendaris...
Organització personal: Google Calendar  La nostra agenda personal a la xarxa:    Crear, gestionar les nostres tasques.    ...
Organització personal: Google Calendar  Opcions de configuració: amagar calendaris, triar el color.  Diferents vistes d’un...
Organització personal: Google Calendar  Creació d’esdeveniments:    Ràpidament fent clic sobre un punt del calendari    Mi...
Organització personal: Google Calendar  Integració amb Gmail i Google Maps.  Possibilitat d’exportar calendaris en format ...
Organització personal: Per saber més  Manejo del Google Calendar :    http://www.aulafacil.com/gestiontiempo/curso/Lecc-27...
Web 2.0: OficinaApropament pràctic a les noves eines dInternet. Web 2.0                    Xavier Noguero                 ...
Abans: Oficina tradicional  Fins ara,     Estem acostumats a treballar amb les eines ofimàtiques que hi     han instal·lad...
Després: Oficina disponible a Internet  A partir dara,     No importa si lordinador on ens trobem treballant no disposa   ...
Després: Oficina disponible a Internet  A més, podem fer ús davantatges que les eines ofimàtiques  clàssiques no tenen, co...
Exemple doficina web: Documents de Google  Suite ofimàtica per crear i editar:    Documents de text    Fulls de càlcul    ...
Exemple doficina web: Google Docs
Oficina a la web: més exemples  www.zoho.com  www.thinkfree.com  www.goffice.com  SlideShare, per compartir presentacions:...
Sistemes operatius web  Fent un pas més enllà, trobem el concepte de  sistema operatiu web, on tot (tant documents com  ta...
Eye Os - Web OS És programari lliure, i inclou moltes eines: També facilita el treball col.laboratiu en diferents entorns ...
Blocs, wikis i variantsApropament pràctic a les noves eines dInternet. Web 2.0                     David Manjon           ...
Blocs: Concepte  Un bloc (informalment també weblog, blog o bitàcola) és un  espai personal descriptura a Internet. Una me...
Blocs: Components habituals  Escrits (posts):    Títol.    Contingut.    Etiquetes.  Comentaris.  Descripció del creador. ...
Blocs: Estils i Variants  Temàtics:    Política.    Esports.    Economia.  Fotoblocs.  Vídeoblocs.     Exemples:          ...
Blocs: Casos dèxitAllotjament de blocs:                         : http://www.blogger.com/                        : http://...
Blocs: Per saber més  Introduction to blogging (castellà):     http://codex.wordpress.org/es:Introduction_to_Blogging  La ...
Microblogging  Com a microblogging o miniblogging es coneix a una  derivació del fenomen blog, amb la particularitat que s...
Microblogging: twitter  www.twitter.com  Primer i més conegut servei de microbblogging.  Màxim 140 caràcters mitjançant SM...
Microblogging: Per saber més  Pardals:    http://pardals.atictes.cat/
Wikis: que són?  Una wiki (del hawaià wiki wiki, “ràpid”) és una col·lecció de  pàgines web entrellaçades qualsevol de les...
Wikis: com sescriuen?  Sutilitza un llenguatge de marques senzill: wikisintaxis  Exemples:    Negreta -> Negreta    Cursiv...
Cas dèxit: Viquipèdia La Viquipèdia (ca.wikipedia.org) és una enciclopèdia lliure escrita col·laborativament des dInternet...
Wikis: Per saber més  Manual wiki:    http://es.wikibooks.org/wiki/Manual_de_edición_wiki
Multimèdia: FotografiaApropament pràctic a les noves eines dInternet. Web 2.0                    Xavier Noguero           ...
Multimèdia: fotografia  Idea:compartir fotos amb les persones que volguem.  Organització de les fotos en àlbums, etiquetes...
Multimèdia: fotografia  Podem carregar les fotos de diferents maneres:    des del disc dur de lordinador,    via e-mail,  ...
Fotografia: alguns exemples de serveis
Fotografia: crear presentacions  Alguns serveis ja ho permeten per si mateixos (ex: flickr)  Cas dèxit: Slide (www.slide.c...
Multimèdia: edició dimatges via web  Disposem deines web dedició i retoc fotogràfic.  Les imatges a editar poden estar:   ...
Fotografia: recull dadreces web...  Compartir fotografies:     Google Picasa: http://picasaweb.google.com     Flickr: http...
Multimèdia: àudioApropament pràctic a les noves eines dInternet. Web 2.0                     David Manjon                 ...
Àudio Ràdio:   Tradicional.   Radio online.   2.0. Podcast: contingut a la carta.
Àudio: Ràdio tradicional  Escoltar la nostra emissora preferida directament des de la  xarxa. Exemples:    Segre Ràdio:   ...
Àudio: Ràdio online  Ràdios que nomes es poden escoltar a traves de la xarxa.    Radio la colifata:       http://www.lacol...
Àudio: Ràdio 2.0  Sincorporen les noves tendències de la web 2.0, etiquetes,  compartir amb els amics, eines dintegració p...
Àudio: Podcasts  El terme podcasting deriva de les expressions anglosaxones  Play-On-Demand (POD), que vol dir reprodueix ...
Àudio: Per saber més  Podcast-es:    http://www.podcast-es.org  Podsonoro:    http://www.podsonoro.com/
Multimèdia: vídeoApropament pràctic a les noves eines dInternet. Web 2.0                     David Manjon                 ...
Vídeo: Concepte Nous serveis que permeten pujar, veure, compartir i fins i tot editar vídeos. Habitualment tecnologia Flas...
Vídeo: Casos dèxit           : http://www.youtube.es              : www.tu.tv  Cercador de vídeos:                  http:/...
Vídeo: Youtube www.youtube.com  Va ser fundat el febrer del 2005.  El 10 doctubre de 2006 Google va comprar Youtube per 16...
Vídeo: Jaycut http://jaycut.es  Edició de vídeo online.  Permet edició senzilla de vídeos:    Retallar vídeos, ajuntar.   ...
SindicacióApropament pràctic a les noves eines dInternet. Web 2.0                    Xavier Noguero                       ...
Situació del món web actual  El nombre de pàgines web a Internet està creixent  moltíssim.  Cada cop tenim més feina per e...
Passat i present...  Fins ara, nosaltres haviem de visitar les webs  dinterés per saber si shan produït novetats.  Ara, mi...
Avantatges? Ens informem sense haver de navegar. Estalvi de temps considerable. Accés a un gran volum dinformació de maner...
Com funciona? Intervenen dos actors diferenciats:   Duna banda necessitem un lector de “feeds”,   on veurem tots els llocs...
Com trobem els feeds on subscriurens?  Els cercarem a les pàgines web.  Aquestes paraules i acrònims les podem entendre  c...
Tipus de lectors / agregadors de RSS  El lector es conecta automàticament a Internet i es  baixa totes les actualitzacions...
Netvibes: més que un lector de RSS  Netvibes és una pàgina dinici (start page) que  podem configurar i personalitzar al no...
Més exemples de pàgines dinici...  iGoogle: www.google.es/ig  Pageflakes: www.pageflakes.com
Exemples de lectors de feeds web  Google Reader: reader.google.com  Bloglines: www.bloglines.com  My Yahoo: my.yahoo.com
Cerca dinformacióApropament pràctic a les noves eines dInternet. Web 2.0                     David Manjon                 ...
Cercadors        : http://www.google.cat/   El cercador més utilitzat del moment, permet   cercar:      Webs introduint pa...
Cercadors 2.0              : http://www.technorati.com/    Cerca alhora blocs, articles, vídeos i fotos.      Permet votac...
Cercadors 2.0                       : http://www.xuletas.es/    Cercador de “xuletes”.             : www.trabber.es    Cer...
Mapes Google Maps: http://maps.google.es   Cercar ubicacions   Desar mapes i ubicacions   Cercar rutes   Cerca de negocis ...
Mapes: Mart i la Lluna  Google Mars: www.google.com/mars/    Similar a Google Maps però sobre Mart.    Basat en fotos de l...
Adreces dinterès  Emmagatzemant les nostres adreces favorites a la xarxa,  les tindrem sempre disponibles.  Podem classifi...
Notícies i continguts votats pels usuaris Les notícies ja no les selecciona una empresa, les seleccionen els propis lector...
Cas dèxit: Menéame  Adaptació de la web Digg  Servei per enviar noticies o enllaços a blocs  Sistema de votacions  Etiquet...
Notícies i continguts votats pels usuarisEnllaços:            : www.digg.com en Anglès.                  : http://latafane...
Xarxes socialsApropament pràctic a les noves eines dInternet. Web 2.0                    Xavier Noguero                   ...
Xarxes socials  Xarxes socials: permeten conèixer i relacionar-se  amb daltres persones, publicar fotos, vídeos,  intercan...
Cas dèxit: Facebook  És una de les que compta amb més usuaris a nivell  mundial (més de 70 200 milions dusuaris registrats...
Xarxes socials professionals  Dirigides a professionals, empresaris que desitgin  augmentar la seva xarxa de contactes.  P...
MashupsApropament pràctic a les noves eines dInternet. Web 2.0                    Xavier Noguero                        Es...
Mashups: Què són? Un mashup és una aplicació web híbrida, és a dir, que utilitza els continguts que ja disposen altres web...
Categories més destacables de mashups  Així, principalment trobem mashups:    De mapes    De fotografies, vídeos i música ...
Mashups: Algunes fonts de dades típiques  Els mashups salimenten de serveis web ja  existents, els quals permeten el seu ú...
Mashups relacionats amb mapes...  Twittervision: Basat en Twitter, localitza i mostra al  mapamundi els últims missatges q...
Mashups de compres, pisos, cases rurals...  Ugux: cerca un producte concret a Amazon i Ebay al mateix  temps, i compara re...
Mashups dinformació, notícies, el temps...  Wikimapia: barreja de Wikipedia i Google Maps  (www.wikimapia.org)  Keegy: not...
Mashups de música...  Nvivo: informació sobre els últims concerts, festivals...  (www.nvivo.es)  LivePlasma: mostra relaci...
Miscel·lània...  Flashearth: Explorant la terra des de laire, podent triar entre  diferents fonts de mapes (www.flashearth...
Mashups en català...  Wikiloc: compartir rutes preferides i punts dinterés GPS  (www.wikiloc.com)  Tagzania: uneix etiquet...
Mashups: On trobar-ne molts més...  Tres webs molt destacats (en anglès):    www.programmableweb.com    www.webmashup.com ...
Upcoming SlideShare
Loading in …5
×

Curs Introducció Web20

679 views

Published on

Curs de la Universitat d'estiu de Lleida - 2009

Published in: Education, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
679
On SlideShare
0
From Embeds
0
Number of Embeds
33
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Curs Introducció Web20

  1. 1. Apropament pràctic a les noves eines dInternet. Web 2.0 Xavier Noguero David Manjon Estiu 2009 Universitat de Lleida
  2. 2. Índex Introducció Comunicació Organització personal Oficina Blocs, wikis i variants Multimèdia: Fotografia Multimèdia: Àudio Multimèdia: Vídeo Sindicació Cerca dinformació Xarxes socials Mashups
  3. 3. Introducció: conceptes i tecnologiesApropament pràctic a les noves eines dInternet. Web 2.0 David Manjon Estiu 2009 Universitat de Lleida
  4. 4. Introducció: Conceptes i tecnologies Origen del terme. Evolució. Canvi de Filosofia. Tecnologia. Web 3.0?
  5. 5. Introducció: Origen del terme El terme Web 2.0 va ser creat per Dale Dougherty de OReilly Media en una pluja didees amb Craig Cline de MediaLive per desenvolupar idees per una conferència. Dougherty va suggerir que la web estava en renaixement amb regles que canviaven i models de negoci que evolucionaven. Octubre 2004 Font: http://es.wikipedia.org/wiki/Web_2.0
  6. 6. Introducció: Evolució La denominació 2.0 marca que hi ha alguna cosa anterior, hi ha un 1.0. Com evolucionem de 1.0 a 2.0?: Canvi filosòfic: de Mi a Tu. Tu Canvi tecnològic: tecnologies que permeten dur a terme el canvi de filosofia. Canvi social: milions dusuaris disposats a crear i no solament consumir.
  7. 7. Introducció: EvolucióFont: http://blog.aysoon.com/le-web20-illustre-en-une-seule-image
  8. 8. Introducció: Evolució, exemples Web 1.0 Web 2.0 Enciclopèdia Britànica Wikipedia Pàgines web personals Blocs personals
  9. 9. Introducció: Canvi de filosofia La web 2.0 permet als usuaris participar duna forma més activa i immediata, deixa que siguin els propis usuaris (internautes) els que subministren, trien i consumeixen els continguts. En el model anterior 1.0 linternauta era, bàsicament, un receptor passiu. Font: PC Actual, n. 197, Web 2.0: participa, distribuye, disfruta
  10. 10. Introducció: Canvi de filosofiaFont: http://webilus.com/illustration/web20-une-personne-nest-plus-quun-simple-consommateur
  11. 11. Introducció: Canvi de filosofia La web 2.0 serveix de plataforma per crear un sistema de xarxes socials dinformació i convertir a lusuari en el protagonista. La xarxa esdevé participativa i es democratitza gràcies a les noves eines que propicien un canvi de rutines i actitud en milions dusuaris. Font: PC Actual, n. 197, Web 2.0: participa, distribuye, disfruta
  12. 12. Introducció: Premisses 2.0 Una web 2.0 ha de funcionar com un espai obert on es pugui afegir i treure informació fàcilment. Els usuaris controlen la informació. Aprofitar la intel·ligència col·lectiva. Millor si està basat únicament en la web.
  13. 13. Introducció: Tecnologia Bases tecnològiques: Permeten crear les noves eines per als usuaris. Eines pels usuaris: Permeten als usuaris crear, valorar i consumir continguts.
  14. 14. Tecnologia: Bases tecnològiques XML, Ajax, XHTML, CCS, etc. A partir daquestes es creen eines que permeten: Immediatesa. Separar el contingut del format. Compartir. Classificar.
  15. 15. Tecnologia: Eines pels usuaris Etiquetes i núvols detiquetes. Feeds: RSS o Atom. Modularitat, widgets. Aplicacions RIA (aplicacions enriquides per Internet). Identificador únic i invariable dels elements.
  16. 16. Tecnologia: Etiquetes (tags) Les etiquetes ens permeten categoritzar els elements.Exemple: Tenim una foto de los nostres vacances.A aquesta foto li podem associar letiqueta: platja,ja que en la foto es veu una platja. Podem assignar més duna etiqueta a un element.A la foto anterior li podem afegir etiquetes com: agost,hotel, sopar... depenent del que surti en la foto o delnostre criteri a lhora detiquetar.
  17. 17. Tecnologia: Etiquetes (tags) Utilitzarem les etiquetes per classificar els nostres elements i fer cerques per etiquetes.Seguint lexemple si etiquetem totes les nostres fotospodem fer una cerca i trobar totes les fotos on apareixla platja o totes les fotos dagost. Podrem cercar per una o varies etiquetes o demanar que no hi sigui una determinada etiqueta. Si compartim informació podem utilitzar les etiquetes per unir la nostra informació amb la de més gent.
  18. 18. Tecnologia: Núvol detiquetes Un núvol detiquetes és una representació visual de les etiquetes. Com més utilitzada és una etiqueta més gran és el tipus de lletra amb que està representada. Exemple:
  19. 19. Tecnologia: Feeds La paraula feed és un anglicisme que es refereix a un tipus de dades utilitzat per subministrar informació que sactualitza amb freqüència. Formats: RSS o Atom, basats en XML. Els feeds solen ser titulars de notícies, articles... Cada dia hi ha més mitjans que utilitzen aquest sistema. Font: http://es.wikipedia.org/wiki/Feed
  20. 20. Tecnologia: Feeds: exemple Web RSS
  21. 21. Tecnologia: Modularitat, widgets Són petites aplicacions o programes que ens poden donar informació provinent daltres pàgines web.Exemple: Integrem en el nostre bloc personal unapetita aplicació que ens ofereix el temps que fa a lanostra ciutat.
  22. 22. Tecnologia: RIA Rich Internet Applications (Aplicacions Enriquides (potenciades) per Internet): Aquest terme fa referència a les aplicacions web que sexecuten des del nostre navegador sense necessitat de ser descarregades o instal·lades a lordinador. Dins de la web 2.0 les capacitats daquestes aplicacions arriben a igualar a les aplicacions tradicionals descriptori.Exemple: Correu web de Gmail.
  23. 23. Tecnologia: Identificador únic i invariable Més que una tecnologia es tracta duna premissa. Els nostres objectes (fotos, vídeos, articles...) shan de poder enllaçar directament amb una adreça única i estable en el temps. Això ens permet enviar o publicar aquest enllaços.Exemple: Hem llegit una notícia en un diari electrònici la volem enviar a un amic, necessitem poder enviarla notícia en concret, no un enllaç a la planaprincipal del diari i que ell cerqui la notícia.
  24. 24. Introducció: Web 3.0 ? Web Semàntica Agents intel·ligents Web 3D Múltiples formes de connexió Geolocalització ?
  25. 25. Introducció: Núvol resum
  26. 26. Introducció: Per saber més Web 2.0 (Fundación Orange): http://www.fundacionorange.es/areas/25_publicaciones/publi _253_11.asp La Web 2.0: La revolución social de Internet: http://es.youtube.com/watch?v=OwWbvdllHVE Web 2.0 The Machine is Us (en castellà): http://es.youtube.com/watch?v=PL-ywltLjzk Mapa visual de la web 2.0: http://internality.com/web20/
  27. 27. ComunicacióApropament pràctic a les noves eines dInternet. Web 2.0 Xavier Noguero Estiu 2009 Universitat de Lleida
  28. 28. Comunicació El correu electrònic o el xat són exemples de mecanismes per a comunicar-nos. Les interfícies de les pàgines web han millorat fins al punt que imiten a la perfecció les aplicacions clàssiques que instal·lem a lordinador. Hi molts exemples de serveis de correu web. Alguns dels més destacats són: Gmail Yahoo Mail Windows Live Hotmail
  29. 29. Què cal fer per utilitzar-los? Normalment són gratuïts, però amb publicitat. Primer cal fer un registre dalta, ràpid i senzill. Un cop registrats ja tenim un nom dusuari i una paraula clau que ens identifica com a usuaris del servei. I amb aquestes dades ja en tenim prou per començar a fer- los servir.
  30. 30. Correu electrònic via web amb GMail Cas dèxit: Gmail (www.gmail.com) Pertany a lempresa Google, tot un monstre del segment Internet daquesta dècada. Sorgí al 2004, amb unes prestacions que de bon principi competien directament amb la competència.
  31. 31. Perquè escollim Gmail? (I) Característiques de valor afegit: Sordenen els missatges i es mostren segons el context. Organització de missatges amb etiquetes en substitució de les carpetes tradicionals. Cerca avançada de missatges. Xat per conversar amb usuaris de Google Talk
  32. 32. Perquè escollim Gmail? (II) Altres que també cal destacar: Filtre de correu brossa (spam) força aconseguit. Arxivament automàtic de les adreces de mail a Contactes. Molt despai per arxivar tots els missatges. Internacionalització a més de 40 idiomes.
  33. 33. Perquè escollim Gmail? (III) Altres característiques avançades: Filtres de missatges amb moltes opcions. Reenviament de missatges a daltres adreces. Compatible amb laccés IMAP o POP. Permet enviar correus des daltres adreçes de mail nostres i recuperar el correu electrònic daltres comptes nostres (POP3).
  34. 34. Organització personalApropament pràctic a les noves eines dInternet. Web 2.0 David Manjon Estiu 2009 Universitat de Lleida
  35. 35. Organització personal: Característiques Optimitzar el nostre temps. Agenda disponible des de qualsevol lloc. Calendaris compartits. Recordatoris.
  36. 36. Organització personal: Google Calendar La nostra agenda personal a la xarxa: Crear, gestionar les nostres tasques. Creació de múltiples calendaris, segons el propòsit: Diversos calendaris personals per organitzar-nos millor. Exemple: un per la feina i un per les vacances. Calendaris compartits. Exemple: calendari de lagrupació sardanística Calendaris públics per a tothom.
  37. 37. Organització personal: Google Calendar Opcions de configuració: amagar calendaris, triar el color. Diferents vistes d’un calendari: Diària Setmanal Mensual Personalitzada En forma d’agenda
  38. 38. Organització personal: Google Calendar Creació d’esdeveniments: Ràpidament fent clic sobre un punt del calendari Mitjançant el formulari “crear esdeveniment” Dins un esdeveniment podem: Enviar una invitació a algú per a que l’afegeixi a la seva adreça Veure l’estat de les invitacions (pendents, acceptades...) Veure els comentaris que han deixat els invitats Configurar avisos via sms, mail, finestra
  39. 39. Organització personal: Google Calendar Integració amb Gmail i Google Maps. Possibilitat d’exportar calendaris en format PDF. Cercar calendaris públics.
  40. 40. Organització personal: Per saber més Manejo del Google Calendar : http://www.aulafacil.com/gestiontiempo/curso/Lecc-27.htm
  41. 41. Web 2.0: OficinaApropament pràctic a les noves eines dInternet. Web 2.0 Xavier Noguero Estiu 2009 Universitat de Lleida
  42. 42. Abans: Oficina tradicional Fins ara, Estem acostumats a treballar amb les eines ofimàtiques que hi han instal·lades al nostre ordinador. Emmagatzemem els nostres documents i altres arxius al disc dur del nostre ordinador. Si hem de moure fitxers dun ordinador a un altre, ens els copiem amb un llapis usb, o en un cd, etc. Si no disposem duna aplicació lhem dinstal·lar, i quan en surt una nova versió tard o dhora sha dactualitzar.
  43. 43. Després: Oficina disponible a Internet A partir dara, No importa si lordinador on ens trobem treballant no disposa daplicacions ofimàtiques instal·lades, les tenim disponibles a Internet. Els nostres documents i altres arxius també són a Internet, disponibles des de qualsevol ordinador amb connexió (fins i tot de vegades sense), les 24 hores del dia i els 356 dies lany. No importa si vam escriure un document amb lordinador de la feina i ara el volem veure des del portàtil particular, sempre ho tenim disponible.
  44. 44. Després: Oficina disponible a Internet A més, podem fer ús davantatges que les eines ofimàtiques clàssiques no tenen, com ara: Compartir documents amb els contactes que desitgem. Editar i treballar simultàneament en un mateix projecte (document de text, full de càlcul, presentació, etc). Publicar documents a Internet, a labast de tothom. També podem recuperar una versió anterior dun document per desfer els últims canvis realitzats. I organitzar-los: segons el tipus de document, lautor o autors, amb etiquetes, entre daltres.
  45. 45. Exemple doficina web: Documents de Google Suite ofimàtica per crear i editar: Documents de text Fulls de càlcul Presentacions virtuals També per llegir fitxers PDF. (http://docs.google.com) Els arxius es guarden en un magatzem online segur. Podem importar i exportar arxius en diferents formats compatibles: DOC, XLS, ODT, ODS, RTF, CSV, PPT, etc.
  46. 46. Exemple doficina web: Google Docs
  47. 47. Oficina a la web: més exemples www.zoho.com www.thinkfree.com www.goffice.com SlideShare, per compartir presentacions: http://www.slideshare.net
  48. 48. Sistemes operatius web Fent un pas més enllà, trobem el concepte de sistema operatiu web, on tot (tant documents com també les aplicacions) està disponible a través duna pàgina web. Exemple: www.eyeos.com Per provar-lo, aneu a www.eyeos.info
  49. 49. Eye Os - Web OS És programari lliure, i inclou moltes eines: També facilita el treball col.laboratiu en diferents entorns (escoles, empreses, etc.)
  50. 50. Blocs, wikis i variantsApropament pràctic a les noves eines dInternet. Web 2.0 David Manjon Estiu 2009 Universitat de Lleida
  51. 51. Blocs: Concepte Un bloc (informalment també weblog, blog o bitàcola) és un espai personal descriptura a Internet. Una mena de diari en línia, un lloc web que una persona utilitza per a escriure periòdicament. Un bloc està dissenyat per a que, com a un diari, cada article tingui data de publicació, de tal forma que la persona que escriu (blocaire) i les que llegeixen poden seguir un camí de tot el que sha publicat i editat. Font: http://ca.wikipedia.org/wiki/Bloc
  52. 52. Blocs: Components habituals Escrits (posts): Títol. Contingut. Etiquetes. Comentaris. Descripció del creador. Arxius: Per data. Per etiquetes. Tot el que et puguis imaginar. Exemple: http://lo-lleidata.blogspot.com/
  53. 53. Blocs: Estils i Variants Temàtics: Política. Esports. Economia. Fotoblocs. Vídeoblocs. Exemples: http://www1.fotolog.com/eli_1_v http://hombrelobo.com/category/hombrelobotv/
  54. 54. Blocs: Casos dèxitAllotjament de blocs: : http://www.blogger.com/ : http://es.wordpress.com/ : http://www.lacoctelera.com/Fotoblocs: : http://www.fotolog.com
  55. 55. Blocs: Per saber més Introduction to blogging (castellà): http://codex.wordpress.org/es:Introduction_to_Blogging La jornada de un blogger: http://www.pc-actual.com/actualidad/noticia/2007/04/02/La- jornada-de-un-blogger
  56. 56. Microblogging Com a microblogging o miniblogging es coneix a una derivació del fenomen blog, amb la particularitat que shi envien missatges curts (habitualment de menys de 200 caràcters) a latenció del public general o només de les pròpies coneixences. Les novetats i els avisos poden enviar-se (depèn del servei) des dun lloc web, per missatgeria instantània, per correu electrònic, a través daplicacions de tercers, per SMS, per mòbil, etc. Font: http://ca.wikipedia.org/wiki/Microblogging
  57. 57. Microblogging: twitter www.twitter.com Primer i més conegut servei de microbblogging. Màxim 140 caràcters mitjançant SMS, missatgeria instantània o bé directament des del lloc web de Twitter o des daltres aplicacions. Exemples: http://twitter.com/parlament_cat http://twitter.com/3cat24
  58. 58. Microblogging: Per saber més Pardals: http://pardals.atictes.cat/
  59. 59. Wikis: que són? Una wiki (del hawaià wiki wiki, “ràpid”) és una col·lecció de pàgines web entrellaçades qualsevol de les quals pot ser visitada i editada en tot moment (programari col·laboratiu). El concepte i programari va ser inventat per Ward Cunningham Els usuaris duna wiki poden crear, editar, modificar o esborrar el contingut duna pàgina web de manera interactiva, fàcil i ràpida. Aquestes facilitats fan de la wiki una eina efectiva per a lescriptura col·laborativa Exemple: http://lyricwiki.org/Main_Page/es
  60. 60. Wikis: com sescriuen? Sutilitza un llenguatge de marques senzill: wikisintaxis Exemples: Negreta -> Negreta Cursiva -> “Cursiva” Titulars Nivel 1 = = Nivel 2 == == Nivel 3 === ===
  61. 61. Cas dèxit: Viquipèdia La Viquipèdia (ca.wikipedia.org) és una enciclopèdia lliure escrita col·laborativament des dInternet per voluntaris. Projecte iniciat el març de 2001 Versions en més de 253 llengües (236 actives). La Viquipèdia en català o valencià fou la segona Viquipèdia a fundar-se. La Viquipèdia en català té actualment 119.602 183.407 articles. La versió anglesa en tenia 2.164.122 2.760.650 durant el gener de 2008 2009.
  62. 62. Wikis: Per saber més Manual wiki: http://es.wikibooks.org/wiki/Manual_de_edición_wiki
  63. 63. Multimèdia: FotografiaApropament pràctic a les noves eines dInternet. Web 2.0 Xavier Noguero Estiu 2009 Universitat de Lleida
  64. 64. Multimèdia: fotografia Idea:compartir fotos amb les persones que volguem. Organització de les fotos en àlbums, etiquetes, col·leccions dàlbums... Nivell de privacitat: compartir públicament per a tothom, per a grups, o només a nivell particular. Realització de tarjetes, impressions, presentacions, publicació a blocs, etc. Localitzar geogràficament les fotografies.
  65. 65. Multimèdia: fotografia Podem carregar les fotos de diferents maneres: des del disc dur de lordinador, via e-mail, telèfon mòvil, pda, etc. Tipus de limitacions en els serveis gratuïts: quantitat de fotos, mida, formats, resolució, entre altres. Llicències artístiques Creative Commons per preservar els vostres drets dautor: http://cat.creativecommons.org/llicencia/
  66. 66. Fotografia: alguns exemples de serveis
  67. 67. Fotografia: crear presentacions Alguns serveis ja ho permeten per si mateixos (ex: flickr) Cas dèxit: Slide (www.slide.com) Característiques: Permet fer una presentació de fotos procedents de diferents fonts. Podem afegir una nota de text a cada fotografia. Personalització amb diferents tipus de transicions, música de fons, efectes visuals, mida, privacitat... Ens dona el codi en llenguatge html que podrem inserir a daltres webs, per exemple al nostre bloc.
  68. 68. Multimèdia: edició dimatges via web Disposem deines web dedició i retoc fotogràfic. Les imatges a editar poden estar: al nostre ordinador o bé a altres llocs web on tinguem compte com ara Picassa o Photobucket, entre altres. Podem desfer molt fàcilment els canvis que hem aplicat en una fotografia si aquests no ens agraden.
  69. 69. Fotografia: recull dadreces web... Compartir fotografies: Google Picasa: http://picasaweb.google.com Flickr: http://www.flickr.com/ Photobucket: http://photobucket.com/ Panoramio: http://www.panoramio.com/ Zooomr: http://es.zooomr.com/ Presentacions i edició fotogràfica: Slide: http://www.slide.com Adobe Photoshop Express: http://www.photoshop/express Picnik: http://www.picnik.com FotoEfectos: http://www.fotoefectos.com Dibuix amb Bomomo: http://bomomo.com Reparar ulls vermells: http://www.fixredeyes.com
  70. 70. Multimèdia: àudioApropament pràctic a les noves eines dInternet. Web 2.0 David Manjon Estiu 2009 Universitat de Lleida
  71. 71. Àudio Ràdio: Tradicional. Radio online. 2.0. Podcast: contingut a la carta.
  72. 72. Àudio: Ràdio tradicional Escoltar la nostra emissora preferida directament des de la xarxa. Exemples: Segre Ràdio: www.segreradio.com Rac1: http://www.rac1.cat/ 40: http://www.los40.com Avui en dia gairebé totes les emissores tenen una pàgina web on es pot escoltar la seva emissió.
  73. 73. Àudio: Ràdio online Ràdios que nomes es poden escoltar a traves de la xarxa. Radio la colifata: http://www.lacolifata.org iCat.fm: http://www.icatfm.cat/
  74. 74. Àudio: Ràdio 2.0 Sincorporen les noves tendències de la web 2.0, etiquetes, compartir amb els amics, eines dintegració per a blocs, etc. Problemes amb els drets dautor. Exemples: http://blip.fm Nomes per escoltar música del youtube, catalogada per àlbums: http://www.vastfm.com
  75. 75. Àudio: Podcasts El terme podcasting deriva de les expressions anglosaxones Play-On-Demand (POD), que vol dir reprodueix en demanda i broadcasting, que vol dir radiodifusió. Els podcasts ens proporciones peces dàudio, que podem descarregar-nos i escoltar en qualsevol lloc i/o moment. Exemple: http://audiolibros.podomatic.com/ Font: http://ca.wikipedia.org/wiki/Podcasting
  76. 76. Àudio: Per saber més Podcast-es: http://www.podcast-es.org Podsonoro: http://www.podsonoro.com/
  77. 77. Multimèdia: vídeoApropament pràctic a les noves eines dInternet. Web 2.0 David Manjon Estiu 2009 Universitat de Lleida
  78. 78. Vídeo: Concepte Nous serveis que permeten pujar, veure, compartir i fins i tot editar vídeos. Habitualment tecnologia Flash que permet una actualització ràpida. Utilitzen eines de la web 2.0 com etiquetes, votacions socials i també faciliten la integració en blocs.
  79. 79. Vídeo: Casos dèxit : http://www.youtube.es : www.tu.tv Cercador de vídeos: http://video.google.com
  80. 80. Vídeo: Youtube www.youtube.com Va ser fundat el febrer del 2005. El 10 doctubre de 2006 Google va comprar Youtube per 1650 milions de dòlars. Permet allotjar-hi vídeos personals de forma senzilla. Els enllaços a vídeos poden ser posats en blocs i llocs web personals utilitzant APIs. Classifica els vídeos amb un sistema detiquetes. Actualment permet contingut panoràmic i amb alta definició.
  81. 81. Vídeo: Jaycut http://jaycut.es Edició de vídeo online. Permet edició senzilla de vídeos: Retallar vídeos, ajuntar. Afegir fotografies i música. Crear Transicions. Títols. Redistribució de vídeos: Xarxes socials. Descarregar.
  82. 82. SindicacióApropament pràctic a les noves eines dInternet. Web 2.0 Xavier Noguero Estiu 2009 Universitat de Lleida
  83. 83. Situació del món web actual El nombre de pàgines web a Internet està creixent moltíssim. Cada cop tenim més feina per estar al día de les novetats que es produeixen a les webs que són del nostre interés. Què podem fer doncs? Sol·lució web 2.0: la sindicació
  84. 84. Passat i present... Fins ara, nosaltres haviem de visitar les webs dinterés per saber si shan produït novetats. Ara, mitjançant lús de la sindicació, són les mateixes pàgines web que ens avisen quan shi han produït canvis i ens informen breument sobre les novetats. Per tant, lusuari ja no cerca la informació, és la informació que cerca a lusuari!!!
  85. 85. Avantatges? Ens informem sense haver de navegar. Estalvi de temps considerable. Accés a un gran volum dinformació de manera senzilla i automàtica. Nosaltres escollim els llocs sobre als quals ens volem subscriure. És totalment anònim, no hem de facilitar cap dada personal.
  86. 86. Com funciona? Intervenen dos actors diferenciats: Duna banda necessitem un lector de “feeds”, on veurem tots els llocs on ens subscrivim. Daltra banda, necessitem trobar llocs on subscriurens, i que farem aparèixer al nostre lector. Hi ha cabuda per tots els aspectes: televisió, premsa, continguts web, radio...
  87. 87. Com trobem els feeds on subscriurens? Els cercarem a les pàgines web. Aquestes paraules i acrònims les podem entendre com a sinònims en el nivell daprententatge en el que ens trobem: Sindicació web Redifusió web Feeds (fils) RSS, RDF, ATOM... També aquests logotips:
  88. 88. Tipus de lectors / agregadors de RSS El lector es conecta automàticament a Internet i es baixa totes les actualitzacions i novetats de les pàgines web on ens hem subscrit. Hi molts agregadors de feeds. Una classificació: Els que són pàgines web (pàgines dinici). Els que sinstal·len a lordinador com una aplicació més ( ja sigui al Linux, al Mac, al Windows... ). També poden integrar-se al navegador web, a lescriptori, etc.
  89. 89. Netvibes: més que un lector de RSS Netvibes és una pàgina dinici (start page) que podem configurar i personalitzar al nostre propi gust. Funcionalitats: Lector de feeds (blocs, diaris, etc...) Disposa de molts gadgets (o widgets) i mòduls daplicacions configurables (la gran majoria són serveis que ofereixen altres llocs web). Visors i reproductors (flick, podcasts, YouTube...). Universos Netvibes.
  90. 90. Més exemples de pàgines dinici... iGoogle: www.google.es/ig Pageflakes: www.pageflakes.com
  91. 91. Exemples de lectors de feeds web Google Reader: reader.google.com Bloglines: www.bloglines.com My Yahoo: my.yahoo.com
  92. 92. Cerca dinformacióApropament pràctic a les noves eines dInternet. Web 2.0 David Manjon Estiu 2009 Universitat de Lleida
  93. 93. Cercadors : http://www.google.cat/ El cercador més utilitzat del moment, permet cercar: Webs introduint paraules Imatges Vídeos http://video.google.cat/ Grups de discussió blocs: http://blogsearch.google.com etc. No confondre un cercador amb un directori
  94. 94. Cercadors 2.0 : http://www.technorati.com/ Cerca alhora blocs, articles, vídeos i fotos. Permet votacions dels elements cercats Es poden filtrar les cerques per lidioma : http://www.searchme.com/ Cercador visual.
  95. 95. Cercadors 2.0 : http://www.xuletas.es/ Cercador de “xuletes”. : www.trabber.es Cercador de vols Busca simultàniament a les principals webs de viatges.
  96. 96. Mapes Google Maps: http://maps.google.es Cercar ubicacions Desar mapes i ubicacions Cercar rutes Cerca de negocis o serveis Google Streetview
  97. 97. Mapes: Mart i la Lluna Google Mars: www.google.com/mars/ Similar a Google Maps però sobre Mart. Basat en fotos de la Nasa. Permet cerca accidents geogràfics, naus enviades, etc. També podeu trobar una part de la lluna a: http://moon.google.com/
  98. 98. Adreces dinterès Emmagatzemant les nostres adreces favorites a la xarxa, les tindrem sempre disponibles. Podem classificar-les amb etiquetes. Compartir-les. Casos dèxit: : www.gennio.com : http://del.icio.us
  99. 99. Notícies i continguts votats pels usuaris Les notícies ja no les selecciona una empresa, les seleccionen els propis lectors. Votem les notícies que ens interessen més. Sistema detiquetes per classificar-les. Punts dels diferents usuaris segons les notícies enviades i la qualitat de les mateixes.
  100. 100. Cas dèxit: Menéame Adaptació de la web Digg Servei per enviar noticies o enllaços a blocs Sistema de votacions Etiquetes, podem trobar-hi un mapa detiquetes Notícies per ordre dimportància Permet votacions anònimes (sense estar registrats). Les votacions les anomena “meneos”. Si una notícia ens agrada la “meneem” www.meneame.net
  101. 101. Notícies i continguts votats pels usuarisEnllaços: : www.digg.com en Anglès. : http://latafanera.cat/ en Català. : http://www.fresqui.com/ Similar amb tres categories bàsiques: tecnologia, actualitat i oci.
  102. 102. Xarxes socialsApropament pràctic a les noves eines dInternet. Web 2.0 Xavier Noguero Estiu 2009 Universitat de Lleida
  103. 103. Xarxes socials Xarxes socials: permeten conèixer i relacionar-se amb daltres persones, publicar fotos, vídeos, intercanviar missatges, tot de manera fàcil i senzilla. Exemples: Facebook Myspace Google Orkut Hi5
  104. 104. Cas dèxit: Facebook És una de les que compta amb més usuaris a nivell mundial (més de 70 200 milions dusuaris registrats a labril de 2009). Sinicià al 2004 com un projecte per comunicar entre sí els estudiants de la Universitat de Harvard. (www.facebook.com)
  105. 105. Xarxes socials professionals Dirigides a professionals, empresaris que desitgin augmentar la seva xarxa de contactes. Permeten oferir el noste curriculum on-line, intercanviar idees i oportunitats, accedir a ofertes de feina, entre daltres. Casos dèxit: www.xing.com www.linkedin.com
  106. 106. MashupsApropament pràctic a les noves eines dInternet. Web 2.0 Xavier Noguero Estiu 2009 Universitat de Lleida
  107. 107. Mashups: Què són? Un mashup és una aplicació web híbrida, és a dir, que utilitza els continguts que ja disposen altres webs per oferir un nou servei més concret (Font: Wikipedia). Avantatges? La idea consisteix en desenvolupar noves aplicacions web que es centrin en laportació de valor afegit, centrant els recursos en la novetat i reutilitzant serveis ja el·laborats per daltres. Límits? Fins on arribi la imaginació dels autors.
  108. 108. Categories més destacables de mashups Així, principalment trobem mashups: De mapes De fotografies, vídeos i música De compres De notícies De cercadors Missatgeria ...
  109. 109. Mashups: Algunes fonts de dades típiques Els mashups salimenten de serveis web ja existents, els quals permeten el seu ús a desenvolupadors a través de les anomenades Interfícies de Programació dAplicacions (API). Segons ProgrammableWeb les APIs més emprades actualment per a crear mashups provenen de:
  110. 110. Mashups relacionats amb mapes... Twittervision: Basat en Twitter, localitza i mostra al mapamundi els últims missatges que shi han enviat (twittervision.com) Panoramio: situa les fotos exactament on van ser preses (www.panoramio.com) Flickvision: Semblant a Twittervision però amb les fotos més recents de flickr (flickrvision.com) 360cities: fotos del món en 3 dimensions (www.360cities.net)
  111. 111. Mashups de compres, pisos, cases rurals... Ugux: cerca un producte concret a Amazon i Ebay al mateix temps, i compara resultats. (ugux.com/shopping) 109things: productes més venuts per categoria (www.109things.com ) 22books: la gent mostra la seva llista de llibres favorits (www.22books.com) Vivirama: per cercar pis per llogar (www.vivirama.com) Zangoa: per cercar cases rurals (www.zangoa.com) Ruralita: igual que lanterior (www.ruralita.com)
  112. 112. Mashups dinformació, notícies, el temps... Wikimapia: barreja de Wikipedia i Google Maps (www.wikimapia.org) Keegy: notícies recents de molts llocs diferents però relacionades geogràficament (es.keegy.com) Weatherbonk: previsions del temps a nivell mundial, càmares de vídeo fixes de ciutats...(www.weatherbonk.com)
  113. 113. Mashups de música... Nvivo: informació sobre els últims concerts, festivals... (www.nvivo.es) LivePlasma: mostra relacions entre actors, cantants, películes... (www.liveplasma.com) Musiic: cercador de cançons, imatges... (www.musiic.net) AlbumArt: portades de caràtules de cds de música de Amazon (http://albumart.org)
  114. 114. Miscel·lània... Flashearth: Explorant la terra des de laire, podent triar entre diferents fonts de mapes (www.flashearth.com) Sclipo: una mena de YouTube on la gent penja vídeos mostrant habilitats i trucs (www.sclipo.com) Bookassist: reserva dhotels online (www.bookassist.com)
  115. 115. Mashups en català... Wikiloc: compartir rutes preferides i punts dinterés GPS (www.wikiloc.com) Tagzania: uneix etiquetes amb llocs... (www.tagzania.com) 11870.com: per a tenir a mà els llocs i serveis que ens agraden (11870.com)
  116. 116. Mashups: On trobar-ne molts més... Tres webs molt destacats (en anglès): www.programmableweb.com www.webmashup.com mashupawards.com

×