Difference between revisions of "Team:SHSID China/Public Engagement"

 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{SHSID_China}}
+
{{Template:SHSID_China/header}}
 
<html>
 
<html>
 +
<head>
 +
    <link rel="stylesheet" type="text/css" href="header.css">
 +
    <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Trocchi" rel="stylesheet">
 +
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
 +
    <meta name="apple-mobile-web-app-capable" content="yes">
 +
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
 +
    <meta name="format-detection" content="telephone=no">
 +
</head>
 +
<body>
 +
<div id=""page-content-wrapper""><script
 +
  src="http://code.jquery.com/jquery-3.3.1.js"
 +
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
 +
  crossorigin="anonymous"></script>
  
 +
<div class="splash" id="mainsplash" style="background: url(https://static.igem.org/mediawiki/2018/9/93/T--SHSID_China--publicengagement.jpeg); background-size: cover; background-position: center; position: relative" >
  
 +
    <div class= "row splashesittely" style="position: absolute; top:46%; transform: translateY(-50%)">
 +
        <div class="col-md-3">
 +
        </div>
 +
        <div class="col-md-6">
 +
            <h1 style="font-family: 'Abril Fatface', cursive;">Education & Public Engagement</h1>
 +
            <hr id="mainhr">
 +
            <h2 style="font-family: 'Trocchi', serif;">Making the private public. </h2>
 +
        </div>
 +
            <div class ="col-md-12 transp scroller">
 +
                <a href="#Abstract">
 +
                <h3 style="color: white; font-family: 'Trocchi', serif;">Scroll down for more information</h3>
 +
                <img src="https://static.igem.org/mediawiki/2018/c/ce/T--SHSID_China--mainarrow.jpg" class="img-responsive center-block transp nuoli" style="max-height: 130px">
 +
                </a>
 +
        </div>
 +
    </div>
 +
</div>
 +
