Difference between revisions of "Team:Valencia UPV/Human Practices"

 
(143 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{Valencia_UPV/bootstrap.css}}
 
{{Valencia_UPV/bootstrap.css}}
 +
<!--{{Valencia_UPV/bootstrapMin.css}}-->
 
{{Valencia_UPV/custom.css}}
 
{{Valencia_UPV/custom.css}}
 
{{Valencia_UPV/flickity.css}}
 
{{Valencia_UPV/flickity.css}}
Line 18: Line 19:
 
</style>
 
</style>
  
<head>
+
    <head>
  <meta charset="utf-8">
+
        <meta charset="utf-8">
  <title>Stack Multipurpose HTML Template</title>
+
        <title>Stack Multipurpose HTML Template</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="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/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/icon?family=Material+Icons" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" 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">
+
        <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
+
</head>
+
  
<body class="" style="background-color:#353535;">
 
  <a class="anchorOffset" id="start"></a>
 
  
  <!--end of row-->
 
</div>
 
<!--end of container-->
 
</nav>
 
</div>
 
<!--end bar-->
 
</div>
 
<div class="main-container">
 
  
  
<!-------------------------------IMAGEN PRINCIPAL------------------------------------------------>
+
       
 +
    </head>
 +
  <body class="" style="background-color:#353535;">
 +
        <a class="anchorOffset" id="start"></a>
 +
 
 +
 
 +
<!--------- NAVBAR-------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 +
 
 +
     
 +
 
 +
 
 +
 
 +
<!------------CONTENEDOR PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------------->
  
  
<section style="
 
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 
 
<div class="main-container" style="
 
<div class="main-container" style="
 
height: 100%;">
 
height: 100%;">
Line 55: Line 55:
 
   height: 100%;margin-top: 4em;">
 
   height: 100%;margin-top: 4em;">
 
   <div id="logoPrinteria" class="item" style="
 
   <div id="logoPrinteria" class="item" style="
     background-image: url(https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg);
