Commit 63614837 authored by John's avatar John

Site updated: 2018-04-30 14:09:22

parent dcff6475
......@@ -7,7 +7,7 @@
<meta property="og:description" content="So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to…">
<meta property="og:locale" content="en">
<meta property="og:image" content="http://blog.thebestjohn.com/images/matrix/finished.jpg">
<meta property="og:updated_time" content="2018-04-30T13:53:02.712Z">
<meta property="og:updated_time" content="2018-04-30T14:08:42.372Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)">
<meta name="twitter:description" content="So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to…">
......@@ -30,11 +30,11 @@
<h1 id="Step-4-Mapping-Out-Your-Cheap-Matrix"><a href="#Step-4-Mapping-Out-Your-Cheap-Matrix" class="headerlink" title="Step 4: Mapping Out Your Cheap Matrix"></a>Step 4: Mapping Out Your Cheap Matrix</h1><p>What we are going to be doing is gluing on foil to make a flexible, cheap, however effective circuit board. What we need to do now is on our computer mock up we need to make how our columns and rows are going to be set-up. If you are using Photoshop make 2 new layers, one called rows the other columns. if you’re just using paint make a copy of the file called rows and another columns.</p>
<p>On these new layers we will put large black lines where we want our “Circuits” to go. See image 2 for rows and image 3 columns if you are confused. Image 4 shows what both layers turned on looks like. Starting to look familiar?<br>Now you need to flip one of your images vertically… or is it horizontally… see image 5 you’ll get what I mean.</p>
<p>Go ahead and print these out for the next step.</p>
<h1 id="Step-5-Faux-Circuit-Making-Time"><a href="#Step-5-Faux-Circuit-Making-Time" class="headerlink" title="Step 5: Faux Circuit Making Time!"></a>Step 5: Faux Circuit Making Time!</h1><p><img src="images/matrix/realhoriz.jpg" alt="horizontal foil"><br><img src="images/matrix/realboth.jpg" alt="both foil pieces ready to be joined"></p>
<h1 id="Step-5-Faux-Circuit-Making-Time"><a href="#Step-5-Faux-Circuit-Making-Time" class="headerlink" title="Step 5: Faux Circuit Making Time!"></a>Step 5: Faux Circuit Making Time!</h1><p><img src="/images/matrix/realhoriz.jpg" alt="horizontal foil"><br><img src="/images/matrix/realboth.jpg" alt="both foil pieces ready to be joined"></p>
<p>Here is the fun part… well in my opinion the whole thing is fun but whatever…<br>Now that you have your printed out templates you can start making your circuit. Now is the time to glue down your foil where ever your rows and columns are supposed to go. Look at figure 2 for both of my circuits, yours should look somewhat like this. Also, notice how my leads go away from the keypad in an organized way to facilitate easy hook-up? Just like I planned!</p>
<p><strong>NOTE</strong> At this point its a good idea to re-make your front design to include labels for the hookup at the end of the leads with the labels<br>R1<br>R2<br>R3<br>C3<br>C2<br>C1</p>
<p>This is just going to make it easier for you.</p>
<h1 id="Step-6-Putting-It-All-Together"><a href="#Step-6-Putting-It-All-Together" class="headerlink" title="Step 6: Putting It All Together."></a>Step 6: Putting It All Together.</h1><p><img src="images/matrix/padded.jpg" alt=""><br><img src="images/matrix/joined.jpg" alt=""><br><img src="images/matrix/finished.jpg" alt=""></p>
<h1 id="Step-6-Putting-It-All-Together"><a href="#Step-6-Putting-It-All-Together" class="headerlink" title="Step 6: Putting It All Together."></a>Step 6: Putting It All Together.</h1><p><img src="/images/matrix/padded.jpg" alt=""><br><img src="/images/matrix/joined.jpg" alt=""><br><img src="/images/matrix/finished.jpg" alt=""></p>
<p>In the next step we will be putting it all together. Take your spacers and apply them to one side of your keypad. come to think of it you could technically use silicone (the type used for caulking) as a really decent spacer… I may try this in the future actually…. hmm..</p>
<p>Anyways back on topic. To apply these spacers we need to make sure that there is a hole in the center of them so that the rows and columns can contact one another when they are depressed (not sad… pressed down). I kinda just tiled everything but you could use a hole punch or something to get better results. The spacers are also there to make sure other parts of our circuit do not touch each-other incidentally.</p>
<p>Take a look at image 1 to see all the spacers applied appropriately. Once your spacers have been applied (you may need to glue whatever you are using) you may put the other side of your keypad on top of this one (image 2). Luckily you made sure that everything was mapped out properly on your template on the computer… you did make a template didn’t you?</p>
......@@ -49,4 +49,4 @@
s.src = '//thebestjohn.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();</script><noscript>Enable JavaScript to see comments.</noscript><!-- Meta Tags for Structured Data--><meta itemprop="dateModified" content="2018-04-30T13:53:02.712Z"><meta itemprop="articleBody" content="So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to do, it can be placed in situations where it may be..."><meta itemprop="url" content="/posts/matrix-keypad/"><meta itemprop="mainEntityOfPage" content="/posts/matrix-keypad/"><div itemscope itemtype="https://schema.org/Organization" itemprop="publisher"><meta itemprop="name" content="TheBestJohn"><div itemscope itemprop="logo" itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="/images/icon.png"></div></div><div itemscope itemtype="https://schema.org/ImageObject" itemprop="image"><meta itemprop="contentUrl" content="/images/matrix/finished.jpg"><meta itemprop="url" content="/images/matrix/finished.jpg"><meta itemprop="width" content="1024"><meta itemprop="height" content="768"></div></article><section class="related-posts"><h3>Related posts</h3><div class="related-posts__item__wrapper"><a class="related-posts__item" href="/posts/the-plasma-speaker-saga-pt-iii/"><div class="related-posts__item__background" style="background-image:url('/images/plasmaHead.jpg');"></div><div class="related-posts__item__overlay"></div><span class="related-posts__item__title">The Plasma Speaker Saga pt.III</span></a></div></section></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-electronics/">Other electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
})();</script><noscript>Enable JavaScript to see comments.</noscript><!-- Meta Tags for Structured Data--><meta itemprop="dateModified" content="2018-04-30T14:08:42.372Z"><meta itemprop="articleBody" content="So you want to create your own membrane keypad? Why? well making your own keypad can be useful for many reasons. It’s cheap and easy to do, it can be placed in situations where it may be..."><meta itemprop="url" content="/posts/matrix-keypad/"><meta itemprop="mainEntityOfPage" content="/posts/matrix-keypad/"><div itemscope itemtype="https://schema.org/Organization" itemprop="publisher"><meta itemprop="name" content="TheBestJohn"><div itemscope itemprop="logo" itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="/images/icon.png"></div></div><div itemscope itemtype="https://schema.org/ImageObject" itemprop="image"><meta itemprop="contentUrl" content="/images/matrix/finished.jpg"><meta itemprop="url" content="/images/matrix/finished.jpg"><meta itemprop="width" content="1024"><meta itemprop="height" content="768"></div></article><section class="related-posts"><h3>Related posts</h3><div class="related-posts__item__wrapper"><a class="related-posts__item" href="/posts/the-plasma-speaker-saga-pt-iii/"><div class="related-posts__item__background" style="background-image:url('/images/plasmaHead.jpg');"></div><div class="related-posts__item__overlay"></div><span class="related-posts__item__title">The Plasma Speaker Saga pt.III</span></a></div></section></div></div></div><footer id="footer"><div class="widgets"><div class="widgets-inner"><!-- Jade doesn't support dynamic inclusion with `each`.--><!-- So, I just hard coded the file names that will be included.--><div class="widgets__item"><h3 class="widgets__item__heading">Recent posts</h3><ul class="recent-posts"><li class="recent-posts__item"><a href="/posts/static-site-what/">Static Site what?!</a></li><li class="recent-posts__item"><a href="/posts/table-based-design/">Table based design: Why I loathe it, and you should too!</a></li><li class="recent-posts__item"><a href="/posts/the-plasma-speaker-saga-pt-iii/">The Plasma Speaker Saga pt.III</a></li><li class="recent-posts__item"><a href="/posts/matrix-keypad/">Create Own Membrane Matrix Keypad (and Hooking It Up to the Arduino)</a></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Archives</h3><ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/04/">April 2018</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/08/">August 2012</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">May 2010</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/02/">February 2010</a><span class="archive-list-count">1</span></li></ul></div><div class="widgets__item"><h3 class="widgets__item__heading">Categories</h3><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/Other-electronics/">Other electronics</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/Web-Dev/">Web Dev</a><span class="category-list-count">2</span></li></ul></div></div></div><p class="copyright"><small>© 2018 John Warren<br>Powered by <a href="https://hexo.io" rel="external" target="_blank">Hexo</a>, Theme by <a href="https://github.com/hyunseob" rel="external" target="_blank">HyunSeob</a></small></p></footer><script src="/js/sharer.min.js"></script></body></html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment