Difference between revisions of "Team:NKU China/Human Practices"

Line 1: Line 1:
{{NKU_China/menubar}}
+
<!DOCTYPE html>
 
<html>
 
<html>
 
<head>
 
<head>
      
+
     <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 +
    <link rel="stylesheet" href="css/jquery-ui.min.css">
 +
    <link rel="stylesheet" href="css/theme.css">
 +
    <link rel="stylesheet" href="css/custom.css">
 +
    <link rel="stylesheet" href="css/share.css">
 +
    <link rel="stylesheet" href="css/local.css">
 +
    <script title="jquery.js" src="js/jquery-3.1.0.min.js"></script>
 +
    <script title="jquery-ui.js" src="js/jquery-ui.min.js"></script>
 +
    <script title="bootstrap.js" src="js/bootstrap.min.js"></script>
 +
    <script title="modernizr.js" src="js/modernizr.js"></script>
 +
    <script title="particles.js" src="js/particles.min.js"></script>
 +
    <script>
 +
        var rem = Number($('html').css('font-size').replace('px', ''));
 +
        function log(value) { console.log(value); }
 +
        function particles() { $('#particles-js').toggle(); }
 +
        function adjust_figure(scale) {
 +
            $('figure').each(
 +
                function (index, value) {
 +
                    var max_width = $(value).find('span').width() / rem * scale + 'rem';
 +
                    $(value).css('max-width', max_width);
 +
                }
 +
            )
 +
        }
 +
    </script>
 +
 
 
     <!--separatrix-->
 
     <!--separatrix-->
 
     <style>
 
     <style>
 
         .main#hp {
 
         .main#hp {
             padding:0 8vw;
+
             padding:1rem;
 +
            padding-bottom:8vw;
 
             padding-bottom:10vh;
 
             padding-bottom:10vh;
 
             font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;
 
             font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;
Line 17: Line 43:
 
                 padding:0 1vw;
 
                 padding:0 1vw;
 
             }
 
             }
        }
 
 
        #top {
 
            font-size:5rem;
 
            text-decoration:none;
 
            position:fixed;
 
            bottom:0.5rem;
 
            right:2rem;
 
            color:gold;
 
            z-index:4;
 
 
         }
 
         }
 
     </style>
 
     </style>
    <style>
 
        #nutshell {
 
            padding:0.5rem;
 
            display:flex;
 
            border-radius:1rem;
 
            border:0.15rem solid dodgerblue;
 
        }
 
 
        @media all and (max-width: 1023px) {
 
            #nutshell  {
 
                display:block;
 
            }
 
        }
 
 
        #nutshell > div:nth-child(1) {
 
            flex:20;
 
        }
 
       
 
        #nutshell > div:nth-child(2) {
 
            flex:33;
 
        }
 
       
 
        #nutshell > div:nth-child(3) {
 
            flex:47;
 
        }
 
 
        #nutshell .nutshell-item {
 
            margin:0.3rem;
 
            padding:0 1rem;
 
            border-radius:2rem;
 
            border:0.2rem solid skyblue;
 
        }
 
 
        #hp .nutshell-item .h2 {
 
            margin:1rem 0;
 
            color:lightskyblue;
 
        }
 
 
        #hp .nutshell-item .p, .nutshell-item ul {
 
            margin:1rem 0;
 
            list-style:circle;
 
        }
 
 
        #hp .nutshell-item ul {
 
            margin-left:2rem;
 
        }
 
    </style>
 
    <style>
 
        #nav {
 
            position:relative;
 
            z-index:3;
 
            margin:3rem 0;
 
            display:flex;
 
            flex-wrap:wrap;
 
            justify-content:space-between;
 
        }
 
 
        #nav a {
 
            margin:auto;
 
            padding:0.3rem 1rem;
 
            text-decoration:none;
 
            background-color:#26b3f7;
 
            color:cyan;
 
            border-radius:0.5rem;
 
        }
 
    </style>
 
    <style>
 
        section {
 
            margin:0 0 3rem 0;
 
            padding:0 2rem;
 
            padding-bottom:0.5rem;
 
            border-radius:2rem;
 
            border:0.3rem solid #26b3f7;
 
        }
 
 
        section .anchor {
 
            position:relative;
 
            top:-5rem;
 
        }
 
 
        #hp section .h2 {
 
            font-size:2rem;
 
            margin:1rem 0;
 
            color:dodgerblue;
 
        }
 
 
        #hp section .h3 {
 
            font-size:1.5rem;
 
            text-align:left;
 
            margin-top:2rem;
 
            color:cyan;
 
            font-family: Pacifico;
 
        }
 
 
        #hp section .h3:nth-child(3) {
 
            margin-top:0;
 
        }
 
 
        #hp section .h4 {
 
            font-size:1.2rem;
 
            text-align:left;
 
            color:Highlight;
 
            padding-left:2rem;
 
        }
 
 
        #hp section .p, section ul, section ol {
 
            margin:0.5rem 0;
 
        }
 
 
        #hp section .table-wrapper, section figure {
 
            margin:1.5rem 0;
 
        }
 
 
        section ul {
 
            margin-left:2rem;
 
        }
 
 
        section ul li {
 
            text-indent:0;
 
        }
 
 
        section .table-wrapper {
 
            margin-left: auto;
 
            margin-right:auto;
 
            overflow:auto;
 
            position:relative;
 
            z-index:3;
 
        }
 
 
        #hp section table {
 
            margin:0 auto;
 
            color:white;
 
            background-color:transparent;
 
            border-color:white;
 
            border-spacing:0.2rem;
 
            border-collapse:collapse;
 
            text-align:center;
 
            text-indent:0;
 
        }
 
 
        #hp section td{
 
            border:0.1rem solid white;
 
            padding:0.2rem 0.5rem;
 
        }
 
 
        section table caption {
 
            margin:0.2rem;
 
            text-align:center;
 
            color:deepskyblue;
 
            font-weight:bold;
 
        }
 
 
        section figure {
 
            margin:3rem 0;
 
        }
 
 
        section figure img {
 
            position:relative;
 
            z-index:3;
 
            text-align:center;
 
            padding:0.5rem;
 
            display:inline-block;
 
            box-sizing:border-box;
 
            vertical-align:middle;
 
        }
 
 
        section figure figcaption {
 
         
 
            text-align:center;
 
         
 
        }
 
 
        section figure.picture2n img {
 
            width:49%;
 
        }
 
 
 
      
 
      
 
