Yahoo! Blueprint Platform <ul><li>A Developer’s Overview </li></ul><ul><li>Open Hack Day  </li></ul>CONNECTED LIFE / Y! MO...
The Mobile Opportunity CONNECTED LIFE Always with the user Location awareness Communication device Truly Personal & Mass M...
The Problem CONNECTED LIFE Multiple brands – Multiple phone models Multiple Operating Systems Different screen resolutions...
Why another platform? CONNECTED LIFE Because nothing exists that can do this.
Blueprint coverage CONNECTED LIFE Coverage Symbian Java ME XHTML Blueprint Technology iPhone Android
Yahoo! Blueprint Platform CONNECTED LIFE
Yahoo! Blueprint Platform <ul><li>Is an XML markup set based partly on XForms  </li></ul><ul><li>Is a purely declarative l...
Blueprint  Development Process CONNECTED LIFE / Y! MOBILE
Building Mobile Services on Blueprint. What Do I Need?  CONNECTED LIFE Any web-server Use any scripting language Use any e...
Building Mobile Widget <ul><li>http:// mobile.yahoo.com /developers /download </li></ul>CONNECTED LIFE Download the Bluepr...
<ul><li>Blueprint SDK  </li></ul><ul><li>XML Schema definitions </li></ul><ul><li>Templates to get started </li></ul><ul><...
Building Mobile Widget CONNECTED LIFE Widget  Submission Application Package Widget Request Widget Content HTTP Request Bl...
Building Mobile Widget CONNECTED LIFE User opens Widget Request entry point HTTP request to Widget publisher URI specified...
Building Mobile Widget CONNECTED LIFE Interfacing with Yahoo! Servers Content Type for Blueprint Services: Content-Type: a...
Building Mobile Widget CONNECTED LIFE Interfacing with Yahoo! Servers Internationalization and Localization: When Yahoo! M...
<ul><li>Application Package is a zip file containing </li></ul><ul><li>config.xml </li></ul><ul><ul><li>Application metada...
<ul><li>http://mobile.yahoo.com/developers/manage/project </li></ul><ul><ul><li>Package the widget files into a zip archiv...
<ul><li>1. Yahoo! Go Emulator:   http://mobile.yahoo.com/go/tryit   </li></ul><ul><li>(Note: External links won’t work) </...
<ul><li>http://mobile.yahoo.com/developers/manage/publish </li></ul>Building Mobile Widget CONNECTED LIFE Publish your mob...
Widgets development process Summary CONNECTED LIFE Download the Blueprint SDK 1 Develop your widget 2 Package your widget ...
Links & Support <ul><li>Download the SDK http://mobile.yahoo.com/developers/download </li></ul>CONNECTED LIFE <ul><li>HACK...
Blueprint Language (for Reference only) CONNECTED LIFE / Y! MOBILE
Overview of the Blueprint Language CONNECTED LIFE UI Elements Containers Controls Inline elements Containers are Grouping ...
Overview of the Blueprint Language CONNECTED LIFE Hello World! Widget Example Note: Please check Blueprint documentation t...
Yahoo! Blueprint Platform <ul><li>Thank You </li></ul>CONNECTED LIFE / Y! MOBILE
Upcoming SlideShare
Loading in …5
×

BlueprintPlatform_BangaloreOHD.ppt

544 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
544
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

