Team:Wellesley HCI/Outreach

From 2012.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
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:Wellesley_HCI"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/titleimage.png" width="800px"></a></p>
+
<a href="https://2012.igem.org/Team:Wellesley_HCI"><img id="banner" src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/titleimage.png"></a>
<!--Start NavBar-->
<!--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>
 +
                <ul>
 +
                <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Team">Team Members</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/Acknowledgement">Acknowledgement</a></li>
 +
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Tips_Tricks">Tips & Tricks</a></li>
 +
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Social">Fun</a></li>
 +
</ul>
 +
        </li>  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Project_Overview">Project</a>
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Project_Overview">Project</a>
<ul>  
<ul>  
Line 72: Line 81:
<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/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/MoClo_Planner">MoClo Planner</a></li>  
-
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/SynFluo">SynFluo</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>  
                         <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Downloads_Tutorials">Downloads & Tutorials</a></li>  
</ul>
</ul>
</li>  
</li>  
-
<li><a href="#">Process</a>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Human_Practices">Human Practices</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/Human_Practices">User Research</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/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>
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Gold">Medal Fulfillment</a></li>  
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Gold">Medal Fulfillment</a></li>  
-
<li><a href="#">Additional Info</a>
+
-
<ul>
+
-
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Acknowledgement">Acknowledgement</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Social">Fun</a></li>
+
-
</ul>
+
-
</li>
+
</ul>
</ul>
-
<!--End NavBar-->
+
<!--End NavBar-->
<br>
<br>
Line 105: Line 107:
<a href="#bu-wellesley_wiki_content">Top</a><br>
<a href="#bu-wellesley_wiki_content">Top</a><br>
<a href="#overview">Overview</a><br>
<a href="#overview">Overview</a><br>
-
<a href="#synfluo">SynFluo</a><br>
+
<a href="#synflo">SynFlo</a><br>
<a href="#framingham">Framingham High School</a><br>
<a href="#framingham">Framingham High School</a><br>
<a href="#posters">Summer Poster Session</a>
<a href="#posters">Summer Poster Session</a>
Line 113: Line 115:
<h1>Overview</h1>
<h1>Overview</h1>
-
<p>As the Wellesley College iGEM team, one of our principle goals is to reach out to the young population in and around Boston and educate them about the exciting field of synthetic biology.
+
<p>As the Wellesley College iGEM team, one of our principle goals is to reach out to the young population in and around Boston and educate them about the exciting field of synthetic biology. We also aim to expose young adults to computing, highlighting the power of applying computational thinking to problem solving.<br><br>
-
<br><br>
+
<img style="float:right; width:400; height:200px; margin:5px" src="https://lh3.googleusercontent.com/-jSeq9TcQXEo/UEEjohvuGSI/AAAAAAAAKtE/EMWDJKg1pP4/s731/IMG_20120724_095935.jpg"/>
-
We realize that the future of synthetic biology is heavily dependent upon the future generation’s interest in the field. Our goal is to spark the interest of middle and high school students in synthetic biology through a short presentation and an interactive game. The presentation portion allows us to provide the students with a brief background in synthetic biology and gives them an opportunity to learn about the work that we have done over the summer.
+
Our goal is to spark the interest of middle and high school students in synthetic biology and in computing through a short presentation and an interactive installation. We created a <a href="#">presentation</a> that provide students with a brief background in synthetic biology and gives them an opportunity to learn about the work that we have done over the summer. 

The interactive installation provides the students with a more hands-on approach to the design and construction of genetic constructs. Our installation was designed to expose students to the concepts of biological parts, modularity, lab protocols, and safety.
-
<br><br>
+
Through these activities we hope to encourage students to consider the possibility of entering the field of synthetic biology in the future. 

We want them to see the current and potential future applications of this field and how rewarding careers in synthetic biology and in computing can be!  
-
The interactive game provides the students with a more hands-on approach to the design and construction of genetic constructs. Our version of eChromi teaches students ... how to compose valid genetic circuits and learn about their interactions with one another. Through these activities we hope to encourage students to consider the possibility of entering the field of synthetic biology in the future.
+
<br><br>
-
<br><br>
+
-
We want them to see the current and potential future applications of this field and how rewarding a career in synthetic biology can be!  
+
</p>
</p>
</div>
</div>
 
 
-
<div id="synfluo">
+
<div id="synflo">
<br><br>
<br><br>
-
<h1>SynFluo</h1>
+
<h1>SynFlo</h1>
                        
                        
<!-- Approach content in here-->
<!-- Approach content in here-->
Line 132: Line 132:
<!-- Results content in here-->
<!-- Results content in here-->
<h4>Description</h4>
<h4>Description</h4>
-
<p>SynFluo description...
+
<p>We introduced the <a href="http://mitpsc.mit.edu/outreach/program/view/75/search">MIT-Wellesley Upward Bound</a> group to Synthetic Biology concepts and let them interact with the <a href="https://2012.igem.org/Team:Wellesley_HCI/SynFlo">SynFlo</a> project.
-
<h7><img style="float:center; width:400; height:200px" src="http://cs.wellesley.edu/~hcilab/public_html/iGEM_wiki/images/Team/Blank.png"/><img style="float:right; width:350; height:315px" src="http://cs.wellesley.edu/~hcilab/public_html/iGEM_wiki/images/Team/Blank.png"/></h7>
+
<center><iframe width="560" height="315" src="http://www.youtube.com/embed/SG4rxLogs6U?rel=0" frameborder="0" allowfullscreen></iframe></center>
-
 
