Difference between revisions of "Team:Tokyo Tech/Collaborations"

Line 1: Line 1:
{{Tokyo_Tech}}
 
 
<html>
 
<html>
 
<head>
 
<head>
    <style type="text/css">
+
 
 +
<style type="text/css">
 
<!--
 
<!--
/********************** All style of this page ************************/
+
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 +
 
 +
  #sideMenu, #top_title {display:none;}
 +
       
 +
        #content{
 +
        width: 100%;
 +
        margin: 0px;
 +
        padding: 0;
 +
    background-image: url("https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png");
 +
    background-repeat: no-repeat;
 +
    background-position: center center;
 +
    background-size: cover;
 +
    background-attachment: fixed;
 +
}
 +
#globalWrapper, #content{
 +
    background-color: transparent;
 +
    border: 0px;
 +
    }
 +
/*********************************/DEFAULT WIKI SETTINGS  ********************************/
 +
 
 
body{
 
body{
 
     background-image: url("https://static.igem.org/mediawiki/2016/e/eb/T--Tokyo_Tech--Background.png");
 
     background-image: url("https://static.igem.org/mediawiki/2016/e/eb/T--Tokyo_Tech--Background.png");
 +
    background-repeat: no-repeat;
 +
    background-position: center center;
 +
    background-size: cover;
 +
    background-attachment: fixed;
 
}
 
}
#globalWrapper, #content{
+
#logo{
     background: transparent;
+
width: 90%;
 +
min-width: 880px;
 +
max-width: 1100px;
 +
color: #ffffff;
 +
// position: absolute;
 +
margin: 0 auto;
 +
padding: 2px;
 +
border: 3px solid #583612;
 +
     border-radius: 5px;       /* CSS3 */ 
 +
    -webkit-border-radius: 5px;    /* for Safari,Google Chrome */ 
 +
    -moz-border-radius: 5px;  /* for Firefox */ 
 +
 
 
}
 
}
#content{
+
#inner_logo{
//    background-image: url("https://static.igem.org/mediawiki/2016/e/eb/T--Tokyo_Tech--Background.png");
+
margin: 0;
    margin: 0 auto;
+
padding: 0;
 +
border: 9px solid #583612;
 +
background-color:rgba(255,255,255,0.5)
 
}
 
}
/**********************************************************************/
+
#under_logo{
#main_contents{
+
width: 880px;
 +
// midth: 90%;
 +
// min-width: 880px;
 +
// max-width: 1100px;
 +
margin: 5px auto 0;
 +
}
 +
#under_logo img{
 +
float: left;
 +
}
 +
p#logo_sentence{
 +
font-family: "Times New Roman";
 +
font-size: 30px;
 +
text-align: center;
 +
font-style: italic;
 +
color: #583612;
 +
float: left;
 +
margin-left: 100px;
 +
margin-right: 100px;
 +
}
 +
p#logo_image_space1{
 +
width: 30px;
 +
float: left;
 +
}
 +
p#logo_image_space2{
 +
width: 40px;
 +
float: left;
 +
}
 +
 
 +
 
 +
/****************************** About Menu ************************************/
 +
#menu_list_division{
 +
width: 90%;
 +
min-width: 880px;
 +
max-width: 1100px;
 
     margin: 0 auto;
 
     margin: 0 auto;
     width: 90%;
+
     margin-bottom: 40px;
    min-width: 880px;
+
    max-width: 1100px;
