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

Line 80: Line 80:
 
           </div>
 
           </div>
  
<!-------------------------------- FIN MAIN CONTAINER BARRA IZQUIERDA DE SELECCIÓN DE APARTADO ------------------------------------->
+
<!-- FIN MAIN CONTAINER -->
  
 
<a class="anchorOffset" id="story"></a>
 
<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">
 
<section class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
 
   <div class="container">
 
   <div class="container">
  <div class="row">
+
      <div class="row">
      <div class="col-md-3" style="
+
        <div class="col-md-3" style="
        margin-left: 0em;
+
            margin-left: 0em;
        padding-right: 0px;
+
            padding-right: 0px;
        padding-left: 0.2em;">
+
            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;">
+
            <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
            <h4 style="
+
              <h4 style="
              padding-left: 1em;
+
                  padding-left: 1em;
              ">Index</h4>
+
                  ">Index</h4>
            <ul class="lateral">
+
              <ul class="lateral">
              <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;">
+
                  <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;">
                  <div class="tab__title" style="
+
                    <div class="tab__title" style="
                    line-height: 1.3em;
+
                        line-height: 1.3em;
                    ">
+
                        ">
                    <a href="#Overview" class="lateral inner-link" style="
+
                        <a href="#Overview" class="lateral inner-link" style="
                        color: #353535;
+
                          color: #353535;
                        opacity: 1;
+
                          opacity: 1;
                        list-style-type: circle;
+
                          list-style-type: circle;
                        ">Overview</a>
+
                          ">Overview</a>
 +
                    </div>
 +
                  </li>
 +
                  <li class="lateral">
 +
                    <div class="tab__title" style="
 +
                        line-height: 1.3em;
 +
                        ">
 +
                        <a href="#BIOArt" 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="#Generations" class="lateral inner-link" style="
 +
                          color: #353535;
 +
                          opacity: 1;
 +
                          ">Safety</a>
 +
                    </div>
 +
                  </li>
 +
                  <li class="lateral">
 +
                    <div class="tab__title" style="
 +
                        line-height: 1.3em;
 +
                        ">
 +
                        <a href="#European" class="lateral inner-link" style="
 +
                          color: #353535;
 +
                          opacity: 1;
 +
                          ">SOBRA</a>
 +
                    </div>
 +
                  </li>
 +
                  <li class="lateral">
 +
                    <div class="tab__title" style="
 +
                        line-height: 1.3em;
 +
                        ">
 +
                        <a href="#UPV" class="lateral inner-link" style="
 +
                          color: #353535;
 +
                          opacity: 1;
 +
                          ">SOBRA</a>
 +
                    </div>
 +
                  </li>
 +
              </ul>
 +
              <ul class="tabs-content">
 +
              </ul>
 +
            </div>
 +
        </div>
 +
        <div class="col-md-9 col9Phone" style="padding-left: 6em;padding-right: 2em;">
 +
            <div>
 +
              <h3>Introduction</h3>
 +
              <p>As a team, one of our favourite parts in iGEM have been collaborations. They reminded us that iGEM is not only a competition but a chance to share and let other teams be a part of your project, and that is wonderful. Below is shown the different universities that have collaborated with us. By clicking in the index or in the images you can go directly to the explanation.</p>
 +
            </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 -->
 +
              <div id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em;" class="row">
 +
                  <div class="col-md-3" style="text-align: center;">
 +
                    <a class="inner-link" href="#BIOArt"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/8d/T--Valencia_UPV--BioArtUPV2018.png"></a>
 +
                    <h6 style="text-align: center !important;">Kano model is a famous quality design tool among engineers to include feedback in your inventions, we applied it to know what necessities were really important for users.</h6>
 
                   </div>
 
                   </div>
              </li>
+
                   <div class="col-md-3" style="text-align: center;">
              <li class="lateral">
+
                     <a class="inner-link" href="#Generations"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/0/00/T--Valencia_UPV--GenerationUPV2018.png"></a>
                   <div class="tab__title" style="
+
                    <h6 style="text-align: center !important;">Several science and art experts were interviewed to improve Printeria through their vision.</h6>
                    line-height: 1.3em;
