Difference between revisions of "Team:Tongji China/HP/Gold Integrated"

(Prototype team page)
 
 
(15 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{Tongji_China}}
+
<!-- This document, originally from getmdl.io, was modified -->
<html>
+
<div class="column full_size judges-will-not-evaluate">
+
<h3>★  ALERT! </h3>
+
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
</div>
+
<div class="clear"></div>
+
  
<div class="column full_size">
+
<!--
 +
  Material Design Lite
 +
  Copyright 2015 Google Inc. All rights reserved.
  
<h1>Gold Medal and Integrated Human Practices</h1>
+
  Licensed under the Apache License, Version 2.0 (the "License");
 +
  you may not use this file except in compliance with the License.
 +
  You may obtain a copy of the License at
  
<p>This page will contain information for your Gold medal Human Practices work, which you can also use to nominate your team for the Best Integrated Human Practices page. To make things easier, we have combined the Gold medal page with the Best Integrated Human Practices page since we expect the work to overlap considerably. </p>
+
      https://www.apache.org/licenses/LICENSE-2.0
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
<p>For more information, please see the <a href="https://2017.igem.org/Competition/Human_Practices">Human Practices page</a>.</p>
+
</div>
+
<div class="clear"></div>
+
  
 +
  Unless required by applicable law or agreed to in writing, software
 +
  distributed under the License is distributed on an "AS IS" BASIS,
 +
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 +
  See the License for the specific language governing permissions and
 +
  limitations under the License
 +
-->
 +
{{Tongji_China/Header}}
 +
<html lang="en">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="description" content="2017 Tongji iGEM team wiki">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
 +
    <title>Tongji iGEM - HP Gold</title>
  
<div class="column half_size">
+
    <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
<h3>Gold Medal Criterion #1</h3>
+
<p>Expand on your silver medal activity by demonstrating how you have integrated the investigated issues into the design and/or execution of your project.</p>
+
  
</div>
+
    <!-- Page styles -->
 +
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS_2?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS_3?action=raw&ctype=text/css">
  
<div class="column half_size">
+
    <style>
<h3>Best Integrated Human Practices Special Prize</h3>
+
    #view-source {
 +
      position: fixed;
 +
      display: block;
 +
      right: 0;
 +
      bottom: 0;
 +
      margin-right: 40px;
 +
      margin-bottom: 40px;
 +
      z-index: 900;
 +
    }
  
<p>
+
    .demo-card-wide.mdl-card {
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Integrated Human Practices prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
      margin: auto;
<br><br>
+
      margin-top: 20px;
You must also delete the message box on the top of this page to be eligible for this prize.
+
      align-items: center;
</p>
+
      width: 70%;
</div>
+
      border-radius:6px
<div class="clear"></div>
+
    }
<div class="column full_size">
+
    .demo-card-wide > .mdl-card__title {
<h5>Inspiration</h5>
+
      color: #757575;
<p>Here are a few examples of excellent Integrated Human Practices work:</p>
+
      align-self: center;
<ul>
+
      /*height: 176px;*/
<li><a href="https://2016.igem.org/Team:INSA-Lyon/Integrated_Practices">2016 INSA Lyon</a></li>
+
    }
<li><a href="https://2016.igem.org/Team:UofC_Calgary/Integrated_Practices">2016 UofC Calgary</a></li>
+
    .demo-card-wide > .mdl-card__menu {
<li><a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Practices">2015 Bielefeld</a></li>
+
      color: #757575;
<li><a href="https://2015.igem.org/Team:Edinburgh/Practices">2015 Edinburgh</a></li>
+
    }
