John EldridgeLIVE Evangelist

Web 2.0, Gadgets, and beyond!

RSS

AJAX

XML

Monetization

OSSSearch

Idm

Blogs

HTML 3.2

DHTML

HTML

1.0

SSL 3.0

FLASH 1.0

“AJAX”

FLASH 4.0

CSS

REAL

AUDIO

bu

sin

ess

op

po

rtu

nity

MTV.COM (1996)

MTV.COM (2005)

THE USER EXPERIENCE HAS COMEA LONG WAY

DriversBusiness

Monetisation

Ad Based

Longtail

Enterprise 2.0

Viral systems

Innovation

Cost

Social• Web 2.0

• Gaming

• Creativity

• Communication and collaboration

• Social Relationships (trust / rating)

• Power of numbers

Technical• Bandwidth

• Power at the Edge

• Devices

• Instant deployment

• SaaS

• SOA

Technology• REST

• AJAX

• Dynamic Languages

• RSS / ATOM / SSE

• Blogs and Wiki’s

• WS*

The Evolution Of Applications

Rigid, Closed Systems

Provided ability to post, store and view information

Centered around the industry, not the user

Mashups / Web 2.0

Multiple back end systems presented in user centric way

Web searches become a strategic asset for customer loyalty

Blend of Use Models

Both thin client and intelligent client

Provide the appropriate user experience

WHAT IS A GADGET?

WHAT IS THE PURPOSE FOR GADGETS?

To allow an end user to be more efficient and productive.

A small, lightweight, specialized application.

Small: physically small dimensions.

Lightweight: much less coding than a full application.

Specialized: performs a specific, limited action or function.

WINDOWS LIVE GADGETS

Live Gadgets(Mini Web Apps)

• Dynamic, Portable User

Experience.

• Works on Live.com, MSN

Spaces and Much More.

Sidebar Gadgets(Mini Desktop Apps)

• Rich, Complex Desktop-

Based User Experience.

• Secure Enterprise

Functionality.

• Only Works on Vista

Sidebar (docked and

undocked).

SIDEBAR GADGETSMini Desktop Applications

Mini Desktop Applications

Rich – dynamic, desktop-based user experience.

Secure Enterprise Functionality.

Only works in Vista Sidebar (docked and undocked).

Examples

Vista Desktop with Sidebar(includes docked gadgets)

Vista Sidebar Gadget (undocked)

Side Show DevicesLaptop in-lid or bezel

Keyboard display

Cell phone/PocketPC

Picture Frame

Smart Alarm Clock

MP3 Player

HDTV

Wall/Fridge Display

3.5” drive bay display

cell phone

LIVE GADGETSMini Web Applications

Mini Web Applications

Dynamic, portable user experience.

Reach - works on Live.com, MSN Spaces, and much more.

Example

Live.com page customized

with a number of gadgets

including:

• Today Show Recipes

• Mail

• Weather

• Horoscopes

Gadgets for Live.com

Mini applications…

Eye-popping UX with deep access to Web services

Simple for users to install and customize

…driving Traffic to partner assets…

Extends their reach beyond traditional properties

Increases engagement through aggregation and customization

…through multiple placement opportunities

Live.com

Windows Live Spaces

MicrosoftGadgets.com

Partners &Advertisers

Developers

ConsumersLive

Platform

Open Windows Live services to 3rd parties to create a virtuous ecosystem that mutually benefits users, developers, partners, advertisers and Microsoft.

Windows Live Platform Ecosystem

Windows LivePulse on our Business

510+ million Windows Live ID registrants

465+ million users visit MSN per month

260+ million active Windows Live Mail accounts

240+ million Windows Live Messenger users

60+ million Windows Live Spaces

100+ million Spaces visitors per month

6 million new photos added per day

3.5+ billion searches on Windows Live Search per month

GADGET GALLERYFor all Live and Sidebar Gadgets

Main User-Facing Gadget Site

Upload and Download Gadgets (Live and Sidebar).

Primary Gadget User Community.

Gallery.Live.com

Gadget Gallery

(gallery.live.com)

Home Page.

STEPS FOR BUILDING A GADGET

Select the Gadget Platform

Build Only a Live Gadget

Build Only a Sidebar Gadget

Build Both a Live and a Sidebar Gadget

Design the Gadget

Size Considerations

Dynamic Content and Network Calls

Code and Package the Gadget

HTML and DHTML (JavaScript)

JavaScript API Extensions for Live and Sidebar Gadgets

Common Gadget Manifest and Common Gadget Package (Q1 07)

JavaScript library for building AJAX-type applications

Features:

Totally cross-browser and cross-platform

Asynchronous data access, for smoother UX

New controls for improved UI & customization

Easy development and debugging in Visual Studio

Soon to expose APIs that allow direct access to Windows & Office services

ASP.NET Atlas Server Extensions

Atlas Server

Controls

App Services

Bridge

Web Services

Bridge

Server

Framework

Client Framework

and Services

Atlas Client Script

Library

Controls,

Components

Script Core

Base Class Library

Component Model

and UI Framework

Browser Compat

Atlas Client

Application

Services

Local Store

Browser

Integration

ASP.NET 2.0

Application

Services

Page FX,

Server

Controls

Atlas-enabled

ASP.NET

Web Services

(ASMX/WCF)

HTM, Script,

Atlas

Markup

Atlas

Service

Proxies

AJAX Architecture

ASP.Net AJAX Extensions

Introducing Microsoft ”WPF/E”

A Better Web Experience– Stunning vector imaging, text,

animation, audio and video

– Multi-browser support, Windows and Mac (Intel and PPC)

– More discoverable and searchable

More Productive– Web-standards friendly AJAX +

XML (XAML) for reusability

– Tap into full MS platform & tools for developers and designers

– Rich framework makes great Web apps easy to build

Efficient & Effective– Small, friction-free client

install (~2MB)

– Cost-effective delivery of live and on-demand audio/video with Emmy® Award winning Windows Media platform

– Optional content protection for rich media delivery

17 11/19/2006

Platform Characteristics

Small and factored1.1Mb core, <5Mb with full prog. model

Ability to self service

Sandboxed Application Model

Cross-platform, cross-browserWindows XP+, Mac

Components

Audio and Video (WMV, WMA, MP3) and Imaging (PNG, JPG)

Vector graphics, text and animations

Basic elements that allow for the construction of higher level components

Canvas, shapes, input and eventing

Asynchronous downloader

JavaScript programming model

Alpha quality tools support (Expression and Visual Studio)

"WPF/E“ V1 Features"WPF/E"

Servicing Component

Presentation and Media Runtime

Presentation Core

Media (video, audio)

XAML

Java Script DOM API

Browser

Hosting

Upcoming EventsLOVE Launch March 8th to 11th

Regional Architect Forum (RAF) April 17th

Mix Las Vegas April 30th to May 2nd

Remix Singapore June 28th and 29th

GADGET RESOURCES

Gallery (gallery.live.com): upload and download gadgets

MicrosoftGadgets.com: gadget dev resources & community

Live.com (http://www.live.com): hosts Live gadgets

MSN Spaces: hosts Live gadgets

Dev.Live.com: Live gadget dev resources

MSDN: Sidebar and Live gadget dev resources