<?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>Ghalya &#8211; Making Things Interactive, Fall 2019</title>
	<atom:link href="https://courses.ideate.cmu.edu/48-339/f2019/?feed=rss2&#038;author=10" rel="self" type="application/rss+xml" />
	<link>https://courses.ideate.cmu.edu/48-339/f2019</link>
	<description>Making Things Interactive</description>
	<lastBuildDate>Sat, 07 Dec 2019 19:15:10 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.2.20</generator>
	<item>
		<title>A Calming Smartwatch For Anxiety</title>
		<link>https://courses.ideate.cmu.edu/48-339/f2019/?p=1054</link>
				<comments>https://courses.ideate.cmu.edu/48-339/f2019/?p=1054#respond</comments>
				<pubDate>Sat, 07 Dec 2019 19:12:48 +0000</pubDate>
		<dc:creator><![CDATA[Ghalya]]></dc:creator>
				<category><![CDATA[Crits]]></category>
		<category><![CDATA[Final Crit]]></category>

		<guid isPermaLink="false">https://courses.ideate.cmu.edu/48-339/f2019/?p=1054</guid>
				<description><![CDATA[Premise I wanted to create a smart watch interface for someone with anxiety and panic disorder. It reads someone’s pulse and breath rate and can detect when someone is having a panic attack. I used real-time biometric data from a pulse sensor and a wind sensor and hooked it up to an ardiuno, then I &#8230; <a href="https://courses.ideate.cmu.edu/48-339/f2019/?p=1054" class="more-link">Continue reading<span class="screen-reader-text"> "A Calming Smartwatch For Anxiety"</span></a>]]></description>
								<content:encoded><![CDATA[<h2>Premise</h2>
<p>I wanted to create a smart watch interface for someone with anxiety and panic disorder. It reads someone’s pulse and breath rate and can detect when someone is having a panic attack. I used real-time biometric data from a pulse sensor and a wind sensor and hooked it up to an ardiuno, then I used serial communication to send the data and trigger &amp; display different calming graphics using p5.js. I will go through the project interface and design first, then I will show you how I went about doing it.</p>
<h2>Project Proposal</h2>
<h4>REGULAR INTERFACE</h4>
<figure id="attachment_1055" aria-describedby="caption-attachment-1055" style="width: 400px" class="wp-caption alignleft"><img class="wp-image-1055" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/12/clockDisplay.gif" alt="" width="400" height="405" /><figcaption id="caption-attachment-1055" class="wp-caption-text">The regular display when someone is not having a panic attack consists of a clock, the date, and a BPM graphic that reacts to your pulse.</figcaption></figure>
<h4>INTERFACE DURING A PANIC ATTACK</h4>
<p>Depending on the kind of panic attack you are having, there are 3 modes/techniques. The good thing is that any of these techniques would work during a panic attack. I weighted certain techniques to be triggered based on someone’s sensor data. But for the purpose of the scope of this project, and because this requires more knowledge, time and research, I used keyboard keys to to demonstrate the different interfaces.</p>
<ol>
<li><strong>Deep Breathing Technique </strong>(for when you’re hyperventilating)</li>
<li><strong>Counting Technique</strong> (for when your heart rate cannot be controlled)</li>
<li><strong>Distraction Technique</strong> (for when you need to be distracted from your overwhelming thoughts)</li>
</ol>
<p>These techniques and methods were based on my research on medical articles <a href="https://www.medicalnewstoday.com/articles/321510.php#ways-to-stop-a-panic-attack">here</a>, <a href="https://ibpf.org/article/9-tips-help-you-get-through-panic-attack">here</a>, and <a href="https://www.healthline.com/health/how-to-stop-a-panic-attack">here</a>.</p>
<h6>Deep Breathing</h6>
<figure id="attachment_1056" aria-describedby="caption-attachment-1056" style="width: 400px" class="wp-caption alignleft"><img class="wp-image-1056 size-full" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/12/ezgif.com-optimize-6.gif" alt="" width="400" height="405" /><figcaption id="caption-attachment-1056" class="wp-caption-text">The blobs are made to soothe you and help you concentrate on your breathing. As you breath in, the blobs expand, and as you exhale the deflate.</figcaption></figure>
<h6>Counting</h6>
<blockquote class="wp-block-quote"><p>“Recently I found that trying to focus on something else such as counting numbers… works, because it requires concentration.”</p>
<p><cite><em>Melanie Luxenberg</em></cite></p></blockquote>
<figure id="attachment_1057" aria-describedby="caption-attachment-1057" style="width: 400px" class="wp-caption alignleft"><img class="wp-image-1057" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/12/countingTechnique.gif" alt="" width="400" height="405" /><figcaption id="caption-attachment-1057" class="wp-caption-text">The idea here is you count to 5 over and over again, until you naturally realize that your slowly calming down. Before you know it, as you’re trying to fill the canvas with tick marks, you’ll start to feel much better!</figcaption></figure>
<h6>Distraction</h6>
<figure id="attachment_1058" aria-describedby="caption-attachment-1058" style="width: 400px" class="wp-caption alignleft"><img class="wp-image-1058" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/12/game_Distraction.gif" alt="" width="400" height="405" /><figcaption id="caption-attachment-1058" class="wp-caption-text">This is a game interface to act as a distraction technique. Note the large “IT’S OK!” text as an emphasis on how it’s okay that you lost, and you can try again, since it’s not about winning. This way, you can play for as long as you want and/or until you feel calmer.</figcaption></figure>
<h2>Proof of Concept</h2>
<p>Testing the pulse sensor and how it communicates using the p5.js serial port:</p>
<p><iframe title="HeartBeat Sensor testing" width="840" height="630" src="https://www.youtube.com/embed/98aaFAnUX3I?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
<p>Testing the wind sensor and how it communicates with the p5.js graphics:</p>
<p><iframe title="Breathing Sensor Testing" width="840" height="630" src="https://www.youtube.com/embed/pDsy2xgKLcI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
<p>&nbsp;</p>
<p>Going through all the different types of interfaces and how they react to the user’s biometric sensor data and interactions:</p>
<p><iframe title="Run Through All Interactions" width="840" height="473" src="https://www.youtube.com/embed/Y0_x6InxIJU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
<h2>How to Implement it</h2>
<p>I used the step by step guide provided by NYU’s physical computing department <a href="https://itp.nyu.edu/physcomp/labs/labs-serial-communication/lab-serial-input-to-the-p5-js-ide/">here</a> to learn how to use ardiuno and p5.js together. If you follow that guide, you can know how to download and run the project. You will need to download the <a href="http://p5js.org/download/">P5.js complete library</a>, the <a href="https://github.com/vanevery/p5.serialport">P5.serialserver</a>, and the <a href="https://www.arduino.cc/en/main/software">ardiuno software</a>.</p>
<figure id="attachment_1060" aria-describedby="caption-attachment-1060" style="width: 840px" class="wp-caption aligncenter"><img class="wp-image-1060 size-large" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/12/Sketch_bb-1024x955.png" alt="" width="840" height="783" srcset="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/12/Sketch_bb-1024x955.png 1024w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/12/Sketch_bb-300x280.png 300w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/12/Sketch_bb-768x716.png 768w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/12/Sketch_bb-1200x1119.png 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /><figcaption id="caption-attachment-1060" class="wp-caption-text">Circuit Sketch of how to hook up the sensors to an ardiuno.</figcaption></figure>
<p>You can download all the files you need to  run the project here: <a href="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/12/galsanea_FinalProject_allFiles.zip">galsanea_FinalProject_allFiles</a></p>
]]></content:encoded>
							<wfw:commentRss>https://courses.ideate.cmu.edu/48-339/f2019/?feed=rss2&#038;p=1054</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>Approach at Your Own Risk</title>
		<link>https://courses.ideate.cmu.edu/48-339/f2019/?p=916</link>
				<comments>https://courses.ideate.cmu.edu/48-339/f2019/?p=916#respond</comments>
				<pubDate>Sat, 30 Nov 2019 23:28:16 +0000</pubDate>
		<dc:creator><![CDATA[Ghalya]]></dc:creator>
				<category><![CDATA[Assignment 8]]></category>
		<category><![CDATA[Assignments]]></category>

		<guid isPermaLink="false">https://courses.ideate.cmu.edu/48-339/f2019/?p=916</guid>
				<description><![CDATA[Premise Have you ever been home and didn&#8217;t want to interact with anyone or have you ever wanted to scare off unwanted guests? What if you had a security system that works by scaring people away at the door? Proposal A system that scares people away using tapping and buzzing. The closer you get, the &#8230; <a href="https://courses.ideate.cmu.edu/48-339/f2019/?p=916" class="more-link">Continue reading<span class="screen-reader-text"> "Approach at Your Own Risk"</span></a>]]></description>
								<content:encoded><![CDATA[<h4>Premise</h4>
<p>Have you ever been home and didn&#8217;t want to interact with anyone or have you ever wanted to scare off unwanted guests? What if you had a security system that works by scaring people away at the door?</p>
<h4>Proposal</h4>
<p>A system that scares people away using tapping and buzzing. The closer you get, the faster the tapping. If you get really close, then the doorknob vibrates. The idea here is that it only scares people who don&#8217;t see it coming (ie uninvited people who won&#8217;t leave you alone). If you know about the system then it won&#8217;t scare you, and the only way you would know about the system is if you&#8217;re the person who set it up or if you tell invited people.</p>
<h4>Proof of Concept</h4>
<p><iframe title="Scare Away Security System" width="840" height="473" src="https://www.youtube.com/embed/QS6a682rRfY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
<p><img class="alignnone size-large wp-image-925" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/sketch-1-1024x833.png" alt="" width="840" height="683" srcset="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/sketch-1-1024x833.png 1024w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/sketch-1-300x244.png 300w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/sketch-1-768x625.png 768w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/sketch-1-1200x976.png 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /></p>
<p><a href="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/ScareAwaySecuritySystem.zip">ScareAwaySecuritySystem_CodeFiles</a></p>
]]></content:encoded>
							<wfw:commentRss>https://courses.ideate.cmu.edu/48-339/f2019/?feed=rss2&#038;p=916</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>everything is a musical instrument, just try not to eat it</title>
		<link>https://courses.ideate.cmu.edu/48-339/f2019/?p=890</link>
				<comments>https://courses.ideate.cmu.edu/48-339/f2019/?p=890#respond</comments>
				<pubDate>Thu, 21 Nov 2019 05:44:15 +0000</pubDate>
		<dc:creator><![CDATA[Ghalya]]></dc:creator>
				<category><![CDATA[Crit 3: Sound]]></category>
		<category><![CDATA[Crits]]></category>

		<guid isPermaLink="false">https://courses.ideate.cmu.edu/48-339/f2019/?p=890</guid>
				<description><![CDATA[What if every object in your home had a different pitch, and as you walk around and touch different things, you create a melody? Everything in the space around you can become part of the musical instrument! Wait what?! This instrument takes in different inputs and uses them to trigger notes. Each object can be &#8230; <a href="https://courses.ideate.cmu.edu/48-339/f2019/?p=890" class="more-link">Continue reading<span class="screen-reader-text"> "everything is a musical instrument, just try not to eat it"</span></a>]]></description>
								<content:encoded><![CDATA[<p>What if every object in your home had a different pitch, and as you walk around and touch different things, you create a melody? Everything in the space around you can become part of the musical instrument!</p>
<h4>Wait what?!</h4>
<p>This instrument takes in different inputs and uses them to trigger notes. Each object can be assigned a note, and whenever you touch that object, that note plays. Once the object is connected, you can assign and reassign any note you want to that object through a dial.</p>
<figure id="attachment_910" aria-describedby="caption-attachment-910" style="width: 840px" class="wp-caption alignnone"><img class="wp-image-910 size-large" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/concept-sketch-e1574313781904-1024x427.png" alt="" width="840" height="350" srcset="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/concept-sketch-e1574313781904-1024x427.png 1024w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/concept-sketch-e1574313781904-300x125.png 300w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/concept-sketch-e1574313781904-768x320.png 768w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/concept-sketch-e1574313781904-1200x501.png 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /><figcaption id="caption-attachment-910" class="wp-caption-text">Each object creates a different note as you touch it.</figcaption></figure>
<h6>Features:</h6>
<ul>
<li><span style="text-decoration: underline"><strong>8 inputs</strong></span> to plug in your different objects.</li>
<li><span style="text-decoration: underline"><strong>1 speaker</strong></span> to play the different notes.</li>
<li><span style="text-decoration: underline"><strong>2 dials &amp; a button</strong></span> to choose which object you want to change to which note.</li>
</ul>
<figure id="attachment_911" aria-describedby="caption-attachment-911" style="width: 840px" class="wp-caption alignnone"><img class="size-large wp-image-911" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/dial-interface-1024x510.png" alt="" width="840" height="418" srcset="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/dial-interface-1024x510.png 1024w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/dial-interface-300x149.png 300w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/dial-interface-768x383.png 768w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/dial-interface-1200x598.png 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /><figcaption id="caption-attachment-911" class="wp-caption-text">Dial interface and how to set notes to different objects.</figcaption></figure>
<h4>How does that even work&#8230;?</h4>
<p><iframe title="Everything Musical Instrument" width="840" height="473" src="https://www.youtube.com/embed/_HcjXVURKIo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
<p>Here, I used an orange, a banana, a compass and my laptop case. You can use anything you want that can conduct electricity! In the case of the laptop case, or other non conductive objects, you can use something like thin conductive tape to conduct. Note at the end of the video, you can use the dials and the button to change a specific object&#8217;s assigned sound.</p>
<p><img class="alignnone size-large wp-image-912" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/Inkedcircuit-sketch_LI-1024x823.jpg" alt="" width="840" height="675" srcset="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/Inkedcircuit-sketch_LI-1024x823.jpg 1024w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/Inkedcircuit-sketch_LI-300x241.jpg 300w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/Inkedcircuit-sketch_LI-768x617.jpg 768w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/Inkedcircuit-sketch_LI-1200x964.jpg 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /></p>
<p><a href="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/EverythingMusicalInstrument.zip">Code and Other Files</a></p>
]]></content:encoded>
							<wfw:commentRss>https://courses.ideate.cmu.edu/48-339/f2019/?feed=rss2&#038;p=890</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>Final Project Idea</title>
		<link>https://courses.ideate.cmu.edu/48-339/f2019/?p=867</link>
				<comments>https://courses.ideate.cmu.edu/48-339/f2019/?p=867#respond</comments>
				<pubDate>Sun, 17 Nov 2019 22:14:47 +0000</pubDate>
		<dc:creator><![CDATA[Ghalya]]></dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">https://courses.ideate.cmu.edu/48-339/f2019/?p=867</guid>
				<description><![CDATA[I have an idea on a final project, please let me know if you have any advice or feedback- I would greatly appreciate it! I want to create a smart watch interface for someone with anxiety and panic disorder. I plan on using real-time biometric data from sensors and using the data to trigger and &#8230; <a href="https://courses.ideate.cmu.edu/48-339/f2019/?p=867" class="more-link">Continue reading<span class="screen-reader-text"> "Final Project Idea"</span></a>]]></description>
								<content:encoded><![CDATA[<p>I have an idea on a final project, please let me know if you have any advice or feedback- I would greatly appreciate it!</p>
<p>I want to create a smart watch interface for someone with anxiety and panic disorder. I plan on using real-time biometric data from sensors and using the data to trigger and display things using p5.js. <img class="wp-image-868 size-full" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/IMG_9170.jpg" alt="" width="3938" height="2956" srcset="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/IMG_9170.jpg 3938w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/IMG_9170-300x225.jpg 300w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/IMG_9170-768x576.jpg 768w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/IMG_9170-1024x769.jpg 1024w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/IMG_9170-1200x901.jpg 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /></p>
<p>The watch has two modes: Normal Mode &amp; Panic Mode.Normal Mode includes a watch interface that displays the time and date, in addition to the sensor data in an artistic, data-visualization way (I am thinking something similar to a mood visualizer type of thing). The panic mode can be triggered through two ways: a panic button the user presses or sensor data that indicates the user is having a panic attack. In Panic Mode, the canvas cycles through the following anxiety relieving techniques:</p>
<ol class="block-editor-rich-text__editable editor-rich-text__editable" role="textbox" data-is-placeholder-visible="false" aria-label="Write list…">
<li><strong data-rich-text-format-boundary="true">Deep Breathing Exercise:</strong> using calming graphics to help guide the user through a deep breathing exercise. I will use online resources to figure out how the breathing exercise need to be in order to work, like <a href="https://www.webmd.com/balance/stress-management/stress-relief-breathing-techniques#1">WebMed&#8217;s Techiques for deep breathing.</a></li>
<li><strong>Body Scan</strong>: using the body scan technique found <a href="https://www.know-stress-zone.com/body-scan-relaxation.html">here</a>.</li>
<li><strong>Distraction/Game Technique</strong>: using a jigsaw puzzle or some sort of mind occupying game that reduces stress but still allow you to channel your overactive brain somewhere.</li>
<li><strong>5 Senses Technique</strong>: using the 5 senses to ground you, as shown below:</li>
</ol>
<figure style="width: 1157px" class="wp-caption alignnone"><img src="https://pbs.twimg.com/media/DdJk-CyWsAAS6Qe.jpg" alt="" width="1157" height="1200" /><figcaption class="wp-caption-text">This is a type of grounding technique to help bring you back to reality during a panic attack.</figcaption></figure>
<p>If all of the following techniques do not work, then this triggers a &#8220;call emergency contact&#8221; state, which calls someone you designated as a person to reach out to. For example, &#8220;calling your mom&#8230;&#8221;</p>
<p>The biometric sensors I am thinking of using are: a heart rate (PPG) sensor, a GSR sensor, and a respiratory rate sensor. The last one, I might not need, I am waiting to confirm with a specialist&#8230;</p>
<figure style="width: 369px" class="wp-caption alignnone"><img class="size-medium" src="https://encrypted-tbn2.gstatic.com/shopping?q=tbn:ANd9GcRnolbRe35_NXKymGJYA7HZXhBuVLO2q3A0l4_ANVDMDN5J1ywox8RwzYHnpw3XZ_fqJlQJZJC9-chvilXNMRHxqXGVKWOiVFSk3_69PWeG9ChNRbd_Xsox&amp;usqp=CAc" width="369" height="350" /><figcaption class="wp-caption-text">The photoplethysmography (PPG) circuit ascertains the user&#8217;s heart rate.</figcaption></figure>
<figure style="width: 700px" class="wp-caption alignnone"><img src="https://raw.githubusercontent.com/SeeedDocument/Grove-GSR_Sensor/master/img/GSR.jpg" alt="" width="700" height="525" /><figcaption class="wp-caption-text">The galvanic skin response (GSR) circuit ascertains the user&#8217;s skin conductance level &#8211; a measurement loosely coupled with perspiration indicative of stressful conditions (in other words, the more stressed you are, the more you sweat).</figcaption></figure>
]]></content:encoded>
							<wfw:commentRss>https://courses.ideate.cmu.edu/48-339/f2019/?feed=rss2&#038;p=867</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>Assignment 7: Stop Dancing and Listen</title>
		<link>https://courses.ideate.cmu.edu/48-339/f2019/?p=774</link>
				<comments>https://courses.ideate.cmu.edu/48-339/f2019/?p=774#respond</comments>
				<pubDate>Tue, 05 Nov 2019 04:59:41 +0000</pubDate>
		<dc:creator><![CDATA[Ghalya]]></dc:creator>
				<category><![CDATA[Assignment 7]]></category>
		<category><![CDATA[Assignments]]></category>

		<guid isPermaLink="false">https://courses.ideate.cmu.edu/48-339/f2019/?p=774</guid>
				<description><![CDATA[Premise If you&#8217;re at a dance or somewhere crowded, how do you alert the masses without causing a panic? Proposal This project uses interrupts to stop a melody and buzzes, slowly increases in pitch to gain people&#8217;s attention. In future iterations, the device could sense when room is quiet the switch to playing the message &#8230; <a href="https://courses.ideate.cmu.edu/48-339/f2019/?p=774" class="more-link">Continue reading<span class="screen-reader-text"> "Assignment 7: Stop Dancing and Listen"</span></a>]]></description>
								<content:encoded><![CDATA[<h4>Premise</h4>
<p>If you&#8217;re at a dance or somewhere crowded, how do you alert the masses without causing a panic?</p>
<h4>Proposal</h4>
<p>This project uses interrupts to stop a melody and buzzes, slowly increases in pitch to gain people&#8217;s attention. In future iterations, the device could sense when room is quiet the switch to playing the message that was needed to get everyone&#8217;s attention.</p>
<h4>Proof of Concept</h4>
<p><iframe title="MTI Assignment 7: Stop Dancing and Listen" width="840" height="473" src="https://www.youtube.com/embed/LIwEOJu1As0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
<p>I used the potentiometer to control the speed of the melody and the buzzer intervals.</p>
<p><img class="alignnone size-large wp-image-922" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/sketch-1024x952.png" alt="" width="840" height="781" srcset="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/sketch-1024x952.png 1024w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/sketch-300x279.png 300w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/sketch-768x714.png 768w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/sketch-1200x1116.png 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /></p>
<p><a href="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/toneMelody.zip">CodeFiles</a></p>
]]></content:encoded>
							<wfw:commentRss>https://courses.ideate.cmu.edu/48-339/f2019/?feed=rss2&#038;p=774</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>Crit 2 &#8211; Stabilizing Device for Tremors</title>
		<link>https://courses.ideate.cmu.edu/48-339/f2019/?p=760</link>
				<comments>https://courses.ideate.cmu.edu/48-339/f2019/?p=760#respond</comments>
				<pubDate>Sun, 03 Nov 2019 20:09:45 +0000</pubDate>
		<dc:creator><![CDATA[Ghalya]]></dc:creator>
				<category><![CDATA[Crit 2: Kinetic]]></category>
		<category><![CDATA[Crits]]></category>

		<guid isPermaLink="false">https://courses.ideate.cmu.edu/48-339/f2019/?p=760</guid>
				<description><![CDATA[Premise My family and I struggle with a progressive nervous system disorder that causes an essential tremor that starts in your hands when you&#8217;re younger (i.e. me), and migrates throughout your body as you get older (i.e. my mom). Proposal For this project I wanted to look into ways to help stabilize things you&#8217;re holding &#8230; <a href="https://courses.ideate.cmu.edu/48-339/f2019/?p=760" class="more-link">Continue reading<span class="screen-reader-text"> "Crit 2 &#8211; Stabilizing Device for Tremors"</span></a>]]></description>
								<content:encoded><![CDATA[<h4>Premise</h4>
<p>My family and I struggle with a progressive nervous system disorder that causes an essential tremor that starts in your hands when you&#8217;re younger (i.e. me), and migrates throughout your body as you get older (i.e. my mom).</p>
<h4>Proposal</h4>
<p>For this project I wanted to look into ways to help stabilize things you&#8217;re holding if you have a tremor. I made this device that uses an accelerometer to detect movement, and offset that movement by using 2 servo motors to control the x and y rotations.</p>
<figure style="width: 528px" class="wp-caption alignnone"><img src="https://upload.wikimedia.org/wikipedia/commons/a/ad/Quaternion2.png" alt="" width="528" height="740" /><figcaption class="wp-caption-text">To do this I researched <a href="https://en.wikipedia.org/wiki/Quaternions_and_spatial_rotation">Quaternions and Spatial Rotations.</a></figcaption></figure>
<p>There are three different state options: <strong>stabilizer</strong>: help for when you need to hold something still; <strong>pouring</strong>: help for when you need to pour something; <strong>normal</strong>: device does nothing.</p>
<h4>Proof of Concept</h4>
<p><iframe title="Demonstration of Stabilizing Device" width="840" height="473" src="https://www.youtube.com/embed/AaLBf6HJb04?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
<p>Because of the complexity of offsetting movements and the fact that I am not knowledgeable enough with physics, I found it really difficult to make the stabilizer and pouring states work together. Hence, the demonstration above only shows the stabilizing state.</p>
<p>Adding to that, I struggled with the adjustment between the relationship of input data and sensitivity/stability of the device. In other words, I didn&#8217;t know how to make sure the device doesn&#8217;t jitter as much while reading live data. For future iterations, learning how to normalize the input data should help.</p>
<figure id="attachment_761" aria-describedby="caption-attachment-761" style="width: 2142px" class="wp-caption alignnone"><img class="wp-image-761 size-full" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/Untitled-Sketch_bb.png" alt="" width="2142" height="1350" srcset="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/Untitled-Sketch_bb.png 2142w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/Untitled-Sketch_bb-300x189.png 300w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/Untitled-Sketch_bb-768x484.png 768w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/Untitled-Sketch_bb-1024x645.png 1024w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/Untitled-Sketch_bb-1200x756.png 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /><figcaption id="caption-attachment-761" class="wp-caption-text">Fritzing Circuit Sketch</figcaption></figure>
<p><a href="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/11/stabilizer_code.zip">stabilizer_code</a></p>
]]></content:encoded>
							<wfw:commentRss>https://courses.ideate.cmu.edu/48-339/f2019/?feed=rss2&#038;p=760</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>Feel and Communicate Through Morse Code</title>
		<link>https://courses.ideate.cmu.edu/48-339/f2019/?p=627</link>
				<comments>https://courses.ideate.cmu.edu/48-339/f2019/?p=627#respond</comments>
				<pubDate>Tue, 15 Oct 2019 03:02:04 +0000</pubDate>
		<dc:creator><![CDATA[Ghalya]]></dc:creator>
				<category><![CDATA[Assignment 6]]></category>
		<category><![CDATA[Assignments]]></category>

		<guid isPermaLink="false">https://courses.ideate.cmu.edu/48-339/f2019/?p=627</guid>
				<description><![CDATA[PREMISE How do you create a universal communication method that can work for everyone, whether they are blind, or deaf, or both? Imagine a universal translation machine that can&#8230;. Proposal To tackle this, I decided to use a tactile way to feel and translate Morse code. This is done through a combination of: haptic feedback → &#8230; <a href="https://courses.ideate.cmu.edu/48-339/f2019/?p=627" class="more-link">Continue reading<span class="screen-reader-text"> "Feel and Communicate Through Morse Code"</span></a>]]></description>
								<content:encoded><![CDATA[<h4>PREMISE</h4>
<p>How do you create a universal communication method that can work for everyone, whether they are blind, or deaf, or both? Imagine a universal translation machine that can&#8230;.</p>
<h4>Proposal</h4>
<p>To tackle this, I decided to use a tactile way to feel and translate Morse code. This is done through a combination of:</p>
<ol>
<li><strong> haptic feedback</strong> → as someone is communicating to you, the translator device would vibrate the Morse code pattern to you so you can tactically feel it. This is ideal not only for someone who cannot see or hear, but also if you want to be extra discreet and not make any noise or visual distractions.</li>
<li><strong>visual feedback</strong> → adding to that, the visual feedback provided is twofold: through letter translation and through the blinking of an LED. The letter translation is especially ideal for someone who might not necessarily know Morse Code.</li>
<li><strong>audio feedback</strong> → finally, audio feedback through the buzzer helps you distinguish by sound when what you are pressing is a dot(*) or a dash(-). When you press long enough for the device to recognize that it is not a dot anymore, but a dash, the tone changes.</li>
</ol>
<p>The hope here is by providing different ways of feedback, the translator can be more accessible.</p>
<h4>Proof Of Concept</h4>
<p>&nbsp;</p>
<p><iframe title="Feel and Communicate Through Morse Code" width="840" height="630" src="https://www.youtube.com/embed/gKz355hG1Yg?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
<figure id="attachment_633" aria-describedby="caption-attachment-633" style="width: 1926px" class="wp-caption alignnone"><img class="size-full wp-image-633" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/Assignment-6-Sketch_Morse.png" alt="" width="1926" height="1620" srcset="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/Assignment-6-Sketch_Morse.png 1926w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/Assignment-6-Sketch_Morse-300x252.png 300w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/Assignment-6-Sketch_Morse-768x646.png 768w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/Assignment-6-Sketch_Morse-1024x861.png 1024w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/Assignment-6-Sketch_Morse-1200x1009.png 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /><figcaption id="caption-attachment-633" class="wp-caption-text">Fritzing Sketch</figcaption></figure>
<p><a href="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/MorseCode.zip">MorseCode</a></p>
]]></content:encoded>
							<wfw:commentRss>https://courses.ideate.cmu.edu/48-339/f2019/?feed=rss2&#038;p=627</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>Emotional Support Flower</title>
		<link>https://courses.ideate.cmu.edu/48-339/f2019/?p=587</link>
				<comments>https://courses.ideate.cmu.edu/48-339/f2019/?p=587#respond</comments>
				<pubDate>Tue, 08 Oct 2019 22:32:25 +0000</pubDate>
		<dc:creator><![CDATA[Ghalya]]></dc:creator>
				<category><![CDATA[Assignment 5]]></category>
		<category><![CDATA[Assignments]]></category>

		<guid isPermaLink="false">https://courses.ideate.cmu.edu/48-339/f2019/?p=587</guid>
				<description><![CDATA[Premise What if you could have an emotional support flower that you don&#8217;t have to worry about feeding or accidentally killing it. For this project I was inspired by Chromotherapy, a type of treatment that uses colors to treat diseases. Learn more behind the history and psychology of Chromotherapy here. Project With all this information &#8230; <a href="https://courses.ideate.cmu.edu/48-339/f2019/?p=587" class="more-link">Continue reading<span class="screen-reader-text"> "Emotional Support Flower"</span></a>]]></description>
								<content:encoded><![CDATA[<h4>Premise</h4>
<p>What if you could have an emotional support flower that you don&#8217;t have to worry about feeding or accidentally killing it. For this project I was inspired by Chromotherapy, a type of treatment that uses colors to treat diseases. Learn more behind the history and psychology of Chromotherapy <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC1297510/">here</a>.</p>
<figure style="width: 850px" class="wp-caption alignnone"><img class="size-full" src="https://www.researchgate.net/profile/Rollin_Mccraty2/publication/267044373/figure/fig2/AS:273804026970125@1442291375805/Emotions-and-heart-rhythm-patterns-The-heart-rate-tachograms-on-the-left-side-show.png" width="850" height="1023" /><figcaption class="wp-caption-text">There is a lot of research on how to extract emotions based on heart rate and blood pressure data.</figcaption></figure>
<p><img class="alignnone size-full" src="https://ars.els-cdn.com/content/image/1-s2.0-S1875952118300417-fx1.jpg" width="564" height="633" /></p>
<figure style="width: 360px" class="wp-caption alignnone"><img class="" src="https://media.coschedule.com/uploads/color-word-associations-1.png" width="360" height="463" /><figcaption class="wp-caption-text">Similarly, there is a lot of research on the psychological effects of certain colors.</figcaption></figure>
<h4>Project</h4>
<p>With all this information in mind, my project creates an emotional support flower that reacts based on your emotions. For example if you are anxious, the flower will start to show calming colors in a soothing pace and pattern. When you do something great, it shows happy colors in an &#8220;excited&#8221; and &#8220;happy&#8221; pattern. And in the case that you do something bad, it calls you out on it but in a way that tells you you can do better next time, rather than shame you.</p>
<p><strong>Inputs</strong>: heart rate and blood pressure data</p>
<p><strong>Outputs</strong>: changing color, pace of changes, and gradient of color changes.</p>
<p>In future iterations, the flower could also incorporate excreting essential oils from it&#8217;s stamen. Smells are known to have the most impact on your brain out of all the senses. So having calming oils could really help calm an anxious person, for example.</p>
<p><img class="alignnone size-full wp-image-600" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/support-flower-sketch.png" alt="" width="1636" height="1165" srcset="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/support-flower-sketch.png 1636w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/support-flower-sketch-300x214.png 300w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/support-flower-sketch-768x547.png 768w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/support-flower-sketch-1024x729.png 1024w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/support-flower-sketch-1200x855.png 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /></p>
<h4>Proof of Concept</h4>
<p>I originally started by mocking the flower up with a 3D pen, but realized that the hardness and stiffness of it was not as soothing of an experience as I was going for. That is when I switched to a softer version made out of dried hot glue. I chose hot glue because it was a quick, low-budget way to get both the translucency and the softness I was looking for.</p>
<p><iframe title="Emotional Support Flower" width="840" height="473" src="https://www.youtube.com/embed/SMfx_6hXvQ8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
<figure id="attachment_604" aria-describedby="caption-attachment-604" style="width: 753px" class="wp-caption alignnone"><img class="wp-image-604 size-large" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/IMG_8616-e1570742252426-753x1024.jpg" alt="" width="753" height="1024" srcset="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/IMG_8616-e1570742252426-753x1024.jpg 753w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/IMG_8616-e1570742252426-221x300.jpg 221w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/IMG_8616-e1570742252426-768x1044.jpg 768w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/IMG_8616-e1570742252426-1200x1632.jpg 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px" /><figcaption id="caption-attachment-604" class="wp-caption-text">Original Mock Up</figcaption></figure>
<figure id="attachment_603" aria-describedby="caption-attachment-603" style="width: 768px" class="wp-caption alignnone"><img class="wp-image-603 size-large" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/IMG_8623-e1570742184742-768x1024.jpg" alt="" width="768" height="1024" srcset="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/IMG_8623-e1570742184742-768x1024.jpg 768w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/IMG_8623-e1570742184742-225x300.jpg 225w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/IMG_8623-e1570742184742-1200x1600.jpg 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px" /><figcaption id="caption-attachment-603" class="wp-caption-text">Updated Mock Up</figcaption></figure>
<p><a href="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/10/Assignment5_Code.zip">Assignment5_Code</a></p>
<p><a href="http://blog.codebender.cc/2018/08/25/rgb-led-with-potentiometer-arduino-tutorial/">Code Inspiration</a></p>
<p><strong>More Research Links:</strong></p>
<p><a href="https://www.nickkolenda.com/color-psychology/#color-meanings-table">color meanings</a></p>
<p><a href="https://coschedule.com/blog/color-psychology-marketing/#words">color psychology in marketing</a></p>
<p><a href="https://www.sciencedirect.com/science/article/pii/S1875952118300417">color psychological association</a></p>
<p><a href="https://blogs.aalto.fi/sujindvd2/2016/04/06/the-relationship-between-heartbeat-and-emotion/">relationship between heartbeat and emotions</a></p>
<p><a href="https://www.researchgate.net/figure/Emotions-and-heart-rhythm-patterns-The-heart-rate-tachograms-on-the-left-side-show_fig2_267044373">relationship between heartbeat and emotions 2</a></p>
]]></content:encoded>
							<wfw:commentRss>https://courses.ideate.cmu.edu/48-339/f2019/?feed=rss2&#038;p=587</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>Rethinking How We Use Our Senses</title>
		<link>https://courses.ideate.cmu.edu/48-339/f2019/?p=478</link>
				<comments>https://courses.ideate.cmu.edu/48-339/f2019/?p=478#respond</comments>
				<pubDate>Thu, 26 Sep 2019 17:47:17 +0000</pubDate>
		<dc:creator><![CDATA[Ghalya]]></dc:creator>
				<category><![CDATA[Looking Outward]]></category>

		<guid isPermaLink="false">https://courses.ideate.cmu.edu/48-339/f2019/?p=478</guid>
				<description><![CDATA[I went through a TED mini marathon, and thought these 5 videos would interest this class.]]></description>
								<content:encoded><![CDATA[<p>I went through a TED mini marathon, and thought these 5 videos would interest this class.</p>
<p><iframe title="David Eagleman: Can we create new senses for humans?" src="https://embed.ted.com/talks/david_eagleman_can_we_create_new_senses_for_humans" width="840" height="473" frameborder="0" scrolling="no" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
<p><iframe title="Wanda Diaz Merced: How a blind astronomer found a way to hear the stars" src="https://embed.ted.com/talks/wanda_diaz_merced_how_a_blind_astronomer_found_a_way_to_hear_the_stars" width="840" height="473" frameborder="0" scrolling="no" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
<p><iframe title="Daniel Kish: How I use sonar to navigate the world" src="https://embed.ted.com/talks/daniel_kish_how_i_use_sonar_to_navigate_the_world" width="840" height="473" frameborder="0" scrolling="no" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
<p><iframe title="Neil Harbisson: I listen to color" src="https://embed.ted.com/talks/neil_harbisson_i_listen_to_color" width="840" height="473" frameborder="0" scrolling="no" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
<p><iframe title="Jennifer Pluznick: You smell with your body, not just your nose" src="https://embed.ted.com/talks/jennifer_pluznick_you_smell_with_your_body_not_just_your_nose" width="840" height="473" frameborder="0" scrolling="no" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
]]></content:encoded>
							<wfw:commentRss>https://courses.ideate.cmu.edu/48-339/f2019/?feed=rss2&#038;p=478</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>Silent Piano</title>
		<link>https://courses.ideate.cmu.edu/48-339/f2019/?p=444</link>
				<comments>https://courses.ideate.cmu.edu/48-339/f2019/?p=444#respond</comments>
				<pubDate>Thu, 26 Sep 2019 05:55:00 +0000</pubDate>
		<dc:creator><![CDATA[Ghalya]]></dc:creator>
				<category><![CDATA[Crit 1: Visual]]></category>
		<category><![CDATA[Crits]]></category>

		<guid isPermaLink="false">https://courses.ideate.cmu.edu/48-339/f2019/?p=444</guid>
				<description><![CDATA[Problem I consider myself a musician but I cannot read sheet music.  I play more than 6 instruments, but I play by ear since I never got the training or patience to read sheet music. One day I was playing one of my favorite instruments, the piano, and I wondered if there could be an &#8230; <a href="https://courses.ideate.cmu.edu/48-339/f2019/?p=444" class="more-link">Continue reading<span class="screen-reader-text"> "Silent Piano"</span></a>]]></description>
								<content:encoded><![CDATA[<h3>Problem</h3>
<p>I consider myself a musician but I cannot read sheet music.  I play more than 6 instruments, but I play by ear since I never got the training or patience to read sheet music. One day I was playing one of my favorite instruments, the piano, and I wondered if there could be an equivalent to &#8220;playing by ear&#8221; for someone who cannot hear..? How do you take the act of hearing music and turn it into a visual interaction that teaches you as you play?</p>
<h3>Proposal</h3>
<p>My project takes music and creates an interactive game that simultaneously translates the music into keys. Ideally, the program would have 2 different inputs: 1) audio input ⇒ microphone hears a song and the program recognizes and processes the tones, then translates them into piano keys, 2) sheet music input ⇒ takes digital sheet music and reads it, then teaches you how to play the song.</p>
<h4>Play a piano by &#8220;ear&#8221;</h4>
<figure id="attachment_461" aria-describedby="caption-attachment-461" style="width: 3240px" class="wp-caption alignnone"><img class="wp-image-461 size-full" src="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/09/9-25-sketch-e1569480171495.png" alt="" width="3240" height="1498" srcset="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/09/9-25-sketch-e1569480171495.png 3240w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/09/9-25-sketch-e1569480171495-300x139.png 300w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/09/9-25-sketch-e1569480171495-768x355.png 768w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/09/9-25-sketch-e1569480171495-1024x473.png 1024w, https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/09/9-25-sketch-e1569480171495-1200x555.png 1200w" sizes="(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px" /><figcaption id="caption-attachment-461" class="wp-caption-text">Inputs music sheets or audio, analyzes the rhythm and decodes the notes played, then shows you how to play them.</figcaption></figure>
<h3>Proof Of Concept</h3>
<p>To prove this concept, I decided to work on the interface of the game. Due to limited time to work on this project, the program reads a randomly generated digital notes and plays that. If I were to take this further, I would add the possibility of pressing more than one key at once.</p>
<p><iframe title="MTI Silent Piano" width="840" height="473" src="https://www.youtube.com/embed/INvFm1nh71g?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
<p><iframe title="MTI Silent Piano -- close up example" width="840" height="473" src="https://www.youtube.com/embed/XntlR06n-So?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
<h3>Support Files</h3>
<p><a href="https://courses.ideate.cmu.edu/48-339/f2019/wp-content/uploads/2019/09/piano_galsanea_ssignment-audio-visual-interaction.zip">galsanea_SilentPiano</a></p>
]]></content:encoded>
							<wfw:commentRss>https://courses.ideate.cmu.edu/48-339/f2019/?feed=rss2&#038;p=444</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
	</channel>
</rss>
