Difference between revisions of "Team:BostonU/HP/Gold"

(Prototype team page)
 
Line 1: Line 1:
−
{{BostonU}}
+
{{BostonU_we_tryin}}
 
<html>
 
<html>
 +
<head>
 +
<style>
  
−
<div class="column full_size judges-will-not-evaluate">
+
#sideMenu, #top_title {display:none;}
−
<h3>★  ALERT! </h3>
+
body {background-color:white; }
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">human practices gold medal criterion</a>. </p>
+
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
 +
body {
 +
width:100%;
 +
}
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
p{
−
</div>
+
text-indent:70px;
 +
}
  
 +
#buttonone, #buttontwo, #buttonthree, #lineone, #linetwo, #linethree, #buttonfour {
 +
z-index:0;
 +
cursor:pointer;
 +
}
  
 +
#divone, #divtwo, #divthree, #divfour {
 +
display:none;
 +
color:#0071a7;
 +
padding:0px 100px 0px 100px;
 +
}
  
−
<div class="column full_size">
+
#buttonone {
 +
width:10%;
 +
position:absolute;
 +
left: 5%
 +
}
  
 +
#buttontwo {
 +
width:10vw;
 +
position:absolute;
 +
left:28%
 +
}
  
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
#buttonthree {
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
width:10%;
−
<p>For more information, please see the <a href="https://2016.igem.org/Human_Practices">Human Practices Hub</a>.</p>
+
position:absolute;
 +
left:51%
 +
}
  
 +
#buttonfour {
 +
width:10%;
 +
position:absolute;
 +
left:74%
 +
}
 +
 +
.hov:hover{
 +
transform:scale(1.2);
 +
}
 +
 +
#lineone {
 +
width:3%;
 +
-webkit-transform: rotate(270deg);
 +
position:absolute;
 +
left:20%;
 +
z-index:-1;
 +
}
 +
 +
#linetwo {
 +
width:3%;
 +
-webkit-transform: rotate(270deg);
 +
position:absolute;
 +
left:43%;
 +
z-index:-1;
 +
}
 +
 +
#linethree {
 +
width:3%;
 +
-webkit-transform: rotate(270deg);
 +
position:absolute;
 +
left:66%;
 +
z-index:-1;
 +
}
 +
 +
.words {
 +
width:13%;
 +
}
 +
 +
</style>
 +
 +
<body>
 +
 +
 +
<div style = "font-size:300%; padding:40px 50px 25px 50px; text-align:center; color:#0071A7;">HP Project Timeline</div>
 +
 +
<center><hr style= "width:702px; height: 3px; background-color:#0071A7"></center><br><br>
 +
<div style = "height:11vw">
 +
<img style = "display:inline-block;" id = "buttonone" class = "hov" src = "https://static.igem.org/mediawiki/2016/2/24/T--BostonU--BBcircle.png">
 +
<img id =  "lineone" src = "https://static.igem.org/mediawiki/2016/3/35/T--BostonU--Arrow.png">
 +
<img style = "display:inline-block;" class = "hov" id = "buttontwo" src = "https://static.igem.org/mediawiki/2016/0/00/T--BostonU--SummerPathwaysCircle.png">
 +
<img id =  "linetwo" src = "https://static.igem.org/mediawiki/2016/3/35/T--BostonU--Arrow.png">
 +
<img style = "display:inline-block;" class = "hov" id = "buttonthree" src = "https://static.igem.org/mediawiki/2016/0/06/T--BostonU--WritingCircle.png">
 +
<img id =  "linethree" src = "https://static.igem.org/mediawiki/2016/3/35/T--BostonU--Arrow.png">
 +
<img style = "display:inline-block;" class = "hov" id = "buttonfour" src = "https://static.igem.org/mediawiki/2016/0/06/T--BostonU--WritingCircle.png">
 
</div>
 
</div>
 +
<img style = "display:inline-block; padding: 0% 4%;" class = "words" src = "https://static.igem.org/mediawiki/2016/8/88/T--BostonU--BBwords.png">
 +
<img style = "display:inline-block; padding:0% 5.5%" class = "words" src = "https://static.igem.org/mediawiki/2016/c/c9/T--BostonU--SummerPathwaysWords.png">
 +
<img style = "display:inline-block; padding:0% 4.5%" class = "words" src = "https://static.igem.org/mediawiki/2016/9/9f/T--BostonU--WritingWords.png">
 +
<img style = "display:inline-block; padding:0% 4.5%" class = "words" src = "https://static.igem.org/mediawiki/2016/9/9f/T--BostonU--WritingWords.png">
 +
<br><br><br><br>
 +
<div id = "divone">
 +