+
   
        section figure.picture3n img {
+
      
            width:33%;
+
        }
+
       
+
        section figure.picturex img {
+
            width:24%;
+
        }
+
 
+
        #two-url {
+
            text-indent:0;
+
            padding-left:2rem;
+
        }
+
     </style>
+
 
     <script>
 
     <script>
 
         $(function () {
 
         $(function () {
             particles();
+
             //particles();
 
         })
 
         })
 
     </script>
 
     </script>
Line 228: Line 56:
 
<body id="dongzhuoer">
 
<body id="dongzhuoer">
 
     <div id="particles-js"></div>
 
     <div id="particles-js"></div>
     <script>
+
     <script src="js/particlesJS.js"></script>
        particlesJS('particles-js',
+
     <div class="main">
  {
+
         Please see <a href="https://2016.igem.org/Team:NKU_China/HP/Silver">Silver</a> and <a href="https://2016.igem.org/Team:NKU_China/HP/Gold">Gold</a>.
      "particles": {
+
          "number": {
+
              "value": 100,
+
              "density": {
+
                  "enable": true,
+
                  "value_area": 800
+
              }
+
          },
+
          "color": {
+
              "value": "#0ff"
+
          },
+
          "shape": {
+
              "type": "circle",
+
              "stroke": {
+
                  "width": 0,
+
                  "color": "#000000"
+
              },
+
              "polygon": {
+
                  "nb_sides": 5
+
              },
+
              "image": {
+
                  "src": "img/github.svg",
+
                  "width": 100,
+
                  "height": 100
+
              }
+
          },
+
          "opacity": {
+
              "value": 0.4,
+
              "random": false,
+
              "anim": {
+
                  "enable": false,
+
                  "speed": 1,
+
                  "opacity_min": 0,
+
                  "sync": false
+
              }
+
          },
+
          "size": {
+
              "value": 5,
+
              "random": true,
+
              "anim": {
+
                  "enable": false,
+
                  "speed": 40,
+
                  "size_min": 0,
+
                  "sync": false
+
              }
+
          },
+
          "line_linked": {
+
              "enable": true,
+
              "distance": 150,
+
              "color": "#ff0",
+
              "opacity": 0.4,
+
              "width": 1
+
          },
+
          "move": {
+
              "enable": true,
+
              "speed": 6,
+
              "direction": "none",
+
              "random": false,
+
              "straight": false,
+
              "out_mode": "out",
+
              "attract": {
+
                  "enable": true,
+
                  "rotateX": 600,
+
                  "rotateY": 1200
+
              }
+
          }
+
      },
+
      "interactivity": {
+
          "detect_on": "canvas",
+
          "events": {
+
              "onhover": {
+
                  "enable": true,
+
                  "mode": ["grab", "bubble"]
+
              },
+
              "onclick": {
+
                  "enable": true,
+
                  "mode": ["push", "repulse"]
+
              },
+
              "resize": true
+
          },
+
          "modes": {
+
              "grab": {
+
                  "distance": 100,
+
                  "line_linked": {
+
                      "opacity": 0.75
+
                  }
+
              },
+
              "bubble": {
+
                  "distance": 100,
+
                  "size": 4,
+
                  "duration": 2,
+
                  "opacity": 8,
+
                  "speed": 5
+
              },
+
              "repulse": {
+
                  "distance": 200
+
              },
+
              "push": {
+
                  "particles_nb": 4
+
              },
+
              "remove": {
+
                  "particles_nb": 2
+
              }
+
          }
+
      },
+
      "retina_detect": true,
+
      "config_demo": {
+
          "hide_card": false,
+
          "background_color": "#b61924",
+
          "background_image": "",
+
          "background_position": "50% 50%",
+
          "background_repeat": "no-repeat",
+
          "background_size": "cover"
+
      }
+
  }
+
 
+
);
+
    </script>