+
     background-image: url(https://static.igem.org/mediawiki/2018/thumb/2/22/T--Valencia_UPV--HumanPracticesFondoUPV2018.jpeg/1200px-T--Valencia_UPV--HumanPracticesFondoUPV2018.jpeg);
 
     height: 100%;
 
     height: 100%;
     width: 100%;background-attachment: fixed;background-size: cover;">
+
     width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://static.igem.org/mediawiki/2018/thumb/0/05/T--Valencia_UPV--HumanPracticesTextoUPV2018.jpeg/1200px-T--Valencia_UPV--HumanPracticesTextoUPV2018.jpeg.png" style=" margin-top: 0px;">
   
+
    <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
+
 
       <a class="btn down inner-link active" href="#story" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 7%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
 
       <a class="btn down inner-link active" href="#story" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 7%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
 
         <i class="stack-interface stack-down-open-big"></i>
 
         <i class="stack-interface stack-down-open-big"></i>
 
       </a>
 
       </a>
     </div>
+
     </div>  
   
+
  </div>
+
 
</div>
 
</div>
 
 
</center>
 
</center>
 +
</div>
  
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
+
<!-- FIN MAIN CONTAINER -->
<div class="all-page-modals"></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="#Intro" class="lateral inner-link" style="
 +
                          color: #353535;
 +
                          opacity: 1;
 +
                          ">Introduction</a>
 +
                    </div>
 +
                  </li>
 +
                  <li class="lateral">
 +
                    <div class="tab__title" style="
 +
                        line-height: 1.3em;
 +
                        ">
 +
                        <a href="#Integrated" class="lateral inner-link" style="
 +
                          color: #353535;
 +
                          opacity: 1;
 +
                          ">Integrated human</a>
 +
                    </div>
 +
                  </li>
 +
                  <li class="lateral">
 +
                    <div class="tab__title" style="
 +
                        line-height: 1.3em;
 +
                        ">
 +
                        <a href="#Kano_model" class="lateral inner-link" style="
 +
                          color: #353535;
 +
                          opacity: 1;
 +
                          ">Kano Model</a>
 +
                    </div>
 +
                  </li>
 +
                  <li class="lateral">
 +
                    <div class="tab__title" style="
 +
                        line-height: 1.3em;
 +
                        ">
 +
                        <a href="#Expert_dialogue" class="lateral inner-link" style="
 +
                          color: #353535;
 +
                          opacity: 1;
 +
                          ">Expert feedback</a>
 +
                    </div>
 +
                  </li>
 +
                  <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;">
 +
                    <div class="tab__title" style="
 +
                        line-height: 1.3em;
 +
                        ">
 +
                        <a href="#Safety" class="lateral inner-link" style="
 +
                          color: #353535;
 +
                          opacity: 1;
 +
                          list-style-type: circle;
 +
                          ">Safety by design</a>
 +
                    </div>
 +
              </li></ul>
 +
              <ul class="tabs-content">
 +
              </ul>
 +
            </div>
 +
        </div>
 +
        <div class="col-md-9 col9Phone" id="Intro" style="padding-left: 6em;padding-right: 2em;">
 +
            <div>
 +
              <h3>Introduction</h3>
 +
              <p>Science and technology have always been prompted by a desire of solving social issues. Thus, science would be nothing if it does not exist a relationship with people. </p>
  
<!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
+
              <p>In this page we are going to show how we have faced integrated practices and we will give an answer these questions:</p>
  
 +
                <ul style="list-style-type:square">
 +
                    <li><p>How your project affects the world and how the world affects it?</p></li>
 +
                    <li><p>Is your work good enough for the world?</p></li>
 +
                    </ul>
 +
       
  
<section id="story" class="feature-large anchorOffset" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">  
+
<p></p>
<div class="container">
+
<a class="anchorOffset" id="Integrated"></a>   
   <div class="row">
+
<h3>Integrated Human Practices</h3>
    <div class="col-md-3" style="
+
       
      margin-left: 0em;
+
  <h4><b> Feedback receiving: the key to the success</b></h4>
      padding-right: 0px;
+
  <p> When creating a new scientific device, the existence of <b>political, economic and social frameworks</b> leads into the necessity of an in-depth analysis of how your creation would affect the world and how the world affects it.
      padding-left: 0.2em;
+
</p><p>As a result, our first step was to identify the <b>real-life problems</b> that could be solved with Printeria and so <b>classify its application fields</b>. To do so, we decided to employ a tip given by Israel (researcher at UPV)  the <b>MIT market segmentation table</b> . This table allows you to classify all users you think your product could be interesting to buy on the basis of several questions. Using it we analyzed Printeria potential users in accordance with our project values.
      ">
+
  </p><p>You can read the resulting market segmentation analysis and how it helped us to focus our initial approach by clicking here:
     
+
   </p><div style="
      <!------------ÍNDICE LATERAL------------------>
+
                        text-align: center;"><a class="btn btn--primary-1" href="https://static.igem.org/mediawiki/2018/1/1e/T--Valencia_UPV--MSUPV2018.pdf" style="
 +
                        border: none;
 +
                        ;
 +
                        background: #3b83c9;
 +
                        padding-right: 2.78571429em;" target="blank">
 +
                        <span class="btn__text">Market Segmentation analysis</span>
 +
                        </a>
 +
                    </div>
 +
            <p></p>
  
      <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
+
<p>As a result, Printeria main applications fields can be summarized as: </p>
        <h4 style="
+
 
        padding-left: 1em;
+
<div>
        ">Index</h4>
+
              <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
        <ul class="lateral">
+
              <!--Los enlaces están bien pero los ids a donde apuntan están descuadrados adrede para que al pulsar lleve un poco por encima del contenido -->
          <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;/* color: #353535; */">
+
              <div id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em; justify-content: center;" class="row">
            <div class="tab__title" style="
+
                  <div class="col-md-3" style="text-align: center;">
              line-height: 1.3em;
+
                    <a class="inner-link" ><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/0/00/T--Valencia_UPV--GenerationUPV2018.png"></a>
              /* padding-left: 0.5em; */
+
                    <h6 style="text-align: center !important;"><b>Education</b><p></p>  With a friendly-user software, Printeria is designed to be an educational tool</h6>
              ">
+
                  </div>
              <a class="lateral" style="
+
                  <div class="col-md-3" style="text-align: center;">
                /* color: #ffffff; */
+
                    <a class="inner-link" ><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/thumb/8/89/T--Valencia_UPV--Logo_Investigadores_HumanUPV2018.png/900px-T--Valencia_UPV--Logo_Investigadores_HumanUPV2018.png"></a>
                opacity: 1;
+
                    <h6 style="text-align: center !important;"><b>Research groups</b><p></p>  Printeria automatizes protocols, and enhances the experiments reproducibility.</h6>
                list-style-type: circle;
+
                  </div>
              ">INTRODUCTION</a>
+
                  <div class="col-md-3" style="text-align: center;">
 +
                    <a class="inner-link" ><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/8d/T--Valencia_UPV--BioArtUPV2018.png"></a>
 +
                    <h6 style="text-align: center !important;"><b>Bioartists</b><p></p>  Printeria offers a compact and friendly toolkit for the bioartist entire disposal</h6>
 +
                  </div>
 +
                 
 +
              </div>
 +
<p></p>
 +
<p></p>
 +
 
 +
<p>Thus, our main concern was how to fulfill the different <b>stakeholder demands</b>. Following our <b>interdisciplinary spirit</b>, we searched for continuos input from professionals with different backgrounds and non professionals, so we could ensure we were designing a <b>useful</b> synbio device.
 +
 
 +
</p><p>This year we have decided to divide Integrated human in three parts:</p>
 +
 
 
             </div>
 
             </div>
              
+
             <div>
          </li>
+
              <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
          <li class="lateral">
+
              <!--Los enlaces están bien pero los ids a donde apuntan están descuadrados adrede para que al pulsar lleve un poco por encima del contenido -->
            <div class="tab__title" style="
+
              <div id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em; justify-content: center;" class="row">
              line-height: 1.3em;
+
                  <div class="col-md-3" style="text-align: center;">
              ">
+
                    <a class="inner-link" href="#Kano_model"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/7/78/T--Valencia_UPV--Kano_modelUPV2018.png"></a>
              <a href="#buho" class="lateral" style="
+
                    <h6 style="text-align: center !important;"><b>Kano model</b><p></p>  An engineering way to integrate feedback.</h6>
                color: #353535;
+
                  </div>
                opacity: 1;
+
                  <div class="col-md-3" style="text-align: center;">
              ">STRUCTURE</a>
+
                    <a class="inner-link" href="#Expert_dialogue"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/9/9b/T--Valencia_UPV--CiutatUPV2018.png"></a>
 +
                    <h6 style="text-align: center !important;"><b>Expert dialoge</b><p></p>  How experts point of view changed the way we did Printeria.</h6>
 +
                  </div>
 +
                  <div class="col-md-3" style="text-align: center;">
 +
                    <a class="inner-link" href="#Safety"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/9/90/T--Valencia_UPV--Safety_DesignUPV2018.png"></a>
 +
                    <h6 style="text-align: center !important;"><b>Safety desing</b><p></p>  How safety specifications changed Printeria</h6>
 +
                  </div>
 +
                 
 +
              </div>
 +
              <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
              <!--------------------------------------------------------------------OVERVIEW------------------------------------------------------------------->
 
             </div>
 
             </div>
              
+
             <!--ENLACE DE DESTINO: HARVARD -->
          </li>
+
            <a class="anchorOffset" id="Kano_model"></a>
          <li class="lateral">
+
            <!--FIN ENLACE DE DESTINO -->
            <div class="tab__title" style="
+
            <div style="
              line-height: 1.3em;
+
              margin-top: 50px;" class="hashlink">
              ">
+
              <div class="row">
              <a class="lateral" style="
+
                  <div class="col-md-3">
                color: #353535;
+
                    <img src="https://static.igem.org/mediawiki/2018/7/78/T--Valencia_UPV--Kano_modelUPV2018.png" style="
                opacity: 1;
+
                        padding-top: 15px;
              ">ENTRY OF CONSUMABLES</a>
+
                        margin-top: 0px;" class="fotosAttr">
 +
                    <p></p>
 +
                  </div>
 +
                  <div class="col-md-9">
 +
                    <h3>Kano Model</h3>
 +
               
 +
                    <p>Kano model is a <b>methodology</b>, which <b>supports the development of products taking into account the needs of the customer</b>. It helps you to understand the <b>importance of functions or features to a customer</b>[1]. We have used it to improve Printeria and we want it to be <b>a guide for future iGEM teams</b>, thats why we are going to present our work as an example of using it.</p>
 +
                    <p> Kano model is made up of three stages:</p>
 +
                    <ol>
 +
                        <li>
 +
                          <p><b>Pick up the user's voice</b></p>
 +
                          <p> In this phase you have to <b>present your project to an audience</b> and then ask them for <b>criticisms or suggestions</b>. We did it in the Mustang Art Gallery (MAG) in Elche (Alicante). After showing them Printeria we gathered all the students and teachers and we asked them for demands, improvements or criticisms.
 +
                          </p>
 +
                        </li>
 +
                        <li>
 +
                          <p><b>Create your paired questions quiz</b></p>
 +
                          <p>With those demands that we will call <b>necessities</b> you have to make a <b>questionaire based on paired questions</b>. This questions have the next grammar: ¿How do you feel if (a necessity exists on your device)? and ¿How do you feel if (that necessity did not exist on your device)? As you can observe, it is the same necessity but expressed <b>positively</b> or <b>negatively</b>. Check out our questionnaire to see an example:</p>
 +
 
 +
                        <div style="
 +
                        text-align: center;"><a class="btn btn--primary-1" href="https://static.igem.org/mediawiki/2018/9/97/T--Valencia_UPV--Definitivo_Encuesta_Kano_maquetadaUPV2018.pdf" style="
 +
                        border: none;
 +
                        ;
 +
                        background: #e7515a;
 +
                        padding-right: 2.78571429em;" target="blank">
 +
                        <span class="btn__text">QUESTIONNAIRE</span>
 +
                        </a>
 +
                    </div>
 +
                    <p></p>
 +
 
 +
                        </li>
 +
                        <li>
 +
                          <p><b>Classify your demands</b></p>
 +
                          <p>Once you have all the answers, you have to complete a series of tables to conclude if that <b>necessity is really important or not</b>. If it is, you should include it in your design because that will increase the satisfaction rate of the user. If it is not, <b>do not waste time and money implementing something no one will appreciate!</b></p>
 +
                        </li>
 +
                    </ol>
 +
                    <p></p>
 +
                    <h4>Study case: Kano model in Printeria</h4>
 +
                    <p>When using the Kano model you can easily combine public engagement with integrated human. Taking advantage of the fact that we went to MAG (Mustang Art Gallery) in Elche (Alicante) to present our project in front of students and teachers, we decided to demand feedback. The most important necessities were included in the questionnaire we described above, and then we sent it to the students and teachers who filled it. The questionnaire and the results are available by clicking in the button "questionnaire".</p>
 +
                   
 +
                    <p>Once we had the <b>answers</b> (more than 20 to be representative), we <b>filled the different tables which compose Kano model</b> to obtain the results. Here you can download the <b>document with the tables and what is most important, the conclusions</b> we extracted from them:</p>
 +
                    <!-------------------------------------------------El boton de Kano----------------------------------------------------------->
 +
                   
 +
 
 +
                    <div style="
 +
                        text-align: center;"><a class="btn btn--primary-1" href="https://static.igem.org/mediawiki/2018/8/89/T--Valencia_UPV--Definitivo_Kano_procesadoUPV2018.pdf" style="
 +
                        border: none;
 +
                        ;
 +
                        background: #e7515a;
 +
                        padding-right: 2.78571429em;" target="blank">
 +
                        <span class="btn__text">KANO RESULTS</span>
 +
                        </a>
 +
                    </div>
 +
<p></p>
 +
                    <h4>Overall conclusions</h4>
 +
 
 +
                   
 +
                    <p>Last but not least, a table summarizing why Kano model is important and should be implemented in future iGEM projects.</p>
 +
                    <p></p>
 +
 
 +
 
 +
                    <h6><b>Table 1.</b> Conclusions of Kano model use in Printeria.</h6>
 +
                    <table style="width:100%" class="border--round table--alternate-row tableHec">
 +
                             
 +
                              <tbody><tr> <th class="thHec" style="
 +
align-content: center;">Kano model results conclusions</th></tr><tr>
 +
                                <td><p>Kano model is an <b>strong tool to include feedback</b> in your project</p>
 +
                               
 +
                              </td></tr>
 +
                              <tr>
 +
                                <td><p>Kano model <b>rank needs by customer/user satisfaction</b></p></td>
 +
                               
 +
                              </tr>
 +
                              <tr>
 +
                                <td><p>Kano model <b>prevents wasting money and time</b> implementing unnecessary needs</p></td>
 +
                               
 +
                              </tr>
 +
                              <tr>
 +
                                <td><p>Kano model allows you to <b>combine public engagement and integrated practices</b></p></td>
 +
                               
 +
                              </tr>
 +
                              <tr>
 +
                                <td><p>Kano model allows you to <b>explain why something was designed or not</b></p></td>
 +
                           
 +
                             
 +
                            </tr></tbody></table>
 +
                        <p></p>
 +
 
 +
                  </div>
 +
              </div>
 
             </div>
 
             </div>
              
+
             <a class="anchorOffset" id="Expert_dialogue"></a>
          </li>
+
            <div style="
          <li class="lateral">
+
              margin-top: 50px;" class="hashlink">
            <div class="tab__title" style="
+
              <div class="row">
              line-height: 1.3em;
+
                  <div class="col-md-3">
 +
                    <img src="https://static.igem.org/mediawiki/2018/9/9b/T--Valencia_UPV--CiutatUPV2018.png" style="
 +
                        padding-top: 15px;
 +
                        margin-top: 0px;" class="fotosAttr">
 +
                    <p></p>
 +
                  </div>
 +
                  <div class="col-md-9">
 +
                  <h3>Expert feedback</h3>
 +
 
 +
                  <p> </p>
 +
             
 +
                  <p>A very good way to enrich the project through feedback is to do so by <b>consulting experts in the field of study</b> as has been done previously in iGEM. Their opinion is really relevant because of the <b>reputation</b> that precedes them, and that <b>adds value</b> to the product/project.</p>
 +
 
 +
                <p>That is why we have decided to contact renowned artists and sciencists from the world of <b>bioart and biotecnology</b> to present them our project and seek advice. Next section describes who we have reached out and how their opinions have changed Printeria.</p>
 +
 
 +
<!-------------------------------------------------Maria peñil y mehmet----------------------------------------------------------->
 +
 
 +
                  <h4>María Peñil &amp; Mehmet Berkmen</h4>
 +
 
 +
 
 +
<!-----------------------------------------------Imagen------------------------------------------------------>
 +
                  <div style="
 +
              padding-bottom: 1em;
 +
              text-align: right;
 
               ">
 
               ">
               <a class="lateral" style="
+
               <a href="https://static.igem.org/mediawiki/2018/9/9e/T--Valencia_UPV--Maria_PenilUPV2018.jpeg" data-lightbox="true">
                color: #353535;
+
 
                opacity: 1;
+
               <img src="https://static.igem.org/mediawiki/2018/9/9e/T--Valencia_UPV--Maria_PenilUPV2018.jpeg" alt="" style="
               ">REACTION ZONE</a>
+
               margin-top: 0.5em;
            </div>
+
              margin-bottom: 0.8em;
           
+
              border-radius: 0.3em;
          </li>
+
          <li class="lateral">
+
            <div class="tab__title" style="
+
               line-height: 1.3em;
+
 
               ">
 
               ">
               <a class="lateral" style="
+
            </a>
                color: #353535;
+
               <div style="
                opacity: 1;
+
                width: 100%;
              ">MEASUREMENT ZONE</a>
+
                padding-left: 2em;
            </div>
+
                padding-right: 1em;
           
+
                "><h6><b>Image 1.</b> Maria Peñil and Mehmet Berkmen in Boston NEB laboratories.</h6>
          </li>
+
              </div>
          <li class="lateral">
+
              </div>
            <div class="tab__title" style="
+
 
               line-height: 1.3em;
+
 
 +
 
 +
 
 +
                  <li><p><a href="http://mariapenilcobo.com/" target="blank">María Peñil Cobo</a> is a Spanish mixed media artist born in San Vicente de la Barquera. She studied fine arts and has a master in art education. To do her masterpieces she works with natural media like bacteria.</p></li>
 +
                  <li><p><a href="http://beck2.med.harvard.edu/people/Memo.htm" target="blank">Dr. Mehmet Berkmen</a> is a Turkish-born international microbiologist. Nowadays he is a Senior sciencist at NEB working on genetically engineering bacteria to produce proteins.</p></li>
 +
 
 +
                  <p>As you can see above María Peñil and Mehmet Berkmen are coworkers in NEB Biolabs Boston. Together, they are dedicated to making bioart with bacteria grown in agar, which fascinated us.  They are what printeria represents, art and science connected, so we wanted to contact them and expose our project as well as ask for advice. The results of the interview can be seen in this document: </p>
 +
 
 +
                  <div style="
 +
                        text-align: center;"><a class="btn btn--primary-1" href="https://static.igem.org/mediawiki/2018/7/7f/T--Valencia_UPV--Maria_Memo_EntrevistaUPV2018.pdf" style="
 +
                        border: none;
 +
                        ;
 +
                        background: #3b83c9;
 +
                        padding-right: 2.78571429em;" target="blank">
 +
                        <span class="btn__text">Interview: María &amp; Mehmet</span>
 +
                        </a>
 +
                    </div>
 +
                    <p></p>
 +
 
 +
                  <p>Interview conclusions were:</p>
 +
 
 +
                  <ul>
 +
                        <li>
 +
                          <p><b>It is difficult for artists to get in touch with scientists. Maria and Memo met by coincidence</b>.</p> <p>In this aspect, Printeria could help to approach artists to scientists.</p>
 +
                        </li>
 +
                        <li>
 +
                          <p><b>Presevation of bioart plates is one of the biggest problems. The best way to preserve them is leaving the plates in the fridge. But using epoxy or other resins can help preservation.</b></p>
 +
                            <p>We leave them on the fridge and we are trying to fix them by using transparent nail polish.</p>
 +
                        </li>
 +
                        <li>
 +
                          <p><b>Consider working by layers when working with different types of bacteria. The slow growers should go first and after growing them, fast growers should be added.</b></p>
 +
 
 +
                          <p>As we are only working with E. coli, we are having no problems. But this piece of advice should be taken into account if Printeria ends up using other different chassis than just E. coli strains.</p>
 +
 
 +
                        </li>
 +
                        <li>
 +
                          <p><b>They don’t create their own GM microorganisms, so they think Printeria could be a useful machine to do so. Memo encourages us to write a manuscript out of this, even if the machine does not totally work. This could make people start using it so that Printeria could evolve</b>.</p>
 +
 
 +
                          <p>The idea of doing a manuscript caught our eyes and we are planning to do so. It also made us think about creating the <a href="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--manual2UPV2018.pdf" target="_blank">‘Printeria user manual’</a> as well as an activity booklet for the user to learn even more about SynBio.</p>
 +
                        </li>
 +
                        <li>
 +
                          <p><b>Do not only focus on creating colourful bacteria but on stand-alone scent pathways</b>.</p>
 +
 
 +
                          <p>We achieved to create mint scented <i>E.coli</i> but we will continue doing some research in stand-alone scent pathways. </p>
 +
 
 +
                        </li>
 +
                        <li>
 +
                          <p><b>For doing bioart, just try different techniques: using glass beads, pipetting liquid cultures, using sowing handles.</b></p>
 +
 
 +
                            <p> We knew nothing about bioart and, thanks to Maria and Memo, we started developing our skills to quickly learn the basics about this type of art. We used the pipetting method to create Yturralde’s living art and the sowing handles for creating Printeria’s logo and for letting students create their own masterpieces in MAG.</p>
 +
                        </li>
 +
                        <li>
 +
                            <p><b>Memo thinks Printeria is a nice multidisciplinary project. He encourages us to show who we are, and the way we learnt to speak a common language in which biotechnologists, engineers, designers and informatics, understood each other.</b></p>
 +
                          <p>It is very important for people to know that Printeria is more than just a biotechnological project. It is a machine in which lots of different disciplines worked together with a single goal. And this piece of advice really helped us while creating our poster and while planning our Giant Jamboree’s presentation.</p>
 +
                        </li>
 +
                        <li>
 +
                          <p><b>It could be graeat for people to touch Printeria. Take it to Boston and try to do a live performance during the Jamboree. This will influence the judges a lot.</b></p>
 +
                          <p>Printeria was built to be as easy as a lego toy, so that anyone can assemble it. This fact will make Printeria perfect to travel to Boston and, of course, to perform public demonstrations there.</p>
 +
                        </li>
 +
                  </ul>
 +
 
 +
<!-------------------------------------------------MOJICA---------------------------------------------------------->
 +
 
 +
                  <h4>Francis Mojica</h4>
 +
<!-------------------------------------------------Imagen---------------------------------------------------------->
 +
                  <div style="
 +
               padding-bottom: 1em;
 +
              text-align: right;
 
               ">
 
               ">
               <a class="lateral" style="
+
               <a href="https://static.igem.org/mediawiki/2018/f/f0/T--Valencia_UPV--Francis_MojicaUPV2018.jpeg" data-lightbox="true">
                color: #353535;
+
 
                opacity: 1;
+
               <img src="https://static.igem.org/mediawiki/2018/f/f0/T--Valencia_UPV--Francis_MojicaUPV2018.jpeg" alt="" style="
               ">DISINFECTION AND STERILITY</a>
+
               margin-top: 0.5em;
            </div>
+
              margin-bottom: 0.8em;
           
+
              border-radius: 0.3em;
          </li>
+
          </li>
+
          <li class="lateral">
+
            <div class="tab__title" style="
+
               line-height: 1.3em;
+
 
               ">
 
               ">
               <a class="lateral" style="
+
            </a>
                color: #353535;
+
               <div style="
                opacity: 1;
+
                width: 100%;
              ">SIMULTANEOUS EXPERIMENTS</a>
+
                padding-left: 2em;
            </div>
+
                padding-right: 1em;
           
+
                "><h6><b>Image 2.</b>Francisco Mojica and Carolina in Mojica's house (Elche).</h6>
          </li>
+
              </div>
          </li>
+
              </div>
          <li class="lateral">
+
 
            <div class="tab__title" style="
+
              <p><a href="https://imem.ua.es/es/quienes-somos/francisco-juan-martinez-mojica.html" target="blank" style="
               line-height: 1.3em;
+
padding-right: 0px;">Dr. Francisco Juan Martínez Mojica</a>&nbsp;is a microbiologist, researcher and professor at the University of Alicante. He is the discoverer of the CRISPR/Cas9 systems whose application would later be researched by Emmanuelle Charpentier and Jennifer Doudna among others. </p>
 +
 
 +
 
 +
 
 +
              <p>In Spain, he is one of the most reputable researchers and as such, his opinion and advice are worth their price in gold.  Mojica accepted our invitation for a personal interview in which we would present the project and ask him for advice. The interview was carried out by Carolina Ropero, member of the Printeria team. In the following button you will be able to read the whole interview:</p>
 +
 
 +
 
 +
                  <div style="
 +
                        text-align: center;"><a class="btn btn--primary-1" href="https://static.igem.org/mediawiki/2018/0/0c/T--Valencia_UPV--Entrevista_MojicaUPV2018.pdf" style="
 +
                        border: none;
 +
                        ;
 +
                        background: #3b83c9;
 +
                        padding-right: 2.78571429em;" target="blank">
 +
                        <span class="btn__text">Interview: Mojica</span>
 +
                        </a>
 +
                    </div>
 +
                    <p></p>
 +
 
 +
                    <p>Interview conclusions were:</p>
 +
 
 +
 
 +
                    <ul>
 +
                        <li>
 +
                          <p><b>Mojica agrees that with the automation which Printeria offers the experimental error can be reduced. However, he warned us about the importance of being aware of the decisions to make, even if a device such Printeria is able to do all the process by itself.</b></p> <p>
 +
To avoid the user lack of awareness, we decided to develop a <b>Simulation tool</b>, so the user could simulate the experiments in silico. Thus, this functionality  provides the user with a quantitative, mathematical description to ensure the rational decision making. </p>
 +
                        </li>
 +
                        <li>
 +
                          <p><b>He believes that, from the education point of view, the automation is detrimental to the observation. He also pointed out the necessity of training the teaching stuff, as they are not often used to SynBio.</b></p><p> In order to ensure the students understanding of the biology that is behind each step, we decided to develop a Printeria basic <b>user-guide</b>. Moreover, we implemented <i>recipes</i> in our software tool. <b>Recipes</b> are already pre-defined experiments that include an easy ID name such as “pink colour”, so in this way the most basic user can understand what he/she is printing and so the biological reason of the final result. </p>
 +
                        </li>
 +
                        <li>
 +
                          <p><b>Biosafety measures are completely necessary to ensure Printeria  introduction in non-scientific environments.
 +
</b> </p><p>We realized it was necessary to improve our <b>safety measurements</b>. Mojica advised us the use of <b>UV light filters</b> as bacterial-killer, which were positively integrated into Printeria final design.
 +
</p>
 +
                        </li>
 +
 
 +
                        <li>
 +
                          <p><b>He advised us to be aware about the vocabulary used to divulgue science, as it needs to be technically correct but close and safe enough for the lay public to listen to you.
 +
</b> </p><p>This, along with the bioartist expert feedback, gave us the idea to use a non-usual approach to <b>divulgue SynBio</b> into the lay-public. As a consequence, Printeria promotion among society was carried out by including the <b>BioArt</b> as the main attraction to get to the public.
 +
</p>
 +
                        </li>
 +
                  </ul>
 +
 
 +
<!------------------------------------------------YTURRALLDE---------------------------------------------------------->
 +
 
 +
                  <h4>José María Yturralde</h4>
 +
<!-------------------------------------------------imagen----------------------------------------------------------->
 +
                  <div style="
 +
               padding-bottom: 1em;
 +
              text-align: right;
 
               ">
 
               ">
               <a class="lateral" style="
+
               <a href="https://static.igem.org/mediawiki/2018/5/52/T--Valencia_UPV--Yturralde_fotoUPV2018.jpeg" data-lightbox="true">
                 color: #353535;
+
 
                 opacity: 1;
+
              <img src="https://static.igem.org/mediawiki/2018/5/52/T--Valencia_UPV--Yturralde_fotoUPV2018.jpeg" alt="" style="
               ">RESULTS</a>
+
              margin-top: 0.5em;
            </div>
+
              margin-bottom: 0.8em;
           
+
              border-radius: 0.3em;
          </li>
+
              ">
         </ul><ul class="tabs-content"></ul>
+
            </a>
       
+
              <div style="
          
+
                 width: 100%;
       </div>
+
                 padding-left: 10em;
 +
                padding-right: 1em;
 +
                "><h6><b>Image 3.</b>Yturralde (center) with Priteria team.</h6>
 +
               </div>
 +
              </div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                  <p>Yturralde has a bachelor's degree and a PhD in fine arts awarded by the Polytechnic University of Valencia (UPV). Furthermore he has been researcher in the MIT among other great things. Between 1968 and 1973 he developed his work <a href="http://www.yturralde.org/Paginas/Etapas/et04/index-es.html" target="blank"><i>"Impossible figures"</i></a>. These figures are really interesting because they show us how our space perception works, they seem coherent at first glance but when you observe them in more detail you see there are inconsistent details.</p>
 +
 
 +
                  <div class="fotoConPie"><a href="https://static.igem.org/mediawiki/2018/2/2a/T--Valencia_UPV--Yturralde2UPV2018.png" data-lightbox="true">
 +
  </a><div class="row" style="margin: 0;"><a href="https://static.igem.org/mediawiki/2018/2/2a/T--Valencia_UPV--Yturralde2UPV2018.png" data-lightbox="true">
 +
    </a><div class="col-md-6" style="
 +
padding: 0;padding-right: 0.3em;"><a href="https://static.igem.org/mediawiki/2018/2/2a/T--Valencia_UPV--Yturralde2UPV2018.png" data-lightbox="true">
 +
         </a><a href="https://static.igem.org/mediawiki/2018/4/45/T--Valencia_UPV--yturraldeUPV2018.jpg" data-lightbox="true">
 +
      <img src="https://static.igem.org/mediawiki/2018/4/45/T--Valencia_UPV--yturraldeUPV2018.jpg" alt="" style="
 +
height: 13.3em !important;
 +
margin-top: 0em;margin-bottom: 0.8em;border-radius: 0.3em;">
 +
    </a></div><a href="https://static.igem.org/mediawiki/2018/4/45/T--Valencia_UPV--yturraldeUPV2018.jpg" data-lightbox="true">
 +
    </a><div class="col-md-6" style="
 +
;
 +
float: right;padding: 0;padding-left: 0.3em;"><a href="https://static.igem.org/mediawiki/2018/4/45/T--Valencia_UPV--yturraldeUPV2018.jpg" data-lightbox="true">
 +
      </a><a href="https://static.igem.org/mediawiki/2018/3/32/T--Valencia_UPV--BioArtY2UPV2018.png" data-lightbox="true">
 +
      <img src="https://static.igem.org/mediawiki/2018/3/32/T--Valencia_UPV--BioArtY2UPV2018.png" alt="" style="
 +
float: right;;
 +
height: 13.3em !important;;;;;;;;;;;;;;;;;;;;;;;;;;;
 +
margin-bottom: 0px !important;
 +
margin-top: 0;border-radius: 0.3em;">
 +
    </a></div><a href="https://static.igem.org/mediawiki/2018/3/32/T--Valencia_UPV--BioArtY2UPV2018.png" data-lightbox="true"></a>
 +
    <div class="pieDeImagen" style="
 +
padding-right: 0px;">
 +
      <h6>
 +
         Images 4-5. Yturraldes's masterpiece and our final Microbial Art version under UV light.
 +
       </h6>
 
     </div>
 
     </div>
 +
  </div><a href="https://static.igem.org/mediawiki/2018/3/32/T--Valencia_UPV--BioArtY2UPV2018.png" data-lightbox="true"></a>
 +
<div>     
 +
        </div>
  
 +
                  <p>To prove Printeria's power in bioart we decided to do one of those figures which you can see above and an interview to get some expert feedback from him. Here you can see the full interview we did:</p>
  
<!--------------------------------------------TEXTO------------------------------------------------>
+
                  <div style="
 +
                        text-align: center;"><a class="btn btn--primary-1" href="https://static.igem.org/mediawiki/2018/2/2b/T--Valencia_UPV--Entrevista_YturraldeUPV2018.pdf" style="
 +
                        border: none;
 +
                        ;
 +
                        background: #3b83c9;
 +
                        padding-right: 2.78571429em;" target="blank">
 +
                        <span class="btn__text">Interview: Yturralde</span>
 +
                        </a>
 +
                    </div>
 +
<p></p>
 +
                  <p>Interview conclusions were:</p>
  
  
    <div class="col-md-9" style="
+
                    <ul>
      /* margin-left: 0px; */
+
                        <li>
      padding-left: 6em;
+
                          <p><b>They way we have to bring Printeria to the market</b></p><p>Yturralde said that there is something really important in art and it is <b>the creative process</b>. He recommended us not to show the product (draws in petri plates) but show the creative process. This way we will catch the artist attention. In this line, we consider to do several promotional videos with the process to show them in future art gallery expositions like Hangar Gallery in Barcelona or E planetari de Castelló where we will go after the jamboree to present our project.</p>
      padding-right: 2em;
+
      ">
+
      <div>
+
        <h3>HARDWARE</h3>
+
        <h4>INTRODUCTION</h4>
+
  
        <p>To address the lack of accessibility to synthetic biology due to the high costs and the level of knowledge required among others, our team has designed Printeria, a fully-equipped bioengineering device capable of automating the process of printing genetic circuits in bacteria.
+
                          <p>Furthermore, he told us that we had to sell the idea of an art that evolves with time because Printeria is not only makes art, it makes life, science and evolution.</p>
        </p>
+
  
        <p> To ensure a functional, economical and easy-to-use design, collaboration between the hardware and the wet lab teams has been necessary throughout the development process. After several drafts we have achieved a unique design that can be easily transported and replicated at a cost not exceeding xxx € (xxx $). [and whose cost does not exceed xxx €]</p>
 
  
        <p> Printeria is divided into three main parts dependent on each other:</p>
 
  
        <div>
+
                        </li>
        <ul>
+
                        <li>
          <li>
+
                          <p><b>Where will Printeria have a great impact?</b></p><p>Yturralde recommends the <b>US</b> to launch such innovative projects. The fact is that it is not without reason, as in Spain there have been many television media and laboratories that have ignored us. Therefore, if we continue with the project after iGEM, we will direct all our efforts abroad, it is decided!</p>
            <p> <u>Entry of consumables</u>: components that allow the entry of consumables into the reaction zone.</p>
+
                        </li>
          </li>
+
                        <li>
          <li>
+
                          <p><b>Printeria, the near future</b></p><p>When we asked him about improvements of printeria, he said: <i>" It is not what is missing is what is going to come"</i>. He encoraged us to continue with Printeria because we will be the start of a new and revolutionary way of expression.</p>
            <p> <u>Reaction zone</u>: space where the process of printing genetic circuits in bacteria occurs thanks to digital microfluidic technology.</p>
+
                        </li>
          </li>
+
                  </ul>
          <li>
+
                  <p></p>
            <p> <u>Measurement zone</u>: the bacteria are kept in conditions that allow for growth and expression while OD and fluorescence measurements are taken.</p>
+
          </li>
+
        </ul>
+
      </div>
+
<div>
+
<table class="border--round table--alternate-row tableHec" style="width:100%;">
+
          <thead><tr>
+
            <th class="thHec">Part</th>
+
            <th class="thHec">Quantity</th>
+
            <th class="thHec">Cost per unit</th>
+
            <th class="thHec">Cost</th>
+
          </tr>
+
        </thead><tbody><tr>
+
        <td class="tdHec">Structure</td>
+
        <td class="tdHec">----</td>
+
        <td class="tdHec">----</td>
+
        <td class="tdHec">----</td>
+
      </tr>
+
      <tr>
+
        <td class="tdHec">Entry system</td>
+
        <td class="tdHec">----</td>
+
        <td class="tdHec">----</td>
+
        <td class="tdHec">----</td>
+
      </tr>
+
      <tr>
+
        <td class="tdHec">Reaction zone</td>
+
        <td class="tdHec">----</td>
+
        <td class="tdHec">----</td>
+
        <td class="tdHec">----</td>
+
      </tr>
+
      <tr>
+
        <td class="tdHec">Measurement zone</td>
+
        <td class="tdHec">----</td>
+
        <td class="tdHec">----</td>
+
        <td class="tdHec">----</td>
+
      </tr>
+
      <tr>
+
        <td class="tdHec" style="opacity: 0; border:none !important;"></td>
+
        <td class="tdHec" style="opacity: 0; border:none !important;"></td>
+
        <td class="tdHec" style="background-color: #909090; color: #fff">TOTAL</td>
+
        <td class="tdHec">----</td>
+
      </tr>
+
    </tbody></table>
+
  </div>
+
        <h5>STRUCTURE</h5>
+
        <h5>Frame</h5>
+
        <!--<h5 style="
+
        color: #353535;
+
        font-size: 16px;
+
        font-weight: 750;
+
        ">Lorem ipsum</h5>-->
+
        <!--<h6 style="
+
        color: #797979;
+
        ">Lorem ipsum</h6>-->
+
        <div>
+
            <p>First of all, it is necessary to design a structure that confines all the elements necessary for the operation of the device inside it and also allows the creation of a sterile atmosphere to carry out the biological reactions.</p>
+
  
            <p> In order to facilitate its transport, aluminum has been chosen for the frame, which in addition to its low weight, has other great qualities such as great resistance to corrosion and low cost.</p>
+
<!-------------------------------------------------Ryan Fobel----------------------------------------------------------->
 +
                  <h4>Ryan Fobel</h4>
  
            <p> It has been used 15x15x1mm square tube profiles joined by plastic corner connectors obtaining as a result a 415x360x280mm chassis. Thanks to the generated blueprints we have been able to contact a company specializing in cutting and handling aluminum that has provided us with all the parts as we required. As it was not possible for us to find plastic connectors that fit our needs, we have decided to design these parts ourselves and then print them on a 3D printer. </p>
+
<!-----------------------------------------------imagen------------------------------------------------------->
 +
                  <div class="col-md-12" style="
 +
padding-left: 0;
 +
float: right;
 +
              padding-bottom: 1em;
 +
              text-align: right;"><div class="col-md-6" style="
 +
padding-left: 2em;
 +
padding-right: 0px;
 +
float: right;;">
 +
              <a href="https://static.igem.org/mediawiki/2018/5/59/T--Valencia_UPV--Ryan_FobelUPV2018.png" data-lightbox="true">
  
            <div>
+
               <img src="https://static.igem.org/mediawiki/2018/5/59/T--Valencia_UPV--Ryan_FobelUPV2018.png" alt="" style="
               <div class="row" style="
+
              margin-top: 0.5em;
                margin: 0;
+
              margin-bottom: 0.8em;
                ">
+
              border-radius: 0.3em;
                <div class="col-md-6" style="
+
              ">
                  padding: 0;
+
            <h6><b>Image 6.</b> Ryan Fobel.</h6></a>
                  padding-right: 0.3em;
+
             
                  ">
+
                  <img src="https://via.placeholder.com/800x400">
+
                </div>
+
                <div class="col-md-6" style="
+
                  padding: 0;
+
                  padding-left: 0.3em;
+
                  ">
+
                  <img src="https://via.placeholder.com/800x400">
+
                </div>
+
                <div style="
+
                  width: 100%;
+
                  padding-left: 19em;
+
                  padding-right: 1em;
+
                  "><h6>Aluminum frame</h6>
+
                </div>
+
 
               </div>
 
               </div>
            </div>
+
<div class="col-md-6" style="
        </div>
+
padding-left: 0;
 +
float: left;">
 +
              <p>Ryan Fobel is CEO of <a href="https://sci-bots.com/" target="blank" style="
 +
padding-right: 0px;">Sci-Bots</a>
 +
located in Toronto (Canada). He has a PhD in medical biophysics. </p><p>We e-mailed Ryan to get in contact with a company that actually does Digital Microfluidics. We learned a lot from the variables involved into this technology. Our final design was heavily influenced by our conversation via Skype with him. We even got the chance of  using some of the Digital Microfluidics Chips that Sci-Bots uses for their machine.</p>
 +
             
 +
              </div></div>
  
            <h5>Methacrylate</h5>
 
  
            <div>
+
                 
              <p> To complete the structure, it is necessary to create walls that are attached to this frame and contribute to its stability.  We have opted for the use of methacrylate due to its attractive appearance, durability and scratch resistance. </p>
+
  
              <p> As well as the aluminum profiles, the blueprints created were used for ordering the custom-made parts to a company.</p>
+
                 
  
              <div style="
+
                  <p>Highlights of design changes:</p>
 +
 
 +
 
 +
                    <ul>
 +
                        <li>
 +
                          <p><b>Pad distance</b>: It is really important that pads have the shortest distance between them as possible. <a href="https://2018.igem.org/Team:Valencia_UPV/Experiments#hardware" target="blank">On our early tests</a> we used around <b>6 mils</b> of separation between pads. He really advised us to use <b>4 mils</b> pad separation, and this was implemented on the final PCB for the experimentation surface.</p>
 +
                        </li>
 +
                        <li>
 +
                          <p><b>Surface coating</b>: This is the hardest part to get right. We learned that currently is better to <b>reapply the coating</b> everytime we do a reaction on the surface. To solve this we got inspired on the design by <a href="http://www.gaudi.ch/OpenDrop/" target="blank">OpenDrop</a> of using <b>disposable surfaces</b> that are held on top of the PCB. We used that concept on the final design of our machine. </p>
 +
                        </li>
 +
                  </ul>
 +
 
 +
<!-------------------------------------------------ANA Y MIRIAM--------------------------------------------------->
 +
 
 +
                  <h4>Ana &amp; Miriam</h4>
 +
<!------------------------------------------------imagen----------------------------------------------------------->
 +
 
 +
                  <div style="
 
               padding-bottom: 1em;
 
               padding-bottom: 1em;
 
               text-align: right;
 
               text-align: right;
 
               ">
 
               ">
               <img src="https://via.placeholder.com/800x400" alt="" style="
+
              <a href="https://static.igem.org/mediawiki/2018/5/5a/T--Valencia_UPV--Ana_MiriamUPV2018.jpeg" data-lightbox="true">
               margin-top: 2.8em;
+
 
 +
               <img src="https://static.igem.org/mediawiki/2018/5/5a/T--Valencia_UPV--Ana_MiriamUPV2018.jpeg" alt="" style="
 +
               margin-top: 0.5em;
 
               margin-bottom: 0.8em;
 
               margin-bottom: 0.8em;
 
               border-radius: 0.3em;
 
               border-radius: 0.3em;
 
               ">
 
               ">
 +
            </a>
 
               <div style="
 
               <div style="
 
                 width: 100%;
 
                 width: 100%;
                 padding-left: 19em;
+
                 padding-left: 2em;
 
                 padding-right: 1em;
 
                 padding-right: 1em;
                 "><h6>Methacrylate cladding</h6>
+
                 "><h6><b>Image 7.</b> Skype with Miriam (left) and Ana (right)</h6>
 
               </div>
 
               </div>
 
               </div>
 
               </div>
  
              <p> Finally, 4mm diameter countersunk head screws DIN 7991 (M4 L25) and nuts DIN 934 (M4), both made of galvanized steel, were used for joining the methacrylate plates to the frame. </p>
 
  
            </div>
+
                  <p>Ana Pastor and Miriam are two Spanish artists from Alicante, who are really <b>interested in combining science and art</b> in their artwork pieces.<b> Ana</b> creates her pieces of art by using <b>her own blood</b>, either lyophilized or even painting with it, while <b>Miriam </b>is working with <b>urban vegetation</b>.  So, what will they think about Printeria? Will they find Printeria useful?</p>
  
            <h5>Leveling system</h5>
+
                  <div style="
 +
                        text-align: center;"><a class="btn btn--primary-1" href="https://static.igem.org/mediawiki/2018/e/e7/T--Valencia_UPV--Entrevista_Ana_MiriamUPV2018.pdf" style="
 +
                        border: none;
 +
                        ;
 +
                        background: #3b83c9;
 +
                        padding-right: 2.78571429em;" target="blank">
 +
                        <span class="btn__text">Interview: Ana &amp; Miriam</span>
 +
                        </a>
 +
                    </div>
 +
<p></p>
 +
         
 +
                    <p>Interview conclusions were:</p>
  
            <div>
 
              <p> Given the great importance of keeping the reaction zone perfectly horizontal, it is necessary to use levelling feet. In addition, for checking the horizontal position, a bull’s eye level has been installed next to the reaction zone. </p>
 
  
                <div style="
+
                    <ul>
                  padding-bottom: 0.8em;
+
                        <li>
                   text-align: right;
+
                          <p><b>Science and art should start walking in the same pathway</b>. It is very important for all <b>different disciplines to start hybridizing</b>. Scientists should count a little bit more one creative people to give a fresh and a different point of view.</p>
 +
                        </li>
 +
                        <li>
 +
                          <p>Ana is always into trying new things so she would <b>love to use Printeria</b> for exploring the idea of working with microorganisms.</p>
 +
                        </li>
 +
                        <li>
 +
                          <p>Printeria should think about <b>working out of the petri dish</b>. Not just using colourful bacteria for painting but <b>trying to mix them with different compounds</b>. Or even, in the future, for <b>synthesizing fibres or even textiles out of bacteria</b>.</p>
 +
                        </li>
 +
                        <li>
 +
                          <p>Printeria could be <b>sold</b> not as a product for our daily lives but for science schools or even to institutions that do <b>fab lab</b>. So, if anyone wants to use Printeria for an art project, you just go to some of these institutions, you pay a fee and <b>you can use it for a given amount of time</b>.</p>
 +
                        </li>
 +
                   </ul>
 +
 
 
                    
 
                    
                  ">
+
                  <div class="row" style="margin: 0;">
+
                      <div class="col-md-6" style="
+
                        padding: 0;
+
                        padding-right: 0.3em;
+
                        ">
+
                        <img src="https://via.placeholder.com/800x400" alt="" style="
+
                        margin-top: 1.8em;
+
                        margin-bottom: 0.8em;
+
                        border-radius: 0.3em;
+
                        ">
+
                      </div>
+
                      <div class="col-md-6" style="
+
                        padding: 0;
+
                        padding-left: 0.3em;
+
                        ">
+
                        <img src="https://via.placeholder.com/800x400" alt="" style="
+
                        margin-top: 1.8em;
+
                        margin-bottom: 0.8em;
+
                        border-radius: 0.3em;
+
                        ">
+
                      </div>
+
                      <div style="
+
                        width: 100%;
+
                        padding-left: 19em;
+
                        padding-right: 1em;
+
                        "><h6>Levelling system</h6>
+
                      </div>
+
 
                   </div>
 
                   </div>
                </div>
+
              </div>
 
             </div>
 
             </div>
       
 
        <div>
 
        <table class="border--round table--alternate-row tableHec" style="width:100%;">
 
                  <thead><tr>
 
                    <th class="thHec">Part</th>
 
                    <th class="thHec">Quantity</th>
 
                    <th class="thHec">Cost per unit</th>
 
                    <th class="thHec">Cost</th>
 
                  </tr>
 
                </thead><tbody><tr>
 
                <td class="tdHec">Aluminum profiles</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
              </tr>
 
              <tr>
 
                <td class="tdHec">Profiles' cutting and drilling</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
              </tr>
 
              <tr>
 
                <td class="tdHec">Custom-made methacrylate</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
              </tr>
 
              <tr>
 
                <td class="tdHec">Screws DIN 7991</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
              </tr>
 
              <tr>
 
                <td class="tdHec">Nuts DIN 934</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
              </tr>
 
              <tr>
 
                <td class="tdHec">Kg of PLA for the connectors</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
              </tr>
 
              <tr>
 
                <td class="tdHec">Leeveling feet</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
              </tr>
 
              <tr>
 
                <td class="tdHec">Bull's eye level</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
                <td class="tdHec">----</td>
 
              </tr>
 
              <tr>
 
                <td class="tdHec" style="opacity: 0; border:none !important;"></td>
 
                <td class="tdHec" style="opacity: 0; border:none !important;"></td>
 
                <td class="tdHec" style="background-color: #909090; color: #fff">TOTAL</td>
 
                <td class="tdHec">----</td>
 
              </tr>
 
            </tbody></table> 
 
  
        </div>
+
          <a class="anchorOffset" id="Safety"></a>
 +
            <div style="
 +
              margin-top: 50px;" class="hashlink">
 +
              <div class="row">
 +
                  <div class="col-md-3">
 +
                    <img src="https://static.igem.org/mediawiki/2018/9/90/T--Valencia_UPV--Safety_DesignUPV2018.png" style="
 +
                        padding-top: 15px;
 +
                        margin-top: 0px;" class="fotosAttr">
 +
                    <p></p>
 +
                  </div>
 +
                  <div class="col-md-9">
  
        <h5>ENTRY OF CONSUMABLES</h5>
+
<!------------------------------------------------SAFETY--------------------------------------------------------->
 +
                  <h3>Safety by design</h3>
 +
             
 +
                  <p>Paris-Bettencourt 2012 team was right when they said in their page "How safe is safe enough?": <i>“Biosafety is an exciting design challenge, an essential enabling technology for synthetic biology, and a fundamental ethical obligation of all bioengineers”</i>.</p>
  
        </div>
+
                  <p>This sentence describes perfectly what we did with Printeria.  Printeria was designed to ensure safety for all audiences, <b>to be safe enough for the world</b>. In the next table you can see <b>different safety problems we saw with our instructors help, and how we solved them.</b></p>
        <h5>REACTION ZONE</h5>
+
  
        <h5>MEASUREMENT ZONE</h5>
+
                    <!----Empìezo listado con una separación---->
  
        <h5>DISINFECTION AND STERILITY</h5>
+
                    <p></p>
 +
                    <p></p>
  
        <h5>SIMULTANEOUS EXPERIMENTS</h5>
 
  
        <h5>RESULTS</h5>
+
                    <h6><b>Table 2.</b> Safety problems solved in the design of Printeria.</h6>
  
 +
                    <table style="width:100%">
 +
                              <tbody><tr>
 +
                                <th><p>Safety Problem</p></th>
 +
                                <th><p style="text-align: center"> Solution</p></th>
 +
                              </tr>
 +
                              <tr>
 +
                                <td><p><b>Sterilization of the PCB</b></p></td>
 +
                                <td><p>How do we clean the PCB without damaging the metalic and plastic components? Well, we decided to do what Francisco Mojica recomended to us which is more or less what flow cabins do. We decided to use UV led lights. Furthermore we have programmed an especial reaction that use little droplets with HCl and ethanol to clean and ensure we have perfectly sterilized the PCB.</p></td>
 +
                              </tr>
 +
                              <tr>
 +
                                <td><p><b>Sterilization of the microfluidic tubes</b></p></td>
 +
                                <td><p>The reaction fluid is going to pass through microfluidic tubes and it will contaminate them, to reverse this situation we will use the same special program wich usses droplets with ethanol and HCl.</p></td>
 +
                              </tr>
 +
                              <tr>
 +
                                <td><p><b>Protection of the user</b></p></td>
 +
                                <td><p>We want the user to see what is happening inside Printeria but also we want them to be protected if something wrong happens inside. Thats why we thought that a metacrilate box that cover the machines would be a nice option. Besides, it is useful to pin up the elements which will be part of Printera.</p></td>
 +
                              </tr>
 +
                              <tr>
 +
                                <td><p><b>Overheating of the PCB</b></p></td>
 +
                                <td><p>As the PCB has a cold and a hot zone, it is necessary to evacuate the heat generated. The hot zone can achieve more than 80º degrees and can be a potential danger. A resistance is responsible of heating and a peltier plate is responsible of chilling. Peltier effect is based in a semiconductor metal where you apply a potential difference. Then, you create a hot part and a cold one in that semiconductor. We use the cold part to extract the energy and stabilize the temperature via conduction of the PCB's hot zone.</p></td>
 +
                              </tr>
 +
                              <tr>
 +
                                <td><p><b>Ventilation</b></p></td>
 +
                                <td><p>The peltier plate is responsible of chilling the PCB but ¿How do we evacuate all the energy generated? Well, the answer is simple, Printeria just needed ventilation holes and watercooling to do it. Watercooling is based in the higher thermal capacity of fluids (water in this case) to absorb energy. Water is pumped through microfluidic tubes to reach the peltier and chill it.</p></td>
 +
                              </tr>
 +
                              <tr>
 +
                                <td><p><b>Electroporator</b></p></td>
 +
                                <td><p>This device is capable to reach high voltages, so if you require one of these in your design first of all, ensure no one can harm himself/herself. This is the reason why we designed our own electroporator in a dedicated and compacted printed circuit to isolate it from any exposure. It can reach until 1600V, which is not a joke.
 +
                              </p></td></tr><tr>
 +
                                <td><p><b>Tips</b></p></td>
 +
                                <td><p>Tips which go in the revolver wheel are disposable to ensure the purity of each reaction.</p></td>
 +
                              </tr>
 +
                             
 +
                            </tbody></table>
 +
                        <p></p>
  
 +
                <p>Futher information: <a href="https://2018.igem.org/Team:Valencia_UPV/Safety" target="blank">safety</a>.</p>
  
  </div>
+
                  </div>    
</div>
+
                 
 +
                           
 +
                            </div>
 +
                        </div>
 +
              </div>
 +
            </div>
 +
        </div>
 +
        <h3 style="position: initial;">References</h3>
 +
<div><p style=""><b>1.</b> TERNINKO, J. (1997). Step-by-Step QFD, Customer-Driven Product Design, Second edition. USA: St . Lucie Press.</p><p><b>2.</b> Olson,D. (2014) “Kano Model Priorization” <http: bawiki.com="" wiki="" techniques="" kano-model-prioritization="">.[Consulted: 10/8/2018]</http:></p><p><b>3.</b> Youtube, “Aplicación del modelo Kano-Caso práctico Excel” on Youtube <https: www.youtube.com="" watch?v="_ZgFEur-vLA">[Consulted: 10/8/2018]</https:></p><p><b>4.</b> María Peñil &amp; Mehmet Berkmen, “Bacterial Art” <https: www.bacterialart.com="" who-we-are="">[Consulted: 12/8/2018]</https:></p><p><b>5.</b>Committee on Science, Technology, and Law; Policy and Global Affairs; Board on Life Sciences; Division on Earth and Life Sciences; National Academy of Engineering; National Research Council. Positioning Synthetic Biology to Meet the Challenges of the 21st Century: Summary Report of a Six Academies Symposium Series. Washington (DC): National Academies Press (US); 2013 Aug 5. 2, Synthetic Biology: Science and Technology for the New Millennium. [Consulted: 10/8/2018]</p></div>
  
  
</section>
 
  
  
<!--------------------FIN TEXTO------------------------------>
 
  
 +
      </div>
 +
   
  
</div>
 
<!--end of row-->
 
</div>
 
<!--end of container-->
 
</section>
 
  
</div>
+
 
<!--<div class="loader"></div>-->
+
  </div></section>
<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>
+
 
 +
 
 +
 
 +
        <!--<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/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/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/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/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/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}}
 