</ul>
+
 
 +
    .mdl-card__title-text {
 +
      padding-top: 20px;
 +
    }
 +
 
 +
    .mdl-card__supporting-text {
 +
      line-height: 130%;
 +
    }
 +
 
 +
    /*@-webkit-keyframes blinker {
 +
      from { opacity: 1.0; }
 +
      to { opacity: 0.0; }
 +
    }*/
 +
 
 +
    .android-header .material-icons {
 +
      color: #388E3C !important;
 +
      /*-webkit-animation-name: blinker;
 +
      -webkit-animation-iteration-count: 5;
 +
      -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
 +
      -webkit-animation-duration: 1.5s;*/
 +
    }
 +
 
 +
    .imagelayout{
 +
      width: 60%;
 +
    }
 +
 
 +
    .imagelayout2{
 +
      width: 47.5% !important;
 +
      margin: 1% !important;
 +
      float: left !important;
 +
    }
 +
 
 +
    .chartopacity {
 +
      opacity: 0.8;
 +
    }
 +
 
 +
    @media only screen and (max-device-width: 1200px) {
 +
      .demo-card-wide.mdl-card {
 +
        width: 80%;
 +
        max-width: 1500px
 +
      }
 +
  }
 +
 
 +
    @media only screen and (max-device-width: 900px) {
 +
      .demo-card-wide.mdl-card {
 +
        width: 90%;
 +
      }
 +
      .imagelayout {
 +
        width: 80%;
 +
      }
 +
  }
 +
 
 +
    @media only screen and (max-device-width: 600px) {
 +
      .demo-card-wide.mdl-card {
 +
        width: 95%;
 +
      }
 +
 
 +
      .imagelayout {
 +
        width: 100%;
 +
      }
 +
 
 +
      .imagelayout2{
 +
        width: 100% !important;
 +
      }
 +
  }
 +
    </style>
 +
 
 +
    <script type="text/javascript">
 +
    // Try to remove weird iGEM side menu and resize the remaining things
 +
    function closeMenuDiv(){
 +
      document.getElementById("sideMenu").style.display = "none";
 +
      bars_box_active = false;
 +
      document.getElementById('content').setAttribute("style","display:block;width:100%");
 +
      document.getElementById('content').style.width='100%';
 +
    }
 +
    window.setTimeout(closeMenuDiv,50);
 +
    window.setTimeout(closeMenuDiv,100);
 +
    window.setTimeout(closeMenuDiv,500);
 +
    window.setTimeout(closeMenuDiv,1000);
 +
    window.setTimeout(closeMenuDiv,5000);
 +
    window.setTimeout(closeMenuDiv,10000);
 +
    </script>
 +
 
 +
  </head>
 +
  <body>
 +
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header" class="main view" style="background:#f9f9f9">
 +
      <!-- Header -->
 +
      <div class="android-header mdl-layout__header mdl-layout__header--waterfall">
 +
        <div class="mdl-layout__header-row">
 +
          <span class="android-title mdl-layout-title">
 +
            <div class="logo-font">Tongji iGEM</div>
 +
          </span>
 +
          <!-- Add spacer, to align navigation to the right in desktop -->
 +
          <div class="android-header-spacer mdl-layout-spacer"></div>
 +
          <!-- Navigation -->
 +
          <div class="android-navigation-container">
 +
            <nav class="android-navigation mdl-navigation">
 +
              <!-- Links in the top right -->
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China">Home</a>
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Description">Project</a>
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Team">Team</a>
 +
              <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Results">Results</a>
 +
            </nav>
 +
          </div>
 +
          <span class="android-mobile-title mdl-layout-title">
 +
            <div class="logo-font">TongJi iGEM</div>
 +
          </span>
 +
        </div>
 +
      </div>
 +
      <!-- Drawer -->
 +
      <div class="android-drawer mdl-layout__drawer">
 +
        <nav class="mdl-navigation">
 +
          <!-- <span class="mdl-navigation__link" href="">Title</span> -->
 +
          <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China">HOME</a>
 +
          <div class="android-drawer-separator"></div>
 +
 
 +
          <a class="mdl-navigation__link" style="color: #388E3C">PROJECT</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Description">Description</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Design">Design</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Results">Results</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Demonstrate">Demonstrate</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Record">Record</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;"  href="https://2017.igem.org/Team:Tongji_China/Safety">Safety</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
 
 +
          <a class="mdl-navigation__link" style="color: #388E3C">LAB</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Parts">Parts</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Experiments">Tests</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/InterLab">InterLab</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Process">Process</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Protocol">Protocol</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
 
 +
          <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China/Model">MODEL</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
 
 +
          <a class="mdl-navigation__link" style="color: #388E3C" href="https://2017.igem.org/Team:Tongji_China/Human_Practices">HP</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/HP/Silver">Silver</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/HP/Gold_Integrated">Gold</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Engagement">Engagement</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
 
 +
 
 +
 
 +
          <a class="mdl-navigation__link" style="color: #388E3C">AWARDS</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Model">Model Award</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Judging_Form">Judging Form</a>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
 
 +
          <a class="mdl-navigation__link" style="color: #388E3C">TEAM</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Team">Members</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Collaborations">Collaboration</a>
 +
          <a class="mdl-navigation__link" style="margin-left:8px;" href="https://2017.igem.org/Team:Tongji_China/Attributions">Attribution</a>
 +
          <div class="android-drawer-separator"></div>
 +
          <!-- <div class="android-drawer-separator"></div> -->
 +
        </nav>
 +
      </div>
 +
      <a name="top"></a>
 +
 
 +
      <!-- HERE STARTS THE PAGE -->
 +
      <div class="android-content mdl-layout__content">
 +
        <a name="top"></a>
 +
        <!-- Title and Subtitle -->
 +
        <div class="mdl-typography--text-center" style="margin-bottom:20%; text-align:center">
 +
          <div class="logo-font android-slogan" style="color:#388E3C;">HP Gold</div>
 +
          <div class="logo-font android-sub-slogan" style="color:#757575; width:50%; text-align:center; margin: auto">
 +
            Following is how we shared our passion for Synthetic Biology, collaborated with a local FabLab and developed learning material.<br>
 +
            <i class="material-icons">expand_more</i>
 +
          </div>
 +
        </div>
 +
 
 +
        <!-- Campus Lectures -->
 +
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
 +
          <div class="mdl-card__title" style="text-align:center">
 +
            <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Campus Lectures</h4>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            We wanted to let more and more people know about Synthetic Biology and iGEM. Since students are a curious group with a strong thirst for knowledge, so we went to Tieling Middle School and gave some talks on campus to students of different ages on the topic.<br>
 +
            At the end of the talk we had time for some Q&A, and the students and their teachers asked a lot and shared their dreams with us.<br>
 +
            We also surveyed them in order to know what they are interested in, and what is the best way for them to learn more about Synthetic Biology.<br>
 +
 
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp imagelayout" style="position: relative">
 +
              <img src="https://static.igem.org/mediawiki/2017/9/9a/2017tongji_image_HP_G.png" alt="NO DESCRIPTION" style="width:100%">
 +
              <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 +
                white:#f0f0f0 or black:#0F0F0F
 +
                NO DESCRIPTION
 +
              </div> -->
 +
            </div>
 +
          </div>
 +
          <div class="android-drawer-separator"></div>
 +
        </div>
 +
 
 +
        <!-- FabLab & Tongji_China -->
 +
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
 +
          <div class="mdl-card__title" style="text-align:center">
 +
            <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">FabLab & Tongji_China</h4>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            The FabLab Shanghai’s movement is closely aligned with the DIY and open source hardware movement, and shares philosophy as well as technology with them.
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="width:100%; position: relative">
 +
              <img src="https://static.igem.org/mediawiki/2017/f/f2/2017tongji_images_HP_FOS.jpg" alt="FabLab O Shanghai" style="width:100%">
 +
              <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#f0f0f0">
 +
                white:#f0f0f0 or black:#0F0F0F
 +
                NO DESCRIPTION
 +
              </div> -->
 +
            </div>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 135%">
 +
            S.T.E.A.M Education
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            We get established a long-term friendly relation of cooperation with the Shanghai FabLab, and we worked together on the BioBuildLab. We are now preparing a kit for STEAM Education with a simple and practical bio-toolbox and APP. We are thankful to Fablab Shanghai, which helped us with the industrial mapping and making the instruments.<br>
 +
            We are developing an open source biological instrument which is low cost and much easier to operate. It may let more people do an experiment without being limited by the experimental environment or professional knowledge. The toolbox is in the making and is aimed at children, so it will be presented to primary schools and middle schools. The toolbox has been designed well and will enter the trial soon.<br>
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp imagelayout" style="position: relative">
 +
              <img src="https://static.igem.org/mediawiki/2017/6/6a/2017tongji_image_HP_H.jpg" alt="Designing the toolbox" style="width:100%">
 +
              <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 +
                <!-- white:#f0f0f0 or black:#0F0F0F -->
 +
                Designing the toolbox
 +
              </div>
 +
            </div>
 +
 
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp imagelayout" style="position: relative">
 +
              <img src="https://static.igem.org/mediawiki/2017/f/fb/2017tongji_images_HP_H2.jpg" alt="Laser cutter" style="width:100%">
 +
              <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#f0f0f0">
 +
                <!-- white:#f0f0f0 or black:#0F0F0F -->
 +
                Laser Cutting
 +
              </div>
 +
            </div>
 +
            <br>
 +
            In order to give a better user experience, we introduced our project and toolbox to students from the School of Design and got a lot advice on the user experience and possible new applications.<br>
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp imagelayout" style="position: relative">
 +
              <img src="https://static.igem.org/mediawiki/2017/6/66/2017tongji_image_HP_I.jpg" alt="At the School of Design" style="width:100%">
 +
              <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#f0f0f0">
 +
                <!-- white:#f0f0f0 or black:#0F0F0F -->
 +
                At the School of Design
 +
              </div>
 +
            </div>
 +
            <br>
 +
            S.T.E.A.M education is very popular among students and parents, and many S.T.E.A.M education schools have been established. But we find that there are not many Biology classes in China, and they are also scarce around the world, so we want to design a Biology class firstly in China to let Synthetic Biology be known by more community members.<br>
 +
            We have already contacted some high schools in Shanghai. They will add this course as an elective. Tieling High School will be the first experimental unit. We were happy to hear that schoolmasters have great interest in our course and will do our best to spread it.<br><br>
 +
            This course focuses on the basic knowledge of Molecular Biology, Biochemistry and Microbiology. We also introduce Synthetic Biology to all the students and let them design their own engineered bacteria. We use a variety of methods to make esoteric theories much easier for them to understand:<br>
 +
            We use building blocks to explain Synthetic Biology.<br>
 +
            We use similar music to show what the variation is and how BLAST works.<br>
 +
            And Fablab Shanghai will give them a mechanical course to lead them make simple pipettes.<br><br>
 +
            We think firsthand experience plays the most important role in studying so we included biosafety and basic experiments for them.<br>
 +
            <!-- <div class="demo-card-wide mdl-card mdl-shadow--2dp imagelayout" style="position: relative">
 +
              <img src="https://static.igem.org/mediawiki/2017/8/8d/2017tongji_image_HP_J_adjusted_7.jpg" alt="At the School of Design" style="width:100%; transform: rotate(90deg);">
 +
              <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#f0f0f0">
 +
                white:#f0f0f0 or black:#0F0F0F
 +
                Designing a Biology STEAM Class
 +
              </div>
 +
            </div> -->
 +
            <br>
 +
            Before the work mentioned above, we used a questionnaire survey to understand what the children and parents want in the class and what they can get from the toolbox. We collected and analyzed the data to consider the cost and improve our toolbox. We hoped our toolbox could influence more people. The supporting courses and the contents of the toolbox have changed thanks to the data to make it attractive to more people who might be interested in our toolbox and Synthetic Biology.<br><br>
 +
            Following is part of the questionnaire, the sample size is 417:<br><br>
 +
            Are you interested in learning more about Biology?<br>
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="width:100%; position: relative">
 +
              <img src="https://static.igem.org/mediawiki/2017/8/8a/2017tongji_image_HP_Graph1.png" alt="Graph" style="width:100%">
 +
              <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 +
                white:#f0f0f0 or black:#0F0F0F
 +
                NO DESCRIPTION
 +
              </div> -->
 +
            </div><br>
 +
            Do you think that your children (or if you have a child in the future) will need more extensive biological knowledge?<br>
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="width:100%; position: relative">
 +
              <img src="https://static.igem.org/mediawiki/2017/0/0f/2017tongji_image_HP_Graph2.png" alt="Graph" style="width:100%">
 +
              <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 +
                white:#f0f0f0 or black:#0F0F0F
 +
                NO DESCRIPTION
 +
              </div> -->
 +
            </div><br>
 +
            What kind of biological knowledge do you think your child can develop? [multiple choice]<br>
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="width:100%; position: relative">
 +
              <img src="https://static.igem.org/mediawiki/2017/4/41/2017tongji_image_HP_Graph3.png" alt="Graph" style="width:100%">
 +
              <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 +
                white:#f0f0f0 or black:#0F0F0F
 +
                NO DESCRIPTION
 +
              </div> -->
 +
            </div><br>
 +
            Do you think a toolbox will help your children (or you) learn more about biology?<br>
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="width:100%; position: relative">
 +
              <img src="https://static.igem.org/mediawiki/2017/0/04/2017tongji_image_HP_Graph4.png" alt="Graph" style="width:100%">
 +
              <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 +
                white:#f0f0f0 or black:#0F0F0F
 +
                NO DESCRIPTION
 +
              </div> -->
 +
            </div><br>
 +
            At what price would you buy this toolbox?<br>
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="width:100%; position: relative">
 +
              <img src="https://static.igem.org/mediawiki/2017/2/2e/2017tongji_image_HP_Graph5.png" alt="Graph" style="width:100%">
 +
              <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 +
                <!-- white:#f0f0f0 or black:#0F0F0F -->
 +
                100元 ≈ 15$
 +
              </div>
 +
            </div>
 +
          </div><br>
 +
 
 +
          <div class="mdl-card__supporting-text" style="font-size: 135%">
 +
            Open Night Live
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            We held the 1<sup>st</sup> Open Night Live (ONLive) in Creative Square to spread some knowledge of Synthetic biology to our society. ONLive is an event open without invitation to everyone. The public can listen to lectures and express their ideas. ONLive focuses on simplifying knowledge and accurately spreading it to everyone. Beforehand, we advertised in the form of online advertising to propel the movement forward and let more people know about and join us. We gave lectures on Synthetic Biology and transgenic technology to people form the community and introduced our project.<br>
 +
            We also invited a lot of designers and scholars to make comments in different ways and show their recent results. We had a live webcast to allow people who could not come to watch ONLive through the internet. We hope ONLive can be a great way for people without professional knowledge to learn more about Biology. In the Q&A section we also got a lot of good advice from the guests, who thought that our project would be useful for pest control, and that's the reason we selected this as our final project.<br><br>
 +
 
 +
 
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp imagelayout2" style="position: relative; min-height:0px">
 +
              <img src="https://static.igem.org/mediawiki/2017/b/b3/2017tongji_image_HP_K1.jpg" alt="NO DESCRIPTION" style="width:100%">
 +
              <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 +
                white:#f0f0f0 or black:#0F0F0F
 +
                NO DESCRIPTION
 +
              </div> -->
 +
            </div>
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp imagelayout2" style="position: relative; min-height:0px">
 +
              <img src="https://static.igem.org/mediawiki/2017/3/32/2017tongji_image_HP_K2.jpg" alt="NO DESCRIPTION" style="width:100%">
 +
              <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 +
                white:#f0f0f0 or black:#0F0F0F
 +
                NO DESCRIPTION
 +
              </div> -->
 +
            </div>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
 
 +
            We also held the 2<sup>nd</sup> Open Night Live to show the iGEM teams in Shanghai and to give an opportunity to people to exchange ideas and ask questions to every iGEM member. It has been an honor for us to invite Fudan_China, Shanghaitech, STJU_BioX_Shanghai and ECUST to our ONLive. We were delighted to find out that there were students from other universities watching our LIVE and asking questions. There was even a girl who watched our 1<sup>st</sup> ONLive in UITC Hefei, which is far away from Shanghai, and came to ONLive to ask questions. Some audience members said something about what more can our project do. Some of the suggestions even made it into our projects (we thought they were reasonable). There was also a symposium among iGEM teams after the Live and we exchanged ideas. We also set up a webcast and gave ONLive to iGEM teams in other provinces.<br>
 +
 
 +
 
 +
 
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp imagelayout2" style="position: relative; min-height:0px">
 +
              <img src="https://static.igem.org/mediawiki/2017/0/0d/2017tongji_image_HP_L1_small.jpg" alt="NO DESCRIPTION" style="width:100%">
 +
              <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 +
                white:#f0f0f0 or black:#0F0F0F
 +
                NO DESCRIPTION
 +
              </div> -->
 +
            </div>
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp imagelayout2" style="position: relative; min-height:0px">
 +
              <img src="https://static.igem.org/mediawiki/2017/0/05/2017tongji_image_HP_L2_small.jpg" alt="Fudan China" style="width:100%">
 +
              <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 +
                white:#f0f0f0 or black:#0F0F0F
 +
                NO DESCRIPTION
 +
              </div> -->
 +
            </div>
 +
          </div>
 +
 
 +
          <div class="android-drawer-separator"></div>
 +
        </div>
 +
 
 +
        <!-- Teaching is a pleasure -->
 +
        <div class="demo-card-wide mdl-card mdl-shadow--2dp">
 +
          <div class="mdl-card__title" style="text-align:center">
 +
            <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Teaching is a pleasure</h4>
 +
          </div>
 +
          <div class="mdl-card__supporting-text" style="font-size: 115%">
 +
            According to the questionnaire, more than half of the people interviewed want to learn more about Biology by playing games. So we designed the board game 'BIO-CREATOR'. In this game, players will act as a creator of the ecosystem and try to maintain its stability. Players can use Synthetic Biology method cards to strengthen their own ecosystem. We printed the scientifically accurate information on the back of the cards.<br>
 +
 
 +
 
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp imagelayout2" style="position: relative; min-height:0px">
 +
              <img src="https://static.igem.org/mediawiki/2017/a/a1/2017_Tongji_HP_Map.png" alt="Map" style="width:100%">
 +
              <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 +
                white:#f0f0f0 or black:#0F0F0F
 +
                NO DESCRIPTION
 +
              </div> -->
 +
            </div>
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp imagelayout2" style="position: relative; min-height:0px">
 +
              <img src="https://static.igem.org/mediawiki/2017/6/6b/2017_Tongji_HP_Cards.jpeg" alt="Cards" style="width:100%">
 +
              <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 +
                white:#f0f0f0 or black:#0F0F0F
 +
                NO DESCRIPTION
 +
              </div> -->
 +
            </div>
 +
 
 +
          </div>
 +
          <div class="android-drawer-separator"></div>
 +
        </div>
 +
 
 +
        <!-- HERE ENDS THE PAGE -->
 +
        <!-- Go back Home -->
 +
        <div class="android-wear-section" style="height:250px">
 +
          <div class="android-wear-band">
 +
            <div class="android-wear-band-text">
 +
              <div class="mdl-typography--display-2 mdl-typography--font-thin">Ignis Fly</div>
 +
              <p class="mdl-typography--headline mdl-typography--font-thin" style="margin-bottom:0px">
 +
              Tongji_China iGEM 2017 Team<br>
 +
              <a class="mdl-typography--font-regular mdl-typography--text-uppercase android-alt-link" href="https://2017.igem.org/Team:Tongji_China/Engagement">Engagement<i class="material-icons">chevron_right</i>
 +
              </a>
 +
              </p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
 
 +
      </div>
 +
    </div>
 +
  </body>
 
