SlideShare a Scribd company logo
1 of 22
BLUEPRINT

  Quick Development Tutorial
     Mobile Monday Silicon Valley @ Yahoo!, December 1


                          Markus Spiering
I want to build stuff. Today.

• Platform Overview

• Blueprint Language Concept

• Steps to (Widget-) Success

                                BLUEPRINT
BLUEPRINT   the mobile platform




 Yahoo! Blueprint Apps      3rd Party Blueprint Apps



         Blueprint language specification


Infrastructure      Runtimes                SDK
    Gallery          Yahoo! Go         Developer Tools
  Monetization      Mobile Apps          Reference
   Analytics        Mobile Sites          Tutorials
Blueprint Language: What’s that exactly?


        XML mark-up language, based on X-Forms




             No scripting or procedural code



      Provides rich mobile core features and services




                          EASY!



                                                        BLUEPRINT
Blueprint XML: Create a Page!
Creating a simple “Hello World” mobile application with Blueprint XML is as easy as:


  <page>
     <content>
         <module>
            <header layout=quot;simplequot;>
            <layout-items>
                <block class=quot;titlequot;>MoMo @ Y!</block>
            </layout-items>
            </header>
            <block>Hello World!</block>
         </module>
     </content>
  </page>




                                                                                       BLUEPRINT
Blueprint XML: Create a nicer Page!
Use Placards to enhance your design with pre-defined layouts using block elements and images


  <page>
    <content>
     <module>
      <header layout=quot;simplequot;>
       <layout-items>
         <block class=quot;titlequot;>MoMo @ Y!</block>
       </layout-items>
      </header>
      <placard layout=quot;cardquot;>
       <layout-items>
         <image resource=quot;...blueprint.pngquot; />
          <block>Hello World!</block>
          <block class=quot;subtextquot;>
           Blueprint @ MoMo
          </block>
       </layout-items>
      </placard>
     </module>
    </content>
  </page>




                                                                                              BLUEPRINT
Blueprint XML: Create a Map!
Even complex controls like a mobile map can be easily defined in Blueprint XML.



   <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
Blueprint Control: Location
Blueprint makes it easy to create location-based services by providing the user’s location to the developer/publisher.


  <location-chooser ref=quot;originquot;>
     <label>From:</label>
  </location-chooser>

  <location-chooser ref=quot;destinationquot;>
     <label>To:</label>
  </location-chooser>




   Locations can be retrieved by manual input from the user or automatically, via GPS or cell-
   tower data, on platforms and devices that support these services.




                                                                                                                 BLUEPRINT
Creating Blueprint Services: What do I need?


                   Any web-server




             Use any scripting language




           Use any existing publishing tools




                  Return Blueprint!


                                               BLUEPRINT
Building Mobile Widget
1      Download the Blueprint SDK




                                    BLUEPRINT
Building Mobile Widget
1              Download the Blueprint SDK



    Blueprint SDK includes
• Blueprint Documentation

• XML Schema definitions

• Templates to get started

• Mobile Widget Sample Code

• PHP helper class (blueprint.php)



                                            BLUEPRINT
Building Mobile Widget
      2                              Develop your Widget



                    Widget Request                        HTTP Request

                                          Yahoo! Server
                    Widget Content                        Blueprint (XML)

                                                                              Your
2. Create static/                                                           Web Server
dynamic pages
    to return                             Widget
    Blueprint                         Submission                                2

3. Create your
  application                               Application
 package and                                 Package
    submit

                                                   3

                                                                                BLUEPRINT
Building Mobile Widget
                                                 Data flow

       Mobile Phone                             Yahoo! Server                               Your Server

                        Request entry point
    User opens                                             HTTP request to Widget publisher
        Widget                                                URI specified in config.xml

                                                         Includes language and location headers


                                                                  Blueprint page returned

                                                       Includes Content-Type header; may include
                                                       cache-control headers; may include cookies
                                                                  for Widget publisher

                                                         (Cookies stored on Yahoo!
                      Widget content returned            server)

User requests
     new data          Request new content
                                                                    HTTP request …



                                                                                                    BLUEPRINT
Building Mobile Widget
                     Interfacing with Yahoo! Servers

Content Type for Blueprint Services:
Content-Type: application/x-ywidget+xml
Use only the UTF-8 character set.