<div style="background: url(https://static.igem.org/mediawiki/2018/d/d6/T--SHSID_China--main_bg2.jpg); background-size: cover; background-position: center" class="link" id="Abstract">
 +
    <article>
 +
        <h2 style="color: white; font-family: 'Trocchi', serif;">Overview</h2>
 +
        <p style="color: white; font-size: 16px; padding-top: 10px">Through organizing different events related to education and public engagement, we introduced the concept of synthetic biology and our bioluminescence project to the public.</p>
 +
        <h3 style="color: white; font-family: 'Trocchi', serif; text-align: center">Education – Shanghai Primary School</h3>
 +
        <p style="color: white; font-size: 16px; padding-top: 10px">We went to the Shanghai Primary School on Friday for two consecutive weeks during June. There, we introduced 5th grade students with the concept of synthetic biology, an area that they haven’t heard of before. They immediately showed interest and asked a lot of questions about how synthetic biology is used nowadays in our daily life and the safety considerations. Some of them even claimed they want to be synthetic biologists in the future and create all kinds of plants with different characteristics. We feel honored to have introduced these kids to synthetic biology at such an early stage since they may actually become synthetic biologists in the future and shape the field.  Through communicating with them, we also paid a lot more attention on the safety of our methods during the design process.</p>
 +
        <img src="https://static.igem.org/mediawiki/2018/a/ab/T--SHSID_China--pe1.png" style="margin-left: auto; margin-right: auto; width: 20em; text-align: center; display: block; padding-bottom: 1em">
 +
        <img src="https://static.igem.org/mediawiki/2018/f/f7/T--SHSID_China--pe2.png" style="margin-left: auto; margin-right: auto; width: 20em; text-align: center; display: block">
 +
        <h3 style="color: white; font-family: 'Trocchi', serif; text-align: center">Public Outreach-Online</h3>
 +
        <h4 style="color: white; font-family: 'Trocchi', serif; text-align: center">1. Survey</h4>
 +
        <p style="color: white; font-size: 16px; padding-top: 10px">We gathered opinons about our project and bioluminescence in general from a total of 391 people. Most of them have already heard about bioluminescnece, and they expressed a certain amount of concern about plants that are auto-luminescent after being genetically modified.</p>
 +
        <h4 style="color: white; font-family: 'Trocchi', serif; text-align: center">2. Social Media</h4>
 +
        <p style="color: white; font-size: 16px; padding-top: 10px">We created several different social media accounts to post updates on our current lab progress.</p>
 +
        <h4 style="color: white; font-family: 'Trocchi', serif; text-align: center">3. Fundraising</h4>
 +
        <p style="color: white; font-size: 16px; padding-top: 10px">We posted our survey on Modian.com, where we were able to post updates on our labwork as a mean to communicate with our donators and the public who might be interested in supporting our project.</p>
 +
        <img src="https://static.igem.org/mediawiki/2018/0/02/T--SHSID_China--pe3.png" style="margin-left: auto; margin-right: auto; width: 30em; text-align: center; display: block; padding-bottom: 2em">
 +
        <img src="https://static.igem.org/mediawiki/2018/e/ef/T--SHSID_China--pe4.png" style="margin-left: auto; margin-right: auto; width: 30em; text-align: center; display: block; padding-bottom: 2em">
 +
        <img src="https://static.igem.org/mediawiki/2018/3/32/T--SHSID_China--penew1.png" style="margin-left: auto; margin-right: auto; width: 30em; text-align: center; display: block; padding-bottom: 2em">
 +
        <img src="https://static.igem.org/mediawiki/2018/e/ee/T--SHSID_China--penew2.png" style="margin-left: auto; margin-right: auto; width: 30em; text-align: center; display: block">
 +
        <p style="color: white; font-size: 16px; padding-top: 10px">Besides gathering comments from the public, we are also posting our current work and our thoughts about it on social media. In a way, through utilizing the advantage of posting our surveys on our social media accounts, we are establishing an indirect two-way dialogue with our community by asking for their opinions and responding to their opinions through modifying our experimental methods to a certain extent.</p>
 +
        <h3 style="color: white; font-family: 'Trocchi', serif; text-align: center">Public Outreach-Shanghai Botanical Garden</h3>
 +
        <p style="color: white; font-size: 16px; padding-top: 10px">On October 15th, after we finalized our project, we organized another activity to engage with the public. We prepared a simplified version of our experimental concepts and used a poster and brochures to engage with our audience.</p>
 +
        <img src="https://static.igem.org/mediawiki/2018/d/d4/T--SHSID_China--pe5.png" style="margin-left: auto; margin-right: auto; width: 30em; text-align: center; display: block; padding-bottom: 2em">
 +
        <img src="https://static.igem.org/mediawiki/2018/c/c9/T--SHSID_China--pe6.png" style="margin-left: auto; margin-right: auto; width: 30em; text-align: center; display: block">
 +
        <p style="color: white; font-size: 16px; padding-top: 10px">Through establishing a two-way dialogue with a new community, mainly composed of adults and teenagers with their own opinions, we discussed the public values of what our project could bring to the public in the future. We focused on the applications of our project and discussed the possible harms that bioluminescent products could cause to our health and the environment. We further clarified the misconceptions about GMOs being a dangerous threat to our heath.  We were surprised that we achieved new insights through communicating with people who may not have expertise in the field.</p>
 +
        <img src="https://static.igem.org/mediawiki/2018/9/9a/T--SHSID_China--pe7.png" style="margin-left: auto; margin-right: auto; width: 30em; text-align: center; display: block; padding-bottom: 2em">
 +
        <img src="https://static.igem.org/mediawiki/2018/f/fe/T--SHSID_China--pe8.png" style="margin-left: auto; margin-right: auto; width: 30em; text-align: center; display: block">
 +
    </article> 
 +
</div>
 +
</div>
 +
</body>
 +
<script>
 +
    $(document).ready(function() {
  
 +
    if(location.pathname != "/Team:SHSID_China") {
 +
        $('#navigation a[href^="https://2018.igem.org' + location.pathname + '"]').addClass('active');
 +
    } else $('#navigation a.home').addClass('active');
 +
});
 +
</script>
 +
