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

(Prototype team page)
 
Line 1: Line 1:
−
{{Valencia_UPV}}
+
{{Valencia_UPV/bootstrap.css}}
 +
<!--{{Valencia_UPV/bootstrapMin.css}}-->
 +
{{Valencia_UPV/custom.css}}
 +
{{Valencia_UPV/flickity.css}}
 +
{{Valencia_UPV/iconsmind.css}}
 +
{{Valencia_UPV/jquery.steps.css}}
 +
{{Valencia_UPV/lightbox.min.css}}
 +
{{Valencia_UPV/stackinterface.css}}
 +
{{Valencia_UPV/theme.css}}
 +
{{Valencia_UPV/navBar}}
 +
 
 
<html>
 
<html>
 +
<style>
  
−
<div class="column full_size judges-will-not-evaluate">
+
#home_logo, #sideMenu { display:none; }
−
<h3>★ ALERT! </h3>
+
#sideMenu, #top_title, .patrollink {display:none;}
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
−
</div>
+
  
 +
</style>
  
−
<div class="clear"></div>
+
    <head>
 +
        <meta charset="utf-8">
 +
        <title>Stack Multipurpose HTML Template</title>
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
        <meta name="description" content="Site Description Here">
 +
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
 +
        <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
  
  
  
−
<div class="column full_size">
 
  
−
<h1>Human Practices</h1>
+
       
−
<p>
+
    </head>
−
At iGEM we believe societal considerations should be upfront and integrated throughout the design and execution of synthetic biology projects. “Human Practices” refers to iGEM teams’ efforts to actively consider how the world affects their work and the work affects the world. Through your Human Practices activities, your team should demonstrate how you have thought carefully and creatively about whether your project is responsible and good for the world. We invite you to explore issues relating (but not limited) to the ethics, safety, security, and sustainability of your project, and to show how this exploration feeds back into your project purpose, design and execution.
+
  <body class="" style="background-color:#353535;">
−
</p>
+
        <a class="anchorOffset" id="start"></a>
  
  
 +
<!--------- NAVBAR-------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
<p>For more information, please see the <a href="https://2018.igem.org/Human_Practices">Human Practices Hub</a>. There you will find:</p>
 
−
 
−
<ul>
 
−
<li> an <a href="https://2018.igem.org/Human_Practices/Introduction">introduction</a> to Human Practices at iGEM </li>
 
−
<li>tips on <a href="https://2018.igem.org/Human_Practices/How_to_Succeed">how to succeed</a> including explanations of judging criteria and advice about how to conduct and document your Human Practices work</li>
 
−
<li>descriptions of <a href="https://2018.igem.org/Human_Practices/Examples">exemplary work</a> to inspire you</li>
 
−
<li>links to helpful <a href="https://2018.igem.org/Human_Practices/Resources">resources</a></li>
 
−
<li>And more! </li>
 
−
</ul>
 
−
 
  
 +
     
  
  
  
−
<p>On this page, your team should document all of your Human Practices work and activities. You should write about the Human Practices topics you considered in your project, document any activities you conducted to explore these topics (such as engaging with experts and stakeholders), describe why you took a particular approach (including referencing any work you built upon), and explain if and how you integrated takeaways from your Human Practices work back into your project purpose, design and/or execution. </p>
+
<!------------CONTENEDOR PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------------->
−
+
−
<p>If your team has gone above and beyond in work related to safety, then you should document this work on your Safety wiki page and provide a description and link on this page. If your team has developed education and public engagement efforts that go beyond a focus on your particular project, and for which would like to nominate your team for the Best Education and Public Engagement Special Prize, you should document this work on your Education and Education wiki page and provide a description and link here. </p>
+
−
</div>
+
−
+
−
<div class="clear"></div>
+
  
−
+
 
−
<div class="column full_size">
+
<div class="main-container">
−
<div class="highlight decoration_background">
+
   
