Difference between revisions of "Team:Valencia UPV/Demonstrate"

(Prototype team page)
 
Line 1: Line 1:
−
{{Valencia_UPV}}
+
{{Valencia_UPV/bootstrap.css}}
 +
<!--{{Valencia_UPV/bootstrapMin.css}}-->
 +
{{Valencia_UPV/custom.css}}
 +
{{Valencia_UPV/flickity.css}}
 +
{{Valencia_UPV/iconsmind.css}}
 +
{{Valencia_UPV/jquery.steps.css}}
 +
{{Valencia_UPV/lightbox.min.css}}
 +
{{Valencia_UPV/stackinterface.css}}
 +
{{Valencia_UPV/theme.css}}
 +
{{Valencia_UPV/navBar}}
 +
 
 
<html>
 
<html>
 +
<style>
  
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
  
 +
</style>
  
−
<div class="column full_size judges-will-not-evaluate">
+
    <head>
−
<h3>★  ALERT! </h3>
+
        <meta charset="utf-8">
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
        <title>Stack Multipurpose HTML Template</title>
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
</div>
+
        <meta name="description" content="Site Description Here">
 +
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
 +
        <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
  
  
−
<div class="clear"></div>
 
  
 +
       
 +
    </head>
 +
  <body class="" style="background-color:#353535;">
 +
        <a class="anchorOffset" id="start"></a>
  
  
−
<div class="column full_size">
+
<!--------- NAVBAR-------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
<h1>Demonstrate</h1>
+
−
<h3>Gold Medal Criterion #4</h3>
+
  
−
<p>
 
−
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve their gold medals!
 
−
</p>
 
  
−
<p>
+
     
−
Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
+
−
</p>
+
  
  
 +
 +
<!------------CONTENEDOR PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
<div class="main-container">
 +
   
 +
            <section style="/* background-color: #353535; *//* background-image: url(&quot;https://previews.123rf.com/images/bogdanhoda/bogdanhoda1504/bogdanhoda150400014/38730978-test-tubes-in-clinic-pharmacy-and-medical-research-laboratory-with-male-scientist-using-pipette.jpg&quot;); *//* background-size: 100%; */height:44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 +
              <div class="main-container" style="
 +
height: 100%;">
 +
              <center style="
 +
height: 100%;">
 +
              <div class="col-md-10" style="
 +
height: 100%;margin-top: 4em;">
 +
<div id="logoPrinteria" class="item" style="
 +
