Difference between revisions of "Team:Tokyo Tech"

 
(9 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{Tokyo_Tech}}
 
{{Tokyo_Tech}}
 +
 
<html>
 
<html>
 
<head>
 
<head>
<style type="text/css">
+
 
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
 +
 
 +
<script type="text/javascript">
 +
 
 +
</script>
 +
 
 +
<style type="text/css">
 
<!--
 
<!--
/********************** All style of this page ************************/
+
 
body{
+
p.resizeimage {
 +
position: relative;
 +
width: 90%;
 +
  max-width: 1100px;
 +
  min-width: 240px;
 +
  margin: 0 auto;
 +
}
 +
p.resizeimage img { width: 100%; }
 +
 
 +
 
 +
/********************************* 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  ********************************/
 +
 
 +
 
 +
 
 +
 
 +
/****************** this page setting ********************/
 +
p#home_sponsors{
 +
    text-align: center;
 +
}
 +
p#home_sponsors img{
 +
    height: 150px;
 +
}
 +
p#main_contents p.normal_text{
 +
font-size: 18px;
 +
text-indent: 18px;
 +
text-align: center;
 +
// padding: 18px;
 +
    font-family: 'Century', serif;
 +
 
 +
}
 +
 
 +
/*body{
 
     background-image: url("https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png");
 
     background-image: url("https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png");
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
Line 18: Line 75:
 
//    background-image: url("https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png");
 
//    background-image: url("https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png");
 
     margin: 0 auto;
 
     margin: 0 auto;
}
+
}*/
 
/**********************************************************************/
 
/**********************************************************************/
 
#main_contents{
 
#main_contents{
Line 71: Line 128:
  
  
#main_contents img.align_left{
 
float: left;
 
margin-right: 10px;
 
}
 
  
#main_contents .container_contents_3e{
 
padding-top: 10px;
 
}
 
#main_contents .container_contents_header{
 
font-size: 24px;
 
font-style: italic;
 
font-family: 'Comic Sans MS', cursive;
 
text-align: center;
 
}
 
#main_contents .3e_contents_header{
 
 
}
 
}
  
#practice_list{
 
}
 
.practice_wrapper{
 
display: table;
 
width: 100%;
 
margin: 0 0 40px;
 
padding: 0;
 
background: #ffffff;
 
}
 
.practice_left{
 
display: table-cell;
 
margin-left: 0;
 
margin-right: 0;
 
vertical-align: middle;
 
padding: 5px;
 
}
 
.practice_center{
 
display: table-cell;
 
width: 4%;
 
vertical-align: middle;
 
background: #ffffff;
 
}
 
.practice_right{
 
display: table-cell;
 
margin-left: 0;
 
margin-right: 0;
 
vertical-align: middle;
 
padding: 5px;
 
}
 
.practices{
 
width: 43%;
 
background-color:rgba(255,216,224,0.7);
 
}
 
.integrated_human{
 
width: 53%;
 
background-color:rgba(222,242,217,0.7);
 
}
 
.integrated_human_contents{
 
border-bottom: 50px solid #ffffff;
 
}
 
.practices_contents{
 
border-top: 50px solid #ffffff;
 
}
 
#main_contents .integrated_human_header{
 
font-size: 20px;
 
text-align: left;
 
margin: 0;
 
font-family: 'Century', serif;
 
    color: #0000000;
 
    line-height: 1.5em;
 
font-weight: bold;
 
text-decoration: none;
 
}
 
.tokyo_tech_clear{
 
clear: both;
 
}
 
 
#main_contents .string_image{
 
display: block;
 
position: absolute;
 
}
 
#string_3e{
 
margin: 0 auto;
 
display: inline-box;
 
}
 
 
/*********************** About modal *******************/
 
#modal_contents{
 
display: none;
 
width: 800px;
 
height: 600px;
 
margin: 15px;
 
padding: 0;
 
border: 1px solid #583612;
 
background-color: #ffffff;
 
color: #666666;
 
position:fixed;
 
z-index: 9999;
 
overflow: scroll;
 
}
 
#modal_background {
 
display:none;
 
width:100%;
 
height:100%;
 
background-color: rgba(0,0,0,0.5);
 
position:fixed;
 
top:0;
 
left:0;
 
z-index: 1000;
 
}
 
#modalopen{
 
font-size: 18px;
 
text-align: center;
 
}
 
 
 
/************************* About Flex Slider *****************/
 
#main_contents .flexslider{
 
box-sizing: content-box;
 
position: relative;
 
width: 800px;
 
height: 200px;
 
padding: 0;
 
margin: 2px auto;
 
overflow-x: hidden;
 
 
border: 2px solid #583612;
 
background: #ffffff;
 
}
 
#main_contents .flexslider .slides{
 
display: block;
 
top: 0;
 
left: 0;
 
width: 2100px;
 
height: 200px;
 
margin: 0;
 
padding: 0;
 
overflow: scroll;
 
}
 
#main_contents .flexslider .slides li{
 
position: absolute;
 
margin: 0;
 
border-right: 4px solid #ffffff;
 
}
 
#main_contents .flexslider img{
 
height: 200px;
 
}
 
.flexslider .slides > li {
 
display: block;
 
-webkit-backface-visibility: hidden;
 
float: left;
 
}
 
 
/*************************** Ballon Explanation ************************/
 
#school_visit_images {
 
text-align: center;
 
}
 
#school_visit_images img{
 
width: 300px;
 
height: 200px;
 
marign-left: 50px;
 
margin-right: 50px;
 
}
 
 
.school_visit_explanation{
 
position: absolute;
 
display: none;
 
}
 
.explanation_contents{
 
position: absolute;
 
}
 
#ochanomizu_explanation1_contents{
 
top: -100%;
 
left: 0;
 
width: 200%;
 
height: 100%;
 
border: 2px solid #5b9bd5;
 
border-radius: 100% / 100%;
 
}
 
/*************************** Ballon Explanation ************************/
 
#school_visit_images {
 
text-align: center;
 
}
 
#school_visit_images img{
 
width: 300px;
 
height: 200px;
 
marign-left: 50px;
 
margin-right: 50px;
 
}
 
.school_visit_component{
 
position: relative;
 
margin-left: auto;
 
margin-right: 300px;
 
margin-bottom: 30px;
 
}
 
.school_visit_explanation{
 
position: absolute;
 
display: none;
 
}
 
.explanation_contents{
 
position: absolute;
 
}
 
.triangle_right{
 
position: absolute;
 
content: "";
 
width: 0;
 
height: 0;
 
}
 
#ochanomizu_explanation1{
 
top: -30%;
 
left: 75%;
 
width: 20%;
 
height: 170px;
 
}
 
#ochanomizu_explanation1 .triangle_right{
 
top: 40%;
 
left: -70px;
 
border: 16px solid transparent;
 
border-right: 70px solid #5b9bd5;
 
//background-color: #5b9bd5;
 
}
 
#ochanomizu_explanation1_contents{
 
display: inline-block;
 
top: 0;
 
left: 0;
 
width: 200%;
 
height: 170px;
 
border: 2px solid #5b9bd5;
 
border-radius: 100% / 100%;
 
background-color: #5b9bd5;
 
color: #ffffff;
 
}
 
 
#ochanomizu_explanation2{
 
top: 70%;
 
left: 75%;
 
width: 20%;
 
height: 170px;
 
}
 
#ochanomizu_explanation2 .triangle_right{
 
top: 10%;
 
left: -70px;
 
border: 16px solid transparent;
 
border-right: 70px solid #dfdfdf;
 
//background-color: #5b9bd5;
 
}
 
#ochanomizu_explanation2_contents{
 
display: inline-block;
 
top: 0;
 
left: 0;
 
width: 200%;
 
height: 130px;
 
border: 2px solid #dfdfdf;
 
border-radius: 10px / 10px;
 
background-color: #dfdfdf;
 
color: #000000;
 
}
 
 
#toritsu_west_explanation{
 
top: 0;
 
left: 75%;
 
width: 20%;
 
height: 170px;
 
}
 
#toritsu_west_explanation .triangle_right{
 
top: 20%;
 
left: -60%;
 
border: 16px solid transparent;
 
border-right: 70px solid #dfdfdf;
 
//background-color: #5b9bd5;
 
}
 
#toritsu_west_explanation_contents{
 
display: inline-block;
 
top: 0;
 
left: 0;
 
width: 200%;
 
height: 160px;
 
border: 2px solid #dfdfdf;
 
border-radius: 10px / 10px;
 
background-color: #dfdfdf;
 
color: #000000;
 
}
 
 
#kichijoji_explanation{
 
top: 0;
 
left: 75%;
 
width: 20%;
 
height: 170px;
 
}
 
#kichijoji_explanation .triangle_right{
 
top: 20%;
 
left: -60%;
 
border: 16px solid transparent;
 
border-right: 70px solid #dfdfdf;
 
//background-color: #5b9bd5;
 
}
 
#kichijoji_explanation_contents{
 
display: inline-block;
 
top: 0;
 
left: 0;
 
width: 200%;
 
height: 110px;
 
border: 2px solid #dfdfdf;
 
border-radius: 10px / 10px;
 
background-color: #dfdfdf;
 
color: #000000;
 
}
 
 
#gakugei_explanation1{
 
top: 0;
 
left: 75%;
 
width: 20%;
 
height: 170px;
 
}
 
#gakugei_explanation1 .triangle_right{
 
top: 20%;
 
left: -60%;
 
border: 16px solid transparent;
 
border-right: 70px solid #dfdfdf;
 
//background-color: #5b9bd5;
 
}
 
#gakugei_explanation1_contents{
 
display: inline-block;
 
top: -50px;
 
left: 0;
 
width: 300%;
 
height: 140px;
 
border: 2px solid #dfdfdf;
 
border-radius: 10px / 10px;
 
background-color: #dfdfdf;
 
color: #000000;
 
}
 
#gakugei_left{
 
width: 35%;
 
height: 100%;
 
float: left;
 
margin-left: 5%;
 
margin-right: 0;
 
background: #bbd6ee;
 
}
 