</html>
 
</html>

Latest revision as of 00:52, 2 November 2017


Tongji iGEM - HP Gold
Tongji iGEM
TongJi iGEM
HP Gold
Following is how we shared our passion for Synthetic Biology, collaborated with a local FabLab and developed learning material.
expand_more

Campus Lectures

We wanted to let more and more people know about Synthetic Biology and iGEM. Since students are a curious group with a strong thirst for knowledge, so we went to Tieling Middle School and gave some talks on campus to students of different ages on the topic.
At the end of the talk we had time for some Q&A, and the students and their teachers asked a lot and shared their dreams with us.
We also surveyed them in order to know what they are interested in, and what is the best way for them to learn more about Synthetic Biology.
NO DESCRIPTION

FabLab & Tongji_China

The FabLab Shanghai’s movement is closely aligned with the DIY and open source hardware movement, and shares philosophy as well as technology with them.
FabLab O Shanghai
S.T.E.A.M Education
We get established a long-term friendly relation of cooperation with the Shanghai FabLab, and we worked together on the BioBuildLab. We are now preparing a kit for STEAM Education with a simple and practical bio-toolbox and APP. We are thankful to Fablab Shanghai, which helped us with the industrial mapping and making the instruments.
We are developing an open source biological instrument which is low cost and much easier to operate. It may let more people do an experiment without being limited by the experimental environment or professional knowledge. The toolbox is in the making and is aimed at children, so it will be presented to primary schools and middle schools. The toolbox has been designed well and will enter the trial soon.
Designing the toolbox
Designing the toolbox
Laser cutter
Laser Cutting

