Team:SUSTC-Shenzhen-B/circuit.html

From 2013.igem.org

(Difference between revisions)
 
(10 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" />
+
-
<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" />
+
-
<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">
+
-
p {
+
-
text-indent: 2em;
+
-
}
+
-
#content-inner {
+
-
margin: 82px;
+
-
}
+
-
</style>
+
-
                <script>
+
-
$(document).ready(function(){
+
-
                        $("head style").remove();
+
-
                        $("#top-section").remove();
+
-
                        $("#top").remove();
+
-
                        $("#siteSub").remove();
+
-
                        $("#footer-box").remove(); 
+
-
                        $(".printfooter").remove();   
+
-
                        $(".firstHeading").remove();               
+
-
});
+
-
</script>
+
-
</head>
+
-
<body data-spy="scroll" data-target=".bs-docs-sidebar">
+
-
<div class="navbar navbar-inverse navbar-fixed-top">
+
-
  <div class="navbar-inner">
+
-
    <div class="container">
+
-
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
-
        <span class="icon-bar"></span>
+
-
        <span class="icon-bar"></span>
+
-
        <span class="icon-bar"></span>
+
-
      </a>
+
-
      <ul class="nav">
+
-
  <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">
+
-
                                                        <li><a href="2013.igem.org">Back to iGEM Homepage</a></li>
+
-
                                                        <li><a href="https://igem.org/Team_Wikis?year=2013">Back to iGEM Wiki Page</a></li>
+
-
                                                        <li class="divider"></li>
+
-
                                                        <li><a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/circuit.html&amp;action=edit">Edit</a></li>
+
-
                                                        <li><a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/circuit.html&amp;action=history">History</a></li>
+
-
                                                        <li><a href="https://igem.org/User_Information">My Account</a></li>
+
-
    </ul>
+
-
  </li>
+
-
</ul>
+
-
      <div class="nav-collapse collapse">
+
-
      <ul class="nav">
+
-
                                                        <li class="active dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<b class="caret"></b></a>
+
-
                        <ul class="dropdown-menu">
+
-
                          <li><a href="project.html">Overview</a></li>
+
-
                          <li><a href="circuit.html">Circuit Registry</a></li>
+
-
                          <li><a href="lgd.html">LGD</a></li>
+
-
                          <li><a href="clotho.html">Clotho</a></li>
+
-
                                                                                <li><a href="tutorial.html">Tutorial</a></li>
+
-
                          <li><a href="safty.html">Safety Form</a></li>
+
-
                          <li><a href="technique.html">Technique Standard</a></li>
+
-
                                                                                <li><a href="future.html">Future Plan</a></li>
+
-
                          <li><a href="achievement.html">Achievement</a></li>
+
-
                                                                    </ul>
+
-
                                                        </li>
+
-
                                                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Team<b class="caret"></b></a>
+
-
                        <ul class="dropdown-menu">
+
-
                          <li><a href="team.html">Team Member</a></li>
+
-
                          <li><a href="sustc.html">About SUSTC</a></li>
+
-
                          <li><a href="notebook.html">Notebook</a></li>
+
-
                          <li><a href="thank.html">Special Thanks</a></li>
+
-
                                                                    </ul>
+
-
                                                        </li>
+
-
                                                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice<b class="caret"></b></a>
+
-
                        <ul class="dropdown-menu">
+
-
                          <li><a href="meeting.html">Exchange Meeting</a></li>
+
-
                          <li><a href="publicity.html">Publicity</a></li>
+
-
                          <li><a href="lecture.html">Lecture</a></li>
+
-
                                                                    </ul>
+
-
                                                        </li>
+
-
</ul>
+
-
      </div>
+
-
    </div>
+
-
  </div>
+
-
</div>
+
-
<div id="content-inner" class="container">
+
-
<div class="row">
+
-
<div class="span3 bs-docs-sidebar">
+
-
<ul class="nav nav-list" data-spy="affix" data-offset-top="200">
+
-
                                                <li class="nav-header">Circuit Registry</li>