<script type="text/javascript">
 +
    // Picture reference script
 +
    /*
 +
    USAGE:
 +
    tag img with a ref that is connected to the image, such as:
 +
    <img src="" ref="" />
 +
    When you insert a reference in text, put a tag with a ref attribute:
 +
    <a ref=""></a>
 +
    Do not put href attribute, it will be replaced with a link to the image.
 +
    Moreover, inner html of the anchor tag will be "figure x" where x is the
 +
    correct figure number. If span or anchor has "." as the inner html, the
 +
    caption will be capitalized.
 +
    */
 +
    var images = $('img[ref]');
 +
    $.each(images, function(index, e){
 +
            var referenceName = e.getAttribute("ref");
 +
            if (!e.id){
 +
                e.setAttribute("id","figure"+(index+1));
 +
            }
 +
            $.each($('a[ref="'+referenceName+'"]'), function(j, e2){
 +
                e2.setAttribute("href","#"+e.id);
 +
                if (e2.innerHTML == "."){
 +
                    e2.innerHTML = "Figure " + (index+1);
 +
                } else {
 +
                    e2.innerHTML = "figure " + (index+1);
 +
                }
 +
            });
 +
            $.each($('span[ref="'+referenceName+'"]'), function(j, e2){
 +
                e2.setAttribute("href","#"+e.id);
 +
                if (e2.innerHTML == "."){
 +
                    e2.innerHTML = "Figure " + (index+1);
 +
                } else {
 +
                    e2.innerHTML = "figure " + (index+1);
 +
                }
 +
            });
 +
        }
 +
    );
  
−
<div class="clear"></div>
+
    // Table reference script
−
 
+
    /*
−
 
+
    USAGE:
−
 
+
    tag table with a tab that is connected to the table, such as:
−
<div class="column full_size">
+
    <table ref="intensities" />
−
 
+
    When you insert a reference in text, put a tag with a ref attribute:
−
<h1>Human Practices: Education and Public Engagement Special Prize</h1>
+
    <a tab="intensities"></a>
−
 
+
    Do not put href attribute, it will be replaced with a link to the image.
−
<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>
+
    Moreover, inner html of the anchor tag will be "table x" where x is the
−
 
+
    correct table number. If span or anchor has "." as the inner html, the
−
<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>
+
    caption will be capitalized.
−
 
+
    */
−
<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.
+
    var tables = $('table[tab], img[tab]');
−
</p>
+
    $.each(tables, function(index, e){
−
 
+
            var tableName = e.getAttribute("tab");
−
 
+
            if (!e.id){
−
<p>For more information, please see the <a href="https://2018.igem.org/Human_Practices">Human Practices Hub</a>. There you will find:</p>
+
                e.setAttribute("id","table"+(index+1));
−
+
            }
−
<ul>
+
            $.each($('a[tab="'+tableName+'"]'), function(j, e2){
−
<li> an <a href="https://2018.igem.org/Human_Practices/Introduction">introduction</a> to Human Practices at iGEM </li>
+
                e2.setAttribute("href","#"+e.id);
−
<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>
+
                if (e2.innerHTML == "."){
−
<li>descriptions of <a href="https://2018.igem.org/Human_Practices/Examples">exemplary work</a> to inspire you</li>
+
                    e2.innerHTML = "Table " + (index+1);
−
<li>links to helpful <a href="https://2018.igem.org/Human_Practices/Resources">resources</a></li>
+
                } else {
−
<li>And more! </li>
+
                    e2.innerHTML = "table " + (index+1);
−
</ul>
+
                }
−
+
            });
−
+
            $.each($('span[tab="'+tableName+'"]'), function(j, e2){
−
<div class="clear extra_space"></div>
+
                e2.setAttribute("href","#"+e.id);
−
+
                if (e2.innerHTML == "."){
−
<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>
+
                    e2.innerHTML = "Table " + (index+1);
−
 
+
                } else {
−
<div class="highlight decoration_background">
+
                    e2.innerHTML = "table " + (index+1);
−
<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>
+
    );
 +
</script>
 +
</html>
 +
{{Template:SHSID_China/footer}}

Latest revision as of 04:09, 17 October 2018

Education & Public Engagement

Making the private public.

Scroll down for more information