#gakugei_right{
 
width: 35%;
 
height: 100%;
 
float: left;
 
margin-left: 0;
 
margin-right: 5%;
 
background: #fff2cc;
 
}
 
#gakugei_arrow_space{
 
width: 20%;
 
float: left;
 
margin: 0;
 
}
 
#gakugei_arrow{
 
display:inline-block;
 
height:20px;
 
width: 80%;
 
margin-right: 20%;
 
background-color:#5bc0de;
 
position:relative;
 
top:60px;
 
}
 
#gakugei_arrow:before {
 
position:absolute;
 
content:"";
 
width:0;
 
height:0;
 
border:30px solid transparent;
 
border-left:30px solid #5bc0de;
 
left: 50px;
 
top: -20px;
 
}
 
 
#gakugei_explanation2{
 
top: 60%;
 
left: 75%;
 
width: 20%;
 
height: 170px;
 
}
 
#gakugei_explanation2 .triangle_right{
 
top: 18%;
 
left: -70px;
 
border: 16px solid transparent;
 
border-right: 70px solid #5b9bd5;
 
//background-color: #5b9bd5;
 
}
 
#gakugei_explanation2_contents{
 
display: inline-block;
 
top: 0;
 
left: 0;
 
width: 200%;
 
height: 80px;
 
border: 2px solid #5b9bd5;
 
border-radius: 100% / 80%;
 
padding-top: 15px;
 
background-color: #5b9bd5;
 
color: #ffffff;
 
}
 
 
#atsugi_explanation{
 
top: 30%;
 
left: 75%;
 
width: 20%;
 
height: 170px;
 
}
 
#atsugi_explanation .triangle_right{
 
top: 18%;
 
left: -70px;
 
border: 16px solid transparent;
 
border-right: 70px solid #5b9bd5;
 
//background-color: #5b9bd5;
 
}
 
#atsugi_explanation_contents{
 
display: inline-block;
 
top: 0;
 
left: 0;
 
width: 230%;
 
height: 130px;
 
border: 2px solid #5b9bd5;
 
border-radius: 50% / 100%;
 
padding-top: 10px;
 
background-color: #5b9bd5;
 
color: #ffffff;
 
}
 
 
#koshigaya_explanation{
 
top: 0;
 
left: 75%;
 
width: 20%;
 
height: 170px;
 
}
 
#koshigaya_explanation .triangle_right{
 
top: 20%;
 
left: -60%;
 
border: 16px solid transparent;
 
border-right: 70px solid #dfdfdf;
 
//background-color: #5b9bd5;
 
}
 
#koshigaya_explanation_contents{
 
display: inline-block;
 
top: 0;
 
left: 0;
 
width: 200%;
 
height: 110px;
 
border: 2px solid #dfdfdf;
 
border-radius: 10px / 10px;
 
background-color: #dfdfdf;
 
color: #000000;
 
}
 
 
--></style>
 
--></style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
 
<script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 
<script type="text/x-mathjax-config">
 
MathJax.Hub.Config({
 
TeX: { equationNumbers: {autoNumber: "AMS"} },
 
displayAlign: "left",
 
displayIndent: "2em"
 
});
 
</script>
 
 
 
 
</head>
 
</head>
 
<body>
 
<body>
<div id="main_contents">
 
<div id="page_header" class="container container_top">
 
<h1 align="center">Human Practices</h1>
 
</div><!-- /page_header -->
 
<div id="contents" class="container">
 
<div id="contents_header" class="container_header">
 
<h1><span>Contents</span></h1>
 
</div><!-- /contents_header -->
 
<div id="contents_contents" class="container_contents">
 
<div id="contents_menu">
 
<h3 class="link"><a href="#introduction">1. Overview</a></h3>
 
<h3 class="link"><a href="#overview">2. 3E</a></h3>
 
<h3 class="link"><a href="#3E">3. Policy and Practices</a></h3>
 
<h3 class="link"><a href="#Policy_and_Practices">4. Snow White versions</a></h3>
 
 
</div><!-- /contents_menu -->
 
</div><!-- /contents_contents -->
 
</div><!-- /contents -->
 
<div id="overview" class="container">
 
<div id="overview_header" class="container_header">
 
<h1><span>1. Overview</span></h1>
 
</div><!-- /overview_header -->
 
<div id="overview_contents" class="container_contents">
 
<p class="normal_text">At the beginning of our iGEM activities, we felt that people seem to be unfamiliar with the synthetic biology and its social contribution. In order to solve these issues, we chose to show our concepts through Snow White, one of the most famous stories around the world. Besides, we hold many outreach activities,  dialogued with experts, and created a model called "3E": education, ethics, and economy. We also designed some ideas base to our research (Toxin-Antitoxin system etc.) for society. We improved our project by feedback of these human practice activities. <br>
 
We could improve the public conscious to synthetic biology and our project mutually by communicating with people.
 
                                </p>
 
</div><!-- /overview_contents -->
 
</div><!-- /overview -->
 
 
<div class="flexslider">
 
<ul class="slides">
 
</ul>
 
</div>
 
  
<div id="3E" class="container">
 
<div id="3E_header" class="container_header">
 
<h1><span>2. 3E</span></h1>
 
</div><!-- /3E_header -->
 
<div id="3E_contents" class="container_contents">
 
  
<div id="images_wrapper">
+
<span id="string_3e"  class="string_image"></span>
+
<span id="education_string" class="string_image"></span>
+
<span id="ethics_string" class="string_image"></span>
+
<span id="economy_string" class="string_image"></span>
+
</div>
+
 
