Team:SUSTC-Shenzhen-B/project.html

From 2013.igem.org

(Difference between revisions)
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/project.html&amp;action=edit">Edit</a></li>
+
        border-top-color: #FFFFFF;
-
                                                        <li><a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/project.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="active 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="tutorial.html">Tutorial</a></li>
+
    <div class="ui fixed transparent inverted main menu">
-
                          <li><a href="safty.html">Safety Form</a></li>
+
      <div class="container">
-
                          <li><a href="technique.html">Technique Standard</a></li>
+
        <a href="#" class="brand">SUSTC-ShenZhen-B</a>
-
                                                                                <li><a href="future.html">Future Plan</a></li>
+
        <div class="right menu">
-
                          <li><a href="feedback.html">Feedback</a></li>
+
          <a href="https://igem.org/User_Information" class="item">My Account</a>
-
                                                                    </ul>
+
        </div>
-
                                                        </li>
+
        <div href="/" class="ui dropdown link active item">
-
                                                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Team<b class="caret"></b></a>
+
          iGEM Home
-
                        <ul class="dropdown-menu">
+
          <span class="icon white caret"></span>
-
                          <li><a href="team.html">Team Member</a></li>
+
          <div class="menu">
-
                          <li><a href="sustc.html">About SUSTC</a></li>
+
            <a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/Sandbox&amp;action=edit" class="item">Edit</a>
-
                          <li><a href="notebook.html">Notebook</a></li>
+
          </div>
-
                          <li><a href="thank.html">Special Thanks</a></li>
+
        </div>
-
                                                                    </ul>
+
        <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
-
                                                        </li>
+
          Project
-
                                                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice<b class="caret"></b></a>
+
          <span class="white caret"></span>
-
                        <ul class="dropdown-menu">
+
          <div class="menu">
-
                          <li><a href="meeting.html">Exchange Meeting</a></li>
+
            <a href="/Team:SUSTC-Shenzhen-B/Project" class="item">Overview</a>
-
                          <li><a href="publicity.html">Publicity</a></li>
+
            <a href="/Team:SUSTC-Shenzhen-B/Circuit" class="item">Circuit Registry</a>
-
                          <li><a href="lecture.html">Lecture</a></li>
+
          </div>
-
                                                                    </ul>
+
        </div>
-
                                                        </li>
+
        <a href="/Team:SUSTC-Shenzhen-B/Team" class="item">Team</a>
-
</ul>
+
        <a href="/Team:SUSTC-Shenzhen-B/Desktop" class="desktop item">Only Desktop visible</a>
-
      </div>
+
      </div>
-
    </div>
+
    </div>
-
  </div>
+
    <div class="header">
-
</div>
+
      <div class="segment">
-
<div id="content-inner" class="container"><div class="row">
+
        <div id="overview" class="container">
-
<div class="span3 bs-docs-sidebar">
+
          <div class="introduction">
-
<ul class="nav nav-list" data-spy="affix" data-offset-top="200">
+
            <h1 class="ui dividing header">Project overview</h1>
-
  <li><a href="circuit.html">Circuit Registry</a></li>
+
            <p class="lead">Have a glimpse of our project.</p>
-
                                                <li><a href="lgd.html">LGD</a></li>
+
          </div>
-
                                                <li><a href="clotho.html">Clotho</a></li>
+
        </div>
-
                                                <li><a href="tutorial.html">Tutorial</a></li>
+
      </div>
-
                                                <li><a href="safty.html">Safety Form</a></li>
+
    </div>
-
                                                <li><a href="technique.html">Technique Standard</a></li>
+
    <div class="main container page">
-
                                                <li><a href="future.html">Future Plan</a></li>
+
      <div class="peek">
-
                                                <li><a href="feedback.html">Feedback</a></li>
+
        <div class="ui vertical pointing secondary menu">
-
</ul>
+
          <a class="active item">Motivation</a>
-
</div><div class="span9">
+
          <div class="link item">Actions
-
<h1 class="text-center">Biomiao</h1>
+
            <div class="menu">
-
                                        <h3 class="text-center"><em>Share your genetic circuit!</em></h3>
