Difference between revisions of "Team:CHINA CD UESTC/hp education"

 
(98 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Template:Team:CHINA_CD_UESTC/menu}}
 
{{Template:Team:CHINA_CD_UESTC/menu}}
 +
{{Template:Team:CHINA_CD_UESTC/cssstyle}}
 +
  
 
<!DOCTYPE html>
 
<!DOCTYPE html>
<!-- saved from url=(0028)http://www.whitefrontier.ch/ -->
+
<html lang="en" >
<html lang="en" class="js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths wf-brandongrotesque-i4-active wf-brandongrotesque-i7-active wf-brandongrotesque-n4-active wf-brandongrotesque-n7-active wf-dincondensedweb-n4-active wf-freightbigpro-i4-active wf-freightbigpro-i7-active wf-freightbigpro-n4-active wf-freightbigpro-n7-active wf-active">
+
 
<head>
 
<head>
  
<link rel="stylesheet" href="https://2015.igem.org/Team:CHINA_CD_UESTC/Template:RightStyle.css?action=raw&ctype=text/css" type="text/css" />
 
 
</head>
 
</head>
<script type="text/javascript" src="https://2015.igem.org/Team:CHINA_CD_UESTC/homeJS.js?action=raw&ctype=text/js"></script>  
+
 
 +
<script src="https://2015.igem.org/Template:Team:CHINA_CD_UESTC/homejs?action=raw&ctype=text/javascript"></script>
 +
 
 +
<script src="https://2015.igem.org/Template:Team:CHINA_CD_UESTC/carouseljs?action=raw&ctype=text/js"></script>
 +
 
 +
<style type="text/css">
 
/*************************************************
 
/*************************************************
whole right section
+
whole right section
  
 
***********************************************/
 
***********************************************/
Line 30: Line 35:
  
 
}
 
}
/***************gallery***/
+
#aid-education {
#demo1{  
+
margin-top: 200px;
    position: relative;   
+
    margin: 50px auto;
+
    width: 700px;   
+
    border:1px solid #ccc;
+
 
}
 
}
#demo1 .img_list{overflow: hidden; position: relative; height: 260px;}
+
.surround_pic {
/* 根据图片的张数来设定ul的宽度 */
+
float: right;
.img_list ul{ width: 3500px; position: absolute; height: 260px; left: 0px;}
+
    border: 10px solid #fff;
.img_list li{ float: left; width: 700px;}
+
    box-shadow: 1px 1px 3px rgba(24, 31, 3, 0.29);}
.img_list img{ margin: 1px; width: 698px; height: 258px;}
+
  
/* 图片对应的按钮样式 */
 
.btn_list ul{ position: absolute; right: 20px; bottom: 35px; }
 
.btn_list li{ float: left; margin-right: 10px; color: #999; border: 1px solid #ccc; }
 
.btn_list li:hover,.btn_list li.on{ cursor: pointer; border: 1px solid #E204A4;}
 
.btn_list li img{ width: 30px; height: 15px; display: block;}
 
  
 +
p {
 +
text-align: left;
  
/* 图片对应的说明*/
 
.img_intro{
 
    position: absolute;
 
    bottom: 0;
 
    left: 0;
 
    width: 100%;
 
    height: 25px;
 
 
}
 
}
.img_intro .img_intro_bg,.img_intro .text{
+
ul {
    position: absolute;
+
list-style-type:none !important;
    left: 0;
+
list-style-image:none !important;
    top: 0;
+
    width: 100%;
+
    height: 100%;
+
 
}
 
}
.img_intro .img_intro_bg{
+
body {
    background: #000;   
+
list-style:none!important;
    opacity: .3;
+
    z-index: 999;
+
 
}
 
}
.img_intro .text{
+
#RightContentText a {
    padding: 5px 10px;
+
     color:#007D92;
    z-index: 1000;
+
     color: #999;
+
 
}
 
}
 +
</style>
 +
<script type="text/javascript">
 +
$(function(){
 +
$('#owl-demo').owlCarousel({
 +
items: 1,
 +
navigation: true,
 +
navigationText: ["上一个","下一个"],
 +
autoPlay: true,
 +
stopOnHover: true
 +
}).hover(function(){
 +
$('.owl-buttons').show();
 +
}, function(){
 +
$('.owl-buttons').hide();
 +
});
 +
});
 +
</script>
  
/*****************************/
 
/********gallery2************/
 
 
#slideshow{
 
background-color:#F5F5F5;
 
border:1px solid #FFFFFF;
 
height:340px;
 
margin:150px auto 0;
 
position:relative;
 
width:640px;
 
 
-moz-box-shadow:0 0 22px #111;
 
-webkit-box-shadow:0 0 22px #111;
 
box-shadow:0 0 22px #111;
 
}
 
 
#slideshow ul{
 