+
-
<br><br>
+
-
 
+
-
<h4>Instructions</h4>
+
-
<ol>
+
-
<li>Step 1...</li>
+
-
<li>Step 2...</li>
+
-
<li>Step 3...</li>
+
-
<li>Step 4...</li>
+
-
</ol>
+
<br><br>
<br><br>
Line 157: Line 147:
<!-- Results content in here-->
<!-- Results content in here-->
<p>
<p>
-
<img style="width:400px; float:right; margin:5px;" src="http://cs.wellesley.edu/~hcilab/public_html/iGEM_wiki/images/Team/Blank.png"/>
+
 
-
This summer, we partnered with the Wellesley College Science Outreach program and integrated two high-school students from the Framingham High School into our iGEM team, <a href="https://2011.igem.org/Team:BU_Wellesley_Software/Notebook/AlexNotebook">Alex's notebook</a>, <a href="http://cs.wellesley.edu/~hcilab/public_html/iGEM_wiki/images/Team/Blank.pngl">Shamira's website</a>. They each spent approximately 60 hours working side-by-side with undergraduate students. During this time, the students learned about Synthetic Biology and Computer Science. The students were introduced to the basics of computer programming through using HTML, CSS, and Javascript, joined us in observing our wet-lab team at work, and utilized various creative suite applications to create low-fidelity prototypes that in turn were evaluated with users. The students presented their work in the Wellesley Science Center poster session.
+
  This summer, we participated in the Wellesley College Science Outreach program and integrated <a href="https://2012.igem.org/Team:Wellesley_HCI/Notebook/MadeleineNotebook">Madeline Barowsky</a>, a Framingham High School student, into our team. As part of the program she worked with team members for approximately 60 hours and helped to develop Synbio Search and the Moclo Planner. She learned about the synthetic biology workflow, user centered design and the basics of programming using C# and XAML. At the end of the summer she presented in the Wellesley Science Center poster session.
</p>
</p>
Line 169: Line 159:
 
 
<!-- Results content in here-->
<!-- Results content in here-->
 +
<img style="width:300px; float:right; margin:5px;" src="https://lh5.googleusercontent.com/-23MKyktIINI/UEEjotaI1nI/AAAAAAAAKtE/R3OyAsbc-Uw/s731/IMG_20120802_152702.jpg"/>
<p>At the end of the summer research program, each student presented a poster summarizing the work they had done over the summer and explained it to the Wellesley College community and the Town of Wellesley.
<p>At the end of the summer research program, each student presented a poster summarizing the work they had done over the summer and explained it to the Wellesley College community and the Town of Wellesley.
<br><br>
<br><br>

Students from Wellesley and Framingham High School also attended the presentations. Through this experience, we introduced Synthetic Biology, the iGEM competition, and the power of applying computational thinking to problem solving, to our community.

Students from Wellesley and Framingham High School also attended the presentations. Through this experience, we introduced Synthetic Biology, the iGEM competition, and the power of applying computational thinking to problem solving, to our community.
-
<img style="width:800px;" src="http://cs.wellesley.edu/~hcilab/public_html/iGEM_wiki/images/Team/Blank.png"/>  
+
<!--<img style="width:800px;" src="http://cs.wellesley.edu/~hcilab/public_html/iGEM_wiki/images/Team/Blank.png"/> -->
</p>
</p>
</div>
</div>

Latest revision as of 23:59, 3 October 2012

Wellesley HCI: Outreach


Outreach

Overview

As the Wellesley College iGEM team, one of our principle goals is to reach out to the young population in and around Boston and educate them about the exciting field of synthetic biology. We also aim to expose young adults to computing, highlighting the power of applying computational thinking to problem solving.

Our goal is to spark the interest of middle and high school students in synthetic biology and in computing through a short presentation and an interactive installation. We created a presentation that provide students with a brief background in synthetic biology and gives them an opportunity to learn about the work that we have done over the summer. 

The interactive installation provides the students with a more hands-on approach to the design and construction of genetic constructs. Our installation was designed to expose students to the concepts of biological parts, modularity, lab protocols, and safety. Through these activities we hope to encourage students to consider the possibility of entering the field of synthetic biology in the future. 

We want them to see the current and potential future applications of this field and how rewarding careers in synthetic biology and in computing can be!



SynFlo

Description

We introduced the MIT-Wellesley Upward Bound group to Synthetic Biology concepts and let them interact with the SynFlo project.






Framingham High School

This summer, we participated in the Wellesley College Science Outreach program and integrated Madeline Barowsky, a Framingham High School student, into our team. As part of the program she worked with team members for approximately 60 hours and helped to develop Synbio Search and the Moclo Planner. She learned about the synthetic biology workflow, user centered design and the basics of programming using C# and XAML. At the end of the summer she presented in the Wellesley Science Center poster session.








Summer Poster Session

At the end of the summer research program, each student presented a poster summarizing the work they had done over the summer and explained it to the Wellesley College community and the Town of Wellesley.


Students from Wellesley and Framingham High School also attended the presentations. Through this experience, we introduced Synthetic Biology, the iGEM competition, and the power of applying computational thinking to problem solving, to our community.