SUSTC-SZ-B 2013iGEM

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<link type="text/css" rel="stylesheet" href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/CSS/style.css?action=raw&amp;ctype=text/css" />
+
<style>
-
<link type="text/css" rel="stylesheet" href="css/bootstrap-responsive.min.css" />
+
* {
-
<h1 id="ititle1">SUSTC<br />Shenzhen-B</h1>
+
margin: 0;
-
<div id="icontent">
+
padding: 0;
-
<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>
+
-
<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>
+
-
+
-
<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>
+
-
<a name="xn_share" onclick="shareClick()" type="icon_medium" href="javascript:;"></a>
+
-
<script type="text/javascript">
+
-
function shareClick() {
+
-
var rrShareParam = {
+
-
resourceUrl : 'https://2013.igem.org/SUSTC-SZ-B_2013iGEM', //分享的资源Url
+
-
srcUrl : '', //分享的资源来源Url,默认为header中的Referer,如果分享失败可以调整此值为resourceUrl试试
+
-
pic : '', //分享的主题图片Url
+
-
title : "SUSTC-Shenzhen-B's Wiki", //分享的标题
+
-
description : '我刚刚浏览了SUSTC-Shenzhen-B的Wiki。真的是太赞了！' //分享的详细描述
+
-
};
+
-
rrShareOnclick(rrShareParam);
+
}
}
 +
html, body {
 +
height: 100%;
 +
}
 +
#top_section {
 +
background: black no-repeat 50% 0;
 +
height: 100%;
 +
overflow: hidden;
 +
}
 +
ul li {
 +
display: inline-block;
 +
padding: 15px;
 +
}
 +
ul li a {
 +
text-decoration: none;
 +
color: white;
 +
font-size: big;
 +
}
 +
</style>
 +
<script>
 +
window.onload = function () {
 +
var menu = document.getElementById('menu');
 +
var init = menu.offsetTop;
 +
var docked;
 +
window.onscroll = function () {
 +
            if (!docked && (menu.offsetTop - scrollTop() < 0)) {
 +
menu.style.top = 0;
 +
menu.style.position = 'fixed';
 +
menu.className = 'docked';
 +
docked = true;
 +
            } else if (docked && scrollTop() <= init) {
 +
menu.style.position = 'absolute';
 +
menu.style.top = init + 'px';
 +
menu.className = menu.className.replace('docked', '');
 +
docked = false;
 +
            }
 +
};
 +
function scrollTop() {
 +
return document.body.scrollTop || document.documentElement.scrollTop;
 +
}
 +
};
</script>
</script>
-
+
</head>
-
<script type="text/javascript">
+
<body style="background: black;">
-
(function(){
+
<div id="top_section" style="color: white; margin:0px">
-
var p = {
+
<div class="text-center" style="width:50%; line-height: 1; position: relative; left: 25%; top: 10%; padding: 20px">
-
url:location.href,
+
<img src="img/logo.png" style="width: 35%; padding-bottom: 5%;" />
-
showcount:'0',/*是否显示分享总数,显示：'1'，不显示：'0' */
+
<h1 style="font-size: 80px; margin-bottom: 5%;">Biomiao</h1>
-
desc:'',/*默认分享理由(可选)*/
+
<p>Welcome to the wiki of SUSTC-Shenzhen B! This is the second year that SUSTC takes part in the iGEM. In our wiki, you can learn every aspect of our project: the software itself, team menbers, human pracrice, and notebook is also included.</p>
-
summary:'我刚刚浏览了SUSTC-Shenzhen-B的Wiki。真的是太赞了！',/*分享摘要(可选)*/
+
<a href="" class="btn btn-success">Go To Biomiao</a>
-
title:"SUSTC-Shenzhen-B's Wiki",/*分享标题(可选)*/
+
<p>Or</p>
-
site:'https://2013.igem.org/SUSTC-SZ-B_2013iGEM',/*分享来源 如：腾讯网(可选)*/
+
<h2>Move down to see more...</h2>
-
pics:'', /*分享图片的路径(可选)*/
+
</div>
-
style:'202',
+
</div>
-
width:24,
+
<div id="menu" style="width:100%; background: rgba(0,0,0,1); position: relative; top: -60px; height:50px; z-index: 1000;";>
-
height:24
+
<ul style="list-style-type: none; float: right;">
-
};
+
<li><a href="#project">Project</a></li>
-
var s = [];
+
<li><a href="#team">Team</a></li>
-
for(var i in p){
+
<li><a href="#human">Human Practice</a></li>
-
s.push(i + '=' + encodeURIComponent(p[i]||''));
+
<li><a href="#notebook">Notebook</a></li>
-
}
+
</ul>
-
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(''));
+
</div>
-
})();
+
<div id="project" style="background: url(img/2.jpg); height: 800px;">
-
</script>
+
<div style="position: relative; top: 20%; left: 50%; color: #888; margin: 5%; width: 40%;">
-
<script src="http://qzonestyle.gtimg.cn/qzone/app/qzlike/qzopensl.js#jsdate=20111201" charset="utf-8"></script>
+
<h1>Biomiao.org</h1>
-
</div>
+
<p>A repositry of gene citcuits in Synthetic Biology</p>
 +