height:320px;
 
left:10px;
 
list-style:none outside none;
 
overflow:hidden;
 
position:absolute;
 
top:10px;
 
width:620px;
 
}
 
 
#slideshow li{
 
position:absolute;
 
display:none;
 
z-index:10;
 
}
 
 
#slideshow li:first-child{
 
display:block;
 
z-index:1000;
 
}
 
 
#slideshow .slideActive{
 
z-index:1000;
 
}
 
 
#slideshow canvas{
 
display:none;
 
position:absolute;
 
z-index:100;
 
}
 
 
#slideshow .arrow{
 
height:86px;
 
width:60px;
 
position:absolute;
 
background:url('img/arrows.png') no-repeat;
 
top:50%;
 
margin-top:-43px;
 
cursor:pointer;
 
z-index:5000;
 
}
 
 
#slideshow .previous{ background-position:left top;left:0;}
 
#slideshow .previous:hover{ background-position:left bottom;}
 
 
#slideshow .next{ background-position:right top;right:0;}
 
#slideshow .next:hover{ background-position:right bottom;}
 
 
 
/* The following styles are only used for the styling of the demo page */
 
 
p.tzine{
 
text-align:center;
 
font-size:12px;
 
margin:50px;
 
}
 
 
p.credit{
 
text-align:center;
 
color:#888;
 
font-size:10px;
 
}
 
 
p.credit a,
 
p.credit a:visited{
 
color:#ccc;
 
border-bottom-color:#aaa;
 
}
 
 
p.credit a:hover{
 
border-bottom-color:transparent;
 
}
 
 
a, a:visited {
 
text-decoration:none;
 
outline:none;
 
border-bottom:1px dotted #97cae6;
 
color:#97cae6;
 
}
 
 
a:hover{
 
border-bottom:1px dashed transparent;
 
}
 
 
.clear{
 
clear:both;
 
}
 
/***********************/
 
</style>
 
 
<body id="homeIndexBody">
 
<body id="homeIndexBody">
<div id="RightSection"></div>
+
<div id="RightSection"></div>
 
+
<div id="title">
<div id="title">
+
<div id="firstTitle">
 
+
<p>
<div id="firstTitle"><p><B>EDUCATION</B></p></div>
+
<B>PUBLICITY</B>
</div>
+
</p>
 
+
<div id="RightContent">
+
<div class="transparent_class ">
+
<p class="blockWords">&nbsp;&nbsp;We conducted interviews with the professor of the Hong Kong University Medicine School. Professor Zhaoyi Hu gave us many precious advice from the perspective of the safety.In the end, our members also get the chance to learn the general processes of sample treatment in medical research as well as separation and preservation methods of some bacteria strains.</p>
+
</div>
+
 
+
<div id="RightContentText">
+
<div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
+
<div class="container clearfix">
+
+
<div id="content" class="grid_12">
+
<h2><strong>iGEM and biology promogation</strong></h2>
+
 
</div>
 
</div>
<div class="clear"></div>
+
</div>
+
<div id="content">
+
<div class="grid_8">
+
<h4><strong>Purpose:</strong></h4>
+
<p>As we were alarmed to learn that most of Chinese believe that synthetic biology is harmful to human health. To combat this problem, we developed a dual-focus, comprehensive educational program targeting students. We thought that educate students is the most effective way to correct people’s conceptions. The team planned and carried out a series of iGEM educational lectures for aged 5-13 years old as part of the University of Electronic Science and Technology’s Education programs event. <br><br><strong>1:</strong>  we went to kindergarten to teach the children some biological knowledge by way of science course. <br><strong>2:</strong>  we held an interesting biology lecture on the experimental primary school of UESTC. <br><strong>3:  </strong>we extended iGEM to the village schools in order to spread iGEM to remote areas which is low-education. We wanted to teach them more things they do not understand. Viewed from another aspect, we would like to propagation iGEM to wherever our capacity allows.</p>
+
<br><br><br>
+
<h4><strong>On May 8th 2015</strong></h4>
+
<img src="https://static.igem.org/mediawiki/2015/e/ec/CHINA_CD_UESTC_hku02.JPG" width="80%" height="70%">
+
<br><br><br>
+
<p>Members of the Hong Kong University Medicine School visited UESTC Life Science and Technology School. We iGEM experiment team took the opportunity to talk about our project with Professor Zhaoyi Hu. Knowing the main processes of our project, Prof.Hu said, "It seems that the competition not only requires you players have a certain professional basis and innovation capability, but also is a test of students' learning and thinking comprehensive ability." Then he put forward his concerns especially in biosafety aspects, namely, whether the bacteria source itself is safe or pathogenic, and if gene modified organisms are safe.</p>
+
<br>
+
  
