{"id":874,"date":"2012-08-29T22:14:20","date_gmt":"2012-08-29T22:14:20","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/di\/?p=874"},"modified":"2012-08-29T22:14:20","modified_gmt":"2012-08-29T22:14:20","slug":"cas-destudi-reactable","status":"publish","type":"post","link":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/2012\/08\/29\/cas-destudi-reactable\/","title":{"rendered":"CAS D&#8217;ESTUDI: REACTABLE"},"content":{"rendered":"<p><\/p>\n<h2>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 REACTABLE<\/h2>\n<h5>AUTORS<\/h5>\n<p>Sergi Jord\u00e0 (ES), G\u00fcnter Geiger (AT), Martin Kaltenbrunner (AT), Marcos Alonso (ES) \/ Music Technology Group, Universitat Pompeu Fabra, Barcelona, Spain<\/p>\n<h5>ANY CREACI\u00d3<\/h5>\n<p>2003 \u2013 2006 Reactable live! : 2010<\/p>\n<h5>URL<\/h5>\n<p><a href=\"http:\/\/www.reactable.com\/\">http:\/\/www.reactable.com\/<\/a><\/p>\n<p><iframe loading=\"lazy\" title=\"reactable: basic demo #1\" width=\"640\" height=\"480\" src=\"https:\/\/www.youtube.com\/embed\/0h-RhyopUmc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h3>T\u00c8CNIQUES<\/h3>\n<ul>\n<li>Sintetitzador de so per generar la m\u00fasica.<\/li>\n<li>Sintetitzador gr\u00e0fic : Genera feedback visual basat en el so i en les acciones dels usuaris.<\/li>\n<li>Component central de gesti\u00f3 : Processa les dates d\u2019entrada, gestiona el reconeixement de les formes i els moviments , generaci\u00f3 din\u00e0mica del so i dels gr\u00e0fics de control del sintetitzador.<\/li>\n<li>Sensor de components: Visi\u00f3 per computador utilitzant marcadors visuals. Proporciona informaci\u00f3 sobre objectes (identificaci\u00f3, ubicaci\u00f3 i orientaci\u00f3).<\/li>\n<li>Software: ReacTIVision. Sistema open source i multiplataforma.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-876\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable2.png\" alt=\"\" width=\"797\" height=\"382\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable2.png 886w, http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable2-300x143.png 300w, http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable2-624x298.png 624w\" sizes=\"auto, (max-width: 797px) 100vw, 797px\" \/><\/a><\/p>\n<h3>An\u00e0lisi del disseny d&#8217;interacci\u00f3<\/h3>\n<h4>Descripci\u00f3<\/h4>\n<p style=\"text-align: justify\">ReacTable es un revolucionari instrument musical electr\u00f2nic que converteix la experi\u00e8ncia de crear m\u00fasica en quelcom tangible i visual. Es tracta d\u2019una taula redona en la qual els usuaris van col\u00b7locat i movent diferents figures geom\u00e8triques cada una de les quals te un efecte diferent en la generaci\u00f3 del so.<\/p>\n<p style=\"text-align: justify\">El objectiu dels creadors va ser combinar les principals avantatges dels instruments basats en ordinadors ( poder compartir amb el PC el control sobre determinats processos i visualitzar-los clarament) amb els dels instruments tradicionals ( controlar de manera directa i simult\u00e0nia diferents par\u00e0metres amb les 2 mans).<\/p>\n<p style=\"text-align: justify\">ReacTable consta d&#8217;un tauler semi transl\u00facid, \u00a0il\u00b7luminat directament amb dues c\u00e0meres situades a l&#8217;altre costat del tauler, que analitzen la superf\u00edcie per mitj\u00e0 de visi\u00f3 artificial i segueix els moviments, la naturalesa, la posici\u00f3 i l&#8217;orientaci\u00f3 dels diferents objectes f\u00edsics i l\u00f2gics que estan situats sobre el tauler.<\/p>\n<p style=\"text-align: justify\">Els objectes representen diversos generadors i processadors de so, que es poden combinar lliurement pels usuaris.<\/p>\n<p style=\"text-align: justify\">Al ReacTable hi ha 4 tipus d&#8217;objectes diferents. Els objectes del mateix tipus es comporten de la mateixa manera quan interactua amb altres objectes. Els quatre tipus d&#8217;objectes s\u00f3n els generadors, efectes i filtres, reguladors i controladors globals.<\/p>\n<p style=\"text-align: justify\">Cada bloc t\u00e9 una funci\u00f3 diferent &#8211; com \u00a0per exemple canviar l&#8217;amplitud d&#8217;una ona de so &#8211; i es representa per un jerogl\u00edfic \u00fanic al tauler. Els usuaris, pot ser utilitzat per diversos usuaris alhora, mouen, roten i voltegen els blocs, mouen els seus dits sobre la superf\u00edcie de la taula i alteren la proximitat dels blocs entre si per controlar la m\u00fasica produ\u00efda per la m\u00e0quina.<\/p>\n<p style=\"text-align: justify\"><strong>Generadors <\/strong>Els generadors s\u00f3n les formes quadrades, que generen so. Un generador pot ser un oscil\u00b7lador, un reproductor de bucle o d&#8217;un sintetitzador d&#8217;objectes, aix\u00ed com l&#8217;entrada de so a trav\u00e9s d&#8217;una targeta de so. Els generadors tenen en com\u00fa que generen so per si mateixos i no necessita estar connectat a qualsevol altre objecte per tal de produir so. Quan es posen sobre la taula que es connecten autom\u00e0ticament a la sortida o a les peces de efectes i filtres.<\/p>\n<p style=\"text-align: justify\"><strong>Efectes i filtres<\/strong><\/p>\n<p style=\"text-align: justify\">Efectes i filtres tenen la forma quadrada amb les cantonades rodones. Necessiten una entrada de so d&#8217;un generador o un altre efecte per tal de generar so. La millor manera d&#8217;utilitzar aquest objectes \u00e9s per posar-los en la l\u00ednia de connexi\u00f3 d&#8217;un generador. D&#8217;aquesta manera l&#8217;efecte ser\u00e0 autom\u00e0ticament aplicat al so que el generador est\u00e0 emetent. Els efectes tamb\u00e9 tenen entrades de control i poden ser connectats als controladors.<\/p>\n<p style=\"text-align: justify\"><strong>Controladors <\/strong>Els controladors tenen la finalitat d&#8217;enviar dades de control al \u00a0objecte que tinguin m\u00e9s a prop. Hi ha dos tipus principals de controls: seq\u00fcenciador i oscil\u00b7ladors de baixa freq\u00fc\u00e8ncia (LFO).<\/p>\n<p style=\"text-align: justify\"><strong>Controladors globals<\/strong><\/p>\n<p style=\"text-align: justify\">Els controladors globals s\u00f3n en forma d&#8217;estrella i no es connecten \u00a0amb altres objectes.\u00a0 Canvien el comportament de l&#8217;aplicaci\u00f3 en conjunt, com el tempo global o el volum.<\/p>\n<h4 style=\"text-align: justify\">Diagrama de flux<\/h4>\n<p><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable_diag.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-880\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable_diag.png\" alt=\"\" width=\"720\" height=\"720\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable_diag.png 900w, http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable_diag-150x150.png 150w, http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable_diag-300x300.png 300w, http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable_diag-624x624.png 624w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a> <a href=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-882\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable4.png\" alt=\"Funcionament reactable\" width=\"886\" height=\"590\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable4.png 886w, http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable4-300x199.png 300w, http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable4-624x415.png 624w\" sizes=\"auto, (max-width: 886px) 100vw, 886px\" \/><\/a><\/p>\n<h4>Usabilitat<\/h4>\n<p style=\"text-align: justify\">La interf\u00edcie de Reactable \u00e9s intu\u00eftiva , clara i directa. La creaci\u00f3 de m\u00fasica es converteix en quelcom f\u00e0cil d\u2019entendre i manipular. Les connexions entre les diferents peces es maneja\u00a0 autom\u00e0ticament segons del tipus que siguin i la proximitat entre elles. Per altra banda els controls\u00a0 s\u2019utilitzen a la pantalla t\u00e0ctil de manera tamb\u00e9 molt entenedora.<\/p>\n<p style=\"text-align: justify\">El problema relatiu a la seva utilitzaci\u00f3 \u00e9s sense dubte la seva complexitat. Es tracta de un sistema tan complet i en tantes prestacions, que la persona que vulgui convertir-se en un usuari avan\u00e7ant necessitar\u00e0 dedicar-li molt de temps.<\/p>\n<p style=\"text-align: justify\">El esquema de codis utilitza diferents formes ( quadrats, c\u00edrcols,\u00a0 quadrats arrodonits, pent\u00e0gons i estreles) per a representar classes d\u2019objectes gen\u00e8rics ( generador, efectes, controladors, controladors globals). Un codi de color addicional permet la identificaci\u00f3 de diferents classes d\u2019aquestes objectes.<\/p>\n<p style=\"text-align: justify\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-884\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable3.png\" alt=\"Pe\u00e7es reactables\" width=\"710\" height=\"463\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable3.png 710w, http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable3-300x195.png 300w, http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/08\/reactable3-624x406.png 624w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/><\/a><\/p>\n<h4 style=\"text-align: justify\">Valoraci\u00f3 personal<\/h4>\n<p style=\"text-align: justify\">Reactable es un equip revolucionari perqu\u00e8 utilitza un concepte diferent i nou per a la creaci\u00f3 de m\u00fasica. A m\u00e9s redefineix la forma en que es pot actuar amb un ordinador.<\/p>\n<p style=\"text-align: justify\">No sols te els avantatges de ser multiusuari e intu\u00eftiu , sin\u00f3 que tamb\u00e9 t\u00e9 una sonoritat interesant i desafiant.<\/p>\n<p style=\"text-align: justify\">Potser pugui semblar que la seva complexitat el faci sols \u00fatil per professionals de la m\u00fasica electr\u00f2nica.<\/p>\n<p style=\"text-align: justify\">Crec que seria convenient desenvolupar una versi\u00f3 m\u00e9s b\u00e0sica per usuaris principiants i no professionals per evitar que en tantes prestacions es puguin sentir aclaparats. L\u00f2gicament molt m\u00e9s \u00a0barata que la versi\u00f3 actual.<\/p>\n<h4 style=\"text-align: justify\">Bibliografia i enlla\u00e7os<\/h4>\n<ul>\n<li>\n<p style=\"text-align: justify\"><a href=\"http:\/\/es.wikipedia.org\/wiki\/ReacTable\">Entrada a la Wikip\u00e8dia<\/a><\/p>\n<\/li>\n<li><a href=\"http:\/\/www.myspace.com\/officialreactable\">MySpace<\/a><\/li>\n<li><a href=\"http:\/\/www.youtube.com\/watch?v=3DNz7LTb1hw\">Bj\u00f6rk utilitzant Reactable<\/a><\/li>\n<li><a href=\"http:\/\/www.reactable.com\/products\/reactable_experience\/\">Experi\u00e8ncies Reactable<\/a><\/li>\n<li><a href=\"http:\/\/mtg.upf.edu\/\">Grup d&#8217;investigaci\u00f3 en tecnologia musical<\/a><\/li>\n<\/ul>\n<p style=\"text-align: justify\">\n<\/p>","protected":false},"excerpt":{"rendered":"<p>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 REACTABLE AUTORS Sergi Jord\u00e0 (ES), G\u00fcnter Geiger (AT), Martin Kaltenbrunner (AT), Marcos Alonso (ES) \/ Music Technology Group, Universitat Pompeu Fabra, Barcelona, Spain ANY CREACI\u00d3 2003 \u2013 2006 Reactable live! : 2010 URL http:\/\/www.reactable.com\/ T\u00c8CNIQUES Sintetitzador de so per generar la m\u00fasica. Sintetitzador gr\u00e0fic : Genera feedback visual basat en el so i en &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/2012\/08\/29\/cas-destudi-reactable\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abCAS D&#8217;ESTUDI: REACTABLE\u00bb<\/span><\/a><\/p>\n","protected":false},"author":20,"featured_media":876,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,3],"tags":[20,24,37,40,41,44],"class_list":["post-874","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles-2012","category-casosestudi-2012","tag-cas-destudi","tag-disseny-dinteraccio","tag-reactable","tag-sergi-jorda","tag-sintetitzadors","tag-uoc","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/posts\/874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/comments?post=874"}],"version-history":[{"count":0,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/posts\/874\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/media\/876"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/media?parent=874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/categories?post=874"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/tags?post=874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}