+
              <a class="item">Technique standard and Database</a>
-
                                        <h3>We provide:</h3>
+
              <a class="item">Circuit+</a>
-
                                        <ul>
+
              <a class="item">Clotho application: Circuit List and TTEC</a>
-
                                        <li>A registry of standard genetic circuit</li>
+
              <a class="item">Synthetic biology laboratory management</a>
-
                                        <li>A dynamic database</li>
+
              <a class="item">Human practice</a>
-
                                        <li>A platform for redesigning and improving the circuits</li>
+
            </div>
-
                                        </ul>
+
          </div>
-
                                        <h3>Our goal: To promote sharing in synthetic biology community!</h3>
+
        </div>
-
<p>When we start our iGEM project, we spent a few weeks to read papers in synthetic biology and review previous projects. We realized that there is no website or database that has systematically recorded all existing synthetic biology projects. Inspired by the Registry of Standard Biological Part database, we came up with an ambitious plan that we should make the Registry of Standard Genetic Circuit. Our goal is to collect all previous iGEM projects and all published synthetic biology projects. The documentation of genetic circuits follows the general principle of biobrick foundation: Standardization, all description of genetic circuits should adopt the same format.</p>
+
      </div>
-
                                        <div class="text-center"><img class="img-polaroid text-center" src="https://static.igem.org/mediawiki/2013/8/81/SUSTC-Bover.png" /></div>
+
      <div class="page-container">
-
<p>Our database is not static. Users are able to submit their genetic circuit design to our database. Users can also add their comments and experiences to circuits.</p>
+
        <h2 class="ui dividing header">Motivation</h2>
-
<p>Our database is not only a collection of published circuits but also provides a user friendly platform to redesign and improve the circuits. We provide LGD, a logical genetic designer. LGD is also a computer aided graphical designer integrated into our database. User can modify the circuits in the database for their purpose.</p>
+
        <section id="motivation"></section>
