Team:SUSTC-Shenzhen-B/publicity.html

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script> ...")
 
(13 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
+
  <head>
-
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+
    <meta charset="utf-8" />
-
                <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
+
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
-
                <script type="text/javascript" src="https://2013.igem.org/SUSTC-SZ-B_2013iGEM/JS/bootstrap.min.js?action=raw&amp;ctype=text/javascript"></script>
+
 
-
                <link type="text/css" rel="stylesheet" href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/CSS/style.css?action=raw&amp;ctype=text/css" />
+
    <meta name="description" content="" />
-
<link type="text/css" rel="stylesheet" href="https://2013.igem.org/SUSTC-SZ-B_2013iGEM/CSS/bootstrap.min.css?action=raw&amp;ctype=text/css" />
+
    <meta name="author" content="SUSTC-ShenZhen-B" />
-
<link type="text/css" rel="stylesheet" href="https://2013.igem.org/SUSTC-SZ-B_2013iGEM/CSS/bootstrap-responsive.min.css?action=raw&amp;ctype=text/css" />
+
 
-
<style type="text/css">
+
    <title>SUSTC-ShenZhen-B</title>
-
p {
+
 
-
text-indent: 2em;
+
    <style type="text/css">
-
}
+
      #globalWrapper {width: 100%;font-size: 100%;}
-
#content-inner {
+
      #top-section {width: 100%; height:100%; border:none;}
-
margin: 82px;
+
      #p-logo {display:none;}
-
}
+
      #search-controls {display:none;}
-
</style>
+
      .printfooter {display:none;}
-
                <script>
+
      #footer-box {border:none;}
-
$(document).ready(function(){
+
      .firstHeading {display:none;}
-
                        $("head style").remove();
+
      #content { border:none !important; width:1024px !important; background: url('') !important;}
-
                        $("#top-section").remove();
+
      #bodyContent {border:none;}
-
                        $("#top").remove();
+
      #catlinks {display:none;}
-
                        $("#siteSub").remove();
+
      #footer-box {display:none;}
-
                        $("#footer-box").remove();    
+
      #menubar {display:none;}
-
                        $(".printfooter").remove();   
+
      body {
-
                        $(".firstHeading").remove();               
+
        padding: 0;
-
});
+
      }
-
</script>
+
 
-
</head>
+
      .caret {
-
<body data-spy="scroll" data-target=".bs-docs-sidebar">
+
        display: inline-block;
-
<div class="navbar navbar-inverse navbar-fixed-top">
+
        width: 0;
-
  <div class="navbar-inner">
+
        height: 0;
-
    <div class="container">
+
        margin-left: 2px;
-
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
        vertical-align: middle;
-
        <span class="icon-bar"></span>
+
        border-top: 4px solid #000000;
-
        <span class="icon-bar"></span>
+
        border-right: 4px solid transparent;
-
        <span class="icon-bar"></span>
+
        border-bottom: 0 dotted;
-
      </a>
+
        border-left: 4px solid transparent;
-
      <ul class="nav">
+
        content: "";
-
  <li class="dropdown"><a id="iGEM_nav" href="#" class="dropdown-toggle" data-toggle="dropdown"><img src="https://static.igem.org/mediawiki/2013/2/26/2013ustcigem_IGEM_basic_Logo.png" /><b class="caret"></b></a>
+
      }
-
    <ul class="dropdown-menu">
+
      .icon.caret {
-
                                                        <li><a href="2013.igem.org">Back to iGEM Homepage</a></li>
+
        opacity: 0.75;
-
                                                        <li><a href="https://igem.org/Team_Wikis?year=2013">Back to iGEM Wiki Page</a></li>
+
      }
-
                                                        <li class="divider"></li>
+
      .white.caret {
-
                                                        <li><a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/publicity.html&amp;action=edit">Edit</a></li>
+
        border-top-color: #FFFFFF;
-
                                                        <li><a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/publicity.html&amp;action=history">History</a></li>
+
      }
-
                                                        <li><a href="https://igem.org/User_Information">My Account</a></li>
+
      .main.menu {
-
    </ul>
+
        top: 0;
-
  </li>
+
      }
-
</ul>
+
      .script.image {
-
      <div class="nav-collapse collapse">
+
        display: none;
-
      <ul class="nav">
+
      }
-
                                                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<b class="caret"></b></a>
+
    </style>
-
                        <ul class="dropdown-menu">
