Difference between revisions of "Team:UESTC-China/Hardware"

(Blanked the page)
(Undo revision 175853 by Wxml (talk))
Line 1: Line 1:
 +
{{UESTC-China/nav}}
 +
<html>
 +
<body>
 +
<style type="text/css">
 +
    ul.f_mh{
 +
                position:fixed;
 +
top:11em;
 +
}
 +
.myhar{
 +
width:50%;
 +
float: left;
 +
text-align: center;
 +
font-family:"Cambria";
 +
        font-size: 16px;
 +
}
  
 +
.myhardware1{
 +
width:150px;
 +
height: 150px;
 +
background-color:transparent;
 +
background-image: url("https://static.igem.org/mediawiki/2019/d/dc/T--UESTC-China--hardware7.png");
 +
padding: 0;
 +
border:0;
 +
}
 +
.myhardware2{
 +
width:150px;
 +
height: 150px;
 +
background-color:transparent;
 +
background-image: url("https://static.igem.org/mediawiki/2019/5/51/T--UESTC-China--hardware8.png");
 +
padding: 0;
 +
border:0;
 +
border-radius: 20px;
 +
}
 +
h2{
 +
    margin: 20px 0px 20px 0px;
 +
            transform:perspective(500px) rotatey(0deg);
 +
            transform-style:preserve-3d;
 +
}
 +
h2 img{
 +
        -webkit-transition: 1s;
 +
        transition: 1s;
 +
}
 +
h2:hover img{
 +
transform:rotateY(360deg);
 +
-webkit-transform: rotateY(360deg);
 +
}
 +
     
 +
</style>
 +
 +
<div class="firstph">
 +
<img alt="logo" src="https://static.igem.org/mediawiki/2019/b/b0/T--UESTC-China--hardware.jpg" style="width: 100%">
 +
</div>
 +
 +
<div class="firstless" >
 +
  <ul class="f_mh mya"  style="display:none;margin-left:5px">
 +
    <li class="active"><a href="#title_1">Summary</a></li>
 +
    <li ><a href="#title_2">Device iteration</a></li>
 +
    <li ><a href="#title_3">Expectation</a></li>
 +
  </ul>
 +
  <a href="#"> <img  class="up" src="https://static.igem.org/mediawiki/2019/7/7d/T--UESTC-China--up.png" alt="logo" width="100%" > </a> </div>
 +
 +
<div class="container col-6">
 +
  <div class="col-fmh" >
 +
  <div class="part">
 +
<div class="bigtitle" id="title_1" style="background-color: #b6caf2">
 +
<p>Summary</p>
 +
</div>
 +
 +
<div class="mainbody" >
 +
<p>In order to match the project and the progress of the experiment, in the hardware part, we designed the community drug recycling bin and the fluorescence detection device.<br>The community drug recycling bin is used to collect and recycle expired drugs. The initial modular design allows for the recovery of three types of drugs, and the design and implementation of the detection and processing module for ciprofloxacin. Figure 1 and animation show the design and theoretical ideas of a special CIP detection module.</p>
 +
</div>
 +
 
 +
<div style="background-color: transparent">
 +
<img alt="logo" src="https://static.igem.org/mediawiki/2019/8/81/T--UESTC-China--hardware1.png" class="piture">
 +
</div>
 +
<div class="words" >
 +
<p>Fig.1  Ciprofloxacin module</p>
 +
</div>
 +
 +
<div style="text-align: center;background-color: transparent">
 +
<img alt="logo" src="https://static.igem.org/mediawiki/2019/5/5c/T--UESTC-China--hardware2.png" class="piture">
 +
</div>
 +
 +
<div class="words" >
 +
<p>Fig.2 print of the Ciprofloxacin module.</p>
 +
</div>
 +
 
 +
<div style="text-align: center">
 +
<video width="100%" controls loop>
 +
<source src="https://static.igem.org/mediawiki/2019/6/63/T--UESTC-China--hardware_video.mp4" type="video/mp4">
 +
    </video>
 +
</div>
 +
 
 +
  <div class="mainbody">
 +
  The fluorescence detection device is used to specifically detect the CIP concentration, and is assembled by using a switching power supply, water pumps, capture card,  photodetector, and an external device.
 +
  </div>
 +
 
 +