+
                    ">
+
                     <a href="#BIOArt" class="lateral inner-link" style="
+
                        color: #353535;
+
                        opacity: 1;
+
                        ">Kano Model</a>
+
 
                   </div>
 
                   </div>
              </li>
+
                   <div class="col-md-3" style="text-align: center;">
              <li class="lateral">
+
                     <a class="inner-link" href="#Night"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/9/9b/T--Valencia_UPV--CiutatUPV2018.png"></a>
                   <div class="tab__title" style="
+
                    <h6 style="text-align: center !important;">Safety has influenced Printeria more than some people use to think.</h6>
                    line-height: 1.3em;
+
                    ">
+
                     <a href="#Generations" class="lateral inner-link" style="
+
                        color: #353535;
+
                        opacity: 1;
+
                        ">Safety</a>
+
 
                   </div>
 
                   </div>
              </li>
+
                   <div class="col-md-3" style="text-align: center;">
              <li class="lateral">
+
                     <a class="inner-link" href="#UPV"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/4/41/T--Valencia_UPV--GeneracionEspontaneaUPV2018.png"></a>
                   <div class="tab__title" style="
+
                    <h6 style="text-align: center !important;">SOBRA</h6>
                    line-height: 1.3em;
+
                    ">
+
                     <a href="#European" class="lateral inner-link" style="
+
                        color: #353535;
+
                        opacity: 1;
+
                        ">SOBRA</a>
+
 
                   </div>
 
                   </div>
              </li>
 
              <li class="lateral">
 
                  <div class="tab__title" style="
 
                    line-height: 1.3em;
 
                    ">
 
                    <a href="#UPV" class="lateral inner-link" style="
 
                        color: #353535;
 
                        opacity: 1;
 
                        ">SOBRA</a>
 
                  </div>
 
              </li>
 
            </ul>
 
            <ul class="tabs-content">
 
            </ul>
 
        </div>
 
      </div>
 
 
<!-------------------------------- IMÁGENES DE RPINCIPIO DE PÁGINA CON SUS LINKS ------------------------------------->
 
 
 
      <div class="col-md-9 col9Phone" style="padding-left: 6em;padding-right: 2em;">
 
        <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 -->
 
            <div id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em;" class="row">
 
              <div class="col-md-3" style="text-align: center;">
 
                  <a class="inner-link" href="#BIOArt"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/8d/T--Valencia_UPV--BioArtUPV2018.png"></a>
 
                  <h6 style="text-align: center !important;">Kano model is a famous quality design tool among engineersto include feedback in your inventions, we applied it to know what necessities were really important for users.</h6>
 
 
               </div>
 
               </div>
               <div class="col-md-3" style="text-align: center;">
+
               <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
                  <a class="inner-link" href="#Generations"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/0/00/T--Valencia_UPV--GenerationUPV2018.png"></a>
+
              <!--------------------------------------------------------------------OVERVIEW------------------------------------------------------------------->
                  <h6 style="text-align: center !important;">Several science and art experts were interviewed to improve Printeria through their vision.</h6>
+
              </div>
+
              <div class="col-md-3" style="text-align: center;">
+
                  <a class="inner-link" href="#Night"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/9/9b/T--Valencia_UPV--CiutatUPV2018.png"></a>
+
                  <h6 style="text-align: center !important;">Safety has influenced Printeria more than some people use to think.</h6>
+
              </div>
+
              <div class="col-md-3" style="text-align: center;">
+
                  <a class="inner-link" href="#UPV"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/4/41/T--Valencia_UPV--GeneracionEspontaneaUPV2018.png"></a>
+
                  <h6 style="text-align: center !important;">SOBRA</h6>
+
              </div>
+
             
+
 
             </div>
 
             </div>
             <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
+
             <!--ENLACE DE DESTINO: HARVARD -->
           
+
            <a class="anchorOffset" id="harvard"></a>
            <!--------------------------------------------------------------------OVERVIEW------------------------------------------------------------------->
+
            <!--FIN ENLACE DE DESTINO -->
        </div>
+
            <div style="
        <!--ENLACE DE DESTINO: overview -->