+
    <link rel="stylesheet" type="text/css" href="/SUSTC-SZ-B_2013iGEM/CSS/wiki-all.min.css?action=raw&amp;ctype=text/css" />
-
                          <li><a href="project.html">Overview</a></li>
+
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Open+Sans:300italic,400,300,700" />
-
                          <li><a href="circuit.html">Circuit Registry</a></li>
+
 
-
                          <li><a href="lgd.html">LGD</a></li>
+
   </head>
-
                          <li><a href="clotho.html">Clotho</a></li>
+
  <body id="example">
-
                          <li><a href="safty.html">Safety Form</a></li>
+
    <div class="ui fixed transparent inverted main menu">
-
                          <li><a href="technique.html">Technique Standard</a></li>
+
      <div class="container">
-
                          <li><a href="achievement.html">Achievement</a></li>
+
        <a href="#" class="brand">SUSTC-ShenZhen-B</a>
-
                                                                    </ul>
+
        <div class="right menu">
-
                                                        </li>
+
          <a href="http://circuitplus.org" class="item">Visit Circuit+</a>
-
                                                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Team<b class="caret"></b></a>
+
        </div>
-
                        <ul class="dropdown-menu">
+
        <div href="/" class="ui dropdown link item">
-
                          <li><a href="team.html">Team Member</a></li>
+
          iGEM
-
                          <li><a href="sustc.html">About SUSTC</a></li>
+
          <span class="icon white caret"></span>
-
                          <li><a href="notebook.html">Notebook</a></li>
+
          <div class="menu">
-
                          <li><a href="thank.html">Special Thanks</a></li>
+
            <a href="https://2013.igem.org/Main_Page" class="item">iGEM homepage</a>
-
                                                                    </ul>
+
            <a href="/Team:SUSTC-Shenzhen-B" class="item">wiki homepage</a>
-
                                                        </li>
+
            <a href="https://igem.org/User_Information" class="item">My Account</a>
-
                                                        <li class="active dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice<b class="caret"></b></a>
+
            <a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/publicity.html&amp;action=edit" class="item">Edit</a>
-
                        <ul class="dropdown-menu">
+
          </div>
-
                          <li><a href="meeting.html">Exchange Meeting</a></li>
+
        </div>
-
                          <li><a href="publicity.html">Publicity</a></li>
+
        <a href="project.html" class="item">Overview</a>
-
                          <li><a href="lecture.html">Lecture</a></li>
+
        <a href="standard.html" class="item">Standard and database</a>
-
                                                                    </ul>
+
        <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
-
                                                        </li>
+
          Software
-
</ul>
+
          <span class="white caret"></span>
-
      </div>
+
          <div class="menu">
-
    </div>
+
            <a href="circuitplus.html" class="item">Circuit+</a>
-
  </div>
+
            <a href="tutorial.html" class="item">Tutorial</a>
-
</div>
+
            <a href="safety.html" class="item">Safety</a>
-
<div id="content-inner" class="container">
+
            <a href="feedback.html" class="item">Feedback</a>
-
<div class="row">
+
            <a href="future.html" class="item">Future</a>
-
<div class="span3 bs-docs-sidebar">
+
            <a href="lab.html" class="item">Lab Manager</a>
-
<ul class="nav nav-list" data-spy="affix" data-offset-top="200">
+
            <a href="clotho.html" class="item">Clotho</a>
-
  <li class="active"><a href="#overview">Overview</a></li>
+
          </div>
-
  <li><a href="#background">Background</a></li>
+
        </div>
-
</ul>
+
        <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link active item">
-
</div>
+
          Human practice
-
<div class="span9">
+
          <span class="white caret active"></span>
-
                                        <div id="overview">
+
          <div class="menu">
-
<h2>Overview</h2>
+
            <a href="workshop.html" class="item">Workshop meeting</a>
-
<p>Our project, 3 Miao BioCommunity, is different from all the iGem software projects in the past, for we have an ambition to create a community for the whole synthetic biology. This community is based on our original idea, the Mind Road. Mind Road is a net structural mind map that can help users think and share ideas, which can function as a platform for all synthetic biology ideas exchange. </p>
+
            <a href="publicity.html" class="item">Publicity</a>
-
<p>Based on the Mind Road, our community now has a theme—— share ideas. With this theme, we intend to build our 3Miao BioCommunity. In this community, we offer LGD and TTEC as useful tool for users to process the ideas. LGD is a genetic circuit designer which can present the logical relationship of related parts. What is more, users can also post their own ideas and comment on others’ work, like Facebook and Twitter.</p>
+
          </div>