+
 
}
 
}
.container{
+
#menu_list_divison ul.menu_list_class{
    margin: 5px auto;
+
*zoom: 1;
    background: #ffffff;
+
list-style: none;
border: 1px solid #583612;
+
width: 100%;
 +
min-width: 880px;
 +
max-width: 1100px;
 +
margin: 5px auto 30px;
 +
padding: 0 auto;
 +
display: table;
 +
box-sizing: border-box;
 
}
 
}
#main_contents .container_top h1{
+
.menu_list_class:before, .menu_list_class:after{
margin-top: 3px;
+
content: "";
margin-bottom: 3px;
+
display: table;
padding: 0;
+
padding-top: 10px;
+
height: 40px;
+
font-size: 36px;
+
 
}
 
}
.container_bottom {
+
.menu_list_class:after{
margin-bottom 1px;
+
clear: both;
 
}
 
}
.container_header{
+
.menu_list_class li{
    background: #ffffff;
+
display: table-cell;
    text-align: center;
+
position: relative;
 +
margin: 0 5%;
 +
padding: 0 1%;
 +
text-align: center;
 
}
 
}
.container_header span{
+
 
    border-bottom: 2px solid #052d5d;
+
#menu_list_class li:nth-child(5n+1){
 +
margin: 0 1% 0 0;
 
}
 
}
.container_contents{
+
.menu_list1 li:nth-child(5n){
line-height: 1.5em;
+
margin: 0 0 0 1%;
width: 800px;
+
margin: 0 auto;
+
padding-bottom: 10px;
+
 
}
 
}
#main_contents .normal_text{
+
.menu_list2 li:nth-child(4n){
font-size: 18px;
+
margin: 0 0 0 1%;
text-indent: 18px;
+
text-align: justify;
+
// padding: 18px;
+
    font-family: 'Century', serif;
+
 
}
 
}
#main_contents .normal_text{
+
.menu_list_class li a{
 +
display: block;
 +
box-sizing: border-box;
 +
height: 48px;
 +
margin: 0;
 +
padding: 15px 30px 11px;
 +
color: #583612;
 
font-size: 18px;
 
font-size: 18px;
text-indent: 18px;
+
font-family: "Imprint MT Shadow";
text-align: justify;
+
line-height: 1;
// padding: 18px;
+
text-decoration: none;
 +
border: 3px double #583612;
 +
background-color:rgba(255,255,255,0.5)
 +
}
 +
.menu_list_class li a:hover{
 +
background: #583612;
 +
color: #ffffff;
 +
}
 +
.menu_list_class li:hover ul li{
 +
overflow: visible;
 +
height: 48px;
 +
// background: #583612;
 +
}
 +
/*
 +
.menu_list_class li a span{
 +
position: absolute;
 +
top: 50%;
 +
left: 50%;
 +
vertical-align: middle;
 +
}
 +
*/
 +
 
 +
#menu_list_division ul.drop_menu{
 +
list-style: none;
 +
// left: -100%;
 +
left: 0;
 +
z-index: 9999;
 +
// top: 95%;
 +
top: 100%;
 
margin: 0;
 
margin: 0;
font-family: 'Century', serif;
+
padding: 0;
    color: #0000000;
+
    line-height: 1.5em;
+
 
}
 
}
/************************* Show/Hide setting ***************************/
+
.drop_menu li{
.on{
+
 
display: block;
 
display: block;
-webkit-transiton: all 0.6s ease;
+
width: 100%;
transition: all 0.6s ease;
+
overflow: hidden;
 +
height: 0px;
 +
transition: .5s;
 +
margin: 0;
 +
padding: 0;
 
}
 
}
.off{
+
.drop_menu li a{
display: none;
+
display: block;
-webkit-transiton: all 0.6s ease;
+
box-sizing: border-box;
transition: all 0.6s ease;
+
margin: 0;
 +
width: 100%;
 +
padding: 5px 15px;
 +
// padding: 0 15px;
 +
height: 48px;
 +
border-top: 1px solid #583612;
 +
text-align: left;
 +
}
 +
.drop_menu li:hover > a{
 +
// background: #0d4f78;
 +
}
 +
.drop_menu li a:hover{
 +
background: #583612;
 +
color: #ffffff;
 
}
 
}
  
/************************* this page setting *****************************/
+
.drop_menu li:hover ul li{
#kait_results_images img{
+
overflow: visible;
width: 200px;
+
height: 48px;
margin-left: 30px;
+
// background: #186b91;
margin-top: 30px;
+
}
 +
#menu_list_division ul.second_level_menu{
 +
list-style: none;
 +
position: absolute;
 +
top: 0;
 +
/* top: -8%; // for igem page */
 +
left: 100%;
 +
/* left: 90%; // for igem page */
 +
right: 80%;
 +
margin: 0;
 +
padding: 0;
 +
// background: #0d4f78;
 +
-webkit-transition: all .5s ease;
 +
transition: all .5s ease;
 +
}
 +
.second_level_menu li{
 +
display: inline-block;
 +
position: relative;
 +
transition: .2s;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
.second_level_menu li a{
 +
display: inline-block;
 +
box-sizing: border-box;
 +
// width: 100%;
 +
margin: 0;
 +
padding: 5px 15px;
 +
height: 48px;
 +
border-top: 1px solid #583612;
 +
// background: #0d4f78;
 +
text-align: left;
 +
text-decoration: none;
 
}
 
}
  
