Overview Of Live.Com Gadgets Sanaz Ahari Program Manager Live.com Microsoft Corporation NGW038
Agenda <ul><li>Live.com overview </li></ul><ul><li>Mashup, web 2.0 and gadgets </li></ul><ul><li>Demo:  Live.com </li></ul...
What Is Live.Com? <ul><li>Mini applications or Mashups…  </li></ul><ul><li>Consume services </li></ul><ul><li>Apply presen...
What Is Live.Com? <ul><li>Mini applications or Mashups…  </li></ul><ul><li>Consume services </li></ul><ul><li>Apply presen...
What Is Live.Com? <ul><li>Mini applications or Mashups…  </li></ul><ul><li>Consume services </li></ul><ul><li>Apply presen...
What Is Live.Com? <ul><li>Mini applications or Mashups…  </li></ul><ul><li>Consume services </li></ul><ul><li>Apply presen...
What Are Gadgets? <ul><li>Mini applications or Mashups…  </li></ul><ul><ul><li>Consume services </li></ul></ul><ul><ul><li...
So What’s The Big Deal? <ul><li>Mashup  </li></ul><ul><li>a web app that “re-mixes” data from one or more services to crea...
So What’s The Big Deal? <ul><li>Mashup  </li></ul><ul><li>a web app that “re-mixes” data from one or more services to crea...
So What’s The Big Deal? <ul><li>Live.com embraces web 2.0 and mashups </li></ul><ul><ul><li>Providing a canvas for hosting...
So What’s The Big Deal? <ul><li>Live.com embraces web 2.0 and mashups </li></ul><ul><ul><li>Providing a canvas for hosting...
So What’s The Big Deal? <ul><li>Live.com embraces web 2.0 and mashups </li></ul><ul><ul><li>Providing a canvas for hosting...
Live.com
Importance Of Design Phillip Bensaid UX Design Manager frog design
Importance Of Design <ul><li>Cutting-edge interaction design possibilities thanks to AJAX </li></ul><ul><ul><li>More like ...
Importance Of Design <ul><li>Cutting-edge interaction design possibilities thanks to AJAX </li></ul><ul><ul><li>More like ...
Importance Of Design <ul><li>Cutting-edge interaction design possibilities thanks to AJAX </li></ul><ul><ul><li>More like ...
Importance Of Design <ul><li>Gadget portability and rich media design opportunities </li></ul><ul><ul><li>My experience is...
Importance Of Design <ul><li>Gadget portability and rich media design opportunities </li></ul><ul><ul><li>My experience is...
 
Importance Of Design <ul><li>Gadget portability and rich media design opportunities </li></ul><ul><ul><li>My experience is...
Importance of design Live.com
Importance of design <ul><li>Desktop </li></ul>
Gadget Development
Gadgets Development Model:  Overview Gadget Host  Host services development models Live.com sidebar Other sites … settings...
Building Gadgets Using Atlasfx
Gadgets Development Model:  Live.com Gadget Host  Host services development models sidebar Other sites … settings profile ...
Gadget:  AtlasFX
Benefits Of AtlasFX <ul><li>HTML Atlas xml-script and JavaScript that can target the Atlas libraries </li></ul><ul><li>Dec...
Gadget:  Bindings  A mashup of podbop.Org and flickr
Binding Pattern <ul><li>Cleanly separate presentation, structure, and the binding behavior </li></ul><ul><ul><li>CSS Selec...
Gadget Ecosystem  Live.com
Gadget Ecosystem  Live.com Live search Live Shopping Live Toolbar Live mail
Gadget Ecosystem  Outlook Live.com Live search Live Shopping Live Toolbar OneNote Live mail
Gadget Ecosystem  Outlook Live.com Live search One Care Live Shopping Live Toolbar OneNote Sharepoint Media center OS Live...
Gadget Ecosystem  Outlook Flickr Live.com Live search One Care Live Shopping Live Toolbar OneNote Sharepoint Media center ...
Gadget Ecosystem  Outlook Flickr Live spaces Sidebar Mobile Live.com Live search One Care Live Shopping Live Toolbar OneNo...
Gadget Ecosystem  Atlas HTML WPF My documents Outlook Flickr Live spaces Sidebar Mobile Live.com Live search One Care Live...
Certified Gadgets
Certified gadgets <ul><li>Premium placement </li></ul><ul><li>Advanced APIs and tighter integration with live.com and Wind...
Things To Check Out <ul><li>Sessions on DVD post show </li></ul><ul><ul><li>Monday 3:00  – NGW014 – Developing a Better Us...
Questions?
© 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes n...
Upcoming SlideShare
Loading in …5
×

