Difference between revisions of "Team:UCL/Public Engagement"

Line 1: Line 1:
{{UCL}}
 
<html>
 
  
 +
{{UCL/BootstrapCSS}}
 +
{{UCL/Style}}
  
<div class="clear"></div>
 
  
 +
<html lang="en">
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 +
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 +
    <title>UCL SETA - Public Engagement</title>
 +
    <link rel="icon" href="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png">
 +
   
 +
</head>
  
 +
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/BootstrapJS?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/JQuery?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/WowJS?action=raw&ctype=text/javascript"></script>
  
<div class="column full_size">
 
  
<h1>Human Practices: Education and Public Engagement Special Prize</h1>
+
<script>
 +
$(document).ready(function(){
 +
  $("a").on('click', function(event) {
 +
    if (this.hash !== "") {
 +
      event.preventDefault();
 +
      var hash = this.hash;
 +
      $('html, body').animate({
 +
        scrollTop: $(hash).offset().top - 100
 +
      }, 1500, function(){
 +
        window.location.hash = hash;
 +
      });
 +
    }
 +
  });
 +
});
 +
</script>
  
<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>
+
    <script>
 +
        new WOW().init();
 +
    </script>
  
<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>
+
<body>
 +
<div class="background_img_igem">
 +
  <div class="navbarzindex">
 +
  <div class="navbar-brand_igem"><a href="https://2018.igem.org/Team:UCL">
 +
        <img class="img-logo_igem" src="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png" ></a>
 +
    </div>
  
<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.
+
<div class="topnav_igem" id="myTopnav_igem">
</p>
+
<div class="floatright_igem">
 +
<a href="javascript:void(0);" style="font-size:21px;" class="icon_igem" onclick="myFunction()">&#9776;</a>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="People()">People
  
 +
    </button>
 +
    <div class="dropdown-content_igem"id="dropdownpeople_igem">
 +
        <a href="https://2018.igem.org/Team:UCL/Team">Team</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Attributions">Attributions</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Attributions#Sponsors">Sponsors</a>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Project()">Project
 +
 +
    </button>
 +
    <div class="dropdown-content_igem"id="dropdownproject_igem">
 +
        <a href="https://2018.igem.org/Team:UCL/Description">Description</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Results">Results</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Demonstrate">Demonstrate</a>
 +
        <a href="https://2018.igem.org/Team:UCL/InterLab">InterLab</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Safety">Safety</a>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Parts()">Parts
 +
 +
    </button>
 +
    <div class="dropdown-content_igem"id="dropdownparts_igem">
 +
        <a href="https://2018.igem.org/Team:UCL/Design">Part Design</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Parts">Parts</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Improve">Improved Part</a>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Modelling()">Modelling
 +
 +
    </button>
 +
    <div class="dropdown-content_igem"id="dropdownmodelling_igem">
 +
        <a href="https://2018.igem.org/Team:UCL/Model">Modelling</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Model#Intein">Intein</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Model#Intein_Polymerisation">Intein Polymerisation</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Model#LAMMPS">LAMMPS</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Model#Scale_Up">Scale Up</a>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Humanpractices()">Human Practices
 +
 +
    </button>
 +
    <div class="dropdown-content_igem"id"dropdownhumanpractices_igem">
 +
        <a href="https://2018.igem.org/Team:UCL/Human_Practices">Human Practices</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Public_Engagement">Public Engagement</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Collaborations">Collaborations</a>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown_igem">
 +
    <button class="dropbtn_igem"onclick="Notebook()">Notebook
 +
 +
    </button>
 +
    <div class="dropdown-content_igem"id="dropdownnotebook_igem">
 +
        <a href="https://2018.igem.org/Team:UCL/Notebook">Notebook</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Achievements">Achievements</a>
 +
        <a href="https://2018.igem.org/Team:UCL/Experiments">Experiments</a>
 +
    </div>
 +
  </div>
  
<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.
 
</p>
 
 
</div>
 
</div>
 
</div>
 
</div>
 +
</div>
 +
 +
<script>
 +
  $(window).on('scroll',function(){
 +
    if($(window).scrollTop()){
 +
      $('.navbarzindex').addClass('black');
 +
    }
 +
    else {
 +
      $('.navbarzindex').removeClass('black');
 +
    }
 +
  })
 +
