Date post: | 19-Sep-2014 |
Category: |
Technology |
View: | 946 times |
Download: | 2 times |
Overview Of Live.Com Overview Of Live.Com GadgetsGadgets
Sanaz AhariSanaz AhariProgram ManagerProgram ManagerLive.comLive.comMicrosoft CorporationMicrosoft Corporation
1
NGW038NGW038
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
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
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
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
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
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
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
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
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
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
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
Live.comLive.com
13
Importance Of DesignImportance Of Design
Phillip BensaidPhillip BensaidUX Design ManagerUX Design Managerfrog designfrog design
14
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
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
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
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
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
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
Importance of designImportance of design
Live.comLive.com
Importance of designImportance of design
DesktopDesktop
Gadget DevelopmentGadget Development
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 ……
……
Building Gadgets Building Gadgets Using AtlasfxUsing Atlasfx
26
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
Gadget: AtlasFXGadget: AtlasFX
28
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
Gadget: Bindings Gadget: Bindings
A mashup of podbop.Org A mashup of podbop.Org and flickrand flickr
30
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
Gadget Ecosystem Gadget Ecosystem
Live.comLive.com
Gadget Ecosystem Gadget Ecosystem
Live.comLive.com
Live searchLive search
Live ShoppingLive Shopping
Live ToolbarLive Toolbar
Live mailLive mail
Gadget Ecosystem Gadget Ecosystem
OutlookOutlook
Live.comLive.com
Live searchLive search
Live ShoppingLive Shopping
Live ToolbarLive Toolbar
OneNoteOneNote
Live mailLive mail
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
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
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
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
Certified GadgetsCertified Gadgets
39
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]
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
Questions?Questions?
© 2006 Microsoft Corporation. All rights reserved.This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.