Difference between revisions of "Team:BostonU/Engagement"

(Prototype team page)
 
 
(63 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{BostonU}}
+
{{BU17_template_global}}
 
+
{{BU17_template_menubar}}
 
<html>
 
<html>
<div class="column full_size judges-will-not-evaluate">
+
<head>
<h3>★  ALERT! </h3>
+
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:400,900" rel="stylesheet">  
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
<style>
</div>
+
<div class="clear"></div>
+
  
<div class="column half_size">
+
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
 +
color: #a9a9a9 !important;
 +
}
 +
.menu-type {
 +
font-family: 'Roboto Condensed', sans-serif;
 +
letter-spacing: 5 pt !important;
 +
font-size: 14pt !important;
 +
text-align: center;
 +
text-decoration: none !important;
 +
text-transform: uppercase;
 +
font-weight: 700;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.wide-heading-type {
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 24pt !important;
 +
letter-spacing: 5pt !important;
 +
text-align: center;
 +
text-decoration: none !important;
 +
text-transform: uppercase;
 +
font-weight: bold;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.body-type {
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 16pt !important;
 +
text-decoration: none !important;
 +
line-height: 2;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.caption-type {
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 18pt !important;
 +
text-decoration: none !important;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.inline-heading-type {
 +
font-family: 'Roboto', sans-serif !important;
 +
font-size: 20pt !important;
 +
font-weight: bold !important;
 +
text-decoration: none !important;
 +
line-height: 2 pt !important;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.float-left {
 +
float: left !important;
 +
}
 +
.float-right {
 +
float: right !important;
 +
}
 +
.align-right {
 +
text-align: right !important;
 +
}
 +
.align-center {
 +
text-align: center !important;
 +
}
 +
.indented {
 +
text-indent: 80px;
 +
}
 +
.mainwrap {
 +
width: 90%;
 +
max-width: 960px;
 +
min-width: 360px;
 +
margin: 0 auto;
 +
top:0;
 +
display:none;
 +
}
 +
body {
 +
background-image: url("https://static.igem.org/mediawiki/2017/f/ff/T--BostonU--CircadiaSynthetica.png");
 +
background-repeat: no-repeat;
 +
    background-attachment: fixed;
 +
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover !important;
 +
}
 +
#backgroundimage1 {
 +
margin-top: -85px;
 +
background-image: url("#");
 +
background-repeat: no-repeat;
 +
    background-attachment: cover;
 +
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover !important;
 +
height: 360px;
 +
width: 100%;
 +
align-content:center;
 +
text-align:center
 +
vertical-align:middle;
 +
}
 +
#backgroundimage1 p {
 +
top: 40%;
 +
color: #FEFEFE;
 +
position: relative;
 +
}
 +
.background-gradient-down {
 +
height: 360px;
 +
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+100&0+0,1+100 */
 +
background: -moz-linear-gradient(top, rgba(239,239,238,0) 0%, rgba(239,239,238,1) 100%); /* FF3.6-15 */
 +
background: -webkit-linear-gradient(top, rgba(239,239,238,0) 0%,rgba(239,239,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
 +
background: linear-gradient(to bottom, rgba(239,239,238,0) 0%,rgba(239,239,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefee', endColorstr='#efefee',GradientType=0 ); /* IE6-9 */
 +
}
 +
.background-gradient-up {
 +
height: 360px;
 +
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+100&1+0,0+100 */
 +
background: -moz-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,0) 100%); /* FF3.6-15 */
 +
background: -webkit-linear-gradient(top, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 100%); /* Chrome10-25,Safari5.1-6 */
 +
background: linear-gradient(to bottom, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefee', endColorstr='#00efefee',GradientType=0 ); /* IE6-9 */
 +
}
 +
.background-gradient-both {
 +
height: 360px;
 +
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+50,efefee+100&1+0,0+50,1+100 */
 +
background: -moz-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,0) 50%, rgba(239,239,238,1) 100%); /* FF3.6-15 */
 +
background: -webkit-linear-gradient(top, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 50%,rgba(239,239,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
 +
background: linear-gradient(to bottom, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 50%,rgba(239,239,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefee', endColorstr='#efefee',GradientType=0 ); /* IE6-9 */
 +
}
 +
#panel1 {
 +
background: #EFEFEE;
 +
width: 100%;
 +
color: #1d1d1d;
 +
z-index: 1;
 +
}
 +
#backgroundimage2 {
 +
background-image: url("#");
 +
background-repeat: no-repeat;
 +
    background-attachment: cover;
 +
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover !important;
 +
height: 360px;
 +
width: 100%;
 +
position: relative;
 +
}
 +
#backgroundimage2 p {
 +
top: 40%;
 +
color: #FEFEFE;
 +
}
 +
#protocol-accordion .ui-accordion-content  {
 +
background: #FFFFFF;
 +
color: #A9A9A9;
 +
border-radius: 20px;
 +
}
 +
#protocol-accordion .ui-accordion-content > * {
 +
  margin: 0;
 +
  padding: 40px;
 +
}
 +
.link-slideup {
 +
position: relative;
 +
overflow: hidden;
 +
-webkit-backface-visibility: hidden;
 +
backface-visibility: hidden;
 +
}
 +
.link-slideup a {
 +
position: relative;
 +
display: inline-block;
 +
outline: none;
 +
color: #D45B5C;
 +
vertical-align: bottom;
 +
text-decoration: none;
 +
white-space: nowrap;
 +
}
 +
.link-slideup a::before, .link-slideup a::after {
 +
pointer-events: none;
 +
-webkit-backface-visibility: hidden;
 +
backface-visibility: hidden;
 +
}
 +
.link-slideup a {
 +
overflow: hidden;
 +
font-weight: 500;
 +
}
 +
.link-slideup a::before {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
z-index: -1;
 +
width: 100%;
 +
height: 100%;
 +
background-color: #A9A9A9;
 +
opacity: 1;
 +
content: '';
 +
-webkit-transition: -webkit-transform 0.2s;
 +
transition: transform 0.2s;
 +
-webkit-transform: translateY(95%);
 +
transform: translateY(95%);
 +
opacity: 0.3;
 +
}
 +
.link-slideup a:hover::before, .link-slideup a:focus::before {
 +
-webkit-transform: translateY(0);
 +
transform: translateY(0);
 +
}
 +
.figwrap {
 +
background: none;
 +
width: 80%;
 +
border-radius: 5pt;
 +
align-content:center;
 +
}
 +
.figwrap img {
 +
height: 500px;
 +
padding: 0 5%;
 +
}
 +
.figwrap p {
 +
padding: 0 5%;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div id="backgroundimage1"><div class="background-gradient-down">
 +
  <p class="wide-heading-type mainwrap align-center">ENGAGEMENT AND OUTREACH</p>
 +
</div></div>
 +
<div id="panel1" class="link-slideup">
 +
<p class="body-type mainwrap">From the start of our project, we focused on sharing our work and starting conversations about synthetic biology with our community. During the summer, we facilitated an outreach event called Summer Pathways along the BU Hardware Team and the STEM Pathways organization. <a href = "https://www.programmingbiology.org/outreach">STEM Pathways</a>is a new outreach organization at Boston University with the objective to inspire, mentor, train, and empower current and future generations of students, with a focus on underrepresented groups.</p>
 +
<p class="body-type mainwrap">&nbsp;</p>
  
<h1>Education and Public Engagement</h1>
+
<p class="body-type mainwrap"> The purpose of Summer Pathways was to introduce a group of 20 female high school students to synthetic biology. We organized and led four activities: Plasmid Design, Microfluidic Chip Design, Gel Electrophoresis, and a Bioethics Forum. In the Plasmid Design workshop, we showed them our plasmid repository on Benchling and sequences of plasmids that we actually used in the lab. We taught them the theory behind cloning parts into a backbone using restriction enzymes through the use of paper plasmids and restriction enzyme scissors.  </p>
<h3>Best Education and Public Engagement Special Prize</h3>
+
 
<p>Over the last few years, we have seen teams produce some truly outstanding work in the areas of education and public engagement. Innovative educational tools and public engagement activities have the ability to discuss the science behind synthetic biology, spark new scientific curiosity and establish a public dialogue about synthetic biology from voices/views outside the lab.
+
<p class="body-type mainwrap">&nbsp;</p>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/c/c5/T--BostonU--SummerPathways2.jpg" height = "500" width = "800"></img>
 +
</center>
 +
<div class="figwrap mainwrap body-type">
  
<br><br>
 
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Education and Public Engagement prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
 
<br><br>
 
You must also delete the message box on the top of this page to be eligible for this prize.
 
</p>
 
 
</div>
 
</div>
 +
<p class="body-type mainwrap">&nbsp;</p>
 +
<p class="body-type mainwrap">In the Microfluidic Chip Design Workshop, ran in collaboration with the BU Hardware team, the students were given a brief information session about what microfluidic chips. Then the BU Hardware team helped the students design microfluidic chips out of cardboard. During the Gel Electrophoresis workshop, we brought the students into our lab and taught them how to load a gel using colored dye. We ran the gel and illustrated how the colors separated, explaining that this is analogous to how it appears when DNA fragments separate out based on size.  </p>
 +
<p class="body-type mainwrap">&nbsp;</p>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/8/81/T--BostonU--Gel.jpg" height = "250" width = "400"></img>
 +
<img src="https://static.igem.org/mediawiki/2017/5/53/T--BostonU--Microfluidics1.jpg" height = "250" width = "400"></img>
 +
</center>
  
 +
<div class="figwrap mainwrap body-type">
  
 +
</div>
 +
<p class="body-type mainwrap">&nbsp;</p>
 +
<p class="body-type mainwrap">In the Bioethics Forum, we brought up several controversial topics in synthetic biology. The students engaged in conversations about gene editing techniques like CRISPR as well as genetically modified food. In one instance, these conversations led to even deeper questions about the nature of life itself. </p>
 +
<p class="body-type mainwrap">&nbsp;</p>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/4/48/T--BostonU--Bioethics2.jpg" height = "500" width = "800"></img>
 +
</center>
 +
<div class="figwrap mainwrap body-type">
  
 +
</div>
 +
<p class="body-type mainwrap">&nbsp;</p>
 +
<p class="body-type mainwrap">We realized after this workshop that lab techniques such as gel electrophoresis and plasmid design are easier to explain in person with a demonstration than simply reading about them. Gel Electrophoresis and plasmid design are common techniques used by biologists, but explaining how they works can be challenging. We anticipate that this challenge would extend and worsen when trying to explain our own project, as the level of specificity increases. We wondered if there was a way to bridge this gap and improve our ability to explain synthetic biology processes and our own project without getting bogged down in technicalities. </p>
 +
<p class="body-type mainwrap">&nbsp;</p>
  
<div class="column half_size">
+
<p class="body-type mainwrap">We decided that this problem could be solved through a different form of communication. During our research of possible mediums, we realized the utility of step-by-step protocol videos that are easily accessible, and so we decided to enter the JoVE Film Your Research Contest. In our <a href="https://youtu.be/tayujZxnqxk" style="text-indent:0pt;">video</a>,we detail how we use the cell-free (TX-TL) system and provide a theoretical understanding of how it works. Our video placed among the Top 15 Critically Acclaimed videos, and we were one of only two undergraduate teams recognized in the Top 10 Finalists and Top 15 Critically Acclaimed videos picked from hundreds of other applicants. As a result, our team was asked to continue developing short videos for other labs in the BU community. This was the first step we took in making our project more accessible, and we are happy to see that our approach has inspired others as well. </p>
<h5>Inspiration</h5>
+
<p class="body-type mainwrap">&nbsp;</p>
<p>Here are a few examples of excellent Education and Public Engagement work:</p>
+
 
<ul>
+
<p class="body-type mainwrap">In August, we had the opportunity to visit Gingko Bioworks, a biotechnology startup in Boston. We saw work done by a visiting artist who was using bacteria to dye fabrics. We learned that Gingko Bioworks uses art made with or about synthetic biology to spark conversations with the community, and thought this was a fantastic idea. With our focus on engaging the community, we developed an art project that could be used to start conversations about synthetic biology. Titled <a href="https://2017.igem.org/Team:BostonU/HP/Silver">“Circadia Synthetica”</a>, the theme of our art is synthetic modification related to circadian rhythms. Specifically, the project explores three layers of circadian rhythms - in bacteria, plants, and humans - and how existing cycles on Earth could be modified to enable human life on Mars. </p>
<li><a href="https://2016.igem.org/Team:SCAU-China/Engagement">2016 SCAU-China</a></li>
+
<p class="body-type mainwrap">&nbsp;</p>
<li><a href="https://2016.igem.org/Team:Imperial_College/Engagement">2016 Imperial College</a></li>
+
<center>
<li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement">2015 UFMG Brazil</a></li>
+
  <img src="https://static.igem.org/mediawiki/2017/f/ff/T--BostonU--CircadiaSynthetica.png" height = "600" width = "800"></img>
<li><a href="https://2015.igem.org/Team:William_and_Mary/Practices"> 2015 William and Mary</a></li>
+
</center>
</ul>
+
<div class="figwrap mainwrap body-type">
  
 
</div>
 
</div>
 +
<p class="body-type mainwrap">&nbsp;</p>
 +
<p class="body-type mainwrap">This project’s main goal was to use art to dialogue with the general public concerning potential applications of synthetic biology. We hope that using art will make the ideas more accessible to people unfamiliar with the topics. Specific conversation topics we wanted to bring up were bioethics and how the portrayal of synthetic biology through different mediums and tones has a large impact on public opinion.  </p>
 +
<p class="body-type mainwrap">&nbsp;</p>
  
 +
<p class="body-type mainwrap"> We presented preliminary sketches and painting work at the STEM Pathways Fall Dinner and Dialogue to start this important conversation. The audience was composed of college professors, high school educators, graduate and undergraduate researchers, and local community members. Part of our art project shows flowers that have been synthetically modified to change color based on the time of day. In response to this, some people voiced frustration that synthetic biology was being used to for what they saw as small changes, instead of being leveraged for more relevant applications such as curing diseases. </p>
 +
<p class="body-type mainwrap">&nbsp;</p>
 +
<center>
 +
  <img src="https://static.igem.org/mediawiki/2017/0/0e/T--BostonU--DinnerandDialogue2.png" height = "600" width = "800"></img>
 +
</center>
 +
<div class="figwrap mainwrap body-type" background = "none">
 +
 
 +
</div>
 +
<p class="body-type mainwrap">&nbsp;</p>
 +
<p class="body-type mainwrap"> Pending Institutional Review Board approval, we plan to place the art project at different locations in Boston and observe how people interact with it. We would hope to engage some viewers in conversations about synthetic biology presented through the art. We posted samples of the project across different social media platforms to see if we would receive any feedback from our community. A few responses have indicated surprise at the potential applications in space, and uncertainty about the ethics of genetically modifying humans. We would love for others to spread our art, talk about it with friends and family, and come see it at the exhibition space during the Jamboree. </p>
 +
<p class="body-type mainwrap">&nbsp;</p>
  
<div class="clear"></div>
+
<p class="body-type mainwrap">From our conversations we realized that there is a potential flaw in how foundational advance projects in synthetic biology are being portrayed to the public. We need to show why applications such as color changing flowers are important. We need to emphasize that developing the tools to respond to circadian rhythms is what is relevant and impactful, not the color changing flowers themselves. Our art project tries to approach this topic by showing examples of how foundational research in synthetically modified circadian rhythms could be used to improve the chances of human survival. As a foundational advance team, we understand that we need to make clear the necessity and importance of foundational research. Our goal in our interactions with the community, including our wiki and presentation at iGEM, is to frame our project in terms of how our foundational advance can define tools that in the future could be used to accomplish groundbreaking innovations.  </p>
 +
<p class="body-type mainwrap">&nbsp;</p>
 +
 
 +
</div>
 +
<div id="backgroundimage2"><div class="background-gradient-up">
 +
</div></div>
 +
<script> /* THIS MAKES ANY WRAPPED ELEMENT ON THE PAGE FADE IN */
 +
$(document).ready(function () {
 +
    $('.mainwrap').fadeIn(1000);
 +
});
 +
</script>
 +
</body>
 
</html>
 
</html>

Latest revision as of 19:29, 1 November 2017

ENGAGEMENT AND OUTREACH