Difference between revisions of "Team:ASIJ TOKYO/Design"

Line 1: Line 1:
 +
DESIGN
 +
 
{{Team:ASIJ_TOKYO/css}}
 
{{Team:ASIJ_TOKYO/css}}
 
<!--
 
<!--
Line 158: Line 160:
 
</div>
 
</div>
 
</section>
 
</section>
<!-- Three -->
+
<!-- Four -->
<section id="three" class="wrapper spotlight style3">
+
<section id="four" class="wrapper alt style2">
 
<div class="inner">
 
<div class="inner">
<div class="content">
+
<h2 class="major">Our Process</h2>
<h2 class="major">Our Process</h2>
+
<p>We began our experiments with a competent cell check to find the optimal concentration of DNA for working with NEB 5-alpha Competent E. coli. Next, we found the ideal promoter strength for the growth of COX-2 and c-Myc by performing the Gibson Assembly with three different Anderson promoters of different strengths. In order to observe phenotypic proof of these results the competent cells were transformed and plated, as well as expanded into solution so both the number of colonies, as well as the optical density of the solutions were used to support the optimal promoter strength. </p>
<p>We began our experiments with a competent cell check to find the optimal concentration of DNA for working with NEB 5-alpha Competent E. coli. Next, we found the ideal promoter strength for the growth of COX-2 and c-Myc by performing the Gibson Assembly with three different Anderson promoters of different strengths. In order to observe phenotypic proof of these results the competent cells were transformed and plated, as well as expanded into solution so both the number of colonies, as well as the optical density of the solutions were used to support the optimal promoter strength.  
+
<p>We then moved on to find the most efficient promoter-to-binding domain combinations for both the c-Myc and COX-2 genes by testing a variety of them and seeing which produced the most glowing colonies in the presence of rapamycin. We also utilized this phase to make sure that the combinations glowed only when rapamycin was present. We concluded this test with the combinations of the COX-2 promoter with the FRB domain, and the c-Myc promoter with the FKBP domain being the most efficient combinations. The last step was to ensure that the construct glowed only when all parts were present, and to prove that the promoters had altered the shape of the nonspecific binding domains to become specific to the corresponding proteins. We did this by expanding incomplete combinations into tubes and observing whether they glowed or not. We found that none of the tubes glowed, no matter if they were missing a gene, or one of the promoter-reporter systems. The only tube that glowed was the one containing both COX-2 and c-Myc promoter-reporter systems, both respective genes, as well as rapamycin.
We then moved on to find the most efficient promoter-to-binding domain combinations for both the c-Myc and COX-2 genes by testing a variety of them and seeing which produced the most glowing colonies in the presence of rapamycin. We also utilized this phase to make sure that the combinations glowed only when rapamycin was present. We concluded this test with the combinations of the COX-2 promoter with the FRB domain, and the c-Myc promoter with the FKBP domain being the most efficient combinations. The last step was to ensure that the construct glowed only when all parts were present, and to prove that the promoters had altered the shape of the nonspecific binding domains to become specific to the corresponding proteins. We did this by expanding incomplete combinations into tubes and observing whether they glowed or not. We found that none of the tubes glowed, no matter if they were missing a gene, or one of the promoter-reporter systems. The only tube that glowed was the one containing both COX-2 and c-Myc promoter-reporter systems, both respective genes, as well as rapamycin. </p>
+
.</p>
</div>
+
</div>
</div>
+
 
</section>
 
</section>
 
+
</section>
  
 
<!-- Four -->
 
<!-- Four -->
Line 194: Line 195:
 
 
  
+
+
<!-- Scripts -->
+
<script src="assets/js/skel.min.js"></script>
+
<script src="assets/js/jquery.min.js"></script>
+
<script src="assets/js/jquery.scrollex.min.js"></script>
+
<script src="assets/js/util.js"></script>
+
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
+
<script src="assets/js/main.js"></script>
+
 
+
  
 
<style>
 
<style>
Line 1,831: Line 1,823:
  
 
body {
 
body {
background-color: #f2efe8;
+
background-color: #5d48a0;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 2,171: Line 2,163:
 
select:focus,
 
select:focus,
 
textarea:focus {
 
textarea:focus {
border-color: #6a588e;
+
border-color: #5b6ba6;
 
}
 
}
  
Line 2,209: Line 2,201:
 
select option {
 
select option {
 
color: #ffffff;
 
color: #ffffff;
background: #f2efe8;
+
background: #5d48a0;
 
}
 
}
  
Line 2,284: Line 2,276:
 
border-color: #ffffff;
 
border-color: #ffffff;
 
content: '\f00c';
 
content: '\f00c';
color: #f2efe8;
+
color: #5d48a0;
 
}
 
}
  
 
input[type="checkbox"]:focus + label:before,
 
input[type="checkbox"]:focus + label:before,
 
input[type="radio"]:focus + label:before {
 
input[type="radio"]:focus + label:before {
border-color: #f2efe8;
+
border-color: #c2d4d8;
 
}
 
}
  