BlueprintPlatform_BangaloreOHD.ppt

  1. 1. Yahoo! Blueprint Platform <ul><li>A Developer’s Overview </li></ul><ul><li>Open Hack Day </li></ul>CONNECTED LIFE / Y! MOBILE
  2. 2. The Mobile Opportunity CONNECTED LIFE Always with the user Location awareness Communication device Truly Personal & Mass Market
  3. 3. The Problem CONNECTED LIFE Multiple brands – Multiple phone models Multiple Operating Systems Different screen resolutions Different memory capabilities
  4. 4. Why another platform? CONNECTED LIFE Because nothing exists that can do this.
  5. 5. Blueprint coverage CONNECTED LIFE Coverage Symbian Java ME XHTML Blueprint Technology iPhone Android
  6. 6. Yahoo! Blueprint Platform CONNECTED LIFE
  7. 7. Yahoo! Blueprint Platform <ul><li>Is an XML markup set based partly on XForms </li></ul><ul><li>Is a purely declarative language – includes no scripting or procedural code </li></ul><ul><li>Enforces a strict, highly abstracted user-interface model </li></ul><ul><li>Incorporates cutting edge features like - location-based services - maps - SSL - tables </li></ul>CONNECTED LIFE Blueprint
  8. 8. Blueprint Development Process CONNECTED LIFE / Y! MOBILE
  9. 9. Building Mobile Services on Blueprint. What Do I Need? CONNECTED LIFE Any web-server Use any scripting language Use any existing publishing tools Return Blueprint!
  10. 10. Building Mobile Widget <ul><li>http:// mobile.yahoo.com /developers /download </li></ul>CONNECTED LIFE Download the Blueprint SDK 1
  11. 11. <ul><li>Blueprint SDK </li></ul><ul><li>XML Schema definitions </li></ul><ul><li>Templates to get started </li></ul><ul><li>Mobile Widget Sample Code </li></ul><ul><li>Online Developer Guide </li></ul>Building Mobile Widget CONNECTED LIFE Download the Blueprint SDK 1
  12. 12. Building Mobile Widget CONNECTED LIFE Widget Submission Application Package Widget Request Widget Content HTTP Request Blueprint (XML) Your Web Server Develop your widget Yahoo! Server 2 3 2. Create static/dynamic pages to return Blueprint 3. Create your application package and submit 2
  13. 13. Building Mobile Widget CONNECTED LIFE User opens Widget Request entry point HTTP request to Widget publisher URI specified in config.xml Includes language and location headers Blueprint page returned Includes Content-Type header; may include cache-control headers; may include cookies for Widget publisher Widget content returned (Cookies stored on Yahoo! server) User requests new data HTTP request … Request new content Yahoo! Server Your Server Mobile Phone Data flow
  14. 14. Building Mobile Widget CONNECTED LIFE Interfacing with Yahoo! Servers Content Type for Blueprint Services: Content-Type: application/x-blueprint+xml Use only the UTF-8 character set. Using Cookies: Your server can set/retrieve cookies exactly as if you are serving HTML instead of Blueprint markup. The cookies are stored on Yahoo! servers Cache Control: Wherever possible, Blueprint pages are cached on the user’s device. To control caching, use the following standard HTTP headers when serving pages: Cache-Control, ETag, and If-None-Match. Only these headers affect caching
  15. 15. Building Mobile Widget CONNECTED LIFE Interfacing with Yahoo! Servers Internationalization and Localization: When Yahoo! Mobile application server sends a page request, the request may contain several HTTP headers, including: Accept-Language RFC 4646/4647 language code (Example: Accept-Language: en-US) Geo-Country ISO 3166 country or UN M.49 region code (Example: Geo-Country: CA) You can use the information in the headers to decide what content to return.
  16. 16. <ul><li>Application Package is a zip file containing </li></ul><ul><li>config.xml </li></ul><ul><ul><li>Application metadata, including the URL for your web server </li></ul></ul><ul><li>gallery.xml </li></ul><ul><ul><li>Information for the widget gallery </li></ul></ul><ul><li>Image Files </li></ul><ul><ul><li>Includes icons and screen shots (for the gallery) </li></ul></ul>Building Mobile Widget CONNECTED LIFE Package your widget 3
  17. 17. <ul><li>http://mobile.yahoo.com/developers/manage/project </li></ul><ul><ul><li>Package the widget files into a zip archive </li></ul></ul><ul><ul><li>Upload the .zip file </li></ul></ul><ul><ul><li>Remember to be signed in </li></ul></ul>Building Mobile Widget CONNECTED LIFE Upload your mobile widget 4
  18. 18. <ul><li>1. Yahoo! Go Emulator: http://mobile.yahoo.com/go/tryit </li></ul><ul><li>(Note: External links won’t work) </li></ul>Building Mobile Widget CONNECTED LIFE 2. HTML Browser http://devtest.m.yahoo.com (Note: GPS and cell-ID won’t work on desktop browser) Test your mobile widget 5
  19. 19. <ul><li>http://mobile.yahoo.com/developers/manage/publish </li></ul>Building Mobile Widget CONNECTED LIFE Publish your mobile widget 6
  20. 20. Widgets development process Summary CONNECTED LIFE Download the Blueprint SDK 1 Develop your widget 2 Package your widget 3 Upload your mobile widget 4 Test your mobile widget 5 Publish your mobile widget 6
  21. 21. Links & Support <ul><li>Download the SDK http://mobile.yahoo.com/developers/download </li></ul>CONNECTED LIFE <ul><li>HACK DAY SUPPORT [email_address] </li></ul><ul><li>Yahoo! Tech Group http://tech.groups.yahoo.com/group/y hoomobiledevelopers </li></ul><ul><li>Read the Blueprint Blog http://mobi le.yahoo.net/developer/blog </li></ul>Get the SDK Get Help!
  22. 22. Blueprint Language (for Reference only) CONNECTED LIFE / Y! MOBILE
  23. 23. Overview of the Blueprint Language CONNECTED LIFE UI Elements Containers Controls Inline elements Containers are Grouping elements. They contain containers as well as controls and inline elements Controls presents content to the user and allow data input. They contain other controls as well as inline elements Inline elements contain text, references, or simple presentation constructs. Non UI Elements includes Form-support components Events Actions
  24. 24. Overview of the Blueprint Language CONNECTED LIFE Hello World! Widget Example Note: Please check Blueprint documentation to know about all the other constructs UI Elements: Containers Contains blocks and controls group page A single screen in a widget. Includes a content element, which contains at least one module content A wrapper for the display elements within a Widget page. Contains modules module Contains blocks, controls and nested modules block Contains inline data (text, images, spans) <page> <content> <module> <header layout=&quot;simple&quot;> <layout-items> <block>Greeting</block> </layout-items> </header> <block>Hello World!</block> </module> </content> </page>
  25. 25. Yahoo! Blueprint Platform <ul><li>Thank You </li></ul>CONNECTED LIFE / Y! MOBILE

×