overview of live.com gadgets

43
Overview Of Live.Com Overview Of Live.Com Gadgets Gadgets Sanaz Ahari Sanaz Ahari Program Manager Program Manager Live.com Live.com Microsoft Corporation Microsoft Corporation 1 NGW038 NGW038

Post on 19-Sep-2014

949 views

Category:

Technology


2 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Overview of Live.com Gadgets

Overview Of Live.Com Overview Of Live.Com GadgetsGadgets

Sanaz AhariSanaz AhariProgram ManagerProgram ManagerLive.comLive.comMicrosoft CorporationMicrosoft Corporation

1

NGW038NGW038

Page 2: Overview of Live.com Gadgets

AgendaAgenda

Live.com overviewLive.com overviewMashup, web 2.0 and gadgetsMashup, web 2.0 and gadgetsDemo: Live.comDemo: Live.comImportance of designImportance of designGadget overviewGadget overviewDemo: Gadget using ASP.NET Demo: Gadget using ASP.NET frameworkframeworkDemo: Gadget using bindingsDemo: Gadget using bindingsGadget ecosystemGadget ecosystem

Page 3: Overview of Live.com Gadgets

What Is Live.Com?What Is Live.Com?

Mini applications or Mashups… Mini applications or Mashups…

Consume servicesConsume services

Apply presentation and behaviors Apply presentation and behaviors

Simple to use and personalizeSimple to use and personalize

3

Page 4: Overview of Live.com Gadgets

What Is Live.Com?What Is Live.Com?

Mini applications or Mashups… Mini applications or Mashups…

Consume servicesConsume services

Apply presentation and behaviors Apply presentation and behaviors

Simple to use and personalizeSimple to use and personalize

4

Page 5: Overview of Live.com Gadgets

What Is Live.Com?What Is Live.Com?

Mini applications or Mashups… Mini applications or Mashups…

Consume servicesConsume services

Apply presentation and behaviors Apply presentation and behaviors

Simple to use and personalizeSimple to use and personalize

5

Page 6: Overview of Live.com Gadgets

What Is Live.Com?What Is Live.Com?

Mini applications or Mashups… Mini applications or Mashups…

Consume servicesConsume services

Apply presentation and behaviors Apply presentation and behaviors

Simple to use and personalizeSimple to use and personalize

6

Page 7: Overview of Live.com Gadgets

What Are Gadgets?What Are Gadgets?

Mini applications Mini applications or Mashups… or Mashups…

Consume servicesConsume services

Apply presentation Apply presentation and behaviors and behaviors

Simple to use Simple to use and personalizeand personalize

Page 8: Overview of Live.com Gadgets

So What’s The Big Deal?So What’s The Big Deal?

Mashup Mashup a web app that “re-mixes” a web app that “re-mixes” data from one or more data from one or more services to create services to create new experiencesnew experiences

Web 2.0Web 2.0

buzzword incorporating buzzword incorporating whatever is newly popular on whatever is newly popular on the Web the Web

Page 9: Overview of Live.com Gadgets

So What’s The Big Deal?So What’s The Big Deal?

Mashup Mashup a web app that “re-mixes” a web app that “re-mixes” data from one or more data from one or more services to create services to create new experiencesnew experiences

Web 2.0Web 2.0

buzzword incorporating buzzword incorporating whatever is newly popular on whatever is newly popular on the Web the Web

Page 10: Overview of Live.com Gadgets

So What’s The Big Deal?So What’s The Big Deal?

Live.com embraces web 2.0 and mashupsLive.com embraces web 2.0 and mashupsProviding a canvas for hosting gadgetsProviding a canvas for hosting gadgetsProviding multiple ways for building gadgetsProviding multiple ways for building gadgets

Core part of the gadget eco-systemCore part of the gadget eco-systemUnique gadgetsUnique gadgets

That make windows… liveThat make windows… liveThat unify windows live servicesThat unify windows live services

Page 11: Overview of Live.com Gadgets