</script>
 +
<script>
 +
function myFunction() {
 +
    var x = document.getElementById("myTopnav_igem");
 +
    if (x.className === "topnav_igem") {
 +
        x.className += " responsive";
 +
    } else {
 +
        x.className = "topnav_igem";
 +
    }
 +
}
 +
</script>
 +
 +
<script>
 +
(function(){
 +
    var dropDownClass = 'dropdown-content_igem';
 +
    var showClass = 'show_igem';
 +
    var dropDowns = document.getElementsByClassName('dropdown_igem');
 +
 +
    var open = function(e){
 +
        var openDropDown = e.target.nextElementSibling;
 +
        var dropdowns = document.getElementsByClassName(dropDownClass);
 +
 +
        openDropDown.classList.toggle(showClass);
 +
 +
        var closeDropDown = function(event) {
 +
            if (event.target === e.target) {
 +
                return;
 +
            }
 +
            if (openDropDown.classList.contains(showClass)) {
 +
                openDropDown.classList.remove(showClass);
 +
            }
 +
            window.removeEventListener('click', closeDropDown);
 +
        };
 +
        window.addEventListener('click', closeDropDown);
 +
    }
 +
 +
    for(var i = 0; i < dropDowns.length; i++){
 +
        dropDowns[i].children[0].addEventListener('click', open);
 +
    }
 +
}());
 +
</script>
 +
 +
<script type="text/javascript" src="https://2018.igem.org/Template:UCL/ScrollToFixed?action=raw&ctype=text/javascript"></script>
 +
 +
<script>
 +
$(document).ready(function() {
 +
    $('#sidenav').scrollToFixed({ marginTop: 250 });
 +
});
 +
</script>
 +
<!--BODY==================================================================== -->
 +