+
     <div class="main" id="hp">
+
         <a id="top" href="#header">&#9757;</a>
+
        <div class="h1" id="header">Human Practices</div>
+
        <div id="nutshell">
+
            <div class="nutshell-item">
+
                <div class="h2">Biologue:For Self-improvement</div>
+
                <div class="p">All kinds of dialogue we had with people working in the field of Synthetic Biology, including scientists and peer students.</div>
+
                <ul>
+
                    <li>Conference</li>
+
                    <li>Communication</li>
+
                    <li>Interview</li>
+
                    <li>Collaboration</li>
+
                </ul>
+
            </div>
+
            <div>
+
                <div class="nutshell-item">
+
                    <div class="h2">Exposition: For Kids &amp; Parents</div>
+
                    <div class="p">We held an exhibition in our local museum to attract kids and parents who know little about science. We introduced some new ideas of iGEMers (other teams and us) and used tangible models as well as attractive videos to demonstrate the abstract concepts of SynBio. A comic was also composed to deliver our ideas to kids!</div>
+
                </div>
+
                <div class="nutshell-item">
+
                    <div class="h2">Lecture: For Freshmen</div>
+
                    <div class="p">iGEMers can be professors<U+FFFD><U+FFFD>A course in Nankai University invited us to give a lecture to freshmen! Most of them had never heard about Synthetic Biology and it was our lecture that introduced them to the subject!</div>
+
                </div>
+
               
+
            </div>
+
            <div>
+
                <div class="nutshell-item">
+
                    <div class="h2">Labcourse: For Middle School Students</div>
+
                    <div class="p">Before entering a lab, young students might regard science as mysterious and difficult. So we gave a course in our lab to engage them in biological research. (A student even became a member of our team! ) After learning basic operations and knowledge, they were really excited and ready to learn more about biology in high school.</div>
+
                </div>
+
                <div class="nutshell-item">
+
                    <div class="h2">Investigation: For Young Scientists</div>
+
                    <div class="p">Since that the karoshi of several young scientists in China shocked the public and that wrong operations caused a serious accident in a lab in Shanghai, we decided to invest the management of some labs in Tianjin. Many master and PhD students spend too much time in the lab. We also found some dangerous operations. After sending our report to the leaders of our school, we were surprised to see that they held a meeting to change this!</div>
+
                </div>
+
            </div>
+
        </div>
+
        <div id="nav">
+
            <a href="#overview">Overview</a>
