• Save
YMDA 09 (ID) - Blueprint
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • 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
2,372
On Slideshare
2,360
From Embeds
12
Number of Embeds
2

Actions

Shares
Downloads
0
Comments
0
Likes
2

Embeds 12

http://advision.webevents.yahoo.com 10
http://blog.naver.com 2

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?