+
-
  <li class="active"><a href="#introduction">Introduction</a></li>
+
-
                                                <li><a href="#database">Database</a></li>
+
-
                                                <li><a href="#result">Results</a></li>
+
-
                                                <li><a href="#list">Introduction about the Circuit List</a></li>
+
-
</ul>
+
-
</div>
+
-
<div class="span9">
+
-
                                        <h1>Circuit Registry</h1>
+
-
                                        <div id="introduction">
+
-
<h3>Introduction</h3>
+
-
<p>The Circuit Registry (Mind Road) is a collection of genetic circuits designed and published in either peer-reviewed journals or iGEM competition. 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>
+
-
                                        <p>Mind Road is the visualization interface of circuit registry. All the circuits that have successfully submitted can be found there. This web application aims at assisting people to find the synthetic biological projects they are interested in. We build up the Mind Road network through scanning for over a hundred of projects that designed and functioned (partially) the genetic circuits as well as simulating a brainstorm so as to establish the Mind Road more practical and realistic.</p>
+
-
                                        <img src="https://static.igem.org/mediawiki/2013/6/6f/SUSTC-BMR1.jpg" class="img-polaroid" />
+
-
                                        <img src="https://static.igem.org/mediawiki/2013/5/58/SUSTC-BMR2.JPG" class="img-polaroid" />
+
-
                                        <img src="https://static.igem.org/mediawiki/2013/7/73/SUSTC-BMR3.JPG" class="img-polaroid" />
+
-
</div>
+
-
                                        <div id="database">
+
-
<h3>Database</h3>
+
-
<p>All the data is stored in our MySQL server database. In order to dynamically update data in a safer way, we choose MyISAM to be the engine of our database. The synthetic biological projects in Mind Road is classified level by level. All the classification is listed in the end of this page:</p>
+
-
                                        <img src="https://2013.igem.org/File:SUSTC-BMR4.jpg" class="img-polaroid" />
+
-
<p>We try to establish a technique standard for the data structure. A complete project on Biomiao must contain following essential information:</p>
+
-
                                        <h5>Part-I: Basic information</h5>
+
-
                                        <p>Project name, Author(s), Year, Wiki (paper) –Link, Description [Around 150 words], Project result [representative diagram or some other images (enclosed in the annex)], Reference [Write all the relative papers you’ve referenced].</p>
+
-
                                        <h5>Part-II: Genetic Circuit information</h5>
+
-
                                        <p>Circuit description [How your circuit works and what are the subunits (promoter, operon, RBS, coding, domain, terminator…) of this circuit, Circuit diagram [enclosed in the annex], Subparts information: [Give us a brief description about the parts you designed or used in this project like the Biobrick ID, the subparts (if have), the functions)].</p>
+
-
                                        <h5>Part-III: Lab process / Major methods</h5>
+
-
                                        <p>Equipment [List the machines or devices you used while processing the experiment], Material [List all the medium (each component should be listed out), strains & plasmids you have used in the experiment], Procedure [List the procedures as simple as possible in order. Or you can just write some key processes (or methods) of your experiments].</p>
+
-
                                        <p>The information that mention above is also the submit format. You can go to the submit page to upload your projects.</p>
+
-
                                        <img src="https://static.igem.org/mediawiki/2013/2/21/SUSTC-BMR6.JPG" class="img-polaroid" />
+
-
                                        <p>We understand that there are many unfunctional biobrick parts and device uploaded to partsregistry database, and it is a big issue to identify these really working circuits. To avoid this situation in our system, we developed an evaluation system and classified all projects into three categories:</p>
+
-
                                        <ol>
+
-
                                        <li>3 stars-- The circuit is reported to be functional in peer-reviewed journals.</li>
+
-
                                        <li>2 stars-- The circuit is reported by one iGEM team and independently successfully reproduced by another iGEM team</li>
+
-
                                        <li>1 star -- The circuit is reported by one iGEM team</li>