+
            <a href="#biologue">Biologue</a>
+
            <a href="#exposition">Exposition</a>
+
            <a href="#labcourse">Labcourse</a>
+
            <a href="#lecture">Lecture</a>
+
            <a href="#investigation">Investigation</a>
+
        </div>
+
        <section>
+
            <div class="anchor" id="overview"></div>
+
            <div class="h2">An overview of the background</div>
+
            <div class="p">Though there are many Chinese scientists devoting themselves to science, the public is still suffering from the lack of knowledge. For most people in China, science is difficult, mysterious and far from daily life. As young students, we hope to be a bridge between 'science' and 'the public', especially the younger generation, which is the future of synthetic biology. Science can definitely attract many students as long as its charm is shown properly to them.</div>
+
            <div class="p">In China, several young scientists have just died from too much work. What's more, a serious accident has caused an explosion and hurt 3 students in a university in Shanghai. As undergraduates, we know that some wrong operations still exist in the laboratories and some master and PhD students are used to spending too much time in the lab. The safety and healthy of young scientists is really important to the future of science. We want to do something to change their working condition.</div>
+
            <div class="p">Our project was named as 'SynFuture'. We want to do something to change the situations in China, and we hope that synthetic biology can have a brighter future in our country. To make it easy to understand, the context, rationale and prior work will be demonstrated in detail in the following sections. We will also give some instructions if you want to do similar work. (P.S. Just contact us if you need our help!)</div>
+
        </section>
+
        <section>
+
            <div class="anchor" id="biologue"></div>
+
            <div class="h2">Biologue:For Self-improvement</div>
+
            <div class="h3">Background &amp; Instructions</div>
+
            <div class="p">This part shows all kinds of dialogue we had with people working in the field of Synthetic Biology, including scientists and peer students. This is important for us because we should broaden our horizon before leading others into the field. Also, many people from different institutes helped a lot in the design of our project!</div>
+
            <div class="p">There are many teams inviting others to communicate with them every year. You could find such information on facebook, twitter and wechat, or you can be the host! You can invite others to visit your lab or interview scholars and exchange your ideas about the design of your programs! (A good way to make friends and improve your project&#9786;And remember to help other teams when doing the program!)</div>
+
            <div class="h3">Biologue in Conferences</div>
+
            <figure class="picture2n">
+
                <img src="https://static.igem.org/mediawiki/2016/9/9d/T--NKU_China--HP-1.jpg" >
+
                <img src="https://static.igem.org/mediawiki/2016/6/6f/T--NKU_China--HP-12.jpg">
+
                <figcaption>2016.6 Tsinghua University, Beijing. Attended SynbioBeta</figcaption>
+
            </figure>
+
            <figure class="picture2n">
+
                <img src="https://static.igem.org/mediawiki/2016/a/a0/T--NKU_China--HP-23.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/a/ae/T--NKU_China--HP-43.jpg">
+
                <figcaption>2016.7.14-15 Peking University, Beijing. Attended Synthetic Biology Young<U+00A0>Scholar Forum</figcaption>
+
            </figure>
+
            <figure class="picture2n">
+
                <img src="https://static.igem.org/mediawiki/2016/d/da/T--NKU_China--HP-44.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/5/5c/T--NKU_China--HP-45.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/0/08/T--NKU_China--HP-46.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/1/10/T--NKU_China--HP-47.jpg">
+
                <figcaption>2016.7 Tianjin University, Tianjin. Attended Synbio Conference and our instructor gave a talk during the meeting.</figcaption>
+
            </figure>
+
            <figure class="picture3n">
+
                <img src="https://static.igem.org/mediawiki/2016/5/5c/T--NKU_China--HP-2.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/7/75/T--NKU_China--HP-3.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/7/7c/T--NKU_China--HP-4.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/d/d0/T--NKU_China--HP-5.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/b/b0/T--NKU_China--HP-6.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/5/52/T--NKU_China--HP-7.jpg">
+
                <figcaption> 2016.9 Sun Yat-Sen University, Guangzhou. Attended CCiC. We gave a presentation and showed our poster.</figcaption>
+
            </figure>
+
            <div class="h3">Biologue in Communication</div>
+
            <div class="p">The education of Mainland China and Taiwan is quite different. So sometimes students in Taiwan see things differently. We decided to communicate with students from Taiwan to exchange experience.</div>
+
            <div class="p">A videoconference with Changgeng University, Taiwan, was held in April. We had an online brainstorm to exchange our ideas about the project. We also shared our knowledge with each other and started to see things in a new perspective.</div>
+
            <figure class="picture2n">
+
                <img src="https://static.igem.org/mediawiki/2016/4/43/T--NKU_China--HP-8.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/d/d1/T--NKU_China--HP-9.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/d/dd/T--NKU_China--HP-10.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/5/5f/T--NKU_China--HP-11.jpg">
+
                <figcaption>2016.5 Nankai University, Tianjin. We had a vedio meeting with Changeng University through Skype.</figcaption>
+
            </figure>
+
            <div class="p">We also communicated with Tianjin University in the Lotus Festival. Luckily, the meeting engaged middle school students and professors. We both presented our project. Having listened the two teams' project presentation, the two professors, (one of which doesn't specialize in synthetic biology) gave their opinions to both teams. Our project, though appearing from scholars to be imperfect, attracted the middle school students. A middle-school student, Annie Kong, asked to be in our team and was accepted!</div>