-
                                        </div>
+
        </div>
-
                                        <div id="background">
+
        <a href="achievement.html" class="item">Achievement</a>
-
<h2>Background</h2>
+
        <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
-
<p>Before we got our idea, we had reviewed all the software projects of the last three years and classified them into 6 categories (fig1). As showing in the picture, designing CAD takes up the majority of these projects. As expected, most of them share the similar ideas. After a certain time of thinking, we found that it is really reasonable that iGem software projects can hardly be quite innovative, for the lack of professional knowledge and the limitation of the usage of software during synthetic biology study. But also, if we continue to follow these ideas, our project is far away from being creative or original. Then it occurred to us, why don’t we write a program to help at least the wet lab members to get new ideas? Thus, we decided to make a difference, to create our own Mind Road—— a net structural mind map—— to assist either iGEMers or professional synthetic biology researchers to come up with and share their ideas.</p>
+
          Team
-
<p>Even though the mind map idea is good, it is not good enough. What’s more, comparing with computer software, synthetic biology lacks such community for knowledge and skills exchange, like GitHub. So setting Mind Road as the theme, we decided to take a bold step, to establish a simple and free online platform with high interaction ability intended for everyone interested in synthetic biology.</p>
+
          <span class="white caret"></span>
-
</div>
+
          <div class="menu">
-
</div>
+
            <a href="about.html" class="item">About us</a>
-
</div>
+
            <a href="notebook.html" class="item">Notebook</a>
-
</div>
+
            <a href="acknowledgement.html" class="item">Acknoledgement</a>