+
              margin-top: 50px;" class="hashlink">
        <a class="anchorOffset" id="Overview"></a>
+
              <div class="row">
        <!--FIN ENLACE DE DESTINO -->
+
                   <div class="col-md-3">
        <div style="
+
                    <img src="https://static.igem.org/mediawiki/2018/8/8d/T--Valencia_UPV--BioArtUPV2018.png" style="
            margin-top: 30px;" class="hashlink">
+
                        padding-top: 15px;
            <div class="row">
+
                        margin-top: 0px;" class="fotosAttr">
             
+
                    <p></p>
              <div class="col-md-12">
+
                   <h3>Overview</h3>
+
           
+
                  <p>As Frank Chimero (designer, author and illustrator) said: <i>"People ignore design that ignores people"</i>. Gone are the years where a lonely inventor create something in his laboratory. Nowadays user feedback becomes an essential tool to create new devices if you want them to be a necessity for users.</p>
+
 
+
                  <p>This year in Printeria we have decided to apply user feedback in two different ways:an engineering way with the Kano Model directed to school users and a direct one with experts. </p>
+
                 
+
        </div>
+
        <!---------------------------------------------------------KANO MODEL-------------------------------------------------------------------------->
+
       
+
        <div style="
+
            margin-top: 50px;">
+
<!--ENLACE DE DESTINO: BioArt -->
+
        <a class="anchorOffset" id="BIOArt"></a>
+
        <!--FIN ENLACE DE DESTINO -->
+
            <div class="row">
+
              <div class="col-md-3">
+
                  <img src="https://static.igem.org/mediawiki/2018/8/8d/T--Valencia_UPV--BioArtUPV2018.png" padding-top:="" 15px;="" margin-top:="" 0px;"="" style="
+
margin: 0px;">
+
                  <p></p>
+
              </div>
+
              <div class="col-md-9" style="
+
padding-top: 19px;;">
+
                  <h3>Kano Model</h3>
+
                  <h4>What is Kano Model</h4>
+
                 
+
                  <p>Kano model is used to understand the importance of functions or features to a customer [1]. It is made up of three stages:</p>
+
 
+
<ul>
+
  <li>
+
    <p><b>First stage</b></p> <p> Here you present your project to an audience and then you ask for criticisms or improvements. 
+
  </p></li>
+
  <li>
+
    <p><b>Second stage</b></p> <p>With those critics that we call <b>necessities</b> you have to make a cuestionaire (REFENCIAR EL NUESTRO) doing a paired cuestions which are ¿How do you feel if (a necessity existed in your device)? and ¿How do you feel if (that necessity did no existed in your device)?.</p>
+
  </li>
+
  <li>
+
    <p><b>Third stage</b></p> <p>Once you have all the asnwers you have to complete a series of tables to conclude if that necessity is really important or not. If it is you should include it in your design because that will increase the satisfaction of the user.</p></li></ul>
+
 
+
                  <h4>Study case</h4>
+
 
+
                  <p>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 aplly this model demanding at the end of the presentation some improvements or critics that people considered improtant. The most important ones were included in the cuestionaire and then we send it to them to fill it. Here you cand download the survey with the results:</p>
+
 
+
                  <div style="
+
                    text-align: center;"><a class="btn btn--primary-1" href="https://docs.google.com/document/d/1U9PkKB5s6PgA2svRByTiOK_9wl3vnHuqgMkmX04j79k/edit" style="
+
                    border: none;
+
                    ;
+
                    background: #3b83c9;
+
                    padding-right: 2.78571429em;" target="blank">
+
                    <span class="btn__text">CUESTIONNAIRE</span>
+
                    </a>
+
 
                   </div>
 
                   </div>
 
+
                   <div class="col-md-9">
                   <p>Once we had the answers, we filled the different table kano is composed to arrive a conclusion:</p>
+
                    <h3>Kano Model</h3>
 
+
                    <h4>What is Kano Model</h4>
 +
                    <p>Kano model is used to understand the importance of functions or features to a customer [1]. It is made up of three stages:</p>
 
                     <ul>
 
                     <ul>
                    <li>
