(18 intermediate revisions by 3 users not shown) | |||
Line 3: | Line 3: | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html> | <html> | ||
− | |||
<title>Coli Sapiens</title> | <title>Coli Sapiens</title> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<link rel="stylesheet" href="main.css"> | <link rel="stylesheet" href="main.css"> | ||
− | |||
<style> | <style> | ||
− | body,h1,h2,h3,h4,h5 {font-family: " | + | body,h1,h2,h3,h4,h5 {font-family: "Arial", sans-serif} |
body {font-size:16px;} | body {font-size:16px;} | ||
.w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer} | .w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer} | ||
.w3-half img:hover{opacity:1} | .w3-half img:hover{opacity:1} | ||
</style> | </style> | ||
− | |||
<body> | <body> | ||
+ | |||
+ | <div id="loader-bg"> | ||
+ | <div id="loader"> | ||
+ | <div class="photo-show"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/f/f4/T--TokyoTech--load_1.png" width="600"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/4/43/T--TokyoTech--load_2.png" width="600"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
<!-- Sidebar/menu --> | <!-- Sidebar/menu --> | ||
<nav class="w3-sidebar w3-red w3-collapse w3-top w3-large w3-padding" style="z-index:3;width:300px;font-weight:bold;" id="mySidebar"><br> | <nav class="w3-sidebar w3-red w3-collapse w3-top w3-large w3-padding" style="z-index:3;width:300px;font-weight:bold;" id="mySidebar"><br> | ||
− | <a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide-large w3-display-topleft" style="width:100%;font-size: | + | <a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide-large w3-display-topleft" style="width:100%;font-size:20px">Close Menu</a> |
− | <div class="w3-container"> | + | <div class="w3-container" style="margin-top: 20px;margin-bottom: 25px" id="wrap"> |
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/a/a8/T--TokyoTech--logo_white_bright_10211603.png" style="width: 100%"> |
</div> | </div> | ||
− | <div class="w3-bar- | + | |
− | <ul id=" | + | <div style="padding-top: 15px; padding-left: 25px; id="wrap"> |
− | <li><a href=" | + | |
+ | <div id="contents" style="z-index: 10"> | ||
+ | |||
+ | <ul class="click_menu_checkbox vertm_down"> | ||
+ | <li style="margin-bottom: 10px; border: 5px double #fff; border-radius: 10px;"> | ||
+ | <input type="checkbox" id="vmcb-a" /> | ||
+ | <label for="vmcb-a"><a href="https://2017.igem.org/Team:TokyoTech">Home</a></label> | ||
+ | </li> | ||
+ | <li style="margin-bottom: 10px; border: 5px double #fff; border-radius: 10px"> | ||
+ | <input type="checkbox" id="vmcb-b" /> | ||
+ | <label for="vmcb-b"><a href="https://2017.igem.org/Team:TokyoTech/Medal">Achievements</a></label> | ||
+ | </li> | ||
+ | <li style="margin-bottom: 10px; border: 5px double #fff; border-radius: 10px"> | ||
+ | <input type="checkbox" id="vmcb-c" /> | ||
+ | <label for="vmcb-c"><a>Project</a></label> | ||
+ | <ul> | ||
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Description" class="w3-bar-item w3-button w3-hover-white">Description</a></li> | ||
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Project/Basic_Parts" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Basic Parts</a></li> | ||
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Project/Composite_Parts" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Composite Parts</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li style="margin-bottom: 10px; border: 5px double #fff; border-radius: 10px"> | ||
+ | <input type="checkbox" id="vmcb-d" /> | ||
+ | <label for="vmcb-d"><a>Experiment</a></label> | ||
+ | <ul> | ||
+ | |||
+ | <li> | ||
+ | <input type="checkbox" id="vmcb-d1" /> | ||
+ | <label for="vmcb-d1"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/Overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white" style="text-align: center;">Overview</a></label> | ||
+ | </li> | ||
+ | |||
+ | <li style="padding-bottom: 10px; padding-top: 5px"> | ||
+ | <input type="checkbox" id="vmcb-d2" /> | ||
+ | <label for="vmcb-d2"><a style="text-align: center;">Bacteria to <br>Human Cells ▼</a></label> | ||
+ | <ul> | ||
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/TraI_Assay" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">TraI Assay</a></li> | ||
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/TraI_Improvement" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">TraI Improvement <br>Assay</a></li> | ||
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/TraR_Reporter_Assay" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white" >TraR Reporter <br>Assay</a></li> | ||
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/Transcriptome_Analysis" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Transcriptome <br>Analysis</a></li> | ||
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/Chimeric_Transcription_Factor" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Chimeric <br> Transcription <br> Factor Assay</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li style="padding-bottom: 3px"> | ||
+ | <input type="checkbox" id="vmcb-d3" /> | ||
+ | <label for="vmcb-d3"><a style="text-align: center;">Human Cells to <br>Bacteria ▼</a></label> | ||
+ | <ul> | ||
+ | <li><a href="https://2017.igem.org/Team:TokyoTech/Experiment/AHK4_Assay" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">AHK4 Assay</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <input type="checkbox" id="vmcb-d4" /> | ||
+ | <label for="vmcb-d4"><a href="https://2017.igem.org/Team:TokyoTech/InterLab" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white" style="text-align: center;">InterLab</a></label> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li style="margin-bottom: 10px; text-align: center; border: 5px double #fff; border-radius: 10px"> | ||
+ | <input type="checkbox" id="vmcb-e" /> | ||
+ | <label for="vmcb-e"><a href="https://2017.igem.org/Team:TokyoTech/Model">Modelling</a></label> | ||
+ | </li> | ||
+ | |||
+ | <li style="margin-bottom: 10px; text-align: center; border: 5px double #fff; border-radius: 10px"> | ||
+ | <input type="checkbox" id="vmcb-f" /> | ||
+ | <label for="vmcb-f"><a>Human Practices</a></label> | ||
<ul> | <ul> | ||
− | <li><a href=" | + | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/HP" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Overview</a></li> |
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/HP/Silver" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Silver</a></li> | ||
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/HP/Gold_Integrated" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Gold (Integrated)</a></li> | ||
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Demonstrate" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Demonstrate</a></li> | ||
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Collaborations" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Collaborations</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
+ | |||
+ | <li style="margin-bottom: 10px; text-align: center; border: 5px double #fff; border-radius: 10px"> | ||
+ | <input type="checkbox" id="vmcb-g" /> | ||
+ | <label for="vmcb-g"><a>About us</a></label> | ||
+ | <ul> | ||
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Team" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Team</a></li> | ||
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Attributions" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Attributions</a></li> | ||
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Sponsors" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Sponsors</a></li> | ||
</ul> | </ul> | ||
− | + | </li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</nav> | </nav> | ||
+ | |||
<!-- Top menu on small screens --> | <!-- Top menu on small screens --> | ||
Line 53: | Line 137: | ||
<div class="w3-container" id="contact" style="margin-top:30px"> | <div class="w3-container" id="contact" style="margin-top:30px"> | ||
− | + | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px" align="center">Gold: Integrated Human Practices</h1> | |
− | + | </div> | |
<hr> | <hr> | ||
Line 60: | Line 144: | ||
<div class="w3-container" id="overview" style="margin-top:20px"> | <div class="w3-container" id="overview" style="margin-top:20px"> | ||
<h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Overview</b></h1> | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Overview</b></h1> | ||
− | <hr style="width:50px;border:5px solid red" class="w3-round"> | + | <hr style="width:50px;border:5px solid red;text-indent: 1em" class="w3-round"> |
− | <p style="font- | + | <p style="font-size: 16px; text-indent: 1em">By integrating with our Human Practices and the results from our wet lab experiments and modeling, iGEM2017 Team TokyoTech have executed our project with improved design in accordance with comments from general public, and have strengthened the public engagement of a two-way dialogue between our team and the public through this summer. (See here to know how we integrated our project) |
</p> | </p> | ||
</div> | </div> | ||
Line 68: | Line 152: | ||
<div class="w3-container" id="results" style="margin-top:20px"> | <div class="w3-container" id="results" style="margin-top:20px"> | ||
− | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>How we | + | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>How did we integrate them?</b></h1> |
<hr style="width:50px;border:5px solid red" class="w3-round"> | <hr style="width:50px;border:5px solid red" class="w3-round"> | ||
− | + | <div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center"> | |
− | + | <figure> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/8/82/T--TokyoTech--interaction1.png" style="max-width:70%"> | |
− | + | <figcaption style="font-size: 16px">Fig. 1 Roadmap of integrated human practices</figcaption> | |
− | + | </figure> | |
− | + | </div> | |
− | <p style="font- | + | <img class="n1" src="https://static.igem.org/mediawiki/2017/9/9a/T--TokyoTech--n1.png" style="width: 60px"> |
+ | <p style="font-size: 16px; text-indent: 1em">At an early stage of our project design, we decided to establish co-culture system between bacteria and human cells regardless of the practical application. For 10 years, our team has used <i>E. coli</i> for the project. However, we had to use something new to adopt a paradigm shift in iGEM community. Thus, we added human cells to explore the interaction between them in our body. Also, as described in the Project-Description page, biological activities of a human are maintained by both human and bacterial cells. In this context, the artificial co-culture systems in vitro must be paid more attention, but such systems have hardly developed so far in synthetic biology. Now, it is the time to change mind from single to multi species culture! Otherwise, we may misunderstand biological activities!! | ||
</p> | </p> | ||
<br> | <br> | ||
− | <p style="font- | + | <img class="n1" src="https://static.igem.org/mediawiki/2017/d/d2/T--TokyoTech--n2.png" style="width: 60px"> |
+ | <p style="font-size: 16px; text-indent: 1em"> In May Festival held in University of Tokyo, we introduced our project to the general public in the poster session. The audiences gave us a lot of advice and valuable comments that later led us and our project to move forward. One of them advised us that we should apply the project for the field of therapeutics. That advice opened up a door for the application of our project which had hovered up a level of fundamental research. | ||
</p> | </p> | ||
<br> | <br> | ||
− | <p style="font- | + | <img class="n1" src="https://static.igem.org/mediawiki/2017/c/c0/T--TokyoTech--n3.png" style="width: 60px"> |
+ | <p style="font-size: 16px; text-indent: 1em"> We had planned to use Caco2 cells derived from intestine, but our PI advised us that EA.hy926 cells derived from vessels are better for the therapeutic application. For example, there is an idea in which bacteria are utilized as conveyers of therapeutic agents. To this end, bacteria should be delivered to the diseased part like cancer tissue through blood vessel. Therefore, we considered that sustainable and safe settlement of bacterial cell to endothelial cells is important. We accepted that advice and started to culture the EA.hy926 cells and transduced the artificial gene circuits. | ||
</p> | </p> | ||
<br> | <br> | ||
− | <p style="font- | + | <img class="n1" src="https://static.igem.org/mediawiki/2017/8/83/T--TokyoTech--n4.png" style="width: 60px"> |
+ | <p style="font-size: 16px; text-indent: 1em">Our PI gave us a chance to discuss the direction of our project with the experts from molecular biology in Keio University. At that time, our project had a problem of what we call "Cross-talk." In this case, cross-talk means that the signaling molecules from the transduced human cells are unexpectedly accepted by other native human cells; the signaling should take place only between the transduced human cells and bacterial cells. Some of the experts suggested to us that we should use a plant hormone to prevent it, because such plant hormones are expected to be accepted hardly by native human cells. | ||
</p> | </p> | ||
<br> | <br> | ||
− | <p style="font- | + | <img class="n1" src="https://static.igem.org/mediawiki/2017/2/20/T--TokyoTech--n5.png" style="width: 60px"> |
+ | <p style="font-size: 16px; text-indent: 1em"> Based on the advice from the experts, we decided to use iP(Isopentenyl adenine) as the alternative signaling molecule from human cells to <i>E. coli</i>. | ||
</p> | </p> | ||
</div> | </div> | ||
Line 94: | Line 183: | ||
<hr> | <hr> | ||
+ | <div class="w3-container" id="results" style="margin-top:20px"> | ||
+ | <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Interaction between HP and Experiment</b></h1> | ||
+ | <hr style="width:50px;border:5px solid red" class="w3-round"> | ||
+ | <div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center"> | ||
+ | <figure> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/f/f8/T--TokyoTech--interaction_complete.png" style="max-width:95%"> | ||
+ | <figcaption style="font-size: 16px">Fig. 2 Roadmap: How we integrated Human Practices and our experiment</figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | <p style="font-size: 16px; text-indent: 1em"> | ||
+ | From our full year experience in iGEM, we realized the necessity of verifying from a different point of view. In other words, we realized that we researchers ourselves must also continuously reflect on the risks and costs and benefits of the researches. In the workshop that we attended as our initial activity in iGEM, we learned from social scientists, the danger of grounding on the deficit model, which fixes on the idea that the general public is ignorant, and the importance of the two-way dialogue between society and researchers. | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="w3-container" id="contact" style="margin-top:20px"> | ||
+ | <p id="pageTop" style="text-align:right"><a href="#wrap"><img src="https://static.igem.org/mediawiki/2017/0/0d/T--TokyoTech--page_top_2.png" style="width:200px"></a></p> | ||
</div> | </div> | ||
− | <div class="w3-light-grey w3-container w3-padding-32" style="margin-top:75px;padding-right:58px"><p class="w3-right"> | + | <!-- W3.CSS Container --> |
+ | <div class="w3-light-grey w3-container w3-padding-32" style="margin-top:75px;padding-right:58px"><p class="w3-right"><a href="http://96haji.me/" title="W3.CSS" target="_blank" class="w3-hover-opacity">Hajime Fujita with W3.CSS: All Rights Reserved</a></p></div> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | ||
<script> | <script> | ||
// Script to open and close sidebar | // Script to open and close sidebar | ||
Line 111: | Line 219: | ||
document.getElementById("myOverlay").style.display = "none"; | document.getElementById("myOverlay").style.display = "none"; | ||
} | } | ||
− | + | </script> | |
+ | <script> | ||
// Modal Image Gallery | // Modal Image Gallery | ||
function onClick(element) { | function onClick(element) { | ||
Line 119: | Line 228: | ||
captionText.innerHTML = element.alt; | captionText.innerHTML = element.alt; | ||
} | } | ||
+ | $(function() { | ||
+ | var h = $(window).height(); | ||
+ | |||
+ | $('#wrap').css('display','none'); | ||
+ | $('#loader-bg ,#loader').height(h).css('display','block'); | ||
+ | }); | ||
+ | |||
+ | $(window).load(function () { //全ての読み込みが完了したら実行 | ||
+ | $('#loader-bg').delay(900).fadeOut(800); | ||
+ | $('#loader').delay(600).fadeOut(300); | ||
+ | $('#wrap').css('display', 'block'); | ||
+ | }); | ||
</script> | </script> | ||
+ | <script> | ||
+ | //■page topボタン | ||
+ | $(function(){ | ||
+ | var topBtn=$('#pageTop'); | ||
+ | topBtn.hide(); | ||
+ | |||
+ | //◇ボタンの表示設定 | ||
+ | $(window).scroll(function(){ | ||
+ | if($(this).scrollTop()>80){ | ||
+ | //---- 画面を80pxスクロールしたら、ボタンを表示する | ||
+ | topBtn.fadeIn(); | ||
+ | }else{ | ||
+ | //---- 画面が80pxより上なら、ボタンを表示しない | ||
+ | topBtn.fadeOut(); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | // ◇ボタンをクリックしたら、スクロールして上に戻る | ||
+ | topBtn.click(function(){ | ||
+ | $('body,html').animate({ | ||
+ | scrollTop: 0},500); | ||
+ | return false; | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 22:55, 1 November 2017
<!DOCTYPE html>
Gold: Integrated Human Practices
Overview
By integrating with our Human Practices and the results from our wet lab experiments and modeling, iGEM2017 Team TokyoTech have executed our project with improved design in accordance with comments from general public, and have strengthened the public engagement of a two-way dialogue between our team and the public through this summer. (See here to know how we integrated our project)
How did we integrate them?
At an early stage of our project design, we decided to establish co-culture system between bacteria and human cells regardless of the practical application. For 10 years, our team has used E. coli for the project. However, we had to use something new to adopt a paradigm shift in iGEM community. Thus, we added human cells to explore the interaction between them in our body. Also, as described in the Project-Description page, biological activities of a human are maintained by both human and bacterial cells. In this context, the artificial co-culture systems in vitro must be paid more attention, but such systems have hardly developed so far in synthetic biology. Now, it is the time to change mind from single to multi species culture! Otherwise, we may misunderstand biological activities!!
In May Festival held in University of Tokyo, we introduced our project to the general public in the poster session. The audiences gave us a lot of advice and valuable comments that later led us and our project to move forward. One of them advised us that we should apply the project for the field of therapeutics. That advice opened up a door for the application of our project which had hovered up a level of fundamental research.
We had planned to use Caco2 cells derived from intestine, but our PI advised us that EA.hy926 cells derived from vessels are better for the therapeutic application. For example, there is an idea in which bacteria are utilized as conveyers of therapeutic agents. To this end, bacteria should be delivered to the diseased part like cancer tissue through blood vessel. Therefore, we considered that sustainable and safe settlement of bacterial cell to endothelial cells is important. We accepted that advice and started to culture the EA.hy926 cells and transduced the artificial gene circuits.
Our PI gave us a chance to discuss the direction of our project with the experts from molecular biology in Keio University. At that time, our project had a problem of what we call "Cross-talk." In this case, cross-talk means that the signaling molecules from the transduced human cells are unexpectedly accepted by other native human cells; the signaling should take place only between the transduced human cells and bacterial cells. Some of the experts suggested to us that we should use a plant hormone to prevent it, because such plant hormones are expected to be accepted hardly by native human cells.
Based on the advice from the experts, we decided to use iP(Isopentenyl adenine) as the alternative signaling molecule from human cells to E. coli.
Interaction between HP and Experiment
From our full year experience in iGEM, we realized the necessity of verifying from a different point of view. In other words, we realized that we researchers ourselves must also continuously reflect on the risks and costs and benefits of the researches. In the workshop that we attended as our initial activity in iGEM, we learned from social scientists, the danger of grounding on the deficit model, which fixes on the idea that the general public is ignorant, and the importance of the two-way dialogue between society and researchers.