+
<p class="normal_text">We take our project into consideration from three aspects: education, ethics, and economy. From these three aspects, we can approach in various ways, thereby we can grasp our project multilaterally. So far, we had worked on many activities to inform the public distinctly of <span style="font-style: italic">E. coli</span>, genetic modification, and synthetic biology. Once we faced some issues, we had many discussions and tried solving the problems. Secondly, we had thought about ethics as a key point in our project and made ethics code of iGEM 2016 Tokyo_Tech Team. Furthermore, we coordinated activities to achieve the protein production control using TA systems. Although it is difficult to use commercially at present, it is a great achievement that we created the idea and technology regarded as a steppingstone. This page shows all of our human practice activities.
+
</p>
+
</div><!-- /3E_contents -->
+
+
<div id="education" class="container_contents container_contents_3e">
+
<h2 class="container_contents_header"><img src="https://static.igem.org/mediawiki/2016/5/59/T--Tokyo_Tech--Education_String.png" /></h2>
+
<div id="education_overview" class="3e_contents">
+
<h3 class="3e_contents_header">Overview</h3>
+
<p class="normal_text">After exchanging opinions with the public in school festivals (including May festival, Suzukake festival and Homecoming day), we found that the knowledge about genetic modification, <span style="font-style:italic;">E. coli</span> and synthetic biology is less well known. Therefore, we gave classes and made YouTube videos to have the public, especially the youth, know them. Using the familiar story of Snow White as a base to our project, many people got interested in it because of the story, but thanks to that they also got interested in synthetic biology. As a result, more and more people got interested in synthetic biology and <span style="font-style:italic;">E. coli</span> because of the plot of Snow White we used which is familiar to the most. Moreover, after the classes we gave, students improved their awareness of genetic modification and <span style="font-style: italic;">E. coli</span>. Furthermore we worked on the development of an educational tool for the high school students in order to let the youth study science independently and delightfully. It is a card game about TA system and QS. It attracted more of their attention than only talking about the knowledge.</p>
+
</div><!-- /education_overview -->
+
+
<div id="education_school_visit" class="3e_contents">
+
<h3 class="3e_contents_header">School-visits</h3>
+
<p class="normal_text">During the May Festival, the Suzukake Festival and the Home-Coming Day, when we talked to the general public, we found out that the <span style="font-style: italic;">E. coli</span> is being rather misunderstood. So in order to solve this misunderstanding, and to provide more people with a more accurate information about <span style="font-style: italic">E. coli</span>, gene reconfiguration, and synthetic biology in general we decided to conduct some School-visits. As a result, we managed to give classes in 6 Schools and to 269 middle and high school students in total. Furthermore, this activity turned out to be a good opportunity to learn how our project impacted in the general public. We can also say that the fact that the ideas we obtained here managed to positively influence our project is a result out of itself.</p>
+
<p class="normal_text">The details are organized for each school, so if anyone were to do this kind of lectures in the future, fell free to use this as reference.</p>
+
+
<div id="school_visit_images">
+
<!-- Ochanomizu -->
+
<div id="school_visit_ochanomizu" class="school_visit_component">
+
<img src="https://static.igem.org/mediawiki/2016/8/8f/T--Tokyo_Tech--Otchanomizu.jpg" class="school_visit_image" />
+
<div id="ochanomizu_explanation1" class="school_visit_explanation">
+
<div class="triangle_right"></div>
+
<div id="ochanomizu_explanation1_contents" class="explanation_contents">
+
<br /><!-- set space -->
+
<p class="normal_text">There is not only one story for Snow<br />White, but there exist several ones.</p>
+
<h4>We designed a circuit in order<br />to recreate the story using our<br />own parts!</h4>
+
</div><!-- /ochanomizu_explanation1_contents -->
+
</div><!-- /ochanomizu_explanation1 -->
+
<div id="ochanomizu_explanation2" class="school_visit_explanation">
+
<div class="triangle_right"></div>
+
<div id="ochanomizu_explanation2_contents" class="explanation_contents">
+
<p class="normal_text">Does no other character apart from Snow White, the Prince and the Queen appear?</p>
+
<h4>We decided to include the Mirror in the Story!</h4>
+
</div><!-- /ochanomizu_explanation2_contents -->
+
</div><!-- /ochanomizu_explanation2 -->
+
</div><!-- /school_visit_ochanomizu -->
+
+
<!-- Toritsu West -->
+
<div id="school_visit_toritsu_west" class="school_visit_component">
+
<img src="https://static.igem.org/mediawiki/2016/d/d7/T--Tokyo_Tech--Toritsu_West_Lecture.jpg" class="school_visit_image" />
+
<div id="toritsu_west_explanation" class="school_visit_explanation">
+
<div class="triangle_right"></div>
+
<div id="toritsu_west_explanation_contents" class="explanation_contents">
+
<p class="normal_text">It is interesting to recreate the story of Snow White, but is there a way to apply Tokyo Tech’s project into medicine or agriculture?</p>
+
<h4>Could we use the TA systems for any contribution to society?</h4>
+
</div><!-- /toritsu_west_contents -->
+
</div><!-- /toritsu_west_explanation -->
+
</div><!-- /school_visit_toritsu_west -->
+
+
<!-- Kichijoji -->
+
<div id="school_visit_kichijoji" class="school_visit_component">
+
<img src="https://static.igem.org/mediawiki/2016/b/b2/T--Tokyo_Tech--Kichijoji_Lecture.jpg" class="school_visit_image" />
+
<div id="kichijoji_explanation" class="school_visit_explanation">
+
<div class="triangle_right"></div>
+
<div id="kichijoji_explanation_contents" class="explanation_contents">
+
<p class="normal_text">“I was surprised to see how you can use <span style="font-style:italic;">E. coli</span> to make this kind of playful experiments!”
+
It changed my impression that <span style="font-style:italic;">E. coli</span> equals food poison, and now I fell some kind of respect for it.
+
</p>
+
</div><!-- /kichijoji_explanation -->
+
</div><!-- /kichijoji_explanation -->
+
</div><!-- /school_visit_kichijoji -->
+
+
<!-- Gakugei -->
+
<div id="school_visit_gakugei" class="school_visit_component">
+
<img src="https://static.igem.org/mediawiki/2016/5/5a/T--Tokyo_Tech--Gakugei_Lecture.jpg" class="school_visit_image" />
+
<div id="gakugei_explanation1" class="school_visit_explanation">
+
<div class="triangle_right"></div>
+
<div id="gakugei_explanation1_contents" class="explanation_contents">
+
<div id="gakugei_left"><p class="normal_text">We usually hear the term gene recombination, but never how it’s done. It sounds hard!</p></div>
+
<div id="gakugei_arrow_space"><div id="gakugei_arrow"></div><div></div></div><!-- /gakugei_arrow_space -->
+
<div id="gakugei_right"><p class="normal_text">I was surprised that it wasn’t as hard as I thought. It looks like it could be used in several fields. I’d like to try it too.</p></div>
+
<div class="clear"></div>
+
</div><!-- /gakugei_explanation1_contents -->
+
</div><!--/ gakugei_explanation1 -->
+
<div id="gakugei_explanation2" class="school_visit_explanation">
+
<div class="triangle_right"></div>
+
<div id="gakugei_explanation2_contents" class="explanation_contents">
+
<p class="normal_text">We included the opinion of the students in our card game and improved it!</p>
+
</div><!-- /gakugei_explanation2_contents -->
+
</div><!--/ gakugei_explanation2 -->
+
</div><!-- /school_visit_gakugei -->
+
+
<!-- Atsugi -->
+
<div id="school_visit_atsugi" class="school_visit_component">
+
<img src="https://static.igem.org/mediawiki/2016/8/8d/T--Tokyo_Tech--Atsugi_Lecture.jpg" class="school_visit_image" />
+
<div id="atsugi_explanation" class="school_visit_explanation">
+
<div class="triangle_right"></div>
+
<div id="atsugi_explanation_contents" class="explanation_contents">
+
<p class="normal_text">What kind of lecture should we perform in order to let students understand better the gene recombination technics.</p>
+
<h4>Let’s ask the Science Comunicator</h4>
+
</div><!-- /atugiexplanation_contents -->
+
</div><!-- /atsugi_explanation -->
+
</div><!-- /school_visit_atsugi -->
+
+
<!-- Koshigaya North -->
+
<div id="school_visit_koshigaya" class="school_visit_component">
+
<img src="https://static.igem.org/mediawiki/2016/5/5c/T--Tokyo_Tech--Koshigaya_North.jpg" class="school_visit_image" />
+
<div id="koshigaya_explanation"  class="school_visit_explanation">
+
<div class="triangle_right"></div>
+
<div id="koshigaya_explanation_contents" class="explanation_contents">
+
<p class="normal_text">As a result of incorporating what we learn after talking to the science communicator in our lectures... we obtained even better results!</p>
+
</div><!-- /koshiagya_explanation_contents -->
+
</div><!-- /koshigaya_explanation -->
+
</div><!-- school_visit_koshigaya -->
+
+
</div><!-- /school_visit_image -->
+
+
<script>
+
+
$(function(){
+
$('.school_visit_image').hover(
+
function(){
+
+
var elems = $(this).nextAll('.school_visit_explanation');
+
for(var elem in elems){
+
elems.css('display', 'block');
+
}
+
+
},
+
function(){
+
+
var elems = $(this).nextAll('.school_visit_explanation');
+
for(var elem in elems){
+
elems.css('display', 'none');
+
}
+
+
}
+
);
+
});
+
+
+
</script>
+
</div><!-- /education_school_visit -->
+
+
<div id="education_video" class="3e_contents">
+
<h3 class="3e_contents_header">Video</h3>
+
<p class="normal_text">"It is difficult." "I don't get it" "What are you doing?"</p>
+
<p class="normal_text">These are words that the public told us about our activities, which means that the public did not understand our activity well.Therefore, we made intelligible videos to improve this situation. Moreover, the third episode is dubbed into Japanese, English, Chinese and Spanish so that more people will be able to understand. </p>
+
<p class="normal_text">The first episode: What is <span style="font-style: italic;">E. coli</span>?<br />
+
<a href="https://youtu.be/VJre_GtDRo4" target="_blank">https://youtu.be/VJre_GtDRo4</a></p>
+
<p class="normal_text">The second episode: How to modify genes? What can we do by modifying the genes of <span style="font-style:italic;">E. coli</span>?<br />
+
<a href="https://youtu.be/nJtvFeMDbac" target="_blank">https://youtu.be/nJtvFeMDbac</a></p>
+
<p class="normal_text">The third episode: "Snow White"<br />
+
<a href="https://youtu.be/BCej9LzkYlc " target="_blank"> https://youtu.be/BCej9LzkYlc</a></p>
+
</div><!-- /education_video -->
+
+
<div id="education_card_game" class="3e_contents">
+
<h3 class="3e_contents_header">Card Game</h3>
+
<p class="normal_text">The public will not understand our project unless they experience it.</p>
+
<p class="normal_text">So we made a card game containing two functions so that the public can understand the basis of our project, TA system and Quorum Sensing. Click here to download the kit with the rulebook that we developed through trial and error so everyone can play easily. If you get interested in this card game, you can print it out and play it yourself.</p>
+
</div><!-- /education_card_game -->
+
+
<div id="education_expert" class="3e_contents">
+
<h3 class="3e_contents_header">Expert [Ogawa Tatsuya]</h3>
+
<p class="normal_text">We noticed that the ways of manifesting and expressing our project are important when we explain our project to the public.</p>
+
<p class="normal_text">He gave us the advice that we should insert a punch line in our project to summarize our project to the audience's satisfaction. We should not only talk about the results but also convince the audience through our explanation.Hence, we should construct the whole concept, thinking what listeners will think after explanation about our project. </p>
+
</div><!-- /education_expert -->
+
+
<div id="education_summary" class="3e_contents">
+
<h3 class="3e_contents_header">Summary</h3>
+
<p class="normal_text">We raised the public's attention of genetic modification, <span style="font-style:italic;">E. coli</span> and synthetic biology through our activities. Since we found our activities are influential to many people, we want to continue these to inform the utility of synthetic biology to the public even after iGEM. </p>
+
</div><!-- /education_summary -->
+
</div><!-- /education -->
+
+
<div id="ethics" class="container_contents container_contents_3e">
+
<h2 class="container_contents_header"><img src="https://static.igem.org/mediawiki/2016/9/95/T--Tokyo_Tech--Ethics_String.png" /></h2>
+
                                <div id="ethics_ovevrview" class="3e_contents">
+
                                        <h3 class="3e_contents_header">Overview</h3>
+
                                        <p class="normal_text">All life-concerning studies have always undertook ethical problems, especially synthetic biology. Until what point is it allowed to perform an experiment, from where on should it be regulated. This decisions are difficult to make. As a team that works with life studies, iGEM2016 Tokyo_Tech has also encountered this problem and has needed to consider it deeply. So our team organized a symposium, conversed with specialists in bioethics and exchanged ideas. Also, we utilized the knowledge we obtained in this symposium as the base for our ethic code.</p>
+
<p style="text-align: center;" class="normal_text">[<a href="javascript:void(0);" onClick="show('ethics_hide'); return false;" class="showHidden">Read More</a>]</p>
+
                                </div><!-- /ethics_overview -->
+
+
+
+
<div id="ethics_hide" class="off">
+
                                <div id="ethics_symposium" class="3e_contents">
+
                                <h3 class="3e_contents_header">Symposium</h3>
+
                                        <p class="normal_text">There are two ways of using synthetic biology: for technology development and for scientific research. This 2 points are fundamentally different. First, for technology development there is a clear purpose. So when thinking about this field, one has to take in account the engineering ethics, the validity and usefulness needed to be useful for our society; as well as the security, risk management and environment impact.</p>
+
                                        <p class="normal_text">The goals technology development and scientific research look for are different, so the way of deciding on the ethics involved are also different. Basing our research on this thought we decided that it was closer to that one of technology development.</p>
+
                                </div><!-- /ethics_symposium -->
+
                           
+
                                <div id="ethics_iGEM2016 Tokyo_Tech’s ethic problem" class="3e_contents">
+
                                <h3 class="3e_contents_header">iGEM2016 Tokyo_Tech's ethic problem</h3>
