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

 
(130 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 7: Line 8:
 
{{Valencia_UPV/stackinterface.css}}
 
{{Valencia_UPV/stackinterface.css}}
 
{{Valencia_UPV/theme.css}}
 
{{Valencia_UPV/theme.css}}
 +
{{Valencia_UPV/navBar}}
  
 +
<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>
  
<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>
 
 
     <head>
 
     <head>
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
Line 26: Line 28:
 
         <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>
 
     </head>
    <body class="" style="background-color:#353535;">
+
  <body class="" style="background-color:#353535;">
         <a id="start"></a>
+
         <a class="anchorOffset" id="start"></a>
        <div class="nav-container" style="margin-bottom: 1.85714286em;">
+
 
            <div class="bar bar--sm visible-xs">
+
 
                <div class="container">
+
<!--------- NAVBAR-------------------------------------------------------------------------------------------------------------------------------------------------------------->
                    <div class="row">
+
 
                        <div class="col-3 col-md-2">
+
 
                            <a href="index.html">
+
     
                                <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png">
+
 
                            </a>
+
 
                        </div>
+
 
                        <div class="col-9 col-md-10 text-right">
+
<!------------CONTENEDOR PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------------->
                            <a href="#" class="hamburger-toggle" data-toggle-class="#menu1;hidden-xs">
+
 
                                <i class="icon icon--sm stack-interface stack-menu"></i>
+
 
                            </a>
+
<div class="main-container" style="
                        </div>
+
height: 100%;">
                    </div>
+
<center style="
                    <!--end of row-->
+
height: 100%;">
                </div>
+
<div class="col-md-10" style="
                <!--end of container-->
+
  height: 100%;margin-top: 4em;">
 +
  <div id="logoPrinteria" class="item" style="
 +
    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%;
 +
    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;">
 +
      <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>
 +
      </a>
 +
    </div>  
 +
</div>
 +
</center>
 +
</div>
 +
 
 +
<!-- FIN MAIN CONTAINER -->
 +
 
 +
<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>
            <!--end bar-->
+
        </div>
            <div class="col-md-12" style="padding: 0px;margin: 0 auto;">
+
        <div class="col-md-9 col9Phone" id="Intro" style="padding-left: 6em;padding-right: 2em;">
                 <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light" style="
+
            <div>
                    height: 120px; padding: 0px; background-color: rgb(53, 53, 53); margin: 0px auto; text-align: center;">
+
              <h3>Introduction</h3>
                     <div class="container" style="
+
              <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>
                        height: 100%;
+
 
                        padding-top: 10px;
+
              <p>In this page we are going to show how we have faced integrated practices and we will give an answer these questions:</p>
                        ;lute;">
+
 
                        <div class="row" style="
+
                 <ul style="list-style-type:square">
                            height: 100%; padding-top: 1.85em;">
+
                     <li><p>How your project affects the world and how the world affects it?</p></li>
                            <div class="col-lg-3 col-md-3 hidden-xs" style="
+
                    <li><p>Is your work good enough for the world?</p></li>
                                height: 100%;
+
                    </ul>
                                position: absolute;padding-left: 0px;display: flex;">
+
       
                                <img class="" src="https://static.igem.org/mediawiki/2018/8/8a/T--Valencia_UPV--pruebaPrinteriaWhiteUPV2018.png" style="
+
 
                                height: 64px; width: 224px; margin-top: 0; !important ">
+
<p></p>
                                <!--end module-->
+
<a class="anchorOffset" id="Integrated"></a>   
                            </div>
+
<h3>Integrated Human Practices</h3>
                            <div class="col-lg-12 col-md-12 text-right text-left-xs text-left-sm">
+
       
                                <div class="bar__module" style="
+
  <h4><b> Feedback receiving: the key to the success</b></h4>
                                    padding-top: 10px; float: right;">
+
  <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.  
                                    <ul class="menu-horizontal text-right">
+
</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.
                                        <li class="dropdown dropdown--hover">
+
  </p><p>You can read the resulting market segmentation analysis and how it helped us to focus our initial approach by clicking here:
                                            <span class="dropdown__trigger navLinks">Team</span>
+
  </p><div style="
                                            <!--
+
                        text-align: center;"><a class="btn btn--primary-1" href="https://static.igem.org/mediawiki/2018/1/1e/T--Valencia_UPV--MSUPV2018.pdf" style="
                                            <div class="dropdown__container">
+
                        border: none;
                                                <div class="container">
+
                        ;
                                                    <div class="row">
+
                        background: #3b83c9;
                                                        <div class="col-md-3 col-lg-2 dropdown__content">
+
                        padding-right: 2.78571429em;" target="blank">
                                                            <ul class="menu-vertical">
+
                        <span class="btn__text">Market Segmentation analysis</span>
                                                                <li>
+
                        </a>
                                                                    Team
+
                    </div>
                                                                </li>
+
            <p></p>
                                                            </ul>
+
 
                                                        </div>
+
<p>As a result, Printeria main applications fields can be summarized as: </p>
                                                    </div>
+
 
                                                </div>
+
<div>
                                            </div>
+
              <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
                                            -->
+
              <!--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>
+
              <div id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em; justify-content: center;" class="row">
                                        <li class="dropdown">
+
                  <div class="col-md-3" style="text-align: center;">
                                            <span class="dropdown__trigger navLinks">Project</span>
+
                    <a class="inner-link" ><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/0/00/T--Valencia_UPV--GenerationUPV2018.png"></a>
                                           
+
                    <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>
                                            <!--end dropdown container-->
+
                  </div>
                                        </li>
+
                  <div class="col-md-3" style="text-align: center;">
                                        <li class="dropdown">
+
                    <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>
                                            <span class="dropdown__trigger navLinks">Wet Lab</span>
+
                    <h6 style="text-align: center !important;"><b>Research groups</b><p></p>  Printeria automatizes protocols, and enhances the experiments reproducibility.</h6>
                                           
+
                  </div>
                                            <!--end dropdown container-->
+
                  <div class="col-md-3" style="text-align: center;">
                                        </li>
+
                    <a class="inner-link" ><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/8d/T--Valencia_UPV--BioArtUPV2018.png"></a>
                                        <li class="dropdown">
+
                    <h6 style="text-align: center !important;"><b>Bioartists</b><p></p> Printeria offers a compact and friendly toolkit for the bioartist entire disposal</h6>
                                            <span class="dropdown__trigger navLinks">Dry Lab</span>
+
                  </div>
                                           
+
                 
                                            <!--end dropdown container-->
+
              </div>
                                        </li>
+
<p></p>
                                        <li class="dropdown">
+
<p></p>
                                            <span class="dropdown__trigger navLinks">Human Practices</span>
+
 
                                           
+
<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.
                                            <!--end dropdown container-->
+
 
                                        </li>
+
</p><p>This year we have decided to divide Integrated human in three parts:</p>
                                    </ul>
+
 
                                </div>
+
                                <!--end module-->
+
                            </div>
+
                        </div>
+
                        <!--end of row-->
+
                    </div>
+
                    <!--end of container-->
+
                </nav>
+
 
             </div>
 
             </div>
             <!--end bar-->
+
             <div>
        </div>
+
              <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
        <div class="main-container">
+
              <!--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 id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em; justify-content: center;" class="row">
            <section style="
+
                  <div class="col-md-3" style="text-align: center;">
                ; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
+
                    <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>
                <div class="main-container" style="
+
                    <h6 style="text-align: center !important;"><b>Kano model</b><p></p>  An engineering way to integrate feedback.</h6>
                    height: 100%;">
+
                  </div>
                    <center style="
+
                  <div class="col-md-3" style="text-align: center;">
                    height: 100%;">
+
                    <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>
                    <div class="col-md-10" style="
+
                    <h6 style="text-align: center !important;"><b>Expert dialoge</b><p></p>  How experts point of view changed the way we did Printeria.</h6>
                        height: 100%;margin-top: 4em;">
+
                  </div>
                        <div id="logoPrinteria" class="item" style="
+
                  <div class="col-md-3" style="text-align: center;">
                            background-image: url(https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg);
+
                    <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>
                            height: 100%;
+
                    <h6 style="text-align: center !important;"><b>Safety desing</b><p></p>  How safety specifications changed Printeria</h6>
                            width: 100%;background-attachment: fixed;background-size: cover;">
+
                  </div>
                           
+
                 
                            <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
+
              </div>
                                <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;">
+
              <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
                                    <i class="stack-interface stack-down-open-big"></i>
+
              <!--------------------------------------------------------------------OVERVIEW------------------------------------------------------------------->
                                </a>
+
            </div>
                            </div>
+
            <!--ENLACE DE DESTINO: HARVARD -->
                           
+
            <a class="anchorOffset" id="Kano_model"></a>
                        </div>
+
            <!--FIN ENLACE DE DESTINO -->
                     </div>
+
            <div style="
 +
              margin-top: 50px;" class="hashlink">
 +
              <div class="row">
 +
                  <div class="col-md-3">
 +
                    <img src="https://static.igem.org/mediawiki/2018/7/78/T--Valencia_UPV--Kano_modelUPV2018.png" style="
 +
                        padding-top: 15px;
 +
                        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>
 +
 
 
                      
 
                      
                     </center>
+
                     <p>Last but not least, a table summarizing why Kano model is important and should be implemented in future iGEM projects.</p>
                   
+
                     <p></p>
                    </div><div class="all-page-modals"></div><div class="all-page-modals"></div>
+
 
                     <div class="all-page-modals"></div>
+
 
                </section></div>
+
                     <h6><b>Table 1.</b> Conclusions of Kano model use in Printeria.</h6>
               
+
                    <table style="width:100%" class="border--round table--alternate-row tableHec">
                <section id="story" class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
+
                             
                     <div class="container">
+
                              <tbody><tr> <th class="thHec" style="
                        <div class="row">
+
align-content: center;">Kano model results conclusions</th></tr><tr>
                            <div class="col-md-3" style="
+
                                <td><p>Kano model is an <b>strong tool to include feedback</b> in your project</p>
                                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" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;/* color: #353535; */">
+
                                            <div class="tab__title" style="
+
                                                line-height: 1.3em;
+
                                                /* padding-left: 0.5em; */
+
                                                ">
+
                                                <a class="lateral" style="
+
                                                    /* color: #ffffff; */
+
                                                    opacity: 1;
+
                                                    list-style-type: circle;
+
                                                ">Human Practices</a>
+
                                            </div>
+
                                           
+
                                        </li>
+
                                        <li class="lateral">
+
                                            <div class="tab__title" style="
+
                                                line-height: 1.3em;
+
                                                ">
+
                                                <a class="lateral" style="
+
                                                    color: #353535;
+
                                                    opacity: 1;
+
                                                ">Integrated Human</a>
+
                                            </div>
+
                                           
+
                                        </li>
+
                                        <li class="lateral">
+
                                            <div class="tab__title" style="
+
                                                line-height: 1.3em;
+
                                                ">
+
                                                <a class="lateral" style="
+
                                                    color: #353535;
+
                                                    opacity: 1;
+
                                                ">Social Engagement</a>
+
                                            </div>
+
                                           
+
                                        </li>
+
                                        <li class="lateral">
+
                                            <div class="tab__title" style="
+
                                                line-height: 1.3em;
+
                                                ">
+
                                                <a class="lateral" style="
+
                                                    color: #353535;
+
                                                    opacity: 1;
+
                                                ">Collaborations</a>
+
                                            </div>
+
                                           
+
                                        </li>
+
                                        <li class="lateral">
+
                                            <div class="tab__title" style="
+
                                                line-height: 1.3em;
+
                                                ">
+
                                                <a class="lateral" style="
+
                                                    color: #353535;
+
                                                    opacity: 1;
+
                                                ">Safety</a>
+
                                            </div>
+
                                           
+
                                        </li>
+
                                    </ul><ul class="tabs-content"></ul>
+
                                   
+
                                   
+
                                </div>
+
 
                                  
 
                                  
 +
                              </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>
 
                                  
 
                                  
                            </div>
+
                              </tr>
                            <div class="col-md-9" style="
+
                              <tr>
                                /* margin-left: 0px; */
+
                                 <td><p>Kano model allows you to <b>explain why something was designed or not</b></p></td>
                                padding-left: 6em;
+
                           
                                padding-right: 2em;
+
                             
                                ">
+
                            </tr></tbody></table>
                                 <div style="
+
                        <p></p>
                                    ">
+
                                    <!--<h1 style="
+
                                    color: #353535;
+
                                    ">Lorem ipsum</h1>-->
+
                                    <!--<h2 style="
+
                                    color: #353535;
+
                                    ">Lorem ipsum</h2>-->
+
                                    <h3 style="
+
                                    color: #353535;
+
                                    font-weight: 700;
+
                                    font-size: 40px;
+
                                    margin-bottom: 0.2em;
+
                                    ">Human Practices</h3>
+
                                   
+
                                    <!--<h5 style="
+
                                    color: #353535;
+
                                    font-size: 16px;
+
                                    font-weight: 750;
+
                                    ">Lorem ipsum</h5>-->
+
                                    <!--<h6 style="
+
                                    color: #797979;
+
                                    ">Lorem ipsum</h6>-->
+
                                    <p style="
+
                                        line-height: 1.7;
+
                                        margin-bottom: 0;
+
                                        color: #353535;">Science and technology have always been prompted by a desire of solving social issues. Thus, science would be nothing if it doesn’t exist a relationship with people. </p>
+
                  <h4><b><i>How your project affects the world and how the world affects it? </i></b></h4></p>
+
  <h4><b> Integrated Human: the key  </b></h4>
+
                                    <p> 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.We analyzed the real-life problems that would be solved with Printeria, so finally the key applications fields are divided into:
+
<p> <ul>
+
  <li>
+
    <p><b>Research groups</b>. Printeria automatizes time-consuming protocols, which are also not free of the human error. Thus, it enhances the intellectual task and increases the experiments standardization and reproducibility.</p>
+
  </li>
+
  <li>
+
    <p><b>Education</b>. With a friendly-user software, Printeria is designed to be an educational tool, as a fully equipped device is introduced inside classrooms without the necessity of high-cost technologies. </p>
+
  </li>
+
  <li>
+
    <p><b>Bio Art</b>. Printeria offers a compact and friendly toolkit to have a complete palette of pigmented bacteria for the bioartist disposal. </p>
+
  </li>
+
</ul>
+
<p>During the design phase our product, we were mainly concerned about how to fulfill the <b>stakeholders demands</b> and so create a useful product in line with our objectives.  In order to get first-hand feedback, our human practices team conducted several interviews with each target group, so we could realize which where the real <b>user necessities</b> in relation to topics such as software functionalities, external design, DNA parts toolkit and biosafety measurements. In these interviews, we talked with the Spanish microbiologist PhD. Francis Mojica and with several artists, such as the bioartist <a href="http://mariapenilcobo.com/bioart">María Peñil</a>. We also received feedback from an open-talk with high schools last year students. Moreover, our microfluidic system design was thoughtfully implemented with the advice of electronic engineering professionals from the microfluidic market niche.
+
  
<p>To know how the feedback receiving was focused and how it was gradually integrated to finally create Printeria as nowadays is, you can further read the <b>Integrated Human</b> page by <a href="">clicking here</a>. </p>
+
                  </div>
</p>
+
              </div>
<p></p>
+
            </div>
<h4><b><i>Is our work good enough for the world? </i></b></h4>
+
            <a class="anchorOffset" id="Expert_dialogue"></a>
              <h4><b> Public Engagement: communicating is essential </b></h4>
+
            <div style="
                   <p>Printeria was born with the aim of knocking down the barriers that prevent people from coming into Synthetic Biology. However, these barriers are not only related with the high-cost technology, but also with the society lack of awareness.
+
              margin-top: 50px;" class="hashlink">
The lay-public do not usually know what SynBio and, when having heard about it, several misconceptions are commonly extended.
+
              <div class="row">
 +
                  <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 href="https://static.igem.org/mediawiki/2018/9/9e/T--Valencia_UPV--Maria_PenilUPV2018.jpeg" data-lightbox="true">
 +
 +
              <img src="https://static.igem.org/mediawiki/2018/9/9e/T--Valencia_UPV--Maria_PenilUPV2018.jpeg" alt="" style="
 +
              margin-top: 0.5em;
 +
              margin-bottom: 0.8em;
 +
              border-radius: 0.3em;
 +
              ">
 +
            </a>
 +
              <div style="
 +
                width: 100%;
 +
                padding-left: 2em;
 +
                padding-right: 1em;
 +
                "><h6><b>Image 1.</b> Maria Peñil and Mehmet Berkmen in Boston NEB laboratories.</h6>
 +
              </div>
 +
              </div>
 +
 +
 +
 +
 +
                  <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 href="https://static.igem.org/mediawiki/2018/f/f0/T--Valencia_UPV--Francis_MojicaUPV2018.jpeg" data-lightbox="true">
 +
 +
              <img src="https://static.igem.org/mediawiki/2018/f/f0/T--Valencia_UPV--Francis_MojicaUPV2018.jpeg" alt="" style="
 +
              margin-top: 0.5em;
 +
              margin-bottom: 0.8em;
 +
              border-radius: 0.3em;
 +
              ">
 +
            </a>
 +
              <div style="
 +
                width: 100%;
 +
                padding-left: 2em;
 +
                padding-right: 1em;
 +
                "><h6><b>Image 2.</b>Francisco Mojica and Carolina in Mojica's house (Elche).</h6>
 +
              </div>
 +
              </div>
 +
 +
              <p><a href="https://imem.ua.es/es/quienes-somos/francisco-juan-martinez-mojica.html" target="blank" style="
 +
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>
 
</p>
                  <p> Thus, we realized it was necessary to encourage a <b>critical thinking</b> atmosphere before integrating Printeria. In this context, our main concern was to introduce an <b>attractive and non-usual approach</b> to become SynBio a closer and familiar concept. To do so, we set the goal of <b>promoting the BioArt branch</b>, not only easing the bacterial art production with Printeria, but also and most important introducing this field to the non-scientific world. We carried out a Microbial Art workshop with the advices given by experts of the field and we also collaborated with the famous valencian artist José María Yturralde, introducing him to the BioArt and creating one of his most important masterpieces fusioning the 3D printing world with the microbiology. On the other hand, several talks were also given to different target groups to divulge SynBio and so <b>fight against common misinformation</b>.  
+
                        </li>
<p>See the full activities carried out in our a <a href=https://2018.igem.org/Team:Valencia_UPV/Public_Engagement ">Education and Public Engagement page</a>. </p>  
+
 
  <h4> Biosafety </h4>
+
                        <li>
<p>Biosafety measurements are completely necessary during any lab research. Moreover, safety considerations in relation to Printeria sterilization and biocontention measurements in regard to GMOs spread is essential if we want to introduce a bio-engineering device as Printeria is in non-scientific places. Thus, you can read the biosafety measurements we have implemented in our product design  by going to the <a href="https://2018.igem.org/Team:Valencia_UPV/Safety">Safety page</a>.
+
                          <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 href="https://static.igem.org/mediawiki/2018/5/52/T--Valencia_UPV--Yturralde_fotoUPV2018.jpeg" data-lightbox="true">
 +
 
 +
              <img src="https://static.igem.org/mediawiki/2018/5/52/T--Valencia_UPV--Yturralde_fotoUPV2018.jpeg" alt="" style="
 +
              margin-top: 0.5em;
 +
              margin-bottom: 0.8em;
 +
              border-radius: 0.3em;
 +
              ">
 +
            </a>
 +
              <div style="
 +
                width: 100%;
 +
                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><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>
 +
 
 +
                  <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></p>
</p>
+
                  <p>Interview conclusions were:</p>
                    <h4>Collaborations</h4>
+
 
  <p>Synthetic biology builds are the result of collaborations across many fields, including institutional, industrial, scientific, and technical developments (1). In the same way, sharing and collaborating are some of the <b>core values</b> of the iGEM community.  
+
 
We were delighted to part of this collaborative approach, so you can all read the collaborations we carried out with other iGEM teams by going to our <a href=https://2018.igem.org/Team:Valencia_UPV/Collaborations"> Collaborations page</a>.
+
                    <ul>
                   </p>
+
                        <li>
 +
                          <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>
 +
 
 +
                          <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>
 +
 
 +
 
 +
 
 +
                        </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>
 +
                        </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>
 +
                        </li>
 +
                  </ul>
 +
                  <p></p>
 +
 
 +
<!-------------------------------------------------Ryan Fobel----------------------------------------------------------->
 +
                  <h4>Ryan Fobel</h4>
 +
 
 +
<!-----------------------------------------------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">
 +
 
 +
              <img src="https://static.igem.org/mediawiki/2018/5/59/T--Valencia_UPV--Ryan_FobelUPV2018.png" alt="" style="
 +
              margin-top: 0.5em;
 +
              margin-bottom: 0.8em;
 +
              border-radius: 0.3em;
 +
              ">
 +
            <h6><b>Image 6.</b> Ryan Fobel.</h6></a>
 +
             
 +
              </div>
 +
<div class="col-md-6" style="
 +
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>
 +
 
 +
 
 +
                 
 +
 
 +
                 
 +
 
 +
                  <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;
 +
              text-align: right;
 +
              ">
 +
              <a href="https://static.igem.org/mediawiki/2018/5/5a/T--Valencia_UPV--Ana_MiriamUPV2018.jpeg" data-lightbox="true">
 +
 
 +
              <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;
 +
              border-radius: 0.3em;
 +
              ">
 +
            </a>
 +
              <div style="
 +
                width: 100%;
 +
                padding-left: 2em;
 +
                padding-right: 1em;
 +
                "><h6><b>Image 7.</b> Skype with Miriam (left) and Ana (right)</h6>
 +
              </div>
 +
              </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>
 +
 
 +
                  <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>
 +
 
 +
 
 +
                    <ul>
 +
                        <li>
 +
                          <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>
 +
              </div>
 +
            </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">
 +
 
 +
<!------------------------------------------------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>
 +
 
 +
                  <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>
 +
 
 +
                    <!----Empìezo listado con una separación---->
 +
 
 +
                    <p></p>
 +
                    <p></p>
 +
 
 +
 
 +
                    <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>
+
               
+
 
             </div>
 
             </div>
           
+
        </div>
           
+
        <h3 style="position: initial;">References</h3>
        </section>
+
<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>
    </div>
+
    <!--end of row-->
+
</div>
+
<!--end of container-->
+
</section>
+
  
  
<footer style="
+
 
    background-color:#353535;" class="footer-3 text-center-xs space--xxs ">
+
 
    <div id="logoPrinteria" class="item" style="
+
 
        position: relative;text-align: center;lign: center;height: 50vh;">
+
      </div>
        <div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm bg--light" style="
+
   
            position: absolute;&nbsp;align-items: right;margin-top: 10%;; width: 100%;padding-left: 10%;">
+
 
            <p style="
+
 
            color: white;margin-left: 480px;margin-bottom: 3px;;">Contact us:</p><ul>
+
 
           
+
  </div></section>
            <li style="
+
 
                float: left;margin-left: 480px; left;">
+
 
                <a style="
+
 
                    color: white;float: left;;">
+
 
                </a><div style="
+
 
                float: left;"><div style="
+
 
                    color: white;float: left;display: block;">
+
         <!--<div class="loader"></div>-->
                    <i><img style="
+
         <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
                    height: 40px;float: left; display= flex" src="https://static.igem.org/mediawiki/2018/2/2a/T--Valencia_UPV--mailUPV2018.png">
+
             <i class="stack-interface stack-up-open-big"></i>
                    </i>
+
                    <p style="
+
                        margin-left: 60px;margin-top: 11px;;
+
                    ;">igem.upv.2018@gmail.com</p></div>
+
                </div>
+
               
+
            </li>
+
           
+
         </ul>
+
    </div>
+
    <div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm &nbsp;bg--light" style="
+
        position: absolute;&nbsp;align-items: right;margin-top: 10%;; width: 60%;padding-left: 10%;dding-left: 10%;height: 50vh;/* margin-bottom: 1; *//* margin-bottom: 10; */; /* margin-bottom: 10p; */margin-bottom: 10px;">
+
        <p style="
+
        color: white;margin-bottom: 2px;;"> Follow us at <b> @upvigem </b></p><ul style="list-style: none;">
+
       
+
         <li style="
+
            float: left; margin-right: 40px;">
+
            <a href="https://twitter.com/upvigem?lang=es" style="
+
                color: white;;">
+
                <i>
+
                <img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
+
                height: 40px; ;" ;"=""></i>
+
            </a>
+
           
+
        </li><li style="
+
        float: left; margin-right: 40px;">
+
        <a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
+
             <i>
+
            <img style="
+
            height: 40px;
+
            ;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">
+
            </i>
+
 
         </a>
 
         </a>
    </li><li style="
+
 
    float: left;margin-right: 40px;">
+
     </body>
     <a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
+
 
        <i>
+
 
        <img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
+
         <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
        height: 40px;
+
        <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>
         </i>
+
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
    </a>
+
      <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
</li><li style="
+
      <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
float: left;margin-right: 40px; left;">
+
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/lightboxminJS?action=raw&ctype=text/javascript"></script>
<a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
+
 
    <i>
+
 
    <img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
+
 
    height: 40px;
+
    ;">
+
    </i>
+
</a>
+
</li>
+
</ul>
+
</div><div class="bar bar--sm&nbsp;bar-1 hidden-md hidden-lg &nbsp;bg--light" style="
+
position: absolute;&nbsp;align-items: right;margin-top: 20%;; width: 100%;padding-left: 10%;dding-left: 10%;height: 50vh;">
+
<p style="
+
color: white;margin-bottom: 20px;;"> Follow us at <b> @upvigem </b></p><ul>
+
<li style="
+
float: left; /* margin-right: 40px; */">
+
<a href="https://twitter.com/upvigem?lang=es" style="
+
color: white;;">
+
<i>
+
<img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
+
height: 40px; ;" ;"=""></i>
+
</a>
+
</li><li style="
+
float: left; /* margin-right: 40px; */">
+
<a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
+
<i>
+
<img style="
+
height: 40px;
+
;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">
+
</i>
+
</a>
+
</li><li style="
+
float: left;/* margin-right: 40px; */margin-top: 2;margin-top: 20;margin-top: 20p;/* margin-top: 20px; */">
+
<a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
+
<i>
+
<img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
+
height: 40px;
+
;">
+
</i>
+
</a>
+
</li><li style="
+
float: left;/* margin-right: 40px; *//* margin-top: 20px; */ left;">
+
<a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
+
<i>
+
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
+
height: 40px;
+
;">
+
</i>
+
</a>
+
</li>
+
</ul>
+
</div>
+
<img class="&nbsp;bar--sm bar-1 hidden-xs hidden-sm bg--light" src="https://static.igem.org/mediawiki/2018/f/f9/T--Valencia_UPV--footerUPV2018.png" alt="image">
+
<img class="&nbsp;bar--sm bar-1 hidden-md hidden-lg bg--light" src="https://static.igem.org/mediawiki/2018/0/07/T--Valencia_UPV--footerMovilUPV2018.png" alt="image">
+
</div>
+
</footer>
+
</div>
+
<!--<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/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>
+
 
</html>
 
</html>
 +
 +
{{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