2011 04 16 Yoon kyoung A

Web 의

:

　 목 차

1. Facebook 의 개방 정책 1) Open API2) Open ID3) Open Graph

• Open Graph Protocol• Graph API• Social Plugin

2. Open Graph1) 목적2) 시사점

3. 마무리

:D

2/20

　 Open API

2007.5 : Facebook Platform 공개 , F8 행사

F8 의 효과 • 6 개월만에 수만개의 어플들이 개발 됨• 1 년만에 트래픽이 2 배로 급성장• 1 년만에 회원수 9,000 만명으로 성장 ( 전년 2,400 만명 )• Myspace 를 제치고 세계 1 위의 소셜 서비스 등극

1.1

3/20

　 Facebook Platform

Facebook 트래픽 3 주 , 35% 증가

35%

1.1

4/20

　 Open ID

2008.12 : Facebook Connect (FBConnect) 서비스 시작

개별 사이트를 Facebook 과 연동시킬 수 있는 플랫폼 API 데이터의 이동성 (Data Portability) 을 적용한 서비스 Facebook 과 제휴한 타 사이트에서 Facebook 계정으로

로그인 가능• 타 사이트에서 친구의 활동 정보 확인

1.2

5/20

　 Open ID: Facebook Connect

출시 당시 Facebook Connect 100 여개 웹사이트• 1 년 후 80,000 개 이상으로 급속히 증가

경쟁사의 움직임• Google: Friend Connect• Myspace: Data Availability

문제 : 공개한 API 를 사이트에 적용하기 어려움• 보다 쉬운 방법으로 Facebook 에 콘텐츠를 공유할 필요성

1.2

6/20

　 Open Graph

2010.4 : ‘Social Graph’ 를 오픈 하는 ‘ Open Graph’ 를 발표

Social Graph : 서비스를 이용하는 사람들 사이의 연관 관계로 이루어진 네트워크

Open Graph : 여러 사이트들이 가지고 있는 social graph를 하나로 묶어서 웹 자체를 소셜화 하려는 전략을 총칭• Open Graph Protocol• Graph API• Social Plugin

1.3

7/20

　 Open Graph

Open Graph Protocol• Markup tag 를 이용하여 Facebook ecosystem 내의 object

등록가능 Graph API

• 3rd party 가 Facebook 플랫폼을 이용하는 방식을 간소화한 Facebook API 의 차기버전

• Social Graph data 로의 접근을 제공 Social Plugin

• 기존에 존재하는 웹사이트의 Social Graph 에 Facebook 의 So-cial Graph 를 Plugin 한다는 의미

• 3rd party 가 간단한 HTML 추가 만으로 Facebook 의 소셜 기능을 웹사이트에 통합 시키는 위젯

1.3

8/20

　 Open Graph plugins 1.3

9/20

　Open Graph plugins – exam-ple

1.3

Like button• 3rd 웹사이트의 콘텐츠를 Facebook 계정으로 추천• Like 를 클릭한 웹사이트의 새로운 소식들이 유저의 Page 에

자동적으로 ‘ News Feed’ 됨

News Feed ???Facebook 유저가 등록한 친구들과 그룹의 최근 활동을 개인 설정에 맞춰 전송해 줌으로써 로그인과 동시에 친구로 등록된 회원의 소식을 알 수 있도록 한 것으로 , Facebook 이 2006 년 9 월 본격적으로 추가한 기능이며 2010 년 2 월 23 일자로 특허를 취득하였다 .

10/20

　 Open Graph plugin – example 1.3

http://store.levi.com/

11/20

　

3rd 웹사이트의트래픽 증가로 이어질 수 있음 !!

12/20

　http://developers.facebook.com/docs/reference/plugins/like/

Get Like Button

13/20

Test

　 So..

What does Facebook want to do through the Open Graph ?!

14/20

　

“We are building a web where the default is social.”

“From now on, any website can become part of the Facebook ecosystem, outside of Facebook.com ”

15/20

　Open Graph 목적 – “ Web 의 개인화”

“Instant Personalization” 파트너 사이트 (MS’s Docs.com, Pandora, Yelp 등 ) 에 방문하는

동시에 개인화된 경험을 제공하는 것• 모든 웹 사이트에 페이스북 아이디로 가입 가능이 현실화• 웹 사이트마다 다양한 Social Graph 존재

• ex) Pandora- 사용자 & 음악

• 개별적으로 보유하는 이러한 Social Graph 를 Open Graph 로 통합 웹의 소셜화 , 개인화

Social Graph 를 꺼내 유저의 웹 경험을 customizing 하는 것 The Open Graph is your “portable user”

2.1

16/20

　 Open Graph 시사점

프라이버시에 대한 비판 VS 유저의 웹 경험• 프라이버시에 대한 Facebook 대안

• 사용자들에게 허용 (opt-in)/ 거부 (opt-out) 의 선택권 제공• 비판에도 불구하고 Facebook 의 계속적인 성장 • 웹의 개인화

• 유저와 관계없는 정보에 접근하는 시간과 노력을 줄임• 유저의 웹 경험 향상시킴

Open Graph - Social Plugin 방식• 사용자들은 meta data ( 숨은 데이터 ) 얻음• Facebook 은 모든 유저의 구조화된 데이터 빠르게 수집

• 사용자에게 맞는 Semantic 정보 제공 가능

2.2

17/20

　 마무리 ..

Facebook 의 개방 정책• Open API • Data Portability (Facebook Connect) • User Portability (Open Graph)

Facebook 의 경쟁력• 전세계 5 억명이 넘는 유저• 누구나 쉽게 제공되는 social Plugin 기능

시멘틱 검색의 변화• How many WHATs WHAT from WHO

3.

Facebook is Social Utility

tool not SNS (Social

Network Service)

18/20

　 Reference

http://developers.facebook.com/ http://developers.facebook.com/plugins http://developers.facebook.com/docs/opengraph Facebook’s future – The Open Graph, Quentin Mahe Digital Strategist

버섯돌이의 소셜웹 인사이트 - INSIDE SOCIAL WEB ‘ blog SERI 경영 노트 - 소통방식의 변화를 주도하는 페이스북 , 서민석 , 삼성경제연구소

http://www.digieco.co.kr http://www.ibm.com/developerworks/kr/library/x-androidfacebookapi/

index.html http://dalinaum-kr.tumblr.com/post/1647936332/facebook-is-consid-

ered-harmful http://www.facebook.com/notes/yoonbongs-ios-simple-tip/tip-face-

book-api-sayongsi-gandanhan-tib/157032024337163 http://www.theireyes.com/?tag=%EA%B7%B8%EB%9D%BC%ED

%94%84api http://www.bloter.net/archives/35275

:D

19/20

　

ThanksQ & A