{{Valencia_UPV/footer}}

Latest revision as of 15:54, 5 December 2018

Stack Multipurpose HTML Template

Introduction

Science and technology have always been prompted by a desire of solving social issues. Thus, science would be nothing if it does not exist a relationship with people.

In this page we are going to show how we have faced integrated practices and we will give an answer these questions:

  • How your project affects the world and how the world affects it?

  • Is your work good enough for the world?

Integrated Human Practices

Feedback receiving: the key to the success

When creating a new scientific device, the existence of political, economic and social frameworks leads into the necessity of an in-depth analysis of how your creation would affect the world and how the world affects it.

As a result, our first step was to identify the real-life problems that could be solved with Printeria and so classify its application fields. To do so, we decided to employ a tip given by Israel (researcher at UPV) the MIT market segmentation table . This table allows you to classify all users you think your product could be interesting to buy on the basis of several questions. Using it we analyzed Printeria potential users in accordance with our project values.

You can read the resulting market segmentation analysis and how it helped us to focus our initial approach by clicking here:

As a result, Printeria main applications fields can be summarized as:

Education

With a friendly-user software, Printeria is designed to be an educational tool
Research groups

Printeria automatizes protocols, and enhances the experiments reproducibility.
Bioartists

Printeria offers a compact and friendly toolkit for the bioartist entire disposal

