Difference between revisions of "Team:BostonU/Collaborations"

 
(39 intermediate revisions by 4 users not shown)
Line 9: Line 9:
 
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
 
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 +
.minipic {
 +
cursor:pointer;}
  
  
Line 30: Line 33:
  
  
−
#hover-contentone, #hover-contenttwo, #hover-contentthree {
+
#hover-contentone, #hover-contenttwo, #hover-contentthree, #hover-contentfour {
 
     opacity:0;
 
     opacity:0;
 
     position:absolute;
 
     position:absolute;
Line 44: Line 47:
 
<body>
 
<body>
 
<center><div>
 
<center><div>
−
<br><br>
 
  
 +
<div style = "font-size:300%; padding:40px 50px 25px 50px; text-align:center; color:#0071A7;">Collaborations</div>
 +
 +
<center><hr style= "width:702px; height: 3px; background-color:#0071A7"></center>
 +
 +
<br><div id = "instruct"><center style = "color:#0071A7; font-size:150%;">Click on a school to read about our collaboration</center><br></div>
 +
 +
<div class = "unit" style = "margin:0px 125px 0px 0px">
 +
    <div id = "parentfour" class = "parent">
 +
    <center id = "minfour"  class = "mini" style = "color:#760E18; padding:30px 0px; font-size:300%;">NEGEM</center>
 +
    <center><img class = "minipic" id = "minifour" src = "https://static.igem.org/mediawiki/2016/2/23/T--BostonU--NEGEMTWO.png" style = "width:220px; padding:0px;"></center>
 +
    </div>
 +
 +
</div>
  
 
<div class = "unit">
 
<div class = "unit">
 
     <div id = "parentone" class = "parent">
 
     <div id = "parentone" class = "parent">
−
     <center id = "minone"  class = "mini" style = "color:#bd162a; padding:50px 0px; font-size:300%; font-family:rockwell;"> MIT</center>
+
     <center id = "minone"  class = "mini" style = "color:#0071a7; padding:30px 0px; font-size:300%;"> MIT</center>
−
     <center><img class = "minipic" id = "minione" src = "https://static.igem.org/mediawiki/2016/7/7b/T--BostonU--LabCentral.png" style = "width:175px; padding:0px;"></center>
+
     <center><img class = "minipic" id = "minione" src = "https://static.igem.org/mediawiki/2016/6/63/T--BostonU--mitcollab.png" style = "width:220px; padding:0px;"></center>
 
     </div>  
 
     </div>  
  
 
</div>
 
</div>
 
      
 
      
−
<div class = "unit" style = "margin:0px 200px 0px 200px;">
+
<div class = "unit" style = "margin:0px 125px 0px 125px;">
 
     <div id = "parenttwo" class = "parent">
 
     <div id = "parenttwo" class = "parent">
−
     <center id = "mintwo" class = "mini" style = "color:#0071a7; padding:50px 0px; font-size:300%; font-family:rockwell;">WPI</center>
+
     <center id = "mintwo" class = "mini" style = "color:#bd162a; padding:30px 0px; font-size:300%;">WPI</center>
−
     <center><img class = "minipic" id = "minitwo" src = "https://static.igem.org/mediawiki/2016/5/5a/T--BostonU--Ginkgo.png" style = "width:175px; padding:0px;"></center>
+
     <center><img class = "minipic" id = "minitwo" src = "https://static.igem.org/mediawiki/2016/b/b7/T--BostonU--WPIcollab.png" style = "width:220px; padding:0px;"></center>
 
     </div>
 
     </div>
  
Line 66: Line 81:
 
<div class = "unit">
 
<div class = "unit">
 
     <div id = "parentthree" class = "parent">
 
     <div id = "parentthree" class = "parent">
−
     <center id = "minthree" class = "mini" style = "color:#507f54; padding:50px 0px; font-size:300%; font-family:rockwell;">BU Hardware</center>
+
     <center id = "minthree" class = "mini" style = "color:#507f54; padding:30px 0px; font-size:300%;">BU Hardware</center>
−
     <center><img class = "minipic" id = "minithree" src = "https://static.igem.org/mediawiki/2016/4/46/T--BostonU--Monsantocircle.png" style = "width:175px; padding:0px;"></center>
+
     <center><img class = "minipic" id = "minithree" src = "https://static.igem.org/mediawiki/2016/0/0d/T--BostonU--HWcollab.png" style = "width:220px; padding:0px;"></center>
 
     </div>
 
     </div>
  
