Difference between revisions of "Team:Madrid-OLM/Description"

 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Madrid-OLM/1}}
 
{{Madrid-OLM/1}}
 
<html lang="en">
 
<html lang="en">
   
 
 
     <style>
 
     <style>
 
         .tittle-secc{
 
         .tittle-secc{
Line 10: Line 9:
 
             padding-left: 1em !important;
 
             padding-left: 1em !important;
 
         }
 
         }
        .ourlist{ 
 
            font-size: 80% !important;
 
            margin-bottom: 1em !important;
 
        }
 
        .nomargin{
 
            margin-bottom: 0.4em !important;
 
        }
 
        .figureimage{
 
            margin-bottom: 0.5em
 
            }
 
   
 
 
     </style>
 
     </style>
 +
   
 
     <head>
 
     <head>
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
         <title>Applied design</title>
+
         <title>Description</title>
 
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="Applied design">
+
         <meta name="description" content="Main description of the project">
 
     </head>
 
     </head>
 
     <body class=" ">
 
     <body class=" ">
 
         <a id="start"></a>
 
         <a id="start"></a>
 
         <div class="main-container">
 
         <div class="main-container">
 +
            <section class="page-navigator">
 +
                <ul>
 +
                    <li>
 +
                        <a href="#home" class="inner-link" data-title="Home"></a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#enviro" class="inner-link" data-title="Our Mission"></a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#iotproblem" class="inner-link" data-title="IoT Problem"></a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#core" class="inner-link" data-title="The core: Aptamer"></a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#ourpro" class="inner-link" data-title="Our Proyect"></a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#ourdevice" class="inner-link" data-title="Our Device"></a>
 +
                    </li>
 +
 +
                </ul>
 +
            </section>
 
              
 
              
             <section class="tittle-secc text-center switchable feature-large">
+
             <section id="home" class="tittle-secc text-center switchable feature-large">
 
                 <div class="container">
 
                 <div class="container">
                     <div class="row justify-content-around boxed boxed--border bg--secondary boxed--lg box-shadow">
+
                     <div class="row justify-content-around">
 
                         <div class="col-md-8 col-lg-8">
 
                         <div class="col-md-8 col-lg-8">
                             <h1 id="Teamtittle">Applied design</h1>
+
                             <h1 id="Teamtittle">Description of the project</h1>
                            <p class="lead">The very process of designing begins when a brand new problematic is detected. Designing means visualizing. And applying a vision requires a feasible strategy.</p>
+
                            <p class="lead">When some of us joined our iGEM team, we had to introduce the project to our friends and families. Our message was simple enough to be explained in just a few words: “we want to design a way of measuring accurately any kind of molecule: viruses, bacterias, allergens”. We wanted to improve our society, and therefore build a better future for the upcoming generations.</p>
+
                            <p class="lead nomargin">We have explained in <a href="https://2018.igem.org/Team:Madrid-OLM/Description">our project description</a> that the challenge that we assume is creating the “<b>Internet of BioThings (IoBT)</b>”. To bring the IoBT to life, we have designed the following:</p>
+
                            <ol class="ourlist">
+
                                <li class="nomargin"><p class="lead">An affordable system of <a href="https://2018.igem.org/Team:Madrid-OLM/Aptamer">designing new aptamers</a>.</p></li>
+
                                <li class="nomargin"><p class="lead">A piece of hardware able to measure the targeted protein concentration in a complex solution, and upload the results to the cloud in real-time. You could see it in <a href="https://2018.igem.org/Team:Madrid-OLM/FinalPrototype">our final device</a>.</p></li>
+
                                <li><p class="lead">A mobile app that gathers the obtained data, for the user to visualize the information requested, i.e: the amount of allergens in an area.</p></li>
+
                            </ol>
+
                            <p class="lead ">Our team has defended the idea of <b>opening the design to everyone</b>, regardless their economic capacity. As iGEM is getting bigger, incorporating teams from every part of the world, it is mandatory to design projects able to be implemented worldwide, in a simple and affordable way.</p>
+
                            <p class="lead ">We have designed our product thinking about simple ways of manufacturing, as laser cutting and 3D printing. Due to this, <b>reproducibility</b> is almost ensured. We conceived a design for an universal user.</p>
+
                            <p class="lead nomargin">As the design is open to the whole community, another need that popped up was the <b>modularity</b> of our design. The design has been modular in the following aspects:</p>
+
                            <ol class="ourlist">
+
                                <li class="nomargin"><p class="lead">Microfluidic workbench: we have generated a workbench to provide the user with a versatile workbench for microfluidics experimentation. Any chip might be tested.</p></li>
+
                                <li class="nomargin"><p class="lead">The hardware design enables the user to test any aptasensor, regardless its composition. We have incorporated room for a potentiostat.</p></li>
