Difference between revisions of "Team:SCAU-China/Public Engagement"

(Replaced content with "coming soon")
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
coming soon
+
<html>
 +
<style type="text/css">
 +
#top_title{
 +
display:none;
 +
}
 +
* {
 +
box-sizing: border-box;
 +
}
 +
 
 +
a {
 +
text-decoration: none;
 +
}
 +
 
 +
ul,
 +
ol {
 +
list-style: none;
 +
}
 +
 
 +
body {
 +
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
font-size: 14px;
 +
line-height: 1.42857143;
 +
color: #333;
 +
min-width: 768px;
 +
}
 +
 
 +
.navbar-default {
 +
background-color: #EEE;
 +
border-color: #e7e7e7;
 +
top: 16px;
 +
border-width: 0 0 1px;
 +
position: fixed;
 +
right: 0;
 +
left: 0;
 +
z-index: 1030;
 +
min-height: 50px;
 +
margin-bottom: 20px;
 +
border: 1px solid transparent;
 +
min-width: 768px;
 +
}
 +
 
 +
.container {
 +
padding-right: 15px;
 +
padding-left: 15px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
}
 +
 
 +
@media screen and (min-width: 768px) {
 +
.container {
 +
width: 750px;
 +
}
 +
}
 +
 
 +
@media screen and (min-width: 992px) {
 +
.container {
 +
width: 970px;
 +
}
 +
}
 +
 
 +
@media screen and (min-width: 1200px) {
 +
.container {
 +
width: 1170px;
 +
}
 +
}
 +
 
 +
.navbar-header {
 +
float: left;
 +
}
 +
 
 +
.navbar-brand {
 +
color: #777;
 +
float: left;
 +
height: 50px;
 +
padding: 15px 15px;
 +
font-size: 18px;
 +
line-height: 20px;
 +
}
 +
 
 +
.navbar>ul>li {
 +
float: left;
 +
}
 +
 
 +
.nav>li {
 +
position: relative;
 +
display: block;
 +
margin-right: 10px;
 +
}
 +
 
 +
.nav>li>a {
 +
color: #777;
 +
position: relative;
 +
display: block;
 +
padding: 8px 15px;
 +
cursor: pointer;
 +
}
 +
 
 +
.nav>li>a:hover {
 +
color: #333;
 +
}
 +
 
 +
.caret {
 +
display: inline-block;
 +
width: 0;
 +
height: 0;
 +
margin-left: 2px;
 +
vertical-align: middle;
 +
border-top: 4px solid #777;
 +
border-right: 4px solid transparent;
 +
border-left: 4px solid transparent;
 +
position: absolute;
 +
top: 18px;
 +
right: 1px;
 +
}
 +
 
 +
.nav>li>a:hover+span {
 +
border-top: 4px solid #333;
 +
}
 +
 
 +
.nav>li .dropdown-menu {
 +
margin-top: 0;
 +
border-top-left-radius: 0;
 +
border-top-right-radius: 0;
 +
position: absolute;
 +
top: 35px;
 +
left: 0;
 +
z-index: 1000;
 +
float: left;
 +
min-width: 160px;
 +
padding: 5px 0;
 +
margin: 2px 0 0;
 +
font-size: 14px;
 +
text-align: left;
 +
list-style: none;
 +
background-color: #fff;
 +
-webkit-background-clip: padding-box;
 +
background-clip: padding-box;
 +
border: 1px solid #ccc;
 +
border: 1px solid rgba(0, 0, 0, .15);
 +
border-radius: 4px;
 +
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 +
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 +
display: none;
 +
}
 +
 
 +
.dropdown-menu>li {
 +
display: list-item;
 +
}
 +
 
 +
.dropdown-menu>li>a {
 +
display: block;
 +
padding: 3px 20px;
 +
clear: both;
 +
font-weight: normal;
 +
line-height: 1.42857143;
 +
color: #333;
 +
white-space: nowrap;
 +
}
 +
.dropdown-menu>li>a:hover {
 +
background-color: #eee;
 +
}
 +
html {
 +
font-family: sans-serif;
 +
-webkit-text-size-adjust: 100%;
 +
-ms-text-size-adjust: 100%;
 +
}
 +
#mainDiv{
 +
height: 6600px;
 +
margin: 0;
 +
padding-top: 70px;
 +
min-width: 1140px;
 +
background-image: url('https://static.igem.org/mediawiki/2018/4/4b/T--SCAU-China--ziyeMain.jpg') ;
 +
center;
 +
}
 +
.heart {
 +
width: 1140px;
 +
margin: 0 auto;/* 通用的版心 */
 +
}
 +
#mask {
 +
width: 100%;
 +
height: 6600px;
 +
background: rgba(0, 0, 0, 0.3);
 +
margin-top: -15px;
 +
padding-top: 15px;
 +
}
 +