+
                                        <p class="normal_text">For team h's current project we are using a TA system to recreate the Snow White story. So, in the previously mentioned symposium, we thought of what kind of ethical problems would be faced if we applied the TA system in several other fields in the future. In recent years, the overuse of pesticides has brought the fear of the appearance of multiple-drug-resistant bacteria. Besides, the distribution of pesticides one by one is takes too much time and money. So we thought of mitigating the risk of appearance of this multiple-drug-resistant bacteria by implementing the protein-control mechanism our TA system, the Maz system, has. In order to apply this technic into farms and alike, we have to take it outside. So first we think on this topic. We must not use any pesticide or gene recombinant regulated by the law. Also, we have to think that our genetically modified organism's structure does not present any leaks. Furthermore, we also have to think on what kind of impact it has on the environment or if it does have any adverse effect in the human body. Nevertheless, the solutions to these problems are also progressing. For example, in order to prevent any leakage of genetically modified organisms, <span style="font-style: italic;">E. coli</span> that are weak to dry environment or yeast that need specific nutrition are being used; since the first one would die without the help of an special equipment, and the later one would not survive even if it leaks. This way, we can ensure safety.</p>
+
                                        <p class="normal_text">Until this point, we have considered the possible dangers that synthetic biology may present to us humans. But, on the other hand, we also have to deeply think about the organisms that are used for experimentation. We are using <span style="font-style: italic;">E. coli</span> in our project. And while experimenting, we came to realize that, since <span style="font-style: italic;">E. coli</span> is systematically different to humans, it is difficult to feel any kind of guilt while modifying it to work as you want it to work. However, if this was another living being how would we feel? Probably we would not be able to treat them as carelessly. We are probably unconsciously determining the weight of a life depending on the organism's specie. And we can also think that how lightly one can treat each living being depends greatly on each person. So what can we call an ethic code accepted by most of the people? We decided on writing our own ethic code based on the things we learned and thought.</p>
+
                                        <p class="normal_text">Also, we thought that in order to decrease as much as possible the amount of organisms used in experiments, it's also important to use mathematical models. Originally, modeling was used to determine the most optimum amount of reagents or to find out the time needed for an experiment. But we also want to use it to spread the "reduce as much as possible the number of organisms used" thought.</p>
+
                                </div><!-- /ethics_iGEM2016 Tokyo_Tech’s ethic problem -->
+
                                <div id="ethics_our synthetic biology research’s code of ethics" class="3e_contents">
+
                                <h3 class="3e_contents_header">Our synthetic biology research's code of ethics</h3>
+
                                        <p class="normal_text">We now publish the synthetic biology code of ethics for our project, that we obtained from what we learned during the symposium.</p>
+
                                        <p class="normal_text"><span style="font-weight: bold;">Preamble</p>
+
                                        <p class="normal_text">The main goal of several studies to understand the living systems was the analytic approach of breaking down the components of the currently existing organisms in order to understand the function of each component and the interactions between themselves. However, after accumulating knowledge about the organism's components, now this components are reckoned as "parts", and are combined in order to design new living mechanisms or to construct artificial live systems, in other words we can now see it through the synthetic approach.</p>
+
<ul>
+
                                      <li><p class="normal_text">Respect each and every organism's life and show appreciation to the lives of those that become subjects.</p></li>
+
                                        <li><p class="normal_text">Always take in consideration the impact the used samples and subjects have in the environment, and thoroughly exert oneself in the risk control and bioterrorism prevention against human beings and other life forms during the experiment.</p></li>
+
                                        <li><p class="normal_text">Be aware of your position as a researcher and never utilize any specimens that depart from the law in gene modification experiments and alike; and never perform any fraud of experimental results, unauthorized reproduction or any other kind of plagiarism that would put in doubt one's dignity.</p></li>
+
                                        <li><p class="normal_text">Exert oneself in complementing the deficiencies of oneself and fellow researchers without missing on daily dialogue, but always respecting the others' position, like in the Asilomar Conferences. Specially, since cooperation between wet and dry teams is important, share information daily and never fail to communicate in order to improve the understanding of each other.</p></li>
+
                                        <li><p class="normal_text">Compared to the analytic approach, the synthetic approach has to take in consideration more topics including technology and ethic. So it is not something easily achievable. Take in account that not everything is going to go as expected.</p></li>
+
                                        <li><p class="normal_text">Just as we did for the high school students with our visit to our former schools, or what we did for other high school students and college students with the symposium we organized, spread this field by letting the general public have a better understanding of synthetic biology; and, at the same time, dialogue with them.</p></li>
+
                                        <li><p class="normal_text">Take in consideration the environment by reducing the number of organisms used. At the same time, in order to have a general idea and to clarify the goal, perform some simulations using modeling.</p></li>
+
                                        <li><p class="normal_text">When "designing" biomolecules or biological systems, take in account the use of artistic activities to make your project easier to understand to the general public.</p></li>
+
</ul>
+
                                </div><!-- /ethics_Our synthetic biology research’s code of ethics -->
+
 
+
                                <div id="ethics_final remarks" class="3e_contents">
+
                                <h3 class="3e_contents_header">Final remarks
+
                                        <p class="normal_text">Even inside synthetic biology, gene modification is thought as a field that goes against the natural commandments. However it is not as if this logic is completely consistent because regarding ethical problems, it is not as if an absolute line has been traced. For example, the boundary of living and not living varies on the organism’s specie, and also the influence of culture and religion influence in people’s opinion. So the ethical problems are being complicated due to this reasons. </p>
+
                                        <p class="normal_text">In this way, this seems to be a problem without a clear solution. Also, currently the general public seem to think of this problem as something the scientists should tackle on and that does not concern the. In order to change this concept, just like we did with our visits to our alma mater schools, it’s important that the scientists should be the first to actively educate others from the beginning by letting the public know the proximity at which this problem is, and also by making them understand that they are not unrelated to it. And, at the same time, just like we did when we performed some lessons for high school students, talking to a general audience can be a great gain for scientists, since there is a possibility that they notice some things that they had not been noticing by discussing with people other than fellow scientists.</p>
+
                                        <p class="normal_text">We think that this is a problem that should be faced on, step by step. If each one of us think of what kind of ethical problems we may face, then by talking with your comrades you can realize the familiarity of this problems, and if the this circle gets to grow, then it should lead to a better understanding of this problem.</p>
+
                                </div><!-- /ethics_Final remarks-->
+
 
+
                                <div id="ethics_referance" class="3e_contents">
+
                                <h3 class="3e_contents_header">Reference
+
                                      <p class="normal_text">1. Nudeshina, Jiro Ph.D. To what extent should research on life be free? -dialogue with scientists (in Japanese) Iwanami Shoten Publisheres, Tokyo, 2010</p>
+
                                      <p class="normal_text">2.Makoto Masuda. [Internet].Japan: Gouseiseibutsugaku-sonokanouseitokadai- [cited July 18th, 2011]. Available from http://www.tbr.co.jp/pdf/sensor/sen_a216.pdf</p>
+
                                      <p class="normal_text">3. TA Note 07 [Internet]. Japan: Seimeikinounokozotekikenkyunogenzyotosya kaitekikadai:nihonniokerugouseiseibutsugakutoha?(Present state and social problems on structural research of life function: What is ‘Synthetic Biology’ in Japan?) [cited October 7th, 2016] Available from http://i2ta.org/news/i2ta/ta-note-07.html</p>
+
                                      <p class="normal_text">4. The Institution of Professional Engineers, Japan [Internet]. Japan: Gizyutushi- rinrikoryo [cited October 7th, 2016]
+
Available from www.engineer.or.jp/c_topics/000/000025.html</p>
+
                                      <p class="normal_text">5. Japanese Association of Certified Social Workers [Internet]. Japan: Rinrikoryotokoudoukihan [cited October 7th, 2016] Available from:
+
http://www.jacsw.or.jp/01_csw/05_rinrikoryo/
+
                                      <p class="normal_text">6. Japanese Nursing Association [Internet]. Japan: Kangosyanorinrikoryo
+
[cited October 7th, 2016] Available from: http://www.nurse.or.jp/nursing/practice/rinri/rinri.html</p>
+
                                      <p class="normal_text">7.  John R Pringle, James R Broach,Elizabeth W Jones. The Molecular and Cellular Biology of the Yeast Saccharomyces. Vol. 3. Cell Cycle and Cell Biology. US: Cold Spring Harbor Laboratory Press; 1997.</p>
+
                                </div><!-- /ethics_reference-->
+
 
+
</div><!-- /ethics_hide -->
+
</div><!-- /ethics -->
+
+
+
<div id="economy" class="container_contents container_contents_3e">
+
<h2 class="container_contents_header"><img src="https://static.igem.org/mediawiki/2016/7/71/T--Tokyo_Tech--Economy_String.png" /></h2>
+
<div id="economy_ovevrview" class="3e_contents">
+
<h3 class="3e_contents_header">Overview</h3>
+
<p class="normal_text">In order to use our project in society, we decided to approach it from a big perspective, economy. Our project includes a basic research, so, we thought that we should work on our project in terms of economy, instead of more specific fields such as environment and medicine, to make our project flexible to the upcoming technology. Among many elements of our project, in this page we focus on TA system.</p>
+
<p class="normal_text">We had a dialogue with experts to think our project from an economic perspective. This dialogue was the big turning point of our project.</p>
+
</div><!-- /economy_overview -->
+
+
<div id="economy_expert" class="3e_contents">
+
<h3 class="3e_contents_header">Expert [Nakasaki Kiyohiko]</h3>
+
<p class="normal_text">
+
Prof. Nakasaki is a professor on the department of international development engineering at Tokyo Tech. He is researching about bio-refinery, prevention of plant disease by functional compost and DNA sensor of compost maturity. One of his research aims to produce chemical materials efficiently such as L-lactone and ethanol that is biodegradable plastic materials.</p>
+
<p class="normal_text">&nbsp;</p>
+
<p class="normal_text">He showed interest in the fact that TA system inhibits the cell growth of <i>E. coli</i> and can even "resuscitate" it. And also in the protein expression that comes with this mechanism. During the dialogue, we were given with the positive option that continuously repeating the control of protein production can lead to a technology which reduces the risk of the appearance of multiple-drug-resistant bacteria. Therefore, from the view point of economy, we set a goal to control protein production.</p>
+
<p class="normal_text"><span style="font-weight: bold;">After this dialogue,</span> we have done two things to implement the protein production control.</p>
+
<ol type="i">
+
<li><p class="normal_text">ACA Rise and Fall Code<br />
+
<img src="https://static.igem.org/mediawiki/2016/8/8b/T--Tokyo_Tech--ACA_Dwarfs.jpg" width="150px" class="align_left" />
+
The development of a software which adjusts the number of ACA (Adenine-Cytosine-Adenine) sequence in the DNA.</p>
+
<p class="tokyo_tech_clear">&nbsp;</p></li>
+
<li><p class="normal_text">
+
<a href="https://2016.igem.org/Team:Tokyo_Tech/The experiments of creating E. coli mutants which secrete protein extracellularly">The experiments of creating <i>E. coli</i> mutants which secrete protein extracellularly</a></p>
+
                                                    <p class="normal_text"> "TA system ~Queen's Caprice~"