−
<p>The iGEM judges will review this page to assess whether you have met the Silver and/or Gold medal requirements based on the Integrated Human Practices criteria listed below. If you nominate your team for the <a href="https://2018.igem.org/Judging/Awards">Best Integrated Human Practices Special Prize</a> by filling out the corresponding field in the <a href="https://2018.igem.org/Judging/Judging_Form">judging form</a>, the judges will also review this page to consider your team for that prize.
+
            <section style="/* background-color: #353535; *//* background-image: url(&quot;https://previews.123rf.com/images/bogdanhoda/bogdanhoda1504/bogdanhoda150400014/38730978-test-tubes-in-clinic-pharmacy-and-medical-research-laboratory-with-male-scientist-using-pipette.jpg&quot;); *//* background-size: 100%; */height:44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
−
</p>
+
              <div class="main-container" style="
 +
height: 100%;">
 +
              <center style="
 +
height: 100%;">
 +
              <div class="col-md-10" style="
 +
height: 100%;margin-top: 4em;">
 +
<div id="logoPrinteria" class="item" style="
 +
background-image: url(http://via.placeholder.com/1155x666);
 +
height: 100%;
 +
width: 100%;background-attachment: fixed; background-position: center; background-position-y: 100px; background-repeat: no-repeat">
 +
   
 +
    <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
 +
<a class="btn down inner-link active" href="#story" style="font-size: 82%;/* position: fixed; *//* bottom: 7%; */top: 541px;z-index: 99;background-color: white;position: relative;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
 +
            <i class="stack-interface stack-down-open-big"></i>
 +
        </a>
 +
</div>
 +
   
 +
</div>
 
</div>
 
</div>
 +
               
 +
              </center>
 +
             
 
</div>
 
</div>
  
−
<div class="clear extra_space"></div>
 
  
  
 +
              </section>
 +
          </div>
  
−
<div class="column full_size">
+
<!-- FIN MAIN CONTAINER -->
−
+
−
<h3>Silver Medal Criterion #3</h3>
+
−
<p>Convince the judges you have thought carefully and creatively about whether your work is responsible and good for the world. Document how you have investigated these issues and engaged with your relevant communities, why you chose this approach, and what you have learned. Please note that surveys will not fulfill this criteria unless you follow scientifically valid methods. </p>
+
  
 +
<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" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;">
 +
                  <div class="tab__title" style="
 +
                    line-height: 1.3em;
 +
                    ">
 +
                    <a href="#Overview" class="lateral inner-link" style="
 +
                        color: #353535;
 +
                        opacity: 1;
 +
                        list-style-type: circle;
 +
                        ">Human Practices</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;
 +
                        ">Integrated Human</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;
 +
                        ">Social Engagement</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;
 +
                        ">Collaborations</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;
 +
                        ">Safety</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>
 +
          <!--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="#Human"><img class="fotosAttr" src="FOTO"></a>
 +
                  <h6 style="text-align: center !important;"></h6>
 +
              </div>
 +
              <div class="col-md-3" style="text-align: center;">
 +
                  <a class="inner-link" href="#Integrated"><img class="fotosAttr" src="FOTO"></a>
 +
                  <h6 style="text-align: center !important;"></h6>
 +
              </div>
 +
              <div class="col-md-3" style="text-align: center;">
 +
                  <a class="inner-link" href="#Social"><img class="fotosAttr" src="FOTO"></a>
 +
                  <h6 style="text-align: center !important;"></h6>
 +
              </div>
 +
              <div class="col-md-3" style="text-align: center;">
 +
                  <a class="inner-link" href="#Collaborations"><img class="fotosAttr" src="FOTO"></a>
 +
                  <h6 style="text-align: center !important;"> </h6>
 +
              </div>
 +
              <div class="col-md-3" style="text-align: center;">
 +
                  <a class="inner-link" href="#Safety"><img class="fotosAttr" src="FOTO"></a>
 +
                  <h6 style="text-align: center !important;"> </h6>
 +
              </div>
 +
             
 +
            </div>
 +
            <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
           
 +
            <!------------------------------------------------------------------------Overview------------------------------------------------------------------->
 +
        </div>
 +
        <!--ENLACE DE DESTINO: overview -->
 +
        <a class="anchorOffset" id="Overview"></a>
 +
        <!--FIN ENLACE DE DESTINO -->
 +
        <div style="
 +
            margin-top: 50px;" class="hashlink">
 +
            <div class="row">
 +
              <div class="col-md-3">
 +
                 
 +
       
 +
              </div>
 +
              <a class="anchorOffset" id="Human"></a>
 +
              <div class="col-md-9">
 +
                  <h3>Human Practices</h3>
 +
           
 +
                  <p> Science and technology have always been prompted by a desire of solving social issues. Therefore, 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>
 +
                 
 +
        </div>
 +
        <!-----------------------------------------------------------------------Integrated-------------------------------------------------------------------------->
 +
        <!--ENLACE DE DESTINO: Integrated -->
 +
        <a class="anchorOffset" id="Integrated"></a>
 +
        <!--FIN ENLACE DE DESTINO -->
 +
        <div style="
 +
            margin-top: 50px;">
 +
            <div class="row">
 +
              <div class="col-md-3">
 +
                  <img src="FOTO="
 +
                    padding-top: 15px;
 +
                    margin-top: 0px;">
 +
                  <p></p>
 +
              </div>
 +
              <div class="col-md-9"> 
 +
                  <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 affects the world and how the world affects it. Thus, we first decided to analyze Printeria main applications among society, which finally were clasificated as:
 +
</p>
 +
<p> <ul>
 +
  <li>
 +
    <p><b>Research groups</b>. Printeria automatizes time-consuming protocols, so enhancing the intellectual task and increasing the experiments reproducibility</p>
 +
  </li>
 +
  <li>
 +
    <p><b>Education</b>. With a friendly-user software, Printeria is also 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>-
  
−
<h3>Gold Medal Criterion #1</h3>
+
</p>
−
<p>Expand on your silver medal activity by demonstrating how you have integrated the investigated issues into the purpose, design and/or execution of your project. Document how your project has changed based upon your human practices work.
+
<p>During the design phase our product, we had many questions about how to fulfill the different <b>stakeholders demands </b>. In order to get first-hand answers, our human practices team conducted several interviews with each target group, so we could realize which where the real user necessities 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 bioartists such as <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, microfluidic system experimental design was thoughtfully implemented with the advice of electronic engineering professionals from the microfluidic market niche.
−
</p>
+
You can see our complete Integrated Human page by <a href="">clicking here</a>
−
</div>
+
</p>
 +
     
 +
         
 +
        </div>  
 +
        <!--ENLACE DE DESTINO: Social-->
 +
        <a class="anchorOffset" id="Social"></a>
 +
        <!--FIN ENLACE DE DESTINO -->
 +
       
 +
              <div class="col-md-9">
 +
                  <h4>Is our work responsible and good enough for the world?
  
 +
</h4>
 +
             
 +
                  <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.
 +
The lay-public do not usually know what SynBio and, when having heard about it, several misconceptions are commonly extended.
  
 +
</p>
 +
                  <p> Thus, we realized it was necessary to promote a critical thinking atmosphere before integrating Printeria. In this context, one of our main concerns was to introduce an artistic approach to become SynBio a closer and familiar concept. This included a Bio Art workshop and a collaboration with the famous valencian artist José María Yturralde. Moreover, several talks were given to different target groups to divulgate SynBio and so <b>fight against misinformation</b>. See the full activities carried out in our a <a> href="http://mariapenilcobo.com/bioart">Education and Public Engagement page</a>.
 +
            </div>
 +
        </div>
 +
        <!--------------------------------------------------------------------Collab------------------------------------------------------------------>
 +
        <!--ENLACE DE DESTINO: ERN-->
 +
        <a class="anchorOffset" id="Collaborations"></a>
 +
        <!--FIN ENLACE DE DESTINO -->
 +
       
 +
              <div class="col-md-9">
 +
                  <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 core values 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 Collaborations page.
 +
                  </p>
 +
        </div>
  
−
<div class="clear extra_space"></div>
+
<!--------------------------------------------------------------------Safety----------------------------------------->
  
 +
<!--ENLACE DE DESTINO: HARVARD -->
 +
        <a class="anchorOffset" id="Safety"></a>
 +
        <!--FIN ENLACE DE DESTINO -->
 +
       
 +
              <div class="col-md-9">           
 +
                 
 +
<h4> Biosafety </h4>
 +
<p>Biosafety measurements are completely necessary during any lab research, like the one carried out by our team. Moreover, safety considerations in relation to Printeria sterilization and biocontention measurements is essential if we want to introduce a bio-engineering device as Printeria is in non-scientific places.
 +
You can read our safety practices and the safety considerations we have established in regard to our device by going to the <a href="https://2018.igem.org/Team:Valencia_UPV/Safety">Safety page/a>.
  
 +
</p>
 +
<p><img src="enlace de la imagen" alt=""></p>
 +
                   
 +
      </div>
 +
  </div>
  
−
<div class="column full_size">
 
−
<h3>Best Integrated Human Practices Special Prize</h3>
 
  
−
<p>To compete for the Best Integrated Human Practices prize, please describe your work on this page and also fill out the description on the judging form. </p>
+
</section>
  
−
<p>How does your project affect society and how does society influence the direction of your project? How might ethical considerations and stakeholder input guide your project purpose and design and the experiments you conduct in the lab? How does this feedback enter into the process of your work all through the iGEM competition? Document a thoughtful and creative approach to exploring these questions and how your project evolved in the process to compete for this award!</p>
 
−
<p>You must also delete the message box on the top of this page to be eligible for this prize.</p>
 
  
−
</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/bootstrapMinJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
 +
      <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
 +
      <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
 +
       
 +
 
 +
 
 +
 
 +
</html>
 +
 
 +
{{Valencia_UPV/footer}}

Revision as of 20:23, 1 October 2018

Stack Multipurpose HTML Template

Index

Human Practices

Science and technology have always been prompted by a desire of solving social issues. Therefore, science would be nothing if it doesn’t exist a relationship with people.

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

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 affects the world and how the world affects it. Thus, we first decided to analyze Printeria main applications among society, which finally were clasificated as:

  • Research groups. Printeria automatizes time-consuming protocols, so enhancing the intellectual task and increasing the experiments reproducibility

  • Education. With a friendly-user software, Printeria is also designed to be an educational tool, as a fully equipped device is introduced inside classrooms without the necessity of high-cost technologies

  • Bio Art. Printeria offers a compact and friendly toolkit to have a complete palette of pigmented bacteria for the bioartist disposal.

-

During the design phase our product, we had many questions about how to fulfill the different stakeholders demands . In order to get first-hand answers, our human practices team conducted several interviews with each target group, so we could realize which where the real user necessities 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 bioartists such as María Peñil. We also received feedback from an open-talk with high schools last year students. Moreover, microfluidic system experimental design was thoughtfully implemented with the advice of electronic engineering professionals from the microfluidic market niche. You can see our complete Integrated Human page by clicking here

Is our work responsible and good enough for the world?

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. The lay-public do not usually know what SynBio and, when having heard about it, several misconceptions are commonly extended.

Thus, we realized it was necessary to promote a critical thinking atmosphere before integrating Printeria. In this context, one of our main concerns was to introduce an artistic approach to become SynBio a closer and familiar concept. This included a Bio Art workshop and a collaboration with the famous valencian artist José María Yturralde. Moreover, several talks were given to different target groups to divulgate SynBio and so fight against misinformation. See the full activities carried out in our a href="http://mariapenilcobo.com/bioart">Education and Public Engagement page.

Collaborations

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 core values 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 Collaborations page.

Biosafety

Biosafety measurements are completely necessary during any lab research, like the one carried out by our team. Moreover, safety considerations in relation to Printeria sterilization and biocontention measurements is essential if we want to introduce a bio-engineering device as Printeria is in non-scientific places. You can read our safety practices and the safety considerations we have established in regard to our device by going to the Safety page/a>.

CONTACT US igem.upv.2018@gmail.com