background-image: url(http://via.placeholder.com/1155x666);
 +
height: 100%;
 +
width: 100%;background-attachment: fixed; background-position: center; background-position-y: 100px; background-repeat: no-repeat">
 +
   
 +
    <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
 +
<a class="btn down inner-link active" href="#story" style="font-size: 82%;/* position: fixed; *//* bottom: 7%; */top: 541px;z-index: 99;background-color: white;position: relative;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
 +
            <i class="stack-interface stack-down-open-big"></i>
 +
        </a>
 +
</div>
 +
   
 +
</div>
 +
</div>
 +
               
 +
              </center>
 +
             
 
</div>
 
</div>
  
  
 +
 +
              </section></div>
 +
<a class="anchorOffset" id="story"></a>
 +
<section class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
 +
  <div class="container">
 +
      <div class="row">
 +
        <div class="col-md-3" style="
 +
            margin-left: 0em;
 +
            padding-right: 0px;
 +
            padding-left: 0.2em;">
 +
            <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
 +
              <h4 style="
 +
                  padding-left: 1em;
 +
                  ">Index</h4>
 +
              <ul class="lateral">
 +
                  <li class="lateral">
 +
                    <div class="tab__title" style="
 +
                        line-height: 1.3em;
 +
                        ">
 +
                        <a href="#models" class="lateral inner-link" style="
 +
                          color: #353535;
 +
                          opacity: 1;
 +
                          ">Models & Experiments</a>
 +
                          <!--<ul style="list-style-type: circle;">
 +
                          <li><p>
 +
                          <a href="#design_process" class="lateral inner-link" style="
 +
                          color: #353535;
 +
                          opacity: 1;
 +
                          ">Modeling process</a>
 +
                          </p></li>
 +
                          <li><p>
 +
                          <a href="#const_models" class="lateral inner-link" style="
 +
                          color: #353535;
 +
                          opacity: 1;
 +
                          ">Constitutive expression models</a>
 +
                          </p></li>
 +
                          <li><p>
 +
                          <a href="#ind_models" class="lateral inner-link" style="
 +
                          color: #353535;
 +
                          opacity: 1;
 +
                          ">Inducible expression models</a>                 
 +
                          </p></li>
 +
                          <li><p>
 +
                          <a href="#optimization" class="lateral inner-link" style="
 +
                          color: #353535;
 +
                          opacity: 1;
 +
                          ">Multi-objective parameter optimization</a>
 +
                          </p></li>
 +
                          </ul>-->
 +
                    </div>
 +
                  </li>
 +
                  <li class="lateral">
 +
                    <div class="tab__title" style="
 +
                        line-height: 1.3em;
 +
                        ">
 +
                        <a href="#simtool" class="lateral inner-link" style="
 +
                          color: #353535;
 +
                          opacity: 1;
 +
                          ">Simulation Tool</a>
 +
                    </div>
 +
                  </li>
 +
                  <li class="lateral">
 +
                    <div class="tab__title" style="
 +
                        line-height: 1.3em;
 +
                        ">
 +
                        <a href="#references" class="lateral inner-link" style="
 +
                          color: #353535;
 +
                          opacity: 1;
 +
                          ">References</a>
 +
                    </div>
 +
                  </li>
 +
              <!--</ul>
 +
              <ul class="tabs-content">-->
 +
              </ul>
 +
            </div>
 +
        </div>
 +
        <div class="col-md-9 col9Attr" style="padding-left: 6em;padding-right: 2em;">
 +
            <div>
 +
              <a class="anchorOffset" id="lmModeling"></a>
 +
              <h2 class="h2Demonstrate">Demonstrate</h2>
 +
              <p>
 +
              After long months of effort and dedication, the <b>Printeria project of the Valencia UPV iGEM 2018 team is now a reality!</b> All our work has been reflected in our Printeria device. With this project we intend to make the approach to Synthetic Biology a reality, but... to what extent has our team been able to develop Printeria? Does it really work? <b>Here we leave you all the proofs of our achievements...</b>
 +
              </p>
 +
              <h4>Printeria device Conceptesting</h4>
 +
              <p>
 +
              <b>For the correct working of Printeria many technologies have to interact and work together</b> in order to produce the desired reaction. But the individual parts themselves also have to work properly in order for the whole to function. In this way, we want to <b>our individual proofs of concept</b> that then are joined on Printeria so that finally our user does not have to think about the complex processes that happen inside Printeria.
 +
              </p>
 +
              <ul>
 +
          <li><p>
 +
          The <b>entrance system</b> is a completely original approach in order to dispense precise quantities of liquid in a compact and highly controllable way. As well as to make it easier for the user to introduce the materials all at once or individually. More on the inner workings of the system here. You can see our concept test on this video:
 +
 +
          </p></li>
 +
          <li><p>
 +
          The <b>digital MicroFluidics</b> is at the centre of Printeria, and it enables a high <a href="" target="_blank">control of the reaction</a>. We have accomplished the movement on the droplets in smaller test boards, as you can see here:
 +
          </p>
 +
 +
          <p>
 +
          And then we moved to a more clean product that is able to hold a larger number of pads and it is easier to control. You can see that result below:
 +
          </p>
 +
 +
          </p></li>
 +
          <li><p>
 +
          The droplet needs to be heated and cooled for the reaction to take place. We have implemented these <b>hot and cold zones</b> via a <a href="" target="_blank">resistor and a Peltier</a>. Here the stability of the temperature control for both is demonstrated.
 +
         
 +
          </p></li>
 +
          <li><p>
 +
          We have included the design of out electroporator from <a href="https://2016.igem.org/Team:Valencia_UPV" target="_blank" style="padding-right: 0">Hype It iGEM project</a>, developed in 2016 by Valencia UPV team. The results of our experiment using it are shown here:
 +
         
 +
          </p></li>
 +
          <li><p>
 +
          We have included the design of out electroporator from <a href="https://2016.igem.org/Team:Valencia_UPV" target="_blank" style="padding-right: 0">Hype It iGEM project</a>, developed in 2016 by Valencia UPV team. The results of our experiment using it are shown here:
 +
         
 +
          </p></li>
 +
          <li><p>
 +
          For the output we have included an <b>Optical Density and Fluorescence measurers</b> in order to obtain some data from the bacteria that are growing on the <a href="" target="_blank">tube</a>. The results of our tests are the following:
 +
 +
          </p></li>
 +
              </ul>
 +
 +
              <h4>Printeria Wetlab demonstrations</h4>
 +
 +
              <p>
 +
              One of the Printeria Wetlab challenges during the project has been to demonstrate that Printeria transcriptional units (TU) obtained with <a href="" target="_blank">Golden Gate assembly technology</a> are as efficients as TU assembled by BioBrick technology.
 +
            </p>
 +
            <p>
 +
              The main advantage offered by Golden Gate technology is the posibility to perform an assembly reaction with many parts in a single step. This is the main reason why we have design an extensive <a href="https://2018.igem.org/Team:Valencia_UPV/Part_Collection" target="_blank">Part Collection</a> standarized to GoldenBraid 3.0 grammar. However, <b>which is the efficiency of these parts compared to BioBrick parts?</b>
 +
            </p>
 +
            <p>
 +
            Faced with this question, we have designed a <a href="" target="_blank">comparative experiment</a> between two TU of identical structure but assembled with Golden Gate and BioBricks parts, respectively. In this way we can confirm, thanks to the results obtained, that the efficiency will be the same using the two grammars.
 +
            </p>
 +
 +
            <a href="https://static.igem.org/mediawiki/2018/1/17/T--Valencia_UPV--comparison_GGBB_graphUPV2018.png" data-lightbox="true">
 +
<img src="https://static.igem.org/mediawiki/2018/1/17/T--Valencia_UPV--comparison_GGBB_graphUPV2018.png" />
 +
</a>
 +
            POSIBILIDAD DE HACER UN TEST ESTADÍSTICO
 +
 +
            </div>
 +
        </div>
 +
      </div>
 +
  </div>
 +
</section>
 +
 +
 +
 +
 +
 +
 +
 +
        <!--<div class="loader"></div>-->
 +
        <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
 +
            <i class="stack-interface stack-up-open-big"></i>
 +
        </a>
 +
 +
    </body>
 +
 +
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/bootstrapMinJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/lightboxminJS?action=raw&ctype=text/javascript"></script>
 +
       
  
  
  
 
</html>
 
</html>
 +
 +
{{Valencia_UPV/footer}}

Revision as of 00:53, 9 October 2018

Stack Multipurpose HTML Template

Index

Demonstrate

After long months of effort and dedication, the Printeria project of the Valencia UPV iGEM 2018 team is now a reality! All our work has been reflected in our Printeria device. With this project we intend to make the approach to Synthetic Biology a reality, but... to what extent has our team been able to develop Printeria? Does it really work? Here we leave you all the proofs of our achievements...

Printeria device Conceptesting

For the correct working of Printeria many technologies have to interact and work together in order to produce the desired reaction. But the individual parts themselves also have to work properly in order for the whole to function. In this way, we want to our individual proofs of concept that then are joined on Printeria so that finally our user does not have to think about the complex processes that happen inside Printeria.

  • The entrance system is a completely original approach in order to dispense precise quantities of liquid in a compact and highly controllable way. As well as to make it easier for the user to introduce the materials all at once or individually. More on the inner workings of the system here. You can see our concept test on this video:

  • The digital MicroFluidics is at the centre of Printeria, and it enables a high control of the reaction. We have accomplished the movement on the droplets in smaller test boards, as you can see here:

    And then we moved to a more clean product that is able to hold a larger number of pads and it is easier to control. You can see that result below:

  • The droplet needs to be heated and cooled for the reaction to take place. We have implemented these hot and cold zones via a resistor and a Peltier. Here the stability of the temperature control for both is demonstrated.

  • We have included the design of out electroporator from Hype It iGEM project, developed in 2016 by Valencia UPV team. The results of our experiment using it are shown here:

  • We have included the design of out electroporator from Hype It iGEM project, developed in 2016 by Valencia UPV team. The results of our experiment using it are shown here:

  • For the output we have included an Optical Density and Fluorescence measurers in order to obtain some data from the bacteria that are growing on the tube. The results of our tests are the following:

Printeria Wetlab demonstrations

One of the Printeria Wetlab challenges during the project has been to demonstrate that Printeria transcriptional units (TU) obtained with Golden Gate assembly technology are as efficients as TU assembled by BioBrick technology.

The main advantage offered by Golden Gate technology is the posibility to perform an assembly reaction with many parts in a single step. This is the main reason why we have design an extensive Part Collection standarized to GoldenBraid 3.0 grammar. However, which is the efficiency of these parts compared to BioBrick parts?

Faced with this question, we have designed a comparative experiment between two TU of identical structure but assembled with Golden Gate and BioBricks parts, respectively. In this way we can confirm, thanks to the results obtained, that the efficiency will be the same using the two grammars.

POSIBILIDAD DE HACER UN TEST ESTADÍSTICO

CONTACT US igem.upv.2018@gmail.com