-
</body>
+
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="header">
 +
      <div class="segment">
 +
        <div id="overview" class="container">
 +
          <div class="introduction">
 +
            <h1 class="ui dividing header">Publicyty</h1>
 +
            <p class="lead">Outreach.</p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="main container page">
 +
      <div class="peek">
 +
        <div class="ui vertical pointing secondary menu">
 +
          <a class="active item">Introduction</a>
 +
          <div class="link item">Lecture
 +
            <div class="menu">
 +
              <a class="item">Shenzhen Experimental Senior High</a>
 +
              <a class="item">Shenzhen Senior High School</a>
 +
              <a class="item">SUSTC freshmen</a>
 +
            </div>
 +
            <a class="item">Open course online</a>
 +
            <a class="item">Brochure</a>
 +
          </div>
 +
          <a class="active item" href="/Team:SUSTC-Shenzhen-B">Back to Homepage</a>
 +
        </div>
 +
      </div>
 +
      <div class="page-container">
 +
        <h2 class="ui dividing header">Introduction</h2>
 +
        <section id=""></section>
 +
        <p>This summer we were busy introducing synthetic biology and our software to freshmen of our school and high school students as well as other people. We promoted synthetic biology and iGEM mainly by giving lectures, uploading a video and making brochure. The publicity of synthetic biology has a long way to go. And we are on the way.</p>
 +
        <h2 class="ui dividing header">Lecture</h2>
 +
        <section id=""></section>
 +
          <h3 class='header'>Shenzhen Experimental Senior High</h3>
 +
          <p>In Sep 25th, we went to Shenzhen Experimental High School to give the students there a lecture, and we answered their interesting questions.</p>
 +
          <img src="https://static.igem.org/mediawiki/2013/2/22/SUSTC-BP1.jpg" />
 +
          <p>The public course included the history of synthetic biology, and we described it in a simple way for them to understand. Then we talked about the basic idea and knowledge of synthetic biology, and helped them to understand how we can build a new circuit (Link to technical standard 2). After that, we focused on the safety and humanity of this new subject, which is the most important part to let average people accept this mysterious thing. The last part was about iGEM, and this was the most interesting part; those students were very interested about it.</p>
 +
          <img src="https://static.igem.org/mediawiki/2013/0/02/SUSTC-BP2.jpg" />
 +
          <p>They arose a lot of questions, such as “Why do we need to use E. coli to be the basic part of synthetic biology”, and “Has a project been commercialized”. We answered these questions in detail.</p>
 +
          <p>And they showed lots of interests in iGEM high school competition. We gave them our brochures, so the students who didn’t have the chance to take part in the public course could know and learn things about synthetic biology and iGEM.</p>
 +
          <h3 class='header'>Shenzhen Senior High School</h3>
 +
          <p>In Sep 26th, we went to Shenzhen Senior High to give the students there a public course. What is more, we had a communication with their teachers and we finally had a common view of cooperation in synthetic biology in the future.</p>
 +
          <p>The public course was just the same as we had in Shenzhen Experimental Senior High. Later, we had a very cheerful conversation with their teachers that they tried our software and we decided to have a cooperation of popularizing synthetic biology in their school in the future. That’s a big step of popularizing synthetic biology in Shenzhen, because they are the best high school here, and they can lead other schools to know and learn about synthetic biology.</p>
 +
          <img src="https://static.igem.org/mediawiki/2013/0/02/SUSTC-BP4.jpg" />
 +
          <h3 class='header'>SUSTC freshmen</h3>
 +
          <p>In Sep 11th, we had a public course in our university. The public course was still the same as we had two High Schools, including history of synthetic biology, the basic idea and knowledge of synthetic biology, how we can build a new circuit, the safety and humanity of this new subject and iGEM competition.</p>
 +
          <img src="https://static.igem.org/mediawiki/2013/8/85/SUSTC-BP5.jpg" />
 +
          <p>What’s more, we gave these interested students a course about the details of experiment and knowledge, and we invited our professors, He Jiankui, to give them more guiding. Of course, we let some freshmen join our team, in order to let them know the working environment of iGEM and cultivated them to be the leader of next year.</p>
 +
          <img src="https://static.igem.org/mediawiki/2013/e/e0/SUSTC-BP6.jpg" />
 +
        <h2 class="ui dividing header">Open course online</h2>
 +
        <p>This year we invited our advisor Qie Boyu to upload a new open course about interesting synthetic biology to YouTube. This video could let rookies be more interested in synthetic biology and iGEM. And we made the open course livelier and easier to understand. So we believe that more and more people who have watched our video would develop an interest in iGEM and synthetic biology.</p>
 +
        <img src="https://static.igem.org/mediawiki/2013/2/2a/SUSTC-BL1.png" />
 +
        <h2 class="ui dividing header">Brochure</h2>
 +
        <section id=""></section>
 +
        <p>In order to let more people know about synthetic biology, we made a brochure about synthetic biology and gave out it to citizens in various occasions. Many students and teachers who have read our brochure showed that they wanted to join in this amazing world. And we have used two different languages so that the foreigners in Shenzhen can also understand it without any problems.</p>
 +
        <img src="https://static.igem.org/mediawiki/2013/b/be/SUSTC-BL2.jpg" />
 +
        <img src="https://static.igem.org/mediawiki/2013/f/fc/SUSTC-BL3.jpg" />
 +
      </div>
 +
    </div>
 +
 
 +
    <div class="footer">
 +
      <div class="ui divider">
 +
      </div>
 +
      <div class="ui divided horizontal footer link list">
 +
        <div class="item">
 +
          &copy; SUSTC-ShenZhen-B
 +
        </div>
 +
      </div>
 +
    </div>
 +
 
 +
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
 +
    <script type="text/javascript" src="https://2013.igem.org/SUSTC-SZ-B_2013iGEM/JS/wiki-all.min.js?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
    <script type="text/javascript">
 +
      function png2text(pngurl, id, callback) {
 +
        var canvas = document.createElement("canvas"),
 +
        ctx = canvas.getContext("2d");
 +
        img = new Image();
 +
   
 +
        img.id = 'pt-' + id;
 +
        img.className = 'script image';
 +
        img.style.position = "absolute";
 +
        img.style.left = "-10000px";
 +
        document.body.appendChild(img);
 +
 
 +
        img.onload = function() {
 +
          var
 +
            w = this.width,
 +
            h = this.height;
 +
 
 +
          canvas.width = w;
 +
          canvas.height = h;
 +
          canvas.style.width = w+"px";
 +
          canvas.style.height = h+"px";
 +
 
 +
          ctx.drawImage(this, 0, 0);
 +
 
 +
          var data = ctx.getImageData(0, 0, w, h).data,
 +
            a = [],
 +
            len = data.length,
 +
            p = -1;
 +
         
 +
          for (var i=0; i < len; i += 4) {
 +
            if (data[i] > 0)
 +
              a[++p] = String.fromCharCode(data[i]);
 +
          };
 +
 
 +
          canvas = undefined;
 +
          try {
 +
            //document.body.removeChild(img);
 +
            $('#pt-' + id).remove();
 +
          } catch (e) {
 +
          }
 +
 
 +
          if (callback) callback(a.join(""));
 +
        };
 +
 
 +
        img.src = pngurl;
 +
      }
 +
 
 +
      function baseRemove() {
 +
        $('#top-section').remove();
 +
        $('#content').attr('id', '');
 +
        $('#bodyContent').attr('id', '');
 +
        $('#globalWrapper').attr('id', '');
 +
 
 +
        $('.main.container.page').parent().attr('id', 'example');
 +
      }
 +
 
 +
      function loadJavascript() {
 +
        /* $.get("https://2013.igem.org/SUSTC-SZ-B_2013iGEM/JS/wiki-all.min.js?action=raw&ctype=text/javascript", function (data) {
 +
          eval(data);
 +
        }); */
 +
        /* png2text('https://static.igem.org/mediawiki/2013/4/43/Wiki-all-min-js.png', 'wiki-all', function (text) {
 +
          eval(text);
 +
        }); */
 +
      }
 +
 
 +
      $(document).ready(function () {
 +
        baseRemove();
 +
        loadJavascript();
 +
      });
 +
    </script>
 +
  </body>