Line 78: Line 93:
 
<div id="hover-contentone" style="padding:0px 250px 150px 150px;">
 
<div id="hover-contentone" style="padding:0px 250px 150px 150px;">
 
<div>
 
<div>
−
     <center style = "font-size:280%; font-family:Trebuchet MS; color:#bd162a;">MIT</center>
+
     <center style = "font-size:280%; font-family:Trebuchet MS; color:#0071A7">MIT</center>
 
     <br>
 
     <br>
−
     <center><hr style= "width:500px; height: 3px; background-color:#bd162a;"></center>
+
     <center><hr style= "width:500px; height: 3px; background-color:#0071A7"></center>
 
</div>
 
</div>
  
 
<br>
 
<br>
  
−
<img src = "https://static.igem.org/mediawiki/2016/8/8d/T--BostonU--WL_at_MIT.jpg" width = 50% style = "padding:2% 5% 5% 8%; float:left;">
+
<img src = "https://static.igem.org/mediawiki/2016/8/8d/T--BostonU--WL_at_MIT.jpg" width = 40% style = "padding:5% 5% 10% 3%; float:left;">
  
−
<p style = "color:#bd162a; font-size:150%; padding:0% 8% 3% 5%;">In the beginning of the summer, we collaborated with MIT, specifically their Recombinase team. Topics discussed included structures of recombinase circuits, phylogenic tree of recombinases, as well as the orthogonality of various heterospecific site-recombinase pairs. In addition, we worked with the entire MIT team to prepare for the NEGEM #1 conference, practicing both presentations and responding to audience questions.</p>
+
<p style = "color:#0071A7; font-size:150%; padding:0% 8% 3% 5%;">In the beginning of the summer, we collaborated with MIT, specifically their Recombinase team. Several members of our team worked previously with recombinases and used this time to discuss several topics surrounding this body of work. These topics included structures of recombinase circuits, the phylogenetic tree of recombinases, as well as the orthogonality of various heterospecific site-recombinase pairs. In addition, we worked with the entire MIT team to prepare for the NEGEM #1 conference, practicing both presentations and responding to audience questions.</p>
 
</div>
 
</div>
  
Line 93: Line 108:
 
<div id="hover-contenttwo" style="padding:0px 250px 50px 150px;">
 
<div id="hover-contenttwo" style="padding:0px 250px 50px 150px;">
 
<div>
 
<div>
−
     <center style = "font-size:280%; font-family:Trebuchet MS; color:#0071A7;">WPI</center>
+
     <center style = "font-size:280%; font-family:Trebuchet MS; color:#bd162a;">WPI</center>
 
     <br>
 
     <br>
−
     <center><hr style= "width:500px; height: 3px; background-color:#0071A7"></center>
+
     <center><hr style= "width:500px; height: 3px; background-color:#bd162a;"></center>
  
 
<br>
 
<br>
  
−
<img src = "https://static.igem.org/mediawiki/2016/6/6c/T--BostonU--WPI_Collab.jpg" width = 40% style = "padding:6% 8% 0% 5%; float:right;">
+
<img src = "https://static.igem.org/mediawiki/2016/6/6c/T--BostonU--WPI_Collab.jpg" width = 40% style = "padding:6% 5% 0% 5%; float:right;">
  
−
<p style = "color:#0071A7; font-size:150%; padding:2% 5% 1% 8%;">During NEGEM #1, we mingled with the other teams to potentially collaborate to improve experimental projects or human practices projects.  While there, we learned WPI was using microscopy to analyze fluorescence in their experiments and offered them to use our flow cytometers to help them quantify their data. They took us up on the offer and drove to our lab  where we prepped their cells and ran them through our flow cytometer.  We also helped them analyze and interpret their data using the FloJo program.</p>
+
<p style = "color:#bd162a; font-size:150%; padding:2% 5% 1% 8%;">During NEGEM #1, we mingled with the other teams in attendance to potentially collaborate to improve experimental projects or human practices projects.  During NEGEM #1 we discussed with WPI how they were using fluorescent microscopy for their assaying technique, while we were using flow cytometry. In the spirit of iGEM and further characterization, we proposed a swap: we would run several WPI samples on our flow cytometer and aid in analysis, while WPI would view and image our circuits under their microscopes. In both cases, we were able to validate that our parts functioned as expected. Specifically, we found that our results were replicable under both assaying techniques.  </p>
  
 
</div>
 