Using Cookies:
Your server can set/retrieve cookies exactly as if you are serving HTML instead of Blueprint
markup.
The cookies are stored on Yahoo! servers


Cache Control:
Wherever possible, Blueprint pages are cached on the user’s device. To control caching, use
the following standard HTTP headers when serving pages: Cache-Control, ETag, and If-
None-Match. Only these headers affect caching


                                                                                    BLUEPRINT
Building Mobile Widget
                     Interfacing with Yahoo! Servers
Internationalization and Localization:
When Yahoo! Mobile application server sends a page request, the request may contain
several HTTP headers, including:


Accept-Language
RFC 4646/4647 language code
(Example: Accept-Language: en-US)


Geo-Country
ISO 3166 country or UN M.49 region code
(Example: Geo-Country: CA)


You can use the information in the headers to decide what content to return.



                                                                               BLUEPRINT
Building Mobile Widget
3                          Package your Widget

Application Package is a zip file
  containing
• config.xml

    • Application metadata, including the URL for
      your web server

• gallery.xml

    • Information for the widget gallery

• Image Files

    • Includes icons and screen shots (for the
      gallery)


                                                    BLUEPRINT
Building Mobile Widget
4                Upload your mobile Widget

• http://mobile.yahoo.com/developers/test/upload
• Package the widget files into a zip archive
• Upload the .zip file




                                                   BLUEPRINT
Building Mobile Widget
5                        Test your mobile Widget

1. Yahoo! Go Emulator: http://mobile.yahoo.com/go/tryit
    (Note: External links won’t work)




                      2. Web Browser http://devtest.m.yahoo.com
                      (Note: GPS and cell-ID won’t work on desktop browser)




                                                                         BLUEPRINT
Building Mobile Widget
6               Publish your mobile Widget
• http://mobile.yahoo.com/developers/submit/upload
• Please test your widget before publishing
• It may take 1 week for the approval process




                                                     BLUEPRINT
Widgets Development Process Summary

1          Download the Blueprint SDK

2              Develop your Widget

3              Package your Widget

4           Upload your mobile Widget

5            Test your mobile Widget

6           Publish your mobile Widget

                                         BLUEPRINT
Get Numbers: Blueprint Analytics




The new Yahoo! Blueprint Analytics page uses a Flash module to display the following data:
unique devices, page views, average page views per unique device. Each item is available on a daily, weekly, and monthly
basis as well for all supported regions worldwide.

Blueprint Analytics is available from the Developer’s Dashboard page at: http://mobile.yahoo.com/developers/manage.




                                                                                                                  BLUEPRINT
Links & Support
                         Get the SDK

• Download the SDK
  http://mobile.yahoo.com/developers/download


                           Get Help!

• Yahoo! Tech Group
  http://tech.groups.yahoo.com/group/yhoomobiledevelopers
• Read the Blueprint Blog
  http://mobile.yahoo.net/developer/blog

                                                     BLUEPRINT

More Related Content

Viewers also liked

Curriculum delineante v2
Curriculum delineante v2Curriculum delineante v2
Curriculum delineante v2
Juli65
 
11. 7. 2012 TZ RegioJet nabídka pro studenty
11. 7. 2012 TZ RegioJet nabídka pro studenty11. 7. 2012 TZ RegioJet nabídka pro studenty
11. 7. 2012 TZ RegioJet nabídka pro studenty
RegioJet
 
Cash flow statement prep
Cash flow statement prepCash flow statement prep
Cash flow statement prep
Rakesh Gandhari
 
Duracion
DuracionDuracion
Duracion
agilvar
 
Informe final de pefa 2011
Informe final de pefa 2011Informe final de pefa 2011
Informe final de pefa 2011
FOPRIDEH
 
Resume for Latif Bouraima-Ondulaye.docx
Resume for Latif Bouraima-Ondulaye.docxResume for Latif Bouraima-Ondulaye.docx
Resume for Latif Bouraima-Ondulaye.docx
Latif Bouraima
 
Sistema operativo computacion
Sistema operativo computacionSistema operativo computacion
Sistema operativo computacion
JUANCARLOSROMRAM
 

Viewers also liked (19)

Curriculum delineante v2
Curriculum delineante v2Curriculum delineante v2
Curriculum delineante v2
 