.DBoard {/* 展板样式 */
 +
margin: 0px auto 40px auto;
 +
width: 1000px;
 +
height: 100%px;
 +
border-radius: 3px;
 +
background-color: #fff;
 +
overflow: hidden;
 +
position: relative;
 +
}
 +
.DBoard0 {/*文字样式*/
 +
margin: 0px auto 40px auto;
 +
width: 1000px;
 +
height: 500px;
 +
border-radius: 3px;
 +
color: white;
 +
overflow: hidden;
 +
position: relative;
 +
}
 +
#mask p {
 +
color: #fff;
 +
text-align: center;
 +
}
 +
#lists-DB {
 +
cursor: pointer;
 +
}
 +
#lists-DB:hover #arr-l,#lists-DB:hover #arr-r{
 +
display: block;
 +
}
 +
#lists {
 +
position: relative;
 +
width: 4000px;
 +
}
 +
#lists img {
 +
float: left;
 +
}
 +
#arr-l,#arr-r {
 +
display: block;
 +
position: absolute;
 +
width: 40px;
 +
height: 60px;
 +
background: rgba(0, 0, 0, .4);
 +
top: 50%;
 +
margin-top: -30px;
 +
color: #fff;
 +
font: 600 30px/60px "宋体";
 +
line-height: 60px;
 +
text-align: center;
 +
display: none;
 +
}
 +
#arr-l:hover,#arr-r:hover {
 +
background: rgba(0, 0, 0, .7);
 +
}
 +
#arr-l {
 +
left: 0;
 +
}
 +
#arr-r {
 +
right: 0;
 +
}
 +
#buttons {
 +
position: absolute;
 +
bottom: 15px;
 +
left: 50%;
 +
}
 +
#buttons span {
 +
width: 12px;
 +
height: 12px;
 +
background: #ccc;
 +
float: left;
 +
border-radius: 50%;
 +
margin: 0 5px 0 5px;
 +
}
 +
.on {
 +
background-color: #333 !important;
 +
}
 +
#toTop {
 +
width: 50px;
 +
height: 50px;
 +
background: url("https://static.igem.org/mediawiki/2018/b/b6/T--SCAU-China--toTop.png") no-repeat center center rgba(0, 0, 0, .3);
 +
position: fixed;
 +
right: 50px;
 +
bottom: 5px;
 +
cursor: pointer;
 +
display: none;
 +
}
 +
 
 +
 
 +
}
 +
#img4{
 +
width: 10%;
 +
}
 +
#content {
 +
width: 101%;
 +
padding: 15px;
 +
border: none;
 +
color: black;
 +
margin-left: 20px;
 +
margin-right: auto;
 +
background-color: #ffffff;
 +
position: relative;
 +
}
 +
#content {
 +
position: relative;
 +
width: 101%;
 +
margin: 0 auto;
 +
padding: 5px 5px 5px 5px;
 +
background: white;
 +
color: black;
 +
border-left: 1px solid #444444;
 +
border-right: 1px solid #444444;
 +
line-height: 1.5em;
 +
z-index: 2;
 +
}
 +
#title{
 +
height:100px;
 +
background: rgba(0, 0, 0, 0.3);
 +
text-align: left;
 +
font-size: 60px;
 +
color: white;
 +
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
line-height: 100px;
 +
 
 +
}
 +
#article1{
 +
background: rgba(0, 0, 0, 0);
 +
height:100%;
 +
 
 +
}
 +
#article1 p{
 +
 
 +
text-align: left;
 +
position: relative;
 +
color: white;
 +
margin-top: 20px;
 +
 
 +
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
font-size:20px;
 +
}
 +
#title2{
 +
height: 50px;
 +
background: rgba(0, 0, 0, 0.3);
 +
text-align: left;
 +
font-size:30px;
 +
color: white;
 +
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
line-height: 50px;
 +
}
 +
#title3{
 +
height: 50px;
 +
background: rgba(0, 0, 0, 0);
 +
text-align: left;
 +
font-size:25px;
 +
color: white;
 +
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
line-height: 40px;
 +
}
 +
#art1{
 +
background: rgba(0, 0, 0, 0);
 +
height: 220px;
 +
}
 +
#art2{
 +
background: rgba(0, 0, 0, 0);
 +
height: 300px;
 +
}
 +
 
 +
#art3{
 +
background: rgba(0, 0, 0, 0);
 +
height: 450px;
 +
}
 +
#art1 p{
 +
text-align: left;
 +
position: relative;
 +
color: white;
 +
margin-top: 0px;
 +
 
 +
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
font-size:20px;
 +
}
 +
#art2 p{
 +
text-align: left;
 +
position: relative;
 +
color: white;
 +
margin-top:0px;
 +
 
 +
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
font-size:20px;
 +
}
 +
