1 / 25

Yahoo! Blueprint Platform

Yahoo! Blueprint Platform. A Developer’s Overview Open Hack Day. CONNECTED LIFE / Y! MOBILE. Always with the user. Location awareness. Communication device. Truly Personal & Mass Market. The Mobile Opportunity. CONNECTED LIFE. Multiple brands – Multiple phone models.

armando-carver
Download Presentation

Yahoo! Blueprint Platform

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Yahoo! Blueprint Platform • A Developer’s Overview • Open Hack Day CONNECTED LIFE / Y! MOBILE

  2. Always with the user Location awareness Communication device Truly Personal & Mass Market The Mobile Opportunity CONNECTED LIFE

  3. Multiple brands – Multiple phone models Multiple Operating Systems Different screen resolutions Different memory capabilities The Problem CONNECTED LIFE

  4. Why another platform? Because nothing exists that can do this. CONNECTED LIFE

  5. Blueprint coverage Coverage Symbian Java ME XHTML Blueprint Android iPhone Technology CONNECTED LIFE

  6. Yahoo! Blueprint Platform CONNECTED LIFE

  7. Blueprint Yahoo! Blueprint Platform • Is an XML markup set based partly on XForms • Is a purely declarative language – includes no scripting or procedural code • Enforces a strict, highly abstracted user-interface model • Incorporates cutting edge features like - location-based services- maps- SSL - tables CONNECTED LIFE

  8. Blueprint Development Process CONNECTED LIFE / Y! MOBILE

  9. Any web-server Use any scripting language Use any existing publishing tools Return Blueprint! Building Mobile Services on Blueprint.What Do I Need? CONNECTED LIFE

  10. Download the Blueprint SDK Building Mobile Widget 1 • http://mobile.yahoo.com/developers/download CONNECTED LIFE

  11. Download the Blueprint SDK Building Mobile Widget 1 • Blueprint SDK • XML Schema definitions • Templates to get started • Mobile Widget Sample Code • Online Developer Guide CONNECTED LIFE

  12. Develop your widget 2. Create static/dynamic pages to return Blueprint 3. Create your application package and submit Building Mobile Widget 2 2 3 Yahoo! Server Widget Request HTTP Request Widget Content Blueprint (XML) Your Web Server Widget Submission Application Package CONNECTED LIFE

  13. Data flow Building Mobile Widget Yahoo! Server Your Server Mobile Phone Request entry point User opens Widget HTTP request to Widget publisherURI 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 (Cookies stored on Yahoo! server) Widget content returned User requests new data Request new content HTTP request … CONNECTED LIFE

  14. Interfacing with Yahoo! Servers Building Mobile Widget 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 Content Type for Blueprint Services: Content-Type: application/x-blueprint+xml Use only the UTF-8 character set. CONNECTED LIFE

  15. 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. Building Mobile Widget CONNECTED LIFE

  16. Package your widget Building Mobile Widget 3 • Application Package is a zip file containing • config.xml • Application metadata, including the URL for your web server • gallery.xml • Information for the widget gallery • Image Files • Includes icons and screen shots (for the gallery) CONNECTED LIFE

  17. Upload your mobile widget Building Mobile Widget 4 • http://mobile.yahoo.com/developers/manage/project • Package the widget files into a zip archive • Upload the .zip file • Remember to be signed in CONNECTED LIFE

  18. Test your mobile widget Building Mobile Widget 5 • 1. Yahoo! Go Emulator:http://mobile.yahoo.com/go/tryit • (Note: External links won’t work) 2. HTML Browserhttp://devtest.m.yahoo.com (Note: GPS and cell-ID won’t work on desktop browser) CONNECTED LIFE

  19. Publish your mobile widget Building Mobile Widget 6 • http://mobile.yahoo.com/developers/manage/publish CONNECTED LIFE

  20. Download the Blueprint SDK Develop your widget Package your widget Upload your mobile widget Test your mobile widget Publish your mobile widget Widgets development processSummary 1 2 3 4 5 6 CONNECTED LIFE

  21. Get the SDK Get Help! Links & Support • Download the SDKhttp://mobile.yahoo.com/developers/download • HACK DAY SUPPORTblueprint-hack-support@yahoo-inc.com • Yahoo! Tech Grouphttp://tech.groups.yahoo.com/group/yhoomobiledevelopers • Read the Blueprint Bloghttp://mobile.yahoo.net/developer/blog CONNECTED LIFE

  22. Blueprint Language(for Reference only) CONNECTED LIFE / Y! MOBILE

  23. UI Elements Containers are Grouping elements. They contain containers as well as controls and inline elements Inline elements contain text, references, or simple presentation constructs. Non UI Elements includes Overview of the Blueprint Language Form-support components Controls presents content to the user and allow data input. They contain other controls as well as inline elements Containers Controls Inline elements Events Actions CONNECTED LIFE

  24. UI Elements: Containers Overview of the Blueprint Language <page> <content> <module> <header layout="simple"> <layout-items> <block>Greeting</block> </layout-items> </header> <block>Hello World!</block> </module> </content> </page> Hello World! Widget Example Note: Please check Blueprint documentation to know about all the other constructs CONNECTED LIFE

  25. Yahoo! Blueprint Platform • Thank You CONNECTED LIFE / Y! MOBILE

More Related