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

 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Madrid-OLM/1}}
 
{{Madrid-OLM/1}}
 
<html lang="en">
 
<html lang="en">
 +
    <style>
 +
        .tittle-secc{
 +
            padding-top: 8em !important;
 +
        }
 +
        .lesspad{
 +
            padding-right: 1em !important;
 +
            padding-left: 1em !important;
 +
        }
 +
        .ourlist{ 
 +
            font-size: 80% !important;
 +
            margin-bottom: 1em !important;
 +
        }
 +
        .marginmod{
 +
            margin-bottom: 0.6em !important;
 +
            margin-top: 1em !important;
 +
        }
 +
    </style>
 +
   
 
     <head>
 
     <head>
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
−
         <title>Titulo del apartado</title>
+
         <title>Demostrate</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="The demostration tha all of our proyect works">
 
     </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">
 
−
                <div class="background-image-holder">
 
−
                    <img alt="background" src="img/wedding-1.jpg" />  <!-- Imagen del apartado si se necesita -->
 
−
                </div>
 
−
                <div class="container pos-vertical-center">
 
−
                    <div class="row">
 
−
                        <div class="col-md-12">
 
−
                            <h1 class="h1--large">
 
−
                                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">
 
−
                                    Posible boton a alguna zona importante
 
−
                                </span>
 
−
                            </a>
 
−
                        </div>
 
−
                    </div>
 
−
                    <!--end of row-->
 
−
                </div>
 
−
                <!--end of container-->
 
−
            </section>
 
 
              
 
              
−
             <section id="story" class="text-center">
+
             <section id="home" class="tittle-secc text-center switchable feature-large">
 
                 <div class="container">
 
                 <div class="container">
−
                     <div class="row">
+
                     <div class="row justify-content-around">
 
                         <div class="col-md-10 col-lg-8">
 
                         <div class="col-md-10 col-lg-8">
−
                             <h2>Apartado 1</h2>
+
                             <h1 id="Teamtittle">Demonstrate</h1>
−
                             <p class="lead">
+
                             <p class="lead">Our initial idea has always been to implement a feasible way of getting to what we have called “the Internet of BioThings”.</p>
−
                                Cosas del apartado 1, se necesita meter mas divs seguramente
+
                            <a class="btn btn--primary-2 btn--sm type--uppercase" href="https://2018.igem.org/Team:Madrid-OLM/Description#iotb">
−
                            </p>
+
                                    <span class="btn__text">
−
                        </div>
+
                                        LINK A OUR VISION. IoBT
−
                    </div>
+
                                    </span>
−
                    <!--end of row-->
+
                                </a>
−
                </div>
+
                             <br/><br/>
−
                <!--end of container-->
+
                             <p class="lead">To get there, we had to test four different and correlated sections:</p>
−
            </section>
+
                             <ol class="ourlist">
−
           
+
                                <li class="marginmod"><p class="lead">Obtaining accurate protein concentration data from the environment. .</p></li>
−
            <!--MEETUPS-->
+
                                 <li class="marginmod"><p class="lead">Automating the protocol of analysis for ease of measurement replication and calibration.</p></li>
−
            <section id="attendance" class="text-center">
+
                                <li class="marginmod"><p class="lead">Uploading the data obtained to the cloud in real time.</p></li>
−
                <div class="container">
+
                                <li class="marginmod"><p class="lead">Designing a scalable process looking forward to integrating eventually new target molecules.</p></li>
−
                    <div class="row boxed boxed--border bg--secondary boxed--lg box-shadow">
+
                               
−
                        <div class="col-md-10 col-lg-10">
+
                            </ol>
−
                             <h2>Attendance to Meet Ups</h2>
+
                            <p class="lead">This year, we have been working on how to solve these issues, and now, we are proud to share with you our final working solutions:</p>
−
                             <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>
+
                            <ol>
−
                             <p class="lead">Our team attended two meet ups that took place in the month of August.</p>
+
                                <li class="marginmod"><p class="lead">After trying different approaches, we have finally refined a method to quantify protein concentration in a sample using aptamers, bound to a gold electrode, and measured by an open source potentiostat. The resulting data is replicable and suits the requirements of our sensor (being an affordable, simple, and fast system of measurement).</p></li>
−
                           
+
                                <a class="btn btn--primary-2 btn--sm type--uppercase" href="https://2018.igem.org/Team:Madrid-OLM/Aptamer">
