Team:SUSTC-Shenzhen-B/Sandbox

From 2013.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
+
  <head>
-
  <meta charset="utf-8" />
+
    <meta charset="utf-8" />
-
  <meta name="description" content="" />
+
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
-
  <meta name="author" content="SUSTC-ShenZhen-B" />
+
-
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
-
  <title>SUSTC-ShenZhen-B</title>
+
-
  <style type="text/css">
+
    <meta name="description" content="" />
-
     #globalWrapper {width: 100%;font-size: 100%;}
+
     <meta name="author" content="SUSTC-ShenZhen-B" />
-
    #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;
+
-
    }
+
-
     .caret {
+
     <title>SUSTC-ShenZhen-B</title>
-
       display: inline-block;
+
 
-
      width: 0;
+
    <style type="text/css">
-
      height: 0;
+
      #globalWrapper {width: 100%;font-size: 100%;}
-
      margin-left: 2px;
+
      #top-section {width: 100%; height:100%; border:none;}
-
      vertical-align: middle;
+
      #p-logo {display:none;}
-
      border-top: 4px solid #000000;
+
      #search-controls {display:none;}
-
      border-right: 4px solid transparent;
+
      .printfooter {display:none;}
-
      border-bottom: 0 dotted;
+
       #footer-box {border:none;}
-
      border-left: 4px solid transparent;
+
      .firstHeading {display:none;}
-
      content: "";
+
      #content { border:none !important; width:1024px !important; background: url('') !important;}
-
    }
+
      #bodyContent {border:none;}
-
    .icon.caret {
+
      #catlinks {display:none;}
-
      opacity: 0.75;
+
      #footer-box {display:none;}
-
    }
+
      #menubar {display:none;}
-
    .white.caret {
+
      body {
-
      border-top-color: #FFFFFF;
+
        padding: 0;
-
    }
+
      }
-
    .main.menu {
+
 
-
      top: 0;
+
      .caret {
-
    }
+
        display: inline-block;
-
  </style>
+
        width: 0;
-
  <link rel="stylesheet" type="text/css" href="/SUSTC-SZ-B_2013iGEM/CSS/wiki-all.min.css?action=raw&amp;ctype=text/css" />
+
        height: 0;
-
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Open+Sans:300italic,400,300,700" />
+
        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">
   <body id="example">
     <div class="ui fixed transparent inverted main menu">
     <div class="ui fixed transparent inverted main menu">
Line 85: Line 92:
     </div>
     </div>
     <div class="main container page">
     <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">Technique standard and Database</a>
 +
              <a class="item">Circuit+</a>
 +
              <a class="item">Clotho application: Circuit List and TTEC</a>
 +
              <a class="item">Synthetic biology laboratory management</a>
 +
              <a class="item">Human practice</a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="page-container">
 +
        <h2 class="ui dividing header">Motivation</h2>
 +
        <section id="motivation"></section>
 +
        <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>
 +
 +
        <h2 class="ui dividing header">Actions</h2>
 +
        <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>
Line 94: Line 134:
           &copy; SUSTC-ShenZhen-B
           &copy; SUSTC-ShenZhen-B
         </div>
         </div>
-
        <a href="/page/privacypolicy" class="item">
 
-
          PrivacyPolicy
 
-
        </a>
 
-
        <a href="/page/about" class="item">
 
-
          About
 
-
        </a>
 
-
        <a href="/page/thanks" class="item">
 
-
          Thanks
 
-
        </a>
 
       </div>
       </div>
     </div>
     </div>
     <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
-
     <script type="text/javascript" src="/SUSTC-SZ-B_2013iGEM/JS/wiki-all.min.js?action=raw&amp;ctype=text/javascript"></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">
     <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() {
       function baseRemove() {
         $('#top-section').remove();
         $('#top-section').remove();
Line 116: Line 194:
         $('.main.container.page').parent().attr('id', 'example');
         $('.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 () {
       $(document).ready(function () {
         baseRemove();
         baseRemove();
 +
        loadJavascript();
       });
       });
     </script>
     </script>
   </body>
   </body>
</html>
</html>

Latest revision as of 00:05, 28 October 2013

SUSTC-ShenZhen-B

Overview

Project overview

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.