<div style="text-align: center;background-color: transparent">
 +
<img alt="logo" src="https://static.igem.org/mediawiki/2019/8/8e/T--UESTC-China--hardware3.png" width="50%">
 +
</div>
 +
 +
<div class="words" >
 +
<p>Fig.3  The fluorescence detection device</p>
 +
</div>
 +
 +
</div>
 +
 +
<div class="part">
 +
<div class="bigtitle" id="title_2" style="background-color: #b6caf2">
 +
<p>Device iteration </p>
 +
</div>
 +
 +
<div class="mainbody" >
 +
<p>In the development process of hardware, our detection device module has been updated three times, and finally realized the design realization of the third generation version.</p>
 +
</div>
 +
 +
<h2 style="font-weight: 600"><img src="https://static.igem.org/mediawiki/2019/1/1d/T--UESTC-China--arrow3.png" width="7%" alt="logo">First generation device</h2>
 +
<div class="mainbody">
 +
The first generation of detection modules consists of photodetectors, laser sources, STM32s, pumps, filters, lenses, and external devices with an optical path of 90°.
 +
</div>
 +
<div style="text-align: center;background-color: transparent">
 +
<img alt="logo" src="https://static.igem.org/mediawiki/2019/1/15/T--UESTC-China--hardware4.png" width="60%">
 +
</div>
 +
 +
<div class="words" >
 +
<p>Fig.4  Light path of the first generation device</p>
 +
</div>
 +
 +
<h2 style="font-weight: 600"><img src="https://static.igem.org/mediawiki/2019/1/1d/T--UESTC-China--arrow3.png" width="7%" alt="logo">Second generation device</h2>
 +
 +
<div class="mainbody">
 +
Considering that the first-generation device is not efficient in fluorescence excitation, and the individual details do not consider the requirements and cost of 3D printing technology, the second-generation device optimizes the optical path based on the first-generation device and no longer needs transparent parts. 45° angle to enhance the acquisition of fluorescent signals.
 +
</div>
 +
 +
<div style="text-align: center;background-color: transparent">
 +
<img alt="logo" src="https://static.igem.org/mediawiki/2019/c/c2/T--UESTC-China--hardware5.png"  width="50%">
 +
</div>
 +
 +
<div class="words" >
 +
<p>Fig.5  Light path of the second generation device</p>
 +
</div>
 +
 +
<h2 style="font-weight: 600"><img src="https://static.igem.org/mediawiki/2019/1/1d/T--UESTC-China--arrow3.png" width="7%" alt="logo">Third generation device</h2>
 +
 +
<div class="mainbody">
 +
Through the communication with a doctor, we made up for the shortcomings of the original device in the fixation of the engineering bacteria, and designed the funnel-shaped groove, which is conducive to the accumulation of engineering bacteria and also improve the stability of the detection fluorescent signal.
 +
</div>
 +
 +
<div style="text-align: center;background-color: transparent">
 +
<img alt="logo" src="https://static.igem.org/mediawiki/2019/0/0b/T--UESTC-China--hardware6.png" width="50%">
 +
</div>
 +
 +
<div class="words" >
 +
<p>Fig.6 the funnel-shaped groove of the third generation device</p>
 +
</div>
 +
 +
<div class="mainbody">
 +
Finally, we designed a community drug recycling bin and fluorescence detection device based on the third generation of detection module devices.For more details on the design of community drug recycling bins and fluorescence detection devices, please click on the two buttons below.
 +
</div>
 +
<div class="row">
 +
<div class="myhar">
 +
<a href="hardware1.html"><button class="myhardware1"></button></a>
 +
        </div>
 +
 +
<div class="myhar">
 +
<a href="hardware2.html"><button class="myhardware2"></button></a>
 +
</div>
 +
</div>
 +
 +
<div class="row">
 +
<div class="myhar">
 +
community drug recycling bins
 +
        </div>
 +
 +
<div class="myhar">
 +
fluorescence detection devices
 +
</div>
 +
</div>
 +
    </div>
 +
    <div class="part">
 +
<div class="bigtitle" id="title_3" style="background-color: #b6caf2">
 +