<p>In the aspect of biosafety, our project have achieved three aspects as following:<strong><br>1. The safety of bacteria source: DH5α and BL21 (DE3) we use are common bacterial strains; <br>2. The safety of transgenosis: The genes we will transfer are nonpathogenic and nonpolluting. There are little adverse impacts on environment and rare probability of transgene escape. <br>3. The safety of experimental operation: We players have formed a strict operation habit, such as sterilization of transgenosis bacterias, protection of experimenters.</strong></p>
+
<div id="RightContent">
<br>
+
<div class="transparent_class ">
<p>In the end, Prof.Hu told us the general processes of sample treatment in medical research as well as separation and preservation methods of some bacteria strains.</p>
+
<p class="blockWords">
<br>
+
&nbsp;&nbsp;We carried out a series of activities to educate different grades and area of students: gave a novel biological science lesson to kids in the kindergarten; demonstrated an interesting synthetic biology project to students in the primary school; spread iGEM to the remote mountainous area schools.
<img src="https://static.igem.org/mediawiki/2015/3/32/CHINA_CD_UESTC_hku01.JPG" width="80%" height="70%">
+
</p>
<br><br>
+
<p>Professor Zhaoyi Hu is head of Microbiology Department of Hong Kong University Medicine School, Infection and Immunity Joint Research Center of Hong Kong University. Their results research have a broad impact on international academic circles, especially the medical community .</p>
+
 
+
</div>
+
 
+
<div class="clear"></div>
+
+
 
</div>
 
</div>
 
</div>
 
</div>
 
  
 +
<div id="RightContentText">
 +
<div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
 +
<div class="container clearfix">
  
<div id="demo1">
+
<div id="content" class="grid_12">
<div class="img_list">
+
<h2> <strong>iGEM and Biology Promogation</strong>
<ul>
+
</h2>
<li><img src="https://static.igem.org/mediawiki/2015/3/34/CHINA_CD_UESTC_HPbg.jpg" ></li>
+
</div>
<li><img src="https://static.igem.org/mediawiki/2015/3/34/CHINA_CD_UESTC_HPbg.jpg" ></li>
+
<div class="clear"></div>
<li><img src="https://static.igem.org/mediawiki/2015/3/34/CHINA_CD_UESTC_HPbg.jpg" ></li>
+
<li><img src="https://static.igem.org/mediawiki/2015/3/34/CHINA_CD_UESTC_HPbg.jpg" ></li>
+
</ul>
+
</div>
+
<div class="btn_list">
+
<ul>
+
</ul>
+
</div>
+
<div class="img_intro">
+
<div class="text"><a href="#" target="_blank"></a></div>
+
<div class="img_intro_bg"></div>           
+
</div>
+
  
</div>
+
<div id="content">
 +
<div class="grid_8">
 +
<h4> Purpose:
 +
</h4>
 +
<p>
 +
For the consideration of publicize iGEM and synthetic biology from education aspect, we developed a dual-focus, comprehensive educational program targeting students. We thought that educating students is the most effective way to let individuals quickly know what the synthetic biology is. The team planned and carried out a series of iGEM educational lectures for aged 5-13 years old as part of the University of Electronic Science and Technology’s Education programs event.
 +
<br>
 +
<br>
 +
<strong>1)</strong>
 +
We went to kindergarten to teach the children some biological knowledge by way of science course.
 +
<br>
 +
<strong>2)</strong>
 +
We held an interesting biology lecture on the Experimental Primary School Affiliated to UESTC.
 +
<br>
 +
<strong>3)</strong>
 +
We extended iGEM to the village schools in order to spread iGEM to remote areas which is low-education. We wanted to teach them more things they do not understand. Viewed from another aspect, we would like to propagation iGEM to wherever our capacity allows.
 +
</p>
 +
<br>
 +
<br>
 +
<br>
 +
<h4 id="hp01">
 +
<strong>1. Let us make biology more popular</strong>
 +
</h4>
 +
<br>
 +