So What’s The Big Deal?So What’s The Big Deal?

Live.com embraces web 2.0 and mashupsLive.com embraces web 2.0 and mashupsProviding a canvas for hosting gadgetsProviding a canvas for hosting gadgetsProviding multiple ways for building gadgetsProviding multiple ways for building gadgets

Core part of the gadget eco-systemCore part of the gadget eco-systemUnique gadgetsUnique gadgets

That make windows… liveThat make windows… liveThat unify windows live servicesThat unify windows live services

Page 12: Overview of Live.com Gadgets

So What’s The Big Deal?So What’s The Big Deal?

Live.com embraces web 2.0 and mashupsLive.com embraces web 2.0 and mashupsProviding a canvas for hosting gadgetsProviding a canvas for hosting gadgetsProviding multiple ways for building gadgetsProviding multiple ways for building gadgets

Core part of the gadget eco-systemCore part of the gadget eco-systemUnique gadgetsUnique gadgets

That make windows… liveThat make windows… liveThat unify windows live servicesThat unify windows live services

Page 13: Overview of Live.com Gadgets

Live.comLive.com

13

Page 14: Overview of Live.com Gadgets

Importance Of DesignImportance Of Design

Phillip BensaidPhillip BensaidUX Design ManagerUX Design Managerfrog designfrog design

14

Page 15: Overview of Live.com Gadgets

Importance Of DesignImportance Of Design

Cutting-edge interaction design Cutting-edge interaction design possibilities thanks to AJAXpossibilities thanks to AJAX

More like an application than a web pageMore like an application than a web pageIn-line, non-modal interactionsIn-line, non-modal interactions

Data is real-time, all-the-timeData is real-time, all-the-time

An emphasis on discoverabilityAn emphasis on discoverabilitySimple controls for powerful featuresSimple controls for powerful features

Multiple presentation states for informationMultiple presentation states for information

I can try everything for freeI can try everything for free

Page 16: Overview of Live.com Gadgets

Importance Of DesignImportance Of Design

Cutting-edge interaction design Cutting-edge interaction design possibilities thanks to AJAXpossibilities thanks to AJAX

More like an application than a web pageMore like an application than a web pageIn-line, non-modal interactionsIn-line, non-modal interactions

Data is real-time, all-the-timeData is real-time, all-the-time

An emphasis on discoverabilityAn emphasis on discoverabilitySimple controls for powerful featuresSimple controls for powerful features

Multiple presentation states for informationMultiple presentation states for information

I can try everything for freeI can try everything for free

Page 17: Overview of Live.com Gadgets

Importance Of DesignImportance Of Design

Cutting-edge interaction design Cutting-edge interaction design possibilities thanks to AJAXpossibilities thanks to AJAX

More like an application than a web pageMore like an application than a web pageIn-line, non-modal interactionsIn-line, non-modal interactions

Data is real-time, all-the-timeData is real-time, all-the-time

An emphasis on discoverabilityAn emphasis on discoverabilitySimple controls for powerful featuresSimple controls for powerful features

Multiple presentation states for informationMultiple presentation states for information

I can try everything for freeI can try everything for free

Page 18: Overview of Live.com Gadgets

Importance Of DesignImportance Of Design

Gadget portability and rich media Gadget portability and rich media design opportunitiesdesign opportunities

My experience is easily customized and My experience is easily customized and follows me wherever I gofollows me wherever I go

Appropriate bandwidth to bling ratio: Appropriate bandwidth to bling ratio: i.e. simple and speedy for the web,i.e. simple and speedy for the web,rich and immersive for the desktoprich and immersive for the desktop

Page 19: Overview of Live.com Gadgets

Importance Of DesignImportance Of Design

Gadget portability and rich media Gadget portability and rich media design opportunitiesdesign opportunities

My experience is easily customized and My experience is easily customized and follows me wherever I gofollows me wherever I go