<p>Expectation </p>
 +
</div>
 +
 +
<div class="mainbody" >
 +
<p>In the future, we intend to improve the usability and extensiveness of our recycling bins by designing other drug degradation modules, and we have reserved some modular designs to make them more convenient and easy to implement, and hope to optimize the design detection module. Our signals are more stable and efficient, enabling the implementation of the device at a lower cost.</p>
 +
</div>
 +
 +
    </div>
 +
 +
  </div>
 +
</div>
 +
<script type="text/javascript">
 +
$(function(){
 +
var _line=parseInt($(window).height()/4);
 +
var oli=$('.f_mh li');
 +
$(window).scroll(function(){
 +
$(".part").each(function(){
 +
var _target=parseInt($(this).offset().top-$(window).scrollTop()-_line);
 +
var _i=$(this).index()
 +
if (_target<=0) {
 +
oli.removeClass('active');
 +
oli.eq(_i).addClass('active');
 +
}
 +
 +
else if(Math.abs($(document).height()-$(window).scrollTop()-$(window).height())<10){
 +
oli.removeClass('active');
 +
oli.eq($('.part').length-1).addClass('active');
 +
}
 +
});
 +
});
 +
 +
$('.f_mh li a').click(function() {
 +
            $('html, body').stop().animate({
 +
                scrollTop: $($(this).attr('href')).offset().top - 100}, 1000);
 +
            return false;
 +
        });
 +
});
 +
</script>
 +
 +
 +
<script>
 +
$(document).ready(function() {
 +
 +
        $(window).scroll(function() {
 +
            if ($(window).scrollTop() > 400) {
 +
                    $('.mya').fadeIn(500);       
 +
            } else {
 +
              $('.mya').fadeOut(500);
 +
            };
 +
        })
 +
})
 +
</script>
 +
 +
</body>
 +
</html>
 +
{{UESTC-China/footer}}

Revision as of 01:40, 6 October 2019

description

0% 完成
logo
logo

Summary

In order to match the project and the progress of the experiment, in the hardware part, we designed the community drug recycling bin and the fluorescence detection device.
The community drug recycling bin is used to collect and recycle expired drugs. The initial modular design allows for the recovery of three types of drugs, and the design and implementation of the detection and processing module for ciprofloxacin. Figure 1 and animation show the design and theoretical ideas of a special CIP detection module.

logo

Fig.1 Ciprofloxacin module

logo

Fig.2 print of the Ciprofloxacin module.

The fluorescence detection device is used to specifically detect the CIP concentration, and is assembled by using a switching power supply, water pumps, capture card, photodetector, and an external device.
logo

Fig.3 The fluorescence detection device

Device iteration

In the development process of hardware, our detection device module has been updated three times, and finally realized the design realization of the third generation version.

logoFirst generation device

The first generation of detection modules consists of photodetectors, laser sources, STM32s, pumps, filters, lenses, and external devices with an optical path of 90°.
logo

Fig.4 Light path of the first generation device

logoSecond generation device

Considering that the first-generation device is not efficient in fluorescence excitation, and the individual details do not consider the requirements and cost of 3D printing technology, the second-generation device optimizes the optical path based on the first-generation device and no longer needs transparent parts. 45° angle to enhance the acquisition of fluorescent signals.
logo

Fig.5 Light path of the second generation device

logoThird generation device

Through the communication with a doctor, we made up for the shortcomings of the original device in the fixation of the engineering bacteria, and designed the funnel-shaped groove, which is conducive to the accumulation of engineering bacteria and also improve the stability of the detection fluorescent signal.
logo

Fig.6 the funnel-shaped groove of the third generation device

Finally, we designed a community drug recycling bin and fluorescence detection device based on the third generation of detection module devices.For more details on the design of community drug recycling bins and fluorescence detection devices, please click on the two buttons below.
community drug recycling bins
fluorescence detection devices

Expectation

In the future, we intend to improve the usability and extensiveness of our recycling bins by designing other drug degradation modules, and we have reserved some modular designs to make them more convenient and easy to implement, and hope to optimize the design detection module. Our signals are more stable and efficient, enabling the implementation of the device at a lower cost.

Copyright © 2019 iGEM UESTC-China
logo