Line 2,656: Line 2,648:
  
 
ul.pagination li > .page.active {
 
ul.pagination li > .page.active {
background-color: #f2efe8;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 2,838: Line 2,830:
 
button.special,
 
button.special,
 
.button.special {
 
.button.special {
background-color: #f2efe8;
+
background-color: #c2d4d8;
 
box-shadow: none;
 
box-shadow: none;
 
}
 
}
Line 2,847: Line 2,839:
 
button.special:hover,
 
button.special:hover,
 
.button.special:hover {
 
.button.special:hover {
background-color: #6a588e;
+
background-color:#c2d4d8;
 
}
 
}
  
Line 2,855: Line 2,847:
 
button.special:active,
 
button.special:active,
 
.button.special:active {
 
.button.special:active {
background-color: #f2efe8;
+
background-color:#c2d4d8;
 
}
 
}
  
Line 3,206: Line 3,198:
 
transition: opacity 0.35s ease, transform 0.35s ease;
 
transition: opacity 0.35s ease, transform 0.35s ease;
 
-webkit-overflow-scrolling: touch;
 
-webkit-overflow-scrolling: touch;
background: #f2efe8;
+
background: #c2d4d8;
 
border-radius: 5px;
 
border-radius: 5px;
 
display: block;
 
display: block;
Line 3,262: Line 3,254:
  
 
#menu .links li a:hover {
 
#menu .links li a:hover {
background: #f2efe8;
+
background:#c2d4d8;
 
}
 
}
  
Line 3,393: Line 3,385:
 
#banner {
 
#banner {
 
padding: 7em 0 8.25em 0 ;
 
padding: 7em 0 8.25em 0 ;
background-color: #f2efe8;
+
background-color: #5d48a0;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 3,503: Line 3,495:
 
#wrapper > header {
 
#wrapper > header {
 
padding: 9em 0 6.25em 0 ;
 
