TWOHD_Blueprint

1,549 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
1,549
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

TWOHD_Blueprint

  1. 1. Blueprint Peter Yang Programmer Commerce Engineering [email_address]
  2. 2. Outline <ul><li>What is Blueprint </li></ul><ul><li>Blueprint Application Manager </li></ul><ul><li>Blueprint Language </li></ul><ul><li>Reference </li></ul><ul><li>Q&A </li></ul>
  3. 3. What is Blueprint NOKIA N95 2.8 吋 BlackBerry 9000 BlackBerry 9500 3.25 吋 Apple iphone 3.5 吋
  4. 4. What is Blueprint Sony Ericsson W810i Palm Treo 650
  5. 5. What is Blueprint <ul><li>You code once, we optimize for thousands. </li></ul><ul><li>Yahoo!'s platform for developing and distributing mobile Internet services </li></ul><ul><li>allowing developers to maximize their reach across thousands of mobile devices with minimum effort </li></ul>
  6. 6. What is Blueprint BluePrint Server yourServer.com Config.xml
  7. 7. What is Blueprint BluePrint Server yourServer.com Xml file Html file
  8. 8. X-Device-User-Agent <ul><li>iPhone </li></ul><ul><ul><li>Mozilla/5.0 (iPhone; U; CPU like Mac OS X; de-de) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/… Safari/… </li></ul></ul><ul><li>NokiaN95 </li></ul><ul><ul><li>Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaN95_8GB/31.0.015; Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413&quot; ) </li></ul></ul>
  9. 9. Blueprint Application Manager <ul><li>How to apply to test account </li></ul>
  10. 10. Blueprint Application Manager <ul><li>http://mobile.yahoo.com/devcenter/manage </li></ul>
  11. 11. config.xml
  12. 14. Blueprint Language <ul><li>http headers </li></ul><ul><li>Module </li></ul><ul><li>Placard </li></ul><ul><li>block </li></ul><ul><li>load-page </li></ul><ul><li>Image </li></ul><ul><li>submit </li></ul>
  13. 15. http headers <ul><li>header( &quot;Content-Type: application/ x-blueprint+xml &quot; ); </li></ul>
  14. 16. Overview
  15. 17. module
  16. 18. placard
  17. 19. block
  18. 20. load-page
  19. 21. image
  20. 22. image <ul><li>fill-style=&quot;fit“ </li></ul><ul><li>fill-style=&quot;fill“ </li></ul>
  21. 23. image fill-style=&quot;fill“ fill-style=&quot;fit“
  22. 24. image <ul><li>Size=“small” </li></ul><ul><li>Size=“large” </li></ul><ul><li>Size=“x-large” </li></ul><ul><li>Size=“xx-large” </li></ul><ul><li>Size=“xxx-large” </li></ul><ul><li>Size=“photo” </li></ul>
  23. 25. image <ul><li>Originan image : 600px × 448px , 66.09 KB </li></ul><ul><li>Mobile image : 240px × 180px , 10.32 KB </li></ul>
  24. 26. fill-style=&quot;fit“ fill-style=&quot;fill“ iphone BlackBerry
  25. 27. submit
  26. 28. submit
  27. 29. Reference <ul><li>YDN Yahoo! Mobile </li></ul><ul><ul><li>http://developer.yahoo.com/mobile/ </li></ul></ul><ul><li>Yahoo! Blueprint Language Guide </li></ul><ul><ul><li>http:// developer.yahoo.com /mobile/blueprint/ </li></ul></ul>
  28. 30. Questions?

×