<body>
 +
    <div class="background_img_igem">
 +
        <div class="container">
 +
            <div class="container">
 +
                <center>
 +
                    <img class="wow fadeInUp subpage_img_igem" src="https://static.igem.org/mediawiki/2018/e/eb/T--UCL--outreach.svg" data-wow-duration="2s" data-wow-delay="0.1s"/>
 +
                </center>
 +
                <div class="h1_igem_subpage">Public Engagement</div>
 +
            </div>
 +
            <div class="container container_igem">
 +
                <div id="sidenav" class="sidenav wow fadeInUp">
 +
                  <a href="#loqpodcasts">Loq Podcasts</a>
 +
                  <a href="#kinesismagazine">Kinesis Magazine</a>
 +
                  <a href="#instagramartcompetition">Instagram Art Competition</a>
 +
                  <a href="#psychologystudy">Psychology Study</a>
 +
                  <a href="#savageartmagazine">SAVAGE Art Magazine</a>
 +
                  <a href="#artpostcards">Art Postcards</a>
 +
                  <a href="#gmodebate">GMO Debate</a>
 +
                  <a href="#artexhibition">Art Exhibition</a>
 +
                </div>
 +
 +
                <section id="loqpodcasts">
 +
                    <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
 +
                        <div class="card-title text-center">
 +
                            <h4>Loq Podcasts</h4>
 +
                        </div>
 +
                        <div class="card-body text-justify">
 +
                            <div class="container">
 +
                                <div class="row">
 +
 +
 +
 +
                                    <div class="customise">
 +
                                        <p class="card-text card-text_igem text-justify">
 +
                                          <div class="row">
 +
                                          <div class="col-sm-6">
 +
                                              <p class="card-text card-text_igem text-justify">
 +
                                                  Podcasts are a useful tool for delivering short snippets of information for a quick and easy positive learning experience - especially in a society that is constantly on the move.
 +
                                              </p>
 +
                                          </div>
 +
                                          <div class="col-sm-6">
 +
                                              <p class="card-text card-text_igem text-justify">
 +
                                                Loq app is a community of thinkers committed to more intelligent discourse on social media through the use of short podcasts. We wrote and recorded a biweekly episode covering a range of synthetic biology topics:
 +
                                              </p>
 +
                                          </div>
 +
                                      </div>
 +
                                        </p>
 +
                                    </div>
 +
 +
                                </div>
 +
 +
                                <div class="filler1">
 +
 +
                                </div>
 +
 +
                                <div class="row loqclass">
 +
                                    <div class="col-sm-6 marginlr">
 +
                                        <p class="card-text card-text_igem ">
 +
                                          Synthetic Biology
 +
                                          <br />
 +
                                        <audio controls>
 +
                                            <source src="https://static.igem.org/mediawiki/2018/d/de/T--UCL--loq1.mp3"/>
 +
                                        </audio>
 +
                                        </p>
 +
                                    </div>
 +
                                </div>
 +
                                <br />
 +
                                <div class="row loqclass">
 +
                                    <div class="col-sm-6 marginlr">
 +
                                        <p class="card-text card-text_igem ">
 +
                                          Biocontainment
 +
                                          <br />
 +
                                        <audio controls>
 +
                                            <source src="https://static.igem.org/mediawiki/2018/9/9d/T--UCL--loq2.mp3" type="audio/mp3"/>
 +
                                        </audio>
 +
                                        </p>
 +
                                    </div>
 +
                                </div>
 +
                                <br />
 +
                                <div class="row loqclass">
 +
                                    <div class="col-sm-6 marginlr">
 +
                                        <p class="card-text card-text_igem ">
 +
                                          BioBricks
 +
                                          <br />
 +
                                        <audio controls>
 +
                                            <source src="https://static.igem.org/mediawiki/2018/a/a9/T--UCL--loq3.mp3" type="audio/mp3"/>
 +
                                        </audio>
 +
                                        </p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </section>
 +
                <section id="kinesismagazine">
 +
                    <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
 +
                        <div class="card-title text-center">
 +
                            <h4>Kinesis Magazine</h4>
 +
                        </div>
 +
                        <div class="card-body text-justify">
 +
                            <div class="container">
 +
                              <div class="row">
 +
 +
 +
 +
                                  <div class="customise">
 +
                                      <p class="card-text card-text_igem text-justify">
 +
                                        <div class="row">
 +
                                        <div class="col-sm-6">
 +
                                            <p class="card-text card-text_igem text-justify">
 +
                                                Similar to podcasts, visual art can quickly and easily deliver a message to observers on the go. People embrace art; it is part of our human culture and it enables the ability to tell a story in a visual image you can take with you. Kinesis Magazine partners science writers with an artist so
 +
                                            </p>
 +
                                        </div>
 +
                                        <div class="col-sm-6">
 +
                                            <p class="card-text card-text_igem text-justify">
 +
                                              that each article can be represented by an easy to interpret visual. We used this platform to write about and promote our iGEM spider silk project using layman's terms for the general public - an essential component in effective science communication.
 +
                                            </p>
 +
                                        </div>
 +
                                    </div>
 +
                                      </p>
 +
                                  </div>
 +
 +
                              </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="col-md-offset-3 paddingss">
 +
                            <object data="https://static.igem.org/mediawiki/2018/1/1f/T--UCL--kinesis.pdf" type="application/pdf" width="100%" height="900px">
 +
                              <p>It appears you don't have a PDF plugin for this browser.
 +
                              No biggie... you can <a href="https://static.igem.org/mediawiki/2018/1/1f/T--UCL--kinesis.pdf">click here to
 +
                              download the PDF file.</a></p>
 +
                            </object>
 +
                            </div>
 +
                        </div>
 +
                </section>
 +
                <section id="instagramartcompetition">
 +
                    <div class="lmao card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
 +
                        <div class="card-title text-center">
 +
                            <h4>Instagram Art Competition</h4>
 +
                        </div>
 +
                        <div class="card-body text-justify">
 +
                            <div class="container">
 +
                              <div class="row">
 +
                                  <div class="customise">
 +
                                      <p class="card-text card-text_igem text-justify">
 +
                                        <div class="row">
 +
                                        <div class="col-sm-6">
 +
                                            <p class="card-text card-text_igem text-justify">
 +
                                                After experiencing the artistic process with Kinesis Magazine, we became curious: what do other scientists think of our project? We needed a platform which would provide us artists and artwork rapidly, so we chose Instagram. In a collaboration with the art competition account, we set out to get an answer to our question.
 +
                                            </p>
 +
                                        </div>
 +
                                        <div class="col-sm-6">
 +
                                            <p class="card-text card-text_igem text-justify">
 +
                                              We wrote a short explanation of our project and set the theme to “Synthetic Biology”. There were over 100 submissions, but only one winner. Pieces of art ranged from abstract DNA to wild lab experiments gone wrong. Our winning piece (the one below) taught the public about DNA in a fun and engaging manner.
 +
                                            </p>
 +
                                        </div>
 +
                                      </div>
 +
                                      </p>
 +
                                  </div>
 +
                                </div>
 +
 +
 +
                                <div id="demo" class="carousel slide" data-ride="carousel">
 +
 +
        <div class="carousel-inner">
 +
          <div class="carousel-item active">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/f/f1/T--UCL--winner.jpg" alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
                <center>
 +
                    <strong><div class="h3_insta">Our winner!</div></strong>
 +
                    <div class="h3_insta">@alexandraes55</div>
 +
                </center>
 +
            </div>
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/6/65/T--UCL--i1.jpg" alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@draw_happy_</div>
 +
            </center>
 +
            </div>
 +
          </div>
 +
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/0/0b/T--UCL--i2.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@woodcastles</div>
 +
            </center>
 +
            </div>
 +
          </div>
 +
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/0/04/T--UCL--i3.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@leaneabgrall</div>
 +
            </center>
 +
            </div>
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/5/5a/T--UCL--i4.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@biofuture_benjaminhummitzsch</div>
 +
            </center>
 +
            </div>
 +
            </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/0/06/T--UCL--i5.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@tzisnia</div>
 +
            </center>
 +
            </div>
 +
 +
            </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/0/0e/T--UCL--i6.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@vishalpathode</div>
 +
            </center>
 +
            </div>
 +
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/5/58/T--UCL--i7.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@carmencb_art</div>
 +
            </center>
 +
            </div>
 +
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/5/5a/T--UCL--i8.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@313mjd</div>
 +
            </center>
 +
            </div>
 +
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/f/f7/T--UCL--i9.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@art_leah.d</div>
 +
            </center>
 +
            </div>
 +
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/3/3f/T--UCL--i10.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@sophieleighart</div>
 +
            </center>
 +
            </div>
 +
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/3/3d/T--UCL--i11.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@kayydotts</div>
 +
            </center>
 +
            </div>
 +
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/f/f3/T--UCL--i12.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@xxlunakittyxx</div>
 +
            </center>
 +
            </div>
 +
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/8/89/T--UCL--i13.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@craig_delean_art</div>
 +
            </center>
 +
            </div>
 +
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/a/ab/T--UCL--i14.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@willdraw4blood</div>
 +
            </center>
 +
            </div>
 +
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/9/99/T--UCL--i15.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@zahraamarart</div>
 +
            </center>
 +
            </div>
 +
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/d/de/T--UCL--i16.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@jos_multimedia_artist</div>
 +
            </center>
 +
            </div>
 +
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/d/de/T--UCL--i17.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@wessenka</div>
 +
            </center>
 +
            </div>
 +
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/5/5e/T--UCL--i20.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@cellsoflife</div>
 +
            </center>
 +
            </div>
 +
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/1/1a/T--UCL--i21.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@art_palu</div>
 +
            </center>
 +
            </div>
 +
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/c/cf/T--UCL--i22.jpg"alt="oops! You can't load our image.">
 +
            <div class="carousel-caption">
 +
            <center>
 +
                <div class="h3_insta">@madville_madness</div>
 +
            </center>
 +
            </div>
 +
 +
          </div>
 +
 +
        <a class="carousel-control-prev" href="#demo" data-slide="prev">
 +
          <span class="carousel-control-prev-icon"></span>
 +
        </a>
 +
        <a class="carousel-control-next" href="#demo" data-slide="next">
 +
          <span class="carousel-control-next-icon"></span>
 +
        </a>
 +
      </div>
 +
 +
 +
 +
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </section>
 +
                <section id="psychologystudy">
 +
                    <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
 +
                        <div class="card-title text-center">
 +
                            <h4>Psychology Study</h4>
 +
                        </div>
 +
                        <div class="card-body text-justify">
 +
                            <div class="container">
 +
                              <div class="row">
 +
                                  <div class="customise">
 +
                                      <p class="card-text card-text_igem text-justify">
 +
                                        <div class="row">
 +
                                        <div class="col-sm-6">
 +
                                            <p class="card-text card-text_igem text-justify">
 +
                                                Following an extensive search of the existing literature, we noticed a distinct lack of data measuring art as an effective tool for scientific engagement. We decided to conduct the study ourselves. We set out to determine how much people enjoyed art which represented synthetic biology compared to reading text about the field. Through studying designing platforms and
 +
                                            </p>
 +
                                        </div>
 +
                                        <div class="col-sm-6">
 +
                                            <p class="card-text card-text_igem text-justify">
 +
                                              the use of validated methodologies, we discovered that art is more engaging than text. Interestingly, however, participants were more inclined to seek out information about synthetic biology only after reading text. This gave us a perspective on the importance of using a healthy balance of text and art in science communication just as we observed in our experience with Kinesis Magazine.
 +
                                            </p>
 +
                                        </div>
 +
                                      </div>
 +
                                      </p>
 +
                                  </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-offset-3 paddingss">
 +
                        <object data="https://static.igem.org/mediawiki/2018/8/87/T--UCL--pyschology.pdf" type="application/pdf" width="100%" height="900px">
 +
                          <p>It appears you don't have a PDF plugin for this browser.
 +
                          No biggie... you can <a href="https://static.igem.org/mediawiki/2018/8/87/T--UCL--pyschology.pdf">click here to
 +
                          download the PDF file.</a></p>
 +
                        </object>
 +
                        </div>
 +
                    </div>
 +
                </section>
 +
                <section id="savageartmagazine">
 +
                    <div class="card card_igem wow fadeInUp specialmargin" data-wow-duration="2s" data-wow-delay="0.1s">
 +
                        <div class="card-title text-center">
 +
                            <h4><div class="lol animated tada">SAVAGE</div> Art Magazine</h4>
 +
                        </div>
 +
                        <div class="card-body text-justify">
 +
                            <div class="container">
 +
                              <div class="row">
 +
                                  <div class="customise">
 +
                                      <p class="card-text card-text_igem text-justify">
 +
                                        <div class="row">
 +
                                        <div class="col-sm-6">
 +
                                            <p class="card-text card-text_igem text-justify">
 +
                                                Our findings from the psychology study were discussed in SAVAGE Journal, an art and culture magazine. We believe that science is a platform through which artists can express themselves. With that in mind, we decided to write an article about simultaneous artistic
 +
                                            </p>
 +
                                        </div>
 +
                                        <div class="col-sm-6">
 +
                                            <p class="card-text card-text_igem text-justify">
 +
                                              and scientific expression using Leonardo Da Vinci as an example. As a scientist,  a painter, an engineer, a sketch artist and more, he envisioned concepts beyond his time - the helicopter, parachute and giant crossbow - utilising his skills in both fields.
 +
 +
                                            </p>
 +
                                        </div>
 +
                                      </div>
 +
                                      </p>
 +
                                  </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-offset-3 paddingss">
 +
                        <object data="https://static.igem.org/mediawiki/2018/1/18/T--UCL--artmag.pdf" type="application/pdf" width="100%" height="900px">
 +
                          <p>It appears you don't have a PDF plugin for this browser.
 +
                          No biggie... you can <a href="https://static.igem.org/mediawiki/2018/1/18/T--UCL--artmag.pdf">click here to
 +
                          download the PDF file.</a></p>
 +
                        </object>
 +
                        </div>
 +
                    </div>
 +
                </section>
 +
                <section id="artpostcards">
 +
                    <div class="card card_igem wow fadeInUp specialmargin superwow" data-wow-duration="2s" data-wow-delay="0.1s">
 +
                        <div class="card-title text-center">
 +
                            <h4>Art Postcards</h4>
 +
                        </div>
 +
                        <div class="card-body text-justify">
 +
                            <div class="container">
 +
                              <div class="row">
 +
                                  <div class="customise">
 +
                                      <p class="card-text card-text_igem text-justify">
 +
                                        <div class="row">
 +
                                        <div class="col-sm-6">
 +
                                            <p class="card-text card-text_igem text-justify">
 +
                                                Given the large influence art had on our outreach program, we decided to share the work with the world. We printed out postcards of the best art submitted during the art competition. Putting the i in iGEM, we provided every postcard with a prepaid stamp ready to be delivered to countries across the
 +
                                            </p>
 +
                                        </div>
 +
                                        <div class="col-sm-6">
 +
                                            <p class="card-text card-text_igem text-justify">
 +
                                              world straight from the iGEM Jamboree. Students, supervisors and judges can come find us at our stall, write a card to their loved ones and we will post it for them. A memory of iGEM, in the form of scientific artwork, will go out to them in an attempt to reach out to different parts of the world.
 +
 +
                                            </p>
 +
                                        </div>
 +
                                      </div>
 +
                                      </p>
 +
                                  </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </section>
 +
 +
                <section id="gmodebate">
 +
                    <div class="card card_igem wow fadeInUp specialmargin removepadding" data-wow-duration="2s" data-wow-delay="0.1s">
 +
                        <div class="card-title text-center">
 +
                            <h4>GMO Debate</h4>
 +
                        </div>
 +
                        <div class="card-title text-center">
 +
                            <p class="vanish">“Should genetic engineering be accessible to the public?”</p>
 +
                        </div>
 +
                        <div class="row">
 +
                        <div class="col-sm-6 yang">
 +
                            <p class="card-text card-text_igem text-justify">
 +
                              <h4 class="argss">Kialo Debate</h4>
 +
                              <br />
 +
                              We decided to pose this question to the public: what if the public had the power to use this tool? Through open source protocols, easy access to the BioBrick registry, and lab equipment becoming cheaper thanks to BentoBioLabs, this technology will be accessible to everyone in a matter of decades. What regulations are currently in place and must rules change to ensure a safer future? We decided to pose this question to more than just the public. We invited GMO activists, scientists, and policy makers to the debate in an attempt to gain view points from all perspectives.
 +
