YAP, Open Hack Day, Bangalore 2011
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

YAP, Open Hack Day, Bangalore 2011

on

  • 850 views

 

Statistics

Views

Total Views
850
Views on SlideShare
841
Embed Views
9

Actions

Likes
0
Downloads
1
Comments
0

2 Embeds 9

https://www.linkedin.com 7
http://www.linkedin.com 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Module is the root node.ModulePrefs is used to define app meta data. Content describes the app’s content.YML is supported only in YahooSmallView, YahooFullView, and, Preview. In other views, YML tags would be stripped off. The code can be put within the gadget XML as well as referenced to external file.
  • Change xml ..
  • Use preview to test your App and see if things are working fine.
  • Expand the dropdownChange the App
  • Additional slide for pulse launching the app
  • Let’s do a little deep dive and see what features YAP offers
  • Exact APIs will be clear with the examples in coming slides.
  • Are there any limitations to YAP ?

YAP, Open Hack Day, Bangalore 2011 Presentation Transcript

  • 1.
  • 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 ?
  • 8.
    • Yahoo!’s huge footprint
    • 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
    • 17. OpenSocial: Build for the web
    • Discovery
  • my yahoo!
  • 18. toolbar
  • 19. Games
  • 20. Yahoo! Messenger
  • 21. Pulse
  • 22. Creating your first App
  • 23. Gadget xml
    • App is defined by the Gadget XML.
    • 24. Conforms to OpenSocial gadgets API specification
    http://developer.yahoo.com/yap/guide/gadgets-xml-config.html
  • 25. YahooSmallView
    • No Javascript
    • 26. HTML,CSS and YML Lite (subset of YML)
    • 27. Faster
    • 28. Two states (default or personalized)
  • YahooFullView
    • Supports HTML, CSS, YML and JS
    • 29. Richer Interface
  • YahooFullView
  • 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 !
  • 49. YML – Yahoo! Markup Language
    • XML-syntax
    • 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 ?!
  • 56. Caja
    • Caja is a system that transforms ordinary HTML and JavaScript into a secured form by removing unsafe HTML/CSS/Javascript
    • 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
    • 62. Caja works well with YUI 2.8 ! Prefer YUI over external libraries.
    Refer :
    • Cheatsheet
    • 63. http://developer.yahoo.com/yap/guide/caja-support.html
  • Yui example
    https://github.com/kkunal/yap-hacks/tree/master/yui
    http://apps.yahoo.com/-EDNQYz4e
  • 64. YAP parameters
    Browser
    Parameters YAP passes:
    • User Agent
    • 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
  • 67. YAP Best Practices
    • Build for YAP. Don’t build elsewhere and test on YAP.
    • 68. Prefer YUI over other JS libraries.
    • 69. Adhere to W3C standards.
    • 70. Avoid Caja problems by:
    • 71. Pushing more logic to server-side.
    • 72. Referring to our Cheatsheet !
  • Important links
  • 73. Questions?
    http://xkcd.com/246/