<p>A platform that holds light-weight Apps to re-utility the circuits information. LGD, TTEC are  provided.</p>
 +
<p>In the future, you can say hello to other scientits to work collaboratly.</p>
 +
<h3>Project Abstract</h3>
 +
<p style="text-indent: 2em;">Our project, 3 Miao synthetic biology platform, is different from all the iGem software projects in the past, for we have an ambition to create a community for the whole synthetic biology. In this community, we offer a platform for the collection of handy tools provided by either the iGem teams or the company to facilitate users to study synthetic biology more conveniently. Among these handy tools, Mind Road, LGD and TTEC are uploaded by us. Mind Road is for projects review and divergent thinking. LGD is a genetic circuit designer which can present the logical relationship of related parts. On the other hand, the community allows users to 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, just like the Facebook and Twitter. In this way, our community will greatly popularize synthetic biology.</p>
 +
<a href="project.html" class="btn btn-primary">See More</a>
 +
</div>
 +
</div>
 +
<div id="team" style="background: url(img/3.png) #66c000 no-repeat 50% 100%; background-position: right bottom;height: 800px;">
 +
<div style="padding-top: 80px; width: 280px; margin-left: 40px;">
 +
<h1>Team</h1>
 +
<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>
 +
<a href="team.html" class="btn btn-primary">See More</a>
 +
</div>
 +
</div>
 +
<div id="human" style="background: red no-repeat 50% 100%; height: 800px;">
 +
<div style="margin-top:0px; padding-top: 80px">
 +
<h1>Project Description</h1>
 +
<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>
 +
<a href="" class="btn btn-primary">See More</a>
 +
</div>
 +
</div>
 +
<div id="notebook" style="background: yellow no-repeat 50% 100%; height: 800px;">
 +
<div style="margin-top:0px; padding-top: 80px">
 +
<h1>Project Description</h1>
 +
<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>
 +
<a href="notebook.html" class="btn btn-primary">See More</a>
 +
</div>
 +
</div>
 +
</body>
</html>
</html>

Revision as of 14:11, 25 September 2013

Biomiao

Welcome to the wiki of SUSTC-Shenzhen B! This is the second year that SUSTC takes part in the iGEM. In our wiki, you can learn every aspect of our project: the software itself, team menbers, human pracrice, and notebook is also included.

Go To Biomiao

Or

Move down to see more...

Biomiao.org

A repositry of gene citcuits in Synthetic Biology

A platform that holds light-weight Apps to re-utility the circuits information. LGD, TTEC are provided.

In the future, you can say hello to other scientits to work collaboratly.

Project Abstract

Our project, 3 Miao synthetic biology platform, is different from all the iGem software projects in the past, for we have an ambition to create a community for the whole synthetic biology. In this community, we offer a platform for the collection of handy tools provided by either the iGem teams or the company to facilitate users to study synthetic biology more conveniently. Among these handy tools, Mind Road, LGD and TTEC are uploaded by us. Mind Road is for projects review and divergent thinking. LGD is a genetic circuit designer which can present the logical relationship of related parts. On the other hand, the community allows users to 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, just like the Facebook and Twitter. In this way, our community will greatly popularize synthetic biology.

See More

Team

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.

See More

Project Description

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.

See More

Project Description

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.

See More

Retrieved from "http://2013.igem.org/SUSTC-SZ-B_2013iGEM"