{"id":437,"date":"2011-10-27T00:29:11","date_gmt":"2011-10-27T05:29:11","guid":{"rendered":"http:\/\/www.setian.co\/studio\/?p=437"},"modified":"2026-04-05T21:07:57","modified_gmt":"2026-04-06T02:07:57","slug":"sounding-score-interface-2-5-interactive-book-interface","status":"publish","type":"post","link":"https:\/\/setian.co\/studio\/sounding-score-interface-2-5-interactive-book-interface\/","title":{"rendered":"Sounding Score <br>{ Musical interactive installation }<br>by Alba Fernanda Triana"},"content":{"rendered":"<h2 style=\"text-align: center;\">SetianWorks&#8217;s Project<\/h2>\n<h3 style=\"text-align: center;\">Commissioned development\u00a0&#8211; NoTouch Interactive\u00a0Table\u00a0&#8211; Art\u00a0installation<\/h3>\n<p><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/14673473?color=aaccbb&amp;title=0&amp;byline=0&amp;portrait=0\" width=\"600\" height=\"450\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Sounding Score is an musical interactive installation by Alba Fernanda Triana. In this piece I developed the interactive interface. This interface is an interactive book that holds the graphical representation of the sounding score.<\/p>\n<p>The interface consists in a Flash AS3 simulation of a 3D book, a graphical user interface and an OSC connection with Max\/MSP. It was designed to work with a multitouch screen.<\/p>\n<p>The graphical representation of sound are circles. Timber is represented by textures and animations of the circles. The colours represent the musical note. Left and right displacement represents panning.<\/p>\n<p>The book has 5 musical pages. Each page has their buttons. This buttons activates new melodies and algorithmic patterns. The user is able to wander around the book. The result is a Adobe Air Standalone App for a Mac desktop computer.<\/p>\n\n\t\t<!-- MasterSlider -->\n\t\t<div id=\"P_MS69d5df2c109ff\" class=\"master-slider-parent msl ms-parent-id-5\" style=\"max-width:1200px;\">\n\n\t\t\t\n\t\t\t<!-- MasterSlider Main -->\n\t\t\t<div id=\"MS69d5df2c109ff\" class=\"master-slider ms-skin-light-6 round-skin\" >\n\t\t\t\t \t\t\t\t \n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fill\"  >\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/setian.co\/studio\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2016\/06\/SLIDESHOWS_SOUNDING.jpg\" \/>\n\n\n\t<img decoding=\"async\" class=\"ms-thumb\" src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2016\/06\/SLIDESHOWS_SOUNDING-100x80.jpg\" alt=\"\" \/>\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=\"&quot;ms-tab-context&quot;\"><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fill\"  >\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/setian.co\/studio\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2016\/06\/SLIDESHOWS_SOUNDING2.jpg\" \/>\n\n\n\t<img decoding=\"async\" class=\"ms-thumb\" src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2016\/06\/SLIDESHOWS_SOUNDING2-100x80.jpg\" alt=\"\" \/>\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=\"&quot;ms-tab-context&quot;\"><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fill\"  >\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/setian.co\/studio\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2016\/06\/16SLIDESHOWS4.jpg\" \/>\n\n\n\t<img decoding=\"async\" class=\"ms-thumb\" src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2016\/06\/16SLIDESHOWS4-100x80.jpg\" alt=\"\" \/>\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=\"&quot;ms-tab-context&quot;\"><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fill\"  >\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/setian.co\/studio\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2011\/10\/Screen-shot-2011-10-27-at-12.13.27-AM.png\" \/>\n\n\n\t<img decoding=\"async\" class=\"ms-thumb\" src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2011\/10\/Screen-shot-2011-10-27-at-12.13.27-AM-100x80.png\" alt=\"\" \/>\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=\"&quot;ms-tab-context&quot;\"><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t\t<!-- END MasterSlider Main -->\n\n\t\t\t \n\t\t<\/div>\n\t\t<!-- END MasterSlider -->\n\n\t\t<script>\n\t\t(function ( $ ) {\n\t\t\t\"use strict\";\n\n\t\t\t$(function () {\n\t\t\t\tvar masterslider_09ff = new MasterSlider();\n\n\t\t\t\t\/\/ slider controls\n\n\t\t\t\tmasterslider_09ff.control('thumblist'  ,{ autohide:true, overVideo:true, dir:'h', speed:17, inset:false, arrows:false, hover:true, customClass:'', align:'bottom',type:'thumbs', margin:10, width:100, height:80, space:5, fillMode:'tile' , hideUnder:480 });\n\t\t\t\t\/\/ slider setup\n\t\t\t\tmasterslider_09ff.setup(\"MS69d5df2c109ff\", {\n\t\t\t\t\t\twidth           : 1200,\n\t\t\t\t\t\theight          : 600,\n\t\t\t\t\t\tminHeight       : 0,\n\t\t\t\t\t\tspace           : 0,\n\t\t\t\t\t\tstart           : 1,\n\t\t\t\t\t\tgrabCursor      : true,\n\t\t\t\t\t\tswipe           : true,\n\t\t\t\t\t\tmouse           : true,\n\t\t\t\t\t\tlayout          : \"boxed\",\n\t\t\t\t\t\twheel           : false,\n\t\t\t\t\t\tautoplay        : true,\n\t\t\t\t\t\tinstantStartLayers:false,\n\t\t\t\t\t\tloop            : true,\n\t\t\t\t\t\tshuffle         : true,\n\t\t\t\t\t\tpreload         : 0,\n\t\t\t\t\t\theightLimit     : true,\n\t\t\t\t\t\tautoHeight      : false,\n\t\t\t\t\t\tsmoothHeight    : true,\n\t\t\t\t\t\tendPause        : false,\n\t\t\t\t\t\toverPause       : true,\n\t\t\t\t\t\tfillMode        : \"fill\",\n\t\t\t\t\t\tcenterControls  : true,\n\t\t\t\t\t\tstartOnAppear   : true,\n\t\t\t\t\t\tlayersMode      : \"center\",\n\t\t\t\t\t\thideLayers      : false,\n\t\t\t\t\t\tfullscreenMargin: 0,\n\t\t\t\t\t\tspeed           : 32,\n\t\t\t\t\t\tdir             : \"h\",\n\t\t\t\t\t\tparallaxMode    : 'swipe',\n\t\t\t\t\t\tview            : \"fade\"\n\t\t\t\t});\n\n\t\t\t\t\n\t\t\t\twindow.masterslider_instances = window.masterslider_instances || [];\n\t\t\t\twindow.masterslider_instances.push( masterslider_09ff );\n\t\t\t });\n\n\t\t})(jQuery);\n\t\t<\/script>\n\n\n<p>&nbsp;<\/p>\n<p>More details at <a href=\"http:\/\/www.albatriana.com\/partitura-sonora.html\">Alba Fernanda Triana Oficial Web Site<\/a><\/p>\n<div class=\"section group portfolio-item-characteristics\">\n<div class=\"col span_1_of_3\">\n<h4><\/h4>\n<h4>Roles<\/h4>\n<p><i aria-hidden=\"true\" class=\"fa fa-sitemap\"  style=\"font-size:50px;line-height:50px\"><\/i><br \/>\nInterface Developer \/ Coder<\/p>\n<\/div>\n<div class=\"col span_1_of_3\">\n<h4>Techniques<\/h4>\n<p><i aria-hidden=\"true\" class=\"fa fa-code\"  style=\"font-size:50px;line-height:50px\"><\/i><br \/>\nFlash + ActionScript 3.0 \/ Adobe Air \/ OSC communication with MaxMSP<\/p>\n<\/div>\n<div class=\"col span_1_of_3\">\n<h4>Client<\/h4>\n<p><i aria-hidden=\"true\" class=\"fa fa-diamond\"  style=\"font-size:50px;line-height:50px\"><\/i><br \/>\nAlba Fernanda Triana<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>SetianWorks&#8217;s Project Commissioned development\u00a0&#8211; NoTouch Interactive\u00a0Table\u00a0&#8211; Art\u00a0installation Sounding Score is an musical interactive installation by Alba Fernanda Triana. In this piece I developed the interactive interface. This interface is an interactive book that holds the graphical representation of the sounding score. The interface consists in a Flash AS3 simulation of a 3D book, a graphical [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":965,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42,107,13,76,39,61,51,108],"tags":[84,47,85,87],"class_list":["post-437","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apps","category-artwork","category-code","category-digital-arts","category-installation","category-flash","category-music","category-setian","tag-installation","tag-interface","tag-multimedia","tag-music"],"_links":{"self":[{"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/posts\/437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/comments?post=437"}],"version-history":[{"count":11,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/posts\/437\/revisions"}],"predecessor-version":[{"id":2813,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/posts\/437\/revisions\/2813"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/media\/965"}],"wp:attachment":[{"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/media?parent=437"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/categories?post=437"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/tags?post=437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}