+
                        <li>
                    <p><b>Table 1: Method's evaluation</b></p>
+
                          <p><b>First stage</b></p>
   
+
                          <p> Here you present your project to an audience and then you ask for criticisms or improvements.
                        <p style="
+
                          </p>
                        line-height: 1.7;
+
                        </li>
                        margin-bottom: 0;
+
                        <li>
                        color: #353535;">This is the table that will show the final results</p>
+
                          <p><b>Second stage</b></p>
                    <table class="border--round table--alternate-row tableHec" style="width:100%">
+
                          <p>With those critics that we call <b>necessities</b> you have to make a cuestionaire (REFENCIAR EL NUESTRO) doing a paired cuestions which are ¿How do you feel if (a necessity existed in your device)? and ¿How do you feel if (that necessity did no existed in your device)?.</p>
  <tbody><tr>
+
                        </li>
    <th class="thHec" colspan="2" rowspan="2"></th>
+
                        <li>
    <th class="thHec" colspan="5">Dysfunctional requirements (negative)</th>
+
                          <p><b>Third stage</b></p>
  </tr>
+
                          <p>Once you have all the asnwers you have to complete a series of tables to conclude if that necessity is really important or not. If it is you should include it in your design because that will increase the satisfaction of the user.</p>
  <tr>
+
                        </li>
    <td class="tdHec"><b>1. Like</b></td>
+
                    </ul>
    <td class="tdHec"><b>2. Must be</b></td>
+
                    <h4>Study case</h4>
    <td class="tdHec"><b>3. Neutral</b></td>
+
                    <p>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 aplly this model demanding at the end of the presentation some improvements or critics that people considered improtant. The most important ones were included in the cuestionaire and then we send it to them to fill it. Here you cand download the survey with the results:</p>
    <td class="tdHec"><b>4. Live with</b></td>
+
                    <div style="
    <td class="tdHec"><b>5. Dislike</b></td>
+
                        text-align: center;"><a class="btn btn--primary-1" href="https://docs.google.com/document/d/1U9PkKB5s6PgA2svRByTiOK_9wl3vnHuqgMkmX04j79k/edit" style="
  </tr>
+
                        border: none;
  <tr>
+
                        ;
    <td class="tdHec" rowspan="5">Functional requirements (positive)</td>
+
                        background: #3b83c9;
   
+
                        padding-right: 2.78571429em;" target="blank">
    <td class="tdHec"><b>1. Like</b></td>
+
                        <span class="btn__text">CUESTIONNAIRE</span>
    <td class="tdHec">Questionable</td>
+
                        </a>
    <td class="tdHec">Attractive</td>
+
                    </div>
    <td class="tdHec">Attractive</td>
+
                    <p>Once we had the answers, we filled the different table kano is composed to arrive a conclusion:</p>
    <td class="tdHec">Attractive</td>
+
                    <ul>
    <td class="tdHec">One-dimensional</td>
+
                        <li>
  </tr>
+
                          <p><b>Table 1: Method's evaluation</b></p>
  <tr>
+
                          <p style="
    <td class="tdHec"><b>2. Must be</b></td>
+
                              line-height: 1.7;
    <td class="tdHec">Reverse</td>
+
                              margin-bottom: 0;
    <td class="tdHec">Indifferent</td>
+
                              color: #353535;">This is the table that will show the final results</p>
    <td class="tdHec">Indifferent</td>
+
                          <h6>Table 1. Kano's evaluation table.</h6>
    <td class="tdHec">Indifferent</td>
+
                        </li>
    <td class="tdHec">Must be</td>
+
                        <li>
  </tr>
+
                          <p><b>Table 2: Tabulate the survey</b></p>
  <tr>
+
                          <p style="
   
+
                              line-height: 1.7;
    <td class="tdHec"><b>3. Neutral</b></td>
+
                              margin-bottom: 0;
    <td class="tdHec">Reverse</td>
+
                              color: #353535;">This is the table that will show the final results</p>
    <td class="tdHec">Indifferent</td>
+
                        </li>
    <td class="tdHec">Indifferent</td>
+
                        <h6>Table 2. Tabulated table from MAG gallery user who participated in the survey.</h6>
    <td class="tdHec">Indifferent</td>
