<?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/"
	
xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
>

<channel>
	<title>Mariano Velamazán</title>
	<atom:link href="http://aspectocomunicacion.es/mariano/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://aspectocomunicacion.es/mariano</link>
	<description>learning, design and interaction</description>
	<lastBuildDate>
	Fri, 31 Jul 2026 09:10:46 +0000	</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.1.19</generator>

<image>
	<url>http://aspectocomunicacion.es/mariano/wp-content/uploads/2008/03/cropped-m_logo_mariano_cuadrado-32x32.png</url>
	<title>Mariano Velamazán</title>
	<link>http://aspectocomunicacion.es/mariano</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">90524910</site>	<item>
		<title>&#8220;Mateo Inurria&#8221; Design School Web page</title>
		<link>http://aspectocomunicacion.es/mariano/?p=1920</link>
				<pubDate>Fri, 31 Jul 2026 09:10:15 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Interaction & Interface Design]]></category>
		<category><![CDATA[visible]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://aspectocomunicacion.es/mariano/?p=1920</guid>
				<description><![CDATA[Description The web page of the Mateo Inurria School of Art (Córdoba). It features information on the School, the studies, students projects, the activities of the school, and practical information on how to apply, when, admittance process, etc. All this information is updated real time from different teachers. The main goal of the project was [&#8230;]]]></description>
								<content:encoded><![CDATA[<div id="attachment_1036" style="width: 1025px" class="wp-caption aligncenter"><a href="http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart021.png"><img aria-describedby="caption-attachment-1036" class="size-full wp-image-1036" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart021.png" alt="Illustration Studies presentation" width="1015" height="1770" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart021.png 1015w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart021-401x700.png 401w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart021-587x1024.png 587w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart021-573x999.png 573w" sizes="(max-width: 1015px) 100vw, 1015px" /></a><p id="caption-attachment-1036" class="wp-caption-text">Illustration Studies presentation</p></div>
<h3>Description</h3>
<p>The web page of the Mateo Inurria School of Art (Córdoba). It features information on the School, the studies, students projects, the activities of the school, and practical information on how to apply, when, admittance process, etc. All this information is updated real time from different teachers.</p>
<p>The main goal of the project was to include a big amount of information while keeping navigation&nbsp; quite intuitive, fast and easy.</p>
<p>Apart from what has been said before, it has hosted polls, different galleries, video contests and many add-ons that make it very practical for school everyday routines and needs.</p>
<p><span style="line-height: 1.5;">I did the graphic design and the development with Joomla!:&nbsp;</span><a style="line-height: 1.5;" title="escuela de arte de córdoba" href="http://www.escueladeartedecordoba.es" target="_blank" rel="noopener noreferrer">escueladeartedecordoba.es</a></p>
<h3>Motivation &amp; Process</h3>
<p>When I arrived at my new school destination, there was not a web page. The information about the school was published on paper hanging on the walls. People had to go there to get a leaflet from a table to see what you could study there.</p>
<p>A group of teachers got together and started to compile information and take pictures and I did the information architecture, the graphic design and the development. The goal was to make it simple to navigate and simple to update by teachers and other staff members. We also aimed for neutral graphics that could appeal to most people at the school.</p>
<p>Since then, we also created a Facebook® profile and a LinkedIn® profile and the communication within and outside the school&nbsp;is much more fluent now.</p>
<h3>Screenshots</h3>
<div id="attachment_1037" style="width: 1022px" class="wp-caption aligncenter"><a href="http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart031.png"><img aria-describedby="caption-attachment-1037" class="size-full wp-image-1037" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart031.png" alt="Activities during last year" width="1012" height="1457" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart031.png 1012w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart031-486x700.png 486w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart031-711x1024.png 711w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart031-694x999.png 694w" sizes="(max-width: 1012px) 100vw, 1012px" /></a><p id="caption-attachment-1037" class="wp-caption-text">Activities during last year</p></div>

<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1035'><img width="381" height="700" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart011-381x700.png" class="attachment-medium size-medium" alt="Mateo Inurria School of Art Home Page" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart011-381x700.png 381w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart011-558x1024.png 558w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart011-544x999.png 544w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart011.png 954w" sizes="(max-width: 381px) 100vw, 381px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1038'><img width="404" height="700" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart041-404x700.png" class="attachment-medium size-medium" alt="Description of one of the activities" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart041-404x700.png 404w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart041-590x1024.png 590w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart041-576x999.png 576w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2012/05/schoolofart041.png 1012w" sizes="(max-width: 404px) 100vw, 404px" /></a>

<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
									<post-id xmlns="com-wordpress:feed-additions:1">1920</post-id>	</item>
		<item>
		<title>Fun projects</title>
		<link>http://aspectocomunicacion.es/mariano/?p=1764</link>
				<pubDate>Mon, 03 Jul 2017 10:51:23 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Fun projects]]></category>
		<category><![CDATA[visible]]></category>

		<guid isPermaLink="false">http://aspectocomunicacion.es/mariano/?p=1764</guid>
				<description><![CDATA[A design fiction ad Sometimes, humor is the best way&#160;to let people see and understand something personal, intimate or just cope with the absurd side of us. In this project we tried to show how technology feeds the greedy Narcissus inside us. Description The week about Film making fundamentals&#160;gave us an overview of the basic [&#8230;]]]></description>
								<content:encoded><![CDATA[<h3>A design fiction ad</h3>
<p>Sometimes, humor is the best way&nbsp;to let people see and understand something personal, intimate or just cope with the absurd side of us. In this project we tried to show how technology feeds the greedy Narcissus inside us.</p>
<h3>Description</h3>
<p>The week about <i>Film making fundamentals</i>&nbsp;gave us an overview of the basic stages of film production that can be applied to basically any type of film regardless of origin and size.</p>
<p>We came up with the story for a futuristic product that will change our relationship with fiction media&#8230;</p>
<p><iframe class='youtube-player' type='text/html' width='700' height='394' src='https://www.youtube.com/embed/eIPy-Fk_pxc?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></p>
<h3>Heroes of 2020</h3>
<p>Our fascination with heroes&nbsp;starts in our childhood and follows us in different ways. Should we stop admiring them or should we try to become one of them every minute of our lives? We were seriously asked to find out how would be the heroes of 2020 but we wanted to find out if that was a good question.</p>
<p><a href="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-1low.jpg"><img class="alignleft size-full wp-image-1329" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-1low.jpg" alt="Heroes of 2022 (Critical Design exercise with Jan van Toorn)" width="1280" height="853" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-1low.jpg 1280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-1low-700x466.jpg 700w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-1low-1024x682.jpg 1024w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></p>
<h3>Description</h3>
<p>The workshop intended to offer us theoretical and practical tools for an editorial approach of visual production. It concentrated on the diversity of means of the critical ‘journalistic’ tradition in media that works in the tension between realistic imitation and self-conscious artifice, i.e. between representation and presentation.</p>

<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1335#main'><img width="700" height="466" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/3-1low-700x466.jpg" class="attachment-medium size-medium" alt="Heroes of 2022 (Critical Design exercise with Jan van Toorn)" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/3-1low-700x466.jpg 700w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/3-1low-1024x682.jpg 1024w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/3-1low.jpg 1280w" sizes="(max-width: 700px) 100vw, 700px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1337#main'><img width="700" height="466" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/3-3low-700x466.jpg" class="attachment-medium size-medium" alt="Heroes of 2022 (Critical Design exercise with Jan van Toorn)" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/3-3low-700x466.jpg 700w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/3-3low-1024x682.jpg 1024w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/3-3low.jpg 1280w" sizes="(max-width: 700px) 100vw, 700px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1336#main'><img width="700" height="466" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/3-2low-700x466.jpg" class="attachment-medium size-medium" alt="Heroes of 2022 (Critical Design exercise with Jan van Toorn)" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/3-2low-700x466.jpg 700w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/3-2low-1024x682.jpg 1024w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/3-2low.jpg 1280w" sizes="(max-width: 700px) 100vw, 700px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1334#main'><img width="700" height="466" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/2-3low-700x466.jpg" class="attachment-medium size-medium" alt="Heroes of 2022 (Critical Design exercise with Jan van Toorn)" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/2-3low-700x466.jpg 700w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/2-3low-1024x682.jpg 1024w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/2-3low.jpg 1280w" sizes="(max-width: 700px) 100vw, 700px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1333#main'><img width="700" height="466" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/2-2low-700x466.jpg" class="attachment-medium size-medium" alt="Heroes of 2022 (Critical Design exercise with Jan van Toorn)" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/2-2low-700x466.jpg 700w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/2-2low-1024x682.jpg 1024w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/2-2low.jpg 1280w" sizes="(max-width: 700px) 100vw, 700px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1332#main'><img width="700" height="466" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/2-1low-700x466.jpg" class="attachment-medium size-medium" alt="Heroes of 2022 (Critical Design exercise with Jan van Toorn)" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/2-1low-700x466.jpg 700w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/2-1low-1024x682.jpg 1024w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/2-1low.jpg 1280w" sizes="(max-width: 700px) 100vw, 700px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1331#main'><img width="700" height="466" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-3low-700x466.jpg" class="attachment-medium size-medium" alt="Heroes of 2022 (Critical Design exercise with Jan van Toorn)" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-3low-700x466.jpg 700w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-3low-1024x682.jpg 1024w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-3low.jpg 1280w" sizes="(max-width: 700px) 100vw, 700px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1330#main'><img width="700" height="466" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-2low-700x466.jpg" class="attachment-medium size-medium" alt="Heroes of 2022 (Critical Design exercise with Jan van Toorn)" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-2low-700x466.jpg 700w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-2low-1024x682.jpg 1024w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-2low.jpg 1280w" sizes="(max-width: 700px) 100vw, 700px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1329#main'><img width="700" height="466" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-1low-700x466.jpg" class="attachment-medium size-medium" alt="Heroes of 2022 (Critical Design exercise with Jan van Toorn)" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-1low-700x466.jpg 700w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-1low-1024x682.jpg 1024w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2015/04/1-1low.jpg 1280w" sizes="(max-width: 700px) 100vw, 700px" /></a>

<blockquote><p>The workshop focused on the editing and meaning building process.</p></blockquote>
<p>In reaction to the virtual realism of the spectacle dominating mainstream media, which prevents a meaningful use of word and image, the workshop deals with textual, visual and other practices that further more complex and argumentative forms of communication and foregrounds the constructed nature of messages in order to solicit the active interpretation of the viewer/reader. That is why the emphasis is on the potentialities and richness of the ‘reflexive’ or ‘dialogic method’, trying to recuperate the specificity of its projective and emancipatory practice. Taking the social workings of the message as a starting point the workshop focusses on the editing and making process, introducing a method which structures the collecting and editing of information in a way that lays the foundation for the staging, the mise-en-scene of fact and vision to the multiple sensory tracks of the visual.</p>
]]></content:encoded>
									<post-id xmlns="com-wordpress:feed-additions:1">1764</post-id>	</item>
		<item>
		<title>PoLPs (work in progress)</title>
		<link>http://aspectocomunicacion.es/mariano/?p=1735</link>
				<pubDate>Mon, 03 Jul 2017 10:16:07 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Interaction & Interface Design]]></category>
		<category><![CDATA[Learning & Education]]></category>
		<category><![CDATA[Research]]></category>
		<category><![CDATA[visible]]></category>

		<guid isPermaLink="false">http://aspectocomunicacion.es/mariano/?p=1735</guid>
				<description><![CDATA[Can we connect schools formal learning with kids daily lives?, can we make children look at the world instead of looking at a screen? Can homework be fun and meaningful? PoLPs project site DESCRIPTION The POLP (Possibility Of Learning Places) network&#160;is a digital space for kids to learn from each other about math&#160;but based on [&#8230;]]]></description>
								<content:encoded><![CDATA[<p>Can we connect schools formal learning with kids daily lives?, can we make children look at the world instead of looking at a screen? Can homework be fun and meaningful?</p>
<p><a href="http://situatedhomework.wordpress.com">PoLPs project site</a></p>
<h3>DESCRIPTION</h3>
<p>The POLP (Possibility Of Learning Places) network&nbsp;is a digital space for kids to learn from each other about math&nbsp;but based on the world around them.<br />
There will be basically two possibilities&nbsp;for people to play in this network:<span id="more-202"></span></p>
<ul>
<li><em>Find, Create and Publish</em>&nbsp;geolocalized (math) content using photo or video. That content can be edited and elaborated later by anyone in the network; drawing and writing on it, tagging it (3 max) and classifying it for a targeted age range. It is an instance or example of a math problem, concept, term or topic. So for example, imagine you are a teacher explaining multiplication to your students and, as homework, you ask them to take pictures or sounds, etc. from their surroundings that are an example of multiplication. Students could take pictures of the windows of an office building or a fragment of electronic music and upload them (tagging, commenting and targeting them). Kids share their homework problems linked&nbsp;to real places and situations relevant to them.</li>
<li><em>Scan</em>&nbsp;the area where you are and&nbsp;<em>find</em>&nbsp;POLPs by other group and classmates. Of course, you could also be automatically notified if you wanted so. Instead of doing homework sitting in your room, you go out and find problems your classmates have created and get points solving, correcting and improving other kids problems.</li>
</ul>
<p>POLPS can be graded and ranked.</p>
<h3>Video Scenario</h3>
<p><iframe src="https://www.youtube.com/embed/fx4w8K8l62g" width="900" height="506" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<h3>LOGIC OF THE NETWORK</h3>
<p>The goal of the network is to create&nbsp;local, situated/connected learning communities that explore and inquiry the world around them. The drive is to connect what children learn in school with their everyday lives providing the opportunity for&nbsp;<em>homework</em>&nbsp;that is creative and outdoors. The communities are formed by teachers and students in a certain class in a certain grade in a real school. Parents and other agents in the neighborhood could join.</p>
<blockquote><p>Some key aspects a)&nbsp;technology (cell phone) is used to explore the world around. Normally, kids use technology in an isolating way. The screen becomes their world. We try to make&nbsp;kids look around, be curious and create questions. b)&nbsp;the network is created by people who know each other and who see each other in real life on a daily basis. c)&nbsp;creativity and collaboration are rewarded more than competition.</p>
<p>Knowledge is created by the interaction of kids between them and with their world.</p>
<p>The tool promotes social media creation and communication skills apart from being based in inquiring the world.</p></blockquote>
<p>Children work in groups of three to four members.</p>
<p>Groups are organized within classes, within schools, so there is a growing hierarchy and challenges range from the&nbsp;individual level up to the&nbsp;&nbsp;highest level (person, group, class, grade, school, district…)</p>
<p>Teachers (and parents?) can also participate creating problems. Ideally, people around school (little shops and other agents in the neighborhood) could also join.</p>
<h3>Process so far&#8230;</h3>
<p>This is an overview of some of the steps in my participatory design process including rapid prototyping, user research, workshops and tests. <a href="https://situatedhomework.wordpress.com/">A blog about the project can be visited in more detail here.</a></p>

<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1742#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/DSC_0501-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/DSC_0501-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/DSC_0501-280x280.jpg 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/DSC_0501-100x100.jpg 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/DSC_0501-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1743#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/en-clase-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/en-clase-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/en-clase-280x280.jpg 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/en-clase-100x100.jpg 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/en-clase-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1744#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6625-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6625-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6625-280x280.jpg 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6625-100x100.jpg 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6625-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1745#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/prototype-resorces-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/prototype-resorces-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/prototype-resorces-280x280.jpg 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/prototype-resorces-100x100.jpg 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/prototype-resorces-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1746#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/prototype_03-350x350.png" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/prototype_03-350x350.png 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/prototype_03-280x280.png 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/prototype_03-100x100.png 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/prototype_03-50x50.png 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1747#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/Artboard-1-350x350.png" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/Artboard-1-350x350.png 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/Artboard-1-280x280.png 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/Artboard-1-100x100.png 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/Artboard-1-50x50.png 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1748#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/DSC_0537-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/DSC_0537-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/DSC_0537-280x280.jpg 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/DSC_0537-100x100.jpg 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/DSC_0537-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1749#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/dsc_0558-e1495470968879-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/dsc_0558-e1495470968879-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/dsc_0558-e1495470968879-280x280.jpg 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/dsc_0558-e1495470968879-100x100.jpg 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/dsc_0558-e1495470968879-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1750#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/en-clase-1-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/en-clase-1-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/en-clase-1-280x280.jpg 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/en-clase-1-100x100.jpg 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/en-clase-1-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1751#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/image-5-e1523473261646-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/image-5-e1523473261646-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/image-5-e1523473261646-360x360.jpg 360w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1752#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/jorge-endrino-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/jorge-endrino-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/jorge-endrino-280x280.jpg 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/jorge-endrino-100x100.jpg 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/jorge-endrino-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1753#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/sketch-1494223874905-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/sketch-1494223874905-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/sketch-1494223874905-280x280.jpg 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/sketch-1494223874905-100x100.jpg 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/sketch-1494223874905-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1754#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6595-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6595-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6595-280x280.jpg 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6595-100x100.jpg 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6595-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1755#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6601-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6601-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6601-280x280.jpg 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6601-100x100.jpg 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6601-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1756#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6609-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6609-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6609-280x280.jpg 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6609-100x100.jpg 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/IMG_6609-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1757#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/MG_9090-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/MG_9090-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/MG_9090-280x280.jpg 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/MG_9090-100x100.jpg 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/MG_9090-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1758#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/MG_9138-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/MG_9138-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/MG_9138-280x280.jpg 280w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/MG_9138-100x100.jpg 100w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/MG_9138-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1759#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/MG_9345-1-e1523290329891-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/MG_9345-1-e1523290329891-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/MG_9345-1-e1523290329891-50x50.jpg 50w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2017/07/MG_9345-1-e1523290329891-800x800.jpg 800w" sizes="(max-width: 350px) 100vw, 350px" /></a>

<h3>CHILDREN GET POINTS WHEN…</h3>
<ul>
<li>create an example (picture or video) from their context that is related&nbsp;with what they are studying at school (2p)</li>
<li>create a problem for&nbsp;an example (3p)</li>
<li>solve problems without help (1p)</li>
<li>help other kids to solve problems (2p)</li>
<li>correct mistakes in other kids problems (2p)</li>
<li>ask for help&nbsp;and acknowledge help received (.5p)</li>
<li>the problems they have created are not solved by people from other groups (3p)</li>
<li>problems are “liked” because they are fun or smart or special (3p)</li>
<li>they “like” a problem from another group (1p)</li>
<li>create/share/choose web resources that are related (1p) and liked (2p)</li>
<li>they solve problems where they were created (2p) (?)</li>
<li>they create problems that are far from the usual place (2p) (?)</li>
</ul>
<h3>CHILDREN LOOSE POINTS WHEN…</h3>
<ul>
<li>they have made three mistakes (1p)</li>
<li>they cannot solve a problem they have created (2p)</li>
<li>they do not create a minimum number (3) of problems per week (1p) (?)</li>
<li>they do not solve a minimum number of problems&nbsp;(5) per week (1p) (?)</li>
<li>they create a problem that is wrong (cannot be solved) (1p)</li>
</ul>
<h3>GROUPS</h3>
<p>The points of a group are basically the sum of the points of the people in that group. If the difference in &nbsp;points is not bigger than a certain percentage (20%?) the group gets extra points (10p).</p>
<h3>MISSIONS</h3>
<p>Teachers or winning groups can establish missions that are defined by a topic of interest (sports, cooking, speed, clash royale, stars wars, etc.) a time period (a week) and a minimum number of points per group.</p>
<h3>BADGES</h3>
<p>Kids get badges every certain number of points or after a level of difficulty is mastered.</p>
<p>When they get a new badge, they have some &nbsp;privilege like establishing the theme of the next week.</p>
<h3>PROBLEMS</h3>
<p>Problems are categorized by their context, grade, (reference to the curriculum) and type/level.&nbsp;There are three types of problems (normal, too many data, and no data). These three types of problems correspond to levels of abstraction and therefore after children&nbsp;have a number of points (25p) on a level, they get a badge and upgrade to a higher level.</p>
<p>Problems are created with photo, video and audio or text. Drawings (on top of the picture) can also be added.</p>
<p>There is a database of example problems (text) that can be used to get ideas to create real contextual problems.</p>
<h3>LEARNING ANALYTICS</h3>
<p>Teachers get detailed reports on the work of every student.</p>
<p>The reports give the usual quantitative information about academic achievement. But also (qualitatively rich?) info about&nbsp;<em>creativity</em>&nbsp;(problems created, problems liked),&nbsp;<em>collaboration</em>&nbsp;(mistakes corrected)&nbsp;<em>mentoring</em>&nbsp;others (help given),&nbsp;<em>difficulties</em>&nbsp;(help asked/received) and&nbsp;<em>motivation</em>&nbsp;(global activity on the network).</p>
]]></content:encoded>
									<post-id xmlns="com-wordpress:feed-additions:1">1735</post-id>	</item>
		<item>
		<title>Hi!</title>
		<link>http://aspectocomunicacion.es/mariano/?p=1728</link>
				<pubDate>Mon, 03 Jul 2017 09:48:39 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Research]]></category>
		<category><![CDATA[visible]]></category>

		<guid isPermaLink="false">http://aspectocomunicacion.es/mariano/?p=1728</guid>
				<description><![CDATA[I am Mariano Velamazán, an interaction designer with a background in computer science and audiovisual communications. I have a passion for design applied to learning and visualizations.]]></description>
								<content:encoded><![CDATA[<p>I am Mariano Velamazán, an interaction designer with a background in computer science and audiovisual communications.<br />
I have a passion for design applied to learning and visualizations.</p>
]]></content:encoded>
									<post-id xmlns="com-wordpress:feed-additions:1">1728</post-id>	</item>
		<item>
		<title>Superbleeper: play, music &#038; math</title>
		<link>http://aspectocomunicacion.es/mariano/?p=1544</link>
				<pubDate>Mon, 11 Jul 2016 14:13:25 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Interaction & Interface Design]]></category>
		<category><![CDATA[Learning & Education]]></category>
		<category><![CDATA[Research]]></category>
		<category><![CDATA[visible]]></category>
		<category><![CDATA[education]]></category>
		<category><![CDATA[electronic]]></category>
		<category><![CDATA[embodied]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[math]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[play]]></category>
		<category><![CDATA[situated]]></category>

		<guid isPermaLink="false">http://aspectocomunicacion.es/mariano/?p=1544</guid>
				<description><![CDATA[When I was a kid, my math teacher used to say that “math was everywhere&#8230;” but I couldn’t see it. I enjoy learning anything but math was always difficult for me; why? This project is, in a sense, about making visible the invisible; about revealing what is hidden inviting people to explore and understand. It [&#8230;]]]></description>
								<content:encoded><![CDATA[<p><span id="more-1544"></span><div id="attachment_1547" style="width: 710px" class="wp-caption aligncenter"><a href="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/x_test_ok_hi_res.jpg"><img aria-describedby="caption-attachment-1547" class="wp-image-1547 size-large" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/x_test_ok_hi_res-1024x576.jpg" alt="Happy child playing with the superbleeper" width="700" height="394"></a><p id="caption-attachment-1547" class="wp-caption-text">Happy child playing with the <em>superbleeper</em></p></div></p>
<h3></h3>
<p>When I was a kid, my math teacher used to say that “math was everywhere&#8230;” but I couldn’t see it. I enjoy learning anything but math was always difficult for me; why?</p>
<p>This project is, in a sense, about making visible the invisible; <em>about revealing what is hidden inviting people to explore and understand</em>. It offers people the possibility to make connections between different things. It is trying to make people ask themselves what is going on, what is going to happen next and what would happen if “I tried this”.</p>
<h3></h3>
<p><iframe class='youtube-player' type='text/html' width='700' height='394' src='https://www.youtube.com/embed/VAJBNRCqBfY?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></p>
<h3>Tests&nbsp;&amp;&nbsp;context</h3>
<p>I tested the concept&nbsp;with more than 12 children between 3 and 6 years old in three different contexts:</p>
<ul>
<li>home/private environment</li>
<li>preschool with educator assistance</li>
<li>preschool without any assistance</li>
</ul>
<p>I didn&#8217;t explain anything to anyone just put the S<em>uperbleeper</em> on one of the&nbsp;tables among other toys and let kids play if they wanted.</p>
<p><iframe class='youtube-player' type='text/html' width='700' height='394' src='https://www.youtube.com/embed/iOsylXxMmvU?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></p>
<p><a href="https://youtu.be/jMkuzXrFvvE" target="_blank" rel="noopener noreferrer">Watch longer fragments here</a></p>
<h3>The system</h3>
<p><div id="attachment_1564" style="width: 710px" class="wp-caption aligncenter"><a href="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5991-1.jpg"><img aria-describedby="caption-attachment-1564" class="size-large wp-image-1564" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5991-1-1024x683.jpg" alt="The Superbleeper system" width="700" height="467" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5991-1-1024x683.jpg 1024w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5991-1-700x467.jpg 700w" sizes="(max-width: 700px) 100vw, 700px" /></a><p id="caption-attachment-1564" class="wp-caption-text">The Superbleeper system</p></div><em>Superbleeper</em> is a system of wooden blocks that map music concepts to tangible tokens. These blocks have been designed to visualize the math behind music. The system is shaped by the relationships between concepts like patterns, shapes, measurement, set and number sense.</p>
<p>Children interact with tangibles in order to create rhythms using math concepts. They get tactile visual and aural feedback.</p>
<p><div id="attachment_1565" style="width: 710px" class="wp-caption aligncenter"><a href="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5911.jpg"><img aria-describedby="caption-attachment-1565" class="size-large wp-image-1565" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5911-1024x683.jpg" alt="Width represents duration of sound. A quarter, half and whole notes." width="700" height="467" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5911-1024x683.jpg 1024w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5911-700x467.jpg 700w" sizes="(max-width: 700px) 100vw, 700px" /></a><p id="caption-attachment-1565" class="wp-caption-text">Width represents duration of sound. A quarter, half and whole notes.</p></div>For example, the width of the blocks represents the duration of the whole, half and quarter note.<br />
The height of each block represents one music tone. So stacking blocks, children define notes with different duration and pitches.</p>
<p><div id="attachment_1566" style="width: 710px" class="wp-caption aligncenter"><a href="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5913.jpg"><img aria-describedby="caption-attachment-1566" class="size-large wp-image-1566" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5913-1024x683.jpg" alt="Height represents the pitch of the note. Every block piled, adds a tone. An E (quarter), G (half) and D (whole) notes" width="700" height="467" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5913-1024x683.jpg 1024w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5913-700x467.jpg 700w" sizes="(max-width: 700px) 100vw, 700px" /></a><p id="caption-attachment-1566" class="wp-caption-text">Height represents the pitch of the note. Every block piled, adds a tone. An E (quarter), G (half) and D (whole) notes</p></div>In this picture we can see an E quarter note, a G half note (Superbleeper uses pentatonic scales) and a D whole note.</p>
<p><div id="attachment_1567" style="width: 710px" class="wp-caption aligncenter"><a href="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5907.jpg"><img aria-describedby="caption-attachment-1567" class="size-large wp-image-1567" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5907-1024x683.jpg" alt="Shapes, represent the waveform of the sound synthesized. Ramp, sine and square waveshapes" width="700" height="467" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5907-1024x683.jpg 1024w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/IMG_5907-700x467.jpg 700w" sizes="(max-width: 700px) 100vw, 700px" /></a><p id="caption-attachment-1567" class="wp-caption-text">Shapes, represent the waveform of the sound synthesized. Ramp, sine and square waveshapes</p></div>The shapes represent the waveforms of the sounds that would be played. They can be sine, ramp and square waveshapes.</p>
<p>The colors are mapped to different musical scales. They define the starting note around which the scale is created (C1, C2, C3, etc.)</p>
<p>These notes can be placed on the sides of the Superbleeper sequencer box in order to listen to the sound created. The sequencer cube admits one block on each side, so 4 steps rhythms/sequences can be created with different notes and different durations. Visual light feedback is provided to make clear the connection between the sound, the block and the math that describes it.</p>

<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1568#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_1-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="Light feedback animation" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_1-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_1-360x360.jpg 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_1-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1569#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_2-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="Light feedback animation 2" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_2-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_2-360x360.jpg 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_2-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1570#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_3-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="Light feedback animation 3" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_3-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_3-360x360.jpg 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_3-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1571#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_4-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="Light feedback animation 4" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_4-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_4-360x360.jpg 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/side_lights_animation_4-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>

<p>The picture above shows the <em>Superbleeper</em> sequencer box with one wooden block representing a whole E note with a sine waveshape. Lights show the duration, height and scale of the block. The sound that is synthesized and played corresponds to the tone defined by the wooden blocks.</p>
<p><div id="attachment_1572" style="width: 710px" class="wp-caption aligncenter"><a href="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/x_IMG_6048.jpg"><img aria-describedby="caption-attachment-1572" class="size-large wp-image-1572" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/x_IMG_6048-1024x683.jpg" alt="Kid touching, watching and listening to his block" width="700" height="467" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/x_IMG_6048-1024x683.jpg 1024w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/x_IMG_6048-700x467.jpg 700w" sizes="(max-width: 700px) 100vw, 700px" /></a><p id="caption-attachment-1572" class="wp-caption-text">Kid touching, watching and listening to his block</p></div>Children experience touch, visual and aural senses while playing with mathematical concepts.</p>
<h3>The process</h3>
<h4>Research</h4>
<p>I followed a Design Ethnography and Participatory Design method working with children throughout the whole process. I interviewed children during research while trying to understand their likes and feelings when learning and playing.</p>

<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1551#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/DSC_0010-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="Finding out kid&#039;slikes and dislikes" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/DSC_0010-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/DSC_0010-360x360.jpg 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/DSC_0010-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1553#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/workshop-3_2-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="What do you like and hate about math?" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/workshop-3_2-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/workshop-3_2-360x360.jpg 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/workshop-3_2-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1562#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/workshop_2_1-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="Interviewing kids to find out why they enjoy making an effort on some things and not others" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/workshop_2_1-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/workshop_2_1-360x360.jpg 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/workshop_2_1-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>

<p>I run ideation workshops with kids to get inspiration from their designs and mockups. When I went into prototyping I worked with kids as testers and users (following Allison Druin terminology and framework).</p>

<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1555#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws01_01-350x350.png" class="attachment-thumbnail size-thumbnail" alt="Representing sound" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws01_01-350x350.png 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws01_01-360x360.png 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws01_01-50x50.png 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1558#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_07-350x350.png" class="attachment-thumbnail size-thumbnail" alt="Representing sound with blocks, numbers and operations" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_07-350x350.png 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_07-360x360.png 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_07-50x50.png 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1559#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_09-350x350.png" class="attachment-thumbnail size-thumbnail" alt="Representing sound with blocks, numbers and operations" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_09-350x350.png 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_09-360x360.png 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_09-50x50.png 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1554#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/workshop-04_05-350x350.png" class="attachment-thumbnail size-thumbnail" alt="Calculating with music" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/workshop-04_05-350x350.png 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/workshop-04_05-360x360.png 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/workshop-04_05-50x50.png 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1560#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_10-350x350.png" class="attachment-thumbnail size-thumbnail" alt="Representing sound with blocks, numbers and operations" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_10-350x350.png 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_10-360x360.png 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_10-50x50.png 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1556#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_01-350x350.png" class="attachment-thumbnail size-thumbnail" alt="Representing sound with blocks, numbers and operations" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_01-350x350.png 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_01-360x360.png 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_01-50x50.png 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1557#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_04-350x350.png" class="attachment-thumbnail size-thumbnail" alt="Representing sound with blocks, numbers and operations" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_04-350x350.png 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_04-360x360.png 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws02_04-50x50.png 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1561#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws0602b-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="Create a toy that plays math operations and outputs sound" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws0602b-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws0602b-360x360.jpg 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/ws0602b-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>

<h4>Video prototypes &amp; ideation</h4>
<p>After research, I created these two ideas of which I picked the first one.</p>
<p><iframe class='youtube-player' type='text/html' width='700' height='394' src='https://www.youtube.com/embed/Xy3DmOvg1Ug?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></p>
<p><iframe class='youtube-player' type='text/html' width='700' height='394' src='https://www.youtube.com/embed/4l7LadPkjiA?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></p>
<h4>Iterations of the prototype</h4>

<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1583#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/img_53901-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="First version of the electronics" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/img_53901-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/img_53901-360x360.jpg 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/img_53901-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1584#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/img_53991-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="First iteration" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/img_53991-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/img_53991-360x360.jpg 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/img_53991-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1586#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/mg_54381-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="Second iteration" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/mg_54381-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/mg_54381-360x360.jpg 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/mg_54381-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1582#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/featured001-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="Third iteration. Core concept settled" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/featured001-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/featured001-360x360.jpg 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/featured001-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1585#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/in-context1-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="Final iteartion. Testing, refining and testing again in context" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/in-context1-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/in-context1-360x360.jpg 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/in-context1-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>

<h4>Tests</h4>

<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1591#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/tilting-test-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="Testing tilting with preschool kids" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/tilting-test-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/tilting-test-360x360.jpg 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/tilting-test-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1590#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/test3-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="Testing if the relationship between the blocks and the sound was understood" srcset="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/test3-350x350.jpg 350w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/test3-360x360.jpg 360w, http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/test3-50x50.jpg 50w" sizes="(max-width: 350px) 100vw, 350px" /></a>
<a href='http://aspectocomunicacion.es/mariano/?attachment_id=1599#main'><img width="350" height="350" src="http://aspectocomunicacion.es/mariano/wp-content/uploads/2016/07/test-e1468250238160-350x350.jpg" class="attachment-thumbnail size-thumbnail" alt="Testing in context" /></a>

]]></content:encoded>
									<post-id xmlns="com-wordpress:feed-additions:1">1544</post-id>	</item>
	</channel>
</rss>