In order to give a better user experience, we introduced our project and toolbox to students from the School of Design and got a lot advice on the user experience and possible new applications.
At the School of Design
At the School of Design

S.T.E.A.M education is very popular among students and parents, and many S.T.E.A.M education schools have been established. But we find that there are not many Biology classes in China, and they are also scarce around the world, so we want to design a Biology class firstly in China to let Synthetic Biology be known by more community members.
We have already contacted some high schools in Shanghai. They will add this course as an elective. Tieling High School will be the first experimental unit. We were happy to hear that schoolmasters have great interest in our course and will do our best to spread it.

This course focuses on the basic knowledge of Molecular Biology, Biochemistry and Microbiology. We also introduce Synthetic Biology to all the students and let them design their own engineered bacteria. We use a variety of methods to make esoteric theories much easier for them to understand:
We use building blocks to explain Synthetic Biology.
We use similar music to show what the variation is and how BLAST works.
And Fablab Shanghai will give them a mechanical course to lead them make simple pipettes.

We think firsthand experience plays the most important role in studying so we included biosafety and basic experiments for them.

Before the work mentioned above, we used a questionnaire survey to understand what the children and parents want in the class and what they can get from the toolbox. We collected and analyzed the data to consider the cost and improve our toolbox. We hoped our toolbox could influence more people. The supporting courses and the contents of the toolbox have changed thanks to the data to make it attractive to more people who might be interested in our toolbox and Synthetic Biology.

