Social Websites Keiji Kanazawa Steve Gordon Program Manager Development Lead Microsoft Corporation Big Competition for User Minutes You Want to Grow Your Site Traffic Make Your S ID: 341303
Download Presentation The PPT/PDF document "<3 the New Windows Live Messenger Web..." is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1Slide2
<3 the New Windows Live Messenger Web Toolkit for Social Websites
Keiji
Kanazawa * Steve Gordon
Program Manager * Development Lead
Microsoft CorporationSlide3
Big
Competition for User MinutesSlide4
You Want to Grow Your Site TrafficSlide5
Make
Your
S
ite
Social & Sticky
=
+
Your SiteSlide6
Go Social with Messenger
320 Million UsersSlide7
Windows Live Messenger Web Toolkit
i
ntroducingSlide8
What's the Web Toolkit?
JavaScript & HTML tools which instantly add social to sites
Your Web Site
Messenger
Service
Messenger
Web Toolkit
Identity
ContentSlide9
Speed & Flexibility
Web Bar
Speed of dev.
Flexibility
UI Controls
JavaScript Library
ApplicationSlide10
Messenger Web Bar
d
emoSlide11
Messenger UI Controls
Display Picture and Display Name Controls
<
span
style
="font-family:
Segoe
UI
; color:
#262626
"
>
Hello
<
msgr:display
-name
cid
="$user" /
>
</
span
>
Slide12
Messenger Library
Build completely custom UI
Add scripting behaviors to UI ControlsSlide13
Make your site social & stickySlide14
Bring People To Your SiteSlide15
Photo ApplicationEffective UI
d
emoSlide16
Behind The Scenes
Web Bar
Contact Picker Control
UI Control CSS CustomizationMessenger LibrarySilverlight Scriptable ObjectsSlide17
Have People Spend More Time on
Your SiteSlide18
Application Contacts
Brian is my
fav
No! Dan is better!
Come back, I didn’t mean it
Users can
Websites can
Chat with
Site Friends
Grow Social Graph
Re-Engage Users
Connect with new peopleSlide19
Reach People Everywhere
Site users can talk to each other as long as one of them is on the site
Thanks!
I love your work!Slide20
UGO GameConnection(Hearst)
Clock Four
d
emoSlide21
Behind The ScenesWeb Bar
Application Contacts
Messenger desktop clientSlide22
Build Instant Social NetworkSlide23
Make People Feel At Home
See friends the second I join a site!
Messenger Friends on PulseSlide24
Everybody Knows Your NameShow your Messenger personality everywhereSlide25
Using the Messenger Web Toolkit:Slide26
Steve Gordon
Development Lead
Microsoft
Go Social in 20 minutesSlide27
Adventure Works Pulse
Photo-sharing website
Relies on user-generated content
Scenarios:Upload your photosView and comment on others’ photosSlide28
Adventure Works Pulse
Standard n-tier application
Asp.net frontend
SQL Server backendNeither required – only for illustrative purposesKey pages
Default.aspx – home pageViewPhoto.aspx – renders a photoUserProfile.aspx – your profileViewProfile.aspx – renders a profileUses jQuery client-sideSlide29
demoLap around PulseSlide30
Aside: Delegated Auth Primer
Users are sharing real information
Users must grant consent to your app onceSlide31
Now…Messenger integration
Get an application ID
Take our sample code…
Cross-domain channelWindows Live Login code
Messenger Token codeAdd a few lines of markup…XHTML namespaceScript reference & initializationmsgr:app tag
msgr:bar tagSlide32
demoPulse Messenger-ified
(Part 1)Slide33
Now…what about scenarios?
Let’s have users:
Sign in with their Messenger ID
Show their Messenger profileDisplay pictures
Display names (e.g.: “Steve”)Presence (e.g.: “Busy”)Chat with Pulse contactsUsing application contactsSlide34
demoPulse Messenger-ified
(Part 2)Slide35
Pulse Polished
Provide your:
Application name
Application logoCustomize our CSSStyle our documented classes
Reference your stylesheetSlide36
demoPulse Messenger-ified
(Part 3)Slide37
Easy to Get startedSlide38
Interactive SDK
Try out the Web Toolkit
http://messenger.mslivelabs.com
Slide39
Interactive SDK
d
emoSlide40
Adventure Works Pulse Sample Site
Social site for photo sharing
Contains advanced scenarios
Scripted behaviors with Messenger Library
C#Slide41
Sample Code
Getting Started Web site for hosting UI Controls
Working with Windows Live ID Delegated Authentication
Working with Application Contacts
C#
VB
PHP
Ruby
Java
Python
PerlSlide42
Make YOUR Site Social in 30 minutes!
ChallengeSlide43
SummarySlide44
Next StepsSlide45
Resources
dev.live.com/messenger
messenger.mslivelabs.com
Interactive SDKDownloadsSamples
API referenceblogs.msdn.com/messengerMSDN forumsSlide46
Sessions
A Shot of Windows Live Messenger and a Pint of Microsoft
Silverlight
Jordan Snyder – Effective UIMarch 19 |10:55-11:15AM | San Polo 3401
MIX09-T84MFive Killer Scenarios for the Windows Live Messenger Web Toolkit Chris Parker – MicrosoftMarch 19 |11:20-11:40AM | San Polo 3401MIX09-T75MSlide47
©
2009 Microsoft
Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation.
MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.