</html>
</html>

Latest revision as of 03:55, 29 October 2013

SUSTC-ShenZhen-B

SUSTC-ShenZhen-B
Visit Circuit+
iGEM
iGEM homepage wiki homepage My Account Edit
Overview Standard and database
Software
Circuit+ Tutorial Safety Feedback Future Lab Manager Clotho
Human practice
Workshop meeting Publicity
Achievement
Team
About us Notebook Acknoledgement

Publicyty

Outreach.

Introduction
Lecture
Shenzhen Experimental Senior High Shenzhen Senior High School SUSTC freshmen
Open course online Brochure
Back to Homepage

Introduction

This summer we were busy introducing synthetic biology and our software to freshmen of our school and high school students as well as other people. We promoted synthetic biology and iGEM mainly by giving lectures, uploading a video and making brochure. The publicity of synthetic biology has a long way to go. And we are on the way.

Lecture

Shenzhen Experimental Senior High

In Sep 25th, we went to Shenzhen Experimental High School to give the students there a lecture, and we answered their interesting questions.

The public course included the history of synthetic biology, and we described it in a simple way for them to understand. Then we talked about the basic idea and knowledge of synthetic biology, and helped them to understand how we can build a new circuit (Link to technical standard 2). After that, we focused on the safety and humanity of this new subject, which is the most important part to let average people accept this mysterious thing. The last part was about iGEM, and this was the most interesting part; those students were very interested about it.

They arose a lot of questions, such as “Why do we need to use E. coli to be the basic part of synthetic biology”, and “Has a project been commercialized”. We answered these questions in detail.

And they showed lots of interests in iGEM high school competition. We gave them our brochures, so the students who didn’t have the chance to take part in the public course could know and learn things about synthetic biology and iGEM.

Shenzhen Senior High School

In Sep 26th, we went to Shenzhen Senior High to give the students there a public course. What is more, we had a communication with their teachers and we finally had a common view of cooperation in synthetic biology in the future.

The public course was just the same as we had in Shenzhen Experimental Senior High. Later, we had a very cheerful conversation with their teachers that they tried our software and we decided to have a cooperation of popularizing synthetic biology in their school in the future. That’s a big step of popularizing synthetic biology in Shenzhen, because they are the best high school here, and they can lead other schools to know and learn about synthetic biology.

SUSTC freshmen

In Sep 11th, we had a public course in our university. The public course was still the same as we had two High Schools, including history of synthetic biology, the basic idea and knowledge of synthetic biology, how we can build a new circuit, the safety and humanity of this new subject and iGEM competition.

What’s more, we gave these interested students a course about the details of experiment and knowledge, and we invited our professors, He Jiankui, to give them more guiding. Of course, we let some freshmen join our team, in order to let them know the working environment of iGEM and cultivated them to be the leader of next year.

Open course online

This year we invited our advisor Qie Boyu to upload a new open course about interesting synthetic biology to YouTube. This video could let rookies be more interested in synthetic biology and iGEM. And we made the open course livelier and easier to understand. So we believe that more and more people who have watched our video would develop an interest in iGEM and synthetic biology.

Brochure

In order to let more people know about synthetic biology, we made a brochure about synthetic biology and gave out it to citizens in various occasions. Many students and teachers who have read our brochure showed that they wanted to join in this amazing world. And we have used two different languages so that the foreigners in Shenzhen can also understand it without any problems.

© SUSTC-ShenZhen-B

Retrieved from "http://2013.igem.org/Team:SUSTC-Shenzhen-B/publicity.html"