Facebook Open GraphOKJSP 11th Conference        백인철2012. 4. 21             @misocharles
발표자 소개백인철@misocharlesiOS / Java 개발자OKJSP committerEngForDev 번역팀Korea Sencha Touch Group마이크로소프트웨어 기고
Social Graph ?
참가    행사듣는다   노래
Open Graph?
http://www.youtube.com/watch?v=q3b94kFBah8                              용량문제로 링크로 대체
Open Graph 구성요소
Social Plugin
Open Graph Protocol<meta property="fb:app_id" content="87741124305"><meta property="og:url" content="http://www.youtube.co...
Open Graph Protocol
Graph APIhttps://graph.facebook.com/19292868552
Graph APIUsers: https://graph.facebook.com/btaylor (Bret Taylor)Pages: https://graph.facebook.com/cocacola (Coca-Cola page...
Graph APIhttps://graph.facebook.com/ID/CONNECTION_TYPE
Graph APIFriends: https://graph.facebook.com/me/friendsProfile feed (Wall): https://graph.facebook.com/me/feedLikes: https:...
적용 사례
YELP
ESPN
guardian
Pandora
DIGITAL TRENDS
BUGS
KYOBO
참고자료http://developers.facebook.com/docs/opengraph/http://gamelog.kr/679http://www.youtube.com/watch?v=8uatF4eTlQohttp://ww...
new Open Graph appsMusicNews & linksCarityTravelFood & diningShoping, design & fashionFitnessEntertainmentEvents / ticketi...
정리
감사합니다.     백인철 @misocharles
Facebook open graph Presentation
Facebook open graph Presentation
Facebook open graph Presentation
Facebook open graph Presentation
Facebook open graph Presentation
Facebook open graph Presentation
Facebook open graph Presentation
Upcoming SlideShare
Loading in …5
×

Facebook open graph Presentation