Overview of Live.com Gadgets

651 views
548 views

Published on

Live.com, the front-door to Windows Live, enables users to consume and manage their services in one place using gadgets. Learn about the benefits of live.com, the use of AJAX and "Atlas" for building rich gadgets, and reaching Windows Live customers by building gadgets.

*
Sanaz Ahari

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
651
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Overview of Live.com Gadgets

  1. 1. Overview Of Live.Com Gadgets Sanaz Ahari Program Manager Live.com Microsoft Corporation NGW038
  2. 2. Agenda <ul><li>Live.com overview </li></ul><ul><li>Mashup, web 2.0 and gadgets </li></ul><ul><li>Demo: Live.com </li></ul><ul><li>Importance of design </li></ul><ul><li>Gadget overview </li></ul><ul><li>Demo: Gadget using ASP.NET framework </li></ul><ul><li>Demo: Gadget using bindings </li></ul><ul><li>Gadget ecosystem </li></ul>
  3. 3. What Is Live.Com? <ul><li>Mini applications or Mashups… </li></ul><ul><li>Consume services </li></ul><ul><li>Apply presentation and behaviors </li></ul><ul><li>Simple to use and personalize </li></ul>
  4. 4. What Is Live.Com? <ul><li>Mini applications or Mashups… </li></ul><ul><li>Consume services </li></ul><ul><li>Apply presentation and behaviors </li></ul><ul><li>Simple to use and personalize </li></ul>
  5. 5. What Is Live.Com? <ul><li>Mini applications or Mashups… </li></ul><ul><li>Consume services </li></ul><ul><li>Apply presentation and behaviors </li></ul><ul><li>Simple to use and personalize </li></ul>
  6. 6. What Is Live.Com? <ul><li>Mini applications or Mashups… </li></ul><ul><li>Consume services </li></ul><ul><li>Apply presentation and behaviors </li></ul><ul><li>Simple to use and personalize </li></ul>
  7. 7. What Are Gadgets? <ul><li>Mini applications or Mashups… </li></ul><ul><ul><li>Consume services </li></ul></ul><ul><ul><li>Apply presentation and behaviors </li></ul></ul><ul><ul><li>Simple to use and personalize </li></ul></ul>
  8. 8. So What’s The Big Deal? <ul><li>Mashup </li></ul><ul><li>a web app that “re-mixes” data from one or more services to create new experiences </li></ul><ul><li>Web 2.0 </li></ul><ul><li>buzzword incorporating whatever is newly popular on the Web </li></ul>
  9. 9. So What’s The Big Deal? <ul><li>Mashup </li></ul><ul><li>a web app that “re-mixes” data from one or more services to create new experiences </li></ul><ul><li>Web 2.0 </li></ul><ul><li>buzzword incorporating whatever is newly popular on the Web </li></ul>
  10. 10. So What’s The Big Deal? <ul><li>Live.com embraces web 2.0 and mashups </li></ul><ul><ul><li>Providing a canvas for hosting gadgets </li></ul></ul><ul><ul><li>Providing multiple ways for building gadgets </li></ul></ul><ul><li>Core part of the gadget eco-system </li></ul><ul><li>Unique gadgets </li></ul><ul><ul><li>That make windows… live </li></ul></ul><ul><ul><li>That unify windows live services </li></ul></ul>
  11. 11. So What’s The Big Deal? <ul><li>Live.com embraces web 2.0 and mashups </li></ul><ul><ul><li>Providing a canvas for hosting gadgets </li></ul></ul><ul><ul><li>Providing multiple ways for building gadgets </li></ul></ul><ul><li>Core part of the gadget eco-system </li></ul><ul><li>Unique gadgets </li></ul><ul><ul><li>That make windows… live </li></ul></ul><ul><ul><li>That unify windows live services </li></ul></ul>
  12. 12. So What’s The Big Deal? <ul><li>Live.com embraces web 2.0 and mashups </li></ul><ul><ul><li>Providing a canvas for hosting gadgets </li></ul></ul><ul><ul><li>Providing multiple ways for building gadgets </li></ul></ul><ul><li>Core part of the gadget eco-system </li></ul><ul><li>Unique gadgets </li></ul><ul><ul><li>That make windows… live </li></ul></ul><ul><ul><li>That unify windows live services </li></ul></ul>
  13. 13. Live.com
  14. 14. Importance Of Design Phillip Bensaid UX Design Manager frog design
  15. 15. Importance Of Design <ul><li>Cutting-edge interaction design possibilities thanks to AJAX </li></ul><ul><ul><li>More like an application than a web page </li></ul></ul><ul><ul><ul><li>In-line, non-modal interactions </li></ul></ul></ul><ul><ul><ul><li>Data is real-time, all-the-time </li></ul></ul></ul><ul><ul><li>An emphasis on discoverability </li></ul></ul><ul><ul><ul><li>Simple controls for powerful features </li></ul></ul></ul><ul><ul><ul><li>Multiple presentation states for information </li></ul></ul></ul><ul><ul><ul><li>I can try everything for free </li></ul></ul></ul>
  16. 16. Importance Of Design <ul><li>Cutting-edge interaction design possibilities thanks to AJAX </li></ul><ul><ul><li>More like an application than a web page </li></ul></ul><ul><ul><ul><li>In-line, non-modal interactions </li></ul></ul></ul><ul><ul><ul><li>Data is real-time, all-the-time </li></ul></ul></ul><ul><ul><li>An emphasis on discoverability </li></ul></ul><ul><ul><ul><li>Simple controls for powerful features </li></ul></ul></ul><ul><ul><ul><li>Multiple presentation states for information </li></ul></ul></ul><ul><ul><ul><li>I can try everything for free </li></ul></ul></ul>
  17. 17. Importance Of Design <ul><li>Cutting-edge interaction design possibilities thanks to AJAX </li></ul><ul><ul><li>More like an application than a web page </li></ul></ul><ul><ul><ul><li>In-line, non-modal interactions </li></ul></ul></ul><ul><ul><ul><li>Data is real-time, all-the-time </li></ul></ul></ul><ul><ul><li>An emphasis on discoverability </li></ul></ul><ul><ul><ul><li>Simple controls for powerful features </li></ul></ul></ul><ul><ul><ul><li>Multiple presentation states for information </li></ul></ul></ul><ul><ul><ul><li>I can try everything for free </li></ul></ul></ul>
  18. 18. Importance Of Design <ul><li>Gadget portability and rich media design opportunities </li></ul><ul><ul><li>My experience is easily customized and follows me wherever I go </li></ul></ul><ul><ul><li>Appropriate bandwidth to bling ratio: i.e. simple and speedy for the web, rich and immersive for the desktop </li></ul></ul>
  19. 19. Importance Of Design <ul><li>Gadget portability and rich media design opportunities </li></ul><ul><ul><li>My experience is easily customized and follows me wherever I go </li></ul></ul><ul><ul><li>Appropriate bandwidth to bling ratio: i.e. simple and speedy for the web, rich and immersive for the desktop </li></ul></ul>
  20. 21. Importance Of Design <ul><li>Gadget portability and rich media design opportunities </li></ul><ul><ul><li>My experience is easily customized and follows me wherever I go </li></ul></ul><ul><ul><li>Appropriate bandwidth to bling ratio: i.e. simple and speedy for the web, rich and immersive for the desktop </li></ul></ul>
  21. 22. Importance of design Live.com
  22. 23. Importance of design <ul><li>Desktop </li></ul>
  23. 24. Gadget Development
  24. 25. Gadgets Development Model: Overview Gadget Host Host services development models Live.com sidebar Other sites … settings state profile HTML ATLAS WPF … …
  25. 26. Building Gadgets Using Atlasfx
  26. 27. Gadgets Development Model: Live.com Gadget Host Host services development models sidebar Other sites … settings profile HTML WPF … … Live.com ATLAS state core runtime bindings Atlas FX 2 patterns
  27. 28. Gadget: AtlasFX
  28. 29. Benefits Of AtlasFX <ul><li>HTML Atlas xml-script and JavaScript that can target the Atlas libraries </li></ul><ul><li>Declarative markup gives tooling support </li></ul><ul><li>Auto-generated manifest </li></ul><ul><li>Atlas framework can be targeted by asp.net controls and asp.net gadgets can, in the future, use regular server controls </li></ul>
  29. 30. Gadget: Bindings A mashup of podbop.Org and flickr
  30. 31. Binding Pattern <ul><li>Cleanly separate presentation, structure, and the binding behavior </li></ul><ul><ul><li>CSS Selector model acts as the universal &quot;glue&quot; </li></ul></ul>Structure (xhtml) Presentation (css) Binding (Script+Atlas) CSS Selectors
  31. 32. Gadget Ecosystem Live.com
  32. 33. Gadget Ecosystem Live.com Live search Live Shopping Live Toolbar Live mail
  33. 34. Gadget Ecosystem Outlook Live.com Live search Live Shopping Live Toolbar OneNote Live mail
  34. 35. Gadget Ecosystem Outlook Live.com Live search One Care Live Shopping Live Toolbar OneNote Sharepoint Media center OS Live mail My documents
  35. 36. Gadget Ecosystem Outlook Flickr Live.com Live search One Care Live Shopping Live Toolbar OneNote Sharepoint Media center OS eBay Fox Sports Amazon Live mail My documents
  36. 37. Gadget Ecosystem Outlook Flickr Live spaces Sidebar Mobile Live.com Live search One Care Live Shopping Live Toolbar OneNote Sharepoint Media center OS eBay Fox Sports MCE Amazon Live mail Live Clipboard My documents
  37. 38. Gadget Ecosystem Atlas HTML WPF My documents Outlook Flickr Live spaces Sidebar Mobile Live.com Live search One Care Live Shopping Live Toolbar OneNote Sharepoint Media center OS eBay Amazon Fox Sports MCE Live mail Live Clipboard
  38. 39. Certified Gadgets
  39. 40. Certified gadgets <ul><li>Premium placement </li></ul><ul><li>Advanced APIs and tighter integration with live.com and Windows Live services </li></ul><ul><li>No iFrames and security warnings </li></ul><ul><li>Contact us at onlive@microsoft.com </li></ul>
  40. 41. Things To Check Out <ul><li>Sessions on DVD post show </li></ul><ul><ul><li>Monday 3:00 – NGW014 – Developing a Better User Experience with &quot;Atlas“ </li></ul></ul><ul><ul><li>Tuesday 1:30 – NGW052 – Designing a Better User Experience with AJAX and “Atlas” </li></ul></ul><ul><ul><li>Tuesday 3:00 – NGW038 – Overview of Live.com Gadgets </li></ul></ul><ul><ul><li>Tuesday 3:00 – NGW054 – Building an Application from Scratch with ASP.NET 2.0 </li></ul></ul><ul><li>Upcoming Sessions </li></ul><ul><ul><li>Wednesday 10:00 – NGW002 – Building Components and Services for the Programmable Web </li></ul></ul><ul><li>Labs @ the Sandbox </li></ul><ul><li>Code @ weblogs.asp.net/bleroy </li></ul><ul><li>Engage @ </li></ul><ul><ul><li>atlas.asp.net </li></ul></ul><ul><ul><li>microsoftgadgets.com </li></ul></ul>
  41. 42. Questions?
  42. 43. © 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

×