11. 7. 2012 TZ RegioJet nabídka pro studenty
11. 7. 2012 TZ RegioJet nabídka pro studenty11. 7. 2012 TZ RegioJet nabídka pro studenty
11. 7. 2012 TZ RegioJet nabídka pro studenty
 
Resumen 8
Resumen 8Resumen 8
Resumen 8
 
Vamos a charlar
Vamos a charlarVamos a charlar
Vamos a charlar
 
Paying attention, by Part of 2nd Assignment with Prof. Tina Seelig, Stanford ...
Paying attention, by Part of 2nd Assignment with Prof. Tina Seelig, Stanford ...Paying attention, by Part of 2nd Assignment with Prof. Tina Seelig, Stanford ...
Paying attention, by Part of 2nd Assignment with Prof. Tina Seelig, Stanford ...
 
Philips eColor Cove MX Powercore Spec Sheet
Philips eColor Cove MX Powercore Spec SheetPhilips eColor Cove MX Powercore Spec Sheet
Philips eColor Cove MX Powercore Spec Sheet
 
Cash flow statement prep
Cash flow statement prepCash flow statement prep
Cash flow statement prep
 
Duracion
DuracionDuracion
Duracion
 
Maternidad gibraltar
Maternidad gibraltarMaternidad gibraltar
Maternidad gibraltar
 
Pryvit!
Pryvit!Pryvit!
Pryvit!
 
Explicacion de un proyecto keila y maria
Explicacion de un proyecto keila y mariaExplicacion de un proyecto keila y maria
Explicacion de un proyecto keila y maria
 
Informe final de pefa 2011
Informe final de pefa 2011Informe final de pefa 2011
Informe final de pefa 2011
 
8th European Angiology Days
8th European Angiology Days8th European Angiology Days
8th European Angiology Days
 
Resume for Latif Bouraima-Ondulaye.docx
Resume for Latif Bouraima-Ondulaye.docxResume for Latif Bouraima-Ondulaye.docx
Resume for Latif Bouraima-Ondulaye.docx
 
ILIC Dejan - MSc: Secure Business Computation by using Garbled Circuits in a ...
ILIC Dejan - MSc: Secure Business Computation by using Garbled Circuits in a ...ILIC Dejan - MSc: Secure Business Computation by using Garbled Circuits in a ...
ILIC Dejan - MSc: Secure Business Computation by using Garbled Circuits in a ...
 
Colonniello scardino stock
Colonniello scardino stockColonniello scardino stock
Colonniello scardino stock
 
Sistema operativo computacion
Sistema operativo computacionSistema operativo computacion
Sistema operativo computacion
 
Programa Electoral AEAO Municipales 2015
Programa Electoral AEAO Municipales 2015Programa Electoral AEAO Municipales 2015
Programa Electoral AEAO Municipales 2015
 
Circuit couleurs de la montagne tonkinoise 16 jours dès 845 usd
Circuit couleurs de la montagne tonkinoise 16 jours dès 845 usdCircuit couleurs de la montagne tonkinoise 16 jours dès 845 usd
Circuit couleurs de la montagne tonkinoise 16 jours dès 845 usd
 

Similar to Quick Yahoo! Blueprint Tutorial

201507_NeoHsu_Portfolio
201507_NeoHsu_Portfolio201507_NeoHsu_Portfolio
201507_NeoHsu_Portfolio
Neo Hsu
 

Similar to Quick Yahoo! Blueprint Tutorial (20)

WRT Introduction P11 2009
WRT Introduction P11 2009WRT Introduction P11 2009
WRT Introduction P11 2009
 
Yahoo @ Nike
Yahoo @ NikeYahoo @ Nike
Yahoo @ Nike
 
201507_NeoHsu_Portfolio
201507_NeoHsu_Portfolio201507_NeoHsu_Portfolio
201507_NeoHsu_Portfolio
 
Simple stock market analysis
Simple stock market analysisSimple stock market analysis
Simple stock market analysis
 
Phonegap android angualr material design
Phonegap android angualr material designPhonegap android angualr material design
Phonegap android angualr material design
 
Apps & Widgets in Mobile Learning
Apps & Widgets in Mobile LearningApps & Widgets in Mobile Learning
Apps & Widgets in Mobile Learning
 
Basics of web runtime
Basics of web runtimeBasics of web runtime
Basics of web runtime
 
