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

 
(47 intermediate revisions by 7 users not shown)
Line 3: Line 3:
  
 
<head>
 
<head>
−
   <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" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/Lato&action=raw&ctype=text/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/CSS2&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">
−
   <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Josefin+Sans" />
+
   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/wordcss0&action=raw&ctype=text/css">
 +
  <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/wordcss&action=raw&ctype=text/css">
 
   <style>
 
   <style>
 
     /* unvisited link */
 
     /* unvisited link */
  
 
     a {
 
     a {
−
       color: white;
+
       color: #0645AD;
 
     }
 
     }
  
Line 19: Line 21:
  
 
     a:visited {
 
     a:visited {
−
       color: white;
+
       color: green;
 
     }
 
     }
  
Line 28: Line 30:
 
       cursor: pointer;
 
       cursor: pointer;
 
     }
 
     }
 +
 +
  
 
     /* selected link */
 
     /* selected link */
  
 
     a:active {
 
     a:active {
−
       color: white;
+
       color: blue;
−
    }
+
−
 
+
−
 
+
−
    .w3-wide {
+
−
      font-weight: 900;
+
−
      font-size: 350%;
+
−
      font-family: "Josefin Sans", "JosefinSans-Bold", NotoSansCJKtc-Regular, 'Noto Sans', "微軟雅黑", "Microsoft YaHei", Helvetica, sans-serif;
+
−
    }
+
−
 
+
−
    .w3-justify {
+
−
      font-size: 22px;
+
−
      font-family: "Josefin Sans", "JosefinSans-Regular", Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
+
−
    }
+
−
    .w3-center {
+
−
      font-size: 22px;
+
−
      font-family: "Josefin Sans", "JosefinSans-Regular", Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
+
 
     }
 
     }
 
   </style>
 
   </style>
Line 54: Line 42:
  
 
<!-- Main Section -->
 
<!-- Main Section -->
−
<br>
+
<div class="w3-container w3-padding-24 w3-center">
−
<br>
+
−
<br>
+
−
<div class="w3-container w3-padding-64 w3-center">
+
 
   <div class="w3-content">
 
   <div class="w3-content">
 +
    <br>
 +
    <br>
 +
    <br>
 +
    <h2 class="w3-center" style="font-size:60px; font-family:Quicksand;"><b>BioWatcher</b></h2>
 +
    <p class="w3-center" style="font-size:37px; font-family:Quicksand;">
 +
      <b>Watch your health</b></p>
 +
    <br>
  
−
    <h2 class="w3-wide">Introduction</h2>
 
−
    <p class="w3-justify">
 
−
      <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
 
−
      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.</p>
 
−
      <br>
 
−
      <br><br><br>
 
−
    <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;";> 
 
  
−
<div class="w3-container w3-padding-24 w3-center">
+
 
−
<div class="w3-content">
+
 
 +
    <br>
 +
    <br>
 +
    <video width="800" height="500" src="https://static.igem.org/mediawiki/2018/1/12/T--NTHU_Formosa--Demo_Vedio_.mp4" controls></video>
 +
    <br>
 +
    <br>
 
     <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
 
−
      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.</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%;" ;>
+
      <br> 　People around the world are growing awareness of their health condition. To monitor the health condition, a wide range of <a href="https://2018.igem.org/Team:NTHU_Formosa/Biomarker"><b>biomarkers</b></a>, which are special substances in the bloodstream representing the physiological and pathological states, has been used in
 +
      clinical diagnosis. 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.</p>
 +
    <br>
 +
    <br>
 +
    <br>
 +
    <br>
 +
    <h2 class="w3-justify" style="font-size:20px; padding-left: 340px"><b>Blood test frequency survey</b></h2>
  
−
  </div>
+
    <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/3/3c/T--NTHU_Formosa--newbar.png" style="margin-left:auto;margin-right:auto;width:65%;" ;>
−
</div>
+
  
−
<!-- Trigger/Open The Modal -->
 
−
<!-- <a id="myLink"><u>Open Modal</u></a> -->
 
  
−
<!-- The Modal Box-->
+
    <div class="w3-container w3-padding-24 w3-center">
−
<div id="myModal" class="modal">
+
      <div class="w3-content">
−
  <!-- Modal content -->
+
        <p class="w3-justify">
−
  <div class="modal-content">
