My presentation on YDN, YQL and Mail Applications at UCLA for HACKU 2011.

1. UCLA HACKU’11
Gopal Venkatesan a.k.a g13n
Yahoo! Inc.

2. Hello friends!

3. whoami

4. whoami
• about.me/g13n

5. whoami
• about.me/g13n
• Yahoo

6. whoami
• about.me/g13n
• Yahoo
• F2E and Web performance evangelist

7. whoami
• about.me/g13n
• Yahoo
• F2E and Web performance evangelist
• Loves Unix and JavaScript (weird?)

8. whoami
• about.me/g13n
• Yahoo
• F2E and Web performance evangelist
• Loves Unix and JavaScript (weird?)
• Loves talking on I18n and L10n

9. whoami
• about.me/g13n
• Yahoo
• F2E and Web performance evangelist
• Loves Unix and JavaScript (weird?)
• Loves talking on I18n and L10n
• Hacker :-)

10. Overview

11. Overview
• Introduction to Yahoo! Developer Network
(YDN)

12. Overview
• Introduction to Yahoo! Developer Network
(YDN)
• YQL - the language for the Web

13. Overview
• Introduction to Yahoo! Developer Network
(YDN)
• YQL - the language for the Web
• Hacking (on) Yahoo! Mail

14. Yahoo! Developer Network

16. Yahoo! loves developers

18. ... and Yahoo! is open

19. developer.yahoo.com

21. One place for all of
Yahoo! Public APIs

23. APIs, Tools, Libraries,
Frameworks, ...

24. APIs, Tools, Libraries,
Frameworks, ...

25. APIs, Tools, Libraries,
Frameworks, ...

26. APIs, Tools, Libraries,
Frameworks, ...

27. APIs, Tools, Libraries,
Frameworks, ...

28. APIs, Tools, Libraries,
Frameworks, ...

29. APIs, Tools, Libraries,
Frameworks, ...

30. APIs, Tools, Libraries,
Frameworks, ...

31. APIs, Tools, Libraries,
Frameworks, ...

32. All APIs speak JSON and
XML

34. Here be dragons

36. YQL is the answer,
what’s your question?

38. Lets admit, there are
too many Apps
providing too many APIs

39. YQL - Whirlwind Intro

40. YQL - Whirlwind Intro
• It is a web service providing a SQL like
language to interface with APIs

41. YQL - Whirlwind Intro
• It is a web service providing a SQL like
language to interface with APIs
• Supports query, filter, join, and update
across all those innumerable APIs

42. YQL - Whirlwind Intro
• It is a web service providing a SQL like
language to interface with APIs
• Supports query, filter, join, and update
across all those innumerable APIs
• You can transform RSS, XML to JSON
and vice-versa

43. You want some RSS
feed in JSON?

44. You want some RSS
feed in JSON?
http://query.yahooapis.com/v1/public/yql?q=select%20*
%20from%20rss%20where%20url%3D'http%3A%2F
%2Frss.news.yahoo.com%2Frss%2Ftopstories'&format=json

45. You want some RSS
feed in JSON?
http://query.yahooapis.com/v1/public/yql?q=select%20*
%20from%20rss%20where%20url%3D'http%3A%2F
%2Frss.news.yahoo.com%2Frss%2Ftopstories'&format=json
Looks scary? Well that’s just
select * from rss where url=‘your-rss-feed’

46. http://developer.yahoo.com/yql/console

47. Please to be contributing,
http://github.com/yql/yql-tables/

48. Yahoo! Mail Applications

50. Lets developers extend
Yahoo! Mail through a
Simple JavaScript API

51. What’s possible

52. What’s possible
• Dynamically change how messages are
rendered

53. What’s possible
• Dynamically change how messages are
rendered
• Call external WebServices to enhance e-mail
messages

54. What’s possible
• Dynamically change how messages are
rendered
• Call external WebServices to enhance e-mail
messages
• Launch your App specific UI within Yahoo!
Mail chrome

55. What’s possible
• Dynamically change how messages are
rendered
• Call external WebServices to enhance e-mail
messages
• Launch your App specific UI within Yahoo!
Mail chrome
• Completely customize compose and read
messages using events

57. Here’s an App ...
I have masked the order details

58. Pre-requisites

59. Pre-requisites
• PHP (5.x is better)
• Although not pre-requisite a Unix-like OS
is always better
• ymdt (Yahoo! Mail Developer Toolkit) - go
download from here

60. First Step

61. Building your First App

62. Testing our First App

63. Testing our First App (contd.)

64. Testing our First App (contd.)

65. The readme.txt in the project
directory briefly describes the project
files and the directory structure

66. Other Skeleton Apps

67. One more thing ...

68. One more thing ...
• Use “ymdt dev” to enable dev-o-matic
mode

69. One more thing ...
• Use “ymdt dev” to enable dev-o-matic
mode
• Syncs code with Yahoo! Mail development
server

70. One more thing ...
• Use “ymdt dev” to enable dev-o-matic
mode
• Syncs code with Yahoo! Mail development
server
• Continuously monitors the App directory
for changes and updates server

71. Resources
• YQL - http://developer.yahoo.com/yql/
• Mail Applications - http://
developer.yahoo.com/mailapplications/

72. Don’t delay, HACK today

73. g{tàËá tÄÄ yÉÄ~á4

74. Image Credits
• http://discoverlosangeles.com/photos.html
• http://picsbox.biz/key/ucla%20clothing
%20prices
• http://www.flickr.com/photos/phploveme/
2957594315/sizes/l/in/photostream/
• tipsfromgeek.com
• http://www.websoftwareqa.com/2010/07/