Basics of web runtime
Basics of web runtimeBasics of web runtime
Basics of web runtime
 
Basics of web runtime
Basics of web runtimeBasics of web runtime
Basics of web runtime
 
Basics of web runtime
Basics of web runtimeBasics of web runtime
Basics of web runtime
 
Hybrid mobile apps
Hybrid mobile appsHybrid mobile apps
Hybrid mobile apps
 
WRT Widgets Masterclass - OverTheAir
WRT Widgets Masterclass - OverTheAirWRT Widgets Masterclass - OverTheAir
WRT Widgets Masterclass - OverTheAir
 
HTML 5 - A developers perspective
HTML 5 - A developers perspectiveHTML 5 - A developers perspective
HTML 5 - A developers perspective
 
Mobile Web Rock
Mobile Web RockMobile Web Rock
Mobile Web Rock
 
Miha Lesjak Mobilizing The Web with Web Runtime
Miha Lesjak Mobilizing The Web with Web RuntimeMiha Lesjak Mobilizing The Web with Web Runtime
Miha Lesjak Mobilizing The Web with Web Runtime
 
#MBLTdev: Разработка backend для мобильного приложения с использованием Googl...
#MBLTdev: Разработка backend для мобильного приложения с использованием Googl...#MBLTdev: Разработка backend для мобильного приложения с использованием Googl...
#MBLTdev: Разработка backend для мобильного приложения с использованием Googl...
 
Top Ten Tips for HTML5/Mobile Web Development
Top Ten Tips for HTML5/Mobile Web DevelopmentTop Ten Tips for HTML5/Mobile Web Development
Top Ten Tips for HTML5/Mobile Web Development
 
Desktop apps with node webkit
Desktop apps with node webkitDesktop apps with node webkit
Desktop apps with node webkit
 
Yahoo Mobile Widgets
Yahoo Mobile WidgetsYahoo Mobile Widgets
Yahoo Mobile Widgets
 
What's new in Portal and WCM 8.5
What's new in Portal and WCM 8.5What's new in Portal and WCM 8.5
What's new in Portal and WCM 8.5
 

Recently uploaded

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Recently uploaded (20)

Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 