2,586 views
2,454 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,586
On SlideShare
0
From Embeds
0
Number of Embeds
33
Actions
Shares
0
Downloads
47
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • &amp;#xD398;&amp;#xC774;&amp;#xC2A4;&amp;#xBD81;&amp;#xC5D0;&amp;#xC11C; &amp;#xB9CC;&amp;#xB4E0; &amp;#xC6A9;&amp;#xC5B4;&amp;#xB85C; &amp;#xC0AC;&amp;#xB78C;&amp;#xC774;&amp;#xB098; &amp;#xC7A5;&amp;#xC18C; &amp;#xB610;&amp;#xB294; &amp;#xC0AC;&amp;#xBB3C;&amp;#xB4F1; &amp;#xC0AC;&amp;#xB78C;&amp;#xB4E4;&amp;#xC774; &amp;#xC628;&amp;#xB77C;&amp;#xC778;&amp;#xC744; &amp;#xD1B5;&amp;#xD574; &amp;#xAD50;&amp;#xB958;&amp;#xD558;&amp;#xB294; &amp;#xAC83;&amp;#xB4E4;&amp;#xACFC; &amp;#xC790;&amp;#xC2E0; &amp;#xC0AC;&amp;#xC774;&amp;#xC5D0; &amp;#xC5F0;&amp;#xACB0;&amp;#xC120;&amp;#xC744; &amp;#xAE0B;&amp;#xB294; &amp;#xAC83;&amp;#xA0;\n
  • \n
  • Social &amp;#xC774; &amp;#xC6F9;&amp;#xC758; &amp;#xAE30;&amp;#xBCF8;. &amp;#xC0AC;&amp;#xB78C;&amp;#xC774; &amp;#xC911;&amp;#xC2EC;.\n&amp;#xC0AC;&amp;#xB78C;&amp;#xC744; &amp;#xC6F9;&amp;#xC758; &amp;#xC911;&amp;#xC2EC;&amp;#xC5D0; &amp;#xB454;&amp;#xB2E4;.\n
  • \n
  • \n
  • \n
  • &amp;#xC18C;&amp;#xC15C;&amp;#xADF8;&amp;#xB798;&amp;#xD504; &amp;#xAE30;&amp;#xBC18;&amp;#xC704;&amp;#xC5D0; &amp;#xB9CC;&amp;#xB4E0; &amp;#xD50C;&amp;#xB7AB;&amp;#xD3FC;\n&amp;#xC678;&amp;#xBD80;&amp;#xC758; &amp;#xC571;&amp;#xC5D0;&amp;#xC11C; &amp;#xD65C;&amp;#xB3D9;&amp;#xD558;&amp;#xB294; &amp;#xAC83;&amp;#xC774; &amp;#xD398;&amp;#xC774;&amp;#xC2A4;&amp;#xBD81;&amp;#xC73C;&amp;#xB85C; &amp;#xC790;&amp;#xC5F0;&amp;#xC2A4;&amp;#xB7FD;&amp;#xAC8C; &amp;#xC5F0;&amp;#xB3D9;&amp;#xC774; &amp;#xB418;&amp;#xB294; &amp;#xAE30;&amp;#xC220;\n&amp;#xAD6C;&amp;#xC870;&amp;#xD654; &amp;#xB418;&amp;#xC9C0; &amp;#xC54A;&amp;#xB294; &amp;#xB9C1;&amp;#xD06C;&amp;#xB97C; &amp;#xC5F0;&amp;#xACB0;\n\n
  • \n
  • \n
  • A New Class of Social Apps on Facebook\nhttp://www.youtube.com/watch?v=q3b94kFBah8 (0:01:17)\n\n
  • \n
  • &amp;#xBC29;&amp;#xBB38;&amp;#xD55C; &amp;#xC801;&amp;#xC774; &amp;#xC5C6;&amp;#xB354;&amp;#xB77C;&amp;#xB3C4; &amp;#xAC1C;&amp;#xC778;&amp;#xD654;&amp;#xB41C; &amp;#xCEE8;&amp;#xD150;&amp;#xCE20;&amp;#xB97C; &amp;#xC5EC;&amp;#xB7EC;&amp;#xBD84;&amp;#xC758; &amp;#xC18C;&amp;#xC15C;&amp;#xB124;&amp;#xD2B8;&amp;#xC6CC;&amp;#xD06C;&amp;#xB97C; &amp;#xAD6C;&amp;#xCD95;&amp;#xD574;&amp;#xC900;&amp;#xB2E4;.\n&amp;#xD765;&amp;#xBBF8;&amp;#xB97C; &amp;#xD5A5;&amp;#xC0C1;&amp;#xC2DC;&amp;#xD0A8;&amp;#xB2E4;.\n\nLike Button, Recommendations, Login with faces, Comments, Activity Feed, Like Box, Facepile, Live Stream\n
  • http://developers.facebook.com/docs/opengraphprotocol/\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • http://gamelog.kr/679\n
  • \n
  • \n
  • \n
  • http://kiraboshi.egloos.com/1990446\n
  • \n
  • \n
  • \n
  • \n
  • Facebook open graph Presentation

    1. 1. Facebook Open GraphOKJSP 11th Conference 백인철2012. 4. 21 @misocharles
    2. 2. 발표자 소개백인철@misocharlesiOS / Java 개발자OKJSP committerEngForDev 번역팀Korea Sencha Touch Group마이크로소프트웨어 기고
    3. 3. Social Graph ?
    4. 4. 참가 행사듣는다 노래
    5. 5. Open Graph?
    6. 6. http://www.youtube.com/watch?v=q3b94kFBah8 용량문제로 링크로 대체
    7. 7. Open Graph 구성요소
    8. 8. Social Plugin
    9. 9. 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">
    10. 10. Open Graph Protocol
    11. 11. Graph APIhttps://graph.facebook.com/19292868552
    12. 12. Graph APIUsers: 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-Colas 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)
    13. 13. Graph APIhttps://graph.facebook.com/ID/CONNECTION_TYPE
    14. 14. Graph APIFriends: https://graph.facebook.com/me/friendsProfile feed (Wall): https://graph.facebook.com/me/feedLikes: https://graph.facebook.com/me/likesMovies: https://graph.facebook.com/me/moviesMusic: https://graph.facebook.com/me/musicBooks: https://graph.facebook.com/me/booksNotes: https://graph.facebook.com/me/notesPermissions: https://graph.facebook.com/me/permissionsPhoto Tags: https://graph.facebook.com/me/photosPhoto Albums: https://graph.facebook.com/me/albumsVideo Tags: https://graph.facebook.com/me/videosVideo Uploads: https://graph.facebook.com/me/videos/uploadedEvents: https://graph.facebook.com/me/eventsGroups: https://graph.facebook.com/me/groupsCheckins: https://graph.facebook.com/me/checkins
    15. 15. 적용 사례
    16. 16. YELP
    17. 17. ESPN
    18. 18. guardian
    19. 19. Pandora
    20. 20. DIGITAL TRENDS
    21. 21. BUGS
    22. 22. KYOBO
    23. 23. 참고자료http://developers.facebook.com/docs/opengraph/http://gamelog.kr/679http://www.youtube.com/watch?v=8uatF4eTlQohttp://www.slideshare.net/TechAwards2010/facebook-open-graph-61010http://www.slideshare.net/fbmarket/social-design-with-the-new-open-graph-by-simon-cross-opening-keynote-allfacebook-developer-conferencehttp://kiraboshi.egloos.com/1990446
    24. 24. new Open Graph appsMusicNews & linksCarityTravelFood & diningShoping, design & fashionFitnessEntertainmentEvents / ticketingMiscellaneous
    25. 25. 정리
    26. 26. 감사합니다. 백인철 @misocharles

    ×