+
                        <!------------------------------------------------------------------------TABLA 3-------------------------------------------------------------->
    <td class="tdHec">Must be</td>
+
                        <li>
  </tr>
+
                          <p><b>Table 3: Kano's model processing</b></p>
  <tr>
+
                          <p></p>
   
+
                          <p><b>Table 1: Method's evaluation</b></p>
    <td class="tdHec"><b>4. Live with</b></td>
+
                          <p style="
    <td class="tdHec">Reverse</td>
+
                              line-height: 1.7;
    <td class="tdHec">Indifferent</td>
+
                              margin-bottom: 0;
    <td class="tdHec">Indifferent</td>
+
                              color: #353535;">This is the table that will show the final results</p>
    <td class="tdHec">Indifferent</td>
+
                          <h6>Table 3. Kano's processing team.</h6>
    <td class="tdHec">Must be</td>
+
                        </li>
  </tr>
+
                        <!------------------------------------------------------------------------TABLA 4-------------------------------------------------------------->
  <tr>
+
                        <li>
   
+
                          <p><b>Table 4: Kano's model results</b></p>
    <td class="tdHec"><b>5. Dislike</b></td>
+
                          <p></p>
    <td class="tdHec">Reverse</td>
+
                        </li>
    <td class="tdHec">Reverse</td>
+
                        <!------------------------------------------------------------------------TABLA 5-------------------------------------------------------------->
    <td class="tdHec">Reverse</td>
+
                        <li>
    <td class="tdHec">Reverse</td>
+
                          <p><b>Table 5: Kano's model results in percentage</b></p>
    <td class="tdHec">One-dimensional</td>
+
                          <p></p>
  </tr>
+
                        </li>
</tbody></table>
+
                    </ul>
<h6>Table 1. Kano's evaluation table.</h6>
+
                    <div class="fotoConPie">
</li>
+
                        <div class="row" style="margin: 0;">
 
+
                          <div class="col-md-6" style="padding: 0;padding-right: 0.3em;">
 
+
                              <img src="https://static.igem.org/mediawiki/2018/4/45/T--Valencia_UPV--yturraldeUPV2018.jpg" 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="enlace de la imagen" alt="" style="margin-top: 1.8em;margin-bottom: 0.8em;border-radius: 0.3em;">
 
+
                          </div>
  <li>
+
                          <div class="pieDeImagen">
    <p><b>Table 2: Tabulate the survey</b></p>
+
                              <h6>
   
+
                                Impossible figure artwork. Yturraldes's masterpiece and the equivalent Microbial Art version
<p style="
+
                              </h6>
                        line-height: 1.7;
+
                          </div>
                        margin-bottom: 0;
+
                        </div>
                        color: #353535;">This is the table that will show the final results</p>
+
                    </div>
                    <table class="border--round table--alternate-row tableHec" style="width:100%">
+
                  </div>
  <tbody><tr>
+
    <th class="thHec" colspan="2" rowspan="2"></th>
+
    <th class="thHec" colspan="11">Dysfunctional requirements (negative)</th>
+
  </tr>
+
  <tr>
+
    <td class="tdHec"><b>1. Like</b></td>
+
    <td class="tdHec"><b>2. Must be</b></td>
+
    <td class="tdHec"><b>3. Neutral</b></td>
+
    <td class="tdHec"><b>4. Live with</b></td>
+
    <td class="tdHec"><b>5. Dislike</b></td>
+
    <td class="tdHec"><b></b></td>
+
    <td class="tdHec"><b></b></td>
+
    <td class="tdHec"><b></b></td>
+
    <td class="tdHec"><b></b></td>
+
    <td class="tdHec"><b></b></td>
+
    <td class="tdHec"><b></b></td>
+
 
+
  </tr>
+
  <tr>
+
    <td class="tdHec" rowspan="7">Functional requirements (positive)</td>
+
   
+
    <td class="tdHec"><b>1. Like</b></td>
+
    <td class="tdHec">Questionable</td>
+
    <td class="tdHec">Attractive</td>
+
    <td class="tdHec">Attractive</td>
