Team:SUSTC-Shenzhen-B/Sandbox

From 2013.igem.org

(Difference between revisions)
 
(24 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;}
+
    <title>SUSTC-ShenZhen-B</title>
-
    #search-controls {display:none;}
+
 
-
    .printfooter {display:none;}
+
    <style type="text/css">
-
    #footer-box {border:none;}
+
      #globalWrapper {width: 100%;font-size: 100%;}
-
    .firstHeading {display:none;}
+
      #top-section {width: 100%; height:100%; border:none;}
-
    #content { border:none !important; width:1024px !important; background: url('') !important;}
+
      #p-logo {display:none;}
-
    #bodyContent {border:none;}
+
      #search-controls {display:none;}
-
    #catlinks {display:none;}
+
      .printfooter {display:none;}
-
    #footer-box {display:none;}
+
      #footer-box {border:none;}
-
    #menubar {display:none;}
+
      .firstHeading {display:none;}
-
    body {
+
      #content { border:none !important; width:1024px !important; background: url('') !important;}
-
      padding: 0;
+
      #bodyContent {border:none;}
-
    }
+
      #catlinks {display:none;}
-
  </style>
+
      #footer-box {display:none;}
-
  <link rel="stylesheet" type="text/css" href="https://2013.igem.org/SUSTC-SZ-B_2013iGEM/CSS/wiki-all.min.css?action=raw&amp;ctype=text/css" />
+
      #menubar {display:none;}
-
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Open+Sans:300italic,400,300,700" />
+
      body {
 +
        padding: 0;
 +
      }
 +
 
 +
      .caret {
 +
        display: inline-block;
 +
        width: 0;
 +
        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">
   <body id="example">
     <div class="ui fixed transparent inverted main menu">
     <div class="ui fixed transparent inverted main menu">
Line 31: Line 60:
         <a href="#" class="brand">SUSTC-ShenZhen-B</a>
         <a href="#" class="brand">SUSTC-ShenZhen-B</a>
         <div class="right menu">
         <div class="right menu">
-
           <a href="https://igem.org/User_Information" class="item icon">
+
           <a href="https://igem.org/User_Information" class="item">My Account</a>
-
            <i class="icon user"></i>
+
-
            My Account
+
-
          </a>
+
         </div>
         </div>
-
         <div href="/" class="ui dropdown link active">
+
         <div href="/" class="ui dropdown link active item">
-
          <i class="icon home"></i>
+
           iGem Home
           iGem Home
-
           <i class="icon dropdown"></i>
+
           <span class="icon white caret"></span>
           <div class="menu">
           <div class="menu">
             <a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/Sandbox&amp;action=edit" class="item">Edit</a>
             <a href="/wiki/index.php?title=Team:SUSTC-Shenzhen-B/Sandbox&amp;action=edit" class="item">Edit</a>
Line 46: Line 71:
         <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
         <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
           Project
           Project
-
           <i class="icon dropdown"></i>
+
           <span class="white caret"></span>
           <div class="menu">
           <div class="menu">
             <a href="/Team:SUSTC-Shenzhen-B/Project" class="item">Overview</a>
             <a href="/Team:SUSTC-Shenzhen-B/Project" class="item">Overview</a>
Line 54: Line 79:
         <a href="/Team:SUSTC-Shenzhen-B/Team" class="item">Team</a>
         <a href="/Team:SUSTC-Shenzhen-B/Team" class="item">Team</a>
         <a href="/Team:SUSTC-Shenzhen-B/Desktop" class="desktop item">Only Desktop visible</a>
         <a href="/Team:SUSTC-Shenzhen-B/Desktop" class="desktop item">Only Desktop visible</a>
 +
      </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">Project overview</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">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 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>
     </div>
     </div>
Line 59: Line 139:
     <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="https://2013.igem.org/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 65: Line 192:
         $('#bodyContent').attr('id', '');
         $('#bodyContent').attr('id', '');
         $('#globalWrapper').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 () {
       $(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.