{"id":298,"date":"2013-08-15T22:43:13","date_gmt":"2013-08-15T22:43:13","guid":{"rendered":"http:\/\/www.w3.org\/community\/rww\/?p=298"},"modified":"2013-08-15T22:43:13","modified_gmt":"2013-08-15T22:43:13","slug":"distributed-microblogging-with-rww-io-and-tabulator","status":"publish","type":"post","link":"https:\/\/www.w3.org\/community\/rww\/2013\/08\/15\/distributed-microblogging-with-rww-io-and-tabulator\/","title":{"rendered":"Distributed Microblogging with RWW.IO and Tabulator"},"content":{"rendered":"<p><a href=\"http:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-305\" src=\"http:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww.png\" alt=\"\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww.png 300w, https:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Earlier this month <a href=\"https:\/\/rww.io\" target=\"_blank\" rel=\"nofollow\">RWW.IO<\/a> was launched, to much positive feedback.\u00a0 In this post I will show how RWW.IO can be used to extend your FOAF file to become a distributed microblog.<\/p>\n<p><em>*Disclaimer* this tutorial is for advanced users that may be prepared to live on the bleeding edge, and maybe do some debugging<\/em>.<\/p>\n<p><strong><span style=\"color: #0000ff\">Step 1 &#8212; Create a FOAF profile<\/span><\/strong><\/p>\n<p>If you&#8217;ve followed previous posts, you probably have a FOAF profile by now.\u00a0 The FOAF is used to give a nick, avatar, name and URL for the micro blog creator.\u00a0 For this demo I&#8217;ve uploaded a FOAF to<\/p>\n<p><a href=\"https:\/\/demo.rww.io\/profile\/\" target=\"_blank\" rel=\"nofollow\">https:\/\/demo.rww.io\/profile\/<\/a><\/p>\n<p>But you can put it anywhere in your space.\u00a0 If you&#8217;ve done this right, click on it and it should look something like this:<\/p>\n<p><a href=\"http:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-profile.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-299\" src=\"http:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-profile-300x116.png\" alt=\"\" width=\"300\" height=\"116\" srcset=\"https:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-profile-300x116.png 300w, https:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-profile.png 432w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><em>Note: that you do not need the tabulator extension running to view this FOAF, rww.io has a tabulator skin pre installed, so there is nothing to install.<\/em><\/p>\n<p><strong><span style=\"color: #0000ff\">Step 2 &#8212; Create a Microblog<\/span><\/strong><\/p>\n<p>Once you are at your FOAF, click in the entity that is of &#8220;type&#8221; FOAF : Person, in my case it&#8217;s &#8220;Melvin Carvalho&#8221;.\u00a0 After this click the small microblog icon which will ask you to create a microblog.\u00a0 The screen should look something like this:<\/p>\n<p><a href=\"http:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-mb.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-300\" src=\"http:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-mb-300x165.png\" alt=\"\" width=\"300\" height=\"165\" srcset=\"https:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-mb-300x165.png 300w, https:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-mb.png 605w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>For the final input box I used:<\/p>\n<p><a href=\"https:\/\/demo.rww.io\/microblog\" target=\"_blank\" rel=\"nofollow\">https:\/\/demo.rww.io\/microblog<\/a><\/p>\n<p>Again, you can locate it anywhere you wish.\u00a0 And hit create.\u00a0 It will then put a new file in the directory you chose.<\/p>\n<p><em>Note: this worked best for me in opera.\u00a0 In firefox and chrome it was temperamental and worked best when I stepped through with a debugger.<\/em><\/p>\n<p><strong><span style=\"color: #0000ff\">Step 3 &#8212; Link your microblog to your profile<\/span><\/strong><\/p>\n<p>Although not strictly required, for various reasons this demo works best when you have linked your microblog to your profile. This is done by adding the triple:<\/p>\n<p>&lt;#nickname&gt; rdfs : seeAlso &lt;..\/profile\/nickname&gt;<\/p>\n<p>Your microblog should look something like:<\/p>\n<p><a href=\"http:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-mblog.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-301\" src=\"http:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-mblog-300x250.png\" alt=\"\" width=\"300\" height=\"250\" srcset=\"https:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-mblog-300x250.png 300w, https:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-mblog.png 450w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>We want to click to the right of &#8220;see Also&#8221; which will take us back to our profile where we can now add micro blog posts.<\/p>\n<p><strong><span style=\"color: #0000ff\">Step 4 &#8212; Set Your Identity<\/span><\/strong><\/p>\n<p>While you&#8217;re at your profile page quickly click the foaf icon at the top, and you&#8217;ll see an image of yourself such that you can set our identity.\u00a0 If you&#8217;ve done it right it should look something like:<\/p>\n<p><a href=\"http:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-foaf1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-303\" src=\"http:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-foaf1-278x300.png\" alt=\"\" width=\"278\" height=\"300\" srcset=\"https:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-foaf1-278x300.png 278w, https:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-foaf1.png 287w\" sizes=\"auto, (max-width: 278px) 100vw, 278px\" \/><\/a><\/p>\n<p><strong><span style=\"color: #0000ff\">Step 5 &#8212; Start Microblogging!<\/span><\/strong><\/p>\n<p>You can start microblogging straight away by clicking he microblog icon.\u00a0 However it helps if you start following people.\u00a0 Strangely you need to follow yourself to see your own posts, so you can add triples to the same place you added the seeAlso, with 2 URIs of the form:<\/p>\n<pre style=\"font-size: 12px;color: #000044;font-style: normal;font-variant: normal;font-weight: normal;letter-spacing: normal;line-height: normal;text-align: start;text-indent: 0px;background-color: #ffffff\">&lt;http:\/\/rdfs.org\/sioc\/ns#follows&gt;\r\n       &lt;#melvincarvalho&gt;<\/pre>\n<p>And you should start seeing the posts of the people you follow come in.\u00a0 You can even favourite the ones you like with the final screen looking something like:<\/p>\n<p><a href=\"http:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-stream.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-304\" src=\"http:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-stream-200x300.png\" alt=\"\" width=\"200\" height=\"300\" srcset=\"https:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-stream-200x300.png 200w, https:\/\/www.w3.org\/community\/rww\/files\/2013\/08\/rww-stream.png 450w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><\/p>\n<p>If you&#8217;ve got this far (or even past a few steps) very well done!\u00a0 I&#8217;d be very happy so start growing my microblog circle!<\/p>\n<p>To summarize we&#8217;ve shown how to use commodity storage such as rww.io to create a distributed microblog using tabulator&#8217;s microblog pane.\u00a0 No installations were required and it is possible to follow an arbitrary list of users, and, of course, control the access!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Earlier this month RWW.IO was launched, to much positive feedback.\u00a0 In this post I will show how RWW.IO can be used to extend your FOAF file to become a distributed microblog. *Disclaimer* this tutorial is for advanced users that may &hellip; <a href=\"https:\/\/www.w3.org\/community\/rww\/2013\/08\/15\/distributed-microblogging-with-rww-io-and-tabulator\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"yes","footnotes":""},"categories":[19],"tags":[16,15,17,18,13,21,20],"class_list":["post-298","post","type-post","status-publish","format-standard","hentry","category-rww-2","tag-linkeddata","tag-rww","tag-semanticweb","tag-webid","tag-readwriteweb","tag-tabulator","tag-w3c"],"_links":{"self":[{"href":"https:\/\/www.w3.org\/community\/rww\/wp-json\/wp\/v2\/posts\/298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.w3.org\/community\/rww\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.w3.org\/community\/rww\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.w3.org\/community\/rww\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.w3.org\/community\/rww\/wp-json\/wp\/v2\/comments?post=298"}],"version-history":[{"count":3,"href":"https:\/\/www.w3.org\/community\/rww\/wp-json\/wp\/v2\/posts\/298\/revisions"}],"predecessor-version":[{"id":308,"href":"https:\/\/www.w3.org\/community\/rww\/wp-json\/wp\/v2\/posts\/298\/revisions\/308"}],"wp:attachment":[{"href":"https:\/\/www.w3.org\/community\/rww\/wp-json\/wp\/v2\/media?parent=298"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.w3.org\/community\/rww\/wp-json\/wp\/v2\/categories?post=298"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.w3.org\/community\/rww\/wp-json\/wp\/v2\/tags?post=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}