+
    <td class="tdHec">Attractive</td>
+
    <td class="tdHec">One-dimensional</td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
   
+
  </tr>
+
  <tr>
+
    <td class="tdHec"><b>2. Must be</b></td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Indifferent</td>
+
    <td class="tdHec">Indifferent</td>
+
    <td class="tdHec">Indifferent</td>
+
    <td class="tdHec">Must be</td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
   
+
    <td class="tdHec"><b>3. Neutral</b></td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Indifferent</td>
+
    <td class="tdHec">Indifferent</td>
+
    <td class="tdHec">Indifferent</td>
+
    <td class="tdHec">Must be</td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
   
+
    <td class="tdHec"><b>4. Live with</b></td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Indifferent</td>
+
    <td class="tdHec">Indifferent</td>
+
    <td class="tdHec">Indifferent</td>
+
    <td class="tdHec">Must be</td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
   
+
    <td class="tdHec"><b>5. Dislike</b></td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">One-dimensional</td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
   
+
    <td class="tdHec"><b>5. Dislike</b></td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">One-dimensional</td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
   
+
    <td class="tdHec"><b>5. Dislike</b></td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">One-dimensional</td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
    <td class="tdHec" rowspan="7">Dysfunctional requirements (negative)</td>
+
 
+
    <td class="tdHec"><b>5. Dislike</b></td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">One-dimensional</td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
   
+
    <td class="tdHec"><b>5. Dislike</b></td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">One-dimensional</td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
   
+
    <td class="tdHec"><b>5. Dislike</b></td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">One-dimensional</td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
   
+
    <td class="tdHec"><b>5. Dislike</b></td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">One-dimensional</td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
   
+
    <td class="tdHec"><b>5. Dislike</b></td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">One-dimensional</td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
   
+
    <td class="tdHec"><b>5. Dislike</b></td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">One-dimensional</td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
   
+
    <td class="tdHec"><b>5. Dislike</b></td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">Reverse</td>
+
    <td class="tdHec">One-dimensional</td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
</tbody></table>
+
</li>
+
 
+
  <h6>Table 2. Tabulated table from MAG gallery user who participated in the survey.</h6>
+
 
+
 
+
<!------------------------------------------------------------------------TABLA 3-------------------------------------------------------------->
+
 
+
 
+
 
+
 
+
  <li>
+
    <p><b>Table 3: Kano's model processing</b></p>  
+
    <p></p>
+
 
+
<p><b>Table 1: Method's evaluation</b></p>
+
   
+
                        <p style="
+
                        line-height: 1.7;
+
                        margin-bottom: 0;
+
                        color: #353535;">This is the table that will show the final results</p>
+
                    <table class="border--round table--alternate-row tableHec" style="width:100%">
+
  <tbody><tr>
+
    <th class="thHec" colspan="2" rowspan="2"></th>
+
    <th class="thHec" colspan="7">Evaluated necessities</th>
+
  </tr>
+
  <tr>
+
    <td class="tdHec"><b>1</b></td>
+
    <td class="tdHec"><b>2</b></td>
+
    <td class="tdHec"><b>3</b></td>
+
    <td class="tdHec"><b>4</b></td>
+
    <td class="tdHec"><b>5</b></td>
+
    <td class="tdHec"><b>6</b></td>
+
    <td class="tdHec"><b>7</b></td>
+
  </tr>
+
  <tr>
+
    <td class="tdHec" rowspan="8">Surveyed customers</td>
+
   
+
    <td class="tdHec"><b>1</b></td>
+
  <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
    <td class="tdHec"><b>2</b></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
   
+
    <td class="tdHec"><b>3</b></td>
+
    <<td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
   
+
    <td class="tdHec"><b>4</b></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
  <tr>
+
   
+
    <td class="tdHec"><b>5</b></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
    <td class="tdHec"></td>
+
  </tr>
+
</tbody></table>
+
<h6>Table 3. Kano's processing team.</h6>
+
 
+
</li>
+
 
+
 
+
 
+
 
+
<!------------------------------------------------------------------------TABLA 4-------------------------------------------------------------->
+
<li>
+
    <p><b>Table 4: Kano's model results</b></p>