−
                            <div id="meetsups" class="tabs-container" data-content-align="center">
+
                                    <span class="btn__text">
−
                                 <ul class="tabs">
+
                                        Aptamers
−
                                    <li class="active">
+
                                    </span>
−
                                        <div class="tab__title">
+
                                </a>
−
                                            <span class="h5">Marseille</span>
+
                                <a class="btn btn--primary-2 btn--sm type--uppercase" href="https://2018.igem.org/Team:Madrid-OLM/ElectrodeIntegration">
−
                                        </div>
+
                                    <span class="btn__text">
−
                                        <div class="tab__content">
+
                                        Binding to electrode
−
                                            <h3>Mediterranean Meet Up (Marseille)</h3>
+
                                    </span>
−
                                            <img alt="Image1" src="https://static.igem.org/mediawiki/2018/9/9a/T--Madrid-OLM--Collaboration--Marseille--All.png" style="width:80%;"/>
+
                                </a>
−
                                            <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>
+
                                <li class="marginmod"><p class="lead">For our final device, we have made a complete microfluidics system, including a DIY manufactured pressure pump system and an affordable control system to automate the sample processing and its measurement.</p></li>
−
                                            <img alt="Image2" src="https://static.igem.org/mediawiki/2018/4/49/T--Madrid-OLM--Collaboration--Marseille--Exp.png" style="width:70%;"/>
+
                                <a class="btn btn--primary-2 btn--sm type--uppercase" href="https://2018.igem.org/Team:Madrid-OLM/HardawareMicrofluidics">
−
                                            <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>
+
                                    <span class="btn__text">
−
                                            <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>
+
                                        Microfluidics
−
                                            <img alt="Image3" src="https://static.igem.org/mediawiki/2018/2/22/T--Madrid-OLM--Collaboration--Marseille--Experts.png" style="width:70%;"/>
+
                                    </span>
−
                                            <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>
+
                                </a>
−
                                            <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%;"/>
+
                                <li class="marginmod"><p class="lead">To be able to show the data obtained to our target community, we have integrated a WiFi module in our hardware whose job is to upload the data obtained by our sensor to a Firebase cloud server. We have also developed an iOS application providing our final user with a user-friendly way of visualizing the data obtained by our nodes.</p></li>
−
                                            <br/>
+
                                <a class="btn btn--primary-2 btn--sm type--uppercase" href="https://2018.igem.org/Team:Madrid-OLM/HardwareElectronics">
−
                                         </div>
+
                                    <span class="btn__text">
−
                                     </li>
+
                                         Electronics
−
                                    <li>
+
                                     </span>
−
                                        <div class="tab__title">
+
                                </a>
−
                                            <span class="h5">Barcelona</span>
+
                               
−
                                        </div>
+
                                <li class="marginmod"><p class="lead">The points enumerated above illustrate only one of the two halves of the project. Our device would be meaningless without a way of scaling its system of measurement to other molecules. In parallel to the device development, we have established a complete new aptamer development process. It includes the very aptamer discovery, its characterization, a computational improvement and an optimal aptamer integration in our device. </p></li>
−
                                        <div class="tab__content">
+
                                <a class="btn btn--primary-2 btn--sm type--uppercase" href="https://2018.igem.org/Team:Madrid-OLM/AptDiscovery">
−
                                            <h3>Spanish Meet Up (Barcelona)</h3>
+
                                    <span class="btn__text">
−
                                            <img alt="Image5" src="https://static.igem.org/mediawiki/2018/6/6d/T--Madrid-OLM--Collaboration--BCN--All.png" style="width:70%;"/>
+
                                        Aptamer Discovery
−
                                            <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>
+
                                    </span>
−
                                            <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>
+
                                </a>
−
                                            <img alt="Image6" src="https://static.igem.org/mediawiki/2018/5/5e/T--Madrid-OLM--Collaboration--BCN--Voley.png" style="width:65%;"/>
+
                                <a class="btn btn--primary-2 btn--sm type--uppercase" href="https://2018.igem.org/Team:Madrid-OLM/AptCharacterization">
−
                                            <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>
+
                                    <span class="btn__text">
−
                                            <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>
+
                                        Aptamer Characterization
−
                                            <img alt="Image7" src="https://static.igem.org/mediawiki/2018/7/78/T--Madrid-OLM--Collaboration--BCN--Tour.png" style="width:60%;"/>
