{"id":95,"date":"2015-01-14T17:16:32","date_gmt":"2015-01-14T17:16:32","guid":{"rendered":"http:\/\/499.nmdprojects.net\/2015\/?p=95"},"modified":"2015-01-28T13:07:23","modified_gmt":"2015-01-28T13:07:23","slug":"95","status":"publish","type":"post","link":"http:\/\/499.nmdprojects.net\/2015\/95\/","title":{"rendered":"Commentrain Milestone"},"content":{"rendered":"<p><a href=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/the-visual.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-99\" src=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/the-visual-300x169.png\" alt=\"the visual\" width=\"300\" height=\"169\" srcset=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/the-visual-300x169.png 300w, http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/the-visual-1024x578.png 1024w, http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/the-visual.png 1121w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>When I set out with the idea for Commentrain, it centered around the idea of giving the online community a chance to redefine, clarify and remix uploaded videos with using a nontextual interface. By freeing users comments from the restrictions of text, users would have more creative control when it comes to dissecting a visual medium such as video.<\/p>\n<p>Since last semester, Commentrain has undergone major changes, the most notable being the order of available options users have when accessing the site.<\/p>\n<p>Originally the focus of the site, the only thing that users would be able to do, was to pick a still frames from a video, And then using the non-textual interface, create a contribution that is mapped to that specific frame.<\/p>\n<p>After receiving feedback it became apparent that not every user who came across the site would have the time or the inspiration to think of a contribution right off the top of their head and then have the interest to actually bring that contribution to life on the web. That&#8217;s where the stamping portion of the site came into existence<\/p>\n<p>When users browse through a reel of still frames the option to stamp that frame with an attribute actually takes precedence over the original contribution system of the site.<\/p>\n<p><a href=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/7-Commentrain-frame-page-shortened.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-106\" src=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/7-Commentrain-frame-page-shortened-300x273.jpg\" alt=\"7 Commentrain frame page shortened\" width=\"300\" height=\"273\" srcset=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/7-Commentrain-frame-page-shortened-300x273.jpg 300w, http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/7-Commentrain-frame-page-shortened-1024x930.jpg 1024w, http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/7-Commentrain-frame-page-shortened.jpg 1583w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>This stamping system would use a simple pulldown menu that holds a variety attributes comprised of prebuilt labels for types of shots like point of view shot or a recurring shot as well as the option for users to create their own attributes.<\/p>\n<p><a href=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/8-Commentrain-Frame-Red-Extended.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-107\" src=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/8-Commentrain-Frame-Red-Extended-300x273.jpg\" alt=\"8 Commentrain Frame Red Extended\" width=\"300\" height=\"273\" srcset=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/8-Commentrain-Frame-Red-Extended-300x273.jpg 300w, http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/8-Commentrain-Frame-Red-Extended-1024x930.jpg 1024w, http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/8-Commentrain-Frame-Red-Extended.jpg 1583w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Once an attribute is picked, it is stamped to that frame and would show up alongside the other attributes that other users had stamped in the past.<\/p>\n<p><span style=\"line-height: 1.5;\"><a href=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/13-Commentrain-Frame-Red-1-attribute.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-108\" src=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/13-Commentrain-Frame-Red-1-attribute-300x215.jpg\" alt=\"13 Commentrain Frame Red 1 attribute\" width=\"300\" height=\"215\" srcset=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/13-Commentrain-Frame-Red-1-attribute-300x215.jpg 300w, http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/13-Commentrain-Frame-Red-1-attribute-1024x733.jpg 1024w, http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/13-Commentrain-Frame-Red-1-attribute.jpg 1583w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/span><\/p>\n<p><span style=\"line-height: 1.5;\">In the reel library section of the site each frame that has at least one attribute is given a blue border when users hover their mouse over that frame,<\/span><\/p>\n<p><span style=\"line-height: 1.5;\"><a href=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/12-Commentrain-reel-Blue-Copy.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-109\" src=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/12-Commentrain-reel-Blue-Copy-300x125.jpg\" alt=\"12 Commentrain reel Blue - Copy\" width=\"300\" height=\"125\" srcset=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/12-Commentrain-reel-Blue-Copy-300x125.jpg 300w, http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/12-Commentrain-reel-Blue-Copy-1024x427.jpg 1024w, http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/12-Commentrain-reel-Blue-Copy.jpg 1583w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/span><\/p>\n<p><span style=\"line-height: 1.5;\">By making it simple to tell which frames have received attention IE scouting out the reel, it becomes easier for users to scope out frames that people care about.<\/span><\/p>\n<p><a href=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/17-Commentrain-frame-page-1-Attribute-and-1-comment.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-110\" src=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/17-Commentrain-frame-page-1-Attribute-and-1-comment-300x273.jpg\" alt=\"17 Commentrain frame page 1 Attribute and 1 comment\" width=\"300\" height=\"273\" srcset=\"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/17-Commentrain-frame-page-1-Attribute-and-1-comment-300x273.jpg 300w, http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/17-Commentrain-frame-page-1-Attribute-and-1-comment-1024x930.jpg 1024w, http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/17-Commentrain-frame-page-1-Attribute-and-1-comment.jpg 1583w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><span style=\"line-height: 1.5;\">The attribute stamps themselves are the icing on the cake as the short explanations of what people thought when it came to a specific frame can serve as inspiration for users to leave a contribution of their own.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>The majority of changes that have been made are purely user interface level changes to enable users to navigate the now web-based site in a more realistic fashion.<\/p>\n<p>The process of allowing users to dissect a video frame by frame and analyze or redirect the video&#8217;s original perceived purpose is still completely possible.<\/p>\n<p>Despite changing the order of user&#8217;s available options the core functionality of the site has not deviated from it&#8217;s originally perceived path.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When I set out with the idea for Commentrain, it centered around the idea of giving the online community a chance to redefine, clarify and remix uploaded videos with using&#8230;<\/p>\n","protected":false},"author":8,"featured_media":99,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[24,7],"tags":[],"class_list":["post-95","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-milestone4","category-projects"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"http:\/\/499.nmdprojects.net\/2015\/wp-content\/uploads\/2015\/01\/the-visual.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/499.nmdprojects.net\/2015\/wp-json\/wp\/v2\/posts\/95","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/499.nmdprojects.net\/2015\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/499.nmdprojects.net\/2015\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/499.nmdprojects.net\/2015\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/499.nmdprojects.net\/2015\/wp-json\/wp\/v2\/comments?post=95"}],"version-history":[{"count":2,"href":"http:\/\/499.nmdprojects.net\/2015\/wp-json\/wp\/v2\/posts\/95\/revisions"}],"predecessor-version":[{"id":112,"href":"http:\/\/499.nmdprojects.net\/2015\/wp-json\/wp\/v2\/posts\/95\/revisions\/112"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/499.nmdprojects.net\/2015\/wp-json\/wp\/v2\/media\/99"}],"wp:attachment":[{"href":"http:\/\/499.nmdprojects.net\/2015\/wp-json\/wp\/v2\/media?parent=95"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/499.nmdprojects.net\/2015\/wp-json\/wp\/v2\/categories?post=95"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/499.nmdprojects.net\/2015\/wp-json\/wp\/v2\/tags?post=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}