<br />
 +
The original debate can be found <a class="sshh"href="#">here</a>.
 +
                            </p>
 +
                        </div>
 +
                        <div class="col-sm-6 yang">
 +
                            <p class="card-text card-text_igem text-justify">
 +
                              <h4 class="argss">2debate.eu</h4>
 +
                              <br />
 +
                              The 2debate platform is run by a pair of Google employers - Kirk and Sebastian - who host weekly debates on current topics. We introduced them to iGEM and how the BioBrick registry can be considered an enabling technology which facilitates synthetic biology as a whole. Furthermore, we discussed the future of synthetic biology and its negative perception in society.  After debunking movies which incorporate synbio, such as Jurassic Park and X-Men, a debate was held arguing the motion “genetic engineering should be accessible to the public”. The debate made us think about the safety of our research further and the impact the technology can have.
 +
 +
                            </p>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                </section>
 +
 +
                <section id="artexhibition">
 +
                    <div class="lmaoo card card_igem wow fadeInUp specialmargin" data-wow-duration="2s" data-wow-delay="0.1s">
 +
                        <div class="card-title text-center">
 +
                            <h4>Art Exhibition</h4>
 +
                        </div>
 +
                        <div class="card-body text-justify">
 +
                            <div class="container">
 +
                              <div class="row">
 +
                                  <div class="customise">
 +
                                      <p class="card-text card-text_igem text-justify">
 +
                                        <div class="row">
 +
                                        <div class="col-sm-6">
 +
                                            <p class="card-text card-text_igem text-justify">
 +
                                                We collaborated with designers Andrea Li and Michelle Lim to design an art exhibition representing our project at Central Saint Martins. Everything was visualised through the ‘eyes of a spider’. The entrance to the exhibition was a
 +
                                            </p>
 +
                                        </div>
 +
                                        <div class="col-sm-6">
 +
                                            <p class="card-text card-text_igem text-justify">
 +
                                              small cave. The public had to crawl into the exhibition and use magnifying glasses to see some of the visual art. The main exhibition show cased 4 elements about the SETA project with each element being provided a shelf:
 +
 +
                                            </p>
 +
                                        </div>
 +
                                      </div>
 +
                                      </p>
 +
                                  </div>
 +
                                </div>
 +
                            </div>
 +
 +
 +
 +
                            <div id="demo2" class="carousel slide" data-ride="carousel">
 +
    <ul class="carousel-indicators">
 +
      <li data-target="#demo2" data-slide-to="0" class="active"></li>
 +
      <li data-target="#demo2" data-slide-to="1"></li>
 +
      <li data-target="#demo2" data-slide-to="2"></li>
 +
    </ul>
 +
    <div class="carousel-inner">
 +
      <div class="carousel-item active">
 +
        <img class="holysss"src="https://static.igem.org/mediawiki/2018/c/c2/T--UCL--a1.jpg" alt="oops! You can't load this image." >
 +
        <div class="carousel-caption">
 +
          <h3 class="orange">History of synthetic spider silk</h3>
 +
        <span class="wwww"> Here we showed how spider silk has been used for centuries for surgical sutures but used to be extracted directly from live spiders or from webs.</span>
 +
        </div>
 +
      </div>
 +
      <div class="carousel-item">
 +
        <img class="holysss"src="https://static.igem.org/mediawiki/2018/4/48/T--UCL--a2.jpg" alt="oops! You can't load this image." >
 +
        <div class="carousel-caption">
 +
          <h3 class="orange">Artifacts made from spider silk</h3>
 +
          <span class="wwww"> Nowadays, spider silk has been applied to make a wedding dress and a pair of socks. Synthetic spider silk has also been used to make durable textiles, such as Bolt Threads success in creating ties and pillow cases.</span>
 +
        </div>
 +
      </div>
 +
      <div class="carousel-item fuq">
 +
        <img class="holysss"src="https://static.igem.org/mediawiki/2018/1/14/T--UCL--a3.jpg" alt="oops! You can't load this image." >
 +
        <div class="carousel-caption">
 +
          <h3 class="orange">iGEM’s scientific process </h3>
 +
            <span class="wwww">We presented the audience with an understanding of BioBricks by showing how lego (representing the DNA sequences) can be joined together to form more complex shapes, or networks.</span>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <a class="carousel-control-prev" href="#demo2" data-slide="prev">
 +
      <span class="carousel-control-prev-icon"></span>
 +
    </a>
 +
    <a class="carousel-control-next" href="#demo2" data-slide="next">
 +
      <span class="carousel-control-next-icon"></span>
 +
    </a>
 +
  </div>
 +
 +
 +
 +
                        </div>
 +
                    </div>
 +
                </section>
 +
              </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <!--FOOTER================================================================== -->
 +
 +
    <div class="footer">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-4">
 +
                    <center>
 +
                        <div class="h2_footer_igem">Our Location</div>
 +
                        University College London<br />
 +
      Gower St, Bloomsbury<br />London <br />WC1E 6BT
 +
                        <span></span>
 +
 +
                    </center>
 +
                </div>
 +
                <div class="col-lg-4">
 +
                    <center>
 +
                        <div class="h2_footer_igem">Contact Us</div>
 +
                      ucl.igem@ucl.ac.uk
 +
                        <a class="footer_img_igem" href="https://www.ucl.ac.uk/">
 +
                            <img src="https://static.igem.org/mediawiki/2018/f/ff/T--UCL--UCLLogo.jpeg" height="100rem;" />
 +
                        </a>
 +
                    </center>
 +
                </div>
 +
                <div class="col-lg-4">
 +
                    <center>
 +
                        <div class="h2_footer_igem">Follow Us</div>
 +
                        <a href="https://www.facebook.com/UCLiGEM/"class="contacticons">
 +
                            <img src="https://static.igem.org/mediawiki/2018/c/c4/T--UCL--FBLogo.svg" style="padding-top:1em;" height="62rem;"/>
 +
                        </a>
 +
                        <a href="https://twitter.com/ucligem?lang=en"class="contacticons">
 +
                            <img src="https://static.igem.org/mediawiki/2018/e/ed/T--UCL--TwitterLogo.svg" style="padding-top:1em;" height="62rem;"/>
 +
                        </a>
 +
                        <a href="https://www.instagram.com/ucl.igem/"class="contacticons">
 +
                            <img src="https://static.igem.org/mediawiki/2018/3/31/T--UCL--InstaLogo.png" style="padding-top:1em;" height="62rem;"/>
 +
                        </a>
 +
                    </center>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</body>
 +