<br>
 +
<p>
 +
On June 18th 2015, following our experiment team instructor Xuelian Zheng, we team members went to the Experimental Kindergarden Affiliated to UESTC, giving a fascinating and novel biological science lesson to kids. To attract kids’ interests, We presented our project the training road of <i>Escherichia coli</i>
 +
by pictures and cards. The story is mainly around an ordinary <i>Escherichia coli</i>
 +
. The protagonist went through four major difficulties, finally it developed a magnet absorbing ability like “Magneto” and realized its dream of getting super power.
 +
</p>
 +
<br>
 +
<div class="gallery">
 +
<section class="cr-gallery">
  
 +
<input id="select-img-1" name="radio-set-1" type="radio" class="cr-selector-img-1" checked/>
 +
<label for="select-img-1" class="cr-label-img-1">1</label>
  
 +
<input id="select-img-2" name="radio-set-1" type="radio" class="cr-selector-img-2" />
 +
<label for="select-img-2" class="cr-label-img-2">2</label>
  
</div>
+
<input id="select-img-3" name="radio-set-1" type="radio" class="cr-selector-img-3" />
</div>
+
<label for="select-img-3" class="cr-label-img-3">3</label>
</div>
+
<script type="text/javascript">
+
var index = 0;
+
var timer = 0;
+
var ulist = $('.img_list ul');
+
var blist = $('.btn_list ul');
+
var list = ulist.find('li');
+
var llength = list.length;//li的个数,用来做边缘判断
+
var lwidth = $(list[0]).width();//每个li的长度,ul每次移动的距离
+
var uwidth = llength * lwidth;//ul的总宽度
+
  
function init(){
+
<input id="select-img-4" name="radio-set-1" type="radio" class="cr-selector-img-4" />
//生成按钮(可以隐藏)
+
<label for="select-img-4" class="cr-label-img-4">4</label>
addBtn(list);
+
//显示隐藏左右点击开关
+
$('.link').css('display', 'block');
+
$('.link').bind('click', function(event) {
+
var elm = $(event.target);
+
doMove(elm.attr('id'));
+
return false;
+
});
+
  
//初始化描述
+
<div class="clr"></div>
var text = ulist.find('li').eq(0).find('img').attr('alt');
+
<div class="cr-bgimg">
var link = ulist.find('li').eq(0).find('a').attr('href');
+
<div>
$('.img_intro .text a').text(text);
+
<span>Slice 1 - Image 1</span>
$('.img_intro .text a').attr('href',link);
+
<span>Slice 1 - Image 2</span>
auto();
+
<span>Slice 1 - Image 3</span>
}
+
<span>Slice 1 - Image 4</span>
 +
</div>
 +
<div>
 +
<span>Slice 2 - Image 1</span>
 +
<span>Slice 2 - Image 2</span>
 +
<span>Slice 2 - Image 3</span>
 +
<span>Slice 2 - Image 4</span>
 +
</div>
 +
<div>
 +
<span>Slice 3 - Image 1</span>
 +
<span>Slice 3 - Image 2</span>
 +
<span>Slice 3 - Image 3</span>
 +
<span>Slice 3 - Image 4</span>
 +
</div>
 +
<div>
 +
<span>Slice 4 - Image 1</span>
 +
<span>Slice 4 - Image 2</span>
 +
<span>Slice 4 - Image 3</span>
 +
<span>Slice 4 - Image 4</span>
 +
</div>
 +
</div>
 +
<div class="cr-titles">
 +
<h3>
 +
<span>lecture</span>
 +
<span>give a lecture</span>
 +
</h3>
 +
<h3>
 +
<span>guidance</span>
 +
<span>Where the fun begins</span>
 +
</h3>
 +
<h3>
 +
<span>cooperation</span>
 +
<span>Where the fun begins</span>
 +
</h3>
 +
<h3>
 +
<span>fun</span>
 +
<span>Unforgettable eperiences</span>
 +
</h3>
 +
</div>
 +
</section>
 +
</div>
  
function auto(){
+
<p>
//定时器
+
<br>
timer = setInterval("doMove('toRight')",3000);
+
Besides, we also prepared a simple scientific experiment, swimming grapes. Changing water density by adding sugar, salt and other solutes, grapes under the water can float to the surface of it. The purpose of the experiment is to let kids realize that science is hiding in everyday life and hands-on operation in scientific inquiry is full of charm. At last, we gave every kid some okra seeds as gifts. By planting these seeds in their spare time, they can experience the process of life growth personally. We promised that we would harvest the okra fruits together in autumn.
 +
</p>
 +
<br></div>
  
$('.img_list li, .btn_list li').hover(function() {
+
<div class="clear"></div>
clearInterval(timer);
+
</div>
}, function() {
+
<div id="content">
timer = setInterval("doMove('toRight')",3000);
+
<div class="grid_8">
});
+
<br>
}
+
<br>
 +