+
</p>
+
<p class="normal_text">These resulted in big success to obtain protein production control.</p></li>
+
</ol>
+
+
<p class="normal_text">&nbsp;</p>
+
<p class="normal_text">Moreover, we had a dialogue with Prof. Nakasaki about the application of the technology of TA system. The subjects for the dialogue were mainly DDS (Drug Delivery System) and risk reduction of the multi-drug-resistant bacteria emergence. These lead to technological development in the future, so the details on them are shown on <a>Future work</a>.</p>
+
</div><!-- /economy_expert -->
+
</div><!-- /economy -->
+
</div><!-- /3E -->
+
 
+
<!-- 3E up to here -->
+
+
+
 
 
 
 
<div id="future_work" class="container">
+
<br>
<div id="future_work_header" class="container_header">
+
<br>     
<h1><span>Future Work</span></h1>
+
                <div id="ID" class="container">
</div><!-- /future_work_header -->
+
        <div id="ID_header" class="container_header">
<div id="future_work_contents" class="container_contents">
+
<h2><span>Our story</span></h2>
<h2 align="header">Overview</h2>
+
</div><!-- /_header -->
<p class="normal_text">We consider the possibility of the protein production system is controlled by Maz system and signal transfer mechanism. To improve the performance of controlling the production by Maz system, we developed a tool for increasing or decreasing the number of ACA sequence, which is the specific site cleaved by MazF homo dimmer. Maz system.</p>
+
<ol type="i">
+
<li><p class="normal_text">controlling the protein production </p></li>
+
<li><p class="normal_text">selectivity of the target mRNA</p></li>
+
<li><p class="normal_text">system of communicating with outside </p></li>
+
</ol>
+
<p class="normal_text">Combining i. and ii., it is expected that the target protein is obtained effectively and with favorite rate. Furthermore, adding iii., we could design an automatic and advanced information-processing system. In other words, we could design an oscillatory cell-cell communication in which one cell containing man system, receives an extrinsic signal (Maz system is controlled by the type of the signal), then the cell produces the substance which affects other cells.</p>
+
<p class="normal_text">To increase the selectivity of repressing the protein production by Maz system, we develop a tool of increasing or decreasing the number of ACA sequence named "ACA Dwarfs." This application makes our future work much more realistic than other iGEM teams (see <a href="https://2016.igem.org/Team:Tokyo_Tech/Model">Model page</a>).</p>
+
<p class="normal_text">Furthermore, a lot of vital phenomena are oscillatory. So we could apply this oscillatory system to DDS (Drug Delivery System) or to decrease the risk of the appearance of the multi-drug-resistant strains. </p>
+
<ul type="disc" style="margin-top: 10px;">
+
<li><p class="normal_text">Decrease the risk of the appearance the multi-drug-resistant strains</p>
+
<p class="normal_text">These days, the possible appearance of multi-drug-resistant strain due to excessive use of pesticides is alarming. But spreading a pesticide one by one costs money, so we suggest using the system of controlling the protein production a by Maz system: the production of a pesticide is usually repressed by MazF, but only when the substance delivered from the targeted organism (for example: pheromone), MazF is contradicted by MazE and the pesticide is produced. This oscillatory model can decrease the possibility of the appearance of the multidrug-resistant strains because the pesticide is produced at intervals.</p>
+
</li>
+
<li><p class="normal_text">DDS(Drug Delivery System)</p>
+
<p class="normal_text">Introducing maz system to human cells and orchestrating the human original signal transduction system and Maz system, we design the mechanism that the cell secrets drug depended on the internal condition. For example, when a maz system introduced cell receives the blood glucose level increase, the cell synthesizes the insulin.</p>
+
</li>
+
                                      <li><p class="normal_text">Our Quorum Sensing and TA systems might be applicable to control the Intestinal Flora</p>
+
                                              <h3 align="header">1.Introduction</h3>
+
                                              <p class="normal_text">These days, Intestinal Flora draws a lot of attention because it will greatly affect our health. If the balance of intestinal flora is lost, it will lead into an illness or might even change your personality. It is assumed that intestinal flora consists of communication systems among various bacteria. However, no such communication systems have been found. So, it will contribute to the society to clarify the mechanism of intestinal flora and to find a way of controlling it.</p>
+
<p class="normal_text">Our project focused on the cell-cell communication through Toxin-Antitoxin system (TA system) and Quorum Sensing (QS), and proved the initial step to explain and control the system of the intestinal symbiosis.</p>
+
  
<p class="normal_text" style="text-align:center;"><a href="javascript:void(0);" onClick="show('modeling_detail');" class="showHidden"><img src="https://static.igem.org/mediawiki/2016/5/54/T--Tokyo_Tech--readmore.png"></a></p>
+
<div id="ID_contents" class="container_contents">
 +
        <p class="normal_text">In this iGEM competition, iGEM 2016 team Tokyo_Tech planned to tell the public about synthetic biology, <span style="font-style : italic">Escherichia coli</span>
 +
, and bacterial Toxin &#8208; Antitoxin system (TA system), as well as enjoyed our activity for iGEM. We participated in the school festival (a poster session), gave classes to high school students, and collected feedback from the public as Human Practices. As a consequence of these activities, we noticed that, through the familiar story in everyone’s childhood, the public more easily gets interested in unfamiliar things such as TA system. Therefore, we decided to employ Snow White as the topic of our project this year.<span style="font-style : italic">E.coli</span> was used to recreate the Snow White story, and based on the simulation, the Snow White story with the prospective of the real beauty was also evaluated. Moreover, in order to respond further to the feedback that we received, the software was developed which enables selective protein production. <p class="caption" style="font-size: 16px;"><a href ="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices" align="center"> (See the Human Practices page) </a>
 +
</p></div>
  
<div id="modeling_detail" class="off">
+
<br><br>
        <h3 align="header">2. The results of our project</h3>                                   
+
        </p>
<h4 align="header">2-1. TA System Assay</h4>
+
<p class="normal_text">We used Maz system, which is a kind of TA system. MazF (Toxin) inhibits translation by cleaving ACA sequence in mRNA and MazE (Antitoxin) releases MazF inhibition. We showed that Maz system could regulate cell growth when <i>mazE</i> and <i>mazF</i> were alternately expressed in <i>E. coli</i> (see TA system assay pages).</p> </br>
+
  
<h4 align="header">2-2. AHL and AmiE Assay</h4>
+
        <div id="ID_header" class="container_header">
<p class="normal_text">We indicated that QS of <i>Pseudomonas aeruginosa genes</i>and <i>V. fischeri</i>, and <i>amiE</i>, which selectively degrades AHLs, could work in <i> E. coli</i>. Sometimes, these genes are toxic to <i>E. coli</i>, but this was solved by, for example, tagging <i>ssrA</i> or experimenting at low temperatures (see AHL reporter assay page and AmiE assay page). </p></br>
+
<h2><span>Sponsors</span></h2>
 +
</div><!-- /_header -->
  
<h4 align="header">2-3. Temperature-dependent Promoters</h4>
 
<p class="normal_text">We indicated that temperature-dependent promoters were activated strongly at a specific temperature: <i>gfp</i> under Pcold, which is activated at 15°C and under, was much more expressed at 18°C than at 37°C; on the other hand, <i>gfp</i> under Pheat, which is activated at 42°C and over, was more expressed at 37°C than at 28°C. We can say that we can control the expression of the gene under these temperature-dependent promoters by changing temperature.</p></br>
 
  
<h4 align="header">2-4. Modeling</h4>
 
<p class="normal_text"> We simulated our final genetic circuits containing the genes of TA system, QS and temperature-dependent promoters. The simulation showed that the circuits could perform favorably by improving some parts (see Model page and Rhl system assay page). </p>
 
                                                    <h3 align="header">3. Discussion</h3>
 
<p class="normal_text">In conclusion, we proved that the genes of other bacterial QS and temperature-dependent promoters worked in <i>E. coli</i> and that <i>E. coli</i> original TA system gene under inducible promoters regulated the growth in WET experiments. From these results, the simulation showed that <i>E. coli</i> containing TA system gene and QS gene under various inducible promoters communicated with each other. </br>
 
Besides, by simulating that the genetic circuits worked properly with the three types of inducible promoters, we suggest that intestinal bacterial growth is controlled by nutritional condition, temperature and intestinal bacterial density. The three types of promoters were the sugar-dependent promoters (PBAD, Plac), the temperature-dependent promoters (Pcold, Pheat) and the AHL-dependent promoters (Prhl, Plux and Plas).
 
Our project therefore helps to understand the symbiosis of intestinal flora. Furthermore, we are quite sure that we could engineer the <i>E. coli</i> or other bacteria which have function of regulating the symbiosis.</p>
 
  
</div>
+
<p align="center" class="" id="home_sponsors"><img src="https://static.igem.org/mediawiki/2016/c/c7/Tokyo_Tech_kurame_logo.gif" ><img src="https://static.igem.org/mediawiki/2016/c/c2/Tokyo_Tech_Saitama.JPG
                                                          </li>
+
"> <br /><img src="https://static.igem.org/mediawiki/2016/9/93/Tokyo_Tech_Fund.jpg" ><img src="https://static.igem.org/mediawiki/2016/4/47/Tokyo_Tech_JASSO.gif
 +