</html>

Revision as of 03:06, 18 October 2018


UCL SETA - Public Engagement

Public Engagement

Loq Podcasts

Podcasts are a useful tool for delivering short snippets of information for a quick and easy positive learning experience - especially in a society that is constantly on the move.

Loq app is a community of thinkers committed to more intelligent discourse on social media through the use of short podcasts. We wrote and recorded a biweekly episode covering a range of synthetic biology topics:

Synthetic Biology


Biocontainment


BioBricks

Kinesis Magazine

Similar to podcasts, visual art can quickly and easily deliver a message to observers on the go. People embrace art; it is part of our human culture and it enables the ability to tell a story in a visual image you can take with you. Kinesis Magazine partners science writers with an artist so

that each article can be represented by an easy to interpret visual. We used this platform to write about and promote our iGEM spider silk project using layman's terms for the general public - an essential component in effective science communication.

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

Instagram Art Competition

After experiencing the artistic process with Kinesis Magazine, we became curious: what do other scientists think of our project? We needed a platform which would provide us artists and artwork rapidly, so we chose Instagram. In a collaboration with the art competition account, we set out to get an answer to our question.

We wrote a short explanation of our project and set the theme to “Synthetic Biology”. There were over 100 submissions, but only one winner. Pieces of art ranged from abstract DNA to wild lab experiments gone wrong. Our winning piece (the one below) taught the public about DNA in a fun and engaging manner.