<br>
 +
<h4 id="hp02">
 +
<strong>2. Pupils think different</strong>
 +
</h4>
  
function changeBtn(i){
+
<br>
blist.find('li').eq(i).addClass('on').siblings().removeClass('on');
+
<br>
var text = ulist.find('li').eq(i).find('img').attr('alt');
+
<p>
var link = ulist.find('li').eq(i).find('a').attr('href');
+
<img class="surround_pic" src="https://static.igem.org/mediawiki/2015/7/79/CHINA_CD_UESTC_PRI00.JPG" width="40%" height="30%">
$('.img_intro .text a').text(text);
+
On June 19th 2015, following our experiment team head instructor Lixia Tang, we team members went to the Experimental Primary School Affiliated to UESTC to demonstrate an interesting synthetic biology project to students. Because students had learned the growth process of  silkworms before, Mrs. Tang introduced some fundamental synthetic biology research results like colorized silkworms, colorized roses and so on.
$('.img_intro .text a').attr('href',link);
+
<br>
}
+
Furthermore, students also learned biological terms like DNA, RNA. Subsequently, Kun Yan  took a hero of  “ The Avengers”  as an example to explain the main processes of synthetic biology experiments. By telling these, he led to iGEM,  introducing many interesting iGEM projects of previous years. In the meantime, the students were keeping high enthusiasm, answered a lot of questions correctly. Finally, we organized each student to draw a picture about what synthetic biology project they want to do in the future and to share with others. After the activity, we gave every kids a nite writer pen as gifts. We deeply felt kids’ vigorous vitality and unlimited dream. Meanwhile we also planted a little iGEM seed in kids’ hearts, hoping it would sprout, bloom and fruit.
 +
</p>
 +
<br>
 +
<br>
 +
<p>Let's see a collection of paintings.</p>
 +
<!-- Demo -->
 +
<div id="owl-demo" class="owl-carousel">
 +
<a class="item" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2015/c/ca/CHINA_CD_UESTC_PRI01.JPG" alt=""> <b></b>
 +
<span>
 +
We organized each student to draw a picture about what synthetic biology project they want to do in the future and to share with others.
 +
</span>
 +
</a>
 +
<a class="item" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2015/1/18/CHINA_CD_UESTC_PRI02.JPG" alt=""> <b></b>
 +
<span>
 +
I wanted to transform fishes in the ocean into magical fishes, the fishes are able to absorb and deal with marine litter in order to purify the sea.
 +
</span>
 +
</a>
 +
<a class="item" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2015/7/75/CHINA_CD_UESTC_PRI03.JPG" alt="">
 +
<b></b>
 +
<span>
 +
I want to design a plant sprayer. As long as the sprayer sprays on the budding plant seedlings, seedlings will grow rapidly. It does not spoil things by excessive enthusiasm, but really help the plants grow faster.
 +
</span>
 +
</a>
 +
<a class="item" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2015/1/14/CHINA_CD_UESTC_PRI04.JPG" alt="">
 +
<b></b>
 +
<span>
 +
At first, I want to create a kind of drink, it can put people into superhuman; then, I want to produce a magical machine, by using this machine, people can become very strong, like Captain America.
 +
</span>
 +
</a>
 +
<a class="item" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2015/0/05/CHINA_CD_UESTC_PRI05.JPG" alt="">
 +
<b></b>
 +
<span>
 +
I want to change the monotonous color of ducks, I want them to become colorful, and they can also lay colorful eggs.
 +
</span>
 +
</a>
 +
<a class="item" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2015/7/72/CHINA_CD_UESTC_PRI06.JPG" alt="">
 +
<b></b>
 +
<span>
 +
I want to let the eggs hatched dinosaurs, then extract the dinosaur genes in order to inject to human, finally the engineered human can also become a dinosaur.
 +
</span>
 +
</a>
 +
<a class="item" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2015/6/6d/CHINA_CD_UESTC_PRI07.JPG" alt="">
 +
<b></b>
 +
<span>
 +
I want to make a submarine pump, it can absorb the garbage and the bodies of marine organisms, and transform them into food supply for the other sea creatures.
 +
