{"id":172,"date":"2011-03-16T12:53:16","date_gmt":"2011-03-16T12:53:16","guid":{"rendered":"http:\/\/blog.soton.ac.uk\/tag4fun\/?p=172"},"modified":"2011-03-16T12:53:16","modified_gmt":"2011-03-16T12:53:16","slug":"mockups","status":"publish","type":"post","link":"https:\/\/blog.soton.ac.uk\/tag4fun\/2011\/03\/16\/mockups\/","title":{"rendered":"Mockups"},"content":{"rendered":"<p>This is an attempt to roughly show the typical flow of the application<\/p>\n<p><a href=\"http:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup1.png\" alt=\"\" title=\"mockup1\" width=\"1003\" height=\"448\" class=\"alignnone size-full wp-image-173\" srcset=\"https:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup1.png 1003w, https:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup1-300x133.png 300w\" sizes=\"auto, (max-width: 1003px) 100vw, 1003px\" \/><\/a><\/p>\n<p>This shows a user visiting a blog. This blog has no association with tag4fun except that they have chosen to use the etag software on their site to allow visitors to tag (or perhaps the visitor has installed the browser plugin).<\/p>\n<p>The visitor clicks the &#8220;Start tagging&#8221; button on a photo which shows the tagging interface similar to facebook, allowing the visitor to tag their facebook friends<\/p>\n<p><a href=\"http:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup2.png\" alt=\"\" title=\"mockup2\" width=\"368\" height=\"166\" class=\"alignnone size-full wp-image-174\" srcset=\"https:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup2.png 368w, https:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup2-300x135.png 300w\" sizes=\"auto, (max-width: 368px) 100vw, 368px\" \/><\/a><\/p>\n<p>This is then posted on that user&#8217;s facebook wall indicating that they have been tagged, in a similar way to how facebook alerts the user that they have been tagged.<\/p>\n<p><a href=\"http:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup3.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup3.png\" alt=\"\" title=\"mockup3\" width=\"991\" height=\"430\" class=\"alignnone size-full wp-image-175\" srcset=\"https:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup3.png 991w, https:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup3-300x130.png 300w\" sizes=\"auto, (max-width: 991px) 100vw, 991px\" \/><\/a><\/p>\n<p>When a user next hovers over the photo they will see that John Smith has been tagged, with a tag box around his head and links to his facebook profile and photo albums at the bottom. Clicking the &#8220;photos&#8221; link will take the visitor to a page created by us which shows all of the photos of John from around the web<\/p>\n<p><a href=\"http:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup4.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup4.png\" alt=\"\" title=\"mockup4\" width=\"610\" height=\"430\" class=\"alignnone size-full wp-image-176\" srcset=\"https:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup4.png 610w, https:\/\/blog.soton.ac.uk\/tag4fun\/files\/2011\/03\/mockup4-300x211.png 300w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p>If using the browser plugin, when viewing a user&#8217;s photos page on facebook the &#8220;on the web&#8221; album will be automatically added if that user has been tagged through etag.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is an attempt to roughly show the typical flow of the application This shows a user visiting a blog. This blog has no association with tag4fun except that they have chosen to use the etag software on their site &hellip; <a href=\"https:\/\/blog.soton.ac.uk\/tag4fun\/2011\/03\/16\/mockups\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":159,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6501],"tags":[6502,6503,6504],"class_list":["post-172","post","type-post","status-publish","format-standard","hentry","category-designs","tag-design","tag-mockup","tag-storyboard"],"_links":{"self":[{"href":"https:\/\/blog.soton.ac.uk\/tag4fun\/wp-json\/wp\/v2\/posts\/172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.soton.ac.uk\/tag4fun\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.soton.ac.uk\/tag4fun\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/tag4fun\/wp-json\/wp\/v2\/users\/159"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/tag4fun\/wp-json\/wp\/v2\/comments?post=172"}],"version-history":[{"count":4,"href":"https:\/\/blog.soton.ac.uk\/tag4fun\/wp-json\/wp\/v2\/posts\/172\/revisions"}],"predecessor-version":[{"id":180,"href":"https:\/\/blog.soton.ac.uk\/tag4fun\/wp-json\/wp\/v2\/posts\/172\/revisions\/180"}],"wp:attachment":[{"href":"https:\/\/blog.soton.ac.uk\/tag4fun\/wp-json\/wp\/v2\/media?parent=172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/tag4fun\/wp-json\/wp\/v2\/categories?post=172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/tag4fun\/wp-json\/wp\/v2\/tags?post=172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}