Difference between revisions of "Team:Pasteur Paris/Applied Design"

 
(26 intermediate revisions by 6 users not shown)
Line 108: Line 108:
 
function deletebaton3() {
 
function deletebaton3() {
 
     document.getElementById("batonbleu3").style.display = "none";
 
     document.getElementById("batonbleu3").style.display = "none";
}
 
 
function apparitionbaton3a() {
 
    document.getElementById("batonbleu3a").style.display = "block";
 
}
 
 
function deletebaton3a() {
 
    document.getElementById("batonbleu3a").style.display = "none";
 
}
 
 
function apparitionbaton3b() {
 
    document.getElementById("batonbleu3b").style.display = "block";
 
}
 
 
function deletebaton3b() {
 
    document.getElementById("batonbleu3b").style.display = "none";
 
 
}
 
}
  
Line 212: Line 196:
 
function deletebaton13() {
 
function deletebaton13() {
 
     document.getElementById("batonbleu13").style.display = "none";
 
     document.getElementById("batonbleu13").style.display = "none";
}
 
 
function apparitionbaton13b() {
 
    document.getElementById("batonbleu13b").style.display = "block";
 
}
 
 
function deletebaton13b() {
 
    document.getElementById("batonbleu13b").style.display = "none";
 
 
}
 
}
  
Line 236: Line 212:
 
function deletebaton15() {
 
function deletebaton15() {
 
     document.getElementById("batonbleu15").style.display = "none";
 
     document.getElementById("batonbleu15").style.display = "none";
 +
}
 +
 +
function apparitionbaton16() {
 +
    document.getElementById("batonbleu16").style.display = "block";
 +
}
 +
 +
function deletebaton16() {
 +
    document.getElementById("batonbleu16").style.display = "none";
 
}
 
}
  
Line 331: Line 315:
 
}
 
}
  
function menuapparition(){
+
function BarthenteimNoiretBlanc() {
   if(document.getElementById("Team").style.display == "block" || document.getElementById("Project").style.display == "block" || document.getElementById("HumanPractice").style.display == "block" || document.getElementById("Achievements").style.display == "block" || document.getElementById("Design").style.display == "block" || document.getElementById("Labwork").style.display == "block")
+
   document.getElementById("BarthenteimBW").style.display = "block";
  {apparitionDesign();}
+
  document.getElementById("Barthenteim").style.display = "none";
 
}
 
}
  
function periodiqueapparition() {
+
function BarthenteimCouleur() {
    setInterval(menuapparition, 5000);
+
  document.getElementById("Barthenteim").style.display = "block";
 +
  document.getElementById("BarthenteimBW").style.display = "none";
 
}
 
}
  
Line 354: Line 339:
  
 
body{
 
body{
 +
  margin:30px;
 +
  padding:30px;
 
   background-color:white;
 
   background-color:white;
   width:100%;
+
   height:100%;
 
}
 
}
  
Line 450: Line 437:
 
   position:relative;
 
   position:relative;
 
   top:-10px;
 
   top:-10px;
   left:10px;
+
   left:0px;
 
   border-bottom:4px dotted black;
 
   border-bottom:4px dotted black;
   width: 35%;  
+
   width: 40px;
 +
}
 +
 
 +
.underline1{
 +
  display:block;
 +
  position:relative;
 +
  top:-10px;
 +
  left:0px;
 +
  border-bottom:4px dotted black;
 +
  width: 134px;
 +
}
 +
 
 +
.underline2{
 +
  display:block;
 +
  position:relative;
 +
  top:-10px;
 +
  left:0px;
 +
  border-bottom:4px dotted black;
 +
  width: 215px;
 +
}
 +
 
 +
.underline3{
 +
  display:block;
 +
  position:relative;
 +
  top:-10px;
 +
  left:0px;
 +
  border-bottom:4px dotted black;
 +
  width: 508px;
 +
}
 +
 
 +
.underline4{
 +
  display:block;
 +
  position:relative;
 +
  top:-10px;
 +
  left:0px;
 +
  border-bottom:4px dotted black;
 +
  width: 270px;
 +
}
 +
 
 +
.underline5{
 +
  display:block;
 +
  position:relative;
 +
  top:-10px;
 +
  left:0px;
 +
  border-bottom:4px dotted black;
 +
  width: 620px;
 +
}
 +
 
 +
.underline6{
 +
  display:block;
 +
  position:relative;
 +
  top:-10px;
 +
  left:0px;
 +
  border-bottom:4px dotted black;
 +
  width: 582px;  
 
}
 
}
  
Line 479: Line 520:
  
 
.subtitle{
 
.subtitle{
   margin-left:300px;
+
   margin-left:12.25px;
   margin-top:112.5px;
+
   margin-top:55px;
 
   cursor: default;
 
   cursor: default;
   font-size: 26.75pt;
+
   font-size: 18pt;
 
}
 
}
  
  
 
