Team:SUSTC-Shenzhen-B/future.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/future.html&amp;action=edit">Edit</a></li>
+
        border-top-color: #FFFFFF;
-
                                                        <li><a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/future.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 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="https://2013.igem.org/Main_Page" class="item">iGEM homepage</a>
-
                          <li><a href="notebook.html">Notebook</a></li>
+
            <a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/future.html&amp;action=edit" class="item">Edit</a>
-
                          <li><a href="thank.html">Special Thanks</a></li>
+
          </div>
-
                                                                    </ul>
+
        </div>
-
                                                        </li>
+
        <a href="project.html" class="item">Overview</a>
-
                                                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice<b class="caret"></b></a>
+
        <a href="standard.html" class="item">Standard and database</a>
-
                        <ul class="dropdown-menu">
+
        <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item active">
-
                          <li><a href="meeting.html">Exchange Meeting</a></li>
+
          Software
-
                          <li><a href="publicity.html">Publicity</a></li>
+
          <span class="white caret"></span>
-
                          <li><a href="lecture.html">Lecture</a></li>
+
          <div class="menu">
-
                                                                    </ul>
+
            <a href="circuitplus.html" class="item">Circuit+</a>
-
                                                        </li>
+
            <a href="feature.html" class="item">Feature</a>
-
</ul>
+
            <a href="tutorial.html" class="item">Tutorial</a>
-
      </div>
+
            <a href="safety.html" class="item">Safety</a>
-
    </div>
+
            <a href="APIs.html" class="item">APIs</a>
-
  </div>
+
            <a href="feedback.html" class="item">Feedback</a>
-
</div>
+
            <a href="future.html" class="item">Future</a>
-
<div id="content-inner" class="container">
+
          </div>
-
<div class="row">
+
        </div>
-
<div class="span3 bs-docs-sidebar">
+
        <a href="clotho.html" class="item">Clotho</a>
-
<ul class="nav nav-list" data-spy="affix" data-offset-top="200">
+
        <a href="lab.html" class="item">Lab management</a>
-
                                                <li class="nav-header">Future Plan</li>
+
        <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
-
  <li class="active"><a href="#global">Integrate other software into Circuit Registry</a></li>
+
          Human practice
-
                                                <li><a href="#lab">Promote sharing in synthetic biology community</a></li>
+
          <span class="white caret"></span>
-
                                                <li><a href="#design">Add modeling function to LGD</a></li>
+
          <div class="menu">
-
</ul>
+
            <a href="workshop.html" class="item">Workshop meeting</a>
-
</div>
+
            <a href="publicity.html" class="item">Publicity</a>
-
<div class="span9">
+
          </div>
-
                                        <h1>Future Plan</h1>
+
        </div>
-
                                        <p>In the next version of our software, we have the following plan:</p>
+
        <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
-
                                        <div id="global">
+
          Team
-
<h3>Integrate other software into Circuit Registry</h3>
+
          <span class="white caret"></span>
-
<p>Circuit Registry is an open platform. We want to integrate other tools into Circuit Registry, such tools includes automatical mathematical modeling program, restriction enzyme sites identification software, and etc. In our current version, we also include TTEC, a terminator efficiency prediction software, which is developed by SUSTC-Shenzhen-B in 2012.</p>
+
          <div class="menu">
-
                                        </div>
+
            <a href="about.html" class="item">About us</a>
-
                                        <div id="lab">
+
            <a href="achievement.html" class="item">Achievement</a>
-
<h3>Promote sharing in synthetic biology community</h3>
+
            <a href="notebook.html" class="item">Notebook</a>
-
<p>Sharing plasmid is popular among iGEM teams and synthetic biology community. However, there is no website that list the available plasmids in the world. We plan to add such a feather to our next version software. A registered team will have an option to list the plasmids they are willing to share.</p>
+
            <a href="acknowledgement.html" class="item">Acknoledgement</a>
-
</div>
+
          </div>
-
                                        <div id="design">
+
        </div>
-
<h3> Add modeling function to LGD</h3>
+
        <a href="/Team:SUSTC-Shenzhen-B/Desktop" class="desktop item">Only Desktop visible</a>
-
<p>We plan to add differentiation equation modeling to LGD. Current version LGD is only a graphical software. To help user to better predict their design, our next version of LGD can automatically generate equations and perform numerical analysis to the model.</p>
+
      </div>
-
                                        </div>
+
    </div>
-
</div>
+
    <div class="header">
-
</div>
+
      <div class="segment">
-
</div>
+
        <div id="overview" class="container">
