YMDA 09 (ID) - Blueprint

  • 1,292 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,292
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
2

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

Transcript

  • 1. BLUEPRINTthe mobile development platform Prashant Kirtane April 2009
  • 2. Mobilizing your product Problem Products Developers Diverse handsets Best User Experience = Cost + Effort
  • 3. Mobile Devices Diversity Problem Multiple brands – multiple phone models Different screen resolutions Multiple operating systems Different memory capabilities
  • 4. Mobilizing your product Great Everywhere!
  • 5. BLUEPRINT the mobile development platform
  • 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. BLUEPRINT the mobile development platform It’s easy XML markup language. Based on X-Forms. Purely declarative, no new scripting language necessary.
  • 8. BLUEPRINT the mobile development platform It looks great
  • 9. BLUEPRINT the mobile development platform It’s Powerful location-based services mapping controls device optimization image & video controls
  • 10. BLUEPRINT the mobile development platform It’s flexible <map> <module> <placard> <image-list> <table>
  • 11. BLUEPRINT the mobile development platform It delivers
  • 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. BLUEPRINT the mobile development platform Supports thousands of devices
  • 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. 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. BLUEPRINT the mobile development platform Developer Experience Quick Tutorial
  • 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. 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. 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. 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. 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. BLUEPRINT the mobile development platform What do I need? Any web server Any programming language Any (existing) publishing tools Return Blueprint
  • 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. 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. 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. 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. 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. 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. 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. BLUEPRINT the mobile development platform Questions?