+
                                <li><p class="lead">The mobile app gathers data from many measuring stations. Therefore the app might be more organic, or complex once a number of stations are enabled to share data with the app.</p></li>
+
                            </ol>
+
                            <p class="lead ">We would love to be consider for the Applied Design and serve as a positive orientation for those teams who want to think in a global thinking about design, integrating responsibility when conceiving new horizons, when designing brand new ideas and when realising their dreams.</p>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 59: Line 54:
 
                 </div>
 
                 </div>
 
                 <!--end of container-->
 
                 <!--end of container-->
             </section>    
+
             </section>
 +
           
 +
            <section id="enviro" class="text-center">
 +
                <div class="container">
 +
                    <div class="row boxed boxed--border bg--secondary boxed--lg box-shadow">
 +
                        <div class="col-md-10 col-lg-10">
 +
                            <h2>Our Vision</h2>
 +
 
 +
                            <h4>A new way of understanding our environment</h4>
 +
                            <p class="lead mt--2">The environment is made with millions of molecules. Many of them can be hazardous and many of them beneficial. Our lives are conditioned by our surrounding molecules, and they are too small to be observed.</p>
 +
                            <p class="lead mt--2">The society is made with millions of persons and everyone is different from the other. Unlike molecules, no two people are alike. In other words, what is beneficial for someone could be risky or dangerous for another one.</p>
 +
                           
 +
                            <img alt="Image1" class="mt--2" src="https://static.igem.org/mediawiki/2018/4/4c/T--Madrid-OLM--Proyect--Description--IOT.png" style="width:75%;"/>
 +
                            <p class="lead mt--2">We foresee a future where people can track how molecules move through the environment in real-time, from their own mobile device. We could choose whether to give a walk around a field of blooming roses or avoid the undesirable virus that hides around the corner. We want to bring the user a new way of looking to the environment, and therefore a new way of living.</p>
 +
                            <p class="lead">Our vision is beginning to exist. It is emerging now. And it is manifested when anyone receives a personalized ad, specific information about the traffic density, CO2 concentration, etc. It has received the name of “Internet of Things”, and this is happening with physical, chemical and social indicators. Unfortunately, there are no biological measurements. Why?</p>
 +
                               
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
                 
 +
           
 +
            <section id="iotproblem" class="switchable feature-large">
 +
                <div class="container boxed boxed--border bg--secondary boxed--lg box-shadow">
 +
                    <div class="row justify-content-around">
 +
                        <div class="col-md-6 text-center">
 +
                            <img alt="Image" class="border--round" src="https://static.igem.org/mediawiki/2018/7/7c/T--Madrid-OLM--Proyect--Description--city.png" />
 +
                        </div>
 +
                        <div class="col-md-7 col-lg-6">
 +
                            <div class="switchable__text" style="padding-left: 40px;">
 +
                                <h2>The problem of the Internet of Things</h2>
 +
                                <p class="lead">Why has not the Internet of Things (<b>IoT</b>) being enriched by the potentiality of Biology? The answer is not straightforward.</p>
 +
                                <p class="lead">Getting accurate biological measurements in a laboratory is feasible. But getting these results in an automated device, placed in the street, in an affordable way is more challenging.</p>
 +
                                <p class="lead">It might be due to the difficulty in the replicability of lab conditions. And there is another key factor to consider: the complexity of automating the lab protocols.</p>
 +
                                <p class="lead">The issues enumerated above is finally what we have considered being worth solving. And we have called it “The Internet of BioThings”.</p>
 +
                                <h4 class="mt--1">The Internet of BioThings (IoBT)</h4>
 +
                                <p class="lead">Our goal is to manufacture a proof of concept (PoC) of the final device. The initial PoC will be made for OLE1, the major allergen in olive pollen. But the eventual goal is to scale this PoC to a wide range of molecules, as the Internet of BioThings requires. </p>
 +
                                <p class="lead">The device that we have developed has a key functionality: uploading the measurement in real-time to the cloud. To prove this capability, we have developed an initial mockup of an iOS app that simulates a number of nodes that share the surrounding information that the user requires. </p>
 +
                                <p class="lead">Our technology can become real thanks to the aptamers, flexible molecules that can be artificially engineered to recognize almost any kind of molecule.</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
           
 +
            <section id="core" class="text-center">
 +
                <div class="container">
 +
                    <div class="row boxed boxed--border bg--secondary boxed--lg box-shadow">
 +
                        <div class="col-md-10 col-lg-10">
 +
                            <h2>Aptamers: the core of our device</h2>
 +
                            <p class="lead">Aptamers are single stranded DNA molecules. They work in a similar way to antibodies, but they have two main advantages: they are almost inexpensive and much more stable. </p>
 +
                            <img alt="Image1" src="https://static.igem.org/mediawiki/2018/1/18/T--Madrid-OLM--Proyect--Description--Aptamerexample.png" style="width:60%;"/>
 +
                            <p class="lead">We have chosen aptamers because they are stable and affordable. We need them to be stable, because their nominal working conditions are going to be outdoors, outside the lab environment, in a tougher scenario. And we want them to be affordable because we want to place a huge number of devices. </p>
 +
                            <p class="lead">Aptamers are designed through an artificial evolution process called <b>Systematic Evolution of Ligands by EXponential Selection</b> (SELEX).</p>
 +
                            <p class="lead">Some iGEM teams have tried to implement the SELEX process looking forward to designing their own aptamers. But nevertheless, due to the high amount of time and cost involved, as well as the complexity of the required techniques, no previous iGEM teams have presented satisfactory results in this field. </p>
 +
                            <p class="lead">We are presenting at iGEM, for the first time, a way of doing the SELEX, reducing both costs and effort, and manufacturing the required component with a 3D printer. The component that makes the difference is a 3D printed eppendorf spin column with nitrocellulose filters.</p>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
                 
 +
            <section id="ourpro" class="text-center">
 +
                <div class="container">
 +
                    <div class="row boxed boxed--border bg--secondary boxed--lg box-shadow">
 +
                        <div class="col-md-10 col-lg-10">
 +
                            <h2>Our project</h2>
 +
                            <p class="lead">Once we have introduced the notions of IoT, IoBT and aptamers, we shall give a brief description of our project. It is based on two processes:</p>
 +
                            <div class="row"> 
 +
                                <div class="col-md-4 ">
 +
                                    <div class="boxed boxed--border bg--secondary boxed--lg box-shadow lesspad">
 +
                                        <img alt="Image" class="border--round" src="https://static.igem.org/mediawiki/2018/4/4d/T--Madrid-OLM--Proyect--Description--Aptamer_icon.png" style="width:90%;" />
 +
 
 +
                                        <a class="btn btn--primary-2 btn--sm type--uppercase" href="https://2018.igem.org/Team:Madrid-OLM/Aptamer">
 +
                                            <span class="btn__text">
 +
                                                Aptamer development
 +
                                            </span>
 +
                                        </a>
 +
                                        <br/><br/>
 +
                                        <p class="lead" style="margin-left:10%; margin-right:10%;">we have optimised the SELEX process in order to reduce expenses. The final goal is to scale the SELEX process to many other aptamers, and therefore generate a way of automating the discovery of aptamers. </p>
 +
 
 +
                                    </div>
 +
                                </div>
 +
                                <div class="col-md-1 ">
 +
                                   
 +
                                </div>
 +
                                <div class="col-md-5 ">
 +
                                    <div class="boxed boxed--border bg--secondary boxed--lg box-shadow lesspad">
 +
                                        <img alt="Image" class="border--round" src="https://static.igem.org/mediawiki/2018/1/19/T--Madrid-OLM--Proyect--Description--Deviceicon.png" style="width:75%;" />
 +
                                        <a class="btn btn--primary-2 btn--sm type--uppercase" href="https://2018.igem.org/Team:Madrid-OLM/OurHardware">
 +
                                            <span class="btn__text">
 +
                                                Device integration
 +
                                            </span>
 +
                                        </a>
 +
                                        <br/><br/>
 +
                                        <p class="lead" style="margin-left:10%; margin-right:10%;">Once aptamers are discovered and provided, we integrate them into the sensor, the main part of our device. The goal is to produce a biosensor able to detect a wide variety of molecules. By replacing the biochip, the same hardware will be capable of returning data related to the inserted chip. It will work as a versatile device that provides different data related to different molecules, that at the same time relates to their correspondent aptamers. </p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
 
 +
           
 +
            <section id="ourdevice" class="switchable feature-large">
 +
                <div class="container boxed boxed--border bg--secondary boxed--lg box-shadow">
 +
                    <div class="row justify-content-around">
 +
                        <div class="col-md-6 text-center">
 +
                            <img alt="Image" class="border--round" src="https://static.igem.org/mediawiki/2018/0/04/T--Madrid-OLM--Proyect--Description--Devicefhisic.png"  style="width:70%;" />
 +
                        </div>
 +
                        <div class="col-md-6 col-lg-5">
 +
                            <div class="switchable__text notop">
 +
                                <h2>Our device</h2>
 +
                                <p class="lead">Our device is the product that puts together the bits and pieces of our project. It has been the outcome of a challenging process and sums up our effort and dedication.  We would love to demonstrate how our device works. You can find it in the following link:</p>
 +
                                <a class="btn btn--primary-2 btn--sm type--uppercase" href="https://2018.igem.org/Team:Madrid-OLM/Demonstrate">
 +
                                    <span class="btn__text">
 +
                                        Demostrate
 +
                                    </span>
 +
                                </a>
 +
                                <br/><br/>
 +
                                <p class="lead">For further information about the final prototype, do not hesitate to visit this link:</p>
 +
                                <a class="btn btn--primary-2 btn--sm type--uppercase" href="https://2018.igem.org/Team:Madrid-OLM/FinalPrototype">
 +
                                    <span class="btn__text">
 +
                                        Final Prototype
 +
                                    </span>
 +
                                </a>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
 
 +
           
 +
                     
 
         </div>
 
         </div>
 
         <!--<div class="loader"></div>-->
 
         <!--<div class="loader"></div>-->