Psychology Study

Following an extensive search of the existing literature, we noticed a distinct lack of data measuring art as an effective tool for scientific engagement. We decided to conduct the study ourselves. We set out to determine how much people enjoyed art which represented synthetic biology compared to reading text about the field. Through studying designing platforms and

the use of validated methodologies, we discovered that art is more engaging than text. Interestingly, however, participants were more inclined to seek out information about synthetic biology only after reading text. This gave us a perspective on the importance of using a healthy balance of text and art in science communication just as we observed in our experience with Kinesis Magazine.

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

SAVAGE
Art Magazine

Our findings from the psychology study were discussed in SAVAGE Journal, an art and culture magazine. We believe that science is a platform through which artists can express themselves. With that in mind, we decided to write an article about simultaneous artistic

and scientific expression using Leonardo Da Vinci as an example. As a scientist, a painter, an engineer, a sketch artist and more, he envisioned concepts beyond his time - the helicopter, parachute and giant crossbow - utilising his skills in both fields.

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

Art Postcards

Given the large influence art had on our outreach program, we decided to share the work with the world. We printed out postcards of the best art submitted during the art competition. Putting the i in iGEM, we provided every postcard with a prepaid stamp ready to be delivered to countries across the

world straight from the iGEM Jamboree. Students, supervisors and judges can come find us at our stall, write a card to their loved ones and we will post it for them. A memory of iGEM, in the form of scientific artwork, will go out to them in an attempt to reach out to different parts of the world.

