Facebook open graph Presentation 백인철 @misocharles OKJSP 11th Conference

1. Facebook Open Graph
OKJSP 11th Conference 백인철
2012. 4. 21 @misocharles

2. 발표자 소개
백인철
@misocharles
iOS / Java 개발자
OKJSP committer
EngForDev 번역팀
Korea Sencha Touch Group
마이크로소프트웨어 기고

3. Social Graph ?

5. 참가 행사
듣는다 노래

10. Open Graph?

13. http://www.youtube.com/watch?v=q3b94kFBah8
용량문제로 링크로 대체

14. Open Graph 구성요소

15. Social Plugin

16. Open Graph Protocol
<meta property="fb:app_id" content="87741124305">
<meta property="og:url" content="http://www.youtube.com/watch?v=LKkJ2QYr2E4">
<meta property="og:title" content="111202 뮤직뱅크 아이유 삼촌 720p">
<meta property="og:description" content="">
<meta property="og:type" content="video">
<meta property="og:image" content="http://i1.ytimg.com/vi/LKkJ2QYr2E4/hqdefault.jpg">
<meta property="og:video" content="http://www.youtube.com/v/LKkJ2QYr2E4?
version=3&amp;autohide=1">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="398">
<meta property="og:video:height" content="224">
<meta property="og:site_name" content="YouTube">

17. Open Graph Protocol

18. Graph API
https://graph.facebook.com/19292868552

19. Graph API
Users: https://graph.facebook.com/btaylor (Bret Taylor)
Pages: https://graph.facebook.com/cocacola (Coca-Cola page)
Events: https://graph.facebook.com/251906384206 (Facebook Developer Garage Austin)
Groups: https://graph.facebook.com/195466193802264 (Facebook Developers group)
Applications: https://graph.facebook.com/2439131959 (the Graffiti app)
Status messages: https://graph.facebook.com/367501354973 (A status message from Bret)
Photos: https://graph.facebook.com/98423808305 (A photo from the Coca-Cola page)
Photo albums: https://graph.facebook.com/99394368305 (Coca-Cola's wall photos)
Profile pictures: http://graph.facebook.com/100000101903014/picture (your profile picture)
Videos: https://graph.facebook.com/817129783203 (A Facebook tech talk on Graph API)
Notes: https://graph.facebook.com/122788341354 (Note announcing Facebook for iPhone 3.0)
Checkins: https://graph.facebook.com/414866888308 (Check-in at a pizzeria)

20. Graph API
https://graph.facebook.com/ID/CONNECTION_TYPE

21. Graph API
Friends: https://graph.facebook.com/me/friends
Profile feed (Wall): https://graph.facebook.com/me/feed
Likes: https://graph.facebook.com/me/likes
Movies: https://graph.facebook.com/me/movies
Music: https://graph.facebook.com/me/music
Books: https://graph.facebook.com/me/books
Notes: https://graph.facebook.com/me/notes
Permissions: https://graph.facebook.com/me/permissions
Photo Tags: https://graph.facebook.com/me/photos
Photo Albums: https://graph.facebook.com/me/albums
Video Tags: https://graph.facebook.com/me/videos
Video Uploads: https://graph.facebook.com/me/videos/uploaded
Events: https://graph.facebook.com/me/events
Groups: https://graph.facebook.com/me/groups
Checkins: https://graph.facebook.com/me/checkins

22. 적용 사례

23. YELP

24. ESPN

25. guardian

26. Pandora

27. DIGITAL TRENDS

28. BUGS

29. KYOBO

30. 참고자료
http://developers.facebook.com/docs/opengraph/
http://gamelog.kr/679
http://www.youtube.com/watch?v=8uatF4eTlQo
http://www.slideshare.net/TechAwards2010/facebook-open-
graph-61010
http://www.slideshare.net/fbmarket/social-design-with-the-
new-open-graph-by-simon-cross-opening-keynote-allfacebook-
developer-conference
http://kiraboshi.egloos.com/1990446

31. new Open Graph apps
Music
News & links
Carity
Travel
Food & dining
Shoping, design & fashion
Fitness
Entertainment
Events / ticketing
Miscellaneous

32. 정리

33. 감사합니다.
백인철 @misocharles