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

(Undo revision 250873 by Carolinarp (talk))
Line 28: 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">
 +
  
  
Line 40: Line 41:
  
  
   
+
     
 +
 
 +
 
  
 
<!------------CONTENEDOR PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------------->
 
<!------------CONTENEDOR PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------------->
Line 74: Line 77:
  
  
               </section></div>
+
               </section>
 +
          </div>
 +
 
 +
<!-- 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">
Line 88: Line 95:
 
                   ">Index</h4>
 
                   ">Index</h4>
 
               <ul class="lateral">
 
               <ul class="lateral">
                   <li class="lateral">
+
                   <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="#Human" class="lateral inner-link" style="
+
                         <a href="#Overview" class="lateral inner-link" style="
 
                           color: #353535;
 
                           color: #353535;
 
                           opacity: 1;
 
                           opacity: 1;
                           ">Human Practices</a>
+
                          list-style-type: circle;
 +
                           ">Overview</a>
 
                     </div>
 
                     </div>
 
                   </li>
 
                   </li>
Line 102: Line 110:
 
                         line-height: 1.3em;
 
                         line-height: 1.3em;
 
                         ">
 
                         ">
                         <a href="#Social" class="lateral inner-link" style="
+
                         <a href="#BIOArt" class="lateral inner-link" style="
 
                           color: #353535;
 
                           color: #353535;
 
                           opacity: 1;
 
                           opacity: 1;
                           ">Integrated Human</a>
+
                           ">Kano Model</a>
 
                     </div>
 
                     </div>
 
                   </li>
 
                   </li>
Line 112: Line 120:
 
                         line-height: 1.3em;
 
                         line-height: 1.3em;
 
                         ">
 
                         ">
                         <a href="#Integrated" class="lateral inner-link" style="
+
                         <a href="#Generations" class="lateral inner-link" style="
 
                           color: #353535;
 
                           color: #353535;
 
                           opacity: 1;
 
                           opacity: 1;
                           ">Printeria: social engagement aim</a>
+
                           ">Safety</a>
 
                     </div>
 
                     </div>
 
                   </li>
 
                   </li>
Line 122: Line 130:
 
                         line-height: 1.3em;
 
                         line-height: 1.3em;
 
                         ">
 
                         ">
                         <a href="#Biosafety" class="lateral inner-link" style="
+
                         <a href="#European" class="lateral inner-link" style="
 
                           color: #353535;
 
                           color: #353535;
 
                           opacity: 1;
 
                           opacity: 1;
                           ">Biosafety</a>
+
                           ">SOBRA</a>
 
                     </div>
 
                     </div>
 
                   </li>
 
                   </li>
Line 132: Line 140:
 
                         line-height: 1.3em;
 
                         line-height: 1.3em;
 
                         ">
 
                         ">
                         <a href="#Collaborations" class="lateral inner-link" style="
+
                         <a href="#UPV" class="lateral inner-link" style="
 
                           color: #353535;
 
                           color: #353535;
 
                           opacity: 1;
 
                           opacity: 1;
                           ">Collaborations</a>
+
                           ">SOBRA</a>
 
                     </div>
 
                     </div>
 
                   </li>
 
                   </li>
               <!--</ul>
+
               </ul>
               <ul class="tabs-content">-->
+
               <ul class="tabs-content">
 
               </ul>
 
               </ul>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
         <div class="col-md-9 col9Attr" style="padding-left: 6em;padding-right: 2em;">
+
         <div class="col-md-9 col9Phone" style="padding-left: 6em;padding-right: 2em;">
 
             <div>
 
             <div>
 +
              <h3>Introduction</h3>
 +
              <p>
 +
              Wellcome to integrated human práctices webpage. Here we will show you what we have done in human practices, how we have done to integrate it in printeria and why we deserve this part to be a part of the gold medal.</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 class="col-md-3" style="text-align: center;">
 +
                    <a class="inner-link" href="#Generations"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/0/00/T--Valencia_UPV--GenerationUPV2018.png"></a>
 +
                    <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>
 +
              <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
              <!--------------------------------------------------------------------OVERVIEW------------------------------------------------------------------->
 +
            </div>
 +
            <!--ENLACE DE DESTINO: HARVARD -->
 +
            <a class="anchorOffset" id="harvard"></a>
 +
            <!--FIN ENLACE DE DESTINO -->
 +
            <div style="
 +
              margin-top: 50px;" class="hashlink">
 +
              <div class="row">
 +
                  <div class="col-md-3">
 +
                    <img src="https://static.igem.org/mediawiki/2018/8/8d/T--Valencia_UPV--BioArtUPV2018.png" style="
 +
                        padding-top: 15px;
 +
                        margin-top: 0px;" class="fotosAttr">
 +
                    <p></p>
 +
                  </div>
 +
                  <div class="col-md-9">
 +
                    <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>
 +
                    <p>Once we had the answers, we filled the different table kano is composed to arrive a conclusion:</p>
 +
                    <!-------------------------------------------------El boton de Kano----------------------------------------------------------->
 +
                   
  
              <a class="anchorOffset" id="Human"></a>