#art3 p{
 +
text-align: left;
 +
position: relative;
 +
color: white;
 +
margin-top:0px;
 +
 
 +
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
font-size:20px;
 +
}
 +
 
 +
ul,p{margin:0;padding:0;}
 +
 
 +
li{list-style:none;color:white;}
 +
 
 +
.box{width:1000px;margin:20px auto;}
 +
 
 +
.box .img{float:left;}
 +
 
 +
.box .img img{width:480px;height:380px;}
 +
 
 +
.box .list{float:left;width:450px;margin-left:50px;display:inline;}
 +
 
 +
.box .list li{line-height:26px;font-size:20px;}
 +
 
 +
 
 +
.box2{width:1000px;margin:20px auto;}
 +
 
 +
.box2 .img{float:right;}
 +
 
 +
.box2 .img img{width:450px;height:250px;}
 +
 
 +
.box2 .list{float:left;width:400px;margin-left:3px;display:inline;}
 +
 
 +
.box2 .list li{line-height:25px;font-size:20px;}
 +
 
 +
 
 +
.box3{width:500px;margin:10px auto;}
 +
 
 +
.box3 .img{float:center;}
 +
 
 +
.box3 .img img{width:450px;height:250px;}
 +
 
 +
 
 +
.box4{width:300px;margin:30px auto;}
 +
 
 +
.box4 .img{float:center;}
 +
 
 +
.box4 .img img{width:200px;height:600px;}
 +
 
 +
.box5{width:1000px;margin:20px auto;}
 +
 
 +
.box5 .img{float:left;}
 +
 
 +
.box5 .img img{width:420px;height:320px;}
 +
 
 +
.box5 .list{float:left;width:450px;margin-left:50px;display:inline;}
 +
 
 +
.box5 .list li{line-height:26px;font-size:20px;}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</style>
 +
 
 +
<div class="Tan MingYang"></div>
 +
<div class="Li JiaDong"></div>
 +
<div class="Huang XinLing"></div>
 +
<div class="Fan ZhongZhao"></div>
 +
 
 +
<div class="navbar-default">
 +
<div class="container">
 +
<div class="navbar-header">
 +
<a href="https://2018.igem.org/Team:SCAU-China" class="navbar-brand">SCAU-2018</a>
 +
</div>
 +
<div class="navbar">
 +
<ul style="float: left;" class="nav">
 +
<li class="dropdown">
 +
<a href="javascript:void(0)">TEAM</a>
 +
<span class="caret"></span>
 +
<ul class='dropdown-menu'>
 +
<li>
 +
<a href="https://2018.igem.org/Team:SCAU-China/Members">Members</a>
 +
</li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:SCAU-China/Attributions">Attributions</a>
 +
</li>
 +
 
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="javascript:void(0)">PROJECT</a>
 +
<span class="caret"></span>
 +
<ul class='dropdown-menu'>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/ProjectOverview">Overview</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Background">Background</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Design">Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/SRK">Synergistic Recombination Kit</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/MM">Mathematical Model of Biological Intrinsic Regulation System</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Type">Type II CRISPR/Cas 9 Kit</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/MOM">Method for Optimizing Microbial Cell Culture</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Outlook">Outlook</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Demonstrate">Demonstrate</a></li>
 +
 
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="javascript:void(0)">LAB WORK</a>
 +
<span class="caret"></span>
 +
<ul class='dropdown-menu'>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Experiments">Experiments</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Parts">Parts</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Improve">Improve</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/InterLab">Interlab</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Measurement">Measurement</a></li>
 +
</ul>
 +
</li>
 +
 
 +
<li class="dropdown">
 +
<a href="javascript:void(0)">MODEL</a>
 +
<span class="caret"></span>
 +
<ul class='dropdown-menu'>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Model">Overview</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Model/HAWNA">HAWNA</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Model/PPIBoost">PPIBoost</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Model/CultrueCondition">Cultrue Condition</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
<ul style="float: right;" class="nav">
 +
<li class="dropdown">
 +
<a href="javascript:void(0)">SAFETY</a>
 +
<span class="caret"></span>
 +
<ul class='dropdown-menu'>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="javascript:void(0)">HUMAN PRACTICES</a>
 +
<span class="caret"></span>
 +
<ul class='dropdown-menu'>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Human_Practices">Overview</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/silver">Silver</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Integrated">Integrated</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Public_Engagement">Public Engagement & Education</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Collaborations">Collaborations</a></li>
 +
 
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
 
 +
<div id="mainDiv">
 +
<div class="heart"><!-- 版心 -->
 +
<div id="mask"><!-- 半透明底板 -->
 +
 
 +
<div class="DBoard" id="title">
 +
Public Engagement & Education
 +
 
 +
 +
 
 +
</div>
 +
<div class="DBoard" id="art1">
 +
<p>
 +