.maintext{
 
.maintext{
     font-size: 30pt;
+
     font-size: 9pt;
     margin-left:300px;
+
     font-family:Helvetica;
    margin-right:300px;
+
     margin-top:10px;
     margin-top:112.5px;
+
 
     text-align: justify;
 
     text-align: justify;
 
     cursor: default;
 
     cursor: default;
     font-family:Helvetica;
+
     width:75%;
 
}
 
}
  
 
.maintextsuite{
 
.maintextsuite{
     font-size: 30pt;
+
     font-size: 9pt;
    margin-left:300px;
+
    margin-right:300px;
+
 
     margin-top:10px;
 
     margin-top:10px;
 
     text-align: justify;
 
     text-align: justify;
 
     cursor: default;
 
     cursor: default;
 
     font-family:Helvetica;
 
     font-family:Helvetica;
 +
    width:75%;
 +
}
 +
 +
.maintextsuiteimage{
 +
    font-size: 9pt;
 +
    margin-top:10px;
 +
    text-align: justify;
 +
    cursor: default;
 +
    font-family:Helvetica;
 +
    width:40%;
 +
}
 +
 +
.text {
 +
  position:relative;
 +
  margin-left: 287.75px;
 +
  line-height:12pt;
 
}
 
}
  
Line 531: Line 585:
 
   color: #3298CB;
 
   color: #3298CB;
 
}
 
}
 +
 +
.Chili{
 +
  z-index:-1;
 +
  margin-left: 287.75px;
 +
  top:170px;
 +
  width:5vw;
 +
  height: 60vh;
 +
}
 +
 +
table{
 +
  border-collapse: collapse;
 +
  }
  
 
/*////////////////////////////////////////////*/
 
/*////////////////////////////////////////////*/
Line 580: Line 646:
 
   top: 26%;
 
   top: 26%;
 
}
 
}
 +
  
 
.outer5 {
 
.outer5 {
 
   position: fixed;
 
   position: fixed;
 
   left: 40px;
 
   left: 40px;
   top: 35%;
+
   top: 28%;
 
}
 
}
  
 
.outer6 {
 
.outer6 {
 
   position: fixed;
 
   position: fixed;
   left: 40px;
+
   left: 33px;
   top: 44%;
+
   top: 42.5%;
 +
  text-align: center;
 
}
 
}
  
Line 596: Line 664:
 
   position: fixed;
 
   position: fixed;
 
   left: 40px;
 
   left: 40px;
   top: 53.7%;
+
   top: 50.7%;
  text-align: center;
+
 
}
 
}
  
Line 658: Line 725:
 
   position: fixed;
 
   position: fixed;
 
   left: 40px;
 
   left: 40px;
   top: 42%;
+
   top: 50%;
 +
}
 +
 
 +
.outer16 {
 +
  position: fixed;
 +
  left: 40px;
 +
  top: 36%;
 
}
 
}
  
Line 669: Line 742:
 
}
 
}
 
/*////////////////////////////////////////////*/
 
/*////////////////////////////////////////////*/
 +
  
 
.rotate {
 
.rotate {
 
   -webkit-transform: rotate(180deg);
 
   -webkit-transform: rotate(180deg);
}
 
 
.list a{
 
  text-decoration: none;
 
  color:black;
 
 
}
 
}
  
Line 787: Line 856:
 
     position:relative;
 
     position:relative;
 
     top:5px;
 
     top:5px;
     left:33%;
+
     left:25%;
 
     display:none;
 
     display:none;
 
     height:3px;
 
     height:3px;
Line 913: Line 982:
 
     background: #3298CB;
 
     background: #3298CB;
 
     content:""
 
     content:""
 +
}
 +
 +
#batonbleu16{
 +
    position:relative;
 +
    top:5px;
 +
    left:35%;
 +
    display:none;
 +
    height:3px;
 +
    width:22.5px;
 +
    background: #3298CB;
 +
    content:""
 +
}
 +
 +
li{margin:5px}
 +
 +
a:visited {
 +
    color: black;
 +
    text-decoration:none;
 +
}
 +
 +
 +
/*////////////////////////////////*/
 +
 +
 +
#title{
 +
  font-size: 60pt;
 +
  border-bottom:4px dotted black;
 +
  width: 182px;
 +
  z-index:-1;
 +
  margin-left: 287.75px;
 +
  margin-top: 90px;
 +
  line-height:59pt;
 +
}
 +
 +
#subtitles{
 +
  position:relative;
 +
  margin-left: 300px;
 +
  margin-top:-5vw;
 +
  font-size: 18pt;
 +
  font-weight: normal;
 +
  /*border-bottom:4px dotted black;*/
 +
  z-index:-1;
 +
  width: 70px;
 +
  border-bottom:4px dotted black;
 
}
 
}
  
Line 923: Line 1,036:
  
  
   <body onload="apparitionDesign(); periodiqueapparition()">
+
   <body>
 
   <a class="left" href="https://2017.igem.org/Team:Pasteur_Paris"><img src="https://static.igem.org/mediawiki/2017/d/d8/T--Pasteur_Paris--aether.png"; width="220px"; height="70px"></img></a>
 
   <a class="left" href="https://2017.igem.org/Team:Pasteur_Paris"><img src="https://static.igem.org/mediawiki/2017/d/d8/T--Pasteur_Paris--aether.png"; width="220px"; height="70px"></img></a>
 
   <a class="right" href="https://2017.igem.org/Team:Pasteur_Paris"><img src="https://static.igem.org/mediawiki/2017/1/10/T--Pasteur_Paris--iGEM.png"; width="90px"; height="70px"></img></a>
 
   <a class="right" href="https://2017.igem.org/Team:Pasteur_Paris"><img src="https://static.igem.org/mediawiki/2017/1/10/T--Pasteur_Paris--iGEM.png"; width="90px"; height="70px"></img></a>