-
</body>
+
          <div class="introduction">
 +
            <h1 class="ui dividing header">Future</h1>
 +
            <p class="lead">The next version of Circuit+</p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="main container page">
 +
      <div class="peek">
 +
        <div class="ui vertical pointing secondary menu">
 +
          <a class="active item">Making standard for regulatory relations</a>
 +
          <a class="active item">Update Database</a>
 +
          <a class="active item">Improve SBOL</a>
 +
          <a class="active item">Redesign LGD</a>
 +
          <a class="active item">Cooperate with the Registry of Standard Biological Parts</a>
 +
          <a class="active item">Promote the software</a>
 +
        </div>
 +
      </div>
 +
      <div class="page-container">
 +
        <h2 class="ui dividing header">Making standard for regulatory relations</h2>
 +
        <section id="motivation"></section>
 +
        <p>So far, we have made standard for logical gene module and genetic circuit (RFC 101 and RFC 102). To represent the relations between parts in circuit and to go back to the origin idea in synthetic biology that relations exist in circuit, a standard to describe the logical relations between parts is needed. So, we will make this standard and revise existing standard RFC 101 and RFC 102 to make them compatible.</p>
 +
        <h2 class="ui dividing header">Update Database</h2>
 +
        <section id="motivation"></section>
 +
        <p>The information in the database is not perfect now. We will update database both from structure and content in the next version. The structure can be improved to coordinate the standard better. More and better quality of circuits will be recorded from collecting and uploading.</p>
 +
        <h2 class="ui dividing header">Improve SBOL</h2>
 +
        <section id="motivation"></section>
 +
        <p>We use extensions in SBOL exported by Circuit+ and this may result in some errors when other software reading this SBOL. We will fix this bug in the next version of Circuit+. We think we can also add our software to SBOL’s website as an example of how to use SBOL and join in the g+ group of SBOL to build a better SBOL.</p>
 +
        <h2 class="ui dividing header">Redesign LGD</h2>
 +
        <section id="motivation"></section>
 +
        <p>In the first plan of our software, Logical Genetic Designer, which is also can be written as LGD, would be very powerful. Except the functions that Logical Genetic Diagram have, Logical Genetic Designer can also help users to redesign the circuits and show the relations in the new circuits. It can also show the relations between parts in circuit and gene that on the typical plasmids of E. coli. What’s more, it can even do modeling. Equipped with Logical Genetic Designer, you can designer your circuit very easily and wet lab time will be reduced. However, as freshmen when we came up with this idea, we found it too difficult. So we decided to do that step by step and this is why you can see LGD’s first version, Logical Genetic Designer. Believe us and we will make a true LGD in the future.</p>
 +
        <h2 class="ui dividing header">Cooperate with the Registry of Standard Biological Parts</h2>
 +
        <section id="motivation"></section>
 +
        <p>We will contact the Registry of Standard Biological Parts. We have employed some data from the Registry through their API. The Registry and Circuit+ have many things in common and they are complementary to some degree. We think cooperation of the Registry of Standard Biological Parts and Circuit+ will open a new age of synthetic biology.</p>
 +
        <h2 class="ui dividing header">Promote the software</h2>
 +
        <section id="motivation"></section>
 +
        <p>We will promote our software as well as synthetic biology in the future. The open database needs your participation and we are waiting for you!</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 01:55, 28 October 2013

SUSTC-ShenZhen-B

Future

The next version of Circuit+

Making standard for regulatory relations

So far, we have made standard for logical gene module and genetic circuit (RFC 101 and RFC 102). To represent the relations between parts in circuit and to go back to the origin idea in synthetic biology that relations exist in circuit, a standard to describe the logical relations between parts is needed. So, we will make this standard and revise existing standard RFC 101 and RFC 102 to make them compatible.

Update Database

The information in the database is not perfect now. We will update database both from structure and content in the next version. The structure can be improved to coordinate the standard better. More and better quality of circuits will be recorded from collecting and uploading.

Improve SBOL

We use extensions in SBOL exported by Circuit+ and this may result in some errors when other software reading this SBOL. We will fix this bug in the next version of Circuit+. We think we can also add our software to SBOL’s website as an example of how to use SBOL and join in the g+ group of SBOL to build a better SBOL.

Redesign LGD

In the first plan of our software, Logical Genetic Designer, which is also can be written as LGD, would be very powerful. Except the functions that Logical Genetic Diagram have, Logical Genetic Designer can also help users to redesign the circuits and show the relations in the new circuits. It can also show the relations between parts in circuit and gene that on the typical plasmids of E. coli. What’s more, it can even do modeling. Equipped with Logical Genetic Designer, you can designer your circuit very easily and wet lab time will be reduced. However, as freshmen when we came up with this idea, we found it too difficult. So we decided to do that step by step and this is why you can see LGD’s first version, Logical Genetic Designer. Believe us and we will make a true LGD in the future.

Cooperate with the Registry of Standard Biological Parts

We will contact the Registry of Standard Biological Parts. We have employed some data from the Registry through their API. The Registry and Circuit+ have many things in common and they are complementary to some degree. We think cooperation of the Registry of Standard Biological Parts and Circuit+ will open a new age of synthetic biology.

Promote the software

We will promote our software as well as synthetic biology in the future. The open database needs your participation and we are waiting for you!