Synthetic biology and the International Genetically Engineered Machine Competition (iGEM) is not familiar to the public in China. Therefore, we took this opportunity to promote synthetic biology and our CUPID projects. In the last two years since the team was founded (established in 2016), we have hosted and participated in many exciting events such as university open day, general science festivals and booth display to engage with the public about our project, iGEM and synthetic biology.
 +
<br>
 +
Next we divided into two parts: <b>Public Engagement</b> and <b>Education</b> to demonstrate the dialogues of the public with our project and related social activities.
 +
</p>
 +
</div>
 +
<div class="DBoard" id="title2">
 +
 
 +
Public Engagement
 +
 
 +
</div>
 +
<div class="DBoard" id="title3">
 +
Laboratory Open days
 +
 
 +
</div>
 +
 
 +
<div class="box">
 +
 
 +
<div class="img">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2018/0/00/T--SCAU-CHINA--engagement1.jpg" alt="" />
 +
 
 +
</div>
 +
 
 +
<ul class="list">
 +
 
 +
<li>The Lab Open Day is a traditional activity of our school. In the lab open days of 2017 and 2018, we opened our iGEM. There we talked with high school students, college students, teachers, parents (...) who explained what iGEM is and what is synthetic biology. In addition, we also show what our project is trying to achieve, and its practical application and show our work in the lab.<br> Many of the people we have contacted are very interested in our projects, iGEM, and synthetic biology. We have also left our contact information and some of them have a deeper discussion. We like to raise and answer questions with the public. Sharing our projects in this way is a very rewarding experience.
 +
</li>
 +
</ul>
 +
 
 +
</div>
 +
 
 +
<div class="DBoard" id="title3">
 +
Graffiti Wall
 +
 
 +
</div>
 +
<div class="box2">
 +
<ul class="list">
 +
<li>In order to promote our project, we have prepared the graffiti wall on the campus for non-biology major students to know more about iGEM and the project. Dedicated to our vision of our project, this art work creates an oasis in the desert with the words "Painting the Desert". In order to make our project known by more audiences, we also attached with the most popular social media in China - the QR code of Wechat which contains more detailed introduction of the project and iGEM. Our advisor Prof. Wang also participated in drawing activities. Although it took two days to adjust the patterns and colors, we all liked it a lot.  </li>
 +
</ul>
 +
<div class="img">
 +
<img src="https://static.igem.org/mediawiki/2018/a/aa/T--SCAU-CHINA--engagement2.JPG" alt="" />
 +
  </div>
 +
</div>
 +
<!--
 +
<div class="box2">
 +
<ul class="list">
 +
<li>
 +
Our PI Professor Wang also participated in our drawing activities. Although it took two days to adjust the patterns and colors, we all liked it. I hope that we can let more and more people pay attention to us and understand us in this wonderful way.</li>
 +
</ul>
 +
<div class="img">
 +
<img src="https://static.igem.org/mediawiki/2018/f/f0/T--SCAU-CHINA--engagement3.jpg" alt="" />
 +
  </div>
 +
</div> -->
 +
 
 +
 
 +
<div class="DBoard" id="title2">
 +
 
 +
Public Awareness Campaign
 +
 
 +
</div>
 +
<div class="DBoard" id="title3">
 +
Biology Festival of Sun Yat-Sen University
 +
</div>
 +
<div class="box">
 +
 
 +
<div class="img">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2018/a/ac/T--SCAU-CHINA--engagement4.jpg" alt="" />
 +
 
 +
</div>
 +
<ul class="list">
 +
<li>We were invited to Sun Yat-Sen University (SYSU)to attend the Biology Festival . We caught this wonderful opportunity to promote the knowledge about synthetic biology and our iGEM project. When we arrived at the place, our poster and scientific games about synthetic biology attracted many students come to learn about our project. In this event, we also communicated with SYSU iGEM teams.</li>
 +
</ul>
 +
</div>
 +
 
 +
<div class="DBoard" id="title3">
 +
The Bauhinia Festival of Science(2017/2018)
 +
</div>
 +
<div class="box">
 +
 
 +
<div class="img">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2018/1/16/T--SCAU-CHINA--engagement5.jpg" alt="" />
 +
 
 +
</div>
 +
<ul class="list">
 +
<li>The Bauhinia Festival of Science, and Technology is one of the biggest festival in our university, which attracts over 10,000 citizens in Guangzhou city gather together in SCAU to enjoy the beautiful flowers of bauhinia and new research in our university. We took advantage of this opportunity to introduce to the visitors about our CUPID projecta and synthetic biology. We showed the bacteria and cyanobacteria under microscope, had pleasant discussions with the public about transgnic food and genetic modification, gave out beautiful postcards desiged by our ream about iGEM and our project and made a survey to the public to investigate their attitudes towards desertification and genetic modification. Through this promotion, more and more people of different ages have learned about iGEM and have a deeper understanding of synthetic biology.
 +
