(36 intermediate revisions by 4 users not shown) | |||
Line 59: | Line 59: | ||
margin-right: auto; | margin-right: auto; | ||
width:60%; | width:60%; | ||
+ | margin-top:7%; | ||
text-align : justify; | text-align : justify; | ||
font-size: 16px | font-size: 16px | ||
Line 75: | Line 76: | ||
font-size:16px | font-size:16px | ||
} | } | ||
− | |||
Line 86: | Line 86: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
position:relative; | position:relative; | ||
− | width: | + | width: 90%; |
height: auto; | height: auto; | ||
border: #FFFFFF solid; | border: #FFFFFF solid; | ||
Line 108: | Line 108: | ||
position: relative; | position: relative; | ||
height: 550px; | height: 550px; | ||
− | margin-left: | + | margin-left:17%; |
margin-top:0%; | margin-top:0%; | ||
text-align : justify; | text-align : justify; | ||
Line 115: | Line 115: | ||
.gallery .item { | .gallery .item { | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: -10%; |
left: 0; | left: 0; | ||
width: 80%; | width: 80%; | ||
Line 203: | Line 203: | ||
} | } | ||
.gallery .control-operator:nth-of-type(3):target ~ .controls .control-item:nth-of-type(3) { | .gallery .control-operator:nth-of-type(3):target ~ .controls .control-item:nth-of-type(3) { | ||
+ | color: #17A3B5 ; | ||
+ | color: #17A3B5 ; | ||
+ | } | ||
+ | .gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .gallery .control-operator:nth-of-type(4):target ~ .controls .control-item:nth-of-type(4) { | ||
color: #17A3B5 ; | color: #17A3B5 ; | ||
color: #17A3B5 ; | color: #17A3B5 ; | ||
} | } | ||
+ | .gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .gallery .control-operator:nth-of-type(5):target ~ .controls .control-item:nth-of-type(5) { | ||
+ | color: #17A3B5 ; | ||
+ | color: #17A3B5 ; | ||
+ | } | ||
Line 246: | Line 260: | ||
<div id="introduction1"><p> | <div id="introduction1"><p> | ||
− | <center><img src="https://static.igem.org/mediawiki/2016/ | + | <center><img src="https://static.igem.org/mediawiki/2016/d/d2/T--Pasteur_Paris--Device_1_pasteur.png" width="95%" alt=""/></center></br></br></br> |
− | The patch is the core of our project, but it is only one part of a three part system that includes : a mosquito trap, a safe analysis tool and a database. It was very important for us to design all three parts of this system in a way that is user-friendly so no scientific background is needed to use it. Additionally, it had to be a safe system.</br></br></p></div> | + | The patch is the core of our project, but it is only one part of a three part system that includes : a <B>mosquito trap</B>, a safe <B>analysis tool</B> and a <B>database</B>. It was very important for us to design all three parts of this system in a way that is user-friendly so no scientific background is needed to use it. Additionally, it had to be a <B>safe system</B>.</br></br></p></div> |
Line 255: | Line 269: | ||
<div id="video" style="margin-left:5%"> | <div id="video" style="margin-left:5%"> | ||
<video width=66% height=61% controls> | <video width=66% height=61% controls> | ||
− | <source src="https://static.igem.org/mediawiki/2016/ | + | <source src="https://static.igem.org/mediawiki/2016/a/aa/T--Pasteur_Paris--Mosquito_trap_user_guide_pasteur.mp4" type="video/mp4"> |
</video> | </video> | ||
</div></center></figure></div> | </div></center></figure></div> | ||
</p> | </p> | ||
<div id="introduction2"> | <div id="introduction2"> | ||
− | <p>The trap was designed in collaboration with experts such as entomologists and targets specifically | + | <p>The trap was designed in collaboration with experts such as entomologists and targets specifically mosquitoes. Mosquitoes are <B>attracted</B> to the trap and <B>retained</B> in it thanks to <B>human pheromone</B> emission and <B>stagnant water</B> contained in the base of the trap.</br></br></br></p></div> |
</div> | </div> | ||
− | <div id="text3"><p><B>How does the trap work ?</B></br>First of all fill the base with water. Then clip the upper part to the base. Now insert the bag that emits pheromones (produced by Biogent). Once the bag is set, we introduce what we will call the <B>mosquito filter</B>. As you can see, a <B>QR code</B> is located on the top of the filter, when you scan it, it automatically records on a smartphone the installation date, the <B>filter number</B> as well as the <B>GPS location of the trap</B>. Once this procedure is completed, close the trap and wait for mosquitoes ! A few days later, it’s time to pick up the mosquitoes ! Scan the QR code again in order to record the current date and bring back only the filter to analyze the mosquitoes sample. Once the filter is removed, bring it back to the local administration that will proceed to the analysis.</br></br></br></p></div> | + | <div id="text3"><p><B>How does the trap work ?</B></br>First of all fill the base with water. Then clip the upper part to the base. Now insert the bag that emits pheromones (produced by <a href="http://www.biogents.com"><u>Biogent</u></a>). Once the bag is set, we introduce what we will call the <B>mosquito filter</B>. As you can see, a <B>QR code</B> is located on the top of the filter, when you scan it, it automatically records on a smartphone the installation date, the <B>filter number</B> as well as the <B>GPS location of the trap</B>. Once this procedure is completed, close the trap and wait for mosquitoes ! A few days later, it’s time to pick up the mosquitoes ! Scan the QR code again in order to record the current date and bring back only the filter to analyze the mosquitoes sample. Once the filter is removed, bring it back to the local administration that will proceed to the analysis. Alternatively, paper form filing is possible although electronic recording by the smartphone is recommended to reduce errors.</br></br></br></p></div> |
</div> | </div> | ||
Line 270: | Line 284: | ||
<div id="video" style="margin-left:5%"> | <div id="video" style="margin-left:5%"> | ||
<video width=66% height=61% controls> | <video width=66% height=61% controls> | ||
− | <source src="https://static.igem.org/mediawiki/2016/ | + | <source src="https://static.igem.org/mediawiki/2016/7/79/T--Pasteur_Paris--PasteurParisgif_trap-HD.mp4" type="video/mp4"> |
</video> | </video> | ||
</div></center></figure> | </div></center></figure> | ||
</p> | </p> | ||
+ | |||
+ | <h2><B>FIXATION STRATEGIES</B></h2> | ||
+ | |||
+ | <div id="text3"><p></br>We designed a system that allows to hang the trap around a tree or a pole. You also can fix it to a dedicated stake that you can dig in the ground. With those two possibilities, you can use the Mos(kit)o trap <B>almost everywhere</B>. </br></br></br> | ||
+ | </p></div> | ||
+ | |||
+ | |||
+ | <div class="gallery"> | ||
+ | <div id="class="control-item" " class="control-operator"></div> | ||
+ | <div id="item-2" class="control-operator"></div> | ||
+ | <div id="item-3" class="control-operator"></div> | ||
+ | |||
+ | <figure class="item"> | ||
+ | <p><div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/8/85/T--Pasteur_Paris--PasteurParispiegepique.jpg" alt="" /></a></center></div> | ||
+ | </p> | ||
+ | </figure> | ||
+ | |||
+ | <figure class="item"> | ||
+ | <p><div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/a/ad/T--Pasteur_Paris--PasteurParisBDpiegesale.jpg" alt="" /></a></center></div> | ||
+ | </figure></p> | ||
+ | |||
+ | <figure class="item"> | ||
+ | <p><div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/5/5f/T--Pasteur_Paris--PasteurParisplanpiege2.jpg" alt="" /></a></center></div> | ||
+ | </figure></p> | ||
+ | |||
+ | |||
+ | <div class="controls"> | ||
+ | <a class="control-item" href="#item-1">•</a> | ||
+ | <a class="control-item" href="#item-2">•</a> | ||
+ | <a class="control-item" href="#item-3">•</a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
<h2><B>ANALYSIS KIT</B></h2> | <h2><B>ANALYSIS KIT</B></h2> | ||
Line 279: | Line 326: | ||
<div id="video" style="margin-left:5%"> | <div id="video" style="margin-left:5%"> | ||
<video width=66% height=61% controls> | <video width=66% height=61% controls> | ||
− | <source src="https://static.igem.org/mediawiki/2016/ | + | <source src="https://static.igem.org/mediawiki/2016/5/53/T--Pasteur_Paris--KitanalysePasteurParis2016-2.mp4" type="video/mp4"> |
Your browser does not support the video tag. | Your browser does not support the video tag. | ||
</video> | </video> | ||
Line 290: | Line 337: | ||
<div id="introduction3"><p> | <div id="introduction3"><p> | ||
<B>How does the analysis tool work ?</B> | <B>How does the analysis tool work ?</B> | ||
− | </br> First put the pump into the device. Then insert the detection patches into the four dedicated slots. Each patch may correspond to a different disease, in a <B>customizable way</B>. Clip the “patch-holder” onto the device. Then put the <B>mosquito filter</B> containing the mosquitoes inside the device. After that, crush the mosquitoes with the dedicated cap. Thanks to the <B>hollow design of this cap</B> you can put the lysis solution without opening the filter ! When you pull the pump piston, a network of pipes allows the liquids to flow through the system safely in order to immerse the patch into the lysate solution mixed with the mosquito « juice » . Then you put the washing solution, and pull the pump piston again to wash the patches; as mentioned earlier all the liquids are stored into the gelified material and can easily and safely be thrown away. After this procedure, with the analysis kit in front of you, you can <B>report each color change</B> of patches as well as the <B>symbol corresponding to each disease</B> into the database. In order to avoid fear or panic, each disease is coded by a symbol. After a verification step, the results are submitted and the <B>map is updated almost in real time</B> !</br></br></br> | + | </br> First put the pump into the device. Then insert the detection patches into the four dedicated slots. Each patch may correspond to a different disease, in a <B>customizable way</B>. Clip the “patch-holder” onto the device. Then put the <B>mosquito filter</B> containing the mosquitoes inside the device. After that, crush the mosquitoes with the dedicated cap. Thanks to the <B>hollow design of this cap</B> you can put the lysis solution without opening the filter ! When you pull the pump piston, a network of pipes allows the liquids to flow through the system safely in order to immerse the patch into the lysate solution mixed with the mosquito « juice ». Then you put the washing solution, and pull the pump piston again to wash the patches; as mentioned earlier all the liquids are stored into the gelified material and can easily and safely be thrown away. After this procedure, with the analysis kit in front of you, you can <B>report each color change</B> of patches as well as the <B>symbol corresponding to each disease</B> into the database. In order to avoid fear or panic, each disease is coded by a symbol. After a verification step, the results are submitted and the <B>map is updated almost in real time</B>!</br></br></br> |
</p></div> | </p></div> | ||
</div> | </div> | ||
Line 299: | Line 346: | ||
<div id="video" style="margin-left:5%"> | <div id="video" style="margin-left:5%"> | ||
<video width=66% height=61% controls> | <video width=66% height=61% controls> | ||
− | <source src="https://static.igem.org/mediawiki/2016/ | + | <source src="https://static.igem.org/mediawiki/2016/f/fe/T--Pasteur_Paris--PasteurParisgifsystme_analyse-HD.mp4" type="video/mp4"> |
Your browser does not support the video tag. | Your browser does not support the video tag. | ||
</video> | </video> | ||
Line 306: | Line 353: | ||
− | <h2><B>APPLICATION</B></h2> | + | <h2><B>APPLICATION</B></h2></br> |
<div class="gallery"> | <div class="gallery"> | ||
<div id="class="control-item" " class="control-operator"></div> | <div id="class="control-item" " class="control-operator"></div> | ||
− | <div id="item- | + | <div id="item-5" class="control-operator"></div> |
<figure class="item"> | <figure class="item"> | ||
− | <p><div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/ | + | <p><div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/2/25/T--Pasteur_Paris--Ordi_iphone_1_pasteur.png" alt="" /></a></center></div> |
</p> | </p> | ||
</figure> | </figure> | ||
<figure class="item"> | <figure class="item"> | ||
− | <p><div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/ | + | <p><div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/0/00/T--Pasteur_Paris--Ordi_iphone_2_pasteur.png" alt="" /></a></center></div> |
</figure> | </figure> | ||
<div class="controls"> | <div class="controls"> | ||
− | <a class="control-item" href="#item- | + | <a class="control-item" href="#item-4">•</a> |
− | <a class="control-item" href="#item- | + | <a class="control-item" href="#item-5">•</a> |
</div> | </div> | ||
− | </div> | + | </div></br></br></br></br></br> |
− | + | <div id="introduction1"><p> | |
+ | <center><img src="https://static.igem.org/mediawiki/2016/b/be/T--Pasteur_Paris--mapIpad.png" width="90%" alt=""/></center></br></p></div> | ||
<div id="introduction3"><p> | <div id="introduction3"><p> | ||
− | Once the analysis is done, the result is entered in a <B>database</B> that automatically generates a mapping of the results. It allows a clear visualization of the location of infected mosquitoes.The website is composed of a <B>public area where everybody can consult the maps</B> and be given prevention advice.</br></br> | + | Once the analysis is done, the result is entered in a <B>database</B> that automatically generates a mapping of the results. It allows a clear visualization of the location of infected mosquitoes. The website is composed of a <B>public area where everybody can consult the maps</B> and be given prevention advice.</br></br> |
The other part is accessible only with a personal account by the local administrators to enter the results and communicate with collaborators. Thus, we have also implemented the <B>security component of data manipulation</B> in Mos(kit)o. | The other part is accessible only with a personal account by the local administrators to enter the results and communicate with collaborators. Thus, we have also implemented the <B>security component of data manipulation</B> in Mos(kit)o. | ||
If you want, you can see the prototype of our website here: | If you want, you can see the prototype of our website here: | ||
− | <a href="http://moskit.esy.es"><FONT size=" | + | <a href="http://moskit.esy.es"><FONT size="4pt"><B>http://moskit.esy.es</B></FONT></a> |
</p></div> | </p></div> |