--></style>
+
.menu_list_class li:hover ul li ul{
<script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
overflow: hidden;
<script type="text/x-mathjax-config">
+
width: 0%;
MathJax.Hub.Config({
+
}
displayAlign: "left",
+
.menu_list_class li ul li:hover ul{
displayIndent: "2em"
+
overflow: visible;
});
+
width: 100%;
</script>
+
}
</head>
+
.menu_list_class li ul li:hover ul li{
<body>
+
overflow: visible;
<div id="main_contents">
+
width: 100%;
<div id="page_header" class="container container_top">
+
height: 48px;
<h1 align="center">Collaborations</h1>
+
// background: #186b91;
</div><!-- /page_header -->
+
+
<div id="collaboration_kait" class="container">
+
<div id="collaboration_kait_header" class="container_header">
+
<h1><span>1. Collaboration with Kanagawa Institute of Technology</span></h1>
+
</div><!-- /collaboration_kait_header -->
+
<div id="collaboration_kait_contents" class="container_contents">
+
<div id="kait_overview">
+
<div id="kait_overview_header">
+
<h2><span>1.1. Overview</span></h2>
+
</div><!-- /kait_overview_header -->
+
<div id="kait_overview_contents">
+
<p class="normal_text">Our team collaborated with iGEM 2016 team KAIT_Japan and other teams, as we were asked to help them with the modeling in an early stage. From iGEM 2016 team KAIT_Japan we were asked to help them create a mathematical model for their project.</p>
+
</div><!-- /kait_overview_contents -->
+
</div><!-- /kait_overview -->
+
<div id="kait_project">
+
<div id="kait_project_header">
+
<h2><span>1.2. Project</span></h2>
+
</div><!-- /kait_project_header -->
+
<div id="kait_project_contents">
+
<p class="normal_text">Team KAIT wanted to increase the production of Bacterial Cellulose (BC) produced by the bacteria <span style="font-style: italic">A</span>. <span style="font-style: italic">xylinum.</span> To do so, we have to take in account the cellulose synthesis pathway.</p>
+
<a href="https://static.igem.org/mediawiki/2016/e/ee/T--Tokyo_Tech--Collaboration_Kait_1.png"><img src="https://static.igem.org/mediawiki/2016/e/ee/T--Tokyo_Tech--Collaboration_Kait_1.png" height="300px" /></a>
+
<p class="caption"><span style="font-weight: bold;">Fig. 8-1-1. </span> Cellulose synthesis pathway of an <span style="font-style: italic">Acetobacter</span></p>
+
<p class="normal_text">Taking this pathway in consideration iGEM 2016 team KAIT_Japan planned to increase the amount of cellulose production by diminishing the amount of G6PDH and PGI enzymes by the antisense method.</p>
+
  
</div><!-- /kait_project_contents -->
+
}
</div><!-- /kait_project -->
+
#menu_list1{
<div id="kait_model">
+
margin: 5px auto 30px;
<div id="kait_model_header">
+
}
<h2><span>1.3. Mathematical Model</span></h2>
+
#menu_list2{
</div><!-- /kait_model_header -->
+
margin: 5px auto 5px;
<div id="kait_model_contents">
+
}
<p class="normal_text">Cellulose is produced basically by a series of enzyme reactions, so in order to create a mathematical model for this project, we have to take in account the principal reactions taking place in this production. By doing this we obtain the <a href="javascript:void(0)" onClick="show('equation1');">following equations</a>.</p>
+
#experiment_list{
<div id="equation1" class="off">
+
width: 60%;
<p>$$ \displaystyle \frac{d[Glc]}{dt} = - \frac{V_{max_1}[Glc]}{K_{m_1} + [Glc]} $$</p>
+
}
<p>$$ \displaystyle \frac{d[Frc]}{dt} = - \frac{V_{max_5}[Frc]}{K_{m_5} + [Frc]} - \frac{V_{max_6}[Frc]}{K_{m_6} + [Frc]} $$</p>
+
#menu_list_division ul#promoter_list{
<p>$$ \displaystyle \frac{d[G6P]}{dt} = - \frac{V_{max_1}[Glc]}{K_{m_1} + [Glc]} - \frac{V_{max_2}[G6P]}{K_{m_2} + [G6P]} - \frac{V_{f_3} \frac{[G6P]}{K_{s_3}} - V_{s_3} \frac{[F6P]}{K_{P_3}}}{1 + \frac{[G6P]}{K_{s_3}} + \frac{[F6P]}{K_{P_3}}} - \frac{V_{max_4}[G6P]}{K_{m_4} + [G6P]} $$ </p>
+
position: absolute;
<p>$$ \displaystyle \frac{d[F6P]}{dt} = \frac{V_{max_5} [Frc]}{K_{m_5} + [Frc]} + \frac{V_{max_8} [FDP]}{K_{m_8} + [FDP]} + \frac{V_{f_3} \frac{[G6P]}{K_{s_3} - V_{s_3} \frac{[F6P]}{K_{P_3}}}}{1 + \frac{[G6P]}{K_{s_3}} + \frac{[F6P]}{K_{P_3}}} $$</p>
+
top: -100%;
<p>$$ \displaystyle \frac{[F1P]}{dt} = \frac{V_{max_6}[Frc]}{K_{m_6} + [Frc]} - \frac{V_{max_7} [F1P]}{K_{m_7} + [F1P]} $$</p>
+
}
<p>$$ \displaystyle \frac{d[FDP]}{dt} = \frac{V_{max_7} [F1P]}{K_{m_7} + [F1P]} - \frac{V_{max_8} [FDP]}{K_{m_8} + [FDP]} $$</p>
+
<p>$$ \displaystyle \frac{d[PGA]}{dt} = \frac{V_{max_2} [G6P]}{K_{m_2} + [G6P]} - \frac{V_{max_{11}}[PGA]}{K_{m_{11}} + [PGA]} $$</p>
+
<p>$$ \displaystyle \frac{d[G1P]}{dt} = \frac{V_{max_4} [G6P]}{K_{m_4} + [G6P]} - \frac{V_{max_9} [G1P]}{K_{m_9} + [G1P]} $$ </p>
+
<p>$$ \frac{[UDP - Glc]}{dt} = \frac{V_{max_9}[G1P]}{K_{m_9} + [G1P]} - \frac{V_{max_{10}}[UDP-Glc]}{K_{m_{10}} + [UDP-Glc]} $$</p>
+
<p>$$ \frac{d[Cell]}{dt} = \frac{V_{max_{10}}[UDP-Glc]}{K_{m_{10}} + [UDP - Glc]} $$ </p>
+
</div><!-- /equation1 -->
+
<p class="normal_text">Were each equation represents the concentration of each molecule. \( V_{max_n} \) and \( K_{m_n} \) represent the maximal velocity and the Michaelis constant of reaction n respectively. In the case of the concentration of G6P and F6P we have to consider the reversibility of the reaction.</p>
+
<p class="normal_text">However in this case, since it was considered to only use glucose and not fructose, we can simplify the equations to the <a href="javascript:void(0);" onClick="show('equation2');">following ones</a>.</p>
+
<div id="equation2" class="off">
+
<p>$$ \frac{d[Glc]}{dt} = - \frac{V_{max_1} [Glc]}{K_{m_1} + [Glc]} $$</p>
+
<p>$$ \displaystyle \frac{d[G6P]}{dt} = - \frac{V_{max_1}[Glc]}{K_{m_1} + [Glc]} - \frac{V_{max_2}[G6P]}{K_{m_2} + [G6P]} - \frac{V_{f_3} \frac{[G6P]}{K_{s_3}} - V_{s_3} \frac{[F6P]}{K_{P_3}}}{1 + \frac{[G6P]}{K_{s_3}} + \frac{[F6P]}{K_{P_3}}} - \frac{V_{max_4}[G6P]}{K_{m_4} + [G6P]} $$</p>
+
<p>$$ \frac{d[F6P]}{dt} = \frac{V_{f_3} \frac{[G6P]}{K_{s_3}}}{ 1 + \frac{[G6P]}{K_{s_3}} + \frac{[F6P]}{K_{P_3}}} $$</p>
+
<p>$$ \frac{d[PGA]}{dt} = \frac{V_{max_2} [G6P]}{K_{m_2} + [G6P]} $$</p>
+
<p>$$ \frac{d[G1P]}{dt} = \frac{V_{max_4} [G6P]}{K_{m_4} + [G6P]} - \frac{V_{max_9} [G1P]}{K_{m_9} + [G1P]} $$</p>
+
<p>$$ \frac{d[UDP- Glc]}{dt} = \frac{V_{max_{9}} [G1P]}{K_{m_{9}} + [G1P]} - \frac{V_{max_{10}} [UDP-Glc]}{K_{m_{10}} + [UDP-Glc]} $$</p>
+
<p>$$ \frac{d[Cell]}{dt} = \frac{V_{max_{10}} [UDP-Glc]}{K_{m_{10}} + [UDP-Glc]} $$</p>
+
</div><!-- /equation2 -->
+
</div><!-- /kait_model_contents -->
+
</div><!-- /kait_model -->
+
<div id="kait_antisense_method">
+
<div id="kait_antisense_method_header">
+
<h2><span>1.4. Antisense Method</span></h2>
+
</div><!-- /kait_antisense_method_header -->
+
<div id="kait_antisense_method_contentes">
+
<p class="normal_text">The antisense method consists in inhibiting the production of certain proteins by using an antisense RNA that is perfectly complementary to the target nucleotide sequence, thus preventing its transcription. </p>
+
<p class="normal_text">In this case we are using the antisense method to prevent the production of the enzymes G6PD and PGI so by representing the binding of the antisense mRNA to the nucleotide sequence by a hill equation we get <a href="javascript:void(0);" onClick="show('equation3')">the following equations</a>.</p>
+
<div id="equation3" class="off">
+
<p>$$ \frac{d[G6P]}{dt} = \frac{V_{max_1} [Glc]}{K_{m_1} + [Glc]} - \left(1 - \frac{\alpha_1[mRNA_1]^{n_1}}{K_1^{n_1} + [mRNA_1]^{n_1}} \right) * \frac{V_{max_2}[G6P]}{K_{m_2} + [G6P]} \\
+
- \left(1 - \frac{\alpha_2[mRNA_2]^{n_2}}{K_2^{n_2} + [mRNA_2]^{n_2}} \right) * \frac{V_{f_3} \frac{[G6P]}{K_{s_3}} - V_{s_3} \frac{[F6P]}{K_{P_3}}}{1 + \frac{[G6P]}{K_{s_3}} + \frac{[F6P]}{K_{P_3}}} - \frac{V_{max_4}[G6P]}{K_{m_4} + [G6P]} $$</p>
+
<p>$$ \frac{d[F6P]}{dt} = \left( 1 - \frac{alpha_2[mRNA_2]^{n_2}}{K_2^{n_2} + [mRNA_2]^{n_2}} \right) * \frac{V_{f_3} \frac{[G6P]}{K_{s_3}} - V_{s_3} \frac{[F6P]}{K_{P_3}}}{1 + \frac{[G6P]}{K_{s_3}} + \frac{[F6P]}{K_{P_3}}} $$</p>
+
<p>$$ \frac{[PGA]}{dt} = \left(1 - \frac{\alpha_1[mRNA_1]^{n_1}}{K_1^{n_1} + [mRNA_1]^{n_1}} \right) * \frac{V_{max_2}[G6P]}{K_{m_2} + [G6P]} $$</p>
+
</div><!-- /equation3 -->
+
<p class="normal_text">Where ɑn and Kn and nn are constants from the hill equation. The concentration of the mRNA depend on the conditions of the experiment.</p>
+
</div><!-- /kait_antisense_method_contents -->
+
</div><!-- /kait_antisense_method -->
+
<div id="kait_results">
+
<div id="kait_results_header">
+
<h2><span>1.5. Results</span><h2>
+
</div><!-- /kait_results_header -->
+
<div id="kait_results_contents">
+
<p class="normal_text">Applying this mathematical model we got the following graphs.</p>
+
<div id="kait_results_images">
+
<a href="https://static.igem.org/mediawiki/2016/1/10/T--Tokyo_Tech--Collaboration_Kait_2.png"><img src="https://static.igem.org/mediawiki/2016/1/10/T--Tokyo_Tech--Collaboration_Kait_2.png" /></a>(a)
+
<a href="https://static.igem.org/mediawiki/2016/2/21/T--Tokyo_Tech--Collaboration_Kait_3.png"><img src="https://static.igem.org/mediawiki/2016/2/21/T--Tokyo_Tech--Collaboration_Kait_3.png" /></a>(b)
+
<a href="https://static.igem.org/mediawiki/2016/0/0c/T--Tokyo_Tech--Collaboration_Kait_4.png"><img src="https://static.igem.org/mediawiki/2016/0/0c/T--Tokyo_Tech--Collaboration_Kait_4.png" /></a>(c)
+
<a href="https://static.igem.org/mediawiki/2016/f/fa/T--Tokyo_Tech--Collaboration_Kait_5.png"><img src="https://static.igem.org/mediawiki/2016/f/fa/T--Tokyo_Tech--Collaboration_Kait_5.png" /></a>(d)
+
<a href="https://static.igem.org/mediawiki/2016/a/a6/T--Tokyo_Tech--Collaboration_Kait_6.png"><img src="https://static.igem.org/mediawiki/2016/a/a6/T--Tokyo_Tech--Collaboration_Kait_6.png" /></a>(e)
+
<p class="caption"><span style="font-weight: bold;">Fig. 8-1-2. </span>
+
(a) Concentrations without applying the antisense method,
+
(b) Concentration while inhibiting G6PD enzyme,
+
(c)  Concentrations inhibiting PGI enzyme,
+
(d) Concentrations inhibiting both G6PD and PGI enzymes,
+
(e) Concentrations strongly inhibiting both enzymes
+
</p>
+
</div><!-- /kait_results_images -->
+
<p class="normal_text">We can see that the production of BC increases the more we inhibit the enzymes G6PD and PGI, so we can assume this model is correct. However, we cannot say it is the most appropriate to our case since it has not been corroborated with the experiments. We managed, though, to create the basis for a future more precise model.</p><br>
+
<div align="center"><img src="https://static.igem.org/mediawiki/2016/5/55/T--Tokyo_Tech--KAITlogo.jpg" height="200"><br></div>
+
<div align="center"><p class="caption" style="font-size: 16px; text-align: center;"><span style="font-weight: bold;">Fig.8-1-3  </span>
+
logo of KAIT_Japan</p></div>
+
</div><!-- /kait_results_contents -->
+
</div><!-- /kait_results -->
+
</div><!-- /collaboration_kait_contents -->
+
</div><!-- /collaboration_kait -->
+
+
<!-- Kait up to here -->
+
+
<div id="workshop" class="container">
+
<div id="workshop_header" class="container_header">
+
<h1><span>2. A workshop of modeling</span></h1>
+
</div><!-- /workshop_header -->
+
<div id="workshop_contents" class="container_contents">
+
<p class="normal_text">On August 16th, we hosted a workshop of dry teams. The participating universities were Gifu University, Tokyo University of Agriculture and Technology, University of Tokyo and Kanazawa Institute of Technology. The iGEM Tokyo Tech team and the iGEM UT-Tokyo team taught modeling methods to the other iGEM teams. We exchanged our ideas, and thereby we gained new knowledge of modeling.</p>
+
<div align="center"><img src="https://static.igem.org/mediawiki/2016/f/f5/T--Tokyo_Tech--Collabologos.png" height="180"><br></div>
+
<div align="center"><p class="caption" style="font-size: 16px; text-align: center;"><span style="font-weight: bold;">Fig.8-1-4  </span>
+
logo of UT-Tokyo(left), Tokyo-NoKoGen(center),iGEM Gifu(right)  </p></div>
+
  