</span>
 +
</a>
 +
<a class="item" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2015/8/8b/CHINA_CD_UESTC_PRI08.JPG" alt="">
 +
<b></b>
 +
<span>All of the paintings are put up on the wall of our lab.</span>
 +
</a>
 +
</div>
  
function addBtn (list){
+
<div id="aid-education">
for (var i = 0; i < list.length; i++) {
+
<h4 id="hp03">
var imgsrc = $(list[i]).find('img').attr('src');           
+
<strong>3. Poverty can't beat the knowledge</strong>
var listCon = '<li><img src="'+imgsrc+'""></li>';       
+
</h4>
$(listCon).appendTo(blist);
+
<br>
//隐藏button中的数字
+
<br>
//list.css('text-indent', '10000px');
+
<p>
};
+
In terms of iGEM education and publicity, we want to spread iGEM further. During the summer vacation, we established four teaching teams and send them to the remote mountainous area to publicize iGEM. Here will show you two teams of them. The members of the teams are all come from our
blist.find('li').first().addClass('on');
+
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_meetup#hp02">iGEM club</a>
blist.find('li').click(function(event) {
+
. They brought the children seven-day biology and science classes. Not only brought them knowledge but also introduced iGEM.
var _index = $(this).index();           
+
</p>
doMove(_index);
+
<br>
});
+
<div class="two_line_pic">
}
+
<img class="left_pic" src="https://static.igem.org/mediawiki/2015/c/c3/CHINA_CD_UESTC_ZJ01.JPG" width="380px" height="270px">
 +
<img class="right_pic" src="https://static.igem.org/mediawiki/2015/6/6a/CHINA_CD_UESTC_ZJ02.JPG" width="380px" height="270px"></div>
 +
<br>
 +
<p>
 +
<img class="surround_pic" src="https://static.igem.org/mediawiki/2015/c/c0/CHINA_CD_UESTC_ZJ03.JPG" width="40%" height="30%">
 +
Our ‘Fluorescent’ teaching teamd went to Qiaolong country primary school which is located in Qiaolong Country, Zhouli Town, Baohua Township, Anyue County, Ziyang City, Sichuan Province. Although the facilities in that school is not good, the students are all hard working. Zhang Zelong which in the figure is our chemistry teacher, and he is teaching the children chemistry. Starting from basic chemistry knowledge, Mr. Zhang then talked about iGEM.
 +
</p>
 +
<br>
 +
<br><br><br>
 +
<p>
 +
<img class="surround_pic" src="https://static.igem.org/mediawiki/2015/e/ed/CHINA_CD_UESTC_ZJ04.JPG" width="40%" height="30%">
 +
Mr. Zhang introduced some basic information about iGEM including the origin and all kinds of subject area especially the synthetic biology. Then he gave the students a brief introduction about some interesting iGEM subjects and showed the relation between those subjects and our life. In the end, Mr. Zhang told the children to pay more attention to their daily life to see if they can use some synthetic biology way to solve problems. He encouraged students to work hard and make those methods come true.
 +
</p>
 +
<br>
 +
<br>
 +
<div class="clear"></div>
 +
<p>
 +
<img class="surround_pic" src="https://static.igem.org/mediawiki/2015/1/17/CHINA_CD_UESTC_ZJ05.JPG" width="40%" height="30%">
 +
The ‘Eyas’ teaching team’s destination is Chenjiatan primary school, Lushaer Town, Xining City, Qinghai Province. During that time, our members explained iGEM and some synthetic biology knowledge by using projector. After children got aware of basic conception about synthetic biology, they used their pen to draw their life with biology technology. Their enthusiasm and interest showed us the future of synthetic biology.
 +
</div>
 +
</div>
  