+
                    <div style="
              <h3>Human Practices</h3>
+
                        text-align: center;"><a class="btn btn--primary-1" href="https://docs.google.com/document/d/1U9PkKB5s6PgA2svRByTiOK_9wl3vnHuqgMkmX04j79k/edit" style="
              <p>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>
+
                        border: none;
<p></p>
+
                        ;
<h4><b><i>How your project affects the world and how the world affects it? </i></b></h4>
+
                        background: #3b83c9;
<p></p>
+
                        padding-right: 2.78571429em;" target="blank">
<a class="anchorOffset" id="Integrated"></a>             
+
                        <span class="btn__text">KANO RESULTS</span>
  <h4><b> Integrated Human: the key to the success </b></h4>
+
                        </a>
                                    <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.  
+
                    </div>
<p>As a result, our first step was to identify the real-life problems that could be solved with Printeria. We then classified its target fields as:  
+
 
<p> <ul>
+
 
 +
 
 +
 
 +
 
 +
                  </div>
 +
              </div>
 +
            </div>
 +
            <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>
 +
             
 +
                  <p>High school students are eager to know more about the world they live in. However, students rarely learn about Synthetic Biology inside classrooms. As there is a lack of hand-on STEM curricula, basic concepts such as gene, DNA and bacteria are only explained theoretically.
 +
 
 +
In order to stimulate young people to be curious about science and to promote the critical thinking on scientific foundations, we believe this educational approach needs to be changed.  
 +
</p>
 +
                  <h4>Activity</h4>
 +
                  <p> To do so, we gave some talks to several high school classes, in which we talked about:  
 +
</p><ul>
 
   <li>
 
   <li>
     <p><b>Research groups</b>. Printeria automatizes time-consuming protocols, so it enhances the intellectual task and eases experiments reproducibility.</p>
+
     <p>iGEM and SynBio as a multidisciplinary research field </p> <p> We talked about the iGEM competition and the future of SynBio as a research field that can help to solve nowadays issues.
  </li>
+
  </p></li>
 
   <li>
 
   <li>
     <p><b>Education</b>. With a friendly-user software, Printeria is designed to be an educational tool. </p>
+
     <p>Bacteria: enemies or friends? </p> <p> We wanted to beat the stigma against bacteria, explaining their importance and benefits, not only naturally (i.e.: they form our microbiote and they are the base of the trophic chains), but also in biotechnology (i.e.: bacteria as biofactories for medicine, industry, etc.) </p>
 
   </li>
 
   </li>
 
   <li>
 
   <li>
     <p><b>Bio Art</b>. Printeria offers a compact and friendly toolkit for the bioartist entire disposal. </p>
+
     <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>
  </li>
+
</ul>
+
<p>Thus, our main concern was how to fulfill the <b>stakeholders demands</b>. Following our <b>interdisciplinary spirit</b>, we searched for continuos input from professionals with different backgrounds, so we could ensure we were designing a <b>useful</b> but at the same time <b>safe</b> synbio device.
+
<p>To get first-hand feedback, our human practices team conducted several interviews with each target group, so we could  realize which were the real <b>user necessities</b> in relation to topics such as software functionalities, external design and safety measurements. We also received feedback from an open-talk with <b>high school students</b>, one of the most highlighted potential users. In the same way, our microfluidic system was thoughtfully developed with the advice of <b>electronic engineering professionals</b> from the <b>microfluidic</b> area.
+
    <p> However, we realized such a great amount of information needed to be classificated previously to its integration into Printeria. As a result, we decided to employ the <b>Kano model</b>, a theory for product development and customer satisfaction, to classify Printeria potential improvements and so be an example of this model implementation for future iGEMs teams.
+
  
<p>To know how the <b>feedback receiving</b> was designed and how it was integrated to finally create Printeria as <b>nowadays</b> is, you can further read our <a href="https://2018.igem.org/Team:Valencia_UPV/Integrated_Human" target="_blank">Integrated Human page</a>. </p>
 
<p></p>
 
                <a class="anchorOffset" id="Social"></a>
 
              <h4><b>Printeria: introducing SynBio to the world</b></h4>
 
                  <p>Printeria was born with the aim of <b>knocking down</b> the barriers that <b>prevent people</b> 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. The lay-public do not usually know what SynBio and, when having heard about it, several misconceptions are commonly extended.
 
  
</p>
+
      <img src="https://static.igem.org/mediawiki/2018/2/2c/T--Valencia_UPV--MAGUPV2018.jpg" alt="">
                  <p> Thus, we decided it was completely necessary to encourage a <b>willing</b> atmosphere in which Printeria could be an educational to bring SynBio closer in a<b>compact and appealing way</b>.
+
</li></ul>
                    <p><b>But, how to do so?</b></p>
+
                  </div>
                    <p>While developing our project, we had the opportunity to explore the vast applications of the BioArt world. Then, we realized we had there an attractive way to introduce SynBio to the world:
+
              </div>
                    promoting the BioArt field and so using an <b>non-usual approach</b> to get to the pubic. Moreover, we always conceibed Printeria as an <b>educational tool</b>for the next generations raising. As a result, we decided to exemplificate Printeria possible <b>artistic applications</b> with artists advice and high schools students participation. On the other hand, several open-talks were given to divulge SynBio and so <b>fight against common misinformation</b>.