</div><!-- /workshop_contents -->
+
/********************************* For smart phone ***********************************/
</div><!-- /workshop -->
+
/*
+
@media screen and (max-width: 360px){
<!-- Workshop up to here-->
+
#menu_list_division{
+
//overflow: hidden;
<div id="asij" class="container">
+
width: 300px;
<div id="asij_header" class="container_header">
+
height: 350px;
<h1><span>3. Helping a New iGEM High School Team</span></h1>
+
margin: 0 auto;
</div><!-- /asij_header -->
+
}
<div id="asij_contents" class="container_contents">
+
.menu_list_class{
<p class="normal_text">We visited The American School in Japan on September 14th and gave a modeling lecture. We explained our project’s overview and taught modeling methods. We also talked about what iGEM is because The American School is a new iGEM team. The iGEM Tokyo Tech team had collaborated with many universities so far. This visit enabled us to collaborate with high school.</p>
+
list-style: none;
<div align="center"><img src="https://static.igem.org/mediawiki/parts/e/e3/T--Tokyo_Tech--HSlogo.png" height="100"><br></div>
+
width: 108px;
<div align="center"><p class="caption" style="font-size: 16px; text-align: center;"><span style="font-weight: bold;">Fig.8-1-5  </span>
+
}
logo of The American School in Japan  </p></div>
+
.menu_list_class li{
</div><!-- /asij_contents -->
+
display: inline;
</div><!-- /asij -->
+
position: relative;
+
width: 108px;
<!-- ASIJ up to here -->
+
height: 40px;
+
                both: clear;
<!-- ASIJ up to here -->
+
}
+
.menu_list_class > li{
<div id="collaboration_ut" class="container">
+
border-bottom: 1px solid #052d5d;
<div id="ut_header" class="container_header">
+
}
<h1><span>4. Developing an application</span></h1>
+
.menu li:last-child{
</div><!-- /ut_herader -->
+
border-bottom: none;
<div id="ut_contents" class="container_contents">
+
}
<h2>4.1. Abstract</h2>
+
.drop_menu > li{
<p class="normal_text">We developed an Android application based on the suggestion from iGEM 2016 team UT-Tokyo of turning <span style="font-style:italic;">E. coli</span> cultivation and genetic modification into an application so that more people know synthetic biology.</p>
+
border-bottom: 1px solid #052d5d;
<h2>4.2. Explanation of the Application</h2>
+
}
<p class="normal_text">When a player taps the main screen, <span style="font-style:italic;">E. coli</span> on a medium increases. Additionally, the more <span style="font-style: italic;">E. coli</span> increases, the more experience points a player gains, which increases the player’s level. Leveling up also gives the player access to gene ligation techniques.</p>
+
.drop_menu > li:last-child{
<p class="normal_text">This application is distributed on Google Play. Here is the URL.</p>
+
border-bottom: none;
<p class="normal_text">At present, players can only increase the number of <span style="font-style: italic;">E. coli</span>. In the future, we aim to upgrade the application so that players can do genetic modification in the application.</p>
+
}
</div><!-- /ut_contents -->
+
menu_list_class li a{
</div><!-- /collaboration_ut -->
+
display: block;
+
width: 100px;
<!-- UT up to here -->
+
height: 40px;
+
color: #ffffff;
+
font-size: 12px;
<div id="may_festeval" class="container container_bottom">
+
padding-left: 5px;
<div id="may_festeval_header" class="container_header">
+
background: #0d4f78;
<h1><span>5. May Festeval</span></h1>
+
}
</div><!-- /may_festeval_header -->
+
menu_list li a:hover{
<div id="may_festeval_contents" class="container_contents">
+
background: #186b91;
<p class="normal_text">The Japanese iGEM teams took part in the school festival at the University of Tokyo. Our team shared ideas and gave each other feedbacks. We introduced iGEM and synthetic biology to the public.</p>
+
}
<p class="normal_text">See the Human Practice page for further information.</p>
+
menu_list_class > li:hover > a{
</div><!-- may_festeval_contents -->
+
background: #186b91;
</div><!-- /may_festeval -->
+
}
+
meun_list_class > li:hover li:hover> a{
<!-- May festeval up to here -->
+
background: #186b91;
+
}
+
.drop_menu > li{
<div id="meetup" class="container">
+
overflow: visible;
<div id="meetup_header" class="container_header">
+
top: -40px;
<h1><span>6. Meetup</span></h1>
+
left: 108px;
</div><!-- /meetup_header -->
+
height: 40px;
</div><!-- /meetup -->
+
}
+
.drop_menu li{
<!-- meetup up to here -->
+
overflow: hidden;
+
height: 0;
<div id="metu" class="container">
+
left: 108px;
<div id="metu_header" class="container_header">
+
}
<h1><span>7. Writing International iGEM Protocols</span></h1>
+
.drop_menu li a{
</div><!-- /metu_header -->
+
background: #0d4f78;
<div id="metu_contents" class="container_contents">
+
}
</div><!-- /metu_contents -->
+
}
</div><!-- /metu -->
+
*/
+
--></style>
<!-- metu up to here -->
+
</head>
+
<body background="https://static.igem.org/mediawiki/2016/e/eb/T--Tokyo_Tech--Background.png">
+
<div id="logo">
<div id="epfl" class="container container_bottom">
+
<div id="inner_logo" align="center">
<div id="epfl_header" class="container_header">
+
<img src="https://static.igem.org/mediawiki/2016/4/4f/T--Tokyo_Tech--Logo_Small.png" height="370px" />
<h1><span>8. Published on iGEM news</span></h1>
+
<img src="https://static.igem.org/mediawiki/2016/1/11/T-Tokyo_Tech--Apple_With_Team_Name.png" height="270px" style="margin-bottom: 30px;" />
</div><!-- /epfl_header -->
+
</div><!-- /inner_logo -->
<div id="epfl_contents" class="container_contents">
+
</div><!-- /logo -->
<p class="normal_text">     This year, our team was introduced on the page of iGEM EPFL, “iGEMnews”, where it which is written about other teams or their projects.<br>
+
<div id="under_logo">
    We appreciate having such an opportunity because there are only a few chances for us to let people know about our team. <br><br>