+
                                    </span>
−
                                            <br/>
+
                                </a>
−
                                            <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>
+
                                <br/><br/>
−
                                            <img alt="Image8" src="https://static.igem.org/mediawiki/2018/e/e3/T--Madrid-OLM--Collaboration--BCN--Bye.png" style="width:70%;"/>
+
                                <a class="btn btn--primary-2 btn--sm type--uppercase" href="https://2018.igem.org/Team:Madrid-OLM/Computationaimprovement">
−
                                            <br/>
+
                                    <span class="btn__text">
−
                                        </div>
+
                                        Computational Improvemnt
−
                                    </li>
+
                                    </span>
−
                                </ul>
+
                                </a>
 +
                                <br/><br/>
 +
                            </ol>
 +
                            <p class="lead">The success of the whole process has been demonstrated in each particular wiki page, which you could review clicking on the links provided above. You could also replicate our experiments (to see if it works) following the detailed instructions that we have provided in our GitHub documentation.</p>
 +
                            <p class="lead">If you want to check in person how our final prototype works, we would love to meet you in our stand at the giant jamboree. If you are too impatient to wait for this event we give you a little spoiler in the following video. Hope you will enjoy it! </p>
 +
                            <div class="container">
 +
                            <div class="video-cover border--round col-md-11 col-lg-11" style="padding-left:0px !important; padding-right: :0px !important; padding-bottom:0px !important; padding-top:0px !important;">
 +
                               
 +
                                <div class="video-play-icon video-play-icon--sm"></div>
 +
                                <video autoplay controls>
 +
                                    <source src="https://static.igem.org/mediawiki/2018/9/93/T--Madrid-OLM--Proyect--Demostrate--Demovideo2.webm" type="video/webm">
 +
                                </video>
 +
                            </div><!--end video cover-->
 
                             </div>
 
                             </div>
−
                            <a class="btn btn--primary-2 type--uppercase inner-link" href="#meetsups">
 
−
                                <span class="btn__text">
 
−
                                    Back to Meet up Index
 
−
                                </span>
 
−
                            </a>
 
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 135: Line 114:
 
                 <!--end of container-->
 
                 <!--end of container-->
 
             </section>
 
             </section>
−
           
 
−
           
 
−
            <!--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>-->

Latest revision as of 03:11, 18 October 2018

Madrid-OLM

Demostrate

Demonstrate

Our initial idea has always been to implement a feasible way of getting to what we have called “the Internet of BioThings”.

LINK A OUR VISION. IoBT

To get there, we had to test four different and correlated sections:

  1. Obtaining accurate protein concentration data from the environment. .

  2. Automating the protocol of analysis for ease of measurement replication and calibration.

  3. Uploading the data obtained to the cloud in real time.

  4. Designing a scalable process looking forward to integrating eventually new target molecules.

This year, we have been working on how to solve these issues, and now, we are proud to share with you our final working solutions:

  1. After trying different approaches, we have finally refined a method to quantify protein concentration in a sample using aptamers, bound to a gold electrode, and measured by an open source potentiostat. The resulting data is replicable and suits the requirements of our sensor (being an affordable, simple, and fast system of measurement).

    2. Aptamers Binding to electrode

  2. For our final device, we have made a complete microfluidics system, including a DIY manufactured pressure pump system and an affordable control system to automate the sample processing and its measurement.

    3. Microfluidics

  3. To be able to show the data obtained to our target community, we have integrated a WiFi module in our hardware whose job is to upload the data obtained by our sensor to a Firebase cloud server. We have also developed an iOS application providing our final user with a user-friendly way of visualizing the data obtained by our nodes.

    4. Electronics

  4. The points enumerated above illustrate only one of the two halves of the project. Our device would be meaningless without a way of scaling its system of measurement to other molecules. In parallel to the device development, we have established a complete new aptamer development process. It includes the very aptamer discovery, its characterization, a computational improvement and an optimal aptamer integration in our device.

    5. Aptamer Discovery Aptamer Characterization

    Computational Improvemnt

The success of the whole process has been demonstrated in each particular wiki page, which you could review clicking on the links provided above. You could also replicate our experiments (to see if it works) following the detailed instructions that we have provided in our GitHub documentation.

If you want to check in person how our final prototype works, we would love to meet you in our stand at the giant jamboree. If you are too impatient to wait for this event we give you a little spoiler in the following video. Hope you will enjoy it!