(14 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | + | <!-- This document, originally from getmdl.io, was modified --> | |
− | < | + | |
− | < | + | <!-- |
+ | Material Design Lite | ||
+ | Copyright 2015 Google Inc. All rights reserved. | ||
− | + | 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 | ||
− | + | https://www.apache.org/licenses/LICENSE-2.0 | |
− | + | 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> | ||
+ | <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script> | ||
− | < | + | <!-- 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"> | ||
− | < | + | <style> |
+ | #view-source { | ||
+ | position: fixed; | ||
+ | display: block; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | margin-right: 40px; | ||
+ | margin-bottom: 40px; | ||
+ | z-index: 900; | ||
+ | } | ||
− | + | .demo-card-wide.mdl-card { | |
− | + | margin: auto; | |
+ | margin-top: 20px; | ||
+ | align-items: center; | ||
+ | width: 70%; | ||
+ | border-radius:6px | ||
+ | } | ||
+ | .demo-card-wide > .mdl-card__title { | ||
+ | color: #757575; | ||
+ | align-self: center; | ||
+ | /*height: 176px;*/ | ||
+ | } | ||
+ | .demo-card-wide > .mdl-card__menu { | ||
+ | color: #757575; | ||
+ | } | ||
− | < | + | .mdl-card__title-text { |
− | + | padding-top: 20px; | |
− | < | + | } |
− | + | ||
− | </ | + | .mdl-card__supporting-text { |
− | </div> | + | line-height: 130%; |
− | <div class=" | + | } |
− | <div class=" | + | |
− | < | + | /*@-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
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
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.
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.
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.
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.
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.
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?
Do you think that your children (or if you have a child in the future) will need more extensive biological knowledge?
What kind of biological knowledge do you think your child can develop? [multiple choice]
Do you think a toolbox will help your children (or you) learn more about biology?
At what price would you buy this toolbox?
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
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
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?
Do you think that your children (or if you have a child in the future) will need more extensive biological knowledge?
What kind of biological knowledge do you think your child can develop? [multiple choice]
Do you think a toolbox will help your children (or you) learn more about biology?
At what price would you buy this toolbox?
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.
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.
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.
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.
Ignis Fly
Tongji_China iGEM 2017 Team
Engagementchevron_right