How the Web Works: Lecture 8

This talk was designed for a class (98-135) taught at Carnegie Mellon University in Spring 2010.

Transcript

2. Lecture 8 Building Social Apps
4. XML
5. XML HTML Generalized Format for structured data XML <=> DOM Tree .xml Files XML Parsers out there... JSON : HashTable :: XML : Tree
6. <courses> <course> <id> <name> <desc> <prof> <course> <id> <name> <desc> <prof>
7. Finally, we don’t need to talk pretty to the humans! Yeah, screw NLP!
8. Haha, noobs!
10. API
11. APIs Application Programming Inteface Library of Functions ... for some langauge Common Theme ex. Java Sound API
12. Facebook knows so much about my users. If only... We’ll share it, after all, people will think we’re awesome!
13. Sweet! I code in PHP, Ruby, Python, Java, C, and Brainf*ck STFU
14. Sweet! I code in PHP, Ruby, Python, Java, C, and Brainf*ck Ok, we’ll give you a standard format.
15. API = HTTP + XML Returning Data (beyond HTML) Making requests (beyond GET & POST)
16. REST made with love HTTP
17. REST Representational State Transfer Its not that fancy. Standard for Communication Uses HTTP in depth With XML or JSON myhost.com/...
18. Public APIs
19. My
20. Videos Users leavebritneyalone Chris Crocker starwarskid Darth Vader icanhazcheezburger The Cat icanhazmuffins The Cat
21. GET www.google.com 200 OK
22. GET www.google.com Hello, World!
23. Request GET POST Response 200 OK 404 Not Found 500 Internal Server Error ....
24. GET POST PUT DELETE
25. GET api.mytube.com 200 OK
26. GET api.mytube.com starwarskid leavebritneyalone ...
27. GET api.mytube.com/ starwarskid starwarskid.mp4
28. DELETE api.mytube.com/ starwarskid 200 OK
29. DELETE api.mytube.com/ terminator2 404 Not Found
30. RESTful Resource GET POST PUT DELETE api.mytube.com api.mytube.com/ vid_id List Members Replace Collection Create New Item Delete Collection Retrieve Data Update Item Member is Collection Delete Item
31. REST APIs
32. Parse Response XML using PHP http://php.net/manual/en/book.xml.php Request Service using GET/POST/PUT/DELETE http://us.php.net/manual/en/book.curl.php
33. I use PHP to respond to requests!
35. Hands-On http://phprestsql.sourceforge.net/ http://phprestsql.sourceforge.net/download.html
37. Wrappers aka Client Libraries
38. Wrappers import mytube.py mt = new MyTube(auth) mt.getVideos() mt.setVideo(vid, new.mp4) My
39. Facebook API
40. Facebook Apps Is like a website Inside of Facebook Access to Facebook Data friends, networks, about... Users “add” applications Not your domain name
41. Canvas URL apps.facebook.com/... Callback URL myhost.com/...
42. Let See One http://apps.facebook.com/iplcricket/
43. Lets Build One www.cmuwebworks.com/movies/facebook_app.mov
44. Hello++
45. myhost.com/... <fb:friends> <ol> <li>Friend1</li> <li>Friend2</li> <li>Friend3</li> </ol>
46. FBML Is an extension of SQL With special <fb:> tags Invalid as HTML Facebook reparses Canvas-Callback Model myhost.com/...
47. JS & FQL Facebook restricts JS Called FBJS FQL is SQL-like way to access data on Facebook More general than friends->get() myhost.com/...
48. Facebook Connect Your Website + Facebook Authentication Feed Social Graph Implementation Details Later
49. http://wiki.developers.facebook.com
50. Other APIs
52. YouTube API Data API: Finds the right video Data API is REST Based Player API: Customizable Player Player API is Flash Based
53. Data API Google Data API HTTP Request HTTP + XML Response Similar to REST Java, PHP, Python, ObjC, Javascript Libraries http://code.google.com/apis/gdata/
54. Data API Search for Videos Standard Streams (Most Popular) Upload, Update, Delete Videos
55. Player API Data API: Finds Video Player : Plays Video Flash Player (.swf file) With Parameters player colors, loop video, etc....
56. http://code.google.com/apis/youtube/
58. Twitter API Two APIs (Oh Noes!) Historical Reasons REST API, Search API Completely Open
59. Twitter API REST API Search API User information, social data, etc... Search by tags, trends, etc...
60. http://apiwiki.twitter.com
61. Here’s What Matters Everyone has APIs Too many to discuss here Usually REST Based PHP libraries common Find the service, read docs
62. One Last Thing http://code.google.com/p/schedulematch/ http://apps.facebook.com/cmuschedule/
63. Please Help
64. Photo Credits http://lolmartshirts.com/wp-content/uploads/2010/01/omgwtfbbq1.jpg http://www.johnberns.com/wp-content/uploads/2009/06/01-raw-xml-in-vim-no-whitespace.png http://www.flickr.com/photos/29063159@N07/2714200496/sizes/o/ http://www.xkcd.com/715/