GMO Debate

“Should genetic engineering be accessible to the public?”

Kialo Debate


We decided to pose this question to the public: what if the public had the power to use this tool? Through open source protocols, easy access to the BioBrick registry, and lab equipment becoming cheaper thanks to BentoBioLabs, this technology will be accessible to everyone in a matter of decades. What regulations are currently in place and must rules change to ensure a safer future? We decided to pose this question to more than just the public. We invited GMO activists, scientists, and policy makers to the debate in an attempt to gain view points from all perspectives.
The original debate can be found here.

2debate.eu


The 2debate platform is run by a pair of Google employers - Kirk and Sebastian - who host weekly debates on current topics. We introduced them to iGEM and how the BioBrick registry can be considered an enabling technology which facilitates synthetic biology as a whole. Furthermore, we discussed the future of synthetic biology and its negative perception in society. After debunking movies which incorporate synbio, such as Jurassic Park and X-Men, a debate was held arguing the motion “genetic engineering should be accessible to the public”. The debate made us think about the safety of our research further and the impact the technology can have.

Art Exhibition

We collaborated with designers Andrea Li and Michelle Lim to design an art exhibition representing our project at Central Saint Martins. Everything was visualised through the ‘eyes of a spider’. The entrance to the exhibition was a

small cave. The public had to crawl into the exhibition and use magnifying glasses to see some of the visual art. The main exhibition show cased 4 elements about the SETA project with each element being provided a shelf: