Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
THE OPEN, SOCIAL
WORKSHOP


Chris Messina • David Recordon • Joseph Smarr • OSCON • July 20, 2009 • San Jose, CA
Who are we?




chrismessina    daveman692   jsmarr


                                *Photo by termie
Who are you?
W E L C O M E TO TH E S OCIAL WEB
It begins with Web 2.0
“Web 2.0 is the network as platform, spanning all
           connected devices; Web 2.0 applications are those that
      ...
“Web 2.0 is the business revolution in the computer industry
           caused by the move to the internet as platform, an...
Tim O’Reilly’s five rules
The perpetual beta becomes a process for engaging
customers.

Share and share-alike data, reusing...
“So what’s the seminal development that’s ushering in the era of
Web 3.0? It’s the real arrival, after years of false pred...
Bullshit.
“After all, Web 2.0 was not a new version of the web, but a
           name that tried to capture what distinguished the c...
Building blocks of the social web
Who I am

Who I know

What’s going on
Identity

Relationships

Activities
Identity
Relationships
Activities
Trends
The rise of social networking




                                Photo by Mike Wooldridge
WWW
WWW


      icons by iconaholic.com
?    ?    ?
?    WWW    ?
 ?    ?    ?



                icons by iconaholic.com
The iPhone era
Everyware computing
Everyware computing
DATA INSIDE!




“It’s like flying on an iPhone!”
                                  Photo by Sathish J
Growing comfort with real identity
Growing comfort with real identity
Developer tools focusing on social
Tim O’Reilly’s five rules
             The perpetual beta becomes a process for engaging
             customers.

         ...
Tim O’Reilly’s five rules
             The perpetual beta becomes a process for engaging
             customers.

         ...
• facebook.com/chrismessina

• friendfeed.com/chrismessina

• google.com/profiles/chrismessina

• twitter.com/chrismessina
• facebook.com/chrismessina

• friendfeed.com/chrismessina

• google.com/profiles/chrismessina

• twitter.com/chrismessina
@chrismessina
/chrismessina
http://twitter.com/chrismessina
http://facebook.com/chrismessina
Etc.
Mazlow’s Hierarchy of Needs


                                            morality,
                                      ...
People want to share and be connected

“Of the 1.1 billion people age 15 and older worldwide who accessed the
Internet fro...
B UI L DI N G O N TH E S OCIAL WEB
How is building today different?
Patterns
On-ramps for new users
Photo by Bridget AMES
nID Logo - Revision 3   Client: OpenID Foundation   2007-11-26   Prepared by: Randy Reddig   S
Demo!
Large US OpenID Providers




• AOL
• Google
• Microsoft (in “developer preview”)
• MySpace
• Yahoo!
Creating your own OpenID Provider




factoryjoe.com   +
Using the WordPress OpenID plugin



<html>
<head>
      <link rel="openid2.provider" href="http://factoryjoe.com/openid/s...
Delegating to MyOpenID



<html>
<head>
      <link rel="openid2.provider" href="https://www.myopenid.com/server" />
     ...
OpenID Usability
factoryjoe
user@email.com
friendster
Hotmail
elderly
I HATE YOU!!!!!!!!!!!!!!!!!!!!!!!!LADY GAAAGGG
Previous attempts
Emerging work: pop-up flow
(shipped by Facebook, Google and JanRain)
http://boogle.com




                    Courtesy Balsamiq
http://boogle.com
http://boogle.com




      http://boogle.com/signin
http://boogle.com
http://boogle.com/#finish



                           Welcome back, Chris   Sign out
The NASCAR Problem




                     Photo by Timothy Vogel
• What’s your address?
• What’s your address?

• What’s your phone number?
• What’s your address?

• What’s your phone number?

• What’s your AOL screenname?
• What’s your address?

• What’s your phone number?

• What’s your AOL screenname?

• What’s your email address?
• What’s your address?

• What’s your phone number?

• What’s your AOL screenname?

• What’s your email address?

• What’s...
• What’s your address?

• What’s your phone number?

• What’s your AOL screenname?

• What’s your email address?

• What’s...
• What’s your address?

• What’s your phone number?

• What’s your AOL screenname?

• What’s your email address?

• What’s...
• What’s your address?

• What’s your phone number?

• What’s your AOL screenname?

• What’s your email address?

