Team:SUSTC-Shenzhen-B/project.html

From 2013.igem.org

(Difference between revisions)
 
(25 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/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="achievement.html">Achievement</a></li>
+
          <a href="http://circuitplus.org" class="item">Visit Circuit+</a>
-
                                                                    </ul>
+
        </div>
-
                                                        </li>
+
        <div href="/" class="ui dropdown link item">
-
                                                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Team<b class="caret"></b></a>
+
          iGEM
-
                        <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="https://2013.igem.org/Main_Page" class="item">iGEM homepage</a>
-
                          <li><a href="notebook.html">Notebook</a></li>
+
            <a href="/Team:SUSTC-Shenzhen-B" class="item">wiki homepage</a>
-
                          <li><a href="thank.html">Special Thanks</a></li>
+
            <a href="https://igem.org/User_Information" class="item">My Account</a>
-
                                                                    </ul>
+
            <a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/project.html&amp;action=edit" class="item">Edit</a>
-
                                                        </li>
+
          </div>
-
                                                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice<b class="caret"></b></a>
+
        </div>
-
                        <ul class="dropdown-menu">
+
        <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/project.html" class="item active">Overview</a>
-
                          <li><a href="meeting.html">Exchange Meeting</a></li>
+
        <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/standard.html" class="item">Standard and database</a>
-
                          <li><a href="publicity.html">Publicity</a></li>
+
        <div href="/" class="ui dropdown link item">
-
                          <li><a href="lecture.html">Lecture</a></li>
+
          Software
-
                                                                    </ul>
+
          <span class="white caret"></span>
-
                                                        </li>
+
          <div class="menu">
-
</ul>
+
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/circuitplus.html" class="item">Circuit+</a>
-
      </div>
+
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/tutorial.html" class="item">Tutorial</a>
-
    </div>
+
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/safety.html" class="item">Safety</a>
-
  </div>
+
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/feedback.html" class="item">Feedback</a>
-
</div>
+
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/future.html" class="item">Future</a>
-
<div id="content-inner" class="container">
+
            <a href="/Team:SUSTC-Shenzhen-B/lab.html" class="item">Lab Manager</a>
-
<h1>Overview</h1>
+
            <a href="/Team:SUSTC-Shenzhen-B/clotho.html" class="item">Clotho</a>
-
<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 record 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>
-
<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>
+
        <div href="/" class="ui dropdown link item">
-
<p>Our database is not only a collection of published circuits but also provide 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>
+
          Human practice
-
<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>
+
          <span class="white caret"></span>
-
</div>
+
          <div class="menu">
-
</body>
+
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/workshop.html" class="item">Workshop meeting</a>
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/publicity.html" class="item">Publicity</a>
 +
          </div>
 +
        </div>
 +
        <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/achievement.html" class="item">Achievement</a>
 +
        <div href="/" class="ui dropdown link item">
 +
          Team
 +
          <span class="white caret"></span>
 +
          <div class="menu">
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/about.html" class="item">About us</a>
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/notebook.html" class="item">Notebook</a>
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/acknowledgement.html" class="item">Acknowledgement</a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="header">
 +
      <div class="segment">
 +
        <div id="overview" class="container">
 +
          <div class="introduction">
 +
            <h1 class="ui dividing header">Overview</h1>
 +
            <p class="lead">Have a glimpse of our project.</p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="main container page">
 +
      <div class="peek">
 +
        <div class="ui vertical pointing secondary menu">
 +
          <a class="active item">Motivation</a>
 +
          <div class="link item">Actions
 +
            <div class="menu">
 +
              <a class="item">Technical standard</a>
 +
              <a class="item">Circuit+</a>
 +
              <a class="item">LGD</a>
 +
              <a class="item">SBOL</a>
 +
              <a class="item">Clotho application: Circuit List and TTEC</a>
 +
            </div>
 +
          </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">Motivation</h2>
 +
        <section id="motivation"></section>
 +
        <p>Our project focuses on genetic circuits. In the last ten years, iGEM competition has produced and collected thousands of biobricks. And extensive efforts have been made to create the technique standard for biobricks. A genetic circuit usually composes of several biobricks and can perform some predefined function. Our project aim to go one step further, that we develop the technique standard for genetic circuits and build up a central database for collecting and sharing genetic circuits.</p>
 +
 
 +
        <h2 class="ui dividing header">Actions</h2>
 +
        <section id="actions"></section>
 +
        <p>So, here are our actions</p>
 +
        <h3><img src="https://static.igem.org/mediawiki/2013/4/40/Standard%2832%29.png" />Technical standard</h3>
 +
        <p>We proposed two technical standards this year (RFC 101 and RFC 97) to define logical gene module and genetic circuits.</p>
 +
        <h3><img src="https://static.igem.org/mediawiki/2013/a/a3/Logo%2832%29.png">Circuit+</h3>
 +
        <h5>a central database for genetic circuits</h5>
 +
        <p>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.</p>
 +
        <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 sharing design. To make the sharing efficient and effective, we proposed a technique standard for documentation of a genetic circuit</p>
 +
        <h3><img src="https://static.igem.org/mediawiki/2013/6/60/Lab%2832%29.png" />LGD</h3>
 +
        <p>LGD is short for Logical Genetic Digram. It is a computer aided graphical generator integrated into our database. User can see the circuits and the relations between parts.</p>
 +
        <h3><img src="https://static.igem.org/mediawiki/2013/7/71/Humanpractise%2832%29.png" />SBOL</h3>
 +
        <p>Our software support SBOL. SBOL is used in the data-exchanging interface of the software and users can upload and comment circuits.</p>
 +
        <h3><img src="https://static.igem.org/mediawiki/2013/2/2d/Clotho%2832%29.png" />Clotho application: Circuit List and TTEC</h3>
 +
        <p>We developed a Clotho version of circuitplus, with the name “Circuit List”. We also developed TTEC in clotho, which is originally created by SUSTC-Shenzhen-B in 2012.</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>

Latest revision as of 03:26, 29 October 2013

SUSTC-ShenZhen-B

Overview

Have a glimpse of our project.

Motivation

Our project focuses on genetic circuits. In the last ten years, iGEM competition has produced and collected thousands of biobricks. And extensive efforts have been made to create the technique standard for biobricks. A genetic circuit usually composes of several biobricks and can perform some predefined function. Our project aim to go one step further, that we develop the technique standard for genetic circuits and build up a central database for collecting and sharing genetic circuits.

Actions

So, here are our actions

Technical standard

We proposed two technical standards this year (RFC 101 and RFC 97) to define logical gene module and genetic circuits.

Circuit+

a central database for genetic circuits

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 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 sharing design. To make the sharing efficient and effective, we proposed a technique standard for documentation of a genetic circuit

LGD

LGD is short for Logical Genetic Digram. It is a computer aided graphical generator integrated into our database. User can see the circuits and the relations between parts.

SBOL

Our software support SBOL. SBOL is used in the data-exchanging interface of the software and users can upload and comment circuits.

Clotho application: Circuit List and TTEC

We developed a Clotho version of circuitplus, with the name “Circuit List”. We also developed TTEC in clotho, which is originally created by SUSTC-Shenzhen-B in 2012.