Following is part of the questionnaire, the sample size is 417:

Are you interested in learning more about Biology?
Graph

Do you think that your children (or if you have a child in the future) will need more extensive biological knowledge?
Graph

What kind of biological knowledge do you think your child can develop? [multiple choice]
Graph

Do you think a toolbox will help your children (or you) learn more about biology?
Graph

At what price would you buy this toolbox?
Graph
100元 ≈ 15$

Open Night Live
We held the 1st Open Night Live (ONLive) in Creative Square to spread some knowledge of Synthetic biology to our society. ONLive is an event open without invitation to everyone. The public can listen to lectures and express their ideas. ONLive focuses on simplifying knowledge and accurately spreading it to everyone. Beforehand, we advertised in the form of online advertising to propel the movement forward and let more people know about and join us. We gave lectures on Synthetic Biology and transgenic technology to people form the community and introduced our project.
We also invited a lot of designers and scholars to make comments in different ways and show their recent results. We had a live webcast to allow people who could not come to watch ONLive through the internet. We hope ONLive can be a great way for people without professional knowledge to learn more about Biology. In the Q&A section we also got a lot of good advice from the guests, who thought that our project would be useful for pest control, and that's the reason we selected this as our final project.

NO DESCRIPTION
NO DESCRIPTION
We also held the 2nd Open Night Live to show the iGEM teams in Shanghai and to give an opportunity to people to exchange ideas and ask questions to every iGEM member. It has been an honor for us to invite Fudan_China, Shanghaitech, STJU_BioX_Shanghai and ECUST to our ONLive. We were delighted to find out that there were students from other universities watching our LIVE and asking questions. There was even a girl who watched our 1st ONLive in UITC Hefei, which is far away from Shanghai, and came to ONLive to ask questions. Some audience members said something about what more can our project do. Some of the suggestions even made it into our projects (we thought they were reasonable). There was also a symposium among iGEM teams after the Live and we exchanged ideas. We also set up a webcast and gave ONLive to iGEM teams in other provinces.
NO DESCRIPTION
Fudan China

Teaching is a pleasure

According to the questionnaire, more than half of the people interviewed want to learn more about Biology by playing games. So we designed the board game 'BIO-CREATOR'. In this game, players will act as a creator of the ecosystem and try to maintain its stability. Players can use Synthetic Biology method cards to strengthen their own ecosystem. We printed the scientifically accurate information on the back of the cards.
Map
Cards
Ignis Fly

Tongji_China iGEM 2017 Team
Engagementchevron_right