Appropriate bandwidth to bling ratio: Appropriate bandwidth to bling ratio: i.e. simple and speedy for the web,i.e. simple and speedy for the web,rich and immersive for the desktoprich and immersive for the desktop

Page 20: Overview of Live.com Gadgets
Page 21: Overview of Live.com Gadgets

Importance Of DesignImportance Of Design

Gadget portability and rich media Gadget portability and rich media design opportunitiesdesign opportunities

My experience is easily customized and My experience is easily customized and follows me wherever I gofollows me wherever I go

Appropriate Appropriate bandwidth to blingbandwidth to bling ratio: ratio: i.e. simple and speedy for the web,i.e. simple and speedy for the web,rich and immersive for the desktoprich and immersive for the desktop

Page 22: Overview of Live.com Gadgets

Importance of designImportance of design

Live.comLive.com

Page 23: Overview of Live.com Gadgets

Importance of designImportance of design

DesktopDesktop

Page 24: Overview of Live.com Gadgets

Gadget DevelopmentGadget Development

Page 25: Overview of Live.com Gadgets

Gadgets Development Gadgets Development Model: OverviewModel: Overview

Gadget Host Gadget Host

Host servicesHost services

development modelsdevelopment models

Live.comLive.com sidebarsidebar Other sitesOther sites ……

settingssettingsstatestate profileprofile

HTMLHTML ATLASATLAS WPFWPF ……

……

Page 26: Overview of Live.com Gadgets

Building Gadgets Building Gadgets Using AtlasfxUsing Atlasfx

26

Page 27: Overview of Live.com Gadgets

Gadgets Development Gadgets Development Model: Live.comModel: Live.com

Gadget Host Gadget Host

Host servicesHost services

development modelsdevelopment models

sidebarsidebar Other sitesOther sites ……

settingssettingsprofileprofile

HTMLHTML WPFWPF ……

……

Live.comLive.com

ATLASATLAS

statestate

core runtimecore runtime

bindingsbindings

Atlas FX Atlas FX 2 patterns2 patterns

Page 28: Overview of Live.com Gadgets

Gadget: AtlasFXGadget: AtlasFX

28

Page 29: Overview of Live.com Gadgets

Benefits Of AtlasFXBenefits Of AtlasFX

HTML Atlas xml-script and JavaScript HTML Atlas xml-script and JavaScript that can target the Atlas librariesthat can target the Atlas libraries

Declarative markup gives Declarative markup gives tooling supporttooling support

Auto-generated manifestAuto-generated manifest

Atlas framework can be targeted by Atlas framework can be targeted by asp.net controls and asp.net gadgets asp.net controls and asp.net gadgets can, in the future, use regular can, in the future, use regular server controlsserver controls

Page 30: Overview of Live.com Gadgets

Gadget: Bindings Gadget: Bindings

A mashup of podbop.Org A mashup of podbop.Org and flickrand flickr

30

Page 31: Overview of Live.com Gadgets

Binding PatternBinding Pattern

Cleanly separate presentation, Cleanly separate presentation, structure, and the binding behaviorstructure, and the binding behavior

CSS Selector model acts as the universal CSS Selector model acts as the universal "glue""glue"

Structure(xhtml)

Presentation(css)

Binding(Script+Atlas)

CSSSelectors

Page 32: Overview of Live.com Gadgets

Gadget Ecosystem Gadget Ecosystem

Live.comLive.com

Page 33: Overview of Live.com Gadgets

Gadget Ecosystem Gadget Ecosystem

Live.comLive.com

Live searchLive search

Live ShoppingLive Shopping

Live ToolbarLive Toolbar

Live mailLive mail

Page 34: Overview of Live.com Gadgets

Gadget Ecosystem Gadget Ecosystem

OutlookOutlook

Live.comLive.com

Live searchLive search

Live ShoppingLive Shopping

Live ToolbarLive Toolbar

OneNoteOneNote

Live mailLive mail

Page 35: Overview of Live.com Gadgets

Gadget Ecosystem Gadget Ecosystem