+
          <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 <a href="https://2018.igem.org/Team:NTHU_Formosa/Biomarker"><b>biomarkers</b> </a>          in the bloodstream. The sensing parts of the reporter cells are powered by <a href="https://2018.igem.org/Team:NTHU_Formosa/Nanobody"> <b>nanobodies</b> </a>, the single-domain antibody that can be engineered to detect different biomarkers. Binding
−
    <span class="close">&times;</span>
+
          of biomarkers on nanobodies triggers our synthetic gene circuits and, in turn, induces autonomous <a href="https://2018.igem.org/Team:NTHU_Formosa/Bioluminescence"><b>bioluminescence </b></a> system as the readout for devices to detect. This
−
    <p>Description text in the box. Image can also be included</p>
+
          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
−
  </div>
+
          radiance 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 for nearby hospitals according to the users’ location. The system will also
−
</div>
+
          upload and attribute the data to public health analysis under the users’ consent. With BioWatcher, we hope to watch everyone's health daily and prevent death caused by late treatment. Moreover, this system will be even more useful and required
 +
          for patients with fear of cancer recurrence even though BioWatcher is not limited to detecting cancers. We believe BioWatcher has the potential to be a revolutionary diagnostic approach! </p>
 +
        <br>
 +
        <br>
  
−
<!-- Modal script, DO NOT MODIFY!!! -->
+
        <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%;" ;>
−
<script>
+
−
  // Get the modal
+
−
  var modal = document.getElementById('myModal');
+
−
  // Get the hyperlink
+
−
  var link = document.getElementById("myLink");
+
−
  // // When the user clicks the hyperlink, open the modal
+
−
  link.onclick = function() {
+
−
    modal.style.display = "block";
+
−
  }
+
−
  // Get the <span> element that closes the modal
+
−
  var span = document.getElementsByClassName("close")[0];
+
−
  // When the user clicks on <span> (x), close the modal
+
−
  span.onclick = function() {
+
−
    modal.style.display = "none";
+
−
  }
+
  
−
  // When the user clicks anywhere outside of the modal, close it
+
      </div>
−
  window.onclick = function(event) {
+
    </div>
−
    if (event.target == modal) {
+
 
−
      modal.style.display = "none";
+
    <!-- Trigger/Open The Modal -->
−
    }
+
    <!-- <a id="myLink"><u>Open Modal</u></a> -->
−
  }
+
 
−
</script>
+
    <!-- The Modal Box-->
 +
    <div id="myModal" class="modal">
 +
      <!-- Modal content -->
 +
      <div class="modal-content">
 +
        <span class="close">&times;</span>
 +
        <p>Description text in the box. Image can also be included</p>
 +
      </div>
 +
    </div>
 +
 
 +
    <!-- Modal script, DO NOT MODIFY!!! -->
 +
    <script>
 +
      // Get the modal
 +
      var modal = document.getElementById('myModal');
 +
      // Get the hyperlink
 +
      var link = document.getElementById("myLink");
 +
      // // When the user clicks the hyperlink, open the modal
 +
      link.onclick = function() {
 +
        modal.style.display = "block";
 +
      }
 +
      // Get the <span> element that closes the modal
 +
      var span = document.getElementsByClassName("close")[0];
 +
      // When the user clicks on <span> (x), close the modal
 +
      span.onclick = function() {
 +
        modal.style.display = "none";
 +
      }
 +
 
 +
      // When the user clicks anywhere outside of the modal, close it
 +
      window.onclick = function(event) {
 +
        if (event.target == modal) {
 +
          modal.style.display = "none";
 +
        }
 +
      }
 +
    </script>
  
 
</html>
 
</html>

Latest revision as of 19:47, 17 October 2018




BioWatcher

Watch your health







　People around the world are growing awareness of their health condition. To monitor the health condition, a wide range of biomarkers, which are special substances in the bloodstream representing the physiological and pathological states, has been used in clinical diagnosis. 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 the 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 radiance 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 for nearby hospitals according to the users’ location. The system will also upload and attribute the data to public health analysis under the users’ consent. With BioWatcher, we hope to watch everyone's health daily and prevent death caused by late treatment. Moreover, this system will be even more useful and required for patients with fear of cancer recurrence even though BioWatcher is not limited to detecting cancers. We believe BioWatcher has the potential to be a revolutionary diagnostic approach!