Difference between revisions of "Team:TokyoTech/HP/Silver"

 
(12 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
<!DOCTYPE html>
 
<!DOCTYPE html>
 
<html>
 
<html>
<head>
 
 
<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">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins">
 
 
<style>
 
<style>
body,h1,h2,h3,h4,h5 {font-family: "Poppins", sans-serif}
+
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>
<head>
 
 
<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:22px">Close Menu</a>
+
   <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/5/57/T--TokyoTech--logo2.png" style="width: 100%">
+
     <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-block" style="padding-top: 15px">
+
 
     <ul id="normal" class="dropmenu">
+
   <div style="padding-top: 15px; padding-left: 25px; id="wrap">
     <li><a href="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Home</a>  
+
 
 +
  <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="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">1</a></li>
+
     <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>
     <a href="#project" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Project</a>  
+
     </li>
     <a href="#modeling" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Modeling</a>  
+
     </ul>
     <a href="#hp" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Human Practices</a>  
+
     </div>
    <a href="#notebook" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Notebook</a>
+
 
    <a href="#team" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Team</a>
+
    <a href="#sponsers" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Sponsers</a>
+
 
   </div>
 
   </div>
 
</nav>
 
</nav>
Line 58: Line 141:
 
<hr>
 
<hr>
  
<p style="font-size: 16px">
+
<p style="font-size: 18px; padding-bottom: 10px">
1) Organizing a symposium about synthetic biology for the pubilc
+
<b>1) Organizing a symposium about synthetic biology for the pubilc</b>
 
</p>
 
</p>
 
  <div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center">
 
      <figure>
 
      <img src="https://static.igem.org/mediawiki/2017/1/15/T--TokyoTech--human_cell_circuit.png" style="max-width:50%">
 
      <figcaption style="font-family: Poppins;font-size: 16px">Fig. 画像タイトル</figcaption>
 
      </figure>
 
      </div>
 
  
 
   <p style="font-size: 16px; text-indent: 1em; padding-left: 2em">
 
   <p style="font-size: 16px; text-indent: 1em; padding-left: 2em">
Line 83: Line 159:
 
   </p>
 
   </p>
  
<br>
+
      <div class="w3-xxxlarge" style="padding-bottom: 5px;text-align: center">
 +
      <figure>
 +
      <img src="https://static.igem.org/mediawiki/2017/e/eb/T--TokyoTech--symposium1.jpg" style="max-width:75%">
 +
      <figcaption style="font-size: 16px">Fig. 1 Panel Discussion by experts</figcaption>
 +
      </figure>
 +
      </div>
  
<hr>
+
      <div class="w3-xxxlarge" style="padding-bottom: 5px;text-align: center">
 
+
<p style="font-size: 16px">
+
2) Giving lectures about biosafety at local high schools
+
</p>
+
 
+
  <div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center">
+
 
       <figure>
 
       <figure>
       <img src="https://static.igem.org/mediawiki/2017/1/15/T--TokyoTech--human_cell_circuit.png" style="max-width:50%">
+
       <img src="https://static.igem.org/mediawiki/2017/7/76/T--TokyoTech--symposium_poster.png" style="max-width:75%">
       <figcaption style="font-family: Poppins;font-size: 16px">Fig. 画像タイトル</figcaption>
+
       <figcaption style="font-size: 16px">Fig. 2 Poster of symposium</figcaption>
 
       </figure>
 
       </figure>
 
       </div>
 
       </div>
 +
 +
<hr>
 +
 +
<p style="font-size: 18px; padding-bottom: 10px">
 +
<b>2) Giving lectures about biosafety at local high schools</b>
 +
</p>
  
 
   <p style="font-size: 16px; text-indent: 2em">
 
   <p style="font-size: 16px; text-indent: 2em">
Line 111: Line 192:
  
 
<br>
 
<br>
 +
 +
<div class="w3-xxxlarge" style="padding-bottom: 10px;text-align: center">
 +
      <figure>
 +
      <img src="https://static.igem.org/mediawiki/2017/4/42/T--TokyoTech--demae.JPG" style="max-width:75%">
 +
      <figcaption style="font-size: 16px">Fig. 3 Group work and presentation by participants (At Kasukabe High School)</figcaption>
 +
      </figure>
 +
      </div>
 +
 +
<div class="w3-xxxlarge" style="padding-top: 10px;text-align: center">
 +
      <figure>
 +
      <img src="https://static.igem.org/mediawiki/2017/1/1c/T--TokyoTech--demae_results_r.png" style="max-width:75%">
 +
      <figcaption style="font-size: 16px">Fig. 4 Results of questionnaire from participants</figcaption>
 +
      </figure>
 +
      </div>
 +
 