<img style = "float:right; width:300px; padding:0px 0px 100px 50px;" src = "https://static.igem.org/mediawiki/2016/8/82/T--BostonU--WL_Table_at_BwB.jpg">
 +
<p style = "font-size:150%; padding:0px 0px;">On June 26, we participated in the Museum of Science's "Building with Biology" event. At this event, we assisted in guiding a forum discussion that was open to members of the public. The subject of the forum was genetically engineering mosquitoes to control their population. The forum consisted of a short presentation followed by the members of the public breaking into groups of five to ten. From there, they discussed how/if genetically engineered mosquitoes should be implemented, using a set of pre-written questions to guide their discussion. With our team mediating the discussion, members of the public were able to learn key principles of synthetic biology, as well as consider the applications and ethical implications of the field. This experience taught us that forums could act as a tool to make synthetic biology interesting and accessible to the public.</p></div>
 +
</div>
 +
<div id = "divtwo" style = "padding:10px 30px 0px 100px;">
 +
<img style = "float:right; width:400px; padding:20px 0px 110px 30px;" src = "https://static.igem.org/mediawiki/2016/3/37/T--BostonU--Martian_Colonization_Forum.png">
 +
<p style = "font-size:150%; padding:0px 0px;">In July, we volunteered to host a program called Summer Pathways which introduces high school students to STEM fields. We were asked to come up with an activity for them to participate in that would introduce them to synthetic biology. We remembered how useful the forums from the Museum of Science were in introducing synthetic biology to the public, and so we decided to write our own forum to use with the high schoolers. We chose to write our forum from scratch and chose the subject to be martian colonization. This subject incorporates many applications of synthetic biology and is a relatively exciting topic. Therefore, we thought it was the best subject to introduce synthetic biology to the Summer Pathways group. As a group, we managed to write a forum that created a lively ethical discussion. We enjoyed writing the forum from scratch and we were happy with its the success of its implementation with Summer Pathways.</p></div>
 +
</div>
 +
<div id = "divthree">
 +
<img style = "float:right; width:300px; padding:0px 0px 100px 50px;" src = "https://static.igem.org/mediawiki/2016/f/f8/T--BostonU--Forums.jpg">
 +
<p style = "font-size:150%; padding:0px 0px;">We chose four subjects to begin writing our series of forums: GMO foods, engineering mosquitoes, Mars terraforming, and human gene editing. After writing and thoroughly editing the forums ourselves, we then reached out to professors who had experience in the fields our forums covered. For the engineering mosquito forum, we contacted ----------, who reviewed the material and made corrections. We did the same with the Martian colonization forum, reaching out to ------------. The entire BU wetlab team contributed to editing and revising the forums until we had a product that was ready for testing</p></div>
 +
 +
<div id = "divfour">
 +
<img style = "float:right; width:300px; padding:0px 0px 100px 50px;" src = "https://static.igem.org/mediawiki/2016/f/f8/T--BostonU--Forums.jpg">
 +
<p style = "font-size:150%; padding:0px 0px;">On September 14th, we tested our forums for the first time on a students who were taking an introductory class to cell biology at Boston University. After hosting the forum, we then sent them a form to fill out, giving us feedback on how we could improve our forums. ----------------</p></div>
 +
 +
<div style = "height:500px;">
 +
</div>
 +
</body>
 +
 +
 +
<script type="text/javascript">
 +
$(document).ready(
 +
    function(){
 +
  $("#buttonone").click(function () {
 +
      $("#buttonone").css('width', '12%');
 +
      $("#buttonone").css('margin', '-1% 0% 0% -1%');
 +
      $("#buttontwo").css('width', '10%');
 +
      $("#buttontwo").css('margin', '0%');
 +
      $("#buttonthree").css('width', '10%');
 +
      $("#buttonthree").css('margin', '0%');
 +
      $("#buttonfour").css('width', '10%');
 +
      $("#buttonfour").css('margin', '0%');
 +
      $('#divone').toggle(500);
 +
      $("#divtwo").hide(500);
 +
      $('#divthree').hide(500);
 +
      $('#divfour').hide(500);
 +
      $('#buttonone').removeClass('hov');
 +
      $('#buttontwo').addClass('hov');
 +
      $('#buttonthree').addClass('hov');
 +
      $('#buttonfour').addClass('hov');
 +
        });
 +
    });
 +
</script>
 +
 +
<script type="text/javascript">
 +