Latest revision as of 10:32, 9 November 2018

Madrid-OLM

Description

Description of the project

Our Vision

A new way of understanding our environment

The environment is made with millions of molecules. Many of them can be hazardous and many of them beneficial. Our lives are conditioned by our surrounding molecules, and they are too small to be observed.

The society is made with millions of persons and everyone is different from the other. Unlike molecules, no two people are alike. In other words, what is beneficial for someone could be risky or dangerous for another one.

Image1

We foresee a future where people can track how molecules move through the environment in real-time, from their own mobile device. We could choose whether to give a walk around a field of blooming roses or avoid the undesirable virus that hides around the corner. We want to bring the user a new way of looking to the environment, and therefore a new way of living.

Our vision is beginning to exist. It is emerging now. And it is manifested when anyone receives a personalized ad, specific information about the traffic density, CO2 concentration, etc. It has received the name of “Internet of Things”, and this is happening with physical, chemical and social indicators. Unfortunately, there are no biological measurements. Why?

Image

The problem of the Internet of Things

Why has not the Internet of Things (IoT) being enriched by the potentiality of Biology? The answer is not straightforward.

Getting accurate biological measurements in a laboratory is feasible. But getting these results in an automated device, placed in the street, in an affordable way is more challenging.

It might be due to the difficulty in the replicability of lab conditions. And there is another key factor to consider: the complexity of automating the lab protocols.