+
-
                                        </ol>
+
-
</div>
+
-
                                        <div id="result">
+
    <meta name="description" content="" />
-
<h3>Results</h3>
+
    <meta name="author" content="SUSTC-ShenZhen-B" />
-
<p>So far, we’ve uploaded the information approximately 80 projects. Most projects are coming from previous iGEM team. And we’ve invited some 2013 iGEM teams to submit their projects on the Biomiao platform and received active response from Peking, Shenzhen-BGI, SYSU, XMU, HKUST, and other teams. We eagerly expect all the 2013 iGEMers to join in this platform and share their projects. We are now still sending more and more invitation Email to the 2013 iGEM teams.</p>
+
-
</div>
+
-
                                        <div id="list">
+
    <title>SUSTC-ShenZhen-B</title>
-
<h3>Introduction about the Circuit List</h3>
+
-
<p>The Circuit List is another way to present all the projects to user. In this way, the user can directly check all the project in a list</p>
+
-
                                        <img src="https://static.igem.org/mediawiki/2013/c/c4/SUSTC-BMR5.JPG" class="img-polaroid" />
+
-
</div>
+
    <style type="text/css">
 +
      #globalWrapper {width: 100%;font-size: 100%;}
 +
      #top-section {width: 100%; height:100%; border:none;}
 +
      #p-logo {display:none;}
 +
      #search-controls {display:none;}
 +
      .printfooter {display:none;}
 +
      #footer-box {border:none;}
 +
      .firstHeading {display:none;}
 +
      #content { border:none !important; width:1024px !important; background: url('') !important;}
 +
      #bodyContent {border:none;}
 +
      #catlinks {display:none;}
 +
      #footer-box {display:none;}
 +
      #menubar {display:none;}
 +
      body {
 +
        padding: 0;
 +
      }
