P. 1
Overview of Live.com Gadgets

Overview of Live.com Gadgets

Views: 145|Likes:
Published by Best Tech Videos
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.

Watch a video at http://www.bestechvideos.com/2009/03/23/mix06-overview-of-live-com-gadgets
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.

Watch a video at http://www.bestechvideos.com/2009/03/23/mix06-overview-of-live-com-gadgets

More info:

Published by: Best Tech Videos on Mar 24, 2009
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

08/10/2015

pdf

text

original

NGW038

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

1

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

What Is Live.Com?
Mini applications or Mashups… Consume services Apply presentation and behaviors Simple to use and personalize

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 Are Gadgets?
Mini applications or Mashups…
Consume services Apply presentation and behaviors Simple to use and personalize

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

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

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

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

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

Live.com

13

Importance Of Design

Phillip Bensaid UX Design Manager frog design

14

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

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

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

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

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

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

Importance of design
Live.com

Importance of design
Desktop

Gadget Development

Gadgets Development Model: Overview
development models HTML ATLAS WPF …

Host services settings

state

profile

Gadget Host Live.com

sidebar

Other sites

Building Gadgets Using Atlasfx

26

Gadgets Development Model: Live.com
Atlas FX 2 patterns bindings core runtime

development models ATLAS HTML Host services settings state profile … WPF …

Gadget Host Live.com

sidebar

Other sites

Gadget: AtlasFX

28

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

Gadget: Bindings

A mashup of podbop.Org and flickr

30

Binding Pattern
Structure (xhtml)

CSS Selectors
Presentation (css) Binding (Script+Atlas)

Cleanly separate presentation, structure, and the binding behavior
CSS Selector model acts as the universal "glue"

Gadget Ecosystem

Live.com

Gadget Ecosystem

Live Shopping

Live.com
Live mail Live search Live Toolbar

Gadget Ecosystem

Live Shopping

Live.com
Live mail Outlook Live Toolbar

OneNote

Live search

Gadget Ecosystem
Media center OS Live Shopping

One Care

Live.com
Live mail Outlook Live Toolbar My documents

OneNote Sharepoint

Live search

Gadget Ecosystem
Media center OS

Amazon

Flickr
Live Shopping One Care

Live.com
Live mail Outlook Live Toolbar

OneNote Sharepoint

Live search

Fox Sports
My documents

eBay

Gadget Ecosystem
Live spaces
Amazon
Media center OS

Flickr

Sidebar
OneNote Sharepoint

Live Shopping

One Care

Live.com Live Clipboard
MCE
Live mail Outlook Live Toolbar

Live search

Fox Sports
My documents

eBay

Mobile

Gadget Ecosystem
Live spaces
Amazon
Media center OS

HTML

Flickr

Sidebar
OneNote Sharepoint

Live.com Live Clipboard
MCE
Live mail Outlook Live Toolbar

WPF

Live Shopping

One Care

Live search

Fox Sports
My documents

eBay

Mobile

Atlas

Certified Gadgets

39

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

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
41

Questions?

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

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->