function doMove(direction){
+
<div class="clear"></div>
//向右按钮
+
</div>
if (direction =="toRight") {
+
</div>
index++;
+
</div>
if ( index< llength) {
+
uwidth = lwidth *index;
+
ulist.css('left',-uwidth);
+
//ulist.animate({left: -uwidth}, 1000);
+
 
+
}else{
+
ulist.css('left','0px');
+
index = 0;
+
};
+
//向左按钮         
+
}else if(direction =="toLeft"){
+
index--;
+
if ( index < 0) {
+
index = llength - 1;               
+
}
+
uwidth = lwidth *index;
+
ulist.css('left',-uwidth);
+
//ulist.animate({left: -uwidth}, "slow");   
+
//点击数字跳转 
+
}else{
+
index = direction;
+
uwidth = lwidth *index;
+
ulist.css('left',-uwidth);
+
};
+
changeBtn(index);
+
}
+
init();
+
</script>
+
<script>
+
$(window).load(function(){
+
+
// We are listening to the window.load event, so we can be sure
+
// that the images in the slideshow are loaded properly.
+
 
+
 
+
// Testing wether the current browser supports the canvas element:
+
var supportCanvas = 'getContext' in document.createElement('canvas');
+
 
+
// The canvas manipulations of the images are CPU intensive,
+
// this is why we are using setTimeout to make them asynchronous
+
// and improve the responsiveness of the page.
+
 
+
var slides = $('#slideshow li'),
+
current = 0,
+
slideshow = {width:0,height:0};
+
 
+
setTimeout(function(){
+
+
window.console && window.console.time && console.time('Generated In');
+
+
if(supportCanvas){
+
$('#slideshow img').each(function(){
+
 
+
if(!slideshow.width){
+
// Taking the dimensions of the first image:
+
slideshow.width = this.width;
+
slideshow.height = this.height;
+
}
+
+
// Rendering the modified versions of the images:
+
createCanvasOverlay(this);
+
});
+
}
+
+
window.console && window.console.timeEnd && console.timeEnd('Generated In');
+
+
$('#slideshow .arrow').click(function(){
+
var li = slides.eq(current),
+
canvas = li.find('canvas'),
+
nextIndex = 0;
+
 
+
// Depending on whether this is the next or previous
+
// arrow, calculate the index of the next slide accordingly.
+
+
if($(this).hasClass('next')){
+
nextIndex = current >= slides.length-1 ? 0 : current+1;
+
}
+
else {
+
nextIndex = current <= 0 ? slides.length-1 : current-1;
+
}
+
 
+
var next = slides.eq(nextIndex);
+
+
if(supportCanvas){
+
 
+
// This browser supports canvas, fade it into view:
+
 
+
canvas.fadeIn(function(){
+
+
// Show the next slide below the current one:
+
next.show();
+
current = nextIndex;
+
+
// Fade the current slide out of view:
+
li.fadeOut(function(){
+
li.removeClass('slideActive');
+
canvas.hide();
+
next.addClass('slideActive');
+
});
+
});
+
}
+
else {
+
+
// This browser does not support canvas.
+
// Use the plain version of the slideshow.
+
+
current=nextIndex;
+
next.addClass('slideActive').show();
+
li.removeClass('slideActive').hide();
+
}
+
});
+
+
},100);
+
 
+
// This function takes an image and renders
+
// a version of it similar to the Overlay blending
+
// mode in Photoshop.
+
+
function createCanvasOverlay(image){
+
 
+
var canvas = document.createElement('canvas'),
+
canvasContext = canvas.getContext("2d");
+
+
// Make it the same size as the image
+
canvas.width = slideshow.width;
+
canvas.height = slideshow.height;
+
+
// Drawing the default version of the image on the canvas:
+
canvasContext.drawImage(image,0,0);
+
+
 
+
// Taking the image data and storing it in the imageData array:
+
var imageData = canvasContext.getImageData(0,0,canvas.width,canvas.height),
+
data = imageData.data;
+
+
// Loop through all the pixels in the imageData array, and modify
+
// the red, green, and blue color values.
+
+
for(var i = 0,z=data.length;i<z;i++){
+
+
// The values for red, green and blue are consecutive elements
+
// in the imageData array. We modify the three of them at once:
+
+
data[i] = ((data[i] < 128) ? (2*data[i]*data[i] / 255) : (255 - 2 * (255 - data[i]) * (255 - data[i]) / 255));
+
data[++i] = ((data[i] < 128) ? (2*data[i]*data[i] / 255) : (255 - 2 * (255 - data[i]) * (255 - data[i]) / 255));
+
data[++i] = ((data[i] < 128) ? (2*data[i]*data[i] / 255) : (255 - 2 * (255 - data[i]) * (255 - data[i]) / 255));
+
+
// After the RGB elements is the alpha value, but we leave it the same.
+
++i;
+
}
+
+
// Putting the modified imageData back to the canvas.
+
canvasContext.putImageData(imageData,0,0);
+
+
// Inserting the canvas in the DOM, before the image:
+
image.parentNode.insertBefore(canvas,image);
+
}
+
+
});
+
 
+
</script>
+
  
 +
</div>
 +
</div>
 
</body>
 
</body>
</html>
+
</html>

Latest revision as of 16:18, 18 September 2015


