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

YMDA 09 (ID) - Blueprint

on

  • 2,244 views

 

Statistics

Views

Total Views
2,244
Slideshare-icon Views on SlideShare
2,232
Embed Views
12

Actions

Likes
2
Downloads
0
Comments
0

2 Embeds 12

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

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    YMDA 09 (ID) - Blueprint YMDA 09 (ID) - Blueprint Presentation Transcript

    • BLUEPRINTthe mobile development platform Prashant Kirtane April 2009
    • Mobilizing your product Problem Products Developers Diverse handsets Best User Experience = Cost + Effort
    • Mobile Devices Diversity Problem Multiple brands – multiple phone models Different screen resolutions Multiple operating systems Different memory capabilities
    • 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 the best way to create compelling mobile experiences for your product!
    • BLUEPRINT the mobile development platform It’s easy XML markup language. Based on X-Forms. Purely declarative, no new scripting language necessary.
    • BLUEPRINT the mobile development platform It looks great
    • BLUEPRINT the mobile development platform It’s Powerful location-based services mapping controls device optimization image & video controls
    • BLUEPRINT the mobile development platform It’s flexible <map> <module> <placard> <image-list> <table>
    • BLUEPRINT the mobile development platform It delivers
    • BLUEPRINT the mobile development platform It’s Monetizable Front Page Y! Mail Y! Weather Y! News Y! Finance Y! Sports Y! Entertainment Y! Maps
    • BLUEPRINT the mobile development platform Supports thousands of devices
    • 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
    • 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
    • BLUEPRINT the mobile development platform Developer Experience Quick Tutorial
    • 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
    • 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>
    • 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>
    • 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>
    • 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>
    • BLUEPRINT the mobile development platform What do I need? Any web server Any programming language Any (existing) publishing tools Return Blueprint
    • BLUEPRINT the mobile development platform Download the Blueprint SDK 1 Blueprint SDK includes  XML Schema definitions  Templates to get started  Mobile Widget Sample Code
    • 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.
    • 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 …
    • 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
    • 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)
    • 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 ..
    • 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
    • BLUEPRINT the mobile development platform Questions?