$(document).ready(
 +
    function(){
 +
  $("#buttontwo").click(function () {
 +
      $("#buttontwo").css('width', '12%');
 +
      $("#buttontwo").css('margin', '-.95% 0% 0% -.95%');
 +
      $("#buttonone").css('width', '10%');
 +
      $("#buttonone").css('margin', '0%');
 +
      $("#buttonthree").css('width', '10%');
 +
      $("#buttonthree").css('margin', '0%');
 +
      $("#buttonfour").css('width', '10%');
 +
      $("#buttonfour").css('margin', '0%');
 +
      $('#divtwo').toggle(500);
 +
      $('#divthree').hide(500);
 +
      $('#divone').hide(500);
 +
      $('#divfour').hide(500);
 +
      $('#buttontwo').removeClass('hov');
 +
      $('#buttonone').addClass('hov');
 +
      $('#buttonthree').addClass('hov');
 +
      $('#buttonfour').addClass('hov');
 +
        });
 +
    });
 +
</script>
 +
 +
<script type="text/javascript">
 +
$(document).ready(
 +
    function(){
 +
  $("#buttonthree").click(function () {
 +
      $("#buttonthree").css('width', '12%');
 +
      $("#buttonthree").css('margin', '-.95% 0% 0% -1%');
 +
      $("#buttontwo").css('width', '10%');
 +
      $("#buttontwo").css('margin', '0%');
 +
      $("#buttonone").css('width', '10%');
 +
      $("#buttonone").css('margin', '0%');
 +
      $("#buttonfour").css('width', '10%');
 +
      $("#buttonfour").css('margin', '0%');
 +
      $('#divthree').toggle(500);
 +
      $('#divtwo').hide(500);
 +
      $('#divone').hide(500);
 +
      $('#divfour').hide(500);
 +
      $('#buttonthree').removeClass('hov');
 +
      $('#buttonone').addClass('hov');
 +
      $('#buttontwo').addClass('hov');
 +
      $('#buttonfour').addClass('hov');
 +
        });
 +
 +
    });
 +
</script>
 +
 +
<script type="text/javascript">
 +
$(document).ready(
 +
    function(){
 +
  $("#buttonfour").click(function () {
 +
      $("#buttonfour").css('width', '12%');
 +
      $("#buttonfour").css('margin', '-.95% 0% 0% -1%');
 +
      $("#buttontwo").css('width', '10%');
 +
      $("#buttontwo").css('margin', '0%');
 +
      $("#buttonone").css('width', '10%');
 +
      $("#buttonone").css('margin', '0%');
 +
      $("#buttonthree").css('width', '10%');
 +
      $("#buttonthree").css('margin', '0%');
 +
      $('#divfour').toggle(500);
 +
      $('#divtwo').hide(500);
 +
      $('#divone').hide(500);
 +
      $('#divthree').hide(500);
 +
      $('#buttonfour').removeClass('hov');
 +
      $('#buttonone').addClass('hov');
 +
      $('#buttontwo').addClass('hov');
 +
      $('#buttonthree').addClass('hov');
 +
        });
  
 +
    });
 +
</script>
  
 
</html>
 
</html>

Revision as of 17:32, 5 October 2016

HP Project Timeline






On June 26, we participated in the Museum of Science's "Building with Biology" event. At this event, we assisted in guiding a forum discussion that was open to members of the public. The subject of the forum was genetically engineering mosquitoes to control their population. The forum consisted of a short presentation followed by the members of the public breaking into groups of five to ten. From there, they discussed how/if genetically engineered mosquitoes should be implemented, using a set of pre-written questions to guide their discussion. With our team mediating the discussion, members of the public were able to learn key principles of synthetic biology, as well as consider the applications and ethical implications of the field. This experience taught us that forums could act as a tool to make synthetic biology interesting and accessible to the public.

In July, we volunteered to host a program called Summer Pathways which introduces high school students to STEM fields. We were asked to come up with an activity for them to participate in that would introduce them to synthetic biology. We remembered how useful the forums from the Museum of Science were in introducing synthetic biology to the public, and so we decided to write our own forum to use with the high schoolers. We chose to write our forum from scratch and chose the subject to be martian colonization. This subject incorporates many applications of synthetic biology and is a relatively exciting topic. Therefore, we thought it was the best subject to introduce synthetic biology to the Summer Pathways group. As a group, we managed to write a forum that created a lively ethical discussion. We enjoyed writing the forum from scratch and we were happy with its the success of its implementation with Summer Pathways.

We chose four subjects to begin writing our series of forums: GMO foods, engineering mosquitoes, Mars terraforming, and human gene editing. After writing and thoroughly editing the forums ourselves, we then reached out to professors who had experience in the fields our forums covered. For the engineering mosquito forum, we contacted ----------, who reviewed the material and made corrections. We did the same with the Martian colonization forum, reaching out to ------------. The entire BU wetlab team contributed to editing and revising the forums until we had a product that was ready for testing

On September 14th, we tested our forums for the first time on a students who were taking an introductory class to cell biology at Boston University. After hosting the forum, we then sent them a form to fill out, giving us feedback on how we could improve our forums. ----------------