-
<p>The ultimate goal of our project is to promote sharing in synthetic biology community! We have a future plan of establishing a community based on Mind Road and LGD, for we clearly know the importance of <em>sharing</em> design. To make the sharing efficient and effective, we proposed a technique standard for documentation of a genetic circuit.</p>
+
        <p>Synthetic biology is now meeting its golden age. Under the spirit of give, get and share, many standards have been set up and several websites have been put online. It is the ideas of standardized and modulated, which was borrowed from electronic engineering, that allow synthetic biology to prosper. For example, Registry of Standard Biological Parts (<a href="http://parts.igem.org/" target="_blank">http://parts.igem.org/</a>) based on standard parts, together with iGEM, promotes synthetic biology a lot among undergraduate students. However, we find that not every part has high quality, for the standard cannot support some level of DNA in synthetic biology and therefore many complicated parts are marked as “composite part” and there was no standard and database for genetic circuit. We can see from IT industry that, new, proper standards can always strengthen the industry and in every step of development of IT, there is a classical standard with it. To make the language of synthetic biology more precise, to coordinate with the original idea of synthetic biology that we can see the behavior of genes just like the relations in circuit, we proposed two technique standards about logical gene module and genetic circuit. Inspired by the idea of Registry of Standard Biological Parts, we also give a solution to record and share standard genetic circuits online, that is Circuit+.</p>
-
                                        <div class="text-center"><img style="width: 80%;" class="img-polaroid text-center" src="https://static.igem.org/mediawiki/2013/d/dc/SUSTC-BOverview.JPG" /></div>
+
 
-
</div></div></div>
+
        <h2 class="ui dividing header">Actions</h2>
-
</body>
+
        <section id="actions"></section>
 +
        <p>So, here’s our actions</p>
 +
        <h3>Technique standard and Database</h3>
 +
        <p>We proposed two technique standards this year (RFC 101 and RFC 97) to give accurate definitions of logical gene module and genetic circuits. The standard of genetic circuits is very powerful and works as the theoretical base of the software. The standard of logical gene module deals problem of regulation relations and you can see it in LGD (Logical Genetic Diagram). We designed a database carefully to record the circuits we find in a stand format And many software share the same central database.</p>
 +
        <h3>Circuit+</h3>
 +
        <p>We develop Circuit+ as our weapon to promote the idea and standard. So, it works like Registry of Standard Biological Parts. It is website of circuits’ information and behind it is the well-built database. And you can find many ways to browse and find a certain circuit. For open and sharing, SBOL is used in the data-exchanging interface of the software and users can upload and comment circuits. To provide information of regulatory relation, LGD (Logical Genetic Diagram) is always ready when you read detail information of circuits.</p>
 +
        <h3>Clotho application: Circuit List and TTEC</h3>
 +
        <p>We transplant the software into Clotho and the name of the application is Circuit List. Since Clotho is a popular framework in synthetic biology, many people can experience our standard and software. The database is the same as the online one and the information is the same as the online one. We also transplanted TTEC, which is the last year iGEM software into Clotho, which is promoted by iGEM.</p>
 +
        <h3>Synthetic biology laboratory management</h3>
 +
        <h3>Human practice</h3>
 +
        <p>We mainly did some human practice about publicity of synthetic biology so that more people can know what synthetic biology is, what iGEM is and what our standard and software is. Some workshop meetings were made to support other teams and get help from other teams. We also made a survey concerned with ethic issues in synthetic biology.</p>
 +
 
 +
      </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>

Revision as of 00:09, 28 October 2013

SUSTC-ShenZhen-B

SUSTC-ShenZhen-B
My Account
iGEM Home
Edit
Project
Overview Circuit Registry
Team Only Desktop visible

Project overview

Have a glimpse of our project.

Motivation
Actions
Technique standard and Database Circuit+ Clotho application: Circuit List and TTEC Synthetic biology laboratory management Human practice

Motivation

Synthetic biology is now meeting its golden age. Under the spirit of give, get and share, many standards have been set up and several websites have been put online. It is the ideas of standardized and modulated, which was borrowed from electronic engineering, that allow synthetic biology to prosper. For example, Registry of Standard Biological Parts (http://parts.igem.org/) based on standard parts, together with iGEM, promotes synthetic biology a lot among undergraduate students. However, we find that not every part has high quality, for the standard cannot support some level of DNA in synthetic biology and therefore many complicated parts are marked as “composite part” and there was no standard and database for genetic circuit. We can see from IT industry that, new, proper standards can always strengthen the industry and in every step of development of IT, there is a classical standard with it. To make the language of synthetic biology more precise, to coordinate with the original idea of synthetic biology that we can see the behavior of genes just like the relations in circuit, we proposed two technique standards about logical gene module and genetic circuit. Inspired by the idea of Registry of Standard Biological Parts, we also give a solution to record and share standard genetic circuits online, that is Circuit+.

Actions

So, here’s our actions

Technique standard and Database

We proposed two technique standards this year (RFC 101 and RFC 97) to give accurate definitions of logical gene module and genetic circuits. The standard of genetic circuits is very powerful and works as the theoretical base of the software. The standard of logical gene module deals problem of regulation relations and you can see it in LGD (Logical Genetic Diagram). We designed a database carefully to record the circuits we find in a stand format And many software share the same central database.

Circuit+

We develop Circuit+ as our weapon to promote the idea and standard. So, it works like Registry of Standard Biological Parts. It is website of circuits’ information and behind it is the well-built database. And you can find many ways to browse and find a certain circuit. For open and sharing, SBOL is used in the data-exchanging interface of the software and users can upload and comment circuits. To provide information of regulatory relation, LGD (Logical Genetic Diagram) is always ready when you read detail information of circuits.

Clotho application: Circuit List and TTEC

We transplant the software into Clotho and the name of the application is Circuit List. Since Clotho is a popular framework in synthetic biology, many people can experience our standard and software. The database is the same as the online one and the information is the same as the online one. We also transplanted TTEC, which is the last year iGEM software into Clotho, which is promoted by iGEM.

Synthetic biology laboratory management

Human practice

We mainly did some human practice about publicity of synthetic biology so that more people can know what synthetic biology is, what iGEM is and what our standard and software is. Some workshop meetings were made to support other teams and get help from other teams. We also made a survey concerned with ethic issues in synthetic biology.

© SUSTC-ShenZhen-B

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