OutlookOutlook

Live.comLive.com

Live searchLive search

One CareOne CareLive ShoppingLive Shopping

Live ToolbarLive Toolbar

OneNoteOneNote

SharepointSharepoint

Media center OSMedia center OS

Live mailLive mail

My documentsMy documents

Page 36: Overview of Live.com Gadgets

Gadget Ecosystem Gadget Ecosystem

OutlookOutlook

FlickrFlickr

Live.comLive.com

Live searchLive search

One CareOne CareLive ShoppingLive Shopping

Live ToolbarLive Toolbar

OneNoteOneNote

SharepointSharepoint

Media center OSMedia center OS

eBayeBayFox SportsFox Sports

AmazonAmazon

Live mailLive mail

My documentsMy documents

Page 37: Overview of Live.com Gadgets

Gadget Ecosystem Gadget Ecosystem

OutlookOutlook

FlickrFlickrLive spacesLive spaces

SidebarSidebar

MobileMobile

Live.comLive.com

Live searchLive search

One CareOne CareLive ShoppingLive Shopping

Live ToolbarLive Toolbar

OneNoteOneNote

SharepointSharepoint

Media center OSMedia center OS

eBayeBayFox SportsFox Sports

MCEMCE

AmazonAmazon

Live mailLive mailLive ClipboardLive Clipboard

My documentsMy documents

Page 38: Overview of Live.com Gadgets

Gadget Ecosystem Gadget Ecosystem

AtlasAtlas

HTMLHTML

WPFWPF

My documentsMy documents

OutlookOutlook

FlickrFlickrLive spacesLive spaces

SidebarSidebar

MobileMobile

Live.comLive.com

Live searchLive search

One CareOne CareLive ShoppingLive Shopping

Live ToolbarLive Toolbar

OneNoteOneNote

SharepointSharepoint

Media center OSMedia center OS

eBayeBay

AmazonAmazon

Fox SportsFox Sports

MCEMCELive mailLive mail

Live ClipboardLive Clipboard

Page 39: Overview of Live.com Gadgets

Certified GadgetsCertified Gadgets

39

Page 40: Overview of Live.com Gadgets

Certified gadgetsCertified gadgets

Premium placementPremium placement

Advanced APIs and tighter integration Advanced APIs and tighter integration with live.com and Windows with live.com and Windows Live servicesLive services

No iFrames and security warningsNo iFrames and security warnings

Contact us at [email protected] us at [email protected]

Page 41: Overview of Live.com Gadgets

Things To Check OutThings To Check Out

Sessions on DVD post showSessions on DVD post showMonday 3:00Monday 3:00 – NGW014 – Developing a Better User – NGW014 – Developing a Better User Experience with "Atlas“ Experience with "Atlas“ Tuesday 1:30Tuesday 1:30 – NGW052 – Designing a Better User – NGW052 – Designing a Better User Experience with AJAX and “Atlas”Experience with AJAX and “Atlas”Tuesday 3:00Tuesday 3:00 – NGW038 – Overview of Live.com Gadgets – NGW038 – Overview of Live.com GadgetsTuesday 3:00Tuesday 3:00 – NGW054 – Building an Application from – NGW054 – Building an Application from Scratch with ASP.NET 2.0Scratch with ASP.NET 2.0

Upcoming SessionsUpcoming SessionsWednesday 10:00Wednesday 10:00 – NGW002 – Building Components and – NGW002 – Building Components and Services for the Programmable WebServices for the Programmable Web

Labs @ the SandboxLabs @ the SandboxCode @ Code @ weblogs.asp.net/bleroyweblogs.asp.net/bleroyEngage @ Engage @

atlas.asp.netatlas.asp.net microsoftgadgets.commicrosoftgadgets.com

41

Page 42: Overview of Live.com Gadgets

Questions?Questions?

Page 43: Overview of Live.com Gadgets

© 2006 Microsoft Corporation. All rights reserved.This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.