Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <ul class="drop-down-menu"> | ||
+ | <li><a href="#">HOME</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Project</a> | ||
+ | </li> | ||
+ | <li><a href="#">Experiment</a> | ||
+ | </li> | ||
+ | <li><a href="#">Human Pratice</a> | ||
+ | </li> | ||
+ | <li><a href="#">Team</a> | ||
+ | </li> | ||
+ | <li><a href="#">Modeling</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Project</a> | ||
+ | </li> | ||
+ | <li><a href="#">Experiment</a> | ||
+ | </li> | ||
+ | <li><a href="#">Human Pratice</a> | ||
+ | </li> | ||
+ | <li><a href="#">Team</a> | ||
+ | </li> | ||
+ | <li><a href="#">Modeling</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | <head> | ||
+ | <style type="text/css"> | ||
+ | ul { /* 取消ul預設的內縮及樣式 */ | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | ul.drop-down-menu { | ||
+ | border: #ccc 1px solid; | ||
+ | display: inline-block; | ||
+ | font-family: 'Open Sans', Arial, sans-serif; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | ul.drop-down-menu li { | ||
+ | position: relative; | ||
+ | white-space: nowrap; | ||
+ | border-right: #ccc 1px solid; | ||
+ | } | ||
+ | |||
+ | ul.drop-down-menu > li:last-child { | ||
+ | border-right: none; | ||
+ | } | ||
+ | |||
+ | ul.drop-down-menu > li { | ||
+ | float: left; /* 只有第一層是靠左對齊*/ | ||
+ | } | ||
+ | |||
+ | ul.drop-down-menu a { | ||
+ | background-color: #fff; | ||
+ | color: #333; | ||
+ | display: block; | ||
+ | padding: 0 30px; | ||
+ | text-decoration: none; | ||
+ | line-height: 40px; | ||
+ | |||
+ | } | ||
+ | ul.drop-down-menu a:hover { /* 滑鼠滑入按鈕變色*/ | ||
+ | background-color: #ef5c28; | ||
+ | color: #fff; | ||
+ | } | ||
+ | ul.drop-down-menu li:hover > a { /* 滑鼠移入次選單上層按鈕保持變色*/ | ||
+ | background-color: #ef5c28; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ul.drop-down-menu ul { | ||
+ | border: #ccc 1px solid; | ||
+ | position: absolute; | ||
+ | z-index: 99; | ||
+ | left: -1px; | ||
+ | top: 100%; | ||
+ | min-width: 180px; | ||
+ | } | ||
+ | |||
+ | ul.drop-down-menu ul li { | ||
+ | border-bottom: #ccc 1px solid; | ||
+ | } | ||
+ | |||
+ | ul.drop-down-menu ul li:last-child { | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | ul.drop-down-menu ul ul { /*第三層以後的選單出現位置與第二層不同*/ | ||
+ | z-index: 999; | ||
+ | top: 10px; | ||
+ | left: 90%; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ul.drop-down-menu ul { /*隱藏次選單*/ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | ul.drop-down-menu li:hover > ul { /* 滑鼠滑入展開次選單*/ | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | |||
+ | |||
Revision as of 20:15, 2 September 2018
Welcome to NTHU_Formosa!
Autonomous cell reporter system for non-invasive real-time blood diagnosis
People around the world are growing awareness to 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 diagnoses1. Blood test is one of the most common way for 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 (Fig. 1), which is impractical for early detection and early treatment of diseases. In terms of non-invasive real-time health monitoring, great varieties of wearable devices and smartwatches, working as personal daily fitness trackers, have been developed. The global market of wearable medical devices is estimated to reach $35 billion USD soon. However, most of the current devices are only capable of measuring heart rate, steps taken, calories, quality of sleep and a few other personal metrics. These limited diagnosis information provided by current devices cannot precisely represent the physiological states relating to many diseases. To address this long-standing worldwide issue, we aim to develop a new tool, a non-invasive or minimally-invasive real-time tracking system for the level of specific biomarkers in bloodstream.
To achieve the goal, our team proposed Biowatcher, comprising of a bioluminescence-detecting watch (Biowatch) and most importantly engineered reporter cells that enable detection and autonomous report of the level of almost all kinds of biomarkers in bloodstream. The sensing parts of the reporter cells are powered by nanobodies, the single-domain antibody that can be engineered to detect different biomarkers2. Binding of biomarkers on nanobodies triggers our synthetic gene circuits and in turn induces autonomous bioluminescent system3 as a readout for wearable devices to detect. Our real-time bioluminescence-detecting watch, Biowatch, will track the level of risk factors by measuring the bioluminescence intensity and record the data as numbers and graphs. It will send 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. (Fig. 2)