Remix the web
mashups
“Un mashup, també anomenat remescla, és
una aplicació web híbrida que utilitza
contingut d'altres aplicacions web per a
cr...
“El contingut d'un mashup normalment
prové de llocs web de tercers a través d'una
interfície pública o usant una API. Altr...
API
application programming interface
protocol http
GET
POST
UPDATE
DELETE
GET
http://twitter.com/users/show/xbelanch.xml
POST
curl -u usuari:contrasenya -d
"status=sense paraules" http://
twitter.com/statuses/update.xml
http://www.programmableweb.com/
1521 APIs
http://www.programmableweb.com/apis/directory
4451 Mashups
http://www.programmableweb.com/mashups/directory
Exemples
http://www.twittermagnets.com/
http://woozor.es
http://beta.twittervision.com/
Jugueu
Google Spreadsheets
  http://docs.google.com/
http://tr.im/FbuT
=ImportXML("http://
twitter.com/users/show/
xbelanch.xml";"/user/name")
=importXML("http://
twitter.com/statuses/friends/
xbelanch.xml";"/users/user/
name")
=importXML("http://
twitter.com/statuses/friends/
xbelanch.xml";"/users/user/
followers_count")
=importXML("http://
twitter.com/statuses/friends/
xbelanch.xml";"/users/user/
location")
Mou a un full propi
http://ca.wikipedia.org/wiki/Barcelona
=ImportHtml("http://ca.wikipedia.org/
wiki/Barcelona";"table";13)
Centres de suport
  http://ioc.xtec.cat/educacio/index.php?
 module=htmlpages&func=display&pid=18
=ImportHtml("http://
ioc.xtec.cat/educacio/
index.php?
module=htmlpages&func=displa
y&pid=18"; "table"; 3)
=CONCATENATE(ColFil;", ";
Colfil; ", Catalunya")
=CONCATENATE("<strong>";ColFil;
" ";ColFil;"</strong>")
Mou a un full propi
Afegeix el gadget a iGoogle
Publica el gadget
http://ouseful.wordpress.com/2008/10/14/data-scraping-wikipedia-with-google-
                               spreadsheets/
http://arapehlivanian.com/2009/06/25/screen-scraping-and-creating-a-feed-with-yql-
                                and-yah...
Yahoo Pipes
http://pipes.yahoo.com/
Regular Expressions
Many Eyes
Visualitza la informació
Remix the web
Remix the web
Remix the web
Remix the web
Remix the web
Remix the web
Remix the web
Remix the web
Remix the web
Remix the web
Remix the web
Remix the web
Upcoming SlideShare
Loading in …5
×

Remix the web

383 views
287 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
383
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Remix the web

  1. 1. Remix the web
  2. 2. mashups
  3. 3. “Un mashup, també anomenat remescla, és una aplicació web híbrida que utilitza contingut d'altres aplicacions web per a crear un nou contingut complet, consumint serveis directament sempre a través del protocol http.” Wikipedia dixit
  4. 4. “El contingut d'un mashup normalment prové de llocs web de tercers a través d'una interfície pública o usant una API. Altres mètodes que constitueixen l'origen de les seves dades inclouen: sindicació web (RSS o Atom), screen scraping, etc.” Wikipedia dixit
  5. 5. API application programming interface
  6. 6. protocol http
  7. 7. GET POST UPDATE DELETE
  8. 8. GET http://twitter.com/users/show/xbelanch.xml
  9. 9. POST curl -u usuari:contrasenya -d "status=sense paraules" http:// twitter.com/statuses/update.xml
  10. 10. http://www.programmableweb.com/
  11. 11. 1521 APIs http://www.programmableweb.com/apis/directory
  12. 12. 4451 Mashups http://www.programmableweb.com/mashups/directory
  13. 13. Exemples
  14. 14. http://www.twittermagnets.com/
  15. 15. http://woozor.es
  16. 16. http://beta.twittervision.com/
  17. 17. Jugueu
  18. 18. Google Spreadsheets http://docs.google.com/
  19. 19. http://tr.im/FbuT
  20. 20. =ImportXML("http:// twitter.com/users/show/ xbelanch.xml";"/user/name")
  21. 21. =importXML("http:// twitter.com/statuses/friends/ xbelanch.xml";"/users/user/ name")
  22. 22. =importXML("http:// twitter.com/statuses/friends/ xbelanch.xml";"/users/user/ followers_count")
  23. 23. =importXML("http:// twitter.com/statuses/friends/ xbelanch.xml";"/users/user/ location")
  24. 24. Mou a un full propi
  25. 25. http://ca.wikipedia.org/wiki/Barcelona
  26. 26. =ImportHtml("http://ca.wikipedia.org/ wiki/Barcelona";"table";13)
  27. 27. Centres de suport http://ioc.xtec.cat/educacio/index.php? module=htmlpages&func=display&pid=18
  28. 28. =ImportHtml("http:// ioc.xtec.cat/educacio/ index.php? module=htmlpages&func=displa y&pid=18"; "table"; 3)
  29. 29. =CONCATENATE(ColFil;", "; Colfil; ", Catalunya")
  30. 30. =CONCATENATE("<strong>";ColFil; " ";ColFil;"</strong>")
  31. 31. Mou a un full propi
  32. 32. Afegeix el gadget a iGoogle
  33. 33. Publica el gadget
  34. 34. http://ouseful.wordpress.com/2008/10/14/data-scraping-wikipedia-with-google- spreadsheets/
  35. 35. http://arapehlivanian.com/2009/06/25/screen-scraping-and-creating-a-feed-with-yql- and-yahoo-pipes/
  36. 36. Yahoo Pipes http://pipes.yahoo.com/
  37. 37. Regular Expressions
  38. 38. Many Eyes
  39. 39. Visualitza la informació

×