Difference between revisions of "Team:NUS Singapore-A/shadow/Outreach"

Line 92: Line 92:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
 +
 +
/****************ANYTHING ONWARDS IS THE STYLE FROM INTERLAB********************************************/
 +
<style>
 +
    /***************************************************CSS STARTS HERE*********************************************************/
 +
    /* The accordion is the class given to the drop-down menu thingy */
 +
    .accordion {
 +
        background-color: #f2f2f2;
 +
        color: black;
 +
        cursor: pointer;
 +
        padding: 15px;
 +
        width: 90%;
 +
        text-align: left;
 +
        margin-left: 5%;
 +
        margin-right: 5%;
 +
        border: none;
 +
        outline: none;
 +
        /* I wanted to give a gradual change, but it's having some trouble reading the 'transition' property. I'll look into having it javascripted instead. */
 +
        /*  transition: 0.4s linear;    */
 +
        font-family: "Montserrat", sans-serif;
 +
        font-weight: 300;
 +
        font-size: 20px;
 +
    }
 +
   
 +
    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
 +
    .active, .accordion:hover {
 +
        font: bold 20px "Montserrat", sans-serif;
 +
        background-color: #e6e6e6;
 +
    }
 +
   
 +
    /* Style the accordion panel. Note: hidden by default */
 +
    .panel {
 +
        background-color: white;
 +
        text-align: left;
 +
        margin-top: 10px;
 +
        max-height: 0;
 +
        overflow: hidden;
 +
        transition: max-height 0.2s ease-out;
 +
    }
 +
    .accordion:after {
 +
        content: '+';
 +
        font-size: 13px;
 +
        color: #777;
 +
        float: right;
 +
        margin-left: 5px;
 +
    }
 +
   
 +
    /* Not sure why this function does not work. Need to check */
 +
    .active:after {
 +
        content: "-";
 +
    }
 +
 +
    table, th, td {
 +
        border: none;
 +
        border-collapse: collapse;
 +
    }
 +
    table {
 +
        font-family: "Lora";
 +
        font-size: 13px;
 +
        word-spacing: 0.5em;
 +
    }
 +
 +
    th, td {
 +
        text-align: left;
 +
        padding: 3px;
 +
    }
 +
    table caption {
 +
 +
 +
    }
 +
    h1 {
 +
      font-family: "MONTSERRAT", sans-serif;
 +
      font-size: 22px;
 +
      text-align: left;
 +
      color: black;
 +
      font-style: normal;
 +
      font-weight: 300;
 +
      color: black;
 +
      padding-left: 5%;
 +
      padding-top: 1.5%;
 +
      padding-bottom: 1%;
 +
      border: none;
 +
    }
 +
   
 +
    h2 {
 +
        font-family: "Lora", sans;
 +
        font-weight: 300;
 +
        text-align: left;
 +
        color: black;
 +
        margin-left: 5%;
 +
        margin-bottom: 15px; 
 +
    }
 +
 +
    h3 {
 +
        font-family: "Lora", sans;
 +
        font-weight: 300;
 +
        text-align: left;
 +
        color: black;
 +
    }
 +
 +
 +
    p, ol li, ul li  {
 +
        font-family: "Lora", serif;
 +
        font-size: 14px;
 +
        word-spacing: 0.5em;
 +
        text-align:justify;
 +
    }
 +
 +
    img {
 +
        display: block;
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
    }
 +
 +
    .discussion_graph, .measurement_table{
 +
        width: 70%;
 +
        height: auto;
 +
        margin: auto;
 +
    }
 +
 +
 +
 +
    .interlab-header{
 +
        width: 47.5%;
 +
        height: auto;
 +
        margin: auto;
 +
    }
 +
    .center-justified{
 +
      text-align: justify;
 +
      margin: 0 auto;
 +
      width: 70%;
 +
    }
 +
 +
    /**********************
 +
    Start of two columns */
 +
    * {
 +
    box-sizing: border-box;
 +
    }
 +
 +
    /* Create two columns that floats next to each other */
 +
    .column {
 +
        float: left;
 +
        text-align: left;
 +
    }
 +
   
 +
    .left {
 +
        width: 50%;
 +
        padding-left: 5%;
 +
        padding-right: 2.5%;
 +
    }
 +
 +
    .right {
 +
        width: 50%;
 +
        padding-left: 2.5%;
 +
        padding-right: 5%;
 +
    }
 +
 +
    /* Clear floats after the columns */
 +
    .row:after {
 +
        content: "";
 +
        display: table;
 +
        clear: both;
 +
    }
 +
 +
    /********************
 +
    End of two columns */
 +
   
 +
    /***************************************************CSS ENDS HERE**********************************************************/
 +
 
</style>
 
</style>
  
Line 169: Line 337:
 
</div>
 
</div>
 
-->
 