• What’s...
Break
Adding teh social
The Password Anti-pattern
Stopping ReFriend Madness
As Simple as JavaScript
Increasing engagement by *connecting
Anatomy of “Connect”



• Profile (identity, accounts, profiles)

• Relationships (followers, friends, contacts)

• Content...
Viewing




Virtuous Cycle of Sharing




         Sharing
Portable Contacts API




• Simple JSON API for sharing, filtering and searching
  contacts between social web sites.
• Im...
{
    "startIndex": 10,
    "itemsPerPage": 10,
    "totalResults": 12,
      {
        "id": "703887",
        "displayNa...
"value": "http://sample.site.org/photos/12345.jpg",
                  "type": "thumbnail"
              }
            ],
 ...
{
         "id": "1",
         "name": "Chris Messina",
         "urls": [
           { "value": "http://factoryjoe.com/bl...
{
            "id": "1",
            "name": "Chris Messina",
            "urls": [
              { "value": "http://facto...
{

       {
           "id": "2",
           "name": "Joseph Smarr",
           "emails": [
              { "value": "jose...
Google’s Social Graph API
Discovery in the cloud
c:




      icon by Seedling Design
http://




          icon by Seedling Design
http://




          icons by Seedling Design and Fast Icon
http://




          icons by Seedling Design, etc
factoryjoe.com




                 icons by Seedling Design
Emerging Work!




XRD + LRDD
OpenID

<?xml version="1.0" encoding="UTF-8"?>
<xrds:XRDS
    xmlns:xrds="xri://$xrds"
    xmlns:openid="http://openid.net...
Portable Contacts
<?xml version="1.0" encoding="UTF-8"?>
<xrds:XRDS
    xmlns:xrds="xri://$xrds"
    xmlns:openid="http://...
How it works
Data access with OAuth
A protocol for developing password-less APIs.
         Your valet key for the web.
Advanced OAuth
        Wrangling

                        Kellan Elliott-McCrea
                         XTech 2008: The W...
On the desktop
4D56
On the phone
chris@domain.com

••••••••
The OpenID/OAuth Hybrid
+
TOC
8. Requesting Authentication

   When requesting OpenID Authentication via the protocol mode "checkid_setup" or "check...
2 Clicks Demo!
What Plaxo found




• Better for the user: higher success rate with no
  password anti-pattern

• Better for the provider...
An Open Stack is emerging
Evolving the Open Stack


Mashups      OpenSocial




Attributes    OpenID/AX                 ...     Contacts     Portabl...
Success stories
“We launched OpenID in March 2008 with Highrise.
About 15% of the logins are now using OpenID.”
                   — David...
“Deployments for their customers – Twitter and
Songbird – are seeing OpenID utilization of 20% or
more.”
                 ...
ReadWriteWeb          ReadWriteTalk        Enterprise         Jobwire                                   About     Subscrib...
*Source: Janrain




OpenID adoption across the web continues to grow
UserVoice Identity Providers
              Source: Janrain - Why Websites Should Accept Multiple Third Party Identity Acco...
Interscope Identity Providers
              Source: Janrain - Why Websites Should Accept Multiple Third Party Identity Acc...
sulit.com.ph Identity Providers
               Source: Janrain - Why Websites Should Accept Multiple Third Party Identity ...
G E T T I N G INVOLVED
 & C O N TR IBUT IN G
Open source in the cloud era
Yoism: the world’s first open source religion
“The price of freedom is eternal vigilance.”
                                 —thomas jefferson
our
             ^
“The price of freedom is eternal vigilance.”
                                 —thomas jefferson
Patents, trademarks and copyright
Joining communities
• OpenID Foundation

• Open Web Foundation

• OpenSocial Foundation

• Partuza Project/Shindig

• Activity Streams

• Micr...
Libraries, frameworks & resources
• Partuza.nl

• Shindig

• Diso Project

• oauth.net/code

• Pinax
C O N C L U SION
The open, social web is being built on standards that are
free to implement and that encourage competition at the
layer of...
Q & A
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
• facebook.com/chrismessina • friendfeed.com/chrismessina •
Prochain SlideShare
Chargement dans…5
×

• facebook.com/chrismessina • friendfeed.com/chrismessina • The Open, Social Web Workshop

33 248 vues

Publié le

• facebook.com/chrismessina

• friendfeed.com/chrismessina

• google.com/profiles/chrismessina

• twitter.com/chrismessina

Publié dans : Technologie, Formation

×