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

 
(12 intermediate revisions by 3 users not shown)
Line 83: Line 83:
 
     .imagelayout{
 
     .imagelayout{
 
       width: 60%;
 
       width: 60%;
       opacity: 0.8;
+
    }
 +
 
 +
    .imagelayout2{
 +
       width: 47.5% !important;
 +
      margin: 1% !important;
 +
      float: left !important;
 
     }
 
     }
  
Line 113: Line 118:
 
       .imagelayout {
 
       .imagelayout {
 
         width: 100%;
 
         width: 100%;
 +
      }
 +
 +
      .imagelayout2{
 +
        width: 100% !important;
 
       }
 
       }
 
   }
 
   }
Line 172: Line 181:
 
           <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/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/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> -->
 
           <!-- <div class="android-drawer-separator"></div> -->
  
Line 191: Line 201:
 
           <!-- <div class="android-drawer-separator"></div> -->
 
           <!-- <div class="android-drawer-separator"></div> -->
  
          <a class="mdl-navigation__link" style="color: #388E3C" 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">AWARDS</a>
 
           <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_Award">Model Award</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>
 
           <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> -->
 
           <!-- <div class="android-drawer-separator"></div> -->
Line 213: Line 222:
 
         <a name="top"></a>
 
         <a name="top"></a>
 
         <!-- Title and Subtitle -->
 
         <!-- Title and Subtitle -->
         <div class="mdl-typography--text-center" style="margin-bottom:20%">
+
         <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-slogan" style="color:#388E3C;">HP Gold</div>
           <div class="logo-font android-sub-slogan" style="color:#757575;">
+
           <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.
+
             Following is how we shared our passion for Synthetic Biology, collaborated with a local FabLab and developed learning material.<br>
            <div style="background:#FFD700; height:5px; width:50%; margin:auto"></div>
+
 
             <i class="material-icons">expand_more</i>
 
             <i class="material-icons">expand_more</i>
 
           </div>
 
           </div>
Line 232: Line 240:
 
             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>
 
             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" style="width:100%; position: relative">
+
             <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%">
 
               <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">
 
               <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
Line 262: Line 270:
 
           </div>
 
           </div>
 
           <div class="mdl-card__supporting-text" style="font-size: 115%">
 
           <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 Bio-FabLab. 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 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>
 
             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" style="width:100%; position: relative">
+
             <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%">
 
               <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">
 
               <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
Line 272: Line 280:
 
             </div>
 
             </div>
  
             <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="width:100%; position: relative">
+
             <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%">
 
               <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">
 
               <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#f0f0f0">
Line 281: Line 289:
 
             <br>
 
             <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>
 
             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" style="width:100%; position: relative">
+
             <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%">
 
               <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">
 
               <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#f0f0f0">
Line 296: Line 304:
 
             And Fablab Shanghai will give them a mechanical course to lead them make simple pipettes.<br><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>
 
             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" style="width:100%; position: relative">
+
             <!-- <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);">
 
               <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">
 
               <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#f0f0f0">
Line 343: Line 351:
 
               <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 
               <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 
                 <!-- white:#f0f0f0 or black:#0F0F0F -->
 
                 <!-- white:#f0f0f0 or black:#0F0F0F -->
                 1$ 6.6元
+
                 100元 15$
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 353: Line 361:
 
           <div class="mdl-card__supporting-text" style="font-size: 115%">
 
           <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 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>
+
             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" style="width:100%; position: relative">
+
 
 +
             <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%">
 
               <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">
 
               <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
Line 362: Line 371:
 
               </div> -->
 
               </div> -->
 
             </div>
 
             </div>
            <br>
+
             <div class="demo-card-wide mdl-card mdl-shadow--2dp imagelayout2" style="position: relative; min-height:0px">
             <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="width:100%; position: relative">
+
 
               <img src="https://static.igem.org/mediawiki/2017/3/32/2017tongji_image_HP_K2.jpg" alt="NO DESCRIPTION" style="width:100%">
 
               <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">
 
               <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
Line 370: Line 378:
 
               </div> -->
 
               </div> -->
 
             </div>
 
             </div>
            <br>
+
          </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>
 
             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" style="width:100%; position: relative">
+
 
 +
 
 +
             <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%">
 
               <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">
 
               <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
Line 381: Line 392:
 
               </div> -->
 
               </div> -->
 
             </div>
 
             </div>
            <br>
+
             <div class="demo-card-wide mdl-card mdl-shadow--2dp imagelayout2" style="position: relative; min-height:0px">
             <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="width:100%; position: relative">
+
               <img src="https://static.igem.org/mediawiki/2017/0/05/2017tongji_image_HP_L2_small.jpg" alt="Fudan China" style="width:100%">
               <img src="https://static.igem.org/mediawiki/2017/0/05/2017tongji_image_HP_L2_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">
 
               <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 
                 white:#f0f0f0 or black:#0F0F0F
 
                 white:#f0f0f0 or black:#0F0F0F
Line 389: Line 399:
 
               </div> -->
 
               </div> -->
 
             </div>
 
             </div>
          </div>
+
          </div>
 +
 
 
           <div class="android-drawer-separator"></div>
 
           <div class="android-drawer-separator"></div>
 
         </div>
 
         </div>
Line 400: Line 411:
 
           <div class="mdl-card__supporting-text" style="font-size: 115%">
 
           <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>
 
             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" style="width:100%; position: relative">
+
 
 +
 
 +
             <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%">
 
               <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">
 
               <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 
                 white:#f0f0f0 or black:#0F0F0F
 
                 white:#f0f0f0 or black:#0F0F0F
                 Designing the toolbox
+
                 NO DESCRIPTION
 
               </div> -->
 
               </div> -->
 
             </div>
 
             </div>
            <br>
+
             <div class="demo-card-wide mdl-card mdl-shadow--2dp imagelayout2" style="position: relative; min-height:0px">
             <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="width:100%; position: relative">
+
 
               <img src="https://static.igem.org/mediawiki/2017/6/6b/2017_Tongji_HP_Cards.jpeg" alt="Cards" style="width:100%">
 
               <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">
 
               <!-- <div class="mdl-card__supporting-text" style="font-size: 115%; position: absolute; top:0px; left:0px; color:#0F0F0F">
 
                 white:#f0f0f0 or black:#0F0F0F
 
                 white:#f0f0f0 or black:#0F0F0F
                 Designing the toolbox
+
                 NO DESCRIPTION
 
               </div> -->
 
               </div> -->
 
             </div>
 
             </div>
 +
 
           </div>
 
           </div>
 
           <div class="android-drawer-separator"></div>
 
           <div class="android-drawer-separator"></div>
Line 424: Line 437:
 
           <div class="android-wear-band">
 
           <div class="android-wear-band">
 
             <div class="android-wear-band-text">
 
             <div class="android-wear-band-text">
               <div class="mdl-typography--display-2 mdl-typography--font-thin">That's it!</div>
+
               <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">
 
               <p class="mdl-typography--headline mdl-typography--font-thin" style="margin-bottom:0px">
                This page has sadly ended, if you want you can go back
+
              Tongji_China iGEM 2017 Team<br>
              </p>
+
              <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>
              <p>
+
              </a>
                <a class="mdl-typography--font-regular mdl-typography--text-uppercase android-alt-link" href="">
+
                  Home&nbsp;<i class="material-icons">chevron_right</i>
+
                </a>
+
 
               </p>
 
               </p>
 
             </div>
 
             </div>
Line 437: Line 447:
 
         </div>
 
         </div>
  
        <footer class="android-footer mdl-mega-footer">
 
          <div class="mdl-mega-footer--top-section">
 
            <!-- <div class="mdl-mega-footer--left-section">
 
              <button class="mdl-mega-footer--social-btn"></button>
 
              &nbsp;
 
              <button class="mdl-mega-footer--social-btn"></button>
 
              &nbsp;
 
              <button class="mdl-mega-footer--social-btn"></button>
 
            </div> -->
 
            <div class="mdl-mega-footer--right-section">
 
              <a class="mdl-typography--font-light" href="#top">
 
                Back to Top
 
                <i class="material-icons">expand_less</i>
 
              </a>
 
            </div>
 
          </div>
 
 
          <div class="mdl-mega-footer--middle-section">
 
            <p class="mdl-typography--font-light" style="text-align:right">This page was adapted from a template from getmdl.io</p>
 
          </div>
 
 
          <!-- <div class="mdl-mega-footer--bottom-section">
 
            <a class="android-link android-link-menu mdl-typography--font-light" id="version-dropdown">
 
              iGEM quicklinks
 
              <i class="material-icons">arrow_drop_up</i>
 
            </a>
 
            <ul class="mdl-menu mdl-js-menu mdl-menu--top-left mdl-js-ripple-effect" for="version-dropdown">
 
              <li class="mdl-menu__item" href="https://2017.igem.org/Main_Page">Home Page</li>
 
              <li class="mdl-menu__item" href="https://twitter.com/iGEM">Twitter</li>
 
              <li class="mdl-menu__item" href="https://www.instagram.com/igem_hq/">Instagram</li>
 
              <li class="mdl-menu__item" href="https://www.facebook.com/iGEMFoundation/">Facebook</li>
 
            </ul>
 
            <a class="android-link android-link-menu mdl-typography--font-light" id="developers-dropdown">
 
              Another expandable
 
              <i class="material-icons">arrow_drop_up</i>
 
            </a>
 
            <ul class="mdl-menu mdl-js-menu mdl-menu--top-left mdl-js-ripple-effect" for="developers-dropdown">
 
              <li class="mdl-menu__item" href="">Info</li>
 
              <li class="mdl-menu__item" href="">Info 2</li>
 
              <li class="mdl-menu__item" href="">More</li>
 
              <li class="mdl-menu__item" href="">More2</li>
 
            </ul>
 
            <a class="android-link mdl-typography--font-light" href="">Blog</a>
 
            <a class="android-link mdl-typography--font-light" href="">Privacy Policy</a>
 
          </div> -->
 
 
        </footer>
 
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </body>
 
   </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