+
            <figure class="picture2n">
+
                <img src="https://static.igem.org/mediawiki/2016/9/9e/T--NKU_China--HP-14.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/6/62/T--NKU_China--HP-15.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/6/67/T--NKU_China--HP-16.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/a/a6/T--NKU_China--HP-17.jpg">
+
                <figcaption>2016.7 Nankai University, Tianjin. We held a meeting with Tianjin University in the Lotus Festival. </figcaption>
+
            </figure>
+
            <div class="h3">Biologue in Interview</div>
+
            <div class="p">The differences between Mainland China and Taiwan can generate different ideas on the same thing. For example he ways of thinking are quite different. That's really obvious among scholars! So we went across the Taiwan Straits and interviewed a professor to get new ideas about biology! It was an unforgettable 'biologue' for us!</div>
+
            <div class="p">https://drive.google.com/open?id=0BwfyPKOhuAC0MkVCbm5qbmZOWU0</div>
+
            <div class="h3">Biologue in Collaboration</div>
+
            <div class="p">No team in iGEM is an island!</div>
+
            <div class="p">Working with other teams is an important part to be an iGEMer. We are ready to help other teams with their work and get new friends! See the 'Collaboration' page to get more information.</div>
+
            <div class="p">In construction, we shared Pseudomonas putida and its expression vectors with Tianjin University. We also shared our protocols and helped them to use. As they told us, the strain is a crucial part in their construction -we are really glad to see their device run well with our help!</div>
+
            <figure class="picture2n">
+
                <img src="https://static.igem.org/mediawiki/2016/e/eb/T--NKU_China--HP-18.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/2/23/T--NKU_China--HP-19.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/7/78/T--NKU_China--HP-20.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/0/07/T--NKU_China--HP-21.jpg">
+
                <figcaption>2016.7 Nankai University, Tianjin. We shared Pseudomonas putida and its expression vectors with Tianjin University.  </figcaption>
+
            </figure>
+
            <div class="p">In interlab study, we exchanged plasmids with Huazhong University of Science and technology. We gave Positive Control Device (I20270 in pSB1C3) and got Device 2 (J23106 in pSB1C3). A win-win collaboration, isn't it?</div>   
+
        </section>
+
        <section>
+
            <div class="anchor" id="exposition"></div>
+
            <div class="h2">Exposition: For Kids &amp; Parents</div>
+
            <div class="h3">Background &amp; Instructions</div>
+
            <div class="p">Though there are many Chinese scientists devoting themselves to science, the public is still suffering from the lack of knowledge. For most people in China, science is difficult, mysterious and far from daily life. What's worse, there are many rumors making people panic, most of which are obviously wrong. People are credulous for lack of basic knowledge.</div>
+
            <div class="p">This might influence the kids and prevent them from entering the field of science. However, their curiosity can be lit up easily with proper methods.  We want lead them to learn the charm of science by introducing the new ideas of iGEMers and introduce them to the new subject, synthetic biology.</div>
+
            <div class="p">Luckily, Tianjin is a prosperous city with rich cultural ethos - that is, citizens are receptive to knowledge. Families love to go to museums, libraries, theaters and so on.</div>