Line 936: Line 1,049:
 
   </ul>
 
   </ul>
 
</nav>
 
</nav>
 +
 
<div id="Team" style="display:none">
 
<div id="Team" style="display:none">
 
   <div class="outer">
 
   <div class="outer">
Line 949: Line 1,063:
 
     <div class="inner"; onmouseover="apparitionbaton1()"; onmouseout="deletebaton1()">
 
     <div class="inner"; onmouseover="apparitionbaton1()"; onmouseout="deletebaton1()">
 
       <div class="list rotate">  
 
       <div class="list rotate">  
         <a href="https://2017.igem.org/Team:Pasteur_Paris/Team#Sponsors">Sponsors </a>
+
         <a href="https://2017.igem.org/Team:Pasteur_Paris/Team#pagesponsors">Sponsors </a>
 
         <div id="batonbleu1">
 
         <div id="batonbleu1">
 
         </div>
 
         </div>
Line 1,006: Line 1,120:
  
 
<div id="Design" style="display:none">
 
<div id="Design" style="display:none">
  <div class="outer4">
 
    <div class="inner"; onmouseover="apparitionbaton4()"; onmouseout="deletebaton4()">
 
      <div class="list rotate">
 
        <a href="https://2017.igem.org/Team:Pasteur_Paris/Design">Science</a>
 
        <div id="batonbleu4">
 
        </div>
 
      </div>
 
    </div>
 
  </div>
 
 
   <div class="outer5">
 
   <div class="outer5">
 
     <div class="inner"; onmouseover="apparitionbaton5()"; onmouseout="deletebaton5()">
 
     <div class="inner"; onmouseover="apparitionbaton5()"; onmouseout="deletebaton5()">
 
       <div class="list rotate">  
 
       <div class="list rotate">  
         <a href="https://2017.igem.org/Team:Pasteur_Paris/Design">Product</a>
+
         <a href="https://2017.igem.org/Team:Pasteur_Paris/Design">Design Methodology</a>
 
         <div id="batonbleu5">
 
         <div id="batonbleu5">
 
         </div>
 
         </div>
Line 1,027: Line 1,132:
 
     <div class="inner"; onmouseover="apparitionbaton6()"; onmouseout="deletebaton6()">
 
     <div class="inner"; onmouseover="apparitionbaton6()"; onmouseout="deletebaton6()">
 
       <div class="list rotate">  
 
       <div class="list rotate">  
         <a href="https://2017.igem.org/Team:Pasteur_Paris/Design">Scenario</a>
+
         <a href="https://2017.igem.org/Team:Pasteur_Paris/Applied_Design">Applied<br>Design</a>
 
         <div id="batonbleu6">
 
         <div id="batonbleu6">
 
         </div>
 
         </div>
Line 1,036: Line 1,141:
 
     <div class="inner"; onmouseover="apparitionbaton7()"; onmouseout="deletebaton7()">
 
     <div class="inner"; onmouseover="apparitionbaton7()"; onmouseout="deletebaton7()">
 
       <div class="list rotate">  
 
       <div class="list rotate">  
         <a href="https://2017.igem.org/Team:Pasteur_Paris/Applied_Design">Applied<br>Design</a>
+
         <a href="https://2017.igem.org/Team:Pasteur_Paris/Science">Science</a>
 
         <div id="batonbleu7">
 
         <div id="batonbleu7">
 
         </div>
 
         </div>
Line 1,066: Line 1,171:
 
     <div class="inner"; onmouseover="apparitionbaton9()"; onmouseout="deletebaton9()">
 
     <div class="inner"; onmouseover="apparitionbaton9()"; onmouseout="deletebaton9()">
 
       <div class="list rotate">  
 
       <div class="list rotate">  
         <a href="https://2017.igem.org/Team:Pasteur_Paris/Interlab">Interlab</a>
+
         <a href="https://2017.igem.org/Team:Pasteur_Paris/InterLab">InterLab</a>
 
         <div id="batonbleu9">
 
         <div id="batonbleu9">
 
         </div>
 
         </div>
Line 1,104: Line 1,209:
 
     <div class="inner"; onmouseover="apparitionbaton13()"; onmouseout="deletebaton13()">
 
     <div class="inner"; onmouseover="apparitionbaton13()"; onmouseout="deletebaton13()">
 
       <div class="list rotate">  
 
       <div class="list rotate">  
         <a href="https://2017.igem.org/Team:Pasteur_Paris/HP/Collaborations">Collaborations</a>
+
         <a href="https://2017.igem.org/Team:Pasteur_Paris/Collaborations">Collaborations</a>
 
         <div id="batonbleu13">
 
         <div id="batonbleu13">
 
         </div>
 
         </div>
Line 1,136: Line 1,241:
 
         <a href="https://2017.igem.org/Team:Pasteur_Paris/Parts">Parts</a>
 
         <a href="https://2017.igem.org/Team:Pasteur_Paris/Parts">Parts</a>
 
         <div id="batonbleu15">
 
         <div id="batonbleu15">
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="outer16">
 +
    <div class="inner"; onmouseover="apparitionbaton16()"; onmouseout="deletebaton16()">
 +
      <div class="list rotate">
 +
        <a href="https://2017.igem.org/Team:Pasteur_Paris/GiantJamboree">GiantJamboree</a>
 +
        <div id="batonbleu16">
 
         </div>
 
         </div>
 
       </div>
 
       </div>
