SUSTC-SZ-B 2013iGEM

From 2013.igem.org

(Difference between revisions)
 
(125 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<link type="text/css" rel="stylesheet" href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/CSS/style.css" />  
+
  <head>
-
<link type="text/css" rel="stylesheet" href="css/bootstrap-responsive.min.css" />
+
    <meta charset="utf-8" />
-
<h1 id="ititle1">SUSTC<br />Shenzhen-B</h1>
+
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
-
<div id="icontent">
+
-
<p id="itag">
+
-
Description
+
-
</p>
+
-
<h2 id="ititle2">
+
-
3Miao
+
-
</h2>
+
-
<div id="itext">
+
-
    <p>
+
-
    We want to establish a user-friendly web2.0 platform which can function as both a handy tool kit and a community. There are mainly 3 reasons that we choose a webpage instead of a native application. First, current software need to users don’t need to download our software. Second, a webpage is not limited with the system, which means users can log in our webpage wherever they can reach the internet. And the last, all the information can be stored by the cloud, so users don’t have to worry about their information being lost.
+
-
    </p>
+
-
            <p>
+
-
                We need 3 steps to achieve our goal. The first step is to build up a modest platform and finish the SB Mapping and the Logical Genetic Designer, LGD for short. SB means synthetic biology of course. The SB Mapping is a net structural mind map that can help users know what we have done with synthetic biology and guide them to come up with what else we can do with synthetic biology. At the end of every branch, users can see the detail of an accomplished project. Those projects come from either the past iGem projects or scientific paper. In the information of every project, user can see a big cell with genetic circuits in it. If user clicks the cell, the circuit will be enlarged and the whole page will jump into the editing interface, the LGD. The LGD is a genetic circuit designer. User can edit the genetic circuit by drag the element library, and the software will present the information of this bacterium and the logical relationship between related parts.
+
-
            </p>
+
-
<p>
+
-
The second step has 2 parts. One is to build a fake E.coli that has the smallest genome and the complete basic metabolic pathway. These pathways are the ???? for the computer to decide the result of user’s genetic circuit. The other is to write a synthetic biological experiment approach generator. This generator can automatically generate a standard experiment approach that suits most experiments.
+
-
</p>
+
-
<p>
+
-
The final step is quite different; it is to make the platform more like a community. In this community user can learn the basic knowledge of synthetic biology, go through the break news of synthetic biology, post their own ideas, comment on others’ work, discuss with other people and so on. Users can also upload handy tools in to the tools kit, which means our community can function as a third-party tools package as well. The SB Mapping, LGD, the experiment approach generator and the terminator efficiency, which is the last year’s project of SUSTC, are all in this kit. What’s more, our community idea is the key to popularize synthetic biology because people can learn knowledge and post their ideas, and then the professional users can take the idea and make it come true.
+
-
</p>
+
-
</div>
+
-
</div>
+
-
<div id="inavigator">
+
-
<a id="ihome" class="shadow" href="home.html">HOME</a>
+
-
<a id="iproject" class="shadow" href="project.html">PROJECT</a>
+
-
<a id="iteam" class="shadow" href="team.html">TEAM</a>
+
-
</div>
+
-
<div id="ifooter">
+
-
<p>
+
-
SUSTC-Shenzhen-B
+
-
</p>
+
-
<p>
+
-
igem2013@sustc.edu.cn
+
-
</p>
+
-
<a href="http://www.facebook.com/sharer.php?u=https://2013.igem.org/SUSTC-SZ-B_2013iGEM&t=SUSTC-Shenzhen-B" title="Facebook" target="blank"><img src="https://static.igem.org/mediawiki/2013/3/3d/F.png" alt="Facebook" /></a>
+
    <meta name="description" content="" />
-
<a href="http://twitter.com/intent/tweet?url=https://2013.igem.org/SUSTC-SZ-B_2013iGEM" title="Twitter" target="blank"><img src="https://static.igem.org/mediawiki/2013/0/02/T.png" alt="Twitter" /></a>
+
    <meta name="author" content="SUSTC-ShenZhen-B" />
-
+
-
<script type="text/javascript" charset="UTF-8">
+
-
(function(){
+
-
var _w = 24 , _h = 24;
+
-
var param = {
+
-
url:location.href,
+
-
type:'2',
+
-
count:'', /**是否显示分享数,1显示(可选)*/
+
-
appkey:'', /**您申请的应用appkey,显示分享来源(可选)*/
+
-
title:'#iGEM#我刚刚浏览了SUSTC-Shenzhen-B的Wiki。真的是太赞了!', /**分享的文字内容(可选,默认为所在页面的title)*/
+
-
pic:'', /**分享图片的路径(可选)*/
+
-
ralateUid:'', /**关联用户的UID,分享微博会@该用户(可选)*/
+
-
language:'zh_cn', /**设置语言,zh_cn|zh_tw(可选)*/
+
-
dpc:1
+
-
}
+
-
var temp = [];
+
-
for( var p in param ){
+
-
temp.push(p + '=' + encodeURIComponent( param[p] || '' ) )
+
-
}
+
-
document.write('<iframe allowTransparency="true" frameborder="0" scrolling="no" src="http://service.weibo.com/staticjs/weiboshare.html?' + temp.join('&') + '" width="'+ _w+'" height="'+_h+'"></iframe>')
+
-
})()
+
-
</script>
+
-
<script type="text/javascript" src="http://widget.renren.com/js/rrshare.js"></script>
+
    <title>SUSTC-ShenZhen-B</title>
-
<a name="xn_share" onclick="shareClick()" type="icon_medium" href="javascript:;"></a>
+
 
-
<script type="text/javascript">
+
    <style type="text/css">
-
function shareClick() {
+
      #globalWrapper {width: 100%;font-size: 100%;}
-
var rrShareParam = {
+
      #top-section {width: 100%; height:100%; border:none;}
-
resourceUrl : 'https://2013.igem.org/SUSTC-SZ-B_2013iGEM', //分享的资源Url
+
      #p-logo {display:none;}
-
srcUrl : '', //分享的资源来源Url,默认为header中的Referer,如果分享失败可以调整此值为resourceUrl试试
+
      #search-controls {display:none;}
-
pic : '', //分享的主题图片Url
+
      .printfooter {display:none;}
-
title : "SUSTC-Shenzhen-B's Wiki", //分享的标题
+
      #footer-box {border:none;}
-
description : '我刚刚浏览了SUSTC-Shenzhen-B的Wiki。真的是太赞了!' //分享的详细描述
+
      .firstHeading {display:none;}
-
};
+
      #content { border:none !important; width:1024px !important; background: url('') !important;}
-
rrShareOnclick(rrShareParam);
+
      #bodyContent {border:none;}
-
}
+
      #catlinks {display:none;}
-
</script>
+
      #footer-box {display:none;}
-
+
      #menubar {display:none;}
-
<script type="text/javascript">
+
      body {
-
(function(){
+
        padding: 0;
-
var p = {
+
      }
-
url:location.href,
+
 
-
showcount:'0',/*是否显示分享总数,显示:'1',不显示:'0' */
+
      .caret {
-
desc:'',/*默认分享理由(可选)*/
+
        display: inline-block;
-
summary:'我刚刚浏览了SUSTC-Shenzhen-B的Wiki。真的是太赞了!',/*分享摘要(可选)*/
+
        width: 0;
-
title:"SUSTC-Shenzhen-B's Wiki",/*分享标题(可选)*/
+
        height: 0;
-
site:'https://2013.igem.org/SUSTC-SZ-B_2013iGEM',/*分享来源 如:腾讯网(可选)*/
+
        margin-left: 2px;
-
pics:'', /*分享图片的路径(可选)*/
+
        vertical-align: middle;
-
style:'202',
+
        border-top: 4px solid #000000;
-
width:24,
+
        border-right: 4px solid transparent;
-
height:24
+
        border-bottom: 0 dotted;
-
};
+
        border-left: 4px solid transparent;
-
var s = [];
+
        content: "";
-
for(var i in p){
+
      }
-
s.push(i + '=' + encodeURIComponent(p[i]||''));
+
      .icon.caret {
-
}
+
        opacity: 0.75;
-
document.write(['<a version="1.0" class="qzOpenerDiv" href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?',s.join('&'),'" target="_blank">分享</a>'].join(''));
+
      }
-
})();
+
      .white.caret {
-
</script>
+
        border-top-color: #FFFFFF;
-
<script src="http://qzonestyle.gtimg.cn/qzone/app/qzlike/qzopensl.js#jsdate=20111201" charset="utf-8"></script>
+
      }
-
</div>
+
      .main.menu {
 +
        top: 0;
 +
      }
 +
      .script.image {
 +
        display: none;
 +
      }
 +
      .logo img {
 +
        width: 100%;
 +
      }
 +
.cp-logo {
 +
      max-width: 100%;
 +
    }
 +
    .cp-logo img.cl {
 +
      position: absolute;
 +
      /* transform: rotate(-90deg); */
 +
    }
 +
    .cp-logo img.background {
 +
      width: 1200px;
 +
    }
 +
    .cp-logo img.big {
 +
      top: 31px;
 +
      left: 46px;
 +
      width: 290px;
 +
    }
 +
    .cp-logo img.software {
 +
      top: 225px;
 +
      left: 277px;
 +
      width: 164px;
 +
    }
 +
    .cp-logo img.mindmap {
 +
      top: 245px;
 +
      left: 441px;
 +
      width: 142px;
 +
    }
 +
    .cp-logo img.lgd {
 +
      top: 276px;
 +
      left: 571px;
 +
      width: 102px;
 +
    }
 +
    .cp-logo img.labmanager {
 +
      top: 245px;
 +
      left: 667px;
 +
      width: 121px;
 +
    }
 +
    .cp-logo img.technistandard {
 +
      top: 230px;
 +
      left: 781px;
 +
      width: 164px;
 +
    }
 +
    .cp-logo img.clotho {
 +
      top: 257px;
 +
      left: 940px;
 +
      width: 75px;
 +
    }
 +
    .cp-logo img.humanpractice {
 +
      top: 265px;
 +
      left: 1010px;
 +
      width: 94px;
 +
    }
 +
    </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="http://circuitplus.org" class="item">Visit Circuit+</a>
 +
        </div>
 +
        <div href="/" class="ui dropdown link active item">
 +
          iGEM
 +
          <span class="icon white caret"></span>
 +
          <div class="menu">
 +
            <a href="https://2013.igem.org/Main_Page" class="item">iGEM homepage</a>
 +
            <a href="/Team:SUSTC-Shenzhen-B" class="item">wiki homepage</a>
 +
            <a href="https://igem.org/User_Information" class="item">My Account</a>
 +
            <a href="https://2013.igem.org/wiki/index.php?title=SUSTC-SZ-B_2013iGEM&action=edit" class="item">Edit</a>
 +
          </div>
 +
        </div>
 +
        <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/project.html" class="item">Overview</a>
 +
        <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/standard.html" class="item">Standard and database</a>
 +
        <div href="/" class="ui dropdown link item">
 +
          Software
 +
          <span class="white caret"></span>
 +
          <div class="menu">
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/circuitplus.html" class="item">Circuit+</a>
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/tutorial.html" class="item">Tutorial</a>
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/safety.html" class="item">Safety</a>
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/feedback.html" class="item">Feedback</a>
 +
            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/future.html" class="item">Future</a>
 +
            <a href="/Team:SUSTC-Shenzhen-B/lab.html" class="item">Lab Manager</a>
 +
            <a href="/Team:SUSTC-Shenzhen-B/clotho.html" class="item">Clotho</a>
 +
          </div>
 +
        </div>
 +
        <div href="/" class="ui dropdown link item">
 +
          Human practice
 +
          <span class="white caret"></span>
 +
          <div class="menu">
 +
            <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">Acknoledgement</a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="header">
 +
      <div class="segment">
 +
        <div id="overview" class="container">
 +
    <div class="cp-logo">
 +
      <!-- <img class="background" src="/wiki/images/2/26/Background.png" /> -->
 +
      <a href="http://circuitplus.org"><img class="cl odd big" src="/wiki/images/c/c9/Logo.png" /></a>
 +
      <img class="cl even software" src="/wiki/images/f/fd/Software.png" />
 +
      <img class="cl odd mindmap" src="/wiki/images/4/4b/Mind_map.png" />
 +
      <img class="cl even lgd" src="/wiki/images/f/f9/LGD.png" />
 +
      <img class="cl odd labmanager" src="/wiki/images/4/4b/Lab_manager.png" />
 +
      <img class="cl even technistandard" src="/wiki/images/5/53/Technistandard.png" />
 +
      <img class="cl odd clotho" src="/wiki/images/9/94/Clotho.png" />
 +
      <img class="cl even humanpractice" src="/wiki/images/4/4f/Human_practice.png" />
 +
    </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="main container page index">
 +
      <p>Welcome to our wiki! This is SUSTC-Shenzhen-B.</p>
 +
      <p>This year, we have developed Circuit+. Circuit+ is an online registry of standard gene circuits.</p>
 +
      <p>Detail information of software can be found in software part of this wiki.</p>
 +
      <p>We also have developed Circuit List and TTEC on Clotho, and Lab Manager. See <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/clotho.html">Clotho</a> and <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/lab.html">Lab Manager</a> for details.</p>
 +
    </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);
 +
        }); */
 +
      }
 +
 
 +
      function logoFun() {
 +
        var r = 0;
 +
        setInterval(function () {
 +
          $('img.cl.odd').attr('style', '-webkit-transform: rotate(' + r + 'deg); -moz-transform: rotate(' + r + 'deg); transform: rotate(' + r + 'deg);');
 +
          $('img.cl.even').attr('style', '-webkit-transform: rotate(-' + r + 'deg); -moz-transform: rotate(' + r + 'deg); transform: rotate(' + r + 'deg);');
 +
          r += 2;
 +
          if (r >= 360) r = 0;
 +
        }, 100);
 +
      }
 +
 
 +
      $(document).ready(function () {
 +
        baseRemove();
 +
        loadJavascript();
 +
        logoFun();
 +
      });
 +
    </script>
 +
  </body>
</html>
</html>

Latest revision as of 04:00, 29 October 2013

SUSTC-ShenZhen-B

Welcome to our wiki! This is SUSTC-Shenzhen-B.

This year, we have developed Circuit+. Circuit+ is an online registry of standard gene circuits.

Detail information of software can be found in software part of this wiki.

We also have developed Circuit List and TTEC on Clotho, and Lab Manager. See Clotho and Lab Manager for details.