-->
 +
 +
 +
    <h1>OVERVIEW</h1>
 +
    <div class="row">
 +
      <div class="column left" style="background-color:white;">
 +
        <p>A challenge of synthetic biology is repeating measurements in different laboratories. For example, fluorescence data is difficult to compare either because it is reported in different units, or because different groups handle raw data differently.
 +
          iGEM’s Measurement Committee thus aims to use the InterLab Study to eventually develop absolute units for measurements of green fluorescent protein (GFP) in a plate reader. This will improve the measurement tools of synthetic biologists.
 +
        </p>
 +
        <br>
 +
        <p> This year, the Committee aims to discover if it is possible to reduce lab-to-lab variability in fluorescence measurements by normalizing to absolute cell count or colony-forming units (CFUs) instead of optical density (OD). For this, we were required
 +
          to measure the cell density of Escherichia coli (<i>E. coli</i>) DH5⍺ cells using the methods below.
 +
        </p>
 +
      </div>
 +
      <div class="column right" style="background-color:white;">
 +
        <p> <i> Method 1: Converting between absorbance of cells to absorbance of a known concentration of beads </i>
 +
        </p>
 +
        <br>
 +
        <p> In the first method, silica beads are used to estimate the actual amount of cells during fluorescence measurement. These beads are modeled after a typical <i> E. coli </i> cell and are thus expected to scatter light in a similar way to <i> E. coli </i>          cells. As a sample of these silica beads gives a consistent and known absorbance measurement at 600 nm, absorbance measurements from a sample’s cell density can be converted into an “equivalent concentration of beads” measurement that should
 +
          be more universal and comparable between different labs.</p>
 +
        <br>
 +
        <p> <i>Method 2: Counting colony-forming units (CFUs) from the sample</i></p>
 +
        <br>
 +
        <p> In the second method, cell concentration is approximated is by plating a known volume of the sample and letting bacterial colonies grow. As each bacterial colony is assumed to represent a single cell (for cells that do not stick together), the
 +
          cell concentration in the sample is then directly proportional to the number of CFUs. Using a scaling factor computed from negative and positive control CFUs, a conversion factor from absorbance to CFU can be computed.</p>
 +
      </div>
 +
      <br>
 +
    </div>
 +
 +
    <br>
 +
    <hr>
 +
 +
    <h1> EXPERIMENTS </h1>
 +
    <button class="accordion"> PLATE READER SETUP </button>
 +
    <div class="panel" style="line-height: 17em;">
 +
 +
      <div class="row">
 +
        <div class="column left" style="background-color:white;">
 +
          <table>
 +
            <tr>
 +
              <td style="padding:0;">
 +
                <h3><i>Abs<sub>600</sub></i></h3>
 +
              </td>
 +
              <td>
 +
                <ul style="list-style: none; margin: 0; padding: 1em; text-align:left; border-left: .5px solid black">
 +
                  <li> Wavelength: 600nm </li>
 +
                  <li> Read Speed: Normal </li>
 +
                  <li> Delay: 100 msec </li>
 +
                </ul>
 +
              </td>
 +
            </tr>
 +
          </table>
 +
        </div>
 +
        <div class="column right" style="background-color:white;">
 +
          <table>
 +
            <tr>
 +
              <td style="padding:0;">
 +
                <h3><i>Fluorescence</i></h3>
 +
              </td>
 +
              <td>
 +
                <ul style="list-style: none; margin: 0; padding: 1em; text-align:left; border-left: .5px solid black">
 +
                  <li> Excitation: 485 </li>
 +
                  <li>Emission: 525</li>
 +
                  <li>Optics: Top</li>
 +
                  <li>Gain: 50</li>
 +
                  <li>Light Source: Xenon Flash</li>
 +
                  <li>Lamp Energy: High</li>
 +
                  <li>Read Speed: Normal</li>
 +
                  <li>Delay: 100 msec</li>
 +
                  <li>Read Height: 7 mm</li>
 +
                </ul>
 +
              </td>
 +
            </tr>
 +
          </table>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  
 
<div style="margin-left: 12px;">
 
<div style="margin-left: 12px;">
Line 243: Line 488:
 
<script>
 
<script>
  
 +
/******************************************CAROUSEL SCRIPT STARTS HERE ********************************************/
 
/*
 
/*
 
var slideIndex = 0;
 
var slideIndex = 0;
Line 276: Line 522:
 
   }
 
   }
 
})
 
})
 +
/******************************************CAROUSEL SCRIPT ENDS HERE **********************************************/
 +
 +
 +
/*******************************************ACCORDION SCRIPT STARTS HERE ********************************************/
 +
       
 +
               
 +
        var acc = document.getElementsByClassName("accordion");
 +
        var i;
 +
       
 +
        for (i = 0; i < acc.length; i++) {
 +
            acc[i].addEventListener("click", function() {
 +
                                   
 +
                                    /* Toggle between adding and removing the "active" class,
 +
                                    to highlight the button that controls the panel */
 +
                                   
 +
                                    this.classList.toggle("active");
 +
                                   
 +
                                    /* Toggle between hiding and showing the active panel */
 +
                                   
 +
                                    var panel = this.nextElementSibling;
 +
                                    if (panel.style.display === "block") {
 +
                                    panel.style.display = "none";
 +
                                    } else {
 +
                                    panel.style.display = "block";
 +
                                    }
 +
                                    });
 +
        }
 +
   
 +
    for (i = 0; i < acc.length; i++) {
 +
        acc[i].addEventListener("click", function() {
 +
                                this.classList.toggle("active");
 +
                                var panel = this.nextElementSibling;
 +
                                if (panel.style.maxHeight){
 +
                                panel.style.maxHeight = null;
 +
                                } else {
 +
                                panel.style.maxHeight = panel.scrollHeight + "px";
 +
                                }
 +
                                });
 +
    }
 +