Line 1,141: Line 1,255:
 
   </div>
 
   </div>
 
</div>
 
</div>
<ul class="com">
 
  <li style="text-align:center"><a href="https://www.facebook.com/igem.pasteur/" target="_blank"><i id="logo" class="fa fa-facebook"></i></a></li>
 
  <li><a href=" https://twitter.com/igem_pasteur " target="_blank"><i id="logo" class="fa fa-twitter"></i></a></li>
 
  <li><a href="https://www.instagram.com/igem.pasteur2017/" target="_blank"><i id="logo" class="material-icons">photo_camera</i></a></li>
 
  <li><a href="mailto:igem.pasteur@gmail.com " target="_blank"><i id="logo" class="material-icons">email</i></a></li>
 
</ul>
 
  
<div>
 
  
<div class="subtitle">
+
<div style="height:75vh">
   <p style="font-size:50pt; font-family: CrimsonTextRoman, serif;">Under construction<br></p><br>
+
  <img src="https://static.igem.org/mediawiki/2017/a/ab/T--Pasteur_Paris--MainDesign.jpeg"; style="position:absolute; left:390px; height: auto;width: 55vw; z-index:-2;top:-70px"/>
 +
   <p id="title" style="font-size:50pt; font-family: MinionPro, serif;">Applied </br>Design</p>
 +
  <div class="Chili"></div>
 +
  <p id="subtitles" style=" font-family: MinionPro, serif; font-size:18pt;margin-top:55vh">Device</p>
 +
</div>
 +
 
 +
<div class="text">
 +
<p class="maintext" style="margin-top:75vh"> <b><span style="font-size:15pt; font-family: MinionPro">Using</span> a multi-disciplinary approach, we designed an affordable, energy self-sufficient and efficient air purifier to fight indoor air pollution. Our product is composed of eight technical parts.</b></p>
 +
 
 +
<p class="maintextsuite"><b>The interchangeable filter, made from synthetic biology, is held in place in a mount, easy to manipulate thanks to its small grip. This filtering part is then enclosed in a perforated plastic case, allowing air to flow through the object, and removing gross particles such as fibers.</b></p>
 +
 
 +
<p class="maintextsuite"><b>In order to make the product energy self-sufficient, flexible solar cells surround the device’s case. Those cells supply power to a small fan, pulling the air through the filter that will trap and degrade pollutants. Ventilation holes located at the back of the device allows filtered air to extract.</b></p>
 +
 
 +
<p class="maintextsuite"><b>All the parts of the device fit together thanks to a rubber strap, surrounding the whole product. Depending on the user’s preferences, this device can fit on flat surfaces - floor, desk, etc. - or on a wall, by attaching the strap to a stand or to a specially designed wall mounting.</b></p>
 +
 
 +
 
 +
<div style="width:85%">
 +
<div style="width:100%">
 +
  <img src="https://static.igem.org/mediawiki/2017/d/db/T--Pasteur_Paris--Applied_Design_1.png"; style="width:100%"></img>
 +
</div>
 +
</div>
 +
 
 +
<div class="subtitle" style="font-size:18pt">
 +
  <p style="font-family: MinionPro, serif;font-size:18pt">App</p>
 
   <div class="underline"></div>
 
   <div class="underline"></div>
 
</div>
 
</div>
  
<p class="maintext"></p>
+
<p class="maintext"><b> A dedicated app for smartphones and tablets comes with the product. This app relays the service surrounding the product : scheduled filter replacement through an agenda, information about indoor air pollution through notifications, advice relating to good behavior through tutorials, etc.</b></p>
  
<p class="maintextsuite"></p>
+
<p class="maintextsuite"><b>Depending on different criteria, such as home location - close to a highway, to a farm, etc.- or indoor equipment - heating system, etc. -, the app is customizable. By creating his profile, the user will benefit from adapted filters regarding his close environment and local pollutants, more accurate information and advice.</b></p>
  
<br><br><br><br><br><br><br><br><br><br><br><br></p>
+
 
 +
<p class="maintextsuite"><b>All these design features - product, app and service - allied with the filter’s specificities make Æther’s device low cost and efficient, in comparison with existing air purifiers. For those reasons, Æther could reach everyone’s homes in the very short term. Would you sign for it ? </b></p>
 +
 
 +
 
 +
<div class="subtitle" style="font-size:18pt">
 +
  <p style="font-family: MinionPro, serif;font-size:18pt">User Scenario</p>
 +
  <div class="underline1"></div>
 
</div>
 
</div>
 +
 +
<p class="maintext"><b> Two scenarios have been designed. The first one is about working with small groups of people - beta-testers - that will help Æther’s service to provide adapted filters, information and advices to the end user. The second one is about providing these adapted solutions to everyone, thanks to these beta-testers.</b></p>
 +
 +
<div style="width:75%; margin-bottom: 20px; margin-top: 20px">
 +
<div style="width:100%">
 +
  <img src="https://static.igem.org/mediawiki/2017/f/fc/T--Pasteur_Paris--MasterGif.gif"; style="width:100%"></img>
 +