+
<img src="https://static.igem.org/mediawiki/2016/6/66/T--Tokyo_Tech--Prince.png" width="60px" />
<div align="center"><img src="https://static.igem.org/mediawiki/igem.org/c/c4/T--Tokyo_Tech--EPFLlogo.png" height="200"><br></div>
+
<p id="logo_image_space1"></p>
<div align="center"><p class="caption" style="font-size: 16px; text-align: center;"><span style="font-weight: bold;">Fig.8-1-4  </span>
+
<img src="https://static.igem.org/mediawiki/2016/b/b5/T--Tokyo_Tech--Snow_White.png" width="70px" style="margin-top: 30px;" />
logo of iGEM.TODAY</p></div>
+
<p id="logo_sentence">Magic Mirror on the wall,<br />who is the fairest one of all?</p>
<a href ="http://igem.today/2016/09/24/enter-the-snow-white-world-with-the-tokyo-tech-team/">iGEM News link</a>
+
<img src="https://static.igem.org/mediawiki/2016/7/71/T--Tokyo_Tech--Mirror.png" width="80px" />
 
+
<p id="logo_image_space2"></p>
</p>
+
<img src="https://static.igem.org/mediawiki/2016/d/d0/T--Tokyo_Tech--Witch.png" width="80px" />
</div><!-- /epfl_contents -->
+
</div><!-- /under_logo -->
</div><!-- epfl -->
+
<div class="clear"></div><!-- /clear -->
+
<div id="menu_list_division">
</div><!-- /main_contents -->
+
<ul id="menu_list1" class="menu_list_class">
<script type="text/javascript">
+
<li><a href="https://2016.igem.org/Team:Tokyo_Tech"><span>Home</span></a></li>
function show(idName){
+
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Project">Project</a></li>
var elem = document.getElementById(idName);
+
<li><a href="javascript:void(0);">Experiment</a>
if(elem.className === 'on'){
+
<ul id="experiment_list" class="drop_menu">
elem.className = 'off';
+
<li><a>1. Toxin Assay</a>
} else {
+
<ul id="toxin_list" class="second_level_menu assay_menu">
elem.className = 'on';
+
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Toxin_Assay/Adjustment_of_expression_of_MazF" style="font-size: 14px">1.1. Adjustment of expression of MazF</a></li>
}
+
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Toxin_Assay/MazEF_System_Assay">1.2. MazEF System Assay</a></li>
}
+
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Toxin_Assay/Queens_capricious">1.3. Queen's capricious</a></li>
</script>
+
</ul><!-- /toxin_list -->
 +