</li>
 +
</ul>
 +
</div>
 +
<div class="DBoard" id="art1"><!-- 展板 -->
 +
<p><b>In 2017</b> we promoted iGEM and explained synthetic biology at our booth. We have designed some small games, such as building blocks to symbolize biobrick, to help ordinary people understand iGEM.
 +
</p>
 +
<p><b>In 2018</b>, we designed posters to illustrate our projects, iGEM and synthetic biology. At our booth, we also designed a desert puzzle game to explain the status quo of desertification. In addition, we also distributed over 300 questionnaires on “Public Cognition Survey on Desertification and Our Projects” to the public. </p>
 +
<p>(The results and analysis of these questionnaires can be found on our<a href="https://2018.igem.org/Team:SCAU-China/silver"> Human Practices-Silver</a> page)
 +
</p>
 +
</div>
 +
<div class="box3" align="center">
 +
 
 +
<div class="img">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2018/f/fc/T--SCAU-CHINA--engagement6.JPG" alt="" />
 +
 
 +
</div>
 +
</div>
 +
 
 +
<div class="DBoard" id="title3">Science Festival of SCAU Affiliated Primary School
 +
 
 +
</div>
 +
 
 +
<div class="box">
 +
 
 +
<div class="img">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2018/7/7c/T--SCAU-CHINA--engagement7.JPG" alt="" />
 +
 
 +
</div>
 +
 
 +
<ul class="list">
 +
 
 +
<li>The affiliated primary school of South China Agricultural University hold a annuallyscience festival , and we also took this opportunity to contact and communicate with primary school students. We came to the playground and set up our booth to introduce our project. After the opening ceremony, the students began to visit the booth. This time we have prepared some games for them to better explain synthetic biology to primary school students in a easier understanding way. (For example, we have prepared a game of building blocks to explain the concept of biobrick)<br>
 +
In this activity, it is a wonderful opportunity to let primary students to get a basic understanding of life sciences and iGEM.
 +
</li>
 +
</ul>
 +
</div>
 +
 
 +
 
 +
<div class="DBoard" id="title2">Social Media Promotion
 +
</div>
 +
<div class="DBoard" id="art1"><!-- 展板 -->
 +
<p>
 +
Our team updated 29 articles (total pageviews are over 5700+) on the WeChat public account (one of the most popular social media used in China). The content of these articles includes our current situation, project introduction, introduction of iGEM and introduction of synthetic biology. Ken has launched a column about mathematical modeling, and his articles have also been updated on the WeChat public account and his personal account.
 +
</p>
 +
<p>Our WeChat public number: 华农iGEM
 +
</p>
 +
</div>
 +
<div class="box4" align="center">
 +
<div class="img">
 +
<img src="https://static.igem.org/mediawiki/2018/8/80/T--SCAU-CHINA--engagement8.png" alt="" />
 +
</div>
 +
</div>
 +
 
 +
<div class="DBoard" id="title2">
 +
 
 +
Education
 +
 
 +
</div>
 +
<div class="DBoard" id="title3">
 +
Symposium on Synthetic Biology
 +
</div>
 +
<div class="box5">
 +
 
 +
<div class="img">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2018/6/6c/T--SCAU-CHINA--engagement9.JPG" alt="" />
 +
 
 +
</div>
 +
<ul class="list">
 +
<li>
 +
Together with SYSU-Software (2017), we held a seminar on synthetic biology. In this talk, we explained the basis of synthetic biology to the students at South China Agricultural University and tried to introduce our projects work. In addition, we and members from SYSU-Software also demonstrated the project and answered some related questions.<br>
 +
(We also have some other exchanges with SYSU-Software 2017, details can be found on our <a href="https://2018.igem.org/Team:SCAU-China/Collaborations">Collaborations </a>page)
 +
</li>
 +
</ul>
 +
</div>
 +
 
 +
<div class="DBoard" id="title3">
 +
Primary School Basic Experiment Fun Class
 +
</div>
 +
<div class="box5">
 +
 
 +
<div class="img">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2018/3/39/T--SCAU-CHINA--engagement10.jpg" alt="" />
 +
</div>
 +
<ul class="list">
 +
<li>Due to the lack of laboratory equipment, the affiliated primary school to South China Agricultural University do not have the opportunity to conduct any biological experiments. With this in mind, we have prepared some simple and interesting experiments such as "The changing color of anthocyanin with the change of pH".</li>
 +
</ul>
 +
</div>
 +
 
 +
<div class="DBoard" id="title3">
 +
Basic Experimental Training Courses
 +
</div>
 +
 
 +
<div class="box5">
 +
 
 +
<div class="img">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2018/3/33/T--SCAU-CHINA--engagement11.JPG" alt="" />
 +