</div>
 +
</div>
 +
 +
<p class="maintextsuite"><b>Beta-tester scenario :</br>
 +
 +
 +
<div style="width:75%; margin-bottom: 20px; margin-top: 20px">
 +
<div style="width:100%">
 +
  <img src="https://static.igem.org/mediawiki/2017/d/d6/T--Pasteur_Paris--Applied_Design_2.png"; style="width:100%"></img>
 +
</div>
 +
</div>
 +
 +
<p class="maintextsuite"><b>Æther’s services will send early air purifier kits to volunteers that would apply for beta-testing the product, app and service for free. In exchange, they would help Æther to build a strong knowledge about close environment and local indoor air pollution by sharing their data - location, habitat description, etc.-. Plus, beta-testers will receive an additional filter - activated carbon for a wide range pollutants trapping - to send back to Æther’s laboratory for analysis. Thanks to these data, Æther will be able to design adapted filters for various environments and will be able to build and to provide verified information and advice for an end user living in similar environments. </b></p>
 +
 +
 +
<p class="maintextsuite"><b>End user scenario :</br>
 +
 +
<div style="width:75%; margin-bottom: 20px; margin-top: 20px">
 +
<div style="width:100%">
 +
  <img src="https://static.igem.org/mediawiki/2017/e/e0/T--Pasteur_Paris--Applied_Design_3.png"; style="width:100%"></img>
 +
</div>
 +
</div>
 +
 +
<p class="maintextsuite">A future user could order Æther’s device and apply to the service thanks to a dedicated website. After completing his profile, the user will be about to receive a kit including :</b></p>
 +
 +
 +
<p class="maintextsuite" style="margin-left:12.25px"><i> - a self assembly kit of the air purifier ;</i></p>
 +
<p class="maintextsuite" style="margin-left:12.25px"><i> - an envelope containing an adapted filter and gloves ;</i></p>
 +
<p class="maintextsuite" style="margin-left:12.25px"><i> - a smartphone/digital tablet app.</i></p>
 +
 +
 +
<p class="maintextsuite"><b>Through the app, the user will be guided through the next stages. Once the product is assembled, the filter introduced and the flexible photovoltaic cells connected, Æther’s device starts trapping and degrading indoor pollutants.</b></p>
 +
 +
 +
<p class="maintextsuite"><b>When the filter’s lifetime is over, the user receives a push notification on his smartphone : an invitation to check his mailbox containing a brand new filter. Using provided gloves, he will replace the used filter by the new one. Once done, the device will start again purifying the indoor air and the used filter will be sent to collection centers in order to recover the degraded pollutants as an input for various industries, such as metal industries.</b></p>
 +
 +
 +
<p class="maintextsuite"><b>In a nutshell, Æther’s service and product would benefit :</b></p>
 +
 +
 +
<p class="maintextsuite" style="margin-left:12.25px"><i> -users health, by providing an affordable and efficient way to fight indoor air pollution through an innovative product, its integrated filter and a service ;</i></p>
 +
<p class="maintextsuite" style="margin-left:12.25px"><i> -environment, by feeding industries with pollutants recycled into useful raw materials - metals -, rather than using polluting and harmful extraction/transformation processes.</i></p>
 +
 +
 +
 +
 +
</div>
 +
<ul class="com">
 +
  <li style="text-align:center"><a href="https://www.facebook.com/igem.pasteur/" target="_blank"><i id="logo" class="fa fa-facebook"></i></a></li>
 +
  <li><a href=" https://twitter.com/igem_pasteur " target="_blank"><i id="logo" class="fa fa-twitter"></i></a></li>
 +
  <li><a href="https://www.instagram.com/igem.pasteur2017/" target="_blank"><i id="logo" class="material-icons">photo_camera</i></a></li>
 +
  <li><a href="mailto:igem.pasteur@gmail.com " target="_blank"><i id="logo" class="material-icons">email</i></a></li>
 +
</ul>
  
 
<div id="toparrow">
 
<div id="toparrow">
Line 1,166: Line 1,361:
 
   </div>
 
   </div>
  
 +