padding: 9em 0 6.25em 0 ;
background-color: #f2efe8;
+
background-color: #5d48a0;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 3,546: Line 3,538:
  
 
.wrapper {
 
.wrapper {
background-color: #f2efe8;
+
background-color: #5d48a0;
 
margin: 6.5em 0;
 
margin: 6.5em 0;
 
position: relative;
 
position: relative;
Line 3,556: Line 3,548:
  
 
.wrapper:before {
 
.wrapper:before {
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
+
box-shadow: inset 0 -1px 0 0 #5d48a0, 0 1px 0 0 #5d48a0;
 
}
 
}
  
 
.wrapper:after {
 
.wrapper:after {
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
+
box-shadow: inset 0 -1px 0 0 #5d48a0, 0 1px 0 0 #5d48a0;
 
}
 
}
  
Line 3,624: Line 3,616:
  
 
.wrapper.style3 {
 
.wrapper.style3 {
background-color: #c2d4d8;
+
background-color: #3d4051;
 
}
 
}
  
Line 3,632: Line 3,624:
  
 
.wrapper.style3:before {
 
.wrapper.style3:before {
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
+
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
 
}
 
}
  
 
.wrapper.style3:after {
 
.wrapper.style3:after {
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
+
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
 
}
 
}
  
 
.wrapper.style4 {
 
.wrapper.style4 {
background-color: #f2efe8;
+
background-color: #454858;
 
}
 
}
  
Line 3,648: Line 3,640:
  
 
.wrapper.style4:before {
 
.wrapper.style4:before {
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
+
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
 
}
 
}
  
 
.wrapper.style4:after {
 
.wrapper.style4:after {
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
+
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
 
}
 
}
  
 
.wrapper.style5 {
 
.wrapper.style5 {
background-color: #f2efe8;
+
background-color: #4d5060;
 
}
 
}
  
Line 3,664: Line 3,656:
  
 
.wrapper.style5:before {
 
.wrapper.style5:before {
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
+
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
 
}
 
}
  
 
.wrapper.style5:after {
 
.wrapper.style5:after {
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
+
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
 
}
 
}
  
Line 3,688: Line 3,680:
  
 
.wrapper.spotlight {
 
.wrapper.spotlight {
background-color: #f2efe8;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 3,696: Line 3,688:
  
 
.wrapper.spotlight:before {
 
.wrapper.spotlight:before {
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight:after {
 
.wrapper.spotlight:after {
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
Line 3,749: Line 3,741:
  
 
.wrapper.spotlight.style2 {
 
.wrapper.spotlight.style2 {
background-color: #f2efe8;
+
background-color:#c2d4d8;
 
}
 
}
  
Line 3,757: Line 3,749:
  
 
.wrapper.spotlight.style2:before {
 
.wrapper.spotlight.style2:before {
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
+
box-shadow: inset 0 -1px 0 0#c2d4d8, 0 1px 0 0#c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight.style2:after {
 
.wrapper.spotlight.style2:after {
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
+
box-shadow: inset 0 -1px 0 0#c2d4d8, 0 1px 0 0#c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight.style3 {
 
.wrapper.spotlight.style3 {
background-color: #c2d4d8;
+
 +
text-align: left;
 +
width: 1440px;
 +
padding: 0px;
 +
margin: 0 auto;
 +
height: 100%;
 +
overflow-x:hidden;
 
}
 
}
  
Line 3,773: Line 3,771:
  
 
.wrapper.spotlight.style3:before {
 
.wrapper.spotlight.style3:before {
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
+
box-shadow: inset 0 -1px 0 0#c2d4d8, 0 1px 0 0#c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight.style3:after {
 
.wrapper.spotlight.style3:after {
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
+
box-shadow: inset 0 -1px 0 0#c2d4d8, 0 1px 0 0#c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight.style4 {
 
.wrapper.spotlight.style4 {
background-color: #c2d4d8;
+
background-color:#c2d4d8;
 
}
 
}
  
Line 3,789: Line 3,787:
  
 
.wrapper.spotlight.style4:before {
 
.wrapper.spotlight.style4:before {
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
+
box-shadow: inset 0 -1px 0 0#c2d4d8, 0 1px 0 0#c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight.style4:after {
 
.wrapper.spotlight.style4:after {
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
+
box-shadow: inset 0 -1px 0 0#c2d4d8, 0 1px 0 0#c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight.style5 {
 
.wrapper.spotlight.style5 {
background-color: #c2d4d8;
+
background-color:#c2d4d8;
 
}
 
}
  
Line 3,805: Line 3,803:
  
 
.wrapper.spotlight.style5:before {
 
.wrapper.spotlight.style5:before {
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
+
box-shadow: inset 0 -1px 0 0#c2d4d8, 0 1px 0 0#c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight.style5:after {
 
.wrapper.spotlight.style5:after {
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
+
box-shadow: inset 0 -1px 0 0#c2d4d8, 0 1px 0 0#c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight.style6 {
 
.wrapper.spotlight.style6 {
background-color: #2d3a69;
+
background-color:#c2d4d8;
 
}
 
}
  
Line 3,821: Line 3,819:
  
 
.wrapper.spotlight.style6:before {
 
.wrapper.spotlight.style6:before {
box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
+
box-shadow: inset 0 -1px 0 0#c2d4d8, 0 1px 0 0#c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight.style6:after {
 
.wrapper.spotlight.style6:after {
box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
+
box-shadow: inset 0 -1px 0 0#c2d4d8, 0 1px 0 0#c2d4d8;
 
}
 
}
  
Line 3,991: Line 3,989:
  
 
#footer {
 
#footer {
background-color: #f2efe8;
+
background-color: #5d48a0;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 4,084: Line 4,082:
  
 
body {
 
body {
background-color: #f2efe8;
+
background-color: #5d48a0;
 
background-image: url("../../images/bg.jpg");
 
background-image: url("../../images/bg.jpg");
 
background-size: cover;
 
background-size: cover;
Line 4,277: Line 4,275:
  
 
#menu {
 
#menu {
background: #f2efe8;
+
background: #5d48a0;
 
}
 
}
  

Revision as of 06:44, 1 November 2017

DESIGN

IGEM ASIJ TOKYO

Design

Our Process

We began our experiments with a competent cell check to find the optimal concentration of DNA for working with NEB 5-alpha Competent E. coli. Next, we found the ideal promoter strength for the growth of COX-2 and c-Myc by performing the Gibson Assembly with three different Anderson promoters of different strengths. In order to observe phenotypic proof of these results the competent cells were transformed and plated, as well as expanded into solution so both the number of colonies, as well as the optical density of the solutions were used to support the optimal promoter strength.

We then moved on to find the most efficient promoter-to-binding domain combinations for both the c-Myc and COX-2 genes by testing a variety of them and seeing which produced the most glowing colonies in the presence of rapamycin. We also utilized this phase to make sure that the combinations glowed only when rapamycin was present. We concluded this test with the combinations of the COX-2 promoter with the FRB domain, and the c-Myc promoter with the FKBP domain being the most efficient combinations. The last step was to ensure that the construct glowed only when all parts were present, and to prove that the promoters had altered the shape of the nonspecific binding domains to become specific to the corresponding proteins. We did this by expanding incomplete combinations into tubes and observing whether they glowed or not. We found that none of the tubes glowed, no matter if they were missing a gene, or one of the promoter-reporter systems. The only tube that glowed was the one containing both COX-2 and c-Myc promoter-reporter systems, both respective genes, as well as rapamycin. .

Construction of the Promoter-Reporter System

Future Directions

With more time, we would like to implement our current model into a yeast system. This would prove advantageous as it will confirm the working of our model in an eukaryotic  organism. Using yeast, followed by flow cytometry, would allow us to collect quantitative data that could be better analyzed. Additionally, we would work on the upregulation of c-myc production for the effectiveness of our experiment. This was a limiting factor in our experiment and continues to be a weak point in our design and planning. Most importantly, our team would like to develop a 3D prototype for a home-kit that would diagnose CRC. Our goal would be to develop a home-diagnosis kit similar in method and design to the home-pregnancy kit, where the product would be commercially approved and easily available. Our model would consist of two solutions that would be combined with the addition of a sample of fecal matter. This would address a major component of our project goal in developing a more convenient treatment and detection method for colorectal cancer.