</div>
Line 116: Line 131:
 
<img src = "https://static.igem.org/mediawiki/2016/8/86/T--BostonU--iGEM16_at_Pleasure_Bay.png" width = 50% style = "padding:2% 8% 0% 3%; float:right;">
 
<img src = "https://static.igem.org/mediawiki/2016/8/86/T--BostonU--iGEM16_at_Pleasure_Bay.png" width = 50% style = "padding:2% 8% 0% 3%; float:right;">
  
−
<p style = "color:#507f54; font-size:150%; padding:0% 8% 0% 5%;">We collaborated with our fellow home team, BostonU HW (Hardware) to accomplish one of our Human Practices projects, a blog about intellectual property in synthetic biology and software. The first blog was a team effort to introduce our readers to intellectual property, patents, copyrights, etc. and to establish the tone for our blogs.  Each subsequent blog was then switched off so the wet lab team wrote one week and the hardware team wrote the following week.  Of course our bloggers, Castor and Pollux, always edited each other's work before it was uploaded. We also met weekly with the Hardware team to work on our team Wikis together, whether it was how to code to get a desired aesthetic or to test the practicality and functionality of the websites.</p>
+
<p style = "color:#507f54; font-size:150%; padding:0% 8% 0% 5%;">We collaborated with our fellow home team, BostonU HW (Hardware) to develop one of our Human Practices projects, a blog about intellectual property in synthetic biology and software. Uniformly, we agreed that intellectual property was an important topic to iGEMmers and synthetic biologists at large, and thus the disbursement of this information was critical. The first post was a team effort to introduce our readers to intellectual property, patents, copyrights, etc. and to establish the tone for our blogs.  Each subsequent post was then switched off so the wet lab team wrote one week and the hardware team wrote the following week.  Of course our bloggers, Castor and Pollux, always edited each other's work before it was uploaded. You can read our blog, "Who Owns What" <a href = "https://buigem2016.wordpress.com/" style = "color:blue;">here.</a></p>
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
 +
 +
<div id="hover-contentfour" style="padding:0px 250px 50px 150px;">
 +
<div>
 +
    <center style = "font-size:280%; font-family:Trebuchet MS; color:#760E18;">NEGEM</center>
 +
    <br>
 +
    <center><hr style= "width:500px; height: 3px; background-color:#760E18;"></center>
 +
 +
<br>
 +
 +
<img src = "https://static.igem.org/mediawiki/2016/f/fc/T--BostonU--NEGEMpic.jpg" width = 50% style = "padding:2% 8% 0% 3%; float:right;">
 +
 +
<p style = "color:#760E18; font-size:150%; padding:0% 8% 0% 5%;">On Friday June 24th and Saturday October 8th, Boston University hosted NEGEM (New England iGEM), a meetup for iGEM teams all across New England to gather and share their research work and their plans for the Human Practices and Policies portion of the competition. All of the teams in attendance were given 20 minutes to present their research project and their plans for their Human Practices and Policies. Every person in attendance was asked to fill out an evaluation form about the research, P&P, and presentation style for each team that presented. The questions ranged from “Is their idea well-motivated?” to suggestions on ways to integrate research with P&P to “Was the talk engaging?”. After the teams finished their presentations, other iGEMers, HQ representatives, and mentors asked the teams for clarification on their research, future plans for outreach, and some ethical implications of using their project. Both NEGEM meetups were great ways to meet local teams and learn about interesting new research projects. </p>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 
<div style = "height:500px;"></div>
 
<div style = "height:500px;"></div>
 
</body>
 
</body>
Line 130: Line 166:
 
       $('#parenttwo').addClass('parent');
 
       $('#parenttwo').addClass('parent');
 
       $('#parentthree').addClass('parent');
 
       $('#parentthree').addClass('parent');
 +
      $('#parentfour').addClass('parent');
 
             $('#minone').animate({'font-size':'200%'}, 500);
 
             $('#minone').animate({'font-size':'200%'}, 500);
 
             $('#minone').animate({'padding':'10px 0px 20px 0px'}, 500);
 
             $('#minone').animate({'padding':'10px 0px 20px 0px'}, 500);
