2. YAP: Yahoo! Application Platform By Amit Kumar Supriyo Bose

3. What is yap ? “YAP is a platform that allows developers to build web applications that would be accessible across different Yahoo! properties.”

4. Programming modelS Browser SERVER-SIDE “Cajoled” JS/HTML Request YAP Engine HTML JS, CSS, YML Request + Add-On info Yahoo! API/ Any Open API Developer Server

5. Programming modelS Browser CLIENT-SIDE io.datarequest “Cajoled” JS/HTML io.makerequest YAP Engine Yahoo! API/ Any Open API Signing + OAuth Developer Server

6. Programming modelS BROWSER FLASH To 3rd PARTY SITE FLASH OBJECT OAuth support YAP Engine Yahoo! API/ Any Open API Developer Server

7. Why build for YAP ?

9. 600+ million users

10. 330+ million unique visitors per month

11. Multiple destinations:

12. My Yahoo!

13. Toolbar

14. Games

15. Messenger

16. Pulse

18. toolbar

19. Games

20. Yahoo! Messenger

21. Pulse

22. Creating your first App

24. Conforms to OpenSocial gadgets API specification http://developer.yahoo.com/yap/guide/gadgets-xml-config.html

26. HTML,CSS and YML Lite (subset of YML)

27. Faster

30. Creating your first app Go to http://developer.yahoo.com and click on My Projects

31. Creating your first app

32. Creating your first app

33. Creating your first app

34. Preview your app

35. Preview view

36. Creating your first app

37. Launch your app !

38. Your app is ready ! http://apps.yahoo.com/-3XNdoV62

39. Code snippet: Using PHP sdk https://github.com/kkunal/yap-hacks/tree/master/social

40. YAP FEATURES

41. OpenSocial: Common APIs, multiple destinations.

42. OpenSocial is a collection of common APIs for web-based social network applications. We are 0.8/0.9 compliant.

43. Opensocial example http://apps.yahoo.com/-EKalHy4k

44. OPENSOCIAL EXAMPLE https://github.com/kkunal/yap-hacks/tree/master/opensocial/api_examples

45. OPENSOCIAL EXAMPLE http://apps.yahoo.com/-hi0q6k74

46. Opensocial example https://github.com/kkunal/yap-hacks/tree/master/opensocial/api_examples

47. OpenSocial APIs can also be invoked on the server side. Yahoo! Open Social REST End Point: http://appstore.apps.yahooapis.com/social/rest Examples of this are at: https://github.com/yahoo/yos-social-php5/tree/master/examples

48. + YML, a simple way to get more out of your App !

50. Yahoo! Markup Language (YML) provides functionality to Open Applications in a safe and standardized fashion.

51. Adds functionality to Open Application.http://developer.yahoo.com/yap/guide/yapdev-yml.html

52. yml:swf https://github.com/kkunal/yap-hacks/tree/master/yml/swf http://apps.yahoo.com/-JfamS46m

53. yml:a https://github.com/kkunal/yap-hacks/tree/master/yml/tab http://apps.yahoo.com/-Mg5VBt6o

54. yml:profile-pic, yml:name etc https://github.com/kkunal/yap-hacks/tree/master/yml/profile http://apps.yahoo.com/-MOtB6q4s

55. Looks too simple, there must be a catch ?!

57. Enables Yahoo! to embed third party applications safely.

58. Caja is an open source project sponsored by Google.

59. Validating your Javascript using:

60. http://www.jslint.com

61. http://cajadores.com/demos/testbed

65. Parameters for OAuth calls

66. User guid“Cajoled” JS/HTML Request YAP Engine Request with parameters Developer Server For complete list of parameters, see http://developer.yahoo.com/yap/guide/yap-params.html

68. Prefer YUI over other JS libraries.

69. Adhere to W3C standards.

70. Avoid Caja problems by:

71. Pushing more logic to server-side.

73. Questions? http://xkcd.com/246/