-
</div>
+
      .caret {
-
</div>
+
        display: inline-block;
-
</div>
+
        width: 0;
-
</body>
+
        height: 0;
 +
        margin-left: 2px;
 +
        vertical-align: middle;
 +
        border-top: 4px solid #000000;
 +
        border-right: 4px solid transparent;
 +
        border-bottom: 0 dotted;
 +
        border-left: 4px solid transparent;
 +
        content: "";
 +
      }
 +
      .icon.caret {
 +
        opacity: 0.75;
 +
      }
 +
      .white.caret {
 +
        border-top-color: #FFFFFF;
 +
      }
 +
      .main.menu {
 +
        top: 0;
 +
      }
 +
      .script.image {
 +
        display: none;
 +
      }
 +
    </style>
 +
    <link rel="stylesheet" type="text/css" href="/SUSTC-SZ-B_2013iGEM/CSS/wiki-all.min.css?action=raw&amp;ctype=text/css" />
 +
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Open+Sans:300italic,400,300,700" />
 +
 
 +
  </head>
 +
  <body id="example">
 +
    <div class="ui fixed transparent inverted main menu">
 +
      <div class="container">
 +
        <a href="#" class="brand">SUSTC-ShenZhen-B</a>
 +
        <div class="right menu">
 +
          <a href="https://igem.org/User_Information" class="item">My Account</a>
 +
        </div>
 +
        <div href="/" class="ui dropdown link item">
 +
          iGEM Home
 +
          <span class="icon white caret"></span>
 +
          <div class="menu">
 +
            <a href="https://2013.igem.org/Main_Page" class="item">iGEM homepage</a>
 +
            <a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/safety.html&amp;action=edit" class="item">Edit</a>
 +
          </div>
 +
        </div>
 +
        <a href="project.html" class="item">Overview</a>
 +
        <a href="standard.html" class="item">Standard and database</a>
 +
        <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
 +
          Software
 +
          <span class="white caret"></span>
 +
          <div class="menu">
 +
            <a href="circuitplus.html" class="item">Circuit+</a>
 +
            <a href="feature.html" class="item">Feature</a>
 +
            <a href="tutorial.html" class="item">Tutorial</a>
 +
            <a href="safety.html" class="item">Safety</a>
 +
            <a href="APIs.html" class="item">APIs</a>
 +
            <a href="feedback.html" class="item">Feedback</a>
 +
            <a href="future.html" class="item">Future</a>
 +
          </div>
 +
        </div>
 +
        <a href="clotho.html" class="item">Clotho</a>
 +
        <a href="lab.html" class="item">Lab management</a>
 +
        <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
 +
          Human practice
 +
          <span class="white caret"></span>
 +
          <div class="menu">
 +
            <a href="workshop.html" class="item">Workshop meeting</a>
 +
            <a href="publicity.html" class="item">Publicity</a>
 +
          </div>
 +
        </div>
 +
        <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item active">
 +
          Team
 +
          <span class="white caret"></span>
 +
          <div class="menu">
 +
            <a href="about.html" class="item">About us</a>
 +
            <a href="achievement.html" class="item">Achievement</a>
 +
            <a href="notebook.html" class="item">Notebook</a>
 +
            <a href="acknowledgement.html" class="item">Acknoledgement</a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="header">
 +
      <div class="segment">
 +
        <div id="overview" class="container">
 +
          <div class="introduction">
 +
            <h1 class="ui dividing header">Achievement</h1>
 +
            <p class="lead">Below are requirements and our achievements.</p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="main container page">
 +
      <div class="peek">
 +
        <div class="ui vertical pointing secondary menu">
 +
          <a class="active item">Bronze Medal requiement</a>
 +
          <a class="active item">Silver Medal requirement</a>
 +
          <a class="active item">Gold Medal requirement</a>
 +
        </div>
 +
      </div>
 +
      <div class="page-container">
 +
        <h2 class="ui dividing header">Bronze Medal requirement</h2>
 +
        <section id="motivation"></section>
 +
        <p>To earn a Silver Medal, in addition to the Bronze Medal requirements, a team must do ONE of the following:</p>
 +
        <table class='ui table segment'>
 +
          <thead>
 +
            <tr>
 +
              <th>Requirement</th>
 +
              <th>Achievement</th>
 +
            </tr>
 +
          </thead>
 +
          <tbody>
 +
              <tr>
 +
                <td>
 +
                  Provide a detailed, draft specification for the next version of your software tool
 +
                </td>
 +
                <td>
 +
                  See <a href="future.html" target="_blank">future</a> part of this wiki.
 +
                </td>
 +
              </tr>
 +
              <tr>
 +
                <td>
 +
                  Provide a second, distinct (yet complementary) software tools project.
 +
                </td>
 +
                <td>
 +
                  We have put <a href="clotho.html" target="_blank">Circuit List</a>, which is Clotho verion of Circuit+.
 +
                </td>
 +
              </tr>
 +
              <tr>
 +
                <td>
 +
                  Provide a demonstration of their software either as a textual or video tutorial made available on their wiki. This tutorial should explain all the features of the tool as well as provide sample input and output as appropriate.
 +
                <td>
 +
                  See <a href="tutorial.html" target="_blank">tutorial</a> part of this wiki.
 +
                </td>
 +
              </tr>
 +
          </tbody>
 +
        </table>
 +
        <h2 class="ui dividing header">Privacy policy</h2>
 +
        <section id="motivation"></section>
 +
      </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 09:01, 28 October 2013

SUSTC-ShenZhen-B

Achievement

Below are requirements and our achievements.

Bronze Medal requirement

To earn a Silver Medal, in addition to the Bronze Medal requirements, a team must do ONE of the following:

Requirement Achievement
Provide a detailed, draft specification for the next version of your software tool See future part of this wiki.
Provide a second, distinct (yet complementary) software tools project. We have put Circuit List, which is Clotho verion of Circuit+.
Provide a demonstration of their software either as a textual or video tutorial made available on their wiki. This tutorial should explain all the features of the tool as well as provide sample input and output as appropriate. See tutorial part of this wiki.

Privacy policy