+
            <div class="p">Science Museum is definitely the best place to hold an exhibition to introduce the public to synthetic biology and its special way to analyze and solve problems. We tried to cooperate with Tianjin Museum of Science and Technology and hold the exhibition. The SynFuture Exhibition received general approbation and the museum is ready to start more profound and long-term cooperation. (The staff also promised to provide more equipment such as 3D printers for future iGEM activities!)</div>
+
            <div class="p">If you want to do such work, you have to aim at special population and choose the proper place and time. We want to engage kids and parents so we cooperated with local museum. On a weekend in summer holiday, many people in Tianjin will take their children here and spend a whole day with knowledge. Then you have to consider the characteristics of your target population. In this case, most parents are new to science (they might fail to answer the kids' questions) and kids love to learn new things through cute comics, attractive videos and tangible models. To ensure the knowledge to be taught smoothly, you need to prepare many things. We prepared posters, comics, videos and models. You will see how they worked with us in the next section. </div>
+
            <div class="h3">Our Work</div>
+
            <div class="h4">Posters &amp; Comic</div>
+
            <div class="p">To make people know what synthetic biology is, we introduced basic conceptions and future applications. We collected materials and wrote articles, and our teachers corrected it for us. We put the articles on the posters and some members stayed beside the poster to explain the articles to the audience. Middle school students and adults were attracted to it and learned a lot from our explanation. (Poster 2 is one of the posters showing the articles)</div>
+
            <div class="p">Now that iGEM is an important part to provide surprising new ideas for synthetic biology, we decided to introduce projects finished by other teams. We learned many previous programs closely and discussed a lot to choose the most representative and attractive ones from home and abroad. Finally we agreed to choose SYSU 2013, TJU 2015, UT Austin 2004 and Utah 2012. The ideas were surprisingly attractive for our audience! All kinds of people, including pupils, middle school students and adults, were curious about the details. (The examples were put on Poster 3)</div>
+
            <div class="p">As for our own project, we thought it might be difficult for kids to understand. So we composed a comic to explain our ideas. Taking their height into account, we put the picture on the lower part of the poster so they can see the detail clearly. (That's what Poster 4 did) Thanks to it, many kids were able to understand our ideas! </div>
+
            <div class="h4">Videos &amp; models</div>
+
            <div class="p" id="two-url">
+
                https://www.youtube.com/watch?v=lNttxYdGHs4<br>
+
                http://www.youtube.com/watch?v=rD5uNAMbDaQ
+
            </div>
+
            <div class="p">To attract the audience, we found some videos to show the knowledge. Our video had a large audience and some of us had to stay beside the projector and answer the questions, helping them to understand the video.</div>
+
            <div class="p">Considering that the abstract concepts are difficult to understand for kids, we brought some tangible models to show "chassis", "parts", "devices", etc. The models also got lots of attention. Some young kids had great fun playing with the models. We pointed out the similarity between the models and 'device', 'parts', 'system' and' chassis', trying to lead the thinking and help them to understand the idea of 'standardizing'.</div>
+
 
+
            <figure>
+
                <img src="https://static.igem.org/mediawiki/2016/5/5f/T--NKU_China--HP-22.jpg">
+
               
+
                <figcaption>Figure 1: Preparations in the museum</figcaption>
+
            </figure>
+
            <figure class="picturex">
+
                <img src="https://static.igem.org/mediawiki/2016/4/4f/T--NKU_China--HP-24.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/e/e6/T--NKU_China--HP-25.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/0/05/T--NKU_China--HP-26.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/4/49/T--NKU_China--HP-27.jpg">
+
                <figcaption>
+
                    The posters in our SynFuture Exposition.<br>
+
                   
+
                </figcaption>
+
            </figure>
+
         
+
            <figure class="picture2n">
+
                <img src="https://static.igem.org/mediawiki/2016/7/74/T--NKU_China--HP-28.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/f/fe/T--NKU_China--HP-29.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/9/9f/T--NKU_China--HP-30.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/8/89/T--NKU_China--HP-31.jpg">
+
                <figcaption>Figure 2-5: The audience and us.</figcaption>
+
            </figure>
+
            <figure class="picture2n">
+
                <img src="https://static.igem.org/mediawiki/2016/2/24/T--NKU_China--HP-32.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/0/01/T--NKU_China--HP-33.jpg">
+
                <figcaption>Figure 6-7: The kids thinking about the knowledge they've just learned.</figcaption>
+
            </figure>
+
            <figure class="picture2n">
+
                <img src="https://static.igem.org/mediawiki/2016/6/65/T--NKU_China--HP-35.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/e/ec/T--NKU_China--HP-36.jpg">
+
                <figcaption>Figure 8-9: People attracted by the video.</figcaption>
+
            </figure>
+
            <figure class="picture2n">
+
                <img src="https://static.igem.org/mediawiki/2016/c/cc/T--NKU_China--HP-37.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/8/86/T--NKU_China--HP-38.jpg">
+
                <figcaption>Figure 10-11: Kids and the 'devices' they made!</figcaption>
+
            </figure>
+
            <figure>
+
                <img src="https://static.igem.org/mediawiki/2016/5/5b/T--NKU_China--HP-39.jpg">
+
                <figcaption>Figure 12: Kids were attracted by the comic and asked about the details of our program.</figcaption>
+
            </figure>
+
 
+
        </section>
+
        <section>
+
            <div class="anchor" id="labcourse"></div>
+
            <div class="h2">Labcourse: For Middle School Students</div>
+
            <div class="h3">Background &amp; Instructions</div>
+
            <div class="p">Remember our middle-school member? The little girl, Annie Kong, had an unforgettable summer holiday in our lab. After joining us, she learned more about our project and had a great time learning basic experimental operations. She said she could learn faster while doing experiments and she was inspired by us when she saw us working hard for this goal! This result encouraged us a lot! </div>
+
            <div class="p">Before entering a lab, young students might regard science as mysterious and difficult. This is true among many young students.</div>
+
            <div class="p">Labs, experiments, and scientists...the things shouldn't be mysterious for the public and the young. Science is a way of thinking, while experiment is a way to corroborate our hypothesis. We want to change the stereotype by opening our lab to the public.</div>
+
            <div class="p">Also, for middle school students who were going to enter high school this autumn, the biology course would be new to them. They are more curious than other people. So we had the idea to open our lab to middle school students.</div>
+
            <div class="p">To do such work, you just need to have your own lab or the permission to open it. Prepare a lecture and make sure that there aren't any mistakes. (We asked our teachers to examine it.) The most important thing is to tell the public that science is never mysterious.</div>
+
            <div class="h3">Our Work</div>
+
            <div class="p">So we held a course in our lab to introduce more middle school students to biology, especially synthetic biology. We taught basic operations to improve their manipulative ability, and gave a lecture to widen their field of vision. There was also an exam! We asked them to imagine the possibilities of SynBio and solve several easy problems using the operations they've learned.</div>
+
            <div class="p">They told us the examples we introduced were really fascinating and they were more ready to study biology in high school! Two young girls were envious of Annie Kong and ready to be a member in iGEM 2017 when they knew that high school students could also organize a team in the competition.</div>
+
            <figure class="picture3n">
+
                <img src="https://static.igem.org/mediawiki/2016/7/74/T--NKU_China--HP-40.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/f/f6/T--NKU_China--HP-41.jpg">
+
                <img src="https://static.igem.org/mediawiki/2016/a/a8/T--NKU_China--HP-42.jpg">
+
                <figcaption>Labcourse for middle school students</figcaption>
+
            </figure>
+
        </section>
+
        <section>
+
            <div class="anchor" id="lecture"></div>
+
            <div class="h2">Lecture: For Freshmen</div>
+
            <div class="h3">Background &amp; Instructions</div>
+
            <div class="h3">Our Work</div>
+
 
+
        </section>
+
        <section>
+
            <div class="anchor" id="investigation"></div>
+
            <div class="h2">Investigation: For Young Scientists</div>
+
            <div class="h3">Background &amp; Instructions</div>
+
            <div class="h3">Our Work</div>       
+
        </section>
+
 
     </div>
 
     </div>
 +
   
 
</body>
 
</body>
 
</html>
 
</html>
 
{{NKU_China/footer}}
 
{{NKU_China/footer}}

Revision as of 22:27, 19 October 2016

<!DOCTYPE html>

Please see Silver and Gold.