Difference between revisions of "Team:Valencia UPV/Public Engagement"

(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: Education and Public Engagement Special Prize</h1>
+
       
 +
    </head>
 +
  <body class="" style="background-color:#353535;">
 +
        <a class="anchorOffset" id="start"></a>
  
<p>Innovative educational tools and public engagement activities have the ability to discuss the science behind synthetic biology, spark new scientific curiosity and establish a public dialogue about synthetic biology from voices and views outside the lab. </p>
 
  
<p>On this page, your team should document your Education and Public Engagement work and activities. Describe your team’s efforts to include more people in shaping synthetic biology (such as creating or building upon innovative educational tools and/or public engagement activities to establish two-way dialogue with new communities, and/or engaging new groups in discussions about synthetic biology and public values). Describe your approach, why you chose it, and what was learned by everyone involved (including yourselves!).</p>
+
<!--------- NAVBAR-------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
<p>This work may relate to or overlap with the work you document on your Human Practices page. Whereas Integrated Human Practices relates to the process of refining your project purpose and design, this page may highlight significant efforts that go beyond your particular project focus and/or address a significant broader concern in iGEM.
 
</p>
 
  
 +
     
  
<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>
 
 
 
<div class="clear extra_space"></div>
 
 
<p>If you nominate your team for the <a href="https://2018.igem.org/Judging/Awards"></a>Best Education and Public Engagement 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 review this page to consider your team for that prize. The criteria are listed below. </p>
 
  
<div class="highlight decoration_background">
+
 
<p>How have you developed new opportunities to include more people in shaping synthetic biology? Innovative educational tools and public engagement activities have the ability to establish a two-way dialogue with new communities by discussing public values and the science behind synthetic biology. Document your approach and what was learned by everyone involved to compete for this award.
+
<!------------CONTENEDOR PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------------->
</p>
+
 
 +
 
 +
<div class="main-container">
 +
   
 +
            <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">
 +
              <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>
 
</div>
 +
               
 +
              </center>
 +
             
 +
</div>
 +
 +
 +
 +
              </section>
 +
          </div>
 +
 +
<!-- FIN MAIN CONTAINER -->
 +
 +
<a class="anchorOffset" id="story"></a>
 +
<section class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
 +
  <div class="container">
 +
  <div class="row">
 +
      <div class="col-md-3" style="
 +
        margin-left: 0em;
 +
        padding-right: 0px;
 +
        padding-left: 0.2em;">
 +
        <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
 +
            <h4 style="
 +
              padding-left: 1em;
 +
              ">Index</h4>
 +
            <ul class="lateral">
 +
              <li class="lateral" 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;
 +
                        ">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;
 +
                        ">Bio Art </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;
 +
                        ">The future generations</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;
 +
                        ">European Research Night</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;
 +
                        ">UPV Welcome Fest</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>
 +
           
 +
            <!------------------------------------------------------------------------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>
 +
              <div class="col-md-9">
 +
                  <h3>Overview</h3>
 +
           
 +
                  <p> Synthetic Biology achievements and challenges have only real sense taking into account the effect it has on the improvement of nowadays issues. However, it is also one of the most <b>controversial </b> scientific fields for <b>the public opinion. </b> </p> <p>Generally, the presence of <b>misconceptions</b> in regard to genetic engineering makes it difficult to reach to the <b> general public </b>. Moreover, access to SynBio is currently hampered by several barriers, such as the extensive background knowledge. </p>
 +
<p> Thus, with Printeria we want to break the social and technological barriers that prevent people from coming into Synthetic Biology. In this context, our <b>Education and Public Engagement </b> work has the aim of divulgating SynBio through different social targets, so that misinformation is beated in favour of the critical thinking. </p>
 +
                 
 +
        </div>
 +
        <!-----------------------------------------------------------------------BioArt-------------------------------------------------------------------------->
 +
        <!--ENLACE DE DESTINO: BioArt -->
 +
        <a class="anchorOffset" id="BioArt"></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">
 +
                  <h3>Bio Art: living masterpieces </h3>
 +
                 
 +
                  <p>
 +
<i>“To develop a complete mind: Study the science of art; Study the art of science. Learn how to see. Realize that everything connects to everything else.”
 +
-  Leonardo da Vinci </i>
 +
</p>
 +
<p> Art exists since the origins of humanity. Likewise, science has always been prompted by a desire of knowing more and more about the world, the nature and life. </p>
 +
<p>One of our main concerns is to demonstrate the existant synergy between art and life sciences. This is nowadays called <b> Bio Art </b>: a contemporary art form that adapts scientific methods and biotechnology to explore living systems as artistic subjects.</p>
 +
 +
                  <h4>Activity: Bioartists for one day</h4>
 +
                  <p> How to attract people to SynBio? It is possible to achieve this challenge in a subjective and eye-appealing way? We thought it should be possible, so we designed the didactic practical session <b>‘Bioartist for one day’.</b>
 +
         
 +
        <p> The activity took place in the Mustang Art Gallery (Elche), a cultural space dedicated to the diffusion of contemporary art. This workshop involved last year high school students of arts, science and social sciences, so we could interact with a wide range of different profiles. </p>
 +
                  <p>In this activity, they created their own ‘living masterpice’. Previously, we did detailed explanation on how to properly use the lab material and cells during simple microbiology protocols such as plating.
 +
Then, using solid <b>agar plates</b> as a <b>canvas</b>, <b>inoculating loops</b> as <b>brushes</b> and a palette of <b>pigmented bacteria</b> we self-made in the lab as <b>tempera</b>, they blew their minds to do imaginative <b>Microbial Art</b>. As soon as they finished, petri dishes were collected, kept and sealed for a later incubation in our lab. </p> <p>We also thought that, in the network era, students could be a great help in the promotion of SynBio by simple talking about their experiences with their friends, so we created the Instagram hashtag #MAGPRINTERIA to encourage them to share pics, messages and impressions. </p> </p>
 +
     
 +
         
 +
        </div>
 +
        <!-----------------------------------------------------------------------The future generations-------------------------------------------------------------------------->
 +
        <!--ENLACE DE DESTINO: The future generation-->
 +
        <a class="anchorOffset" id="Generations"></a>
 +
        <!--FIN ENLACE DE DESTINO -->
 +
        <div style="
 +
            margin-top: 50px;">
 +
            <div class="row">
 +
              <div class="col-md-3">
 +
                  <img src="FOTO" style="
 +
                    padding-top: 15px;
 +
                    margin-top: 0px;">
 +
                  <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:
 +
<ul>
 +
  <li>
 +
    <p>iGEM and SynBio as a multidisciplinary research field </p> <p> 
 +
  </li>
 +
  <li>
 +
    <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>
 +
    <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 the youth understanding.
 +
</ul>
 +
 +
 +
              </div>
 +
            </div>
 +
        </div>
 +
        <!--------------------------------------------------------------------European Research Night ------------------------------------------------------------------>
 +
        <!--ENLACE DE DESTINO: ERN-->
 +
        <a class="anchorOffset" id="imperial"></a>
 +
        <!--FIN ENLACE DE DESTINO -->
 +
        <div style="
 +
            margin-top: 50px;">
 +
            <div class="row">
 +
              <div class="col-md-3">
 +
                  <img src="FOTO" style="
 +
                    padding-top: 15px;
 +
                    margin-top: 0px;">
 +
                  <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>
 +
                  <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>
 +
              </div>
 +
            </div>
 +
        </div>
 +
 +
<!--------------------------------------------------------------------UPV Welcome Fest-------------------------------------------------------------------------->
 +
 +
<!--ENLACE DE DESTINO: HARVARD -->
 +
        <a class="anchorOffset" id="UPV"></a>
 +
        <!--FIN ENLACE DE DESTINO -->
 +
        <div style="
 +
            margin-top: 50px;" class="hashlink">
 +
            <div class="row">
 +
              <div class="col-md-3">
 +
                  <img src="FOTO" style="
 +
                    padding-top: 15px;
 +
                    margin-top: 0px;">
 +
                  <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.
 +
<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>
 +
                   
 +
      </div>
 +
  </div>
 +
 +
 +
</section>
 +
 +
 +
 +
 +
 +
 +
 +
        <!--<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:43, 28 September 2018

Stack Multipurpose HTML Template

CONTACT US igem.upv.2018@gmail.com