0
Y! Open Mail  教戰手冊   WenChi Wang 17 th  Oct. 2009
Agenda <ul><li>Introduction </li></ul><ul><li>Building your first OpenMail application   </li></ul><ul><li>Reference </li>...
Introduction
Application Scope <ul><li>Accessing Mail Features </li></ul><ul><ul><li>Application can get access to user’s e-mail conten...
Building your first OpenMail application
Becoming a YMDP developer <ul><li>Setup Account </li></ul><ul><ul><li>Send the following information to  [email_address] <...
Getting Start for 2009 Open Hack Day <ul><li>Setup Information </li></ul><ul><ul><li>YID :  tw_openhack_[2-20] /  password...
What will be in your App <ul><li>General Setup (一般)  </li></ul><ul><ul><li>Info about your application (name/description/i...
Screenshots
Dev Tool
1.  invite your friend
2. Friend accept application
3. Friend can play your application
Hello World Example  <ul><li>Config  (  應用程式  Tab ) </li></ul><ul><li><openmail_app_config version=&quot;2&quot;> </li></u...
Hello World Example  <ul><li>View  (  檢視  Tab ) </li></ul><ul><li><! DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&q...
Reference
Reference <ul><li>http://developer.yahoo.com/mail/docs/user_guide/ </li></ul>
Happy Hacking!!! Thank You!
Available APIs <ul><li>Web Services </li></ul><ul><ul><li>Request are sent through Adobe Flash </li></ul></ul><ul><ul><li>...
Available APIs contd... <ul><li>Interacting with Mail </li></ul><ul><ul><li>openmail.Mail.compose() - used to compose a ne...
Upcoming SlideShare
Loading in...5
×

Tw Mail Open Hack Day 2

1,919

Published on

yahoo mail 新平台

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide

Transcript of "Tw Mail Open Hack Day 2"

  1. 1. Y! Open Mail 教戰手冊 WenChi Wang 17 th Oct. 2009
  2. 2. Agenda <ul><li>Introduction </li></ul><ul><li>Building your first OpenMail application </li></ul><ul><li>Reference </li></ul>
  3. 3. Introduction
  4. 4. Application Scope <ul><li>Accessing Mail Features </li></ul><ul><ul><li>Application can get access to user’s e-mail content (on a manual drag-drop basis only) ‏ </li></ul></ul><ul><ul><li>Application can trigger a new mail 'Compose' ( but cannot automatically send a mail) ‏ </li></ul></ul><ul><li>Accessing Yahoo! Calender </li></ul><ul><ul><li>Application can ’Add a new event’ </li></ul></ul><ul><li>Accessing user’s data on Yahoo! Network </li></ul><ul><ul><li>Either using YQL or individual Yahoo! Property level webservice (e.g Mail , Answers etc) </li></ul></ul><ul><li>Application Rendering Options </li></ul><ul><ul><li>Tabbed View and Dialog View </li></ul></ul><ul><li>Application Space </li></ul><ul><ul><li>Each application gets a storage space of 5 mb for application components ( js, css, images etc) </li></ul></ul><ul><li>Only available with ’All new Yahoo! Mail’ (not with Yahoo! Mail Classic) </li></ul>
  5. 5. Building your first OpenMail application
  6. 6. Becoming a YMDP developer <ul><li>Setup Account </li></ul><ul><ul><li>Send the following information to [email_address] </li></ul></ul><ul><ul><ul><li>YID </li></ul></ul></ul><ul><ul><ul><li>Bouncer Info (First+Last Name/Company Email/Company Name) </li></ul></ul></ul><ul><li>Active Account </li></ul><ul><ul><li>https://developer.mail.yahoo.com/openmail/dev_activate.php </li></ul></ul><ul><li>Develop your codes </li></ul><ul><ul><li>Web Version: </li></ul></ul><ul><ul><ul><li>http:// developer.mail.yahoo.com/openmail/devtool.php </li></ul></ul></ul><ul><ul><li>Command Line Version : https://developer.mail.yahoo.com/openmail/download_ymdt.php </li></ul></ul><ul><li>Test Your Code </li></ul><ul><ul><li>https:// mail.yahoo.com </li></ul></ul>
  7. 7. Getting Start for 2009 Open Hack Day <ul><li>Setup Information </li></ul><ul><ul><li>YID : tw_openhack_[2-20] / password: hack2009 Bouncer Info : “$YID”/Kimohack2009 </li></ul></ul><ul><li>Enable OpenMail </li></ul><ul><ul><li>http:// developer.mail.yahoo.com/openmail/enable_om.php </li></ul></ul><ul><li>Dev Tool (Web Based) </li></ul><ul><ul><li>http://developer.mail.yahoo.com/openmail/devtool.php </li></ul></ul>
  8. 8. What will be in your App <ul><li>General Setup (一般) </li></ul><ul><ul><li>Info about your application (name/description/icon) </li></ul></ul><ul><li>Application configuration (應用程式) </li></ul><ul><ul><li>XML specification of various meta data </li></ul></ul><ul><li>Views( 檢視) </li></ul><ul><ul><li>Views are simply HTML </li></ul></ul><ul><ul><li>Each page of an open Mail Application is called a view </li></ul></ul><ul><ul><li>An application can be collection of one/more views </li></ul></ul><ul><li>Authorization* </li></ul><ul><ul><li>Oauth (key, secrete, authentication) </li></ul></ul><ul><li>Assets( 資源) * </li></ul><ul><ul><li>JS/CSS </li></ul></ul><ul><ul><li>images for Mail UI </li></ul></ul><ul><ul><li>Total size up to 5 MB </li></ul></ul><ul><li>Legal ( 授權) * </li></ul><ul><ul><li>Oauth (key, secrete, authentication) </li></ul></ul>
  9. 9. Screenshots
  10. 10. Dev Tool
  11. 11. 1. invite your friend
  12. 12. 2. Friend accept application
  13. 13. 3. Friend can play your application
  14. 14. Hello World Example <ul><li>Config ( 應用程式 Tab ) </li></ul><ul><li><openmail_app_config version=&quot;2&quot;> </li></ul><ul><li><data/> </li></ul><ul><li><events> </li></ul><ul><li><click> </li></ul><ul><li><action> </li></ul><ul><li><launch> </li></ul><ul><li><view> main </view> </li></ul><ul><li><target_zone>tab</target_zone> </li></ul><ul><li></launch> </li></ul><ul><li></action> </li></ul><ul><li></click> </li></ul><ul><li></events> </li></ul><ul><li></openmail_app_config> </li></ul>
  15. 15. Hello World Example <ul><li>View ( 檢視 Tab ) </li></ul><ul><li><! DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;> <html> <head> <!-- Required scripts for using the Yahoo Mail Developer Platform API --> <script src=&quot;http://yui.yahooapis.com/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js&quot;></script> <script src=&quot;http://yui.yahooapis.com/2.6.0/build/json/json-min.js&quot;></script> <script src=&quot;http://mail.yimg.com/a/lib/om/crossframe/1.0.18/crossframe-min.js&quot;></script> <script src=&quot;http://mail.yimg.com/a/lib/om/om_api_public/1.0.4/om_api_public.js&quot;></script> </head> <body> <textarea id=&quot;body&quot; cols=&quot;80&quot; rows=&quot;20&quot;>Enter some text and press the compose button.</textarea> <p/> <button onclick=&quot;demoCompose()&quot;>compose</button> <script> function  demoCompose (){ var bodyTxt = document.getElementById('body').value; openmail.Mail.compose ({ to: 'my friend', subject: 'hello world', body: bodyTxt }); } </script> </body> </html> </li></ul>
  16. 16. Reference
  17. 17. Reference <ul><li>http://developer.yahoo.com/mail/docs/user_guide/ </li></ul>
  18. 18. Happy Hacking!!! Thank You!
  19. 19. Available APIs <ul><li>Web Services </li></ul><ul><ul><li>Request are sent through Adobe Flash </li></ul></ul><ul><ul><li>Requests have a crossdomain.xml file configured to accept '*.yimg.com' domains </li></ul></ul><ul><ul><li>Use openmail.Application.callWebService method to make the call </li></ul></ul><ul><ul><li>More info at http://om0001.mail.mud.yahoo.com/om/docs/OpenapiPublic/Application.html </li></ul></ul><ul><li>For generating Views </li></ul><ul><ul><li>openmail.Application.openView() </li></ul></ul><ul><ul><li>openmail.Application.closeView() </li></ul></ul><ul><ul><li>More info at http://om0001.mail.mud.yahoo.com/om/docs/OpenapiPublic/Application.html </li></ul></ul>
  20. 20. Available APIs contd... <ul><li>Interacting with Mail </li></ul><ul><ul><li>openmail.Mail.compose() - used to compose a new mail </li></ul></ul><ul><ul><li>openmail.Mail.search() - this method will initiate a keyword search inside mail </li></ul></ul><ul><ul><li>More info at http://om0001.mail.mud.yahoo.com/om/docs/OpenapiPublic/Mail.html </li></ul></ul><ul><li>Accessing Application Data </li></ul><ul><ul><li>openmail.Application.setData() – persistently stores the given key-value pair object in the application space </li></ul></ul><ul><ul><li>Openmail.Application.getData() – retrieve the values of the keys from the application space </li></ul></ul><ul><ul><li>More info at http://om0001.mail.mud.yahoo.com/om/docs/OpenapiPublic/Application.html </li></ul></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×