<div class="sponsors"; style="width:100vw">
 +
  <a href="http://www.centralesupelec.fr" target="_blank"><img src="https://static.igem.org/mediawiki/2017/b/ba/T--Pasteur_Paris--AssociationCentralien.png"; id="Centrale" style="position:absolute; margin-top: 120px; left:21%; width: 121px; height: 57px; display:none"; onmouseout="centraleNoiretBlanc()"></a>
 +
  <a href="http://www.centralesupelec.fr" target="_blank"><img src="https://static.igem.org/mediawiki/2017/3/39/T--Pasteur_Paris--AssociationCentralien_BW.png"; id="CentraleBW" style="position:absolute; margin-top: 120px; left:21%; width: 121px; height: 57px"; onmouseover="centraleCouleur()"></a>
 +
  <a href="http://www.geneious.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/6/61/T--Pasteur_Paris--genious.png"; id="genious"; style="position:absolute; margin-top: 140px; left:37%; width: 136.5px; height: 58.42px; display:none"; onmouseout="geniousNoiretBlanc()"></a>
 +
  <a href="http://www.geneious.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/7/71/T--Pasteur_Paris--genious_BW.png"; id="geniousBW"; style="position:absolute; margin-top: 140px; left:37%; width: 136.5px; height: 58.42px"; onmouseover="geniousCouleur()"></a>
 +
  <a href="http://www.mt.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/c/cc/T--Pasteur_Paris--Mettler_Toledo.png"; id="MettlerToledo"; style="position:absolute; margin-top: 160px; left:54%; width: 160px; height: 20px; display:none"; onmouseout="MettlerToledoNoiretBlanc()"></a>
 +
  <a href="http://www.mt.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/d/dd/T--Pasteur_Paris--Mettler_Toledo_BW.png"; id="MettlerToledoBW"; style="position:absolute; margin-top: 160px; left:54%; width: 160px; height: 20px"; onmouseover="MettlerToledoCouleur()"></a>
 +
  <a href="http://www.france-science.org" target="_blank"><img src="https://static.igem.org/mediawiki/2017/b/b5/T--Pasteur_Paris--Ambassade.jpeg"; id="ambassade"; style="position:absolute; margin-top: 120px; right:21%; width: 100.8px; height: 105px; display:none"; onmouseout="ambassadeNoiretBlanc()"></a>
 +
  <a href="http://www.france-science.org" target="_blank"><img src="https://static.igem.org/mediawiki/2017/7/70/T--Pasteur_Paris--Ambassade_BW.png"; id="ambassadeBW"; style="position:absolute; margin-top: 120px; right:21%; width: 100.8px; height: 105px"; onmouseover="ambassadeCouleur()"></a>
 +
</div>
  
<div class="sponsors"; style="width:100%">
+
<div class="sponsors"; style="width:100vw">
   <a href="http://www.centralesupelec.fr"><img src="https://static.igem.org/mediawiki/2017/8/8f/T--Pasteur_Paris--Centrale.jpeg"; id="Centrale" style="position:absolute; margin-top: 120px; left:20%; width: 121px; height: 61.6px; display:none"; onmouseout="centraleNoiretBlanc()"></a>
+
   <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms" target="_blank"><img src="https://static.igem.org/mediawiki/2017/d/d1/T--Pasteur_Paris--GC.jpeg"; id="GlobalCare" style="position:absolute; margin-top: 250px; left:28%; width: 150px; height: 60px; display:none"; onmouseout="GlobalCareNoiretBlanc()"></a>
  <a href="http://www.centralesupelec.fr"><img src="https://static.igem.org/mediawiki/2017/5/56/T--Pasteur_Paris--Centrale_BW.png"; id="CentraleBW" style="position:absolute; margin-top: 120px; left:20%; width: 121px; height: 61.6px"; onmouseover="centraleCouleur()"></a>
+
   <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms" target="_blank"><img src="https://static.igem.org/mediawiki/2017/c/cc/T--Pasteur_Paris--GC_BW.png"; id="GlobalCareBW" style="position:absolute; margin-top: 250px; left:28%; width: 150px; height: 60px"; onmouseover="GlobalCareCouleur()"></a>
  <a href="http://www.geneious.com"><img src="https://static.igem.org/mediawiki/2017/6/61/T--Pasteur_Paris--genious.png"; id="genious"; style="position:absolute; margin-top: 135px; left:32%; width: 136.5px; height: 58.42px; display:none"; onmouseout="geniousNoiretBlanc()"></a>
+
   <a href="http://www.pasteur.fr/fr" target="_blank"><img src="https://static.igem.org/mediawiki/2017/8/86/T--Pasteur_Paris--pasteur.png"; id="pasteur"; style="position:absolute; margin-top: 250px; left:46%; width: 130.2px; height: 50.07px"></a>
   <a href="http://www.geneious.com"><img src="https://static.igem.org/mediawiki/2017/7/71/T--Pasteur_Paris--genious_BW.png"; id="geniousBW"; style="position:absolute; margin-top: 135px; left:32%; width: 136.5px; height: 58.42px"; onmouseover="geniousCouleur()"></a>
+
   <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms" target="_blank"><img src="https://static.igem.org/mediawiki/2017/e/eb/T--Pasteur_Paris--Carnot.jpeg"; id="Carnot"; style="position:absolute; margin-top: 250px; right:28%; width: 130px; height: 58px; display:none"; onmouseout="CarnotNoiretBlanc()"></a>
  <a href="http://www.mt.com"><img src="https://static.igem.org/mediawiki/2017/c/cc/T--Pasteur_Paris--Mettler_Toledo.png"; id="MettlerToledo"; style="position:absolute; margin-top: 160px; left:44.5%; width: 160px; height: 20px; display:none"; onmouseout="MettlerToledoNoiretBlanc()"></a>
+
   <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms" target="_blank"><img src="https://static.igem.org/mediawiki/2017/f/f5/T--Pasteur_Paris--Carnot_BW.png"; id="CarnotBW"; style="position:absolute; margin-top: 250px; right:28%; width: 130px; height: 58px"; onmouseover="CarnotCouleur()"></a>
  <a href="http://www.mt.com"><img src="https://static.igem.org/mediawiki/2017/d/dd/T--Pasteur_Paris--Mettler_Toledo_BW.png"; id="MettlerToledoBW"; style="position:absolute; margin-top: 160px; left:44.5%; width: 160px; height: 20px"; onmouseover="MettlerToledoCouleur()"></a>