Line 139: Line 176:
 
             $('#minione').animate({"width":"150px"}, 500);
 
             $('#minione').animate({"width":"150px"}, 500);
 
             $('#minitwo').animate({"width":"100px"}, 500);
 
             $('#minitwo').animate({"width":"100px"}, 500);
−
             $('#minithree').animate({"width":"100px"}, 500);          
+
             $('#minithree').animate({"width":"100px"}, 500);
 +
            $('#minfour').animate({'font-size':'150%'}, 500); 
 +
            $('#minfour').css('padding', '20px 0px');       
 +
            $('#minifour').animate({"width":"100px"}, 500);
 
             $('#hover-contentone').animate({'opacity':'1'}, 1000);
 
             $('#hover-contentone').animate({'opacity':'1'}, 1000);
 
             $('#hover-contenttwo').animate({'opacity':'0'}, 1000);
 
             $('#hover-contenttwo').animate({'opacity':'0'}, 1000);
−
             $('#hover-contentthree').animate({'opacity':'0'}, 1000);  
+
             $('#hover-contentthree').animate({'opacity':'0'}, 1000);
 +
            $('#hover-contentfour').animate({'opacity':'0'}, 1000);
 +
 
 +
      $('#instruct').hide(600);
 
         });
 
         });
  
Line 155: Line 198:
 
       $('#parentone').addClass('parent');
 
       $('#parentone').addClass('parent');
 
       $('#parentthree').addClass('parent');
 
       $('#parentthree').addClass('parent');
 +
      $('#parentfour').addClass('parent');
 
             $('#minone').animate({'font-size':'150%'}, 500);
 
             $('#minone').animate({'font-size':'150%'}, 500);
 
             $('#mintwo').animate({'font-size':'200%'}, 500);
 
             $('#mintwo').animate({'font-size':'200%'}, 500);
Line 164: Line 208:
 
             $('#minitwo').animate({"width":"150px"}, 500);
 
             $('#minitwo').animate({"width":"150px"}, 500);
 
             $('#minithree').animate({"width":"100px"}, 500);
 
             $('#minithree').animate({"width":"100px"}, 500);
 +
            $('#minfour').animate({'font-size':'150%'}, 500); 
 +
            $('#minfour').css('padding', '20px 0px');       
 +
            $('#minifour').animate({"width":"100px"}, 500);
 
             $('#hover-contentone').animate({'opacity':'0'}, 1000);
 
             $('#hover-contentone').animate({'opacity':'0'}, 1000);
 
             $('#hover-contenttwo').animate({'opacity':'1'}, 1000);
 
             $('#hover-contenttwo').animate({'opacity':'1'}, 1000);
 
             $('#hover-contentthree').animate({'opacity':'0'}, 1000);
 
             $('#hover-contentthree').animate({'opacity':'0'}, 1000);
 +
            $('#hover-contentfour').animate({'opacity':'0'}, 1000);
 +
 +
      $('#instruct').hide(600);
 
         });
 
         });
  
Line 179: Line 229:
 
       $('#parentone').addClass('parent');
 
       $('#parentone').addClass('parent');
 
       $('#parenttwo').addClass('parent');
 
       $('#parenttwo').addClass('parent');
 +
      $('#parentfour').addClass('parent');
 
             $('#minone').animate({'font-size':'150%'}, 500);
 
             $('#minone').animate({'font-size':'150%'}, 500);
 
             $('#mintwo').animate({'font-size':'150%'}, 500);
 
             $('#mintwo').animate({'font-size':'150%'}, 500);
Line 188: Line 239:
 
             $('#minitwo').animate({"width":"100px"}, 500);
 
             $('#minitwo').animate({"width":"100px"}, 500);
 
             $('#minithree').animate({"width":"150px"}, 500);
 
             $('#minithree').animate({"width":"150px"}, 500);
 +
            $('#minfour').animate({'font-size':'150%'}, 500); 
 +
            $('#minfour').css('padding', '20px 0px');       
 +
            $('#minifour').animate({"width":"100px"}, 500);
 
             $('#hover-contentone').animate({'opacity':'0'}, 1000);
 
             $('#hover-contentone').animate({'opacity':'0'}, 1000);
 
             $('#hover-contenttwo').animate({'opacity':'0'}, 1000);
 
             $('#hover-contenttwo').animate({'opacity':'0'}, 1000);
 +
            $('#hover-contentfour').animate({'opacity':'0'}, 1000);
 
             $('#hover-contentthree').animate({'opacity':'1'}, 1000);
 
             $('#hover-contentthree').animate({'opacity':'1'}, 1000);
 +
      $('#instruct').hide(600);
 +
 +
        });
 +
 +
    });
 +
