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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

YAP, Open Hack Day, Bangalore 2011

653
views

Published on

Published in: Technology, Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
653
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • 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 ?
  • 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.
      • 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/

    ×