</div>
 +
<ul class="list">
 +
<li>Guangdong Country Garden School is the first IBC international school in China, and the school encourage sthents to participate international competition such as iGEM.Last year ,some studennt in it took part in the 2017 Guangdong iGEM High School United and achieve sucess.This year our team communicate closely with the class majored in economic and biology.We introduce the theoretical knowledge about synthetic biology to them, and help them to conduct the simple basic molecular manipulation.We wish to stimulate their interest in Synthetic biology and instill new life for the next iGEM competition.And after this,they also do the public education and investigation according what they have learned from this activity to give the public a deeper impression on transgene. <br>
 +
</li>
 +
</ul>
 +
</div>
 +
 
 +
<div class="DBoard" id="art2">
 +
<p><b>This course includes:</b></p>
 +
<p>1.Explain basic concepts of synthetic biology</p>
 +
<p>2.Teaching basic molecular experimental skills</p>
 +
<p>·Explain the principle of experiments
 +
</p>
 +
<p>·Experimental operation guidance and practice
 +
</p>
 +
<p>·Extracting red fluorescent protein
 +
</p>
 +
<p>·Prepare agarose gel & DNA electrophoresis
 +
</p>
 +
<p>·Heat-shock transform of DNAs
 +
</p>
 +
<p>·plate streaking
 +
</p>
 +
<p>·Result observation and analysis
 +
</p>
 +
<p>3.Exchange experiences of project and team building
 +
</p>
 +
</div>
 +
 
 +
<p>School's name:SCAU</p>
 +
<p>Member's name:SCAU</p>
 +
<p>Designed by:SCAU</p>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- 回到顶部按钮 -->
 +
<em id="toTop"></em>
 +
 
 +
<script>
 +
var dropdownBoxs = document.getElementsByClassName('dropdown');
 +
var dropdownMenus = document.getElementsByClassName('dropdown-menu');
 +
for (let i = 0 ; i < dropdownBoxs.length ; i ++) {
 +
// console.log(dropdownBoxs[i]);
 +
// console.log(dropdownMenus[i]);
 +
dropdownBoxs[i].index = i;
 +
dropdownBoxs[i].onclick = function () {
 +
var styles = document.defaultView.getComputedStyle(dropdownMenus[i]) || dropdownMenus[i].currentStyle;
 +
// console.log(styles.display);
 +
if (styles.display == 'none') {
 +
for (let j = 0 ; j < dropdownBoxs.length ; j ++) {
 +
dropdownMenus[j].style.display = 'none';
 +
dropdownMenus[i].style.display = 'block';
 +
}
 +
} else {
 +
for (let j = 0 ; j < dropdownBoxs.length ; j ++) {
 +
dropdownMenus[j].style.display = 'none';
 +
}
 +
}
 +
}
 +
}
 +
</script>
 +
<script type="text/javascript">
 +
 
 +
var a= function() {
 +
var box01 = document.getElementById("lists-DB");
 +
var lis = document.getElementById("lists");//获得轮播图图片盒子
 +
var btns = document.getElementById("buttons");//获得按钮盒子
 +
var imgs = lis.getElementsByTagName("img");//获得图片伪数组
 +
btns.style.width = 24 * (imgs.length - 2) + "px";
 +
btns.style.marginLeft = -(12 * (imgs.length - 2)) + "px";//动态赋值
 +
for(var i = 0;i < imgs.length - 2; i++){
 +
//动态生成小圆点
 +
var span = document.createElement("span");
 +
btns.appendChild(span);
 +
}
 +
//轮播图正式部分
 +
var prev = document.getElementById("arr-l");
 +
var next = document.getElementById("arr-r");
 +
var animated = false;//防止计时器多次被触发变量
 +
 
 +
function animate(offset) {
 +
var time = 300;//滚动一张图片总用时
 +
var inteval = 10;//滚动一次的间隔时间
 +
var speed = offset / (time / inteval);//每次滚动滑动的像素
 +
var left = parseInt(lis.style.left) + offset;//先计算出滚动后的left值
 +
function go() {
 +
animated = true;//为true代表正在运行
 +
//滑动函数
 +
if(((speed > 0) + (parseInt(lis.style.left) < left)===2) || ((speed < 0) + (parseInt(lis.style.left)) > left===2)){
 +
lis.style.left = parseInt(lis.style.left) + speed + "px";
 +
setTimeout(go,inteval);//设置计时器
 +
}
 +
else {
 +
lis.style.left = left + "px";
 +
if(parseInt(lis.style.left) > -1000) lis.style.left = -(1000 * (imgs.length - 2)) + "px";
 +
if(parseInt(lis.style.left) < -(1000 * (imgs.length - 2))) lis.style.left = -1000 + "px";
 +
animated = false;//结束运行
 +
}
 +
}
 +
go();//调用函数
 +
 
 +
}
 +
prev.onclick = function() {
 +
if(animated) return;//正在轮播停止
 +
if(index == 0) index = spans.length - 1;
 +
else index --;
 +
animate(1000);
 +
showButton();
 +
}
 +
next.onclick = function() {
 +
if(animated) return;
 +
if(index == spans.length - 1) index = 0;
 +
else index ++;
 +
animate(-1000);
 +
showButton();
 +
}
 +
var index = 0;//记录现在className为on的按钮
 +
 
 +
var spans = btns.getElementsByTagName("span");//得到btns下所有的span标签
 +
spans[0].className = "on";
 +
for(var i = 0;i < spans.length;i ++ ) {
 +
spans[i].index = i;//自定义属性
 +
spans[i].onclick = function() {
 +
if(animated) return;
 +
if(this.className == "on") return;
 +
animate((index - this.index) * 1000);
 +
index = this.index;
 +
showButton();
 +
}
 +
}
 +
 
 +
function showButton() { //显示按钮运动的函数
 +
for(var j = 0;j < spans.length;j ++) {//排它思想
 +
//if(spans[j].className == "on") oldIndex = j;
 +
spans[j].className = "";
 +
spans[index].className = "on";
 +
}
 +
}
 +
 
 +
var timer;//计时器变量 , 这里为什么不能为null
 +
var interval = 3000;//点击间隔时间
 +
 
 +
function play() {//自动点击next函数
 +
timer = setTimeout(function(){
 +
next.onclick();//自动点击next
 +
play();//递归调用
 +
},interval);
 +
}
 +
 
 +
function stop() {
 +
//停止函数
 +
clearTimeout(timer);
 +
}
 +
box01.onmouseover = stop; //鼠标悬浮在轮播图上时停止
 +
box01.onmouseout = play;//鼠标离开轮播图继续
 +
play();//先自己调用一次
 +
}
 +