"> <br /><img src="https://static.igem.org/mediawiki/2016/0/07/Tokyo_Tech_Promega.jpg
 +
"><img src="https://static.igem.org/mediawiki/2016/f/f6/Tokyo_Tech_cosmo_bio.png
 +
"><br /><img src="https://static.igem.org/mediawiki/2016/a/a2/Tokyo_Tech_IDT.png" /></p><!-- /home_sponsors -->
  
</ul>
+
</div>
+
</div></div>
<!-- future work overview up to here -->
+
+
</div><!-- /future_work_contents -->
+
</div><!-- /future_work -->
+
  
<div id="Policy_and_Practices" class="container">
 
    <div id="policy_and_practice_header" class="container_header">
 
<h1><span>3. Policy & Practices</span></h1>
 
    </div><!-- /policy_and_practice_header -->
 
    <div class="container_contents">
 
<p class="normal_text">During promotion of our project, we had dialogues with the public and experts. Based on the opinions from them, we developed our project. Keeping from our narrow view, this led to success in creation of a well-rounded project with connection between the public and experts.</p>
 
<p class="normal_text">This page explains changes that some events had made to our project in chronological order.</p>
 
<img src="https://static.igem.org/mediawiki/2016/8/8d/T--Tokyo_Tech--Integrated_Slide_Figure.jpg" alt="Integrated_Silde_Figure" width="800px" usemap="#practice_map" />
 
<map name="practice_map">
 
    <area class="practice_map_link scroll_link" shape="rect" coords="19,146,183,280" href="#general_public" />
 
    <area class="practice_map_link scroll_link" shape="rect" coords="575,152,775,261" href="#general_public" />
 
    <area class="practice_map_link scroll_link" shape="rect" coords="190,240,358,374" href="#school_visits" />
 
    <area class="practice_map_link scroll_link" shape="rect" coords="467,218,569,339" href="#school_visits" />
 
    <area class="practice_map_link scroll_link" shape="rect" coords="41,394,321,591" href="#dialog" />
 
    <area class="practice_map_link scroll_link" shape="rect" coords="478,420,773,582" href="#dialog" />
 
    <!--
 
    <area shape="default" href="#" />
 
    -->
 
</map>
 
 
<div id="general_public">
 
    <p class="normal_text">In the school festivals, we did poster presentation. Through diverse dialogues with the general public about our preliminary idea of several projects, we found out that the public preferred the Snow White project, one of the preliminary projects. As we figured out even though contents of Snow White project are difficult to understand, the public still showed great interest in it because it brought a sense of familiarity to the most. And this obviously leads to the public's deeper understanding of Snow White project than the others. Thus, we selected Snow White as our project.</p>
 
</div><!-- /general_public -->
 
 
<div id="school_visits">
 
    <p class="normal_text">Then, in the classes we gave to high school students, we were asked the reason why there are only three characters in the story. Accordingly, we found suitable characters and environmental factors to add into the story.</p>
 
</div><!-- /school_visits -->
 
 
<div id="dialog">
 
    <p class="normal_text">Another question from the students is that representing the story is interesting, but how our project can contribute to the society. Because this comment actually inspired us a lot, we started to focus on the consideration of the prospect of our project. After having dialogue with experts, we obtained a comment that TA system has a potential to be linked to development of effective technology. However, at present, there exits problems when using a TA system to control the protein production. We cannot selectively produce only desired protein because other proteins would be also produced at the same time. Then, our dry lab used JAVA to develop software named "ACADwarfs" adjusting number of ACA base sequence as a solution to the problem.
 
</p>
 
    </div>
 
   
 
   
 
   
 
    <div class="container_contents">
 
<p class="normal_text">&nbsp;</p>
 
<p class="normal_text">In this way, we integrated Human Practices to out project. However, we have done much more activities for Human Practices and show them in detail, below.</p>
 
<p class="normal_text">&nbsp;</p>
 
 
<p class="normal_text">&nbsp;</p>
 
    </div>
 
   
 
   
 
    <div id="practice_list" class="container_contents">
 
<div class="practice_wrapper">
 
    <div class="practice_left integrated_human">
 
<p class="normal_text" style="color: #66ccff; text-align: center; font-size: 32px;">Human Practices</p>
 
<h2 align="center">Integrated Human</h2>
 
    </div>
 
    <div class="practice_center" width="4%"></div>
 
    <div class="practice_right practices">
 
<p class="normal_text" style="color: #66ccff; text-align: center; font-size: 32px;">Our Project</p>
 
    <h2 align="center">Practices</h2>
 
    </div>
 
</div>
 
   
 
   
 
<div class="practice_wrapper">
 
    <div class="practice_left integrated_human integrated_human_contents">
 
<a class="integrated_human_header" href="https://2016.igem.org/Team:Tokyo_Tech/Collaborations#may_festival">Public Engagement / Dialogue<br />May Festival</a>
 
<p class="normal_text">At the university festival of University of Tokyo, the public (parents and friends of students at University of Tokyo, and the other visitors of the festival) advised on our project in a poster session.  </p>
 
<p class="normal_text">Among the projects, the ones with approachable themes were quite popular.</p>
 
    </div>
 
    <div class="practice_center"><img src="https://static.igem.org/mediawiki/2016/2/27/T--Tokyo_Tech--Apple.png" width="54px" /></div>
 
    <div class="practice_right practices practices_contents">
 
<p class="integrated_human_header">Select "Snow White" from prospective projects</p>
 
<p class="normal_text">Snow White is the story everyone knows, and people can understand the story pretty much. Moreover, it is familiar to the public and promotes a better understanding about <span style="font-style:italic;">E. coli</span>, synthetic biology and our project. </p>
 
    </div>
 
</div>
 
 
<div class="practice_wrapper">
 
    <div class="practice_left integrated_human integrated_human_contents">
 
<a class="integrated_human_header" href="">Public Engagement / Dialogue<br />Suzukake Festival</a>
 
<p class="normal_text">At the university festival of Tokyo Tech, the public (parents and friends of students at Tokyo Tech, and the other visitors of the festival) advised on our project in a poster session. We got an advice that we should put on a shortplay to make our story easier to be understood.</p>
 
    </div>
 
    <div class="practice_center"><img src="https://static.igem.org/mediawiki/2016/2/27/T--Tokyo_Tech--Apple.png" width="32px" /></div>
 
    <div class="practice_left practices practices_contents">
 
<p class="normal_text">Let's perform a short play during the presentation!</p>
 
    </div>
 
</div>
 
 
<div class="practice_wrapper">
 
    <div class="practice_left integrated_human integrated_human_contents">
 
<a class="integrated_human_header" href="https://2016.igem.org/Team:Tokyo_Tech/HomecomingDay">Public Engagement / Dialogue<br />
 
Homecoming Day</a>
 
<p class="normal_text">This is an annual event held at Tokyo Tech with everyone related to Tokyo Tech and neighboring residents, where we aimed to get feedback from them by introducing our activities with a poster. However, we could hardly tell the public science and technology easily, and they had trouble understanding fundamental knowledge. </p>
 
    </div>
 
    <div class="practice_center"><img src="https://static.igem.org/mediawiki/2016/2/27/T--Tokyo_Tech--Apple.png" width="32px" /></div>
 
    <div class="practice_right practices  practices_contents">
 
<ul class="normal_text"><li>Make videos about <span style="font-style: italic;">E. coli</span> and synthetic biology for the public.</li>
 
<li>Make an interesting card game for study.</li></ul>
 
    </div>
 
</div>
 
 
<div class="practice_wrapper">
 
    <div class="practice_right integrated_human integrated_human_contents">
 
<a class="integrated_human_header" href="">School-visits<br />
 
Ochanomizu University Junior High School</a>
 
<p class="normal_text"><span style="font-weight: bold;">Aim of the lesson was to obtain feedback on our project from junior high school students, and to get evaluations of our project on the basis of their criteria. One student offered a following comment.
 
<br />
 
"Don't other characters appear in the story?"
 
</p>
 
    </div>
 
    <div class="practice_center"><img src="https://static.igem.org/mediawiki/2016/2/27/T--Tokyo_Tech--Apple.png" width="54px" /></div>
 
    <div class="practice_left practices practices_contents">
 
<p class="integrated_human_header">At the beginning, the characters were three: Snow White, the Queen and the Prince. To make our story closer to the original one, we added the Magic Mirror to the story.</p>
 
<p class="normal_text">There are some versions of Snow White story. Using our parts, we designed two gene circuits to represent different story versions.</p>
 
    </div>
 
</div>
 
 
 
<div class="practice_wrapper">
 
    <div class="practice_left integrated_human integrated_human_contents">
 
<a class="integrated_human_header" href="">School-visits
 
<br>Tokyo Metropolitan Nishi High School</a>
 
    <p class="normal_text"><span style="font-weight: bold;">Aim of the lesson was to raise student’s interest in iGEM through explanation of possibilities of genetic modifications, gene recombination techniques, and synthetic biology. The other aim of this lesson was to get feedback on our project from high school students. In the lesson, we focused on explanation of our project at that time. One student gave the following opinion.</p>
 
    <p class="normal_text">"Certainly, representing Snow White Story is interesting, but can you make your project work for society?"</p>
 
    </div>
 
    <div class="practice_center"><img src="https://static.igem.org/mediawiki/2016/2/27/T--Tokyo_Tech--Apple.png" width="32px" /></div>
 
<div class="practice_right practices practices_contents">
 
   
 
    <p class="normal_text">Can we make something socially beneficial?</p>
 
<p class="normal_text">We discuss by ourselves, and set up opportunities to have dialogues with experts.</p>
 
</div>
 
    </div>
 
   
 
    <div class="practice_wrapper">
 
<div class="practice_right integrated_human integrated_human_contents">
 
    <p class="integrated_human_header">Expert Prof. Nakasaki</p>
 
    <p class="normal_text">During the dialogue, he said that repetition of protein production control probably takes a step to the technology reducing risk of the multiple-drug-resistant bacteria emergence.</p>
 