+
   <a href="http://www.pasteur.fr/fr"><img src="https://static.igem.org/mediawiki/2017/8/86/T--Pasteur_Paris--pasteur.png"; id="pasteur"; style="position:absolute; margin-top: 130px; left:59%; width: 130.2px; height: 50.07px"></a>
+
   <a href="http://www.france-science.org"><img src="https://static.igem.org/mediawiki/2017/b/b5/T--Pasteur_Paris--Ambassade.jpeg"; id="ambassade"; style="position:absolute; margin-top: 120px; right:20%; width: 100.8px; height: 105px; display:none"; onmouseout="ambassadeNoiretBlanc()"></a>
+
   <a href="http://www.france-science.org"><img src="https://static.igem.org/mediawiki/2017/7/70/T--Pasteur_Paris--Ambassade_BW.png"; id="ambassadeBW"; style="position:absolute; margin-top: 120px; right:20%; width: 100.8px; height: 105px"; onmouseover="ambassadeCouleur()"></a>
+
 
</div>
 
</div>
  
<div class="sponsors"; style="width:100%">
+
<div class="sponsors"; style="width:100vw">
   <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms"><img src="https://static.igem.org/mediawiki/2017/d/d1/T--Pasteur_Paris--GC.jpeg"; id="GlobalCare" style="position:absolute; margin-top: 250px; left:19%; width: 150px; height: 60px; display:none"; onmouseout="GlobalCareNoiretBlanc()"></a>
+
   <a href="http://www.qiagen.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/a/a7/T--Pasteur_Paris--Qiagen.png"; id="Quiagen"; style="position:absolute; margin-top: 350px; left:21%; width: 100px; height: 86px; display:none"; onmouseout="QuiagenNoiretBlanc()"></a>
  <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms"><img src="https://static.igem.org/mediawiki/2017/c/cc/T--Pasteur_Paris--GC_BW.png"; id="GlobalCareBW" style="position:absolute; margin-top: 250px; left:19%; width: 150px; height: 60px"; onmouseover="GlobalCareCouleur()"></a>
+
   <a href="http://www.qiagen.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/2/2b/T--Pasteur_Paris--Quiagen_BW.png"; id="QuiagenBW"; style="position:absolute; margin-top: 350px; left: 21%; width: 100px; height: 86px"; onmouseover="QuiagenCouleur()"></a>
  <a href="http://www.qiagen.com"><img src="https://static.igem.org/mediawiki/2017/a/a7/T--Pasteur_Paris--Qiagen.png"; id="Quiagen"; style="position:absolute; margin-top: 240px; left:33%; width: 100px; height: 86px; display:none"; onmouseout="QuiagenNoiretBlanc()"></a>
+
   <a href="http://www.eurofins.fr" target="_blank"><img src="https://static.igem.org/mediawiki/2017/e/ed/T--Pasteur_Paris--eurofins.png"; id="eurofins"; style="position:absolute; margin-top: 370px; left:37%; width: 142.5px; height: 48px; display:none"; onmouseout="eurofinsNoiretBlanc()"></a>
   <a href="http://www.qiagen.com"><img src="https://static.igem.org/mediawiki/2017/2/2b/T--Pasteur_Paris--Quiagen_BW.png"; id="QuiagenBW"; style="position:absolute; margin-top: 240px; left: 33%; width: 100px; height: 86px"; onmouseover="QuiagenCouleur()"></a>
+
   <a href="http://www.eurofins.fr" target="_blank"><img src="https://static.igem.org/mediawiki/2017/e/ea/T--Pasteur_Paris--eurofins_BW.png"; id="eurofinsBW"; style="position:absolute; margin-top: 370px; left: 37%; width: 142.5px; height: 48px"; onmouseover="eurofinsCouleur()"></a>
   <a href="http://www.eurofins.fr"><img src="https://static.igem.org/mediawiki/2017/e/ed/T--Pasteur_Paris--eurofins.png"; id="eurofins"; style="position:absolute; margin-top: 255px; left:44.5%; width: 142.5px; height: 48px; display:none"; onmouseout="eurofinsNoiretBlanc()"></a>
+
   <a href="http://www.thermofisher.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/d/d7/T--Pasteur_Paris--Thermofisher.png"; id="Thermofisher"; style="position:absolute; margin-top: 370px; left:54%; width: 142.5px; height: 48px; display:none"; onmouseout="ThermofisherNoiretBlanc()"></a>
   <a href="http://www.eurofins.fr"><img src="https://static.igem.org/mediawiki/2017/e/ea/T--Pasteur_Paris--eurofins_BW.png"; id="eurofinsBW"; style="position:absolute; margin-top: 255px; left: 44.5%; width: 142.5px; height: 48px"; onmouseover="eurofinsCouleur()"></a>
+
   <a href="http://www.thermofisher.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/1/17/T--Pasteur_Paris--Thermofisher_BW.png"; id="ThermofisherBW"; style="position:absolute; margin-top: 370px; left: 54%; width: 142.5px; height: 48px"; onmouseover="ThermofisherCouleur()"></a>
   <a href="http://www.thermofisher.com"><img src="https://static.igem.org/mediawiki/2017/d/d7/T--Pasteur_Paris--Thermofisher.png"; id="Thermofisher"; style="position:absolute; margin-top: 255px; left:58.7%; width: 142.5px; height: 48px; display:none"; onmouseout="ThermofisherNoiretBlanc()"></a>
+
   <a href="http://www.thermofisher.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/f/fe/T--Pasteur_Paris--Barthenteim.png"; id="Barthenteim"; style="position:absolute; margin-top: 350px; right:21%; width: 81px; height: 90px; display:none"; onmouseout="BarthenteimNoiretBlanc()"></a>
   <a href="http://www.thermofisher.com"><img src="https://static.igem.org/mediawiki/2017/1/17/T--Pasteur_Paris--Thermofisher_BW.png"; id="ThermofisherBW"; style="position:absolute; margin-top: 255px; left: 58.7%; width: 142.5px; height: 48px"; onmouseover="ThermofisherCouleur()"></a>
+
   <a href="http://www.thermofisher.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/b/ba/T--Pasteur_Paris--Barthenteim_BW.png"; id="BarthenteimBW"; style="position:absolute; margin-top: 350px; right:21%; width: 81px; height: 90px"; onmouseover="BarthenteimCouleur()"></a>
   <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms"><img src="https://static.igem.org/mediawiki/2017/e/eb/T--Pasteur_Paris--Carnot.jpeg"; id="Carnot"; style="position:absolute; margin-top: 250px; right:19%; width: 130px; height: 58px; display:none"; onmouseout="CarnotNoiretBlanc()"></a>
+
   <a href="http://www.instituts-carnot.eu/fr/institut-carnot/pasteur-ms"><img src="https://static.igem.org/mediawiki/2017/f/f5/T--Pasteur_Paris--Carnot_BW.png"; id="CarnotBW"; style="position:absolute; margin-top: 250px; right:19%; width: 130px; height: 58px"; onmouseover="CarnotCouleur()"></a>
+
 
</div>
 
</div>
 
  </body>
 
  </body>
 
</html>
 
</html>

Latest revision as of 21:35, 15 December 2017

Applied
Design

Device

Using a multi-disciplinary approach, we designed an affordable, energy self-sufficient and efficient air purifier to fight indoor air pollution. Our product is composed of eight technical parts.

The interchangeable filter, made from synthetic biology, is held in place in a mount, easy to manipulate thanks to its small grip. This filtering part is then enclosed in a perforated plastic case, allowing air to flow through the object, and removing gross particles such as fibers.

In order to make the product energy self-sufficient, flexible solar cells surround the device’s case. Those cells supply power to a small fan, pulling the air through the filter that will trap and degrade pollutants. Ventilation holes located at the back of the device allows filtered air to extract.

All the parts of the device fit together thanks to a rubber strap, surrounding the whole product. Depending on the user’s preferences, this device can fit on flat surfaces - floor, desk, etc. - or on a wall, by attaching the strap to a stand or to a specially designed wall mounting.

App

A dedicated app for smartphones and tablets comes with the product. This app relays the service surrounding the product : scheduled filter replacement through an agenda, information about indoor air pollution through notifications, advice relating to good behavior through tutorials, etc.

Depending on different criteria, such as home location - close to a highway, to a farm, etc.- or indoor equipment - heating system, etc. -, the app is customizable. By creating his profile, the user will benefit from adapted filters regarding his close environment and local pollutants, more accurate information and advice.

All these design features - product, app and service - allied with the filter’s specificities make Æther’s device low cost and efficient, in comparison with existing air purifiers. For those reasons, Æther could reach everyone’s homes in the very short term. Would you sign for it ?

User Scenario

Two scenarios have been designed. The first one is about working with small groups of people - beta-testers - that will help Æther’s service to provide adapted filters, information and advices to the end user. The second one is about providing these adapted solutions to everyone, thanks to these beta-testers.

Beta-tester scenario :

Æther’s services will send early air purifier kits to volunteers that would apply for beta-testing the product, app and service for free. In exchange, they would help Æther to build a strong knowledge about close environment and local indoor air pollution by sharing their data - location, habitat description, etc.-. Plus, beta-testers will receive an additional filter - activated carbon for a wide range pollutants trapping - to send back to Æther’s laboratory for analysis. Thanks to these data, Æther will be able to design adapted filters for various environments and will be able to build and to provide verified information and advice for an end user living in similar environments.

End user scenario :

A future user could order Æther’s device and apply to the service thanks to a dedicated website. After completing his profile, the user will be about to receive a kit including :

- a self assembly kit of the air purifier ;

- an envelope containing an adapted filter and gloves ;

- a smartphone/digital tablet app.

Through the app, the user will be guided through the next stages. Once the product is assembled, the filter introduced and the flexible photovoltaic cells connected, Æther’s device starts trapping and degrading indoor pollutants.

When the filter’s lifetime is over, the user receives a push notification on his smartphone : an invitation to check his mailbox containing a brand new filter. Using provided gloves, he will replace the used filter by the new one. Once done, the device will start again purifying the indoor air and the used filter will be sent to collection centers in order to recover the degraded pollutants as an input for various industries, such as metal industries.

In a nutshell, Æther’s service and product would benefit :

-users health, by providing an affordable and efficient way to fight indoor air pollution through an innovative product, its integrated filter and a service ;

-environment, by feeding industries with pollutants recycled into useful raw materials - metals -, rather than using polluting and harmful extraction/transformation processes.