Team:Wellesley HCI/Notebook/MadeleineNotebook

From 2012.igem.org

(Difference between revisions)
Line 23: Line 23:
/*actual content styles*/
/*actual content styles*/
-
body {width: 800px; margin:auto;}
+
body {width: 900px; margin:auto;}
#bu-wellesley_wiki_content {height:auto; line-height:100%;}
#bu-wellesley_wiki_content {height:auto; line-height:100%;}
Line 55: Line 55:
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css">
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css">
 +
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
<style type="text/css">@import "http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/videobox.css";</style>
<style type="text/css">@import "http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/videobox.css";</style>
Line 62: Line 63:
<div id="bu-wellesley_wiki_content">
<div id="bu-wellesley_wiki_content">
-
<!--<p  style="text-align:center;"><a href="https://2012.igem.org/Team:BU_Wellesley_Software"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/banner.png" width="800px"></a></p>-->
+
<a href="https://2012.igem.org/Team:Wellesley_HCI"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/titleimage.png" width="300px" style="display:block; float:left;"></a>
 +
<!--Start NavBar-->
<ul id="nav">  
<ul id="nav">  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Team">Team</a></li>  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Team">Team</a></li>  
-
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Project_Overview">Project</a></li>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Project_Overview">Project</a>
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Project_Overview">Project Overview</a></li>
 +
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/SynBio_Search">SynBio Search</a></li>
 +
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/MoClo_Planner">MoClo Planner</a></li>
 +
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/SynFlo">SynFlo</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Downloads_Tutorials">Downloads & Tutorials</a></li>
 +
</ul>
 +
</li>  
<li><a href="#">Process</a>  
<li><a href="#">Process</a>  
<ul>  
<ul>  
 +
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Human_Practices">Human Practices</a></li>
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Methodology">Methodology</a></li>  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Methodology">Methodology</a></li>  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Safety">Safety</a></li>  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Safety">Safety</a></li>  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Notebook">Notebook</a></li>  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Notebook">Notebook</a></li>  
-
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Outreach">Outreach</a></li>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Outreach">Outreach</a></li>
 +
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Tips_Tricks">Tips & Tricks</a></li>  
</ul>
</ul>
</li>
</li>
Line 83: Line 95:
</ul>
</ul>
</li>
</li>
-
</ul>  
+
</ul>
 +
<!--End NavBar-->  
<!--notebook goes here-->
<!--notebook goes here-->

Revision as of 14:25, 21 September 2012

Wellesley HCI iGEM Team: Kimberly Chang


Madeleine's Notebook

Summer 2012

This summer in the Human Computer Interaction lab, I worked on the MoClo Planner, an interactive program for bioengineers. I worked on the early design and learned about coding a WPF user interface in XAML. Following this, my group and I worked on code for genetic alignment tests for the Primer Designer component of the MoClo Planner. With these, I learned navigation within the command line and rough knowledge of C#. I observed user studies where we watched volunteers test our program for bugs and give us feedback on the intuitiveness of the design. This summer, I gained a new appreciation for the smaller projects that go into large software and now see the importance of documenting, sharing, and improving your code.