</li>
 +
<li><a>2. AHL Assay</a>
 +
<ul id="ahl_list" class="second_level_menu assay_menu">
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/AHL_Assay/AHL_Reporter_Assay">2.1. AHL Reporter Assay</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/AHL_Assay/Only_Assay">2.2. Only Assay</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/AHL_Assay/Rhl_System_Assay">2.3. Rhl System Assay</a></li>
 +
</ul><!-- /ahl_list -->
 +
</li>
 +
<li><a>3. AmiE Assay</a>
 +
<ul id="AmiE_list" class="second_level_menu assay_men">
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/AmiE_Assay">3. AmiE</a></li>
 +
</ul>
 +
</li>
 +
<li><a style="font-size: 14px; height: 60px;">4. Temperature Dependent Promoter Assay</a>
 +
<ul id="promoter_list" class="second_level_menu assay_men">
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Promoter_Assay/Pcold">4.1. Pcold</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Promoter_Assay/Pheat">4.2. Pheat</a></li>
 +
</ul><!-- /promoter_list -->
 +
</li>
 +
</ul><!-- /experiment_list -->
 +
</li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Model">Model</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Parts">Parts</a>
 +
<ul id="parts_list" class="drop_menu">
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Parts_Overview">Overview</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Basic_Part">Basic Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Composite_Part">Composite Parts</a></li>
 +