Quick Yahoo! Blueprint Tutorial

  • 1. BLUEPRINT Quick Development Tutorial Mobile Monday Silicon Valley @ Yahoo!, December 1 Markus Spiering
  • 2. I want to build stuff. Today. • Platform Overview • Blueprint Language Concept • Steps to (Widget-) Success BLUEPRINT
  • 3. BLUEPRINT the mobile platform Yahoo! Blueprint Apps 3rd Party Blueprint Apps Blueprint language specification Infrastructure Runtimes SDK Gallery Yahoo! Go Developer Tools Monetization Mobile Apps Reference Analytics Mobile Sites Tutorials
  • 4. Blueprint Language: What’s that exactly? XML mark-up language, based on X-Forms No scripting or procedural code Provides rich mobile core features and services EASY! BLUEPRINT
  • 5. Blueprint XML: Create a Page! Creating a simple “Hello World” mobile application with Blueprint XML is as easy as: <page> <content> <module> <header layout=quot;simplequot;> <layout-items> <block class=quot;titlequot;>MoMo @ Y!</block> </layout-items> </header> <block>Hello World!</block> </module> </content> </page> BLUEPRINT
  • 6. Blueprint XML: Create a nicer Page! Use Placards to enhance your design with pre-defined layouts using block elements and images <page> <content> <module> <header layout=quot;simplequot;> <layout-items> <block class=quot;titlequot;>MoMo @ Y!</block> </layout-items> </header> <placard layout=quot;cardquot;> <layout-items> <image resource=quot;...blueprint.pngquot; /> <block>Hello World!</block> <block class=quot;subtextquot;> Blueprint @ MoMo </block> </layout-items> </placard> </module> </content> </page> BLUEPRINT
  • 7. Blueprint XML: Create a Map! Even complex controls like a mobile map can be easily defined in Blueprint XML. <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
  • 8. Blueprint Control: Location Blueprint makes it easy to create location-based services by providing the user’s location to the developer/publisher. <location-chooser ref=quot;originquot;> <label>From:</label> </location-chooser> <location-chooser ref=quot;destinationquot;> <label>To:</label> </location-chooser> Locations can be retrieved by manual input from the user or automatically, via GPS or cell- tower data, on platforms and devices that support these services. BLUEPRINT
  • 9. Creating Blueprint Services: What do I need? Any web-server Use any scripting language Use any existing publishing tools Return Blueprint! BLUEPRINT
  • 10. Building Mobile Widget 1 Download the Blueprint SDK BLUEPRINT
  • 11. Building Mobile Widget 1 Download the Blueprint SDK Blueprint SDK includes • Blueprint Documentation • XML Schema definitions • Templates to get started • Mobile Widget Sample Code • PHP helper class (blueprint.php) BLUEPRINT
  • 12. Building Mobile Widget 2 Develop your Widget Widget Request HTTP Request Yahoo! Server Widget Content Blueprint (XML) Your 2. Create static/ Web Server dynamic pages to return Widget Blueprint Submission 2 3. Create your application Application package and Package submit 3 BLUEPRINT
  • 13. Building Mobile Widget Data flow Mobile Phone Yahoo! Server Your Server Request entry point User opens HTTP request to Widget publisher Widget URI specified in config.xml Includes language and location headers Blueprint page returned Includes Content-Type header; may include cache-control headers; may include cookies for Widget publisher (Cookies stored on Yahoo! Widget content returned server) User requests new data Request new content HTTP request … BLUEPRINT
  • 14. Building Mobile Widget Interfacing with Yahoo! Servers Content Type for Blueprint Services: Content-Type: application/x-ywidget+xml Use only the UTF-8 character set. Using Cookies: Your server can set/retrieve cookies exactly as if you are serving HTML instead of Blueprint markup. The cookies are stored on Yahoo! servers Cache Control: Wherever possible, Blueprint pages are cached on the user’s device. To control caching, use the following standard HTTP headers when serving pages: Cache-Control, ETag, and If- None-Match. Only these headers affect caching BLUEPRINT
  • 15. Building Mobile Widget Interfacing with Yahoo! Servers Internationalization and Localization: When Yahoo! Mobile application server sends a page request, the request may contain several HTTP headers, including: Accept-Language RFC 4646/4647 language code (Example: Accept-Language: en-US) Geo-Country ISO 3166 country or UN M.49 region code (Example: Geo-Country: CA) You can use the information in the headers to decide what content to return. BLUEPRINT
  • 16. Building Mobile Widget 3 Package your Widget Application Package is a zip file containing • config.xml • Application metadata, including the URL for your web server • gallery.xml • Information for the widget gallery • Image Files • Includes icons and screen shots (for the gallery) BLUEPRINT
  • 17. Building Mobile Widget 4 Upload your mobile Widget • http://mobile.yahoo.com/developers/test/upload • Package the widget files into a zip archive • Upload the .zip file BLUEPRINT
  • 18. Building Mobile Widget 5 Test your mobile Widget 1. Yahoo! Go Emulator: http://mobile.yahoo.com/go/tryit (Note: External links won’t work) 2. Web Browser http://devtest.m.yahoo.com (Note: GPS and cell-ID won’t work on desktop browser) BLUEPRINT
  • 19. Building Mobile Widget 6 Publish your mobile Widget • http://mobile.yahoo.com/developers/submit/upload • Please test your widget before publishing • It may take 1 week for the approval process BLUEPRINT
  • 20. Widgets Development Process Summary 1 Download the Blueprint SDK 2 Develop your Widget 3 Package your Widget 4 Upload your mobile Widget 5 Test your mobile Widget 6 Publish your mobile Widget BLUEPRINT
  • 21. Get Numbers: Blueprint Analytics The new Yahoo! Blueprint Analytics page uses a Flash module to display the following data: unique devices, page views, average page views per unique device. Each item is available on a daily, weekly, and monthly basis as well for all supported regions worldwide. Blueprint Analytics is available from the Developer’s Dashboard page at: http://mobile.yahoo.com/developers/manage. BLUEPRINT
  • 22. Links & Support Get the SDK • Download the SDK http://mobile.yahoo.com/developers/download Get Help! • Yahoo! Tech Group http://tech.groups.yahoo.com/group/yhoomobiledevelopers • Read the Blueprint Blog http://mobile.yahoo.net/developer/blog BLUEPRINT