Difference between revisions of "Team:DLUT China B/Applied Design"

(增加背景滤镜。)
m
Line 1: Line 1:
 +
<!DOCTYPE html>
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
     <title>Applied Design</title>
+
     <title>Hardware</title>
 +
    <!--<link rel="stylesheet" href="css/style.css">-->
 +
    <!--<link rel="stylesheet" href="css/nav.css">-->
 +
    <!--<link rel="stylesheet" href="css/bubbles.css">-->
 +
    <!--<link rel="stylesheet" href="css/slideshow.css">-->
 +
    <!--<link rel="stylesheet" href="css/fontawesome.css">-->
 +
    <!--<link rel="stylesheet" href="css/contents.css">-->
 +
    <!--<link rel="stylesheet" href="css/parts.css">-->
 
     <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/style.css&action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/style.css&action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/nav.css&action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/nav.css&action=raw&ctype=text/css">
 +
    <!--<link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/bubbles.css&action=raw&ctype=text/css">-->
 +
    <!--<link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/slideshow.css&action=raw&ctype=text/css">-->
 
     <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/fontawesome.css&action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/fontawesome.css&action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/contents.css&action=raw&ctype=text/css">
 +
    <!--<link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/parts.css&action=raw&ctype=text/css">-->
 +
 +
    <script src="js/jquery.js"></script>
 +
    <!--<script src="js/slideshow.js"></script>-->
 +
    <!--<script src="js/bubbles.js"></script>-->
 +
    <!--<script src="js/typed.js"></script>-->
 +
    <!--<script src="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/js/slideshow.js&action=raw&ctype=text/javascript"></script>-->
 +
    <!--<script src="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/js/bubbles.js&action=raw&ctype=text/javascript"></script>-->
 +
    <!--<script src="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/js/typed.js&action=raw&ctype=text/javascript"></script>-->
 
</head>
 
</head>
 
<body>
 
<body>
Line 16: Line 36:
 
     </div>
 
     </div>
  
−
     <div id="article">
+
     <div id="mainBody">
−
         <div class="mainText">
+
         <div id="contents"></div>
−
             <p>There is nothing here at the moment.</p>
+
        <div id="article">
 +
            <div>
 +
                <h2 class="title">Overlook</h2>
 +
                <div class="mainText">
 +
                    <p>Dr. Familict, the visualized liquid-crystal-based urine protein detector, is a 20cmx20cmx10cm brick-sized box. It consists mainly a slide holder slot, a wash buffer chamber, a waste collector, a liquid-crystal cell, polarizer and analyzer. Up on using, just plug in a antigen-coated glass slide to the slot, a drop of antibody solution is loaded automatically when the slide is placed properly. The user then only needs to add a drop of urine to the test zone, and press the bottom to start timing. The following operations will be done automatically. After the reaction is completed, the slide is rinsed for 30 s. Then it is drove slightly to the detection area. Upon slide positioning, liquid-crystal is loaded and the bottom light is switched on upon slide positioning. After the polarized light passes, visible color changes are produced. Users can take a picture and upload the result to the Mobile APP and get medication advice.</p>
 +
                    <table class="img">
 +
                        <tr>
 +
                            <td><img src="https://static.igem.org/mediawiki/2018/4/42/T--DLUT_China_B--Hardware1.png" alt="">
 +
                            </td>
 +
                        </tr>
 +
                    </table>
 +
                </div>
 +
             </div>
 +
 
 +
            <div>
 +
                <h2 class="title">Liquid-crystal cell</h2>
 +
                <div class="mainText">
 +
                    <p>The liquid crystal cell is the most important part of the test box. When the upper slider slides to the observation area, it is assembled with the upper slide of the liquid crystal cell into a self-assembled film spaced 6 micrometers apart, and then the liquid crystal cell on the left side of the slide is opened, and the liquid crystal enters between the upper and lower slides due to capillary action. At this point, the microstructure of the slide will affect the orientation change of the liquid crystal. After turning on the light at the bottom of the test box, the light passes through the polarizer, then through the cell, and finally through the analyzer above the cell, so we can observe changes in brightness and color.</p>
 +
                    <table class="img">
 +
                        <tr>
 +
                            <td><img src="https://static.igem.org/mediawiki/2018/d/de/T--DLUT_China_B--Hardware2.png" alt="">
 +
                            </td>
 +
                        </tr>
 +
                    </table>
 +
                </div>
 +
            </div>
 +
 
 +
            <div>
 +
                <h2 class="title">Wash buffer chamber and waste collector</h2>
 +
                <div class="mainText">
 +
                    <p>These two components are used to wash unfixed antigens, antibodies and other impurity proteins on the slide. When the user drops the urine and the antibody solution, the test box starts to timing. After the reaction reaches 40 minutes, the time is over, the buffer chamber gate is opened, the slide is started to be washed for 30 seconds, and the buffer flows into the waste collector. When the waste collection area is full and can be replaced, as the same user can easily replace the buffer box by himself.</p>
 +
                </div>
 +
            </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 49: Line 101:
 
     </div>
 
     </div>
  
 +
    <!--<script src="js/script.js"></script>-->
 +
    <!--<script src="js/contents.js"></script>-->
 
     <script src="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/js/script.js&action=raw&ctype=text/javascript"></script>
 
     <script src="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/js/script.js&action=raw&ctype=text/javascript"></script>
 +
    <script src="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/js/contents.js&action=raw&ctype=text/javascript"></script>
 
     <script>
 
     <script>
 
         $(document).ready(function () {
 
         $(document).ready(function () {

Revision as of 23:58, 17 October 2018

<!DOCTYPE html> Hardware

Applied Design

Overlook

Dr. Familict, the visualized liquid-crystal-based urine protein detector, is a 20cmx20cmx10cm brick-sized box. It consists mainly a slide holder slot, a wash buffer chamber, a waste collector, a liquid-crystal cell, polarizer and analyzer. Up on using, just plug in a antigen-coated glass slide to the slot, a drop of antibody solution is loaded automatically when the slide is placed properly. The user then only needs to add a drop of urine to the test zone, and press the bottom to start timing. The following operations will be done automatically. After the reaction is completed, the slide is rinsed for 30 s. Then it is drove slightly to the detection area. Upon slide positioning, liquid-crystal is loaded and the bottom light is switched on upon slide positioning. After the polarized light passes, visible color changes are produced. Users can take a picture and upload the result to the Mobile APP and get medication advice.

Liquid-crystal cell

The liquid crystal cell is the most important part of the test box. When the upper slider slides to the observation area, it is assembled with the upper slide of the liquid crystal cell into a self-assembled film spaced 6 micrometers apart, and then the liquid crystal cell on the left side of the slide is opened, and the liquid crystal enters between the upper and lower slides due to capillary action. At this point, the microstructure of the slide will affect the orientation change of the liquid crystal. After turning on the light at the bottom of the test box, the light passes through the polarizer, then through the cell, and finally through the analyzer above the cell, so we can observe changes in brightness and color.

Wash buffer chamber and waste collector

These two components are used to wash unfixed antigens, antibodies and other impurity proteins on the slide. When the user drops the urine and the antibody solution, the test box starts to timing. After the reaction reaches 40 minutes, the time is over, the buffer chamber gate is opened, the slide is started to be washed for 30 seconds, and the buffer flows into the waste collector. When the waste collection area is full and can be replaced, as the same user can easily replace the buffer box by himself.