</div>
 
<div class="practice_center"><img src="https://static.igem.org/mediawiki/2016/2/27/T--Tokyo_Tech--Apple.png" width="54px" /></div>
 
<div class="practice_left practices practices_contents"  id="modalopen">
 
    <a>Open</a>
 
</div>
 
    </div>
 
   
 
    <!-- model -->
 
    <div id="modal_background">
 
    <div id="modal_contents"><p class="normal_text">We got the positive opinion that TA system probably leads to a valid technology in the future.</p>
 
  
<p class="normal_text">However, there are two problems with protein production control using TA system.<br />
+
<script>
(i), You cannot produce target protein selectively; you produce other needless protein simultaneously. <br />
+
window.onload = function(){
(ii), Repetition of protein production control leads to sustainable production in one system. However, to take protein from <span style="font-style: italic;">E. coli</span>, you have to destroy <span style="font-style: italic;">E. coli</span>, which makes sustainable production impossible at present.</p>
+
 +
var width = document.body.clientWidth;
  
<p class="normal_text">We continued the activities to find the clue of two critical problems. We worked on them (i) from a view of modeling, (ii) from a view of experiments, and finally found solutions for the problems.</p>
+
var menu = document.getElementsByClassName('logo_sponsors')[0];
  
    <ol type="i">
+
var menuMarginTop = width * 3 / 5 + 150;
<li> <p class="normal_text">"ACADwarfs"<br />
+
    The development of the software which adjusts the number of ACA (Adenine-Cytosine-Adenine) sequence in the DNA.</p>
+
    <p class="normal_text">This makes it possible to adjust the inhibition of each protein, that is, you can produce a bigger ration of target protein when MazF works. Moreover, we designed the Java code so that many people can use it.</p></li>
+
<li><p class="normal_text">The experiments to make <span style="font-style: italic;">E. coli</span> mutants that secrete protein extracellularly and "TA system ~the Queen's Caprice~"</p>
+
    <p class="normal_text">UV irradiation has being performed to make the mutants that secrete protein extracellularly.</p></li>
+
    </ol>
+
    <p class="normal_text">Using "ACADwarfs" gets the higher grade target protein, which realizes high performance material production system. Additionally, preventing mRNA cleavage of target protein and cleaving mRNA of unnecessarily protein can establish sensitive protein labeling.</p>
+
  
    <p class="normal_text">Furthermore, our research leads to DDS (Drug Delivery System) and reduction of the multi-resistant-bacteria emergence. It should be developed in the future, so the details on them are shown on Future work.</p>
 
  
</div><!-- /modal_contents -->
+
menu.style.marginTop = menuMarginTop + 'px';
</div><!-- /modal_background -->
+
+
<div class="practice_wrapper">
+
    <div class="practice_right integrated_human integrated_human_contents">
+
<a class="integrated_human_header" href="">School-visits<br />
+
Kanagawa prefectural Atsugi High School</a>
+
<p class="normal_text">The classes' goal was to raise students' interest and awareness of <span style="font-style: italic">E. coli</span> and to increase the knowledge about synthetic biology and gene ligation techniques.</p>
+
<p>The class got the result of an advance in knowledge and enhancement of the students' interest toward genetic modification (However, we could have got better results.) </p>
+
    </div>
+
    <div class="practice_center"><img src="https://static.igem.org/mediawiki/2016/2/27/T--Tokyo_Tech--Apple.png" width="54px" /></div>
+
    <div class="practice_left practices practices_contents">
+
<p class="normal_text">So far, iGEM team Tokyo_Tech has "told the public about synthetic biology" in various ways with a familiar theme. However, we have not been able to influence all of the people. We thought that the reason relied on our way of communication. Therefore, we decided to ask a science communicator, who is an expert  on telling science to the public.</p>
+
    </div>
+
</div>
+
+
+
<div class="practice_wrapper">
+
    <div class="practice_left integrated_human integrated_human_contents">
+
<a class="integrated_human_header" href="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices/National_museum">National museum, nature and science, Tokyo<br>
+
Science Communicator Mr. Ogawa</a>
+
<p class="normal_text">He told us that only representing the research cannot attract the audience's interest, and cannot get shrewd feedback. Also, he suggested that our story should have a clear conclusion that can tell people something.</p>
+
    </div>
+
    <div class="practice_center"><img src="https://static.igem.org/mediawiki/2016/2/27/T--Tokyo_Tech--Apple.png" width="32px" /></div>
+
    <div class="practice_right practices practices_contents">
+
<p class="normal_text">We learned how to tell science to the public from a science communicator. From his talk, we noticed that we should design the whole project considering what the public will think after explaining our project. </p>
+
<p class="normal_text">In addition, we decided to make our project more attractive, through clarifying our project's goal and setting a clear conclusion.</p>
+
    </div>
+
</div>
+
    </div><!-- /practice_list -->
+
   
+
    <div id="summary" class="container_contents">
+
<h2 align="center">Summary</h2>
+
<p class="normal_text">We "went beyond the lab" and developed our project through human practice activities.</p>
+
<p class="normal_text">We have not just reflected opinions from dialogues with the public and experts about our project. Firstly, we investigated and discussed about the issues on our own. Secondly, in the light of the application of our project, we did experiments and modeling. Finally, we succeeded in the creation of "ACA Dwarfs" and "the growth and death wave by toxin-antitoxin on agar medium." Furthermore, we are doing experiments to make <span style="font-style-italic;">E. coli</span> mutants secreting protein extracellularly. The products will probably lead to further developments of our project.</p>
+
<p class="normal_text">Achievements as mentioned above indicate that we have succeeded in the integrated Human Practice.</p>
+
+
<h3><Suzukake Festival (May 14 & 15, 2016)</h3>
+
<img src="https://static.igem.org/mediawiki/2016/8/81/T--Tokyo_Tech--May_Festival.png" alt="May Festival" width="200px" style="float: left;" />
+
<p class="normal_text" style="float: left; width: 550px; margin-left: 10px;">The Suzukake Festival, the school festival on the Suzukakedai campus, was held on May 14-15, 2016. We introduced iGEM and our projects to the visitors to let them know about synthetic biology and we received feedback.</p>
+
+
<div class="tokyo_tech_clear"></div>
+
+
<h3>Homecoming Day (May 21, 2016)</h3>
+
<img src="https://static.igem.org/mediawiki/2016/6/69/T--Tokyo_Tech--Homecoming_Day.jpg" alt="PHOTO" width="200px" style="float:left;" />
+
<p class="normal_text" style="float: left; width: 550px; margin-left: 10px;s">Homecoming Day is an annual event held at Tokyo Tech. We introduced iGEM and synthetic biology to the alumni. We realized that it is hard to explain our research themes and goals to the public clearly. Therefore, we decided to make videos about <i>E. coli</i> and genetic modification. </p><br /><br /><br /><br /><br /><!-- fit imgae -->
+
<div class="clear"></div>
+
    </div><!-- /summary -->
+
   
+
    <div id="reference" class="container_contents">
+
<h2 align="center">Reference</h2>
+
<!--
+
http://catalog.takara-bio.co.jp/PDFS/50_24-27.pdf<br />
+
file:///C:/Users/Mako/Documents/iGEM/MazF社会貢献性(single%20protein).pdf
+
-->
+
    </div><!-- /reference -->
+
</div><!-- /policy_and_practices_contents -->
+
</div><!-- /Policy_and_Practices -->
+
+
+
+
<!-- Policy and Practice up to here -->
+
+
+
 
+
<div id="Snow_White_Versions" class="container">
+
<div id="Snow_White_Vesions_header" class="container_header">
+
<h1><span>4. Snow White Versions</span></h1>
+
</div><!-- /Snow_White_Versions_header -->
+
<div id="Snow_White_Versions_contents" class="container_contents">
+
<p class="normal_text">The remaking of the fairy tale "Snow White" by the Grimm Brothers has enjoyed a lot of versions since it was published in 1812 in the first edition of their collection Grimms" Fairy Tales. Some elements are common in any Snow White stories. However, because the authors add their original elements or features to the story, it becomes unique. We chose other two versions, <a href="https://2016.igem.org/Team:Tokyo_Tech/Snow_White_Versions">Mirror Mirror" and "A Snow White Christmas"</a> and designed their genetic circuits.
+
</p>
+
<div align="center"><img src="https://static.igem.org/mediawiki/2016/7/74/T--Tokyo_Tech--HP_kairo1.png" width="400px"/></div><br>
+
<div align="center"><img src="https://static.igem.org/mediawiki/2016/d/d1/T--Tokyo_Tech--_HP_kairo2.png" width="400px"/>
+
<p class="caption" style="font-size: 16px; text-align: center;"><span style="font-weight: bold;"></span>
+
</p><br></div>
+
 
+
 
+
</div><!-- /Snow_White_Versions_contents -->
+
</div><!-- /Snow_White_Versions -->
+
</div><!-- /main_contents -->
+
<script type="text/javascript">
+
$(function(){
+
+
    $("#modalopen").click(function(){
+
//$("body").append('<div id="modal_background"></div>');
+
+
modalResize();
+
+
$("#modal_background, #modal_contents").fadeIn("slow");
+
+
$("#modal_background, #modal_contents").click(function(){
+
    $("#modal_contents, #modal_background").fadeOut("slow", function(){
+
$('#modal_background').remove() ;
+
    });
+
+
});
+
+
$(window).resize(modalResize);
+
+
    function modalResize(){
+
var w = $(window).width();
+
var h = $(window).height();
+
+
var cw = $("#modal_contents").outerWidth();
+
var ch = $("#modal_contents").outerHeight();
+
+
+
$("#modal_contents").css({
+
"left": ((w - cw)/2) + "px",
+
"top": "50px"
+
});
+
    }
+
});
+
    });
+
 
+
 
+
/**** Rotate Image *****/
+
 
+
var parent = document.getElementById('images_wrapper');
+
var string3e = document.getElementById('string_3e');
+
var education = document.getElementById('education_string');
+
var ethics = document.getElementById('ethics_string');
+
var economy = document.getElementById('economy_string');
+
+
var hasFinishedOnload = new Array(0,0,0,0);
+
+
+
var string3eWidth, string3eHeight,
+
educationWidth, educationHeight,
+
ethicsWidth, ethicsHeight,
+
economyWidth, economyHeight;
+
+
var educationRatio;
+
var ethicsRatio;
+
var economyRatio;
+
var theta;
+
var rotateRadius;
+
+
var image3e = new Image();
+
image3e.onload = function(){
+
string3eWidth = image3e.width;
+
string3eHeight = image3e.height;
+
hasFinishedOnload[0] = 1;
+
};
+
image3e.src = 'https://static.igem.org/mediawiki/2016/9/9a/T--Tokyo_Tech--3E_String.png';
+
+
var imageEducation = new Image();
+
imageEducation.onload = function(){
+
educationWidth = imageEducation.width;
+
educationHeight = imageEducation.height;
+
hasFinishedOnload[1] = 1;
+
};
+
imageEducation.src = 'https://static.igem.org/mediawiki/2016/5/59/T--Tokyo_Tech--Education_String.png';
+
+
var imageEthics = new Image();
+
imageEthics.onload = function(){
+
ethicsWidth = imageEthics.width;
+
ethicsHeight = imageEthics.height;
+
hasFinishedOnload[2] = 1;
+
};
+
imageEthics.src = 'https://static.igem.org/mediawiki/2016/9/95/T--Tokyo_Tech--Ethics_String.png';
+
+
var imageEconomy = new Image();
+
imageEconomy.onload = function(){
+
economyWidth = imageEconomy.width;
+
economyHeight = imageEconomy.height;
+
hasFinishedOnload[3] = 1;
+
};
+
imageEconomy.src = 'https://static.igem.org/mediawiki/2016/7/71/T--Tokyo_Tech--Economy_String.png';
+
+
+
/** Embed Image Function **/
+
function embedImage(place, image, url){
+
place.innerHTML = '<a href="#' + url + '" class="scroll_link"><img src="' + image.src + '" /></a>';
+
}
+
+
embedImage(string3e, image3e, '');
+
embedImage(education, imageEducation, 'education');
+
embedImage(ethics, imageEthics, 'ethics');
+
embedImage(economy, imageEconomy, 'economy');
+
+
+
function rotateImages(){
+
var string3eCenterX = parent.offsetLeft + parent.offsetWidth / 2;
+
var string3eCenterY = parent.offsetTop + string3eHeight / 2 + rotateRadius;
+
+
parent.style.height=rotateRadius*3 + 'px';
+
+
string3e.style.left = (string3eCenterX - string3eWidth/2) + 'px';
+
string3e.style.top = (string3eCenterY - string3eHeight/2) +'px';
+
+
var educationLeft = string3eCenterX - educationRatio * rotateRadius * Math.sin(theta) - educationWidth/2;
+
var educationTop = string3eCenterY - rotateRadius * Math.cos(theta) - educationHeight/2;
+
var ethicsLeft = string3eCenterX - educationRatio * rotateRadius * Math.sin(theta + Math.PI*2/3) - ethicsWidth/2;
+
var ethicsTop = string3eCenterY - rotateRadius * Math.cos(theta + Math.PI*2/3) - ethicsHeight/2;
+
var economyLeft = string3eCenterX - educationRatio * rotateRadius * Math.sin(theta + Math.PI*4/3) - economyWidth/2;
+
var economyTop = string3eCenterY - rotateRadius * Math.cos(theta + Math.PI*4/3) - economyHeight/2;
+
+
education.style.left = educationLeft + 'px';
+
education.style.top = educationTop + 'px';
+
ethics.style.left = ethicsLeft + 'px';
+
ethics.style.top = ethicsTop + 'px';
+
economy.style.left = economyLeft + 'px';
+
economy.style.top = economyTop + 'px';
+
+
theta -= 0.002;
+
}
+
+
function callRotateImagesFunction(){
+
setInterval(rotateImages, 10);
+
}
+
+
function onloadLoop(){
+
var i, bool=1;
+
for(i=0; i<4; i++){
+
bool *= hasFinishedOnload[i];
+
}
+
if(bool === 1){
+
+
+
educationRatio = (3*educationWidth) / (4*educationHeight);
+
ethicsRatio = (3*ethicsWidth) / (4*ethicsHeight);
+
economyRatio = (3*economyWidth) / (4*economyHeight);
+
+
theta = 0.0;
+
//rotateRadius = Math.sqrt(Math.pow(string3eWidth+educationWidth, 2) + Math.pow(string3eHeight+educationHeight, 2)) + 10;
+
rotateRadius = (string3eHeight + educationHeight) / 2 + 20;
+
+
callRotateImagesFunction();
+
return;
+
}
+
setTimeout("onloadLoop()", 10);
+
}
+
+
onloadLoop();
+
+
+
+
+
/**** Scroll Link ****/
+
+
$(function(){
+
$('.scroll_link').on('click', function(event){
+
event.preventDefault();
+
+
var $this = $(this);
+
var linkTo = $this.attr('href');
+
var $target = $(linkTo);
+
var pos = $target.offset().top;
+
$('html,body').animate({scrollTop: pos}, 400);
+
});
+
});
+
+
+
+
+
/**** Image Slider ****/
+
+
var imagesUrl = [
+
"https://static.igem.org/mediawiki/2016/d/d7/T--Tokyo_Tech--Toritsu_West_Lecture.jpg",
+
"https://static.igem.org/mediawiki/2016/b/b2/T--Tokyo_Tech--Kichijoji_Lecture.jpg",
+
"https://static.igem.org/mediawiki/2016/5/5c/T--Tokyo_Tech--Koshigaya_North.jpg",
+
"https://static.igem.org/mediawiki/2016/7/74/T-Tokyo_Tech--Atsugi_Card_Game.jpg",
+
"https://static.igem.org/mediawiki/2016/8/8d/T--Tokyo_Tech--Atsugi_Lecture.jpg",
+
"https://static.igem.org/mediawiki/2016/5/5a/T--Tokyo_Tech--Gakugei_Lecture.jpg",
+
"https://static.igem.org/mediawiki/2016/1/1a/T--Tokyo_Tech--Gakugei_Card_Game.jpg"
+
];
+
var SIZE = imagesUrl.length;
+
+
/**** Load Images ****/
+
+
var imagesArray = new Array(SIZE);
+
var widthImages = new Array(SIZE);
+
+
var bool = new Array(SIZE);
+
+
var slide = document.getElementsByClassName('slides')[0];
+
var pos_X = new Array(SIZE);
+
+
var i;
+
for(i=0; i<SIZE; i++){
+
bool[i] = 0;
+
imagesArray[i] = new Image();
+
imagesArray[i].onload = finish(i);
+
+
function finish(i){
+
return function(){
+
bool[i] = 1;
+
}
+
}
+
imagesArray[i].src = imagesUrl[i]
+
}
+
+
function waitImagesLoad(){
+
var truth = 1;
+
for(i=0; i<SIZE; i++){
+
truth *= bool[i];
+
}
+
+
if(truth){
+
var sumOfWidth = 0
+
for(i=0; i<SIZE; i++){
+
var elemli = document.createElement('li');
+
elemli.innerHTML = '<img src="' + imagesUrl[i] + '" />';
+
slide.appendChild(elemli);
+
pos_X[i] = sumOfWidth;
+
elemli.style.left = pos_X[i] + 'px';
+
sumOfWidth += elemli.offsetWidth;
+
}
+
+
slide.style.width = sumOfWidth + 'px';
+
+
setInterval(slideImages, 20);
+
return;
+
}
+
+
setTimeout("waitImagesLoad()", 10);
+
}
+
+
var counter = 0
+
var x = 0;
+
var w;
+
+
function slideImages(){
+
if(counter == 0) w = slide.children[0].offsetWidth+4;
+
if(counter < w){
+
x--;
+
for(i=0; i<SIZE; i++){
+
var elemli = slide.children[i];
+
elemli.style.left = (pos_X[i] + x) + 'px';
+
}
+
} else if(counter == w) {
+
var elem = slide.children[0];
+
slide.removeChild(elem);
+
slide.appendChild(elem);
+
+
var elemOffsetWidth = 0;
+
for(i=0; i<SIZE; i++){
+
pos_X[i] = elemOffsetWidth;
+
elemOffsetWidth += slide.children[i].offsetWidth;
+
}
+
+
x = 0;
+
}
+
counter++;
+
if(counter == 500) counter = 0;
+
}
+
+
+
/**** show hidden ****/
+
 
+
function show(idName){
+
var elem = document.getElementById(idName);
+
if(elem.className === 'on'){
+
elem.className = 'off';
+
var elem2 = document.getElementsByClassName('showHidden');
+
elem2[0].textContent = 'Read more';
+
} else {
+
elem.className = 'on';
+
var elem2 = document.getElementsByClassName('showHidden');
+
elem2[0].textContent = 'Hide';
+
}
+
}
+
+
waitImagesLoad();
+
  
 +
}
  
</script>
+
</script>
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{Team:Tokyo_Tech/template2016}}
 
{{Tokyo_Tech/Footer}}
 
{{Tokyo_Tech/Footer}}

Latest revision as of 05:47, 30 November 2016



    

Our story

In this iGEM competition, iGEM 2016 team Tokyo_Tech planned to tell the public about synthetic biology, Escherichia coli , and bacterial Toxin ‐ Antitoxin system (TA system), as well as enjoyed our activity for iGEM. We participated in the school festival (a poster session), gave classes to high school students, and collected feedback from the public as Human Practices. As a consequence of these activities, we noticed that, through the familiar story in everyone’s childhood, the public more easily gets interested in unfamiliar things such as TA system. Therefore, we decided to employ Snow White as the topic of our project this year.E.coli was used to recreate the Snow White story, and based on the simulation, the Snow White story with the prospective of the real beauty was also evaluated. Moreover, in order to respond further to the feedback that we received, the software was developed which enables selective protein production.

(See the Human Practices page)



Sponsors