Difference between revisions of "Team:NTHU Formosa/Description"

Line 3: Line 3:
  
 
<head>
 
<head>
−
   <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+
   <!-- <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> -->
 
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
−
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
   <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> -->
 +
  <!-- <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS&action=raw&ctype=text/css"> -->
 
   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS&action=raw&ctype=text/css">
 
   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS&action=raw&ctype=text/css">
 
   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/initial&action=raw&ctype=text/css">
 
   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/initial&action=raw&ctype=text/css">
Line 46: Line 47:
 
       font-family: "Josefin Sans", "JosefinSans-Regular", Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
 
       font-family: "Josefin Sans", "JosefinSans-Regular", Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
 
     }
 
     }
 +
 
     .w3-center {
 
     .w3-center {
 
       font-size: 22px;
 
       font-size: 22px;
Line 64: Line 66:
 
       <br> 　People around the world are growing awareness of their health condition. To monitor the health condition, a wide range of biomarkers-- special substances in the bloodstream representing the physiological and pathological states-- has been used
 
       <br> 　People around the world are growing awareness of their health condition. To monitor the health condition, a wide range of biomarkers-- special substances in the bloodstream representing the physiological and pathological states-- has been used
 
       in clinical diagnoses. Blood test is one of the most common ways of detecting biomarkers but it suffers from several inevitable drawbacks such as invasiveness, time-consuming procedure, demand for medical staff service, non-real-time tracking and
 
       in clinical diagnoses. Blood test is one of the most common ways of detecting biomarkers but it suffers from several inevitable drawbacks such as invasiveness, time-consuming procedure, demand for medical staff service, non-real-time tracking and
−
       so on. These disadvantages may discourage people from the periodic medical checkup. Indeed, according to a survey (of 1862 samples) pulled by our team, nearly half of the participants took blood test less than once a five-year frequency,
+
       so on. These disadvantages may discourage people from the periodic medical checkup. Indeed, according to a survey (of 1862 samples) pulled by our team, nearly half of the participants took blood test less than once a five-year frequency, which is
−
      which is impractical for early detection and early treatment of diseases.</p>
+
      impractical for early detection and early treatment of diseases.</p>
−
      <br>
+
    <br>
−
      <br><br><br>
+
    <br>
 +
    <br>
 +
    <br>
 
     <p class="w3-center"><b>Blood test frequency survey</b></p>
 
     <p class="w3-center"><b>Blood test frequency survey</b></p>
−
      <img class="w3-center" src="https://static.igem.org/mediawiki/2018/e/e1/T--NTHU_Formosa--introdction_survey.png" align=center style="width:60%;margin:0px 20px 0px 150px;";>
+
    <img class="w3-center" src="https://static.igem.org/mediawiki/2018/e/e1/T--NTHU_Formosa--introdction_survey.png" align=center style="width:60%;margin:0px 20px 0px 150px;" ;>
  
−
<div class="w3-container w3-padding-24 w3-center">
+
    <div class="w3-container w3-padding-24 w3-center">
−
<div class="w3-content">
+
      <div class="w3-content">
−
    <p class="w3-justify">
+
        <p class="w3-justify">
−
      <br> 　To get rid of limits such as invasiveness and non-real-time tracking, our team proposed <b><i>BioWatcher</i></b>, engineered reporter cells that enable detection and autonomous report of soluble biomarkers in the bloodstream. The sensing parts
+
          <br> 　To get rid of limits such as invasiveness and non-real-time tracking, our team proposed <b><i>BioWatcher</i></b>, engineered reporter cells that enable detection and autonomous report of soluble biomarkers in the bloodstream. The sensing parts
−
      of the reporter cells are powered by nanobodies, the single-domain antibody that can be engineered to detect different biomarkers. Binding of biomarkers on nanobodies triggers our synthetic gene circuits and, in turn, induces autonomous bioluminescence
+
          of the reporter cells are powered by nanobodies, the single-domain antibody that can be engineered to detect different biomarkers. Binding of biomarkers on nanobodies triggers our synthetic gene circuits and, in turn, induces autonomous bioluminescence
−
      system as readout for devices to detect. This kind of autonomous reporting system can have great varieties of applications by installation on wearable devices, watches for example. With the required software,
+
          system as readout for devices to detect. This kind of autonomous reporting system can have great varieties of applications by installation on wearable devices, watches for example. With the required software, the wearable devices could track
−
      the wearable devices could track the level of risk factors by measuring the bioluminescence intensity and record the data as numbers and graphs. It will send an alert to users once the level of the risk factors is too high. Meanwhile, there will
+
          the level of risk factors by measuring the bioluminescence intensity and record the data as numbers and graphs. It will send an alert to users once the level of the risk factors is too high. Meanwhile, there will be suggestions of nearby hospitals
−
      be suggestions of nearby hospitals according to the users’ location. The system will also upload and attribute the data to public health analysis under the users’ consent.</p><br><br>
+
          according to the users’ location. The system will also upload and attribute the data to public health analysis under the users’ consent.</p>
 +
        <br>
 +
        <br>
  
−
    <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/thumb/9/90/T--NTHU_Formosa--project_model.png/450px-T--NTHU_Formosa--project_model.png" style="margin-left:auto;margin-right:auto;width:50%;" ;>
+
        <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/thumb/9/90/T--NTHU_Formosa--project_model.png/450px-T--NTHU_Formosa--project_model.png" style="margin-left:auto;margin-right:auto;width:50%;" ;>
  
−
  </div>
+
      </div>
−
</div>
+
    </div>
  
−
<!-- Trigger/Open The Modal -->
+
    <!-- Trigger/Open The Modal -->
−
<!-- <a id="myLink"><u>Open Modal</u></a> -->
+
    <!-- <a id="myLink"><u>Open Modal</u></a> -->
  
−
<!-- The Modal Box-->
+
    <!-- The Modal Box-->
−
<div id="myModal" class="modal">
+
    <div id="myModal" class="modal">
−
  <!-- Modal content -->
+
      <!-- Modal content -->
−
  <div class="modal-content">
+
      <div class="modal-content">
−
    <span class="close">&times;</span>
+
        <span class="close">&times;</span>
−
    <p>Description text in the box. Image can also be included</p>
+
        <p>Description text in the box. Image can also be included</p>
−
  </div>
+
      </div>
−
</div>
+
    </div>
  
−
<!-- Modal script, DO NOT MODIFY!!! -->
+
    <!-- Modal script, DO NOT MODIFY!!! -->
−
<script>
+
    <script>
−
  // Get the modal
+
      // Get the modal
−
  var modal = document.getElementById('myModal');
+
      var modal = document.getElementById('myModal');
−
  // Get the hyperlink
+
      // Get the hyperlink
−
  var link = document.getElementById("myLink");
+
      var link = document.getElementById("myLink");
−
  // // When the user clicks the hyperlink, open the modal
+
      // // When the user clicks the hyperlink, open the modal
−
  link.onclick = function() {
+
      link.onclick = function() {
−
    modal.style.display = "block";
+
        modal.style.display = "block";
−
  }
+
      }
−
  // Get the <span> element that closes the modal
+
      // Get the <span> element that closes the modal
−
  var span = document.getElementsByClassName("close")[0];
+
      var span = document.getElementsByClassName("close")[0];
−
  // When the user clicks on <span> (x), close the modal
+
      // When the user clicks on <span> (x), close the modal
−
  span.onclick = function() {
+
      span.onclick = function() {
−
    modal.style.display = "none";
+
        modal.style.display = "none";
−
  }
+
      }
  
−
  // When the user clicks anywhere outside of the modal, close it
+
      // When the user clicks anywhere outside of the modal, close it
−
  window.onclick = function(event) {
+
      window.onclick = function(event) {
−
    if (event.target == modal) {
+
        if (event.target == modal) {
−
      modal.style.display = "none";
+
          modal.style.display = "none";
−
    }
+
        }
−
  }
+
      }
−
</script>
+
    </script>
  
 
</html>
 
</html>

Revision as of 20:18, 15 October 2018




Introduction


　People around the world are growing awareness of their health condition. To monitor the health condition, a wide range of biomarkers-- special substances in the bloodstream representing the physiological and pathological states-- has been used in clinical diagnoses. Blood test is one of the most common ways of detecting biomarkers but it suffers from several inevitable drawbacks such as invasiveness, time-consuming procedure, demand for medical staff service, non-real-time tracking and so on. These disadvantages may discourage people from the periodic medical checkup. Indeed, according to a survey (of 1862 samples) pulled by our team, nearly half of the participants took blood test less than once a five-year frequency, which is impractical for early detection and early treatment of diseases.





Blood test frequency survey


　To get rid of limits such as invasiveness and non-real-time tracking, our team proposed BioWatcher, engineered reporter cells that enable detection and autonomous report of soluble biomarkers in the bloodstream. The sensing parts of the reporter cells are powered by nanobodies, the single-domain antibody that can be engineered to detect different biomarkers. Binding of biomarkers on nanobodies triggers our synthetic gene circuits and, in turn, induces autonomous bioluminescence system as readout for devices to detect. This kind of autonomous reporting system can have great varieties of applications by installation on wearable devices, watches for example. With the required software, the wearable devices could track the level of risk factors by measuring the bioluminescence intensity and record the data as numbers and graphs. It will send an alert to users once the level of the risk factors is too high. Meanwhile, there will be suggestions of nearby hospitals according to the users’ location. The system will also upload and attribute the data to public health analysis under the users’ consent.