<!DOCTYPE html>

PUBLICITY

  We carried out a series of activities to educate different grades and area of students: gave a novel biological science lesson to kids in the kindergarten; demonstrated an interesting synthetic biology project to students in the primary school; spread iGEM to the remote mountainous area schools.

iGEM and Biology Promogation

Purpose:

For the consideration of publicize iGEM and synthetic biology from education aspect, we developed a dual-focus, comprehensive educational program targeting students. We thought that educating students is the most effective way to let individuals quickly know what the synthetic biology is. The team planned and carried out a series of iGEM educational lectures for aged 5-13 years old as part of the University of Electronic Science and Technology’s Education programs event.

1) We went to kindergarten to teach the children some biological knowledge by way of science course.
2) We held an interesting biology lecture on the Experimental Primary School Affiliated to UESTC.
3) We extended iGEM to the village schools in order to spread iGEM to remote areas which is low-education. We wanted to teach them more things they do not understand. Viewed from another aspect, we would like to propagation iGEM to wherever our capacity allows.




1. Let us make biology more popular



On June 18th 2015, following our experiment team instructor Xuelian Zheng, we team members went to the Experimental Kindergarden Affiliated to UESTC, giving a fascinating and novel biological science lesson to kids. To attract kids’ interests, We presented our project the training road of Escherichia coli by pictures and cards. The story is mainly around an ordinary Escherichia coli . The protagonist went through four major difficulties, finally it developed a magnet absorbing ability like “Magneto” and realized its dream of getting super power.



Besides, we also prepared a simple scientific experiment, swimming grapes. Changing water density by adding sugar, salt and other solutes, grapes under the water can float to the surface of it. The purpose of the experiment is to let kids realize that science is hiding in everyday life and hands-on operation in scientific inquiry is full of charm. At last, we gave every kid some okra seeds as gifts. By planting these seeds in their spare time, they can experience the process of life growth personally. We promised that we would harvest the okra fruits together in autumn.





2. Pupils think different



On June 19th 2015, following our experiment team head instructor Lixia Tang, we team members went to the Experimental Primary School Affiliated to UESTC to demonstrate an interesting synthetic biology project to students. Because students had learned the growth process of silkworms before, Mrs. Tang introduced some fundamental synthetic biology research results like colorized silkworms, colorized roses and so on.
Furthermore, students also learned biological terms like DNA, RNA. Subsequently, Kun Yan took a hero of “ The Avengers” as an example to explain the main processes of synthetic biology experiments. By telling these, he led to iGEM, introducing many interesting iGEM projects of previous years. In the meantime, the students were keeping high enthusiasm, answered a lot of questions correctly. Finally, we organized each student to draw a picture about what synthetic biology project they want to do in the future and to share with others. After the activity, we gave every kids a nite writer pen as gifts. We deeply felt kids’ vigorous vitality and unlimited dream. Meanwhile we also planted a little iGEM seed in kids’ hearts, hoping it would sprout, bloom and fruit.



Let's see a collection of paintings.

3. Poverty can't beat the knowledge



In terms of iGEM education and publicity, we want to spread iGEM further. During the summer vacation, we established four teaching teams and send them to the remote mountainous area to publicize iGEM. Here will show you two teams of them. The members of the teams are all come from our iGEM club . They brought the children seven-day biology and science classes. Not only brought them knowledge but also introduced iGEM.



Our ‘Fluorescent’ teaching teamd went to Qiaolong country primary school which is located in Qiaolong Country, Zhouli Town, Baohua Township, Anyue County, Ziyang City, Sichuan Province. Although the facilities in that school is not good, the students are all hard working. Zhang Zelong which in the figure is our chemistry teacher, and he is teaching the children chemistry. Starting from basic chemistry knowledge, Mr. Zhang then talked about iGEM.





Mr. Zhang introduced some basic information about iGEM including the origin and all kinds of subject area especially the synthetic biology. Then he gave the students a brief introduction about some interesting iGEM subjects and showed the relation between those subjects and our life. In the end, Mr. Zhang told the children to pay more attention to their daily life to see if they can use some synthetic biology way to solve problems. He encouraged students to work hard and make those methods come true.



The ‘Eyas’ teaching team’s destination is Chenjiatan primary school, Lushaer Town, Xining City, Qinghai Province. During that time, our members explained iGEM and some synthetic biology knowledge by using projector. After children got aware of basic conception about synthetic biology, they used their pen to draw their life with biology technology. Their enthusiasm and interest showed us the future of synthetic biology.