Difference between revisions of "Team:Tsinghua-A/HP/Gold Integrated"

 
(12 intermediate revisions by 3 users not shown)
Line 39: Line 39:
  
 
     <style type="text/css">
 
     <style type="text/css">
.myTitle1 {
+
    .myTitle1 {
 
width:90%;
 
width:90%;
 
height:84px;
 
height:84px;
Line 45: Line 45:
 
margin-bottom: 10px;
 
margin-bottom: 10px;
 
font-size: 40px;
 
font-size: 40px;
 +
margin-top: 30px
 
}
 
}
 
.myTitle2 {
 
.myTitle2 {
 
width:90%;
 
width:90%;
height:84px;
+
height:50px;
 
margin-left: 5%;
 
margin-left: 5%;
 
margin-bottom: 10px;
 
margin-bottom: 10px;
font-size: 36px;
+
font-size: 32px;
 
}
 
}
 
     .myPara {
 
     .myPara {
Line 69: Line 70:
 
     .myPic1 {
 
     .myPic1 {
 
font-size: 100px;
 
font-size: 100px;
 +
 +
margin-bottom: 15px;
 +
 
text-align: center;
 
text-align: center;
 +
}
 +
.myPic8{
 +
font-size: 100px;
 +
margin-top: 15px;
 
margin-bottom: 15px;
 
margin-bottom: 15px;
 +
 +
text-align: center;
 
}
 
}
 
     .myPicDis {
 
     .myPicDis {
 
margin-left: 5%;
 
margin-left: 5%;
left: 45%;
+
width: 90%;
 
top: 370px;
 
top: 370px;
font-size: 18px;
+
font-size: 15px;
text-align:center;
+
}
+
    #apDiv_background {
+
position:absolute;
+
width:100%;
+
height:5000px;
+
z-index:10000;
+
top: 293px;
+
left: 0px;
+
}
+
    /*#apDiv_title1 {
+
position:absolute;
+
width:90%;
+
height:84px;
+
z-index:1;
+
left: 5%;
+
top: -60px;
+
font-size: 40px;
+
}
+
    #apDiv_test1 {
+
position:absolute;
+
width:90%;
+
height:115px;
+
z-index:2;
+
left: 5%;
+
top: 80px;
+
font-size: 20px;
+
 
text-align: left;
 
text-align: left;
 
}
 
}
    #apDiv_figure1 {
+
.myPicDis2 {
position:absolute;
+
margin-left: 10%;
width:50%;
+
height:375px;
+
z-index:3;
+
left: 25%;
+
top: 340px;
+
font-size: 100px;
+
text-align: center;
+
}
+
    #apDiv_title2 {
+
position:absolute;
+
width:90%;
+
height:84px;
+
z-index:1;
+
left: 5%;
+
top: 14px;
+
font-size: 30px;
+
}
+
    #apDiv_description1 {
+
position:absolute;
+
width:40%;
+
height:60px;
+
z-index:4;
+
left: 30%;
+
top: 575px;
+
font-size: 18px;
+
text-align: center;
+
}
+
    #apDiv_test2 {
+
position:absolute;
+
width:90%;
+
height:50px;
+
z-index:2;
+
left: 5%;
+
top: 635px;
+
font-size: 20px;
+
text-align: left;
+
}
+
    #apDiv_figure2 {
+
position:absolute;
+
width:400px;
+
height:300px;
+
z-index:3;
+
left: 55%;
+
top: 675px;
+
font-size: 100px;
+
text-align: center;
+
}
+
    #apDiv_description2 {
+
position:absolute;
+
width:40%;
+
height:115px;
+
z-index:4;
+
left: 5%;
+
top: 675px;
+
font-size: 18px;
+
}
+
    #apDiv_test3 {
+
position:absolute;
+
width:90%;
+
height:50px;
+
z-index:2;
+
left: 5%;
+
top: 1000px;
+
font-size: 20px;
+
text-align: left;
+
}
+
    #apDiv_figure3 {
+
position:absolute;
+
width:50%;
+
height:300px;
+
z-index:3;
+
left: 25%;
+
top: 1280px;
+
font-size: 100px;
+
text-align: center;
+
}
+
    #apDiv_description3 {
+
position:absolute;
+
width:40%;
+
height:100px;
+
z-index:4;
+
left: 30%;
+
top: 1590px;
+
font-size: 18px;
+
}
+
    #apDiv_test4 {
+
position:absolute;
+
width:90%;
+
height:101px;
+
z-index:2;
+
left: 5%;
+
top: 1694px;
+
font-size: 20px;
+
text-align: left;
+
}
+
    #apDiv_title3 {
+
position:absolute;
+
width:90%;
+
height:84px;
+
z-index:1;
+
left: 5%;
+
top: 240px;
+
font-size: 30px;
+
}
+
    #apDiv_test5 {
+
position:absolute;
+
width:90%;
+
height:101px;
+
z-index:2;
+
left: 5%;
+
top: 1910px;
+
font-size: 20px;
+
text-align: left;
+
}
+
    #apDiv_title4 {
+
position:absolute;
+
width:90%;
+
height:84px;
+
z-index:1;
+
left: 5%;
+
top: 1125px;
+
font-size: 40px;
+
}
+
    #apDiv_test6 {
+
position:absolute;
+
width:90%;
+
height:51px;
+
z-index:2;
+
left: 5%;
+
top: 2270px;
+
font-size: 20px;
+
text-align: left;
+
}
+
    #apDiv_title5 {
+
position:absolute;
+
width:90%;
+
height:84px;
+
z-index:1;
+
left: 5%;
+
top: 2206px;
+
font-size: 40px;
+
}
+
    #apDiv_title6 {
+
position:absolute;
+
width:90%;
+
height:84px;
+
z-index:1;
+
left: 5%;
+
top: 2336px;
+
font-size: 40px;
+
}
+
    #apDiv_title7 {
+
position:absolute;
+
width:90%;
+
height:84px;
+
z-index:1;
+
left: 5%;
+
top: 2101px;
+
font-size: 40px;
+
}
+
    #apDiv_title8 {
+
position:absolute;
+
width:90%;
+
height:84px;
+
z-index:1;
+
left: 5%;
+
top: 4125px;
+
font-size: 40px;
+
}
+
    #apDiv_test7 {
+
position:absolute;
+
width:90%;
+
height:46px;
+
z-index:2;
+
left: 141px;
+
top: 2420px;
+
font-size: 20px;
+
text-align: left;
+
}
+
    #apDiv_test8 {
+
position:absolute;
+
width:90%;
+
height:175px;
+
z-index:2;
+
left: 5%;
+
top: 2803px;
+
font-size: 20px;
+
text-align: left;
+
}
+
    #apDiv_description4 {
+
position:absolute;
+
width:35%;
+
height:43px;
+
z-index:4;
+
 
left: 45%;
 
left: 45%;
top: 2487px;
+
top: 370px;
 
font-size: 18px;
 
font-size: 18px;
}
 
    #apDiv_figure4 {
 
position:absolute;
 
width:400px;
 
height:300px;
 
z-index:3;
 
left: 5%;
 
top: 2487px;
 
font-size: 100px;
 
text-align: center;
 
}
 
    #apDiv_test9 {
 
position:absolute;
 
width:90%;
 
height:46px;
 
z-index:2;
 
left: 141px;
 
top: 3084px;
 
font-size: 20px;
 
 
text-align: left;
 
text-align: left;
 
}
 
}
     #apDiv_test10 {
+
     .background {
 
position:absolute;
 
position:absolute;
width:90%;
+
width:70%;
height:46px;
+
height:4800px;
z-index:2;
+
z-index:10000;
left: 141px;
+
top: 100px;
top: 3136px;
+
left: 15%;
font-size: 20px;
+
background-color:white;
text-align: left;
+
}
 +
#fh5co-hero {
 +
  min-height: 4800px;
 +
  style:"background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;"
 
}
 
}
    #apDiv_figure5 {
+
 
position:absolute;
+
.mytable {
width:400px;
+
width:100%;  
height:300px;
+
cellpadding:100;
z-index:3;
+
cellspacing:50;
left: 141px;
+
                border-width:0;
top: 3197px;
+
                border-color:rgba(0, 0, 0, 0.00);
font-size: 100px;
+
}
text-align: center;
+
}
+
    #apDiv_description5 {
+
position:absolute;
+
width:35%;
+
height:43px;
+
z-index:4;
+
left: 1208px;
+
top: 3105px;
+
font-size: 18px;
+
}
+
    #apDiv_test11 {
+
position:absolute;
+
width:90%;
+
height:87px;
+
z-index:2;
+
left: 141px;
+
top: 3513px;
+
font-size: 20px;
+
text-align: left;
+
}
+
    #apDiv_figure6 {
+
position:absolute;
+
width:400px;
+
height:300px;
+
z-index:3;
+
left: 141px;
+
top: 3613px;
+
font-size: 100px;
+
text-align: center;
+
}
+
    #apDiv_test12 {
+
position:absolute;
+
width:90%;
+
height:45px;
+
z-index:2;
+
left: 5%;
+
top: 3949px;
+
font-size: 20px;
+
text-align: left;
+
}
+
    #apDiv_title9 { position:absolute;
+
width:90%;
+
height:84px;
+
z-index:1;
+
left: 5%;
+
top: 2336px;
+
font-size: 40px;
+
}
+
    #apDiv_title10 { position:absolute;
+
width:90%;
+
height:84px;
+
z-index:1;
+
left: 5%;
+
top: 2336px;
+
font-size: 40px;
+
}
+
    #apDiv_test13 {
+
position:absolute;
+
width:90%;
+
height:45px;
+
z-index:2;
+
left: 141px;
+
top: 4221px;
+
font-size: 20px;
+
text-align: left;
+
}
+
    #apDiv_backg {
+
position:absolute;
+
width:100%;
+
height:4500px;
+
z-index:1;
+
left: 0px;
+
top: 200px;
+
}
+
    #apDiv1 {
+
position:absolute;
+
width:200px;
+
height:115px;
+
z-index:1;
+
}
+
    #apDiv2 {
+
position:absolute;
+
width:200px;
+
height:115px;
+
z-index:1;
+
left: 76px;
+
top: 78px;
+
}
+
    #apDiv3 {
+
position:absolute;
+
width:200px;
+
height:115px;
+
z-index:2;
+
}
+
    #apDiv4 {
+
position:absolute;
+
width:200px;
+
height:115px;
+
z-index:2;
+
}
+
    #apDiv5 {
+
position:absolute;
+
width:200px;
+
height:115px;
+
z-index:3;
+
}
+
    #apDiv_test14 { position:absolute;
+
width:90%;
+
height:115px;
+
z-index:2;
+
left: 5%;
+
top: 446px;
+
font-size: 20px;
+
text-align: left;
+
}
+
    #apDiv6 {
+
position:absolute;
+
width:200px;
+
height:115px;
+
z-index:3;
+
}
+
    #apDiv7 {
+
position:absolute;
+
width:200px;
+
height:115px;
+
z-index:4;
+
}
+
    #apDiv8 {
+
position:absolute;
+
width:200px;
+
height:115px;
+
z-index:1;
+
}
+
    #apDiv9 {
+
position:absolute;
+
width:200px;
+
height:115px;
+
z-index:5;
+
}
+
    #apDiv10 {
+
position:absolute;
+
width:200px;
+
height:115px;
+
z-index:10000;
+
left: 370px;
+
top: 1130px;
+
}*/
+
 
     </style>
 
     </style>
 
     </head>
 
     </head>
Line 498: Line 123:
 
<div id="fh5co-page">
 
<div id="fh5co-page">
 
<div id="fh5co-header">
 
<div id="fh5co-header">
<header id="fh5co-header-section">
+
<div class="container">
+
<div class="nav-header"><a href="https://2017.igem.org/Team:Tsinghua-A" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
+
<h1 id="fh5co-logo"><a href="https://2017.igem.org/Team:Tsinghua-A"><i class="icon-home2"></i>TSINGHUA-A IGEM</a></h1>
+
<!-- START #fh5co-menu-wrap -->
+
<nav id="fh5co-menu-wrap" role="navigation">
+
<ul class="sf-menu" id="fh5co-primary-menu">
+
<li>
+
<a href="project.html"class="fh5co-sub-ddown">PROJECT</a>
+
                                    <ul class="fh5co-sub-menu">
+
                                    <li><a href="description.html">DESCRIPTION</a></li>
+
                                    <li><a href="result.html">RESULT</a></li>
+
                                    <li><a href="proof.html">PROOF</a></li>
+
                                    <li><a href="basic_parts.html">BASIC PARTS</a></li>
+
                                    </ul>
+
</li>
+
<li>
+
                                    <a href="modeling.html"class="fh5co-sub-ddown">MODELING</a>
+
                                    <ul class="fh5co-sub-menu">
+
                                    <li><a href="overview.html">OVERVIEW</a></li>
+
                                    <li><a href="fliuid_medium.html">FLUID MEDIUM</a></li>
+
                                    <li><a href="solid_medium.html">SOLID MEDIUM</a></li>
+
                                  </ul>
+
                                </li>
+
<li><a href="game.html">GAME</a></li>
+
                                <li>
+
<a href="notebook.html" class="fh5co-sub-ddown">NOTEBOOK</a>
+
<ul class="fh5co-sub-menu">
+
<li><a href="lab_book.html">EXPERIMENT</a></li>
+
<li><a href="brainstorm.html">BRAINSTORM</a></li>
+
</ul>
+
</li>
+
<li><a href="human_practice.html">HUMAN PRACTICE</a></li>
+
<li><a href="team.html">TEAM</a></li>
+
</ul>
+
</nav>
+
  </div>
+
</div>
+
</header>
+
 
 
 
</div>
 
</div>
 
<!-- end:fh5co-header -->
 
<!-- end:fh5co-header -->
<aside id="fh5co-hero" class="js-fullheight">
+
<aside id="fh5co-hero" class="js-fullheight" style="background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;">
<div id="apDiv_backg">
+
<div class="flexslider js-fullheight">
  <div class="myTitle1" id="apDiv_title1">Human Practice</div>
+
<ul class="slides">
  <div class="myPara" id="apDiv_test1">Human practice is one of iGEM’s most important features that makes the competition very different from the other. This year, Team Tsinghua-A organized a series of activities based on their own understanding of what human practice is. All the activities share some common characteristics.</div>
+
  <li style="background-image: url(images/slide_2.jpg);">
                <div class="myPara" id="apDiv_title3"><strong>Interaction oriented</strong>——Team members engages all stakeholders by idea exchange.<br>
+
  <div class="overlay-gradient"></div>
                <strong>The thought of “all”</strong>——We want to create science culture for the whole society to help community members to stay creative and productive. Therefore our activities include people from all generations.<br>
+
  <div class="container">
                <strong>Balance between “rigorous” and “interesting”</strong>—— the nature of science is rigorous, while we can make it as interesting as possible to make science accessible for ordinary people. How to balance between those two aspects can be a meaningful question to explore.</div>
+
  <div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
  <div class="myPara" id="apDiv_test2">Tsinghua-A had been thinking about what their projects can bring to the world before they picked up first pipette in lab. As one of our initial goal stands, we would like to make science a resource beyond universities and institutes and create science culture for our community. To reach this goal, we put forward our interesting project to the public and curious to see what effect can be sparked out of the interaction. What can science bring to public, what science gets in return is an interesting topic that we would like to explore.</div>
+
  <div class="slider-text-inner desc">
  <div class="myPara" id="apDiv_title3">First we make a trial within university. We let the project stepped out from our discipline. We held a cross-discipline seminar delivering lectures on cutting-edge scientific discovery related to synthetic biology and introduced our project, through which <strong>we harvest massive creative ideas and comments. Click to see in detail.</strong></div>
+
  <h2 class="heading-section">Discription here</h2>
              <div class="myPara" id="apDiv_test2">Then we make our way to the public. Before it, <strong>under the guidance of biotechnological company’s planning staff</strong>, we got fully prepared by making related resources including exhibition board, leaflet, souvenir sticker and postcard ready. What’s more, to make the activity more interactive and engaging, we take fully advantage of our visualization tool, the two games derived from project idea and modeling results. <storng>We optimized their function under the guidance of professional game designers from ‘Perfect World’. Click to see in detail.</storng></div>
+
  </div>
                <div class="myPara" id="apDiv_test2">Finally, we made a hit at China Science and Technology Museum by holding a workshop named “Deciphering Life” that targets both adults and children. We propagated what is synthetic biology to adults by displaying exhibition and delivering explanation. For children, we had playful workshop activities including engaging art design, DNA model building and web game section with the hope to inspire their affection towards science and research. We got precious feedback from different groups. <strong>Staffs from the museum reminded us about the rigorous nature of science and we should balance between rigorousness and joyfulness when we choose the methodology in our activity. We were also inspired by children for more possibility in considering the influence of spatial factors on population interactions that may be helpful for our furture work. Click to see in detail.</strong></div>
+
  </div>
                <div class="myPara" id="apDiv_title1">On campus, we also discussed our project with professors in the field of microbial biology. We finally confirmed three characters (farmer, warrior and beggar) for our project together. <strong>We especially want to express our appreciation for Professor Xie and Wang who provided us lot of advice in introducing and completing the character beggar whose prototype in nature is “cheater”.</strong></div>
+
  </div>
  </div>
+
  </li>
<div class="flexslider js-fullheight"></div>
+
  </ul>
 +
  </div>
 
</aside>
 
</aside>
<div id="fh5co-services-section"></div>
+
<div style="position:fixed; top: 80%; left: 0%; width: 15%; font-size:16px;background-color:rgba(255,255,255,0.6)">For your better viewing experience, please adjust website to an optimized scale(ratio)</div>
 +
<div id="fh5co-services-section" style="background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;"></div>
 +
<div style="position:fixed;top: 80%; left: 90%;"><a href="#top"><img src="https://static.igem.org/mediawiki/2017/3/31/TsinghuaA-backtotop.png" width="80" height="80"></a></div>
 +
<div class="background" id="apDiv_background">
 +
 
 +
  <div class="myPic8"id="top" ><img src="https://static.igem.org/mediawiki/2017/9/96/Hp-surface.png" width="90%"><br></div>
 +
 
 +
 
 +
  <div class="myPara" > &nbsp;&nbsp;&nbsp;&nbsp;Human practice is one of iGEM’s most important features that makes the competition very different from the other. This year, Team Tsinghua-A organized a series of activities based on their own understanding of what human practice is. All the activities share some common characteristics.
 +
<br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;<b>Interaction oriented</b>——Team members engage all stakeholders by idea exchange.<br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;<b>The thought of “all”</b>——We want to create science culture for the whole society to help community members to stay creative and productive. Therefore, our activities include people from all generations.<br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;<b>Balance between “rigorous” and “interesting”</b>—— the nature of science is rigorous, while we can make it as interesting as possible to make science accessible for ordinary people. How to balance between those two aspects can be a meaningful question to explore. <br>
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;Tsinghua-A has been thinking about what their projects can bring to the world before they picked up the first pipette in lab. As one of our initial goal stands, we would like to make science a resource beyond universities and institutes and create science culture for our community. To reach this goal, we put forward our interesting project to the public and are curious to see what effect can be sparked out of the interaction. What can science bring to the public and what science gets in return is an interesting topic that we would like to explore.<br> </div>
 +
  <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/0/0a/HP-glance.jpg" width="700" height="467"></div>
 +
<div class="myPicDis" ><center>Figure 1: a glance at what Tsinghua-A did this fall</center></div>
 +
 
 +
  <div class="myPara" > &nbsp;&nbsp;&nbsp;&nbsp;First we made a trial within university. We let the project step out from our discipline. We held a cross-discipline seminar delivering lectures on cutting-edge scientific discovery related to synthetic biology and introduced our project, through which <b>we harvest massive creative ideas and comments. <a href="https://2017.igem.org/Team:Tsinghua-A/Engagement#link3">Click to see in detail.</a></b> </div>
 +
  <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/e/e1/HP-campus.JPG" width="700" height="467"></div>
 +
<div class="myPicDis" ><center>Figure 2: Seminar on campus</center></div>
 +
 
 +
  <div class="myPara" > &nbsp;&nbsp;&nbsp;&nbsp;Then we made our way to the public. Before it, <b>under the guidance of biotechnological company’s planning staff</b>, we got fully prepared by making related resources including exhibition boards, leaflets, souvenir stickers and postcards ready. What’s more, to make the activity more interactive and engaging, we took fully advantage of our visualization tool, the two games derived from project idea and modeling results. <b>We optimized their function under the guidance of professional game designers from <font style="font-style:italic;">‘Perfect World’</font>. <a href="https://2017.igem.org/Team:Tsinghua-A/Engagement#link2">Click to see in detail.</a></b> </div>
 +
  <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/d/d6/EPE-PWphoto.jpeg" width="700" height="467" ></div>
 +
<div class="myPicDis" ><center>Figure 3: A visit to <font style="font-style:italic;">Perfect World</font></center></div>
 +
 
 +
  <div class="myPara" > &nbsp;&nbsp;&nbsp;&nbsp;Finally, we made a hit at China Science and Technology Museum by holding a workshop named “Deciphering Life” that targets both adults and children. We propagated synthetic biology to adults by displaying exhibition and delivering explanation. For children, we had playful workshop activities including engaging art design, DNA model building and web game section with the hope to inspire their affection towards science and research. We got precious feedback from different groups. <b>Staffs from the museum reminded us about the rigorous nature of science and we should balance between rigorousness and joyfulness when we choose the methodology in our activity. We were also inspired by children for more possibility in considering the influence of spatial factors on population interactions that may be helpful for our future work. <a href="https://2017.igem.org/Team:Tsinghua-A/Engagement#link1">Click to see in detail.</a> </b> </div>
 +
<div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/1/1e/HP-top.jpg" width=80%></div>
 +
  <div class="myPic1" ><img src="https://static.igem.org/mediawiki/2017/b/b8/HP-CSTM.jpg" width=80%></div>
 +
<div class="myPicDis" ><center>Figure 4: Exhibition at CSTM</center></div>
 +
 
 +
  <div class="myPara" > &nbsp;&nbsp;&nbsp;&nbsp;On campus, we also discussed our project with professors in the field of microbial biology. We finally confirmed three characters (farmer, warrior and beggar) for our project together. <b>We especially want to express our appreciation for Professor Xie and Wang who provided us lots of advice in introducing and completing the character beggar whose prototype in nature is “cheater”.</b> </div>
 +
<div class="myPara" ><br><br></div>
 +
<div class="myPic1">
 +
    <img src="https://static.igem.org/mediawiki/2017/7/74/Great-sponsors.png" width="840.5" height="150"></div>
 +
<div class="myPicDis"><a href="https://2017.igem.org/Team:Tsinghua-A">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;Copyright©&nbsp;iGEM&nbsp;2017&nbsp;Tsinghua-A.&nbsp;All&nbsp;rights&nbsp;reserved.&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;Follow&nbsp;us:&nbsp;igem2017THU_A@163.com</div>  
 +
 
 +
  </div>
 
</div>
 
</div>
 
<!-- END fh5co-page -->
 
<!-- END fh5co-page -->
Line 565: Line 190:
  
  
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.min?action=raw&ctype=text/javascript"></script>
+
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.min?action=raw&ctype=text/javascript"></script>
 
<!-- jQuery Easing -->
 
<!-- jQuery Easing -->
 
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.easing.1.3?action=raw&ctype=text/javascript"></script>
 
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.easing.1.3?action=raw&ctype=text/javascript"></script>

Latest revision as of 03:34, 2 November 2017

Discription
For your better viewing experience, please adjust website to an optimized scale(ratio)

    Human practice is one of iGEM’s most important features that makes the competition very different from the other. This year, Team Tsinghua-A organized a series of activities based on their own understanding of what human practice is. All the activities share some common characteristics.
    Interaction oriented——Team members engage all stakeholders by idea exchange.
    The thought of “all”——We want to create science culture for the whole society to help community members to stay creative and productive. Therefore, our activities include people from all generations.
    Balance between “rigorous” and “interesting”—— the nature of science is rigorous, while we can make it as interesting as possible to make science accessible for ordinary people. How to balance between those two aspects can be a meaningful question to explore.
    Tsinghua-A has been thinking about what their projects can bring to the world before they picked up the first pipette in lab. As one of our initial goal stands, we would like to make science a resource beyond universities and institutes and create science culture for our community. To reach this goal, we put forward our interesting project to the public and are curious to see what effect can be sparked out of the interaction. What can science bring to the public and what science gets in return is an interesting topic that we would like to explore.
Figure 1: a glance at what Tsinghua-A did this fall
    First we made a trial within university. We let the project step out from our discipline. We held a cross-discipline seminar delivering lectures on cutting-edge scientific discovery related to synthetic biology and introduced our project, through which we harvest massive creative ideas and comments. Click to see in detail.
Figure 2: Seminar on campus
    Then we made our way to the public. Before it, under the guidance of biotechnological company’s planning staff, we got fully prepared by making related resources including exhibition boards, leaflets, souvenir stickers and postcards ready. What’s more, to make the activity more interactive and engaging, we took fully advantage of our visualization tool, the two games derived from project idea and modeling results. We optimized their function under the guidance of professional game designers from ‘Perfect World’. Click to see in detail.
Figure 3: A visit to Perfect World
    Finally, we made a hit at China Science and Technology Museum by holding a workshop named “Deciphering Life” that targets both adults and children. We propagated synthetic biology to adults by displaying exhibition and delivering explanation. For children, we had playful workshop activities including engaging art design, DNA model building and web game section with the hope to inspire their affection towards science and research. We got precious feedback from different groups. Staffs from the museum reminded us about the rigorous nature of science and we should balance between rigorousness and joyfulness when we choose the methodology in our activity. We were also inspired by children for more possibility in considering the influence of spatial factors on population interactions that may be helpful for our future work. Click to see in detail.
Figure 4: Exhibition at CSTM
    On campus, we also discussed our project with professors in the field of microbial biology. We finally confirmed three characters (farmer, warrior and beggar) for our project together. We especially want to express our appreciation for Professor Xie and Wang who provided us lots of advice in introducing and completing the character beggar whose prototype in nature is “cheater”.


Home    Copyright© iGEM 2017 Tsinghua-A. All rights reserved.    |    Follow us: igem2017THU_A@163.com