a();
 +
</script>
 +
<script type="text/javascript">
 +
//封装函数js文件，方便调用
 +
function $(id) {return document.getElementById(id);}//封装获取id对象函数
 +
function show(obj) {obj.style.display = "block";}//封装显示函数
 +
function hidden(obj) {obj.style.display = "none";}//封装隐藏函数
 +
function scroll(){
 +
if(window.pageYOffset != null) {
 +
//ie9+ 和 其他浏览器
 +
return {
 +
top: window.pageYOffset,
 +
left: window.pageXOffset
 +
}
 +
}
 +
else if(document.compatMode == "CSS1Compat") {
 +
//非怪异浏览器：没有头部的
 +
return {
 +
top: document.documentElement.scrollTop,
 +
left: document.documentElement.scrollLeft
 +
}
 +
}
 +
return {//剩下的全部都是怪异浏览器
 +
top: document.body.scrollTop,
 +
left: document.body.scrollLeft
 +
}
 +
}
 +
 
 +
var leader = 0,target = 0,timer = null;//计时器变量
 +
window.onscroll = function() {
 +
//滚动时执行的函数
 +
scroll().top > 0 ? show($("toTop")) : hidden($("toTop"));//隐藏和显示totop
 +
leader = scroll().top; //实时记录滚动距离
 +
}
 +
 
 +
$("toTop").onclick = function() {
 +
//toTop被点击时执行的函数
 +
target = 0;
 +
timer = setInterval(function() {
 +
leader = leader + (target - leader) / 10;
 +
window.scrollTo(0,leader);
 +
if(leader == target) clearInterval(timer);//当到达顶端清除计时器
 +
//必须写在里面,因为在计时器执行时判断
 +
},20);
 +
}
 +
 
 +
</script>
 +
 
 +
 +
 
 +
</html>

Latest revision as of 19:18, 17 October 2018

SCAU-2018
Public Engagement & Education

Synthetic biology and the International Genetically Engineered Machine Competition (iGEM) is not familiar to the public in China. Therefore, we took this opportunity to promote synthetic biology and our CUPID projects. In the last two years since the team was founded (established in 2016), we have hosted and participated in many exciting events such as university open day, general science festivals and booth display to engage with the public about our project, iGEM and synthetic biology.
Next we divided into two parts: Public Engagement and Education to demonstrate the dialogues of the public with our project and related social activities.

Public Engagement
Laboratory Open days
  • The Lab Open Day is a traditional activity of our school. In the lab open days of 2017 and 2018, we opened our iGEM. There we talked with high school students, college students, teachers, parents (...) who explained what iGEM is and what is synthetic biology. In addition, we also show what our project is trying to achieve, and its practical application and show our work in the lab.
    Many of the people we have contacted are very interested in our projects, iGEM, and synthetic biology. We have also left our contact information and some of them have a deeper discussion. We like to raise and answer questions with the public. Sharing our projects in this way is a very rewarding experience.