</ul><!-- /parts_list -->
 +
</li>
 +
</ul><!-- /menu_list1 -->
 +
<ul id="menu_list2" class="menu_list_class">
 +
<li><a href="javascipt:void(0);">Achievements</a>
 +
<ul id="achivements_list" class="drop_menu">
 +
<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Medal">Medal Requirements</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Processing">Best Information Processing</a></li>
 +
</ul><!-- /achivements_list -->
 +
</li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices">Human Practices</a>
 +
<ul id="human_practices_list" class="drop_menu">
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices#overview">Human Practices Overview</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices#3E">HP 3E</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices#Policy_and_Practices">HP Policy and Practices</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices#Snow_White_Varieties">HP Snow White Varieties</a></li>
 +
</ul><!-- /human_practices_list -->
 +
</li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Collaborations">Collaborations</a>
 +
</li>
 +
<li><a href="javascript:void(0);">About us</a>
 +
<ul id="about_ts_list" class="drop_menu">
 +
<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Description">Description</a></li>
 +
<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Team">Team</a></li>
 +
<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Attributions">Attribution and Contribution</a></li>
 +
<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Safety">Safety</a></li>
 +
<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/HomecomingDay">Homecoming Day</a></li>
 +
<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Sponsors">Sponsors</a></li>
 +
<li class="drop_list"><a href="https://igem.org/Team.cgi?team_id=1949">Official Team Page</a></li>
 +
</ul><!-- /about_us_list -->
 +
</li>
 +
</ul><!-- /menu_list2 -->
 +
</div><!-- /menu_list_division -->
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{Team:Tokyo Tech/template2016}}

Revision as of 11:53, 14 October 2016