Difference between revisions of "Team:Madrid-OLM/Applied Design"

Line 1: Line 1:
 
{{Madrid-OLM/1}}
 
{{Madrid-OLM/1}}
 
<html lang="en">
 
<html lang="en">
 +
   
 +
    <style>
 +
        .tittle-secc{
 +
            padding-top: 12em !important;
 +
        }
 +
        .lesspad{
 +
            padding-right: 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>
 
     <head>
 
     <head>
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
−
         <title>Titulo del apartado</title>
+
         <title>Applied design</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="Site Description Here">
+
         <meta name="description" content="Applied design">
 
     </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="#story" class="inner-link" data-title="1 apartado"></a>
 
−
                    </li>
 
−
                    <li>
 
−
                        <a href="#ceremony" class="inner-link" data-title="2 apartado"></a>
 
−
                    </li>
 
−
                    <li>
 
−
                        <a href="#couple" class="inner-link" data-title="3 apartado"></a>
 
−
                    </li>
 
−
                    <li>
 
−
                        <a href="#reception" class="inner-link" data-title="4 apartado"></a>
 
−
                    </li>
 
−
                    <li>
 
−
                        <a href="#rsvp" class="inner-link" data-title="5 Apartado"></a>
 
−
                    </li>
 
−
                </ul>
 
−
            </section>
 
 
              
 
              
−
             <section id="home" class="cover height-100 imagebg text-center parallax" data-overlay="3">
+
             <section class="tittle-secc text-center switchable feature-large">
−
                 <div class="background-image-holder">
+
                 <div class="container">
−
                     <img alt="background" src="img/wedding-1.jpg" />  <!-- Imagen del apartado si se necesita -->
+
                     <div class="row justify-content-around">
−
                </div>
+
                         <div class="col-md-8 col-lg-8">
−
                <div class="container pos-vertical-center">
+
                             <h1 id="Teamtittle">Applied design</h1>
−
                    <div class="row">
+
                             <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>
−
                         <div class="col-md-12">
+
                             <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>
−
                             <h1 class="h1--large">
+
                             <a class="btn btn--primary-2 btn--sm type--uppercase" href="2018.igem.org/Team:Madrid-OLM/Description">
−
                                Titulo del apartado
+
−
                            </h1>
+
−
                             <p class="lead">
+
−
                                Alguna descripcion si queremos
+
−
                             </p>
+
−
                             <a class="btn btn--primary type--uppercase inner-link" href="#rsvp">
+
 
                                 <span class="btn__text">
 
                                 <span class="btn__text">
−
                                     Posible boton a alguna zona importante
+
                                     Proyect Description
 
                                 </span>
 
                                 </span>
 
                             </a>
 
                             </a>
−
                        </div>
+
                            <p class="lead nomargin">We have explained in our project description 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>
−
                    </div>
+
                            <ol class="ourlist">
−
                    <!--end of row-->
+
                                <li class="nomargin"><p class="lead">An affordable system of designing new aptamers.</p></li>
−
                </div>
+
                                <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.</p></li>
−
                <!--end of container-->
+
                               
−
            </section>
+
                                <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>
−
            <section id="story" class="text-center">
+
                           
−
                <div class="container">
+
−
                    <div class="row">
+
−
                        <div class="col-md-10 col-lg-8">
+
−
                            <h2>Apartado 1</h2>
+
−
                            <p class="lead">
+
−
                                Cosas del apartado 1, se necesita meter mas divs seguramente
+
−
                            </p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <!--end of row-->
+
−
                </div>
+
−
                <!--end of container-->
+
−
            </section>
+
−
           
+
−
            <!--MEETUPS-->
+
−
            <section id="attendance" 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>Attendance to Meet Ups</h2>
+
−
                            <p class="lead">The meets ups bring several advantages to the teams. It is one of the simplest ways to reach a greater number of people to whom you can explain your project. And therefore they allow you to know first-hand the projects of the rest of the teams so that you can consult and clarify doubts. These meetings also allow for more related and powerful collaborations thanks to knowing the rest of the teams in person. And last but not least, they allow you to practice exposing your project with a view to improving in the Giant Jamboree.</p>
+
−
                             <p class="lead">Our team attended two meet ups that took place in the month of August.</p>
+
 
                              
 
                              
−
                             <div id="meetsups" class="tabs-container" data-content-align="center">
+
                             <img alt="Image1" src="https://static.igem.org/mediawiki/2018/c/c2/T--Madrid-OLM--Device--FinalPrototype--Final_Device.png" style="width:100%;"/>
−
                                <ul class="tabs">
+
                            <p class="lead">Our second device was born from a need. It was not preconceived, as the first prototype. We needed to solve many experimental inconveniences and many misconceptions that we had when we designed the first prototype.</p>
−
                                    <li class="active">
+
                            <a class="btn btn--primary-2 btn--sm type--uppercase" href="2018.igem.org/Team:Madrid-OLM/FirstPrototype">
−
                                        <div class="tab__title">
+
−
                                            <span class="h5">Marseille</span>
+
−
                                        </div>
+
−
                                        <div class="tab__content">
+
−
                                            <h3>Mediterranean Meet Up (Marseille)</h3>
+
−
                                            <img alt="Image1" src="https://static.igem.org/mediawiki/2018/9/9a/T--Madrid-OLM--Collaboration--Marseille--All.png" style="width:80%;"/>
+
−
                                            <p class="lead">This meet up took place between Thursday 9 and Friday 10 August in the city of Marseille and was organized by the team of this city, the Aix-Marseille. In it, all the teams from the Mediterranean area were summoned, so they ended up attending both France and Spain. Francisco, Gonzalo and Ivan attended this meet up on behalf of the team.</p>
+
−
                                            <p class="lead">The event began with a reception in which all teams had their first informal contact. Subsequently, a 5 minutes presentation of each of the projects was organized, summarizing the concept on which the proyect was based, the work carried out and the plans to complete it. After the exhibition, each team answered the questions that could have the jury and the rest of the teams.</p>
+
−
                                            <img alt="Image2" src="https://static.igem.org/mediawiki/2018/4/49/T--Madrid-OLM--Collaboration--Marseille--Exp.png" style="width:70%;"/>
+
−
                                            <p class="lead">Later they invited us to a joint meal. In the afternoon it was organized a sightseeing tour of the city, but due to inclement weather it had to be suspended, although we could enjoy a pleasant evening of board games and conversations with the rest of the teams. At night a meeting was also organized in a pub to end a day where we had met many new people.</p>
+
−
                                            <p class="lead">The second (and last day) had two interesting activities. The first was the meetings with different experts from the university, which privately asked each team about controversial issues. To see if these issues had been taken into account and the possible solutions and consequences were debated.</p>
+
−
                                            <img alt="Image3" src="https://static.igem.org/mediawiki/2018/2/22/T--Madrid-OLM--Collaboration--Marseille--Experts.png" style="width:70%;"/>
+
−
                                            <p class="lead">To close the event, a poster presentation session was held, which was very enriching to know how to present our project in Boston..</p>
+
−
                                            <p class="lead">One of the things that were achieved in this meet up was the agreement with the UPF-CRG-Barcelona group to organize an activity in their meet up. Activity that is explained in the following session (and that gave rise to a greater collaboration).</p>
+
−
                                            <img alt="Image4" src="https://static.igem.org/mediawiki/2018/2/2b/T--Madrid-OLM--Collaboration--Marseille--Poster.png" style="width:70%;"/>
+
−
                                            <br/>
+
−
                                        </div>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <div class="tab__title">
+
−
                                            <span class="h5">Barcelona</span>
+
−
                                        </div>
+
−
                                        <div class="tab__content">
+
−
                                            <h3>Spanish Meet Up (Barcelona)</h3>
+
−
                                            <img alt="Image5" src="https://static.igem.org/mediawiki/2018/6/6d/T--Madrid-OLM--Collaboration--BCN--All.png" style="width:70%;"/>
+
−
                                            <p class="lead">This meet up took place between Saturday 18 and Monday 20 August in the city of Barcelona and was organized by one of the two teams of this same city, the UPF-CRG-Barcelona. In it, all the teams from Spain were called, which all but the Valencia team attended. To this meet up they were representing the whole team: Laura, Iván and Francisco. The meet up took place in the Biomedical Research Park of Barcelona (PRBB), center where the host team operates and where they started with a welcome activity. This activity consisted of a game where each one of the assistants of each team presented themselves, so that the subsequent environment was much more relaxed.</p>
+
−
                                            <p class="lead">The next activity was the one organized by our team. In this activity we proposed to carry out a collaborative guide in which each group would give the main ideas on how they have solved the main problems that have arisen in iGEM. The structure we proposed was followed. We collected these ideas and wrote a complete guide. We explain this collaboration in a later section of the collaborations. After this, some playful activities were carried out on the beach, including volleyball games. </p>
+
−
                                            <img alt="Image6" src="https://static.igem.org/mediawiki/2018/5/5e/T--Madrid-OLM--Collaboration--BCN--Voley.png" style="width:65%;"/>
+
−
                                            <p class="lead">During the morning of the second day, a more detailed presentation of each team's project was made. There was 30 minutes to expose each project in detail. This activity was very useful because the rest of the teams, besides getting to know the details of each project well, could intervene to give advice on how to make the presentations. Each team took a series of points in which they could be reinforced in the face of the presentation of the Giant Jamboree.</p>
+
−
                                            <p class="lead">In the afternoon the time was taken to take a tour in the tourist center of the city and ended up having dinner with a picnic in the Parc Guell. A viewpoint that have views of the entire city at night.</p>
+
−
                                            <img alt="Image7" src="https://static.igem.org/mediawiki/2018/7/78/T--Madrid-OLM--Collaboration--BCN--Tour.png" style="width:60%;"/>
+
−
                                            <br/>
+
−
                                            <p class="lead">During the morning of the last day, to close the meet up, we were able to attend to some enriching expert talks. They offered us their views on synthetic biology and they explained the works in which they are immersed today.</p>
+
−
                                            <img alt="Image8" src="https://static.igem.org/mediawiki/2018/e/e3/T--Madrid-OLM--Collaboration--BCN--Bye.png" style="width:70%;"/>
+
−
                                            <br/>
+
−
                                        </div>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </div>
+
−
                            <a class="btn btn--primary-2 type--uppercase inner-link" href="#meetsups">
+
 
                                 <span class="btn__text">
 
                                 <span class="btn__text">
−
                                     Back to Meet up Index
+
                                     First Prototype
 +
                                </span>
 +
                            </a>
 +
                            <br/><br/>
 +
                            <p class="lead">The environment that motivated the birth of the final prototype was a different one. We would love to consider this device as a mature version of the initial one. We introduced the following improvements: </p>
 +
                            <ol class="ourlist">
 +
                                <li class="nomargin"><p class="lead">Electrochemical system of measurement: we required a potentiostat and some electrodes for testing the protein and aptamers binding. </p></li>
 +
                                <li class="nomargin"><p class="lead">Integrate an electrode into a microfluidic chip.</p></li>
 +
                                <li class="nomargin"><p class="lead">Correlate the protein concentration to the potentiostat readings.</p></li>
 +
                                <li class="nomargin"><p class="lead">Automated pressure pump control for the microfluidic chip.</p></li>
 +
                                <li class="nomargin"><p class="lead">Capability of real-time data uploading to the cloud.</p></li>
 +
                                <li class="nomargin"><p class="lead">Integrate this data in an iOS app.</p></li>
 +
                                <li><p class="lead">Integrate every subsystem into a functional device.</p></li>
 +
                            </ol>
 +
                            <p class="lead">Besides, we would love to consider that our final version of the device is versatile enough to be presented as a resilient biodevice workbench. It might be used by anyone that requires a device for experimenting with aptasensors based on an electrochemical system of measurement.</p> 
 +
                            <p class="lead">Although we are presenting a design that seems to be closed, we are proud to share with everyone our design in <a href="http://github.com/OpenLabMadrid/iGEM-Madrid-OLM/tree/master/CAD/Second%20Prototype">our Github</a>. It is open to improvements. We would love to receive as much feedback as possible.</p>
 +
                            <a class="btn btn--primary-2 btn--sm type--uppercase" href="https://2018.igem.org/Team:Madrid-OLM/HardawareMicrofluidics">
 +
                                <span class="btn__text">
 +
                                    Microfluidics
 +
                                </span>
 +
                            </a>
 +
                            <a class="btn btn--primary-2 btn--sm type--uppercase" href="https://2018.igem.org/Team:Madrid-OLM/HardwareElectronics">
 +
                                <span class="btn__text">
 +
                                    Electronics
 
                                 </span>
 
                                 </span>
 
                             </a>
 
                             </a>
Line 137: Line 91:
 
              
 
              
 
              
 
              
−
             <!--MADRID-->
+
 
−
             <section id="Organization" 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>Organization of a Meet Up: Another European Meet Up</h2>
+
−
                            <h5>Reason</h5>
+
−
                            <p class="lead">After attending two meet ups we realized that these meetings are very enriching experiences in preparation for the Giant Jamboree. One of the main reasons for these meet ups is to get to know and know the project of other teams. Other reason is that its also serves to practice the presentations of the project and its results. And finally serve to open the network of contacts beyond the contest itself.</p>
+
−
                            <p class="lead">We realized that the events to which more teams come are usually the first ones to be organized, and in these although if they serve to obtain collaborations, do not fulfill so much the function of practicing to present the results of your project due to at the beginning of the summer there are no results.</p>
+
−
                            <p class="lead">This year the European meet up was on July 20. Date in which novice teams, without sufficient contacts do not yet know how to deal with these events and do not have the necessary funds to attend. And teams with more experience do not yet have conclusive results. With this context we proposed this ambitious project: Make another European meet up. We invited all the teams of the continent in mid-September. A date that was supposed to be the best for the organization of new teams and with the possibility of simulating the final event.</p>
+
−
                           
+
−
                            <h5>Event</h5>
+
−
                            <p class="lead">The event was organized between September 14 and 16. Although this event was given as much publicity as possible and contact was made with all possible teams in Europe, attendance was low due to several factors:</p>
+
−
                            <ul>
+
−
                                <li>
+
−
                                    <p class="lead"><b>- Spain is geographically at one end of Europe and travel is expensive.</b></p>     
+
−
                                </li>
+
−
                                <li>
+
−
                                    <p class="lead"><b>- The teams were short of funds and were saving for the trip to Boston.</b></p>
+
−
                                </li>
+
−
                                <li>
+
−
                                    <p class="lead"><b>- The event was announced at the beginning of September, many teams did not have room to maneuver in their organization to attend.</b></p>     
+
−
                                </li>
+
−
                            </ul>
+
−
                            <br/>
+
−
                            <p class="lead">Despite these inconveniences we had assistance from several participants of some teams (all of them came from within the Spanish territory thanks to the facilities for transport). Although there was an extensive program of activities, these had to be adjusted and reorganized so that the maximum number of attendees could enjoy them.</p>
+
−
                       
+
−
                            <h5>Activities</h5>
+
−
                            <p class="lead">The event began on Friday the 14th in the afternoon with the main course. In it, after the reception of the attendees we gave way to a series of very interesting expert presentations. We were able to count on the attendance of the following personalities</p>
+
−
                            <p class="lead"><u><b>Victor de Lorenzo</b></u></p>
+
−
                            <p class="lead">He is one of the Spanish most relevant researchers in the Synthetic Biology field. He work in the National Biotechnology Center (CNB) a part of the Superior Council of Scientific Investigations (CSIC). His laboratory is specialized in solving environmental issues using genetically engineered Pseudomonas putida. He gave us an interesting talk about <i>"Synthetic Biology in the rescue of the planet Earth"</i>.</p>
+
−
                            <img alt="Image5" src="https://static.igem.org/mediawiki/2018/e/ee/T--Madrid-OLM--Collaboration--Madrid--Conference1.png" style="width:70%;"/>
+
−
                           
+
−
                            <p class="lead"><u><b>Saul Ares</b></u></p>
+
−
                            <p class="lead">He is a researcher of the CNB too. His work is central in the mathematical modeling of Synthetic Biology systems. He has also collaborated with previous iGEM teams. His presentation talked about <i>"How do cyanobacteria count to ten"</i>.</p>
+
−
                            <img alt="Image5" src="https://static.igem.org/mediawiki/2018/7/7e/T--Madrid-OLM--Collaboration--Madrid--Conference2.png" style="width:70%;"/>
+
−
                           
+
−
                            <p class="lead"><u><b>Krzysztof Wabnik</b></u></p>
+
−
                            <p class="lead">He is a Young Investigator Researcher of the Center for Biotechnology and Plant Genomics (CBGP) at the Polytechnic University of Madrid (UPM). The group he is leading uses multilevel computer model simulations, synthetic biology experiments and microfluidics. The name of his presentation was: <i>"Combining computational and synthetic biology approaches to understand the dynamics of plant hormone signaling circuits"</i>.</p>
+
−
                            <img alt="Image5" src="https://static.igem.org/mediawiki/2018/2/2d/T--Madrid-OLM--Collaboration--Madrid--Conference3.png" style="width:70%;"/>
+
−
                           
+
−
                            <p class="lead">Despite these inconveniences we had assistance from several participants of some teams (all of them came from within the Spanish territory thanks to the facilities for transport). Although there was an extensive program of activities, these had to be adjusted and reorganized so that the maximum number of attendees could enjoy them.</p>
+
−
                            <img alt="Image5" src="https://static.igem.org/mediawiki/2018/4/4a/T--Madrid-OLM--Collaboration--Madrid--Conference4.png" style="width:70%;"/>
+
−
                            <p class="lead">After the talks a social event was held in which the attending teams could relax having dinner in the center of Madrid with one of the most typical activities here: go out for tapas.</p>
+
−
                            <p class="lead">The second day was inaugurated with a visit to the university to show the facilities where our team works and it was explained which procedures are used in each of the sections that were visited.</p>
+
−
                            <p class="lead">Subsequently, the presentations of the projects were made. A simulation of the presentation was carried out as it should be done in Boston, to learn how to take the time and try to correct the excesses or lack of time in each section that was exposed.</p>
+
−
                            <p class="lead">In the afternoon there was a tour around Madrid, where the most iconic places of the city were shown. And although there were activities scheduled for the next day, this was the activity that closed the meet up, since the attending teams had organized to return to their cities after this tour.</p>
+
−
                            <img alt="Image5" src="https://static.igem.org/mediawiki/2018/3/30/T--Madrid-OLM--Collaboration--Madrid--Tour.png" style="width:70%;"/>
+
−
                            <h5>Conclusion</h5>
+
−
                            <p class="lead">It was an event that few people could attend, due to the conditions explained above, but from which the attendees took much advantage. Holding such an event in September could be much more crowded if it was announced from the beginning of the summer and allowed the rest of the teams to organize around it. As it provides a series of very useful tools for the presentation of Boston.</p>
+
−
                           
+
−
                        </div>
+
−
                    </div>
+
−
                    <!--end of row-->
+
−
                </div>
+
−
                <!--end of container-->
+
−
            </section>       
+
 
         </div>
 
         </div>
 
         <!--<div class="loader"></div>-->
 
         <!--<div class="loader"></div>-->

Revision as of 09:42, 17 October 2018

Madrid-OLM

Applied design

Applied design

The very process of designing begins when a brand new problematic is detected. Designing means visualizing. And applying a vision requires a feasible strategy.

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.

Proyect Description

We have explained in our project description that the challenge that we assume is creating the “Internet of BioThings (IoBT)”. To bring the IoBT to life, we have designed the following:

  1. An affordable system of designing new aptamers.

  2. 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.

  3. 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.

Image1

Our second device was born from a need. It was not preconceived, as the first prototype. We needed to solve many experimental inconveniences and many misconceptions that we had when we designed the first prototype.

First Prototype

The environment that motivated the birth of the final prototype was a different one. We would love to consider this device as a mature version of the initial one. We introduced the following improvements:

  1. Electrochemical system of measurement: we required a potentiostat and some electrodes for testing the protein and aptamers binding.

  2. Integrate an electrode into a microfluidic chip.

  3. Correlate the protein concentration to the potentiostat readings.

  4. Automated pressure pump control for the microfluidic chip.

  5. Capability of real-time data uploading to the cloud.

  6. Integrate this data in an iOS app.

  7. Integrate every subsystem into a functional device.

Besides, we would love to consider that our final version of the device is versatile enough to be presented as a resilient biodevice workbench. It might be used by anyone that requires a device for experimenting with aptasensors based on an electrochemical system of measurement.

Although we are presenting a design that seems to be closed, we are proud to share with everyone our design in our Github. It is open to improvements. We would love to receive as much feedback as possible.

Microfluidics Electronics