Graffiti Wall
  • In order to promote our project, we have prepared the graffiti wall on the campus for non-biology major students to know more about iGEM and the project. Dedicated to our vision of our project, this art work creates an oasis in the desert with the words "Painting the Desert". In order to make our project known by more audiences, we also attached with the most popular social media in China - the QR code of Wechat which contains more detailed introduction of the project and iGEM. Our advisor Prof. Wang also participated in drawing activities. Although it took two days to adjust the patterns and colors, we all liked it a lot.
Public Awareness Campaign
Biology Festival of Sun Yat-Sen University
  • We were invited to Sun Yat-Sen University (SYSU)to attend the Biology Festival . We caught this wonderful opportunity to promote the knowledge about synthetic biology and our iGEM project. When we arrived at the place, our poster and scientific games about synthetic biology attracted many students come to learn about our project. In this event, we also communicated with SYSU iGEM teams.
The Bauhinia Festival of Science(2017/2018)
  • The Bauhinia Festival of Science, and Technology is one of the biggest festival in our university, which attracts over 10,000 citizens in Guangzhou city gather together in SCAU to enjoy the beautiful flowers of bauhinia and new research in our university. We took advantage of this opportunity to introduce to the visitors about our CUPID projecta and synthetic biology. We showed the bacteria and cyanobacteria under microscope, had pleasant discussions with the public about transgnic food and genetic modification, gave out beautiful postcards desiged by our ream about iGEM and our project and made a survey to the public to investigate their attitudes towards desertification and genetic modification. Through this promotion, more and more people of different ages have learned about iGEM and have a deeper understanding of synthetic biology.

In 2017 we promoted iGEM and explained synthetic biology at our booth. We have designed some small games, such as building blocks to symbolize biobrick, to help ordinary people understand iGEM.

In 2018, we designed posters to illustrate our projects, iGEM and synthetic biology. At our booth, we also designed a desert puzzle game to explain the status quo of desertification. In addition, we also distributed over 300 questionnaires on “Public Cognition Survey on Desertification and Our Projects” to the public.

(The results and analysis of these questionnaires can be found on our Human Practices-Silver page)

Science Festival of SCAU Affiliated Primary School
  • The affiliated primary school of South China Agricultural University hold a annuallyscience festival , and we also took this opportunity to contact and communicate with primary school students. We came to the playground and set up our booth to introduce our project. After the opening ceremony, the students began to visit the booth. This time we have prepared some games for them to better explain synthetic biology to primary school students in a easier understanding way. (For example, we have prepared a game of building blocks to explain the concept of biobrick)
    In this activity, it is a wonderful opportunity to let primary students to get a basic understanding of life sciences and iGEM.
Social Media Promotion

Our team updated 29 articles (total pageviews are over 5700+) on the WeChat public account (one of the most popular social media used in China). The content of these articles includes our current situation, project introduction, introduction of iGEM and introduction of synthetic biology. Ken has launched a column about mathematical modeling, and his articles have also been updated on the WeChat public account and his personal account.

Our WeChat public number: 华农iGEM

Education
Symposium on Synthetic Biology
  • Together with SYSU-Software (2017), we held a seminar on synthetic biology. In this talk, we explained the basis of synthetic biology to the students at South China Agricultural University and tried to introduce our projects work. In addition, we and members from SYSU-Software also demonstrated the project and answered some related questions.
    (We also have some other exchanges with SYSU-Software 2017, details can be found on our Collaborations page)
Primary School Basic Experiment Fun Class
  • Due to the lack of laboratory equipment, the affiliated primary school to South China Agricultural University do not have the opportunity to conduct any biological experiments. With this in mind, we have prepared some simple and interesting experiments such as "The changing color of anthocyanin with the change of pH".
Basic Experimental Training Courses
  • Guangdong Country Garden School is the first IBC international school in China, and the school encourage sthents to participate international competition such as iGEM.Last year ,some studennt in it took part in the 2017 Guangdong iGEM High School United and achieve sucess.This year our team communicate closely with the class majored in economic and biology.We introduce the theoretical knowledge about synthetic biology to them, and help them to conduct the simple basic molecular manipulation.We wish to stimulate their interest in Synthetic biology and instill new life for the next iGEM competition.And after this,they also do the public education and investigation according what they have learned from this activity to give the public a deeper impression on transgene.

This course includes:

1.Explain basic concepts of synthetic biology

2.Teaching basic molecular experimental skills

·Explain the principle of experiments

·Experimental operation guidance and practice

·Extracting red fluorescent protein

·Prepare agarose gel & DNA electrophoresis

·Heat-shock transform of DNAs

·plate streaking

·Result observation and analysis

3.Exchange experiences of project and team building

School's name:SCAU

Member's name:SCAU

Designed by:SCAU