Uploaded byMyungjin Lee
Social Semantic Web on Facebook Open Graph protocol and Twitter Annotations
The document discusses the evolution and significance of the social semantic web, particularly focusing on platforms like Facebook and Twitter, while detailing concepts like the Open Graph Protocol and linking data through semantic web technologies. It also references the social graph and the relationships between users, emphasizing how these technologies enable collective knowledge sharing and richer interactions online. It includes examples and metadata specifications, showcasing the integration of social and semantic web frameworks.
Social Semantic Web on Facebook Open Graph protocol and Twitter Annotations
- 1. Social Semantic WebonFacebook and TwitterDr. Myungjin Lee
- 2. The webis morea social creation than a technical one. I designed it for a social effect — to help people work together — and not as a technical toy.
- 3. The Social NetworkInThe Social Network, director David Fincher and screenwriter Aaron Sorkin explore the moment at which Facebook, the most revolutionary social phenomena of the new century, was invented -- through the warring perspectives of the super-smart young men who each claimed to be there at its inception.
- 4. Social Webhow peoplesocialize or interact with each otherthroughout the Webfrom Wikipedia
- 5. the Social Attributesin the Social WebIdentityGroupsMyungjin LeeConversationsPresenceRelationshipsSharingReputation
- 6. Weekly Market SharefromHitwise.com
- 7. Market Share ofVisitsMarket Share of Page Viewsfrom Hitwise.com
- 8. Top 20 WebsitesTop20 Social Networking Websitesfrom Hitwise.com
- 10.
- 12. Semantic Webto allowmachines to understand the meaningof information on the World Wide Webfrom Wikipedia
- 13.
- 14. Distributed and SeparatedData in the Social Web
- 16. Linked Datavia dereferenceableURIs on the Webto describe a method of exposing, sharing, and connecting datafrom Wikipedia
- 17. Vocabularies for Linkingand SharingFriend of a frienda phrase used to refer to someone that one does not know well, literally, a friend of a friendFOAFSemantically-Interlinked Online Communitiesmethods for interconnecting discussion methods such as blogs, forums and mailing lists to each otherSIOCSimple Knowledge Organization System formal languages designed for representation of thesauri, classification schemes, taxonomies, subject-heading systems, or any other type of structured controlled vocabularySKOSResource Description Framework – in – attributes a W3C Recommendation that adds a set of attribute level extensions to XHTML for embedding rich metadata within Web documentsRDFaMicroformata web-based approach to semantic markup which seeks to re-use existing HTML/XHTML tags to convey metadata and other attributes in web pagesMicroformatfrom Wikipedia
- 18. Social Semantic Webbased on human contributions and participations a Web of collective knowledge systemswhich are able to provide useful information from Wikipedia
- 19. SocialSemantic WebSIOC, DBpedia,TwineSocial WebWikis, blogs, social networksSemantic WebRDFS, OWL, SPARQLWorld Wide WebURIs, HTML, HTTPSemanticSyntax
- 22. the global mappingof everybody and hot they are relatedSocial Graphrelationships between users of the social networking servicean abstract concept of the social networkfrom Wikipedia
- 23. First Social Graphof Facebook in 2006is a friend ofis a friend ofis a friend ofis a friend ofMyungjin Lee
- 24. Social Graph ofFacebook with Social Object in 2010is a friend ofis a fan ofis a friend ofis a friend ofis a friend ofis a fan ofMyungjin Leehas a relationship withis a member ofSocial Object
- 25. Social Objectthe reasontwo people are talking to each otherby Hugh Macleod
- 26. Like button ofFacebook
- 27. Linking between youand outside of Facebooksimple way to share your content with friends on FacebookLikehttp://graph.facebook.com/me/likesMyungjin Lee
- 28. Not a WebPage Anymoresimple way to share your content with friends on FacebookLikehttp://graph.facebook.com/me/likesSocial ObjectMyungjin Lee
- 29. How to makesocial graph with social objects
- 31. Open Graph Protocolenablesany web pageto become a rich object in a social graphsimple technologyfrom Facebook
- 32. Design Goals ofOpen Graph Protocol
- 33. Representation Concepts ofOpen Graph ProtocolOne Web PageOne Social Object
- 34. Representation Concepts ofOpen Graph ProtocolPropertyof Open Graph protocolLiteral ValueURIof web pagelooks like
- 35. The Open Graphprotocol is based on RDFa.
- 36. RDFaW3C Recommendation toadd a set of attribute level extensions to XHTML for embedding rich metadatawithin Web documents
- 37. Example of RDFain XHTML
- 38. However, the OpenGraph protocol is ...
- 39. Use <meta> tagsinthe <head> of your web page
- 40. Example of OpenGraph Protocol<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <meta property="og:url" content="http://www.imdb.com/title/tt1285016/" /> <meta property='og:image' content='http://ia.media-imdb.com/…140_.jpg'> <meta property='og:type' content='movie' /> <meta property='fb:app_id' content='115109575169727' /> <meta property='og:title' content='The Social Network (2010)' /> <meta property='og:site_name' content='IMDb' />...
- 41. What is needed?– Required Properties
- 42. The canonical URLof your object that will be used as its permanent ID in the graph.A Canonical URL<meta property="og:url" content="http://www.imdb.com/title/tt1285016/" />
- 43. The type ofyour object.What is the user linking?<meta property='og:type' content='movie' />Products and EntertainmentActivitiesGroupsPlacesalbum
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76.
- 77. directorThe title ofyour object as it should appear within the graph.A Clean Page Title<meta property='og:title' content='The Social Network (2010)' />
- 78. An image URLwhich should represent your object within the graph. An Image<meta property='og:image' content='http://ia.media-imdb.com/…140_.jpg‘>
- 79. What is desired?– Optional Properties
- 80. A one totwo sentence description of your object. A Short Description<meta property='og:description’ content='Directed by David Fincher. With Jesse Eisenberg, Andrew Garfield, Justin Timberlake, Rooney Mara. ‘>
- 81. If your objectis part of a larger web site, the name which should be displayed for the overall site. A Site Name<meta property='og:site_name' content='IMDb' />
- 82. You can specifylocation via latitude and longitude, a full address, or both. To specify latitude and longitude:og:latitude and og:longitudeTo specify a human readable address: og:street-address, og:locality, og:region, og:postal-code, and og:country-nameLocation Information<meta property="og:latitude" content="37.416343" /><meta property="og:longitude" content="-122.153013" /><meta property="og:street-address" content="1601 S California Ave" /><meta property="og:locality" content="Palo Alto" /><meta property="og:region" content="CA" /><meta property="og:postal-code" content="94304" /><meta property="og:country-name" content="USA" />
- 83. The Open Graphprotocol supports the ability for you to specify contact information for your object. To specify contact informationog:email, og:phone_number, and og:fax_numberContact Information<meta property="og:email" content="me@example.com" /><meta property="og:phone_number" content="650-123-4567" /><meta property="og:fax_number" content="+1-415-123-4567" />
- 84. Example of OpenGraph Protocol<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <meta property="og:url" content="http://www.imdb.com/title/tt1285016/" /> <meta property='og:image' content='http://ia.media-imdb.com/…140_.jpg'> <meta property='og:type' content='movie' /> <meta property='fb:app_id' content='115109575169727' /> <meta property='og:title' content='The Social Network (2010)' /> <meta property='og:site_name' content='IMDb' />...
- 86. Social Pluginto provideengaging social experiences to your users with just a line of HTMLfrom Facebook
- 87. Social Plugins ofFacebook
- 88. The Like buttonlets users share pages from your site back to their Facebook profile with one click.Like Button Plugins
- 89. Simple Way toInsert a Like Buttonhttp://developers.facebook.com/docs/reference/plugins/like
- 91. Sharing your contentwith friendsClickGraph ObjectMyungjin LeeShare
- 92. Information based onMetadata<meta property='og:title’content='The Social Network (2010)' /><meta property='og:image' content='http://ia.media-imdb.com/…140_.jpg‘><meta property="og:description" content=" Directed by David Fincher. With Jesse Eisenberg, Andrew Garfield, Justin Timberlake, Rooney Mara. " />
- 93. Meaning of OpenGraph protocol on the Semantic Web
- 94. Using RDF ModelPropertyofOpen Graph protocolLiteral ValueURIof web pageSPO
- 95. Mapping of ObjecttypesObject typesProducts and EntertainmentActivitiesGroupsPlacesalbum
- 96.
- 97.
- 98.
- 99.
- 100.
- 101.
- 102.
- 103.
- 104.
- 105.
- 106.
- 107.
- 108.
- 109.
- 110.
- 111.
- 112.
- 113.
- 114.
- 115.
- 116.
- 117.
- 118.
- 119.
- 120.
- 121.
- 122.
- 123.
- 124.
- 125.
- 126.
- 127.
- 128.
- 129.
- 130. Mapping of SocialObject<rdf:Propertyrdf:about="http://ogp.me/ns#type"> <rdfs:labelxml:lang="en-US">type</rdfs:label> <rdfs:seeAlsordf:resource="http://www.w3.org/1999/02/22-rdf-syntax-ns#type"/> <rdfs:isDefinedByrdf:resource="http://ogp.me/ns#"/></rdf:Property>IndividualSocial Object
- 131. Link with otherVocabularies<rdfs:Classrdf:about="http://ogp.me/ns#Actor"> <rdfs:labelxml:lang="en-US">Actor</rdfs:label> <rdfs:subClassOfrdf:resource="http://xmlns.com/foaf/0.1/Person"/> <owl:equivalentClassrdf:resource="http://dbpedia.org/resource/Actor"/> <rdfs:isDefinedByrdf:resource="http://ogp.me/ns#"/></rdfs:Class>og:Actorrdfs:subClassOfrdf:typefoaf:Personowl:equivalentClassrdf:typedb:ActorSocial Object
- 132. How to linkOpen Graph to blog postsblogg.erhttp://blogg.er/2010/04/rock#postog:site_nameThe Rockog:titlesioc:abouthttp://blogg.er/2010/04/rock#moviehttp://blogg.er/2010/04/rock#moviesioc:num_repliesog:typesioc:contentmoviesioc:has_creatorog:urldc:title2Saw the Rock on TV tonight. Actually it was a lot better than I thought it would be!Rock!!!rev:hasReviewog:imagehttp://ia.media-imdb.com/images/rock.jpghttp://blogg.er/user/1og:descriptionhttp://blogg.er/2010/04/rock#reviewA group of U.S. marines, under command of a renegade general, take over Alcatraz and threat San Francisco Bay with biological weapons. A chemical weapons specialist and the only man to have ever escaped from the Rock are the only ones who can prevent chaos.rev:rating6.5
- 134. Annotationa note thatyou make to yourself while you are reading information in a book, document, online record, video, software code or other informationfrom Wikipedia
- 135. Twitter Annotationsto addone or more annotations that represent structured metadata about the tweetfrom Twitter
- 136. The annotations featurehas not been released.
- 137. First element isa type.Every Annotations has a type.Type maps to attribute and value pair.Second element is one or more attribute names with values.How to present Annotations on a tweet
- 138.
- 139. What can weput in the Annotations?Anything you want.
- 140. However, they publishedsome guidelines.
- 141.
- 142. Recommend Types andAttributeswebpagereviewmovieproductcontent
- 143.
- 144.
- 145.
- 146.
- 147.
- 148.
- 149.
- 150.
- 151.
- 152.
- 153.
- 154.
- 155.
- 156.
- 157.
- 158.
- 159.
- 160.
- 161.
- 162.
- 163.
- 164.
- 165.
- 166.
- 167.
- 168.
- 169.
- 170.
- 171.
- 172. end_dateSize of Tweet140charctersAnnotations512 bytes
- 173. to bring morestructured data to tweets to allow for better discovery of data and richer interactionsto borrow heavily from existing standardsRDFa, Microformats, Open Graph Protocol, AB Meta and Activitystrea.msThe Goal of Annotations
- 174.
- 175. Annotations types toOntologiesfoaf:Documentowl:equivalentClassOntologyClass“webpage” typefor Annotations
- 176. Linking into theSemantic Web
- 177.
- 178.
- 179.
- 180. Tim Berners-Lee, Weavingthe WebWikipedia, http://www.wikipedia.orgHitwise, http://www.hitwise.comRod Smith, Big Data For Smarter Planet, https://www-927.ibm.com/ibm/cas/cascon/files/Rod%20Smith%20keynote.pdfW3C, Semantic Web, and Other Technologies to Watch, http://www.w3.org/2008/Talks/1009-bratt-W3C-SemTech/Overview.htmlAlexandre Passant and John Breslin, The Social Semantic Web, http://www.slideshare.net/Cloud/the-social-semantic-webJohn Maver and Jamie Tedford, Facebook Open Graph, http://www.slideshare.net/TechAwards2010/facebook-open-graph-61010MatteoBrunati, Facebook (Open) Graph and the Semantic Web, http://www.slideshare.net/dagoneye/facebook-open-graph-and-the-semantic-webReferences
- 181. Hugh Macleod, SocialObjects for Beginners, http://gapingvoid.com/2007/12/31/social-objects-for-beginners/The Open Graph Protocol, http://www.opengraphprotocol.org/David Recordon, The Open Graph protocol - Understanding the design decisions, http://www.scribd.com/doc/30715288/The-Open-Graph-Protocol-Design-DecisionsSocial Plugin, http://developers.facebook.com/pluginsAnnotations Overview, http://dev.twitter.com/pages/annotations_overviewAnnotations, http://www.slideshare.net/raffikrikorian/twitter-api-annotationsJoshua Shinaview and JansAasman, Real-time Semantic Web with Twitter Annotations, http://www.slideshare.net/joshsh/realtime-semantic-web-with-twitter-annotations-4606369References
- 182.