</script>
 +
 +
  <script type="text/javascript">
 +
$(document).ready(
 +
    function(){
 +
  $("#parentfour").click(function () {
 +
      $('#parentfour').removeClass('parent');
 +
      $('#parentone').addClass('parent');
 +
      $('#parenttwo').addClass('parent');
 +
      $('#parentthree').addClass('parent');
 +
            $('#minone').animate({'font-size':'150%'}, 500);
 +
            $('#mintwo').animate({'font-size':'150%'}, 500);
 +
            $('#minfour').animate({'font-size':'200%'}, 500);
 +
            $('#mintwo').css('padding', '20px 0px');
 +
            $('#minone').css('padding', '20px 0px');
 +
            $('#minfour').css('padding', '10px 0px 20px 0px');
 +
            $('#minione').animate({"width":"100px"}, 500);
 +
            $('#minitwo').animate({"width":"100px"}, 500);
 +
            $('#minifour').animate({"width":"150px"}, 500);
 +
            $('#minthree').animate({'font-size':'150%'}, 500); 
 +
            $('#minthree').css('padding', '20px 0px');       
 +
            $('#minithree').animate({"width":"100px"}, 500);
 +
            $('#hover-contentone').animate({'opacity':'0'}, 1000);
 +
            $('#hover-contenttwo').animate({'opacity':'0'}, 1000);
 +
            $('#hover-contentthree').animate({'opacity':'0'}, 1000);
 +
            $('#hover-contentfour').animate({'opacity':'1'}, 1000);
 +
      $('#instruct').hide(600);
  
 
         });
 
         });

Latest revision as of 22:51, 19 October 2016

Collaborations

Click on a school to read about our collaboration

NEGEM
MIT
WPI
BU Hardware
MIT


In the beginning of the summer, we collaborated with MIT, specifically their Recombinase team. Several members of our team worked previously with recombinases and used this time to discuss several topics surrounding this body of work. These topics included structures of recombinase circuits, the phylogenetic tree of recombinases, as well as the orthogonality of various heterospecific site-recombinase pairs. In addition, we worked with the entire MIT team to prepare for the NEGEM #1 conference, practicing both presentations and responding to audience questions.

WPI


During NEGEM #1, we mingled with the other teams in attendance to potentially collaborate to improve experimental projects or human practices projects. During NEGEM #1 we discussed with WPI how they were using fluorescent microscopy for their assaying technique, while we were using flow cytometry. In the spirit of iGEM and further characterization, we proposed a swap: we would run several WPI samples on our flow cytometer and aid in analysis, while WPI would view and image our circuits under their microscopes. In both cases, we were able to validate that our parts functioned as expected. Specifically, we found that our results were replicable under both assaying techniques.

BostonU Hardware


We collaborated with our fellow home team, BostonU HW (Hardware) to develop one of our Human Practices projects, a blog about intellectual property in synthetic biology and software. Uniformly, we agreed that intellectual property was an important topic to iGEMmers and synthetic biologists at large, and thus the disbursement of this information was critical. The first post was a team effort to introduce our readers to intellectual property, patents, copyrights, etc. and to establish the tone for our blogs. Each subsequent post was then switched off so the wet lab team wrote one week and the hardware team wrote the following week. Of course our bloggers, Castor and Pollux, always edited each other's work before it was uploaded. You can read our blog, "Who Owns What" here.

NEGEM


On Friday June 24th and Saturday October 8th, Boston University hosted NEGEM (New England iGEM), a meetup for iGEM teams all across New England to gather and share their research work and their plans for the Human Practices and Policies portion of the competition. All of the teams in attendance were given 20 minutes to present their research project and their plans for their Human Practices and Policies. Every person in attendance was asked to fill out an evaluation form about the research, P&P, and presentation style for each team that presented. The questions ranged from “Is their idea well-motivated?” to suggestions on ways to integrate research with P&P to “Was the talk engaging?”. After the teams finished their presentations, other iGEMers, HQ representatives, and mentors asked the teams for clarification on their research, future plans for outreach, and some ethical implications of using their project. Both NEGEM meetups were great ways to meet local teams and learn about interesting new research projects.