<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Tool Design | Dr. Kayla DesPortes</title>
    <link>/tags/tool-design/</link>
      <atom:link href="/tags/tool-design/index.xml" rel="self" type="application/rss+xml" />
    <description>Tool Design</description>
    <generator>Source Themes Academic (https://sourcethemes.com/academic/)</generator><language>en-us</language><lastBuildDate>Sun, 12 Apr 2020 00:00:00 +0000</lastBuildDate>
    <image>
      <url>/images/icon_hu0b7a4cb9992c9ac0e91bd28ffd38dd00_9727_512x512_fill_lanczos_center_2.png</url>
      <title>Tool Design</title>
      <link>/tags/tool-design/</link>
    </image>
    
    <item>
      <title>BitBlox: Redesigning the Breadboard</title>
      <link>/project/bitblox/</link>
      <pubDate>Sun, 12 Apr 2020 00:00:00 +0000</pubDate>
      <guid>/project/bitblox/</guid>
      <description>&lt;h2 id=&#34;overview&#34;&gt;Overview&lt;/h2&gt;
&lt;p&gt;BitBlox was a project creating a modular solderless breadboard that is easier for students to learn. It was designed to be used as a research probe to understand how to promote collaboration and learning in physical computing. The modularity of the BitBlox boards enables students to create their prototyping tool as they build their circuit; while the coloring, helps minimize the overhead for learning the tool (ie. designed to minimize the cognitive load). The development of BitBlox was our first exploration of the tools for physical computing.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;ArduinoLEDFlex.jpg&#34; alt=&#34;BitBlox circuit with Arduino, flexsensor, and LED&#34; title=&#34;BitBlox circuit with Arduino, flexsensor, and LED&#34;&gt;&lt;/p&gt;
&lt;h2 id=&#34;motivation&#34;&gt;Motivation&lt;/h2&gt;
&lt;p&gt;In our initial work with physical computing, we were using the 
&lt;a href=&#34;https://www.arduino.cc/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Arduino Microcontroller&lt;/a&gt; and the 
&lt;a href=&#34;https://www.sparkfun.com/products/14189?gclid=CjwKCAjw0qLOBRBUEiwAMG5xMNDZCnIP2BQeG8eMvlCALxEce0vEltqqCUbL2px9r38SPWpb6_uLIxoCNp8QAvD_BwE&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;SparkFun Inventor&amp;rsquo;s Kit&lt;/a&gt; because it provides a flexible environment for students to explore the electronics, computing, and design concepts embedded within all physical computing artifacts. However, from an educational standpoint working with the Arduino environment has steep learning curve with little scaffolding. This poses issues for novices of programming and electronics. One stumbling block that seemed unnecessary was the breadboard. Not wanting to black-box the electronics, we designed and built BitBlox in order to try and reduce the cognitive load for students working in an Arduino environment.&lt;/p&gt;
&lt;h2 id=&#34;design&#34;&gt;Design&lt;/h2&gt;
&lt;p&gt;BitBlox is similar to the standard breadboard in that it is still a solderless prototoyping tool allowing the user to create connections between wires and components by placing them into holes that are electrically connected. The standard breadboard has connection schemes as shown in the image below. The top and bottom sections have the entire row connected while the middle sections are connected in columns. The back of the breadboard shows the metal pieces that actually create the connections.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;breadboard_FrontBack.jpg&#34; alt=&#34;(right) Picture of the front of the breadboard showing boxes that demonstrate the connections between the holes. (Left) Picture of the back fo the breadboard that shows the horizontal metal strips on the top and bottom of the breadboard and the vertical metal strips in the middle two sections demonstrating the conenctions&#34; title=&#34;Breadboard&#34;&gt;&lt;/p&gt;
&lt;p&gt;BitBlox bring visibility to where the connections actually are in the tool with the coloring. Each section of holes that are the same color are electrically connected. Below are images of the various types of BitBlox that we have created. These different types were created to allow a user to also use components with fixed width pins such as LCD screens, transistors, and IC chips.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;BitBlox_Modules.jpg&#34; alt=&#34;picture of the various sizes of BitBlox modules&#34; title=&#34;BitBlox&#34;&gt;&lt;/p&gt;
&lt;p&gt;We&amp;rsquo;ve piloted them with College students at Georgia Tech and Berry College, as well as with High School students. Here are some images of circuits the high school students made during one of our classroom studies. You can read about the comparative classroom study with high schoolers below along with a lab study that worked with novices across universities.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;compact_bitblox.jpg&#34; alt=&#34;picture of a compact BitBlox circuit&#34; title=&#34;&#34;&gt;
&lt;img src=&#34;spreadout_bitblox.jpg&#34; alt=&#34;picture of a spread out BitBlox circuit&#34; title=&#34;&#34;&gt;
&lt;img src=&#34;islands_bitblox.jpg&#34; alt=&#34;picture of an circuit organized with a section for LEDs and a section for buttons&#34; title=&#34;&#34;&gt;&lt;/p&gt;
&lt;h2 id=&#34;research&#34;&gt;Research&lt;/h2&gt;
&lt;h3 id=&#34;comparative-classroom-study-with-high-school-students&#34;&gt;Comparative Classroom Study with High School Students&lt;/h3&gt;
&lt;p&gt;The high school classroom study with BitBlox, we analyzed two 11th grade classes at a rural public high school that had a focus on tying the students’ education to the strong agricultural connections in their community. We worked with 44 novice students in two drafting classes where students often participated in project work designing and building objects. In this study, we used two classes to understand effect different prototyping tools had on the socio-technical environment. One class used the standard breadboard prototyping tool and one used BitBlox. During the class, students learned the basics about the Arduino, and then built a circuit to play the Simon Memory game using three buttons and three LEDs. The study highlighted three important effects the tools had in the learning environment:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;The novice students learned about the utility of organizational affordances of the tools, such as the wire colors and the connections between the BitBlox modules, in order to minimize the errors they were making&lt;/li&gt;
&lt;li&gt;BitBlox spread out the circuit, increasing the size of the tool, which improved students’ ability to collaborate and create a shared understanding with each other and the instructors&lt;/li&gt;
&lt;li&gt;The identifiers such as color and symbols on the breadboards facilitated students in dialogue about their circuits, allowing them to reference parts of their circuit when troubleshooting and explaining their circuits&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id=&#34;laboratory-study-with-novices&#34;&gt;Laboratory Study with Novices&lt;/h3&gt;
&lt;p&gt;We wanted to understand more clearly what was happening as novices began working with the Arduino for the first time. In the study, we video recorded 31 novices working with the Breadboard and the BitBlox as they completed various tasks. Video and audio recordings captured participants’ actions and thoughts as they worked. The study provided three contributions:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;A codebook of the common breakdowns faced by novices&lt;/li&gt;
&lt;li&gt;Insight into the work processes of novices&lt;/li&gt;
&lt;li&gt;An understanding of the ways that the tools can impact learners&amp;rsquo; experiences&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;exploring-information-visualization&#34;&gt;Exploring Information Visualization&lt;/h2&gt;
&lt;p&gt;After the pilot tests and the classroom study we wanted to understand how we could affect the dialogue in ways that could be productive for learning based on the information built into the tool. We began to experiment with including other types of information into the BitBlox. Below you can see one example visualizing the voltage in the circuit simply by using the breadboard voltage module. We are still experimenting with these ideas.&lt;/p&gt;
&lt;!-- blank line --&gt;
&lt;figure class=&#34;video_container&#34; style=&#34;position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;&#34;&gt;
  &lt;iframe src=&#34;//www.youtube.com/embed/huI4DFVViPQ&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%;&#34; allowfullscreen frameborder=&#34;0&#34;&gt;&lt;/iframe&gt;
&lt;/figure&gt;
&lt;!-- blank line --&gt;
&lt;h2 id=&#34;publications&#34;&gt;Publications&lt;/h2&gt;
&lt;p&gt;DesPortes, K., Anupam, A., Pathak, N., &amp;amp; DiSalvo, B. (2016). BitBlox: A Redesign of the Breadboard. Proceedings of the The 15th International Conference on Interaction Design and Children, (pp. 255–261). ACM. 
&lt;a href=&#34;BitBlox_IDC2016.pdf&#34; target=&#34;_blank&#34;&gt;[Download]&lt;/a&gt;&lt;/p&gt;&lt;/p&gt;
&lt;p&gt;DesPortes, K., &amp;amp; DiSalvo, B. (2019, July). Trials and tribulations of novices working with the arduino. In Proceedings of the 2019 ACM Conference on International Computing Education Research (pp. 219-227).
&lt;a href=&#34;ICER2019_DesPortesDiSalvo.pdf&#34; target=&#34;_blank&#34;&gt;[Download]&lt;/a&gt;&lt;/p&gt;&lt;/p&gt;
&lt;h2 id=&#34;research-team&#34;&gt;Research Team&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Neeti Pathak - MS in Computer Science @ Georgia Tech&lt;/li&gt;
&lt;li&gt;Aditya Anupam - PhD in Digital Media @ Georgia Tech&lt;/li&gt;
&lt;li&gt;Dr. Kayla DesPortes - Assistant Professor of HCI and the Learning Sciences @ NYU&lt;/li&gt;
&lt;li&gt;Dr. Betsy DiSalvo - Associate Professor @ Georgia Tech&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Note: this was done as part of my PhD work @ Georgia Tech under the advisement of Betsy.&lt;/strong&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Spectrum of Modularity</title>
      <link>/project/spectrum-of-modularity/</link>
      <pubDate>Sun, 12 Apr 2020 00:00:00 +0000</pubDate>
      <guid>/project/spectrum-of-modularity/</guid>
      <description>&lt;h2 id=&#34;overview&#34;&gt;Overview&lt;/h2&gt;
&lt;p&gt;This project examines what aspects of the hardware for physical computing can be designed in ways to create glass-box (instead of black-box) scaffolding that fades as the learner gains expertise. The project began with examining the electrical components that can be connected to a microcontroller to lay the foundation of how we could explore the scaffolding throughout the hardware tools.&lt;/p&gt;
&lt;h2 id=&#34;motivation&#34;&gt;Motivation&lt;/h2&gt;
&lt;p&gt;Circuit components for physical computing come in a variety of different forms. They can be highly plug-and-play, like in the LEGO MINDSTORMS Robotics kit, or they can come as individual components leaving the user to figure out how they might create a circuit. Unfortunately, there are not many tools that fit in between these two extremes, or tools that are designed to facilitate learning through scaffolding that can fade. This project was designed to try and understand what tools with that capability might look like. We examined the tools based on their transparency (what the learner can see), and affordances for interaction (how the learner manipulates components within the tools).&lt;/p&gt;
&lt;h2 id=&#34;design&#34;&gt;Design&lt;/h2&gt;
&lt;div style=&#34;position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;&#34;&gt;
  &lt;iframe src=&#34;//www.youtube.com/embed/r4e6flF-tyU&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%;&#34; allowfullscreen frameborder=&#34;0&#34;&gt;&lt;/iframe&gt;
 &lt;/div&gt;
&lt;p&gt;The first prototypes for the spectrum of modularity were designed using circuit boards and off-the-shelf components. We explored, six levels of modularity that could exist in the tools. Below is an outline of the various levels.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;LEVEL 1:&lt;/strong&gt; Plug-and-Play Circuits w/ Static Electronic Components
&lt;img src=&#34;pNpCircuit.jpg&#34; alt=&#34;picture of a plug and play led resistor circuit&#34; title=&#34;&#34;&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;LEVEL 2:&lt;/strong&gt; Plug-and-Play Circuits w/ Static and Variable Electronic Components&amp;lt;
&lt;img src=&#34;pNpVarResist.jpg&#34; alt=&#34;picture of a plug and play led resistor circuit with a variable resistor&#34;&gt;
&lt;img src=&#34;pNpPullUp.jpg&#34; alt=&#34;picture of a plug and play pull-up/pull-down resistor circuit for sensors&#34;&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;LEVEL 3:&lt;/strong&gt; Plug-and-Play Circuits w/ Variable Electronic Components
&lt;img src=&#34;pNpAllVar.jpg&#34; alt=&#34;picture of a plug and play led resistor circuit where the resistor and LED are variable&#34;&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;LEVEL 4:&lt;/strong&gt; Static Single Electronic Component Modules
&lt;img src=&#34;staticResist.jpg&#34; alt=&#34;picture of a static resistor module&#34;&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;LEVEL 5:&lt;/strong&gt; Variable Single Electronic Component Modules
&lt;img src=&#34;varResist.jpg&#34; alt=&#34;picture of a variable resistor circuit board&#34;&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;LEVEL 6:&lt;/strong&gt; Open Circuit Modules
&lt;img src=&#34;parallelCircuit.jpg&#34; alt=&#34;picture of variable parallel circuit module&#34;&gt;
&lt;img src=&#34;mixedCircuit.jpg&#34; alt=&#34;picture of variable mixed series and parallel circuit module&#34;&gt;&lt;/p&gt;
&lt;p&gt;You can read more about the levels and the rationale behind the spectrum in the publication below. The idea of this work was to draw attention to the design choices in these tools that could facilitate learning. This is not necessarily the only or best way to conceptualize the spectrum, but one attempt. While we used circuit boards for these protoypes, the same concepts can be explored experimenting with the materiality of the boards and components.&lt;/p&gt;
&lt;h2 id=&#34;research&#34;&gt;Research&lt;/h2&gt;
&lt;p&gt;Currently we are conducting a lab study comparing students using the standard breadboard, BitBlox, and a set of circuit modules as they learn about the Arduino for the first time. Some of the students will be completing a think-aloud protocol as they learn about the Arduino for the first time. The research questions in this work explore the cognitive and work processes of novices, and how they are affected by the tool design.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;RQ1. How can the tools be designed to facilitate students in learning about physical computing?&lt;/li&gt;
&lt;li&gt;RQ2. What are the common misconceptions and errors that students make when learning about the Arduino?&lt;/li&gt;
&lt;li&gt;RQ3. How do the hardware tools students use affect their self-efficacy with physical computing?&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;While this study will provide insight into what the students are thinking, it does not give us an understanding of how the tools will affect the socio-technical learning environment in a real-world context. Future studies will be designed to understand research questions in that situation, enabling us to build a deeper understanding of the tools.&lt;/p&gt;
&lt;h2 id=&#34;publications&#34;&gt;Publications&lt;/h2&gt;
&lt;p&gt;DesPortes, K., &amp;amp; DiSalvo, B. (2017). Where are the Glass-Boxes? Examining the Spectrum of Modularity in Physical Computing Hardware Tools. Proceedings of the the 16th International Conference on Interaction Design and Children (pp. 292-297). ACM.
&lt;a href=&#34;Where_are_the_Glass_Boxes_DesPortes.pdf&#34; target=&#34;_blank&#34;&gt;[Download]&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;DesPortes, K., &amp;amp; DiSalvo, B. (2019). Trials and Tribulations of Novices Working with the Arduino. In Proceedings of the 2019 ACM Conference on International Computing Education Research, pp. 219-227. 2019.
&lt;a href=&#34;ICER2019_DesPortesDiSalvo_TrialsAndTribulationsArduino.pdf&#34; target=&#34;_blank&#34;&gt;[Download]&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;research-team&#34;&gt;Research Team&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Dr. Kayla DesPortes - Assistant Professor of HCI and the Learning Sciences @ NYU&lt;/li&gt;
&lt;li&gt;Dr. Betsy DiSalvo - Associate Professor @ Georgia Tech&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;**Note: The initial work was done as part of my PhD work @ Georgia Tech under the advisement of Betsy and has carried into my work at NYU. **&lt;/p&gt;
</description>
    </item>
    
  </channel>
</rss>
