1. By Lavanya Lakshman Balachandar Sankar 7/24/2010 YAP – Yahoo Application Platform

2. Agenda Introduction Gadget XML Supporting Views YML Caja/YUI OpenSocial Walkthrough of Sample Gadget XML App Creation Steps Joyent Web Hosting DEMO Questions

3. Yahoo!’s Footprint 700M people use Y! Worldwide 200M people visit every day, 365 days a year Yahoo!’s social graph is growing rapidly

4. Introduction: YAP [Yahoo Application Platform] YAP, is a platform that allows developers to build web applications that would be accessible across different yahoo networks Apps are easier to create Open application could leverage Yahoo!’s enormous social graph. Open applications has various access points – Yahoo! Frontpage – MyYahoo! – Yahoo! Toolbar – Yahoo! Pulse – Yahoo! Games (Coming soon…) – Yahoo! Messenger Plugin (Coming soon…)

5. MyYahoo!

6. Yahoo Frontpage

7. Yahoo! Pulse

8. Yahoo! Toolbar

9. Yahoo! Games (Mock up)

10. Yahoo! Messenger Plugin (Mock up)

11. Getting Started App is defined by a Gadget XML Gadget XML conforms to OpenSocial gadgets API specification. http://developer.yahoo.com/yap/guide/gadgets-xml-config.html

12. Getting Started.. contd http://example.com/my_icon-16X16.gif

13. Yahoo Small View No Javascript. Faster HTML or YML Lite (Subset of YML). Two States – Default – Personalized

14. Yahoo Small View

15. Yahoo Full View Supports HTML, CSS, YML, YUI and Caja friendly JS Richer Interface Opensocial v0.8/0.9 compatible

16. Yahoo Full View

17. Preview View Content is shown to users who are – Not signed in – Haven’t installed / authorized to view application Try to have some interesting preview content, so that users are motivated to install the app. yml:customize tag is used for installing an app

18. YML – Yahoo Markup Language Similar in format to XML, Yahoo! Markup Language (YML) provides functionality to Open Applications in a safe and standardized fashion Adds functionality to Open Application. http://developer.yahoo.com/yap/guide/yapdev-yml.html yml:a yml:ad yml:audio yml:customize yml:form yml:friend-selector yml:if-env yml:include yml:message yml:name yml:profile-pic yml:pronoun yml:share yml:swf yml:user-badge

19. YML – Yahoo Markup Language Hello Open Hack Day

20. YAP with Caja/YUI Caja is a system that transforms ordinary HTML and JavaScript into a secured form of HTML/JS Caja is an Opensource project sponsored by Google. Caja prevents insecure JS YUI is a library of JavaScript utilities and controls for building richly interactive web applications using techniques such as DOM Scripting. Supports subset of YUI 2.8.0 libraries and utilities http://developer.yahoo.com/yap/guide/caja-support.html http://developer.yahoo.com/yap/guide/yui-support.html

21. Opensocial and its compatibility OpenSocial is a collection of common application programming interfaces (APIs) for web-based social network applications Supports OpenSocial 0.9 JavaScript APIs and OpenSocial 0.8.1 RESTful API OSML and Opensocial templates are in beta phase. http://www.opensocial.org/opensocial-foundation/ http://developer.yahoo.net/blog/archives/2010/07/opensocial_and_yap.html

22. Sample Gadget XML http://upload.wikimedia.org/wikipedia/commons/4/47/PNG_transparency_demonstration_1.png To test YAP functionality http://upload.wikimedia.org/wikipedia/commons/7/70/Rotating_earth_%28small%29.gif http://upload.wikimedia.org/wikipedia/commons/7/70/Rotating_earth_%28small%29.gif http://upload.wikimedia.org/wikipedia/commons/4/47/PNG_transparency_demonstration_1.png http://www.dirtbikebitz.com/images/products/graphics/Honda/cr125- 250/2009_One_Industries_HH_Lifestyle_Graphic_Kit.jpg http://www.yahoo.com steph, 喜, 中國 ……….

23. Sample Gadget XML.. contd …….. ]]> <!-- ]]> This is a sample Small View 

24. Open App Creation [YDN Dashboard]

25. YDN Devtool Page Import Gadget Live App. Share with friends. Live App. Share with friends. Reviewed before publishing

26. App Analytics

28. Hosting solution JOYENT http://www.joyent.com/developers/free-yahoo- developer-program/

29. DEMO Gadget xml template http://www.balasankar.com/OpenHackDay_India_2010/YAP/Gadget_ Xml_Template.xml

30. Thank You