Remix the web

398 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
398
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ó

×