Thus, our main concern was how to fulfill the different stakeholder demands. Following our interdisciplinary spirit, we searched for continuos input from professionals with different backgrounds and non professionals, so we could ensure we were designing a useful synbio device.

This year we have decided to divide Integrated human in three parts:

Kano model

An engineering way to integrate feedback.
Expert dialoge

How experts point of view changed the way we did Printeria.
Safety desing

How safety specifications changed Printeria

References

1. TERNINKO, J. (1997). Step-by-Step QFD, Customer-Driven Product Design, Second edition. USA: St . Lucie Press.

2. Olson,D. (2014) “Kano Model Priorization” .[Consulted: 10/8/2018]

3. Youtube, “Aplicación del modelo Kano-Caso práctico Excel” on Youtube [Consulted: 10/8/2018]

4. María Peñil & Mehmet Berkmen, “Bacterial Art” [Consulted: 12/8/2018]

5.Committee on Science, Technology, and Law; Policy and Global Affairs; Board on Life Sciences; Division on Earth and Life Sciences; National Academy of Engineering; National Research Council. Positioning Synthetic Biology to Meet the Challenges of the 21st Century: Summary Report of a Six Academies Symposium Series. Washington (DC): National Academies Press (US); 2013 Aug 5. 2, Synthetic Biology: Science and Technology for the New Millennium. [Consulted: 10/8/2018]

CONTACT US igem.upv.2018@gmail.com