/*******************************************ACCORDION SCRIPT ENDS HERE ********************************************/
 +
 
</script>
 
</script>
  
 
</html>
 
</html>
 
{{:Team:NUS_Singapore-A/Templates/Footer}}
 
{{:Team:NUS_Singapore-A/Templates/Footer}}

Revision as of 08:36, 21 September 2018

CONNECT WITH US
Outreach Header

OVERVIEW

A challenge of synthetic biology is repeating measurements in different laboratories. For example, fluorescence data is difficult to compare either because it is reported in different units, or because different groups handle raw data differently. iGEM’s Measurement Committee thus aims to use the InterLab Study to eventually develop absolute units for measurements of green fluorescent protein (GFP) in a plate reader. This will improve the measurement tools of synthetic biologists.


This year, the Committee aims to discover if it is possible to reduce lab-to-lab variability in fluorescence measurements by normalizing to absolute cell count or colony-forming units (CFUs) instead of optical density (OD). For this, we were required to measure the cell density of Escherichia coli (E. coli) DH5⍺ cells using the methods below.

Method 1: Converting between absorbance of cells to absorbance of a known concentration of beads


In the first method, silica beads are used to estimate the actual amount of cells during fluorescence measurement. These beads are modeled after a typical E. coli cell and are thus expected to scatter light in a similar way to E. coli cells. As a sample of these silica beads gives a consistent and known absorbance measurement at 600 nm, absorbance measurements from a sample’s cell density can be converted into an “equivalent concentration of beads” measurement that should be more universal and comparable between different labs.


Method 2: Counting colony-forming units (CFUs) from the sample


In the second method, cell concentration is approximated is by plating a known volume of the sample and letting bacterial colonies grow. As each bacterial colony is assumed to represent a single cell (for cells that do not stick together), the cell concentration in the sample is then directly proportional to the number of CFUs. Using a scaling factor computed from negative and positive control CFUs, a conversion factor from absorbance to CFU can be computed.



EXPERIMENTS

Abs600
  • Wavelength: 600nm
  • Read Speed: Normal
  • Delay: 100 msec

Fluorescence
  • Excitation: 485
  • Emission: 525
  • Optics: Top
  • Gain: 50
  • Light Source: Xenon Flash
  • Lamp Energy: High
  • Read Speed: Normal
  • Delay: 100 msec
  • Read Height: 7 mm

OVERVIEW

Singapore has set its sights on becoming a global powerhouse in synthetic biology. The government is pouring money into a new research programme and is encouraging scientists to make synthetic microorganisms, or redesign natural ones, that can be used to produce food, electronics, medicine and energy.

  • Yet after looking at biology syllabuses, we found that there aren’t many opportunities to learn about synthetic biology in tertiary education
  • Insert pictures of biology syllabuses
  • engineering biology in NUS n NTU – limited modules, also not a compulsory module…?
  • There is a gap we can address because tertiary education is the best stage to attract/introduce people to synthetic biology
  • We expect to be more relatable to such a target group as well

ORGANIZED A TERTIARY-LEVEL OUTREACH EVENT

  • Lab tour
  • Lectures
  • Discussion of career prospects
  • Development of a gene circuit design primer and educational game
    • READY TO USE IN THE CLASSROOM
    • USE THE SURVEYS TO SEE HOW TO IMPROVE THE GAME
    • USE THE SURVEYS TO SAY THAT STUDENTS ENJOYED THE GAME
  • Discussion of survey results

UNIVERSITY-LEVEL OUTREACH EVENTS

RC Teas


RCs are themed, meant to attract people who feel very strongly about those themes. Can try targeting such people, perhaps their passion makes them more predisposed towards synthetic biology (reasoning to be firmed up a la PW)

  • Tembusu – women in synthetic biology
    • Encourage girls to join STEM fields – why not encourage them to join synthetic biology?
    • Inspiring
  • RVRC – environmental conservation
    • Show them the potential of synthetic biology to solve problems, give them another cognitive tool

SOCIAL MEDIA

Best way to directly communicate to our target audience

  • Demographics
  • Show continuous effort to engage with our audience


HEAR OUR STORY

We’re using synthetic biology to change the way the world thinks and functions.

We’re a little disruptive, dangerous and maybe a tad too bold. But the world needs some shaking up every now and then, and we think we’re just the right people for that.

Together we’re going to engineer biology and create something awesome.

CONTACT US

nusigem@gmail.com

21 Lower Kent Ridge Rd, Singapore 119077