YMDA 09 (ID) - Blueprint

1,629 views

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,629
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

YMDA 09 (ID) - Blueprint

  1. 1. BLUEPRINTthe mobile development platform Prashant Kirtane April 2009
  2. 2. Mobilizing your product Problem Products Developers Diverse handsets Best User Experience = Cost + Effort
  3. 3. Mobile Devices Diversity Problem Multiple brands – multiple phone models Different screen resolutions Multiple operating systems Different memory capabilities
  4. 4. Mobilizing your product Great Everywhere!
  5. 5. BLUEPRINT the mobile development platform
  6. 6. BLUEPRINT the mobile development platform An mobile development platform that makes development easy and is the best way to create compelling mobile experiences for your product!
  7. 7. BLUEPRINT the mobile development platform It’s easy XML markup language. Based on X-Forms. Purely declarative, no new scripting language necessary.
  8. 8. BLUEPRINT the mobile development platform It looks great
  9. 9. BLUEPRINT the mobile development platform It’s Powerful location-based services mapping controls device optimization image & video controls
  10. 10. BLUEPRINT the mobile development platform It’s flexible <map> <module> <placard> <image-list> <table>
  11. 11. BLUEPRINT the mobile development platform It delivers
  12. 12. BLUEPRINT the mobile development platform It’s Monetizable Front Page Y! Mail Y! Weather Y! News Y! Finance Y! Sports Y! Entertainment Y! Maps
  13. 13. BLUEPRINT the mobile development platform Supports thousands of devices
  14. 14. BLUEPRINT the mobile development platform Blueprint Sites new xHTML & HTML browsers Your site Your domain HTTP Headers Request Blueprint Platform On your HTML xHTML or own infrastructure (XML) Blueprint Your Web Server Supports 1000s of devices Available today
  15. 15. BLUEPRINT the mobile development platform Rapid development and time to market 1 Supports 1000’s of devices 2 Great looking – optimized experience 3 Open and cross platform 4 Rich and growing feature set 5
  16. 16. BLUEPRINT the mobile development platform Developer Experience Quick Tutorial
  17. 17. BLUEPRINT the mobile development platform Simple design principle Design to exploit the full High-end mobile devices capabilities of high-end mobile devices Degrade the UI gracefully Low-end mobile devices
  18. 18. BLUEPRINT the mobile development platform Example: Simple page that displays a hard coded message <page> <content> <module> <header layout=quot;simplequot;> <layout-items> <block class=quot;titlequot;>Greeting</block> </layout-items> </header> <block>Hello World!</block> </module> </content> </page>
  19. 19. BLUEPRINT the mobile development platform Example: Adding a button <!-- greet.xml --> <!-- hello_app.xml --> <page> <page> <content> <content> <module> <module> <header layout=quot;simplequot;> <trigger> <layout-items> <label>Click Me!</label> <block class=quot;titlequot;>Greeting</block> <load-page event=quot;activatequot; page=quot;greet.xmlquot; /> </layout-items> </trigger> </header> </module> <block>Hello World!</block> </content> </module> </page> </content> </page>
  20. 20. BLUEPRINT the mobile development platform Example: Create Map <map> <center> <latitude>37.3919</latitude> <longitude>-122.0302</longitude> </center> <map-zoom>6</map-zoom> <map-mode>map</map-mode> <map-showtraffic>false</map-showtraffic> <map-point> <location> <latitude>37.392916</latitude> <longitude>-122.033934</longitude> <street>810 Del Rey Ave</street> <city>Sunnyvale</city> <state>CA</state> <zip></zip> </location> </map-point> </map>
  21. 21. BLUEPRINT the mobile development platform Example: Location controls <location-chooser ref=quot;originquot;> <label>From:</label> </location-chooser> <location-chooser ref=quot;destinationquot;> <label>To:</label> </location-chooser>
  22. 22. BLUEPRINT the mobile development platform What do I need? Any web server Any programming language Any (existing) publishing tools Return Blueprint
  23. 23. BLUEPRINT the mobile development platform Download the Blueprint SDK 1 Blueprint SDK includes  XML Schema definitions  Templates to get started  Mobile Widget Sample Code
  24. 24. BLUEPRINT the mobile development platform Develop your application 2 Create static / dynamic pages to return Blueprint HTTP Headers Request Blueprint Platform xHTML or HTML Blueprint (XML) Your Web Server Content-Type: application/x-blueprint+xml.
  25. 25. BLUEPRINT the mobile development platform Develop your application 2 (Data Flow) Mobile Phone Blueprint platform Your Server Request entry point User opens HTTP request to publisher Widget URI specified in config.xml Blueprint page returned Includes Content-Type header; may include cache-control headers; may include cookies (Cookies stored on Yahoo Application content returned server) User requests new data Request new content HTTP request …
  26. 26. BLUEPRINT the mobile development platform Develop your application 2 (Validate your XMLs) Blueprint SDK provides: 1. blueprint.xsd 2. config.xsd 3. gallery.xsd 4. resources.xsd
  27. 27. BLUEPRINT the mobile development platform Test your application 4 1. Browser http://devtest-yahooid-widgetid.bpapps.com/ (Note: GPS and cell-ID won’t work on desktop browser) 2. Yahoo! Go Emulator: http://mobile.yahoo.com/go/tryit (Note: Only works for Blueprint 1.0)
  28. 28. BLUEPRINT the mobile development platform Upload your application 3 The Blueprint Application Manager Central dashboard for uploading, testing and publishing your Blueprint services. 1. Go to http://mobile.yahoo.com/devcenter/manage 2. Login your Yahoo ID 3. Create project 4. Upload your zip file / package 5. URL devel URL: http://devtest-yahooid-widgetid.bpapps.com/ Test .. Test … Test … Test ..
  29. 29. BLUEPRINT the mobile development platform Publish your application 5 Mobile Sites: Publish using “The Blueprint Application Manager” – no approval needed URL: http://widget-id.bpapps.com Example: http://pkastro.bpapps.com DNS Alias: In your DNS server’s configuration file, create a CNAME m.astrology.com. IN CNAME pkastro.bpapps.com. Go to Blueprint application manager – and add the alias to the application Yahoo Go Widgets: While publishing – you will have an option of distributing your application as part of the Yahoo Go gallery – subject to approval
  30. 30. BLUEPRINT the mobile development platform Questions?

×