+
    <p></p></li>
+
 
+
 
+
<!------------------------------------------------------------------------TABLA 5-------------------------------------------------------------->
+
    <li>
+
    <p><b>Table 5: Kano's model results in percentage</b></p>  
+
    <p></p></li>
+
</ul>
+
 
+
                 
+
               
+
 
+
                  <div class="fotoConPie">
+
  <div class="row" style="margin: 0;">
+
    <div class="col-md-6" style="padding: 0;padding-right: 0.3em;">
+
      <img src="https://static.igem.org/mediawiki/2018/4/45/T--Valencia_UPV--yturraldeUPV2018.jpg" 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="enlace de la imagen" alt="" style="margin-top: 1.8em;margin-bottom: 0.8em;border-radius: 0.3em;">
+
    </div>
+
    <div class="pieDeImagen">
+
      <h6>
+
        Impossible figure artwork. Yturraldes's masterpiece and the equivalent Microbial Art version
+
      </h6>
+
    </div>
+
  </div>
+
</div>
+
     
+
         
+
        </div>
+
        <!---------------------------------------------------EXPERTS TALKING ABOUT SHIT----------------------------------------------------------------->
+
       
+
        <div style="
+
            margin-top: 50px;">
+
<!--ENLACE DE DESTINO: The future generation-->
+
        <a class="anchorOffset" id="Generations"></a>
+
        <!--FIN ENLACE DE DESTINO -->
+
            <div class="row">
+
              <div class="col-md-3">
+
                  <img src="https://static.igem.org/mediawiki/2018/0/00/T--Valencia_UPV--GenerationUPV2018.png" style="
+
padding-top: 0px;
+
                    margin-top: 0px;">
+
                  <p></p>
+
 
               </div>
 
               </div>
               <div class="col-md-9" style="
+
            </div>
padding-top: 10px;;">
+
            <a class="anchorOffset" id="Generations"></a>
 +
            <div style="
 +
              margin-top: 50px;" class="hashlink">
 +
               <div class="row">
 +
                  <div class="col-md-3">
 +
                    <img src="https://static.igem.org/mediawiki/2018/0/00/T--Valencia_UPV--GenerationUPV2018.png" style="
 +
                        padding-top: 15px;
 +
                        margin-top: 0px;" class="fotosAttr">
 +
                    <p></p>
 +
                  </div>
 +
                  <div class="col-md-9">
 
                   <h3>Future generations</h3>
 
                   <h3>Future generations</h3>
 
                
 
                
Line 706: Line 307:
 
   </li>
 
   </li>
 
   <li>
 
   <li>
     <p>Printeria: how it really works? </p> <p> As SynBio is not only about biology, we thought it was also highly important to demonstrate the role of engineering and electronics. Thus, we decided to explain them, from an educational approch, the basis of Printeria: our software and how the digital microfluidic system allows us to control each biotech process with high accuracy. During the talk, we showed them several videos and photos to ease each explanation and to ensure studens could understand such kind of a priori complex concepts.  
+
     <p>Printeria: how it really works? </p> <p> As SynBio is not only about biology, we thought it was also highly important to demonstrate the role of engineering and electronics. Thus, we decided to explain them, from an educational approch, the basis of Printeria: our software and how the digital microfluidic system allows us to control each biotech process with high accuracy. During the talk, we showed them several videos and photos to ease each explanation and to ensure studens could understand such kind of a priori complex concepts. </p>
 +
 
  
 
       <img src="https://static.igem.org/mediawiki/2018/2/2c/T--Valencia_UPV--MAGUPV2018.jpg" alt="">
 
       <img src="https://static.igem.org/mediawiki/2018/2/2c/T--Valencia_UPV--MAGUPV2018.jpg" alt="">
</p></li></ul>
+
</li></ul>
 +
                  </div>
 +
              </div>
 +
            </div>
  
        </div>
+
          <a class="anchorOffset" id="European"></a>
        <!----------------------------------------------------------------SAFETY ------------------------------------------------------------------>
+
            <div style="
        <!--ENLACE DE DESTINO: ERN-->