+
            </div>
<p>To know more about our Social outreach concept, see our Education and Public Engagement page by clicking<a href=https://2018.igem.org/Team:Valencia_UPV/Public_Engagement target="_blank">E</a> here. </p>  
+
<p></p>
+
             
+
                 
+
  
                <a class="anchorOffset" id="Biosafety"></a>
+
          <a class="anchorOffset" id="European"></a>
             <h4> Biosafety </h4>
+
             <div style="
<p>Biosafety measurements are completely necessary during any lab research. Moreover, considerations in relation to Printeria sterilization and biocontention measurements are essential if we want to introduce a bio-engineering device as Printeria is in non-scientific places.
+
              margin-top: 50px;" class="hashlink">
<p>Thus, we realized we had to ensure Printeria biosafety.  You can all read the biosafety measurements we have finally implemented in Printeria by going to the <a href="https://2018.igem.org/Team:Valencia_UPV/Safety" target="_blank">Safety page</a>. </p>
+
              <div class="row">
<p></p>
+
                  <div class="col-md-3">
          <a class="anchorOffset" id="Collaborations"></a>
+
                    <img src="https://static.igem.org/mediawiki/2018/9/9b/T--Valencia_UPV--CiutatUPV2018.png" style="
                    <h4>Collaborations</h4>
+
                        padding-top: 15px;
  <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.
+
                        margin-top: 0px;" class="fotosAttr">
<p>We were delighted to part of this collaborative approach, so you can all read the collaborations we have made with other iGEM teams by going to our <a href=https://2018.igem.org/Team:Valencia_UPV/Collaborations" target="_blank">Collaborations page</a>. </p>
+
                    <p></p>
 +
                  </div>
 +
                  <div class="col-md-9">
 +
                  <h3>European Research Night </h3>
 +
             
 +
                  <p>The European Research Night is a wide-public event, promoted under the EU Programme Horizon 2020, whose objective is to to encourage the scientific/technical youth vocations and lay public interest to science. It involves research organizations, science museums and public organizations all around Europe.
 
                   </p>
 
                   </p>
 +
                  <h4>Activity</h4>
 +
                  <p> As part of this event the City of Arts and Science, one of the biggest scientific and cultural leisure complexes in Europe,  organized a complete program of free access activities, including interactive experiments, scientific monologues and researchers talks. We were invited to be part of this program to present Printeria to a wide range of interested people from all ages, who listened our speech with great interest. </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>
 +
                  </div>
 +
              </div>
 +
            </div>
 +
 +
          <a class="anchorOffset" id="UPV"></a>
 +
            <div style="
 +
              margin-top: 50px;" class="hashlink">
 +
              <div class="row">
 +
                  <div class="col-md-3">
 +
                    <img src="https://static.igem.org/mediawiki/2018/4/41/T--Valencia_UPV--GeneracionEspontaneaUPV2018.png" style="
 +
                        padding-top: 15px;
 +
                        margin-top: 0px;" class="fotosAttr">
 +
                    <p></p>
 +
                  </div>
 +
                  <div class="col-md-9">
 +
                  <h3>UPV Welcome Fest</h3>
 +
             
 +
                  <p> UPV_iGEM is part of the Design Factory Global Network. This is a network of universities innovation hubs all around the world, whose mission is to create change in the world of learning through passion-based culture and effective problem solving.
 +
</p><h4> Activity </h4>
 +
<p>As part of the UPV Welcome Fest, a Design Factory Exhibition was organized in order to explain the diversity of projects being carried out by the Design Factory teams. There, we had the chance to show Printeria to all the university community and to explain the basic concepts of SynBio to those who didn't know about it. </p>
 +
<p><img src="enlace de la imagen" alt=""></p>
  
 
<p></p>
 
<p></p>
 
<h5>References</h5>
 
<h5>References</h5>
<p>(1) 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.</p>
+
 
<p></p>
+
<p>(1) Bioart: An introduction
                           
+
https://www.sciencedaily.com/releases/2015/11/151123203619.htm </p>
                            </div>
+
                   
                        </div>
+
<p>(2) Bravo, E. G. &amp; García, J. A. (2015). Yturralde: Impossible Figure Generator. Leonardo 48(4), 366-374. The MIT Press. Retrieved October 8, 2018, from Project MUSE database. </p>
                       
+
 
                    </div>
+
 
                </div>
+
                  </div>
               
+
              </div>
 
             </div>
 
             </div>
           
+
 
           
+
 
        </section>
+
 
    </div>
+
        </div>
    <!--end of row-->
+
      </div>
</div>
+
  </div>
<!--end of container-->
+
 
</section>
 
</section>
 +
 +
 +
 +
 +
  
  

Revision as of 19:51, 11 October 2018

Stack Multipurpose HTML Template

Introduction

Wellcome to integrated human práctices webpage. Here we will show you what we have done in human practices, how we have done to integrate it in printeria and why we deserve this part to be a part of the gold medal.

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