• Like
Overview of Live.com Gadgets
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Overview of Live.com Gadgets

  • 437 views
Published

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 …

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
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
437
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
6
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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