<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>S09. Advanced Computational Paradigms &#187; user interface</title>
	<atom:link href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/tag/user-interface/feed/" rel="self" type="application/rss+xml" />
	<link>http://legacy.iaacblog.com/s09advancedcomputationalparadigms</link>
	<description></description>
	<lastBuildDate>Mon, 15 Jun 2015 04:31:51 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>REMEMBRANE by Ji Won Jun, Josep Alcover, Matteo Silverio</title>
		<link>http://legacy.iaacblog.com/s09advancedcomputationalparadigms/2015/05/remembrane-by-ji-won-jun-josep-alcover-matteo-silverio/</link>
		<comments>http://legacy.iaacblog.com/s09advancedcomputationalparadigms/2015/05/remembrane-by-ji-won-jun-josep-alcover-matteo-silverio/#comments</comments>
		<pubDate>Sat, 09 May 2015 16:38:58 +0000</pubDate>
		<dc:creator>Josep Alcover llubia</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Ji Won Jun]]></category>
		<category><![CDATA[Josep Alcover]]></category>
		<category><![CDATA[Kinetic structure]]></category>
		<category><![CDATA[matteo silverio]]></category>
		<category><![CDATA[Processing]]></category>
		<category><![CDATA[rememrane]]></category>
		<category><![CDATA[user interface]]></category>

		<guid isPermaLink="false">http://legacy.iaacblog.com/s09advancedcomputationalparadigms/?p=114</guid>
		<description><![CDATA[PROJECT NAME: Remembrane AUTHORS: Ji Won Jun, Josep Alcover, Matteo Silverio OBJECTIVE: Use Processing to create a &#8220;user Interface&#8221; and behaviour simulations for the Remembrane project (designed in Digittal Matter Studio). VIDEO OF THE PROJECT: IMAGES OF THE PROJECT:        &#160; INPUTS AND OUTPUTS: INPUTS sensors: -accelerometer -proximity -light user interface: -specific position [...]]]></description>
				<content:encoded><![CDATA[<p><strong>PROJECT NAME: </strong>Remembrane</p>
<p><strong>AUTHORS: </strong>Ji Won Jun, Josep Alcover, Matteo Silverio</p>
<p><strong>OBJECTIVE: </strong>Use Processing to create a &#8220;user Interface&#8221; and behaviour simulations for the Remembrane project (designed in Digittal Matter Studio).</p>
<p><b>VIDEO OF THE PROJECT:</b></p>
<p><iframe width="730" height="411" src="https://www.youtube.com/embed/N_d_X8lJfpw?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p><span id="more-114"></span></p>
<p><b>IMAGES OF THE PROJECT:</b></p>
<p><a href="http://legacy.iaacblog.com/maa2014-2015-digital-matter/files/2015/03/Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_01.jpg"><img title="More..." alt="" src="http://legacy.iaacblog.com/maa2014-2015-digital-matter/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" /></a> <a href="http://legacy.iaacblog.com/maa2014-2015-digital-matter/files/2015/03/Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_48.jpg"><img alt="Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_48" src="http://legacy.iaacblog.com/maa2014-2015-digital-matter/files/2015/03/Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_48-300x212.jpg" width="300" height="212" /></a> <a href="http://legacy.iaacblog.com/maa2014-2015-digital-matter/files/2015/03/Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_49.jpg"><img alt="Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_49" src="http://legacy.iaacblog.com/maa2014-2015-digital-matter/files/2015/03/Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_49-300x212.jpg" width="300" height="212" /></a></p>
<p><a href="http://legacy.iaacblog.com/maa2014-2015-digital-matter/files/2015/03/Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_50.jpg"><img alt="Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_50" src="http://legacy.iaacblog.com/maa2014-2015-digital-matter/files/2015/03/Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_50-300x212.jpg" width="300" height="212" /></a> <a href="http://legacy.iaacblog.com/maa2014-2015-digital-matter/files/2015/03/Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_51.jpg"><img alt="Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_51" src="http://legacy.iaacblog.com/maa2014-2015-digital-matter/files/2015/03/Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_51-300x212.jpg" width="300" height="212" /></a></p>
<p><a href="http://legacy.iaacblog.com/maa2014-2015-digital-matter/files/2015/03/Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_52.jpg"><img alt="Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_52" src="http://legacy.iaacblog.com/maa2014-2015-digital-matter/files/2015/03/Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_52-300x212.jpg" width="300" height="212" /></a> <a href="http://legacy.iaacblog.com/maa2014-2015-digital-matter/files/2015/03/Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_53.jpg"><img alt="Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_53" src="http://legacy.iaacblog.com/maa2014-2015-digital-matter/files/2015/03/Remembrane_JiWonJun_JosepAlcover_MatteoSilverio_Page_53-300x212.jpg" width="300" height="212" /></a></p>
<p>&nbsp;</p>
<p><b>INPUTS AND OUTPUTS:</b></p>
<p>INPUTS</p>
<p><em>sensors:</em></p>
<p>-accelerometer</p>
<p>-proximity</p>
<p>-light</p>
<p><em>user interface: </em></p>
<p>-specific position</p>
<p><em>internet:</em></p>
<p>-weather forecast</p>
<p><em>simulation</em></p>
<p>-occupation</p>
<p>-environmental factors</p>
<p>-structural calculation</p>
<p>&nbsp;</p>
<p>OUTPUTS</p>
<p>-prototype movement</p>
<p>-movement simulation</p>
<p>-smart suggestions</p>
<p>&nbsp;</p>
<p><b>3D SELECTION EXPLORATION:</b></p>
<p><a title="color picker 3D" href="http://josepalcover.co.nf/processingS9/JiWonJun_JosepAlcover_MatteoSilverio_Picker3d.rar" target="_blank">[CLICK TO DOWNLOAD]</a></p>
<p><em>Instructions: LEFT CLICK the cubes to change their color. RIGHT CLICK and MOVE THE MOUSE to orbit.</em></p>
<p><a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/cubes03.jpg"><img class="alignnone size-medium wp-image-193" alt="cubes03" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/cubes03-300x168.jpg" width="300" height="168" /></a> <a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/cubes04.jpg"><img class="alignnone size-medium wp-image-194" alt="cubes04" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/cubes04-300x168.jpg" width="300" height="168" /></a></p>
<p><a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/cubes05.jpg"><img class="alignnone size-medium wp-image-195" alt="cubes05" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/cubes05-300x168.jpg" width="300" height="168" /></a> <a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/cubes06.jpg"><img class="alignnone size-medium wp-image-196" alt="cubes06" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/cubes06-300x168.jpg" width="300" height="168" /></a></p>
<p>&nbsp;</p>
<p><b>FINAL USER INTERFACE:</b></p>
<p><a title="web user interface" href="http://josepalcover.co.nf/processingS9/webui/" target="_blank">[CLICK TO RUN ONLINE]</a> (use Mozilla Firefox to avoid compatibility problems)</p>
<p><a title="Final user interface" href="http://josepalcover.co.nf/processingS9/JiWonJun_JosepAlcover_MatteoSilverio_UI.rar" target="_blank">[CLICK TO DOWNLOAD]</a></p>
<p><em>Instructions: </em></p>
<p><em>1) LEFT CLICK on the red circle to unlock the surface. Once it is green it can be moved.</em></p>
<p><em>2) LEFT CLICK on any node of the structure and drag to move it.</em></p>
<p><em>3) MOVE THE MOUSE on the 3D to orbit.</em></p>
<p><a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/ui01.jpg"><img class="alignnone size-medium wp-image-210" alt="ui01" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/ui01-300x168.jpg" width="300" height="168" /></a> <a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/ui02.jpg"><img class="alignnone size-medium wp-image-211" alt="ui02" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/ui02-300x168.jpg" width="300" height="168" /></a></p>
<p>&nbsp;</p>
<p><strong>W</strong><b>IND AND PEOPLE SIMULATOR:</b></p>
<p><a title="STRUCTURE SKETCH" href="http://josepalcover.co.nf/processingS9/JiWonJun_JosepAlcover_MatteoSilverio_structure.rar" target="_blank">[CLICK TO DOWNLOAD]</a></p>
<p><em>Instructions: </em></p>
<p>1) Use the slider (up left) to change the amount of wind particles.</p>
<p>2) RIGHT CLICK on any point of the screen and keep pressed to modify wind direction.</p>
<p>3) LEFT CLICK and DRAG any node of the structures to move it.</p>
<p>4) PRESS ANY KEY to visualize the noise image that informs a vector field that affects the wind behaviour.</p>
<p>5) Change the settings at the beginning of the sketch to change the amount of people, number of structures, size&#8230;</p>
<p>&nbsp;</p>
<p><a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str07.jpg"><img class="alignnone size-medium wp-image-203" alt="str07" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str07-300x168.jpg" width="300" height="168" /></a> <a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str08.jpg"><img class="alignnone size-medium wp-image-204" alt="str08" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str08-300x168.jpg" width="300" height="168" /></a></p>
<p><a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str02.jpg"><img class="alignnone size-medium wp-image-198" alt="str02" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str02-300x168.jpg" width="300" height="168" /></a> <a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str04.jpg"><img class="alignnone size-medium wp-image-200" alt="str04" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str04-300x168.jpg" width="300" height="168" /></a></p>
<p><a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str05.jpg"><img class="alignnone size-medium wp-image-201" alt="str05" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str05-300x168.jpg" width="300" height="168" /></a> <a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str06.jpg"><img class="alignnone size-medium wp-image-202" alt="str06" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str06-300x168.jpg" width="300" height="168" /></a></p>
<p><a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str09.jpg"><img class="alignnone size-medium wp-image-205" alt="str09" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str09-300x168.jpg" width="300" height="168" /></a> <a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str11.jpg"><img class="alignnone size-medium wp-image-207" alt="str11" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str11-300x168.jpg" width="300" height="168" /></a></p>
<p><a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str12.jpg"><img class="alignnone size-medium wp-image-208" alt="str12" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str12-300x168.jpg" width="300" height="168" /></a> <a href="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str13.jpg"><img class="alignnone size-medium wp-image-209" alt="str13" src="http://legacy.iaacblog.com/s09advancedcomputationalparadigms/files/2015/05/str13-300x168.jpg" width="300" height="168" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://legacy.iaacblog.com/s09advancedcomputationalparadigms/2015/05/remembrane-by-ji-won-jun-josep-alcover-matteo-silverio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