The issues enumerated above is finally what we have considered being worth solving. And we have called it “The Internet of BioThings”.

The Internet of BioThings (IoBT)

Our goal is to manufacture a proof of concept (PoC) of the final device. The initial PoC will be made for OLE1, the major allergen in olive pollen. But the eventual goal is to scale this PoC to a wide range of molecules, as the Internet of BioThings requires.

The device that we have developed has a key functionality: uploading the measurement in real-time to the cloud. To prove this capability, we have developed an initial mockup of an iOS app that simulates a number of nodes that share the surrounding information that the user requires.

Our technology can become real thanks to the aptamers, flexible molecules that can be artificially engineered to recognize almost any kind of molecule.

Aptamers: the core of our device

Aptamers are single stranded DNA molecules. They work in a similar way to antibodies, but they have two main advantages: they are almost inexpensive and much more stable.

Image1

We have chosen aptamers because they are stable and affordable. We need them to be stable, because their nominal working conditions are going to be outdoors, outside the lab environment, in a tougher scenario. And we want them to be affordable because we want to place a huge number of devices.

Aptamers are designed through an artificial evolution process called Systematic Evolution of Ligands by EXponential Selection (SELEX).

Some iGEM teams have tried to implement the SELEX process looking forward to designing their own aptamers. But nevertheless, due to the high amount of time and cost involved, as well as the complexity of the required techniques, no previous iGEM teams have presented satisfactory results in this field.

We are presenting at iGEM, for the first time, a way of doing the SELEX, reducing both costs and effort, and manufacturing the required component with a 3D printer. The component that makes the difference is a 3D printed eppendorf spin column with nitrocellulose filters.

Our project

Once we have introduced the notions of IoT, IoBT and aptamers, we shall give a brief description of our project. It is based on two processes:

Image Aptamer development

we have optimised the SELEX process in order to reduce expenses. The final goal is to scale the SELEX process to many other aptamers, and therefore generate a way of automating the discovery of aptamers.

Image Device integration

Once aptamers are discovered and provided, we integrate them into the sensor, the main part of our device. The goal is to produce a biosensor able to detect a wide variety of molecules. By replacing the biochip, the same hardware will be capable of returning data related to the inserted chip. It will work as a versatile device that provides different data related to different molecules, that at the same time relates to their correspondent aptamers.

Image

Our device

Our device is the product that puts together the bits and pieces of our project. It has been the outcome of a challenging process and sums up our effort and dedication. We would love to demonstrate how our device works. You can find it in the following link:

Demostrate

For further information about the final prototype, do not hesitate to visit this link:

Final Prototype