+
              margin-top: 50px;" class="hashlink">
        <a class="anchorOffset" id="European"></a>
+
              <div class="row">
        <!--FIN ENLACE DE DESTINO -->
+
                  <div class="col-md-3">
        <div style="
+
                    <img src="https://static.igem.org/mediawiki/2018/9/9b/T--Valencia_UPV--CiutatUPV2018.png" style="
            margin-top: 50px;">
+
                        padding-top: 15px;
            <div class="row">
+
                        margin-top: 0px;" class="fotosAttr">
              <div class="col-md-3">
+
                    <p></p>
                  <img src="https://static.igem.org/mediawiki/2018/9/9b/T--Valencia_UPV--CiutatUPV2018.png" style="
+
                  </div>
padding-top: 0px;
+
                  <div class="col-md-9">
                    margin-top: 0px;">
+
                  <p></p>
+
              </div>
+
              <div class="col-md-9" style="
+
padding-top: 16px;">
+
 
                   <h3>European Research Night </h3>
 
                   <h3>European Research Night </h3>
 
                
 
                
Line 735: Line 335:
 
                   <p><img src="https://static.igem.org/mediawiki/2018/2/27/T--Valencia_UPV--Nit2018.jpg" alt=""></p>
 
                   <p><img src="https://static.igem.org/mediawiki/2018/2/27/T--Valencia_UPV--Nit2018.jpg" alt=""></p>
 
<p><img src="https://static.igem.org/mediawiki/2018/8/81/T--Valencia_UPV--TeamNitUPV2018.jpg" alt=""></p>
 
<p><img src="https://static.igem.org/mediawiki/2018/8/81/T--Valencia_UPV--TeamNitUPV2018.jpg" alt=""></p>
 +
                  </div>
 +
              </div>
 
             </div>
 
             </div>
        </div>
 
  
<!-----------------------------------------------SOBRA SOBRA SOBRA SOBRA-------------------------------------------------------------------------->
+
          <a class="anchorOffset" id="UPV"></a>
 
+
            <div style="
<!--ENLACE DE DESTINO: HARVARD -->
+
              margin-top: 50px;" class="hashlink">
        <a class="anchorOffset" id="UPV"></a>
+
              <div class="row">
        <!--FIN ENLACE DE DESTINO -->
+
                  <div class="col-md-3">
        <div style="
+
                    <img src="https://static.igem.org/mediawiki/2018/4/41/T--Valencia_UPV--GeneracionEspontaneaUPV2018.png" style="
            margin-top: 50px;" class="hashlink">
+
                        padding-top: 15px;
            <div class="row">
+
                        margin-top: 0px;" class="fotosAttr">
              <div class="col-md-3">
+
                    <p></p>
                  <img src="https://static.igem.org/mediawiki/2018/4/41/T--Valencia_UPV--GeneracionEspontaneaUPV2018.png" style="
+
                  </div>
padding-top: 0px;
+
                  <div class="col-md-9">
                    margin-top: 0px;">
+
                  <p></p>
+
              </div>
+
              <div class="col-md-9" style="
+
padding: 12px;;">
+
 
                   <h3>UPV Welcome Fest</h3>
 
                   <h3>UPV Welcome Fest</h3>
 
                
 
                
Line 770: Line 366:
  
  
      </div>
+
                  </div>
  </div>
+
              </div>
 +
            </div>
  
  
</div></div></div></div></div></div></div></div></div></div></section>
+
 
 +
        </div>
 +
      </div>
 +
  </div>
 +
</section>
  
  

Revision as of 08:53, 10 October 2018

Stack Multipurpose HTML Template

Introduction

As a team, one of our favourite parts in iGEM have been collaborations. They reminded us that iGEM is not only a competition but a chance to share and let other teams be a part of your project, and that is wonderful. Below is shown the different universities that have collaborated with us. By clicking in the index or in the images you can go directly to the explanation.

Kano model is a famous quality design tool among engineers to include feedback in your inventions, we applied it to know what necessities were really important for users.
Several science and art experts were interviewed to improve Printeria through their vision.
Safety has influenced Printeria more than some people use to think.
SOBRA

CONTACT US igem.upv.2018@gmail.com