{"id":589,"date":"2012-06-06T10:08:23","date_gmt":"2012-06-06T10:08:23","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/di\/?p=589"},"modified":"2012-06-06T10:08:23","modified_gmt":"2012-06-06T10:08:23","slug":"cas-destudi-visio-artificial-the-janus-machine-2","status":"publish","type":"post","link":"http:\/\/multimedia.uoc.edu\/blogs\/di\/2012\/06\/06\/cas-destudi-visio-artificial-the-janus-machine-2\/","title":{"rendered":"CAS D\u2019ESTUDI :: VISI\u00d3 ARTIFICIAL :: RISE AND FALL"},"content":{"rendered":"<p><\/p>\n<h2>Rise and fall<\/h2>\n<p><a href=\"http:\/\/www.theowatson.com\/\" target=\"_blank\">Theo Watson <\/a><br \/>\n&amp; <a href=\"http:\/\/zanyparade.com\/v8\/\" target=\"_blank\">Emily Gobeille<\/a><br \/>\n<a href=\"http:\/\/design-io.com\/\" target=\"_blank\">Desing IO<\/a><br \/>\n<a href=\"http:\/\/www.nexusproductions.com\/\" target=\"_blank\">Nexus Productions<\/a><br \/>\n<strong>2010<\/strong><\/p>\n<p>[vimeo 10078874]<\/p>\n<p><a href=\"http:\/\/vimeo.com\/10078874\" target=\"_blank\">Video<\/a><br \/>\n<a href=\"http:\/\/design-io.com\/site_docs\/work.php?id=2\" target=\"_blank\">Web del projecte<\/a><\/p>\n<h3>T\u00e8cniques<\/h3>\n<ul>\n<li>Visi\u00f3 artificial amb OpenCV i Ferns<sup>1<\/sup><\/li>\n<li>Programat amb OpenFrameworks, C++<\/li>\n<li>Gr\u00e0fics amb OpenGL<\/li>\n<li>So generatiu<\/li>\n<\/ul>\n<h3>An\u00e0lisi del disseny d&#8217;interacci\u00f3<\/h3>\n<h4>Descripci\u00f3<\/h4>\n<p>Aquesta interactivitat es tracta de una aplicaci\u00f3 que reacciona amb la portada de la revista Boards, es un poema visual que reacciona amb la posici\u00f3 de la portada, si esta dreta llavors el poema es \u201cpositiu\u201d avan\u00e7ant cap amunt i tot es clar i de dia, si es gira la portada llavors es \u201cnegatiu\u201d retrocedint cap abaix i tot es fosc i de nit. A part la aplicaci\u00f3 tamb\u00e9 reacciona al angle de la revista aixi cambiant l\u2019angle de la animaci\u00f3 d\u2019una manera sutil. Si s\u2019ensenya la contraportada llavors es veu el making of de la aplicaci\u00f3 mostrant les dades.<\/p>\n<h4>Diagrama de Flux<\/h4>\n<p><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/06\/RiseAndFall.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-623\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/06\/RiseAndFall-238x300.png\" alt=\"Rise And Fall\" width=\"238\" height=\"300\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/06\/RiseAndFall-238x300.png 238w, http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/06\/RiseAndFall.png 375w\" sizes=\"auto, (max-width: 238px) 100vw, 238px\" \/><\/a><\/p>\n<h4>Usabilitat<\/h4>\n<p>Es una aplicaci\u00f3 molt senzilla gr\u00e0cies al seu inici on fa les calibracions t\u2019explica la \u201ctecnica b\u00e0sica\u201d d\u2019us de la aplicaci\u00f3 amb una serie de pasos senzills, potser l\u2019\u00fanic problema que podem observar es es que es una aplicaci\u00f3 que fa servir molt els recursos del sistema i li falta una mica de optimitzaci\u00f3 i no pot anar a 60 fps que seria lo perfecte (en el video va molt per sota a causa de que va grabant a la vegada que executa la aplicaci\u00f3). Un altre aspecte a destacar es el de l\u2019us del angle lateral que potser es mes complicat de apreciar.<\/p>\n<p>Per \u00faltim tamb\u00e9 al ser una aplicaci\u00f3 que et decarregues requereix que tinguis una webcam cosa que no tots els usuaris tenen deixant-los sense posibilitat de poder disfrutar de la aplicaci\u00f3.<\/p>\n<h3>Valoraci\u00f3 personal i aportacions creatives<\/h3>\n<p>Aquesta aplicaci\u00f3 fa servir una nova tecnica com son els ferns i ho fa d\u2019una manera molt creativa, potser altres revistes ja han intentat fer algo semblant amb fiducials (com la revista Esquire<sup>2<\/sup> amb una aplicaci\u00f3 de Realitat Augmentada) pero no es tan bo el resultat com utilitzant aquesta tecnologia que permet no dependre de ninguna marca arbitraria, la mateixa portada ho es. A part el control es tan simple i es relaciona tant amb la aplicaci\u00f3 que ajuda molt a la transparencia de la navegaci\u00f3 pel poema visual.<\/p>\n<p>Aspectes a millorar podrien ser per exemple incloure mes rutes de intervenci\u00f3 a trav\u00e9s del audio o de la imatge mateixa, generant un poema mes personalitzat, a part tamb\u00e9 es podria fer servir. Per altre banda tamb\u00e9 es podria transportar a una altre plataforma com flash,HTML5, Processing.JS per no tenir que descarregar la aplicaci\u00f3 encara que potser no tinguessin els permisos o pa potencia suficient per fer-lo servir correctament.<\/p>\n<p><sup>1<\/sup><span style=\"font-size: 10px\">Sistema de seguiment de patrons de punts, l\u2019inici del futur sistema de realitat augmentada sense us de patr\u00f3 de referencia podeu trobar mes informaci\u00f3 en aquet <a href=\"http:\/\/cvlab.epfl.ch\/software\/ferns\/index.php\" target=\"_blank\">link<\/a><\/span><br \/>\n<sup>2<\/sup><span style=\"font-size: 10px\">http:\/\/www.esquire.com\/the-side\/augmented-reality<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>Aquesta interactivitat es tracta de una aplicaci\u00f3 que reacciona amb la portada de la revista Boards, es un poema visual que reacciona amb la posici\u00f3 de la portada, si esta dreta llavors el poema es \u201cpositiu\u201d avan\u00e7ant cap amunt i tot es clar i de dia, si es gira la portada llavors es \u201cnegatiu\u201d retrocedint cap abaix i tot es fosc i de nit. A part la aplicaci\u00f3 tamb\u00e9 reacciona al angle de la revista aixi cambiant l\u2019angle de la animaci\u00f3 d\u2019una manera sutil. Si s\u2019ensenya la contraportada llavors es veu el making of de la aplicaci\u00f3 mostrant les dades.<\/p>\n","protected":false},"author":19,"featured_media":625,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,8],"tags":[20,21,23,34,43,44],"class_list":["post-589","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-casosestudi-2012","category-m5-computer-vision","tag-cas-destudi","tag-caso-de-estudio","tag-diseno-interaccion","tag-open-frameworks","tag-theo-watson","tag-uoc","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/posts\/589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/comments?post=589"}],"version-history":[{"count":0,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/posts\/589\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/media\/625"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/media?parent=589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/categories?post=589"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/tags?post=589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}