Team:Wellesley HCI/Outreach

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <head> <title>Wellesley HCI: Outreach</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="http://cdn.jquerytools.org/1.2.5/full/jquer...")
 
(23 intermediate revisions not shown)
Line 11: Line 11:
#search-controls {display:none;}
#search-controls {display:none;}
#menubar a {color:#000000;}
#menubar a {color:#000000;}
-
#menubar a:hover{text-decoration:none; color:#52749C;}
+
#menubar a:hover{text-decoration:none; color:#6B5A3A;}
.left-menu {background-color:#FFFFFF; margin:5px 0px 0px 0px; padding:0;}
.left-menu {background-color:#FFFFFF; margin:5px 0px 0px 0px; padding:0;}
.left-menu ul {background-color:#FFFFFF; margin:0; padding:0;}
.left-menu ul {background-color:#FFFFFF; margin:0; padding:0;}
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%;}
/*#bu-wellesley_wiki_content a {color:#69d01d;}*/
/*#bu-wellesley_wiki_content a {color:#69d01d;}*/
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#3d3f3c;}
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#3d3f3c;}
-
 
.navbar li {color: #ffffff;}
.navbar li {color: #ffffff;}
.navbar li a {color: #ffffff;}
.navbar li a {color: #ffffff;}
-
.navbar li a:hover {background:#69d01d; color: #ffffff;}
+
.navbar li a:hover {background:#D99C45; color: #ffffff;}
/*only use for current page content header (i.e. Team, G-nomeSurferPro, etc)*/
/*only use for current page content header (i.e. Team, G-nomeSurferPro, etc)*/
Line 39: Line 38:
       text-transform: uppercase;
       text-transform: uppercase;
       text-decoration: none;
       text-decoration: none;
-
       text-align: left;
+
       text-align: center;
-
       color: #3d3f3c;
+
       color: #272829;
       font-size: 32pt;
       font-size: 32pt;
     }
     }
 +
 +
H3 {
 +
      font-family: Helvetica;
 +
      text-decoration: none;
 +
      text-align: left;
 +
          line-height:120%;
 +
      color: #958E8E;
 +
      font-size: 12pt;
 +
    }
 +
</style>
</style>
-
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/Team.css">
 
-
</head>
+
<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>
 +
 +
</head>
<body class="basiclayout">
<body class="basiclayout">
<div id="bu-wellesley_wiki_content">
<div id="bu-wellesley_wiki_content">
-
<p  style="text-align:center;"><a href="https://2011.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 id="banner" src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/titleimage.png"></a>
 +
 +
<!--Start NavBar-->
<ul id="nav">  
<ul id="nav">  
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Team">Team</a></li>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Team">Team</a>
-
<li><a href="#">Project</a>  
+
                <ul>
-
<ul>  
+
                <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Team">Team Members</a></li>
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Project_Overview">Overview</a></li>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Notebook">Notebook</a></li>  
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Clotho">Clotho</a></li>  
+
                        <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Acknowledgement">Acknowledgement</a></li>  
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/G-nomeSurferPro">G-nome Surfer Pro</a></li>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Tips_Tricks">Tips & Tricks</a></li>  
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/OptimusPrimer">Optimus Primer</a></li>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Social">Fun</a></li>
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Trumpet">Trumpet</a></li>  
+
</ul>
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Puppetshow">Puppetshow</a></li>  
+
        </li>
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/eLabNotebook">eLabNotebook</a></li>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Project_Overview">Project</a>
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Wet_Lab">Wet Lab</a></li>  
+
<ul>  
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Downloads_and_Tutorials">Downloads and Tutorials</a></li>
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Project_Overview">Project Overview</a></li>  
-
</ul>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/SynBio_Search">SynBio Search</a></li>  
-
</li>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/MoClo_Planner">MoClo Planner</a></li>  
-
<li><a href="#">Process</a>  
+
<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="https://2012.igem.org/Team:Wellesley_HCI/Human_Practices">Human Practices</a>  
<ul>  
<ul>  
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Methodology">Methodology</a></li>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Human_Practices">User Research</a></li>  
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Safety">Safety</a></li>  
+
                        <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Methodology">Methodology</a></li>  
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Notebook">Notebook</a></li>  
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Safety">Safety</a></li>  
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Outreach">Outreach</a></li>
+
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Outreach">Outreach</a></li>
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Tips">Tips and Tricks</a></li>
+
</ul>
</ul>
</li>
</li>
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/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>
+
</ul>
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Acknowledgement">Acknowledgement</a></li>
+
<!--End NavBar-->
-
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Social">Fun</a></li>
+
-
</ul>
+
-
</li>
+
-
</ul>  
+
<br>
<br>
<h6>Outreach</h6>
<h6>Outreach</h6>
 +
<br>
 +
 +
<div id="tracking_nav">
 +
JUMP TO...<br>
 +
<a href="#bu-wellesley_wiki_content">Top</a><br>
 +
<a href="#overview">Overview</a><br>
 +
<a href="#synflo">SynFlo</a><br>
 +
<a href="#framingham">Framingham High School</a><br>
 +
<a href="#posters">Summer Poster Session</a>
 +
</div>
 +
 +
<div id="overview">
 +
<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. We also aim to expose young adults to computing, highlighting the power of applying computational thinking to problem solving.<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"/>
 +
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.
 +
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!
 +
<br><br>
 +
</p>
 +
</div>
 +
 +
<div id="synflo">
 +
<br><br>
 +
 +
<h1>SynFlo</h1>
 +
                     
 +
<!-- Approach content in here-->
 +
 +
<!-- Results content in here-->
 +
<h4>Description</h4>
 +
<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.
 +
 +
<center><iframe width="560" height="315" src="http://www.youtube.com/embed/SG4rxLogs6U?rel=0" frameborder="0" allowfullscreen></iframe></center>
 +
 +
<br><br>
 +
</p>
 +
</div>
 +
 +
 +
<div id="framingham">
 +
<br><br><br>
 +
<h1>Framingham High School</h1>
 +
 +
<!-- Results content in here-->
<p>
<p>
-
<div>
 
-
Coming soon!
+
  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>
 +
</div>
 +
 
 +
<div id="posters">
 +
<br><br><br><br><br><br><br>
 +
 
 +
<h1>Summer Poster Session</h1>
 +
 +
<!-- 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.
 +
<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.
 +
<!--<img style="width:800px;" src="http://cs.wellesley.edu/~hcilab/public_html/iGEM_wiki/images/Team/Blank.png"/> -->
 +
</p>
 +
</div>
-
</div><!--end bu-wellesley_wiki_content div-->
+
<br><br><br><br><br>
 +
</div><!--end wellesley_wiki_content div-->
 +
</div>
</body>
</body>
</html>
</html>

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.






Retrieved from "http://2012.igem.org/Team:Wellesley_HCI/Outreach"