<hr>
 
<hr>
  
  
   <p style="font-size: 16px">
+
   <p style="font-size: 18px; padding-bottom: 10px">
   3) Attending Summer School (Theme: Social Epidemiology)
+
   <b>3) Attending Summer School (Theme: Social Epidemiology)</b>
 
   </p>
 
   </p>
  
Line 134: Line 230:
 
   </p>
 
   </p>
  
   <p style="font-size: 16px">
+
   <div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center">
  4) Laws & regulations
+
      <figure>
  </p>
+
      <img src="https://static.igem.org/mediawiki/2017/a/a7/T--TokyoTech--kokusai_kokyo_1.jpg" style="max-width:75%">
 +
      <figcaption style="font-size: 16px">Fig. 5 Lecture about social epidemiology</figcaption>
 +
      </figure>
 +
      </div>
  
   <p style="font-size: 16px; text-indent: 2em">
+
   <div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center">
 +
      <figure>
 +
      <img src="https://static.igem.org/mediawiki/2017/9/9a/T--TokyoTech--kokusai_kokyo_2.png" style="max-width:75%">
 +
      <figcaption style="font-size: 16px">Fig. 6 Logo of Japan Society of Research and Information on Public and Co-operative Economy</figcaption>
 +
      </figure>
 +
      </div>
  
  </p>
 
  
<p style="font-size: 16px">
+
</div>
5) Attending forum
+
</p>
+
 
+
  <p style="font-size: 16px; text-indent: 2em">
+
 
+
  </p>
+
  
 +
<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">Hajime Fujita:  <a href="96haji.me" title="W3.CSS" target="_blank" class="w3-hover-opacity">All Rights Reserved</a></p></div>
+
<!-- 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 165: Line 266:
 
     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 173: Line 275:
 
   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:52, 1 November 2017

<!DOCTYPE html> Coli Sapiens

iGEM Tokyo Tech

Silver: Human Practices


1) Organizing a symposium about synthetic biology for the pubilc

On Oct 1st, we held an open symposium for middle school and high school students. We planned and managed the event and as guests, we invited three experts from microbiology (Prof. Oshima), synthetic biology (Prof. Kiga) and bioethics (Dr. Nudeshima).

The main content of the symposium was a panel discussion by the guests (plus our PI, Dr. Tagawa) and the theme was "What is life? What is a living organism?" As the audiences expected, the panelists held heated debates. We felt we were watching cutting edge discussion on synthetic biology and they gave us new perspectives.

In total, about ten middle school and high school students participated in this event and also, undergraduate students from iGEM Team KAIT JAPAN also joined it.

In the Q&A session, from the public to students with life science major, the audiences from various backgrounds asked questions and the panelists were eager to answer them.

Fig. 1 Panel Discussion by experts
Fig. 2 Poster of symposium

2) Giving lectures about biosafety at local high schools

On September 2nd, we visited two high schools in Saitama Prefecture. We gave lectures and organized groupwork activities at both schools.

At the lecture, we explained about gene modification and synthetic biology. As for gene modification, we took specific examples in a real society. We emphasized that it's necessary to distinguish the merits and demerits and take an advantage of the former.

After the lecture, the students moved on to groupwork activity. In this activity, we assigned a famous animation character to each group and asked the students to think and discuss how to make the character, introducing gene modification into a real animal. It was a great opportunity for them to enter the world of synthetic biology.


Fig. 3 Group work and presentation by participants (At Kasukabe High School)
Fig. 4 Results of questionnaire from participants

3) Attending Summer School (Theme: Social Epidemiology)

On September 9th and 10th, some team members attended 5th Summer School of Japan Society of Research and Information on Public and Co-operative Economy. (The venue was Ritsumeikan University in Kyoto.)

The theme was social epidemiology which is a branch of epidemiology. This academic field focuses particularly on the effects of social-structural factors on states of health. Most team members major life science and when it comes to disease analysis and therapeutics, life science mainly focuses on micro materials like gene, metabolite, cell and etc. In contrast to the microscopic and innate viewpoint of life science, social epidemiology focuses on more macroscopic and acquired side of disease. This difference was interesting for us.

We received a lecture from Dr. Ando in Osaka University. Her recent research interest is disease analysis with work-related psychosocial factors. It was really meaningful for us to get in touch with her passion to find social prescriptions to improve the adverse effects of precarious employment.

Currently, the inter-disciplinary research between genetics and epidemiology is not quite advanced enough yet, we think. However, in the near future, when we analyze possible causes of disease, it'll be important to integrate both of the viewpoints.

Fig. 5 Lecture about social epidemiology
Fig. 6 Logo of Japan Society of Research and Information on Public and Co-operative Economy