BLUEPRINTthe mobile development platform




Prashant Kirtane
April 2009
Mobilizing your product
Problem




   Products        Developers    Diverse handsets




    Best User Experience = Cost ...
Mobile Devices Diversity
Problem



         Multiple brands – multiple phone models

               Different screen reso...
Mobilizing your product
Great Everywhere!
BLUEPRINT
    the mobile development platform
BLUEPRINT
            the mobile development platform


 An mobile development platform that
makes development easy and is...
BLUEPRINT  the mobile development platform


                         It’s easy

XML markup
language.
Based on X-Forms.

P...
BLUEPRINT
    the mobile development platform


     It looks great
BLUEPRINT    the mobile development platform


                    It’s Powerful

location-based services

mapping control...
BLUEPRINT
                 the mobile development platform


                       It’s flexible
               <map>
<mo...
BLUEPRINT
    the mobile development platform


        It delivers
BLUEPRINT     the mobile development platform


              It’s Monetizable
 Front Page      Y! Mail      Y! Weather   ...
BLUEPRINT
        the mobile development platform


 Supports thousands of devices
BLUEPRINT      the mobile development platform


                        Blueprint Sites                   new

xHTML & HT...
BLUEPRINT    the mobile development platform


    Rapid development and time to market
1




    Supports 1000’s of devic...
BLUEPRINT
    the mobile development platform




   Developer Experience
          Quick Tutorial
BLUEPRINT    the mobile development platform


        Simple design principle

                                        De...
BLUEPRINT            the mobile development platform


Example: Simple page that displays a hard coded message



<page>
<...
BLUEPRINT               the mobile development platform


                               Example: Adding a button

       ...
BLUEPRINT              the mobile development platform


                                Example: Create Map

<map>
<cente...
BLUEPRINT          the mobile development platform


                       Example: Location controls

<location-chooser ...
BLUEPRINT      the mobile development platform


                What do I need?

       Any web server



 Any programmin...
BLUEPRINT    the mobile development platform


        Download the Blueprint SDK
 1




Blueprint SDK includes
 XML Sche...
BLUEPRINT          the mobile development platform


    Develop your application
2




    Create static / dynamic pages ...
BLUEPRINT           the mobile development platform

                Develop your application
   2
                (Data F...
BLUEPRINT     the mobile development platform

      Develop your application
 2
      (Validate your XMLs)

Blueprint SDK...
BLUEPRINT      the mobile development platform


         Test your application
  4




1. Browser http://devtest-yahooid-...
BLUEPRINT       the mobile development platform


          Upload your application
  3



The Blueprint Application Manag...
BLUEPRINT              the mobile development platform


              Publish your application
   5



Mobile Sites:
Publ...
BLUEPRINT
       the mobile development platform



 Questions?
Upcoming SlideShare
Loading in...5
×

YMDA 09 (ID) - Blueprint

1,357

Published on

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

No Downloads
Views
Total Views
1,357
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "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?

×