|
|
| (23 intermediate revisions by 5 users not shown) |
| Line 212: |
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 431: |
Line 439: |
| | left:0px; | | left:0px; |
| | border-bottom:4px dotted black; | | border-bottom:4px dotted black; |
| − | width: 302px; | + | width: 40px; |
| | + | } |
| | + | |
| | + | .underline1{ |
| | + | display:block; |
| | + | position:relative; |
| | + | top:-10px; |
| | + | left:0px; |
| | + | border-bottom:4px dotted black; |
| | + | width: 134px; |
| | } | | } |
| | | | |
| Line 629: |
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 645: |
Line 664: |
| | position: fixed; | | position: fixed; |
| | left: 40px; | | left: 40px; |
| − | top: 53.7%; | + | top: 50.7%; |
| − | text-align: center;
| + | |
| | } | | } |
| | | | |
| Line 707: |
Line 725: |
| | position: fixed; | | position: fixed; |
| | left: 40px; | | left: 40px; |
| − | top: 42%; | + | top: 50%; |
| | + | } |
| | + | |
| | + | .outer16 { |
| | + | position: fixed; |
| | + | left: 40px; |
| | + | top: 36%; |
| | } | | } |
| | | | |
| Line 832: |
Line 856: |
| | position:relative; | | position:relative; |
| | top:5px; | | top:5px; |
| − | left:33%; | + | left:25%; |
| | display:none; | | display:none; |
| | height:3px; | | height:3px; |
| Line 953: |
Line 977: |
| | top:5px; | | top:5px; |
| | left:10%; | | left:10%; |
| | + | display:none; |
| | + | height:3px; |
| | + | width:22.5px; |
| | + | background: #3298CB; |
| | + | content:"" |
| | + | } |
| | + | |
| | + | #batonbleu16{ |
| | + | position:relative; |
| | + | top:5px; |
| | + | left:35%; |
| | display:none; | | display:none; |
| | height:3px; | | height:3px; |
| Line 989: |
Line 1,024: |
| | /*border-bottom:4px dotted black;*/ | | /*border-bottom:4px dotted black;*/ |
| | z-index:-1; | | z-index:-1; |
| − | width: 160px; | + | width: 70px; |
| | border-bottom:4px dotted black; | | border-bottom:4px dotted black; |
| | } | | } |
| Line 1,085: |
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,106: |
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,115: |
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,215: |
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,224: |
Line 1,259: |
| | <div style="height:75vh"> | | <div style="height:75vh"> |
| | <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"/> | | <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;">Design </br>methodology</p> | + | <p id="title" style="font-size:50pt; font-family: MinionPro, serif;">Applied </br>Design</p> |
| | <div class="Chili"></div> | | <div class="Chili"></div> |
| − | <p id="subtitles" style=" font-family: MinionPro, serif; font-size:18pt;margin-top:55vh">What is design?</p> | + | <p id="subtitles" style=" font-family: MinionPro, serif; font-size:18pt;margin-top:55vh">Device</p> |
| | </div> | | </div> |
| | | | |
| | <div class="text"> | | <div class="text"> |
| − | <p class="maintext" style="margin-top:75vh"> <b><span style="font-size:15pt; font-family: MinionPro">We </span>should understand “design” as a discipline enabling designers to invent creative solutions in order to solve issues. We are used to say that engineering focus on technical problems, and that “design” focus on human issues. From there, there are thousands of different design practices : some design products - industrial design -, others design apps - digital design -, sounds - sound design - or food - culinary design -, for example. It is about adapting a solution - an idea, a technology, etc. - in a human context which contains social, cultural or economic constraints. It is like thinking as a sociologist - knowledge - and acting like an engineer - tools -. To do so, designers use specific tools and methodologies. To illustrate this way to imagine tomorrow’s products or services, we decided to share our methodology in the following part “design methodology”. Enjoy !</b></p> | + | <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"> | | <div class="subtitle" style="font-size:18pt"> |
| − | <p style="font-family: MinionPro, serif;font-size:18pt">Setting up a design&science approach</p> | + | <p style="font-family: MinionPro, serif;font-size:18pt">App</p> |
| | <div class="underline"></div> | | <div class="underline"></div> |
| | </div> | | </div> |
| | | | |
| − | <p class="maintext"><b> Getting through iGEM’s experience and working on Æther’s project is a way to experiment new approaches of our future jobs, far away from the traditional laboratory, design studio or lawyer’s office. As curious students, but also as citizens living in a complex world, we strongly believe we could play a role in solving tomorrow’s big issues. </b></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"><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> |
| | + | |
| | + | |
| | + | <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> |
| | | | |
| − | <p class="maintextsuite"><b>We feel concerned about environmental, health and social issues. We also think major innovations in these field will emerge from the meeting point between disciplines : at the frontier of science, engineering and design. Thus, in order to propose a relevant and realistic response to a contemporary issue, we have endeavored to design and maintain strong interactions between our skills, knowledge, methods and tools all along the project, from Ideation to the Prototyping of a product and a service based on an app.</b></p>
| |
| | | | |
| | <div class="subtitle" style="font-size:18pt"> | | <div class="subtitle" style="font-size:18pt"> |
| − | <p style="font-family: MinionPro, serif;font-size:18pt">Setting up a Design&Science approach</p> | + | <p style="font-family: MinionPro, serif;font-size:18pt">User Scenario</p> |
| − | <div class="underline"></div> | + | <div class="underline1"></div> |
| | </div> | | </div> |
| | | | |
| − | <p class="maintext"><b> Ideation is a key factor to design successful projects and innovative ideas. As we are a multidisciplinary team, we used specific tools (brainstorming, mapping tools, ideation tools, post-it sessions, etc.) to communicate between us. They are common tools for designers, engineers and scientists, helping us to mix our skills in order to :</b></p> | + | <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>We feel concerned about environmental, health and social issues. We also think major innovations in these field will emerge from the meeting point between disciplines : at the frontier of science, engineering and design. Thus, in order to propose a relevant and realistic response to a contemporary issue, we have endeavored to design and maintain strong interactions between our skills, knowledge, methods and tools all along the project, from Ideation to the Prototyping of a product and a service based on an app.</b></p> | + | <p class="maintextsuite"><b>Beta-tester scenario :</br> |
| | | | |
| | | | |
| − | <p class="maintextsuite" style="margin-left:12.25px"><i> -identify contemporary major issues ;</i></p> | + | <div style="width:75%; margin-bottom: 20px; margin-top: 20px"> |
| − | <p class="maintextsuite" style="margin-left:12.25px"><i> -imagine biological solutions ;</i></p>
| + | |
| − | <p class="maintextsuite" style="margin-left:12.25px"><i> -create products and services using these biological solutions to solve previously identified issues, taking into account social, economic, cultural, ecological or technical aspects, amongst others.</i></p>
| + | |
| − | | + | |
| − | <div style="width:75%">
| + | |
| | <div style="width:100%"> | | <div style="width:100%"> |
| − | <img src="https://static.igem.org/mediawiki/2017/e/eb/T--Pasteur_Paris--Design1.jpeg"; style="width:100%"></img> | + | <img src="https://static.igem.org/mediawiki/2017/d/d6/T--Pasteur_Paris--Applied_Design_2.png"; style="width:100%"></img> |
| | </div> | | </div> |
| | </div> | | </div> |
| | | | |
| − | <p class="maintextsuite"><b>These exercises led to schemas and maps : a starting point to draw innovative ideas through sketches. Thus, we decided to focus on air pollution and we started to imagine different ways - scenarios, materials, products, services - to fight it. This choice - air pollution -, comes from a twofold observation :</b></p> | + | <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" style="margin-left:12.25px"><i> -First, we understand outdoor/indoor air pollution as an issue to solve thanks to design and science : it causes major health issues all around the world. There is no frontier to stop airborne pollutants and we are all exposed to it.</i></p>
| |
| − | <p class="maintextsuite" style="margin-left:12.25px"><i> -Then, we understand air pollution as an opportunity for sustainability : pollutants can be degraded and recovered into useful raw materials - such as metals - we could use to feed industries, rather than using non sustainable extraction/transformation processes, harmful for the environment.</i></p>
| |
| | | | |
| − | <p class="maintextsuite"><b>From there and thanks to the tens of ideas we had, we jumped to the next stage : research.</b></p> | + | <p class="maintextsuite"><b>End user scenario :</br> |
| | | | |
| − | <div class="subtitle" style="font-size:18pt"> | + | <div style="width:75%; margin-bottom: 20px; margin-top: 20px"> |
| − | <p style="font-family: MinionPro, serif;font-size:18pt">RESEARCH</p>
| + | <div style="width:100%"> |
| − | <div class="underline"></div> | + | <img src="https://static.igem.org/mediawiki/2017/e/e0/T--Pasteur_Paris--Applied_Design_3.png"; style="width:100%"></img> |
| | </div> | | </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="maintext"><b>After selecting the more relevant ideas regarding air pollution, we started to :</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> |
| | | | |
| − | <p class="maintextsuite" style="margin-left:12.25px"><i> -meet with experts ;</i></p>
| |
| − | <p class="maintextsuite" style="margin-left:12.25px"><i> -identify related literature ;</i></p>
| |
| − | <p class="maintextsuite" style="margin-left:12.25px"><i> -meet and question potential users through - meetings, surveys - ;</i></p>
| |
| − | <p class="maintextsuite" style="margin-left:12.25px"><i> -look for past and present solutions and to identify their limits ;</i></p>
| |
| − | <p class="maintextsuite" style="margin-left:12.25px"><i> -identify the codes - semiotics, signs, ergonomics, shapes - induced in health related products.</i></p>
| |
| | | | |
| − | <p class="maintextsuite"><b>Finally, all these steps led us to understand the context in which we would use our device/service. Analyzing the existing products led us to identify opportunities to create the more relevant product and service regarding the context and the User. This analysis let us think that creating an affordable, energy self-sufficient and efficient product as well as a user-friendly service would be way for mass adoption that would benefit health in our societies.</b></p>
| |
| | | | |
| | | | |
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.
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 ?
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.
