Difference between revisions of "Template:Tongji-software"
| (48 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| − | |||
<html> | <html> | ||
| − | |||
| Line 19: | Line 17: | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
| − | |||
body{ | body{ | ||
margin: 0; | margin: 0; | ||
color:#685454; | color:#685454; | ||
| − | font-family: | + | font-family: Helvetica, Arial, sans-serif; |
/* font-family: "Times New Roman", Cambria, serif;*/ | /* font-family: "Times New Roman", Cambria, serif;*/ | ||
background-color:#fff; | background-color:#fff; | ||
| Line 32: | Line 29: | ||
float: left; | float: left; | ||
top: 0px; | top: 0px; | ||
| − | background-color: # | + | background-color: #592e2e; |
margin-top:0px; | margin-top:0px; | ||
width: 10%; | width: 10%; | ||
| Line 70: | Line 67: | ||
filter: brightness(200%); | filter: brightness(200%); | ||
transform: scale(1.2); | transform: scale(1.2); | ||
| + | } | ||
| + | |||
| + | .line { | ||
| + | position: fixed; | ||
| + | float: left; | ||
| + | top: 0px; | ||
| + | left:10%; | ||
| + | background-color: #ffb6bc; | ||
| + | width: 1%; | ||
| + | height: 100%; | ||
| + | padding-right:-20px; | ||
| + | padding-top:10px; | ||
} | } | ||
| Line 77: | Line 86: | ||
top: 0px; | top: 0px; | ||
left:10%; | left:10%; | ||
| − | background-color: # | + | background-color: #ffb6bc; |
| − | width: | + | width: 11%; |
height: 100%; | height: 100%; | ||
padding-right:-20px; | padding-right:-20px; | ||
| Line 99: | Line 108: | ||
.left ul li{ | .left ul li{ | ||
| + | display:block; | ||
color:#685454; | color:#685454; | ||
list-style: none; | list-style: none; | ||
| Line 106: | Line 116: | ||
border-bottom: 0.5px solid #685454; | border-bottom: 0.5px solid #685454; | ||
transition: 0.3s; | transition: 0.3s; | ||
| + | font-weight:bold; | ||
| + | font-size:18px; | ||
} | } | ||
.left ul li :hover{ | .left ul li :hover{ | ||
| − | + | display: inline-block; | |
| − | transition: 0.3s; | + | -webkit-filter: brightness(0%); |
| + | filter: brightness(0%); | ||
| + | transition:all 0.3s; | ||
| + | transform: scale(1.15); | ||
| + | } | ||
| + | .left li:before { | ||
| + | content: ''; | ||
| + | height: 100%; | ||
| + | left: 0; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | -webkit-transition: width 0.2s ease-in; | ||
| + | transition: width 0.2s ease-in; | ||
| + | width: 3px; | ||
| + | z-index: -1; | ||
| + | } | ||
| + | |||
| + | .left li:hover:before { | ||
| + | -webkit-transition: width 0.2s ease-in; | ||
| + | transition: width 0.2s ease-in; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .left li.open:hover before { | ||
| + | -webkit-transition: width 0.2s ease-in; | ||
| + | transition: width 0.2s ease-in; | ||
| + | width: 100%; | ||
} | } | ||
| Line 126: | Line 163: | ||
top:0px; | top:0px; | ||
z-index: -1; | z-index: -1; | ||
| − | |||
} | } | ||
| Line 133: | Line 169: | ||
position:absolute; | position:absolute; | ||
float: left; | float: left; | ||
| − | top: | + | top:25%; |
| − | left: | + | left:28%; |
font-size: 48px; | font-size: 48px; | ||
| − | color: # | + | color:#e5838f; |
z-index: 2; | z-index: 2; | ||
font-weight: bolder; | font-weight: bolder; | ||
| Line 145: | Line 181: | ||
float: left; | float: left; | ||
top:110%; | top:110%; | ||
| − | left: | + | left:20%; |
width:71%; | width:71%; | ||
font-size: 18px; | font-size: 18px; | ||
z-index: 2; | z-index: 2; | ||
| − | |||
margin-left：50px; | margin-left：50px; | ||
line-height: 35px; | line-height: 35px; | ||
| Line 157: | Line 192: | ||
.content .h1{ | .content .h1{ | ||
margin-top: 20px; | margin-top: 20px; | ||
| − | font-size: | + | font-size: 34px; |
font-weight: bold; | font-weight: bold; | ||
| − | color: # | + | color: #ffb6bc; |
} | } | ||
.content .top{ | .content .top{ | ||
| − | padding-top: | + | padding-top: 23px; |
| − | padding-left: | + | padding-left: 90px; |
display: table-cell; | display: table-cell; | ||
vertical-align:middle; | vertical-align:middle; | ||
text-align:center; | text-align:center; | ||
font-weight:bold; | font-weight:bold; | ||
| − | font-size: | + | font-size: 25px; |
color:#685454; | color:#685454; | ||
padding-bottom: 20px; | padding-bottom: 20px; | ||
| Line 177: | Line 212: | ||
display: inline-block; | display: inline-block; | ||
text-indent:2em; | text-indent:2em; | ||
| − | font-size: | + | font-size: 18px; |
| − | padding-top: | + | padding-top: 10px; |
| − | padding-bottom: | + | padding-bottom: 10px; |
| + | |||
} | } | ||
| + | .content .question{ | ||
| + | display: inline-block; | ||
| + | font-size: 20px; | ||
| + | padding-top: 10px; | ||
| + | padding-bottom: 10px; | ||
| + | color:#62acf9; | ||
| + | font-weight:bold; | ||
| + | } | ||
.content img{ | .content img{ | ||
padding-left: 50px; | padding-left: 50px; | ||
| Line 187: | Line 231: | ||
vertical-align:middle; | vertical-align:middle; | ||
} | } | ||
| − | |||
| + | #btn{ | ||
| + | display: none; | ||
| + | position: fixed; | ||
| + | left: 90%; | ||
| + | bottom: 40px; | ||
| + | height:80px; | ||
| + | width: 80px; | ||
| + | background: url(https://static.igem.org/mediawiki/2018/9/9d/T--Tongji-Software--logo4.png) no-repeat left top; | ||
| + | background-size:100% auto; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | </style> | ||
| + | <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/css/style.css&action=raw&ctype=text/css"> | ||
<body> | <body> | ||
| + | |||
| + | |||
<div class="icon"> | <div class="icon"> | ||
<ul> | <ul> | ||
| − | <a href="https://2018.igem.org/Team:Tongji-Software | + | <a href="https://2018.igem.org/Team:Tongji-Software" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/f/fa/T--Tongji-Software--logo.svg" width="55%" ></li></a> |
| − | <a href="https://2018.igem.org/Team:Tongji-Software/ | + | <a href="https://2018.igem.org/Team:Tongji-Software/Project" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/e/ed/T--Tongji-Software--Pro.svg" width="30%" ></li></a> |
| − | <a href="https://2018.igem.org/Team:Tongji-Software/ | + | <a href="https://2018.igem.org/Team:Tongji-Software/Team" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/1/1f/T--Tongji-Software--Tea.svg" width="30%" ></li></a> |
| − | <a href="https://2018.igem.org/Team:Tongji-Software/ | + | <a href="https://2018.igem.org/Team:Tongji-Software/Attributions" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/86/T--Tongji-Software--Att.svg" width="30%" ></li></a> |
| − | <a href="https://2018.igem.org/Team:Tongji-Software/ | + | <a href="https://2018.igem.org/Team:Tongji-Software/Model" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/7/77/T--Tongji-Software--Mod.svg" width="30%" ></li></a> |
| − | <a href="https://2018.igem.org/Team:Tongji-Software/ | + | <a href="https://2018.igem.org/Team:Tongji-Software/Collaborations" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/d/d3/T--Tongji-Software--Col.svg" width="30%" ></li></a> |
| − | <a href="https://2018.igem.org/Team:Tongji-Software/Requirements" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/5/5f/T--Tongji-Software--Req.svg" width=" | + | <a href="https://2018.igem.org/Team:Tongji-Software/Requirements" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/5/5f/T--Tongji-Software--Req.svg" width="30%" ></li></a> |
| − | <a href="https://2018.igem.org/Team:Tongji-Software/ | + | <a href="https://2018.igem.org/Team:Tongji-Software/Human_Practices" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/c/cc/T--Tongji-Software--Hum.svg" width="30%" ></li></a> |
| − | <a href="https://2018.igem.org/Team:Tongji-Software/ | + | <a href="https://2018.igem.org/Team:Tongji-Software/Measurement" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tongji-Software--Med.svg" width="30%" ></li></a> |
</ul> | </ul> | ||
</div> | </div> | ||
| + | <div class="line"> | ||
| + | </div> | ||
| + | <div><a href="javascript:;" id="btn" title="Return to Top"></a></div> | ||
| − | + | <div id = "wrapper"> | |
| + | <div class="left" id = "sidebar-wrapper"> | ||
<ul> | <ul> | ||
| − | <li><a href="# | + | <li><a href="#Contribution">Contribution</a></li> |
| − | <li><a href="# | + | <li><a href="#Demonstration">Demonstration</a></li> |
| − | <li><a href="# | + | <li><a href="#Safety">Safety</a></li> |
| − | + | </ul> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | </ul> | + | |
| − | + | ||
| − | + | </div> | |
| − | + | ||
| − | + | <div class="picture"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/0/0e/T--Tongji-Software--requirement-background.jpeg" width="100%" > | |
| − | + | ||
| − | <img src="https://static.igem.org/mediawiki/2018/ | + | |
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
<div class="title"> | <div class="title"> | ||
| − | <span> | + | <span>Requirements</span> |
</div> | </div> | ||
| + | <div class="content" id="con"> | ||
| + | <span class="h1" name='con' id="Contribution"> | ||
| + | Contribution</br> | ||
| + | </span> | ||
| − | + | <span class="detail">Alpha Ant is a convenient and efficient pathway design tool. More importantly, it is reliable. Check it in <a href="https://2018.igem.org/Team:Tongji-Software/Validation">Validation</a>. We provide users with enzyme gene information of Biobricks, including sequence information and physiochemical characteristics. The core idea is to design proper and efficient pathway and recommend Biobricks (mainly enzyme gene) for users’ need.</span></br> | |
| − | + | (这里放我们软件的截图) | |
| − | + | <span class="detail">There are three main contribution to synthetic biology:</span></br> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <span class="detail"> First one is that we offer more possibilities. We collect 7 reliable online databases and create our own data structure, including KEGG, MetaCyc, BRENDA and so on. Users can find several possible pathways consist of different enzyme-encoding genes. Those genes could be from any organism in nature. Consequently, many possible options are given to the user. Check users’ guide in <a href ="https://2018.igem.org/Team:Tongji-Software/Requirements#Demonstration">Demonstration</a>.</span></br> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <span class="detail">Second one is that more information is provided including Physiochemical characteristics of compounds and enzymes, gene information and FBA data. Especially the physiochemical data, changes in each one of the chassis cell system could contribute to inefficiency or failure of a pathway. So we want to provide information as much as possible. What we are doing right now is for everyone who is engaged in synthetic biology and for their consideration.</span></br> | |
| − | + | ||
| − | + | <span class="detail">Third one is that we offer some very useful functions other than pathway design, which are microorganism recommendation, SMILES comparison and FBA. Actually, we are trying to meet every experimenters need as much as possible. Details can be found in <a href="https://2018.igem.org/Team:Tongji-Software/Project">Project</a> and <a href = "https://2018.igem.org/Team:Tongji-Software/Model">model</a>.</span></br> | |
| − | + | ||
| + | |||
| + | <span class="h1" id="Demonstration"> | ||
| + | Demonstration</br> | ||
| + | </span> | ||
| + | |||
| + | <span class="h1" id="Safety"> | ||
| + | Safety</br> | ||
| + | </span> | ||
| + | <span class="question">Q1: Who will use your software? What will the user concern about?</span></br> | ||
| + | <b>Alpha Ant:</b></br> | ||
| + | <span class="detail">1. For synthetic biologist</span></br> | ||
| + | <span class="detail">Pathway engineering: design proper metabolic pathways while taking into account several criteria such as thermodynamic feasibility, material competition of heterologous reactions, atom conservation, toxicity of intermediates. </span></br> | ||
| + | |||
| + | <span class="detail">2. For environmentalist</span></br> | ||
| + | <span class="detail">Find proper Microorganism to make some harmful substances degrade. The purpose is to be helpful to improve the environment.</span></br> | ||
| + | |||
| + | <span class="detail">3. For chemist</span></br> | ||
| + | <span class="detail">Find more reliable and convenient path to synthesis target compound (cell-free synthetic biology)</span></br> | ||
| + | |||
| + | <span class="detail">4. For drug researcher</span></br> | ||
| + | <span class="detail">By using our software, researchers can study the small molecular drug and explore new pathway to synthesize it</span></br> | ||
| + | |||
| + | To be continued ...</br></br> | ||
| + | <span class="question">Q2: Are there any safety problem of biobricks in Alpha Ant we need to concern about?</span></br> | ||
| + | Alpha Ant: | ||
| + | <span class="detail">We provide users with enzyme gene information of Biobricks, including sequence information and physiochemical characteristics. The core idea is to design proper and efficient pathway and recommend mainly enzyme gene for users’ need. Consequently, users can get gene information. After that, they can design new biobricks or search existing one by their own. </span></br> | ||
| + | |||
| + | |||
| + | </br> | ||
| + | <span class="question">Q3: What about chassis cell? Since your software can recommend chassis cell for users, have you ever think about safety of your chassis cell?</span></br> | ||
| + | Alpha Ant: | ||
| + | <span class="detail">In our microorganism recommendation system, we only recommend common used organism in iGEM and organisms in iGEM white list(link). We want ensure the biosafety of our project and people who use our software.</span></br></br> | ||
| + | |||
| + | <span class="question">Q4: How many compounds and enzyme genes do you have in your software project?</span></br> | ||
| + | Alpha Ant: 7689 compounds 10865 reactions 6385 gibbs 630275 genes | ||
| + | KEGG: 21831 10865 reaction | ||
| + | Gil: 6160 compounds 7164 reactions | ||
| + | |||
| + | </br> | ||
| + | <span class="question">Q5: Do users have any way to access your data, or change data without any limitations?</span></br> | ||
| + | Alpha Ant: | ||
| + | <span class="detail">Our data has a very neat format, mostly dictionary format. They are all stored in excel files. Users can simply search metabolic pathway in the browser and don’t need to download any files to use our software. So it’s quite convenient for them. Generally, users can not change our data in web client. But they can contact us and exchange suggestions. By the way, full data can be downloaded in github(link).</span></br> | ||
| + | |||
| + | |||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <script src="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/js/jquery-1.8.3.min.js&action=raw&ctype=text/javascript"></script> | ||
| + | <script src="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script> | ||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function () { | ||
| + | var trigger = $('.icon'), | ||
| + | slide = $('.left'), | ||
| + | isClosed = true; | ||
| + | |||
| + | trigger.mouseover(function () { | ||
| + | cross_out(); | ||
| + | }); | ||
| + | slide.mouseleave(function () { | ||
| + | cross_in(); | ||
| + | }); | ||
| + | |||
| + | function cross_out() { | ||
| + | if (isClosed == true) { | ||
| + | trigger.removeClass('is-open'); | ||
| + | trigger.addClass('is-closed'); | ||
| + | |||
| + | $('#wrapper').toggleClass('toggled'); | ||
| + | isClosed = false; | ||
| + | } | ||
| + | } | ||
| + | function cross_in() { | ||
| + | if (isClosed == false) { | ||
| + | trigger.removeClass('is-closed'); | ||
| + | trigger.addClass('is-open'); | ||
| + | |||
| + | $('#wrapper').toggleClass('toggled'); | ||
| + | isClosed = true; | ||
| + | } | ||
| + | } | ||
| + | }); | ||
| + | </script> | ||
| + | |||
| + | <script> | ||
| + | window.onload = function(){ | ||
| + | //获取相关 | ||
| + | var mybtn = document.getElementById("btn"); | ||
| + | var Time1 = null; | ||
| + | var isTop = true; | ||
| + | |||
| + | mybtn.onclick = function(){ | ||
| + | //设置定时器 | ||
| + | Time1 = setInterval(function(){ | ||
| + | var osTop = document.body.scrollTop||document.documentElement.scrollTop; | ||
| + | //ceil向上取整，floor向下取整 | ||
| + | var speed = Math.ceil(osTop/2); | ||
| + | //做一个变换速度的回到顶部效果 | ||
| + | document.body.scrollTop = document.documentElement.scrollTop = osTop - speed; | ||
| + | if(osTop <= 0){ | ||
| + | //清除定时器 | ||
| + | clearInterval(Time1); | ||
| + | } | ||
| + | isTop = true ; | ||
| + | },100) | ||
| + | } | ||
| + | |||
| + | //页面滚动自动触发： | ||
| + | window.onscroll = function(){ | ||
| + | //获取页面可视区高度和滚动高度 | ||
| + | var osTop = document.body.scrollTop||document.documentElement.scrollTop; | ||
| + | //这两个获取滚动的方法可以兼容多种浏览器 | ||
| + | var clientHeight = document.documentElement.clientHeight; | ||
| + | //对回到顶部的隐藏和显示，在css中一开始可以设置为隐藏 | ||
| + | if (osTop>clientHeight) { | ||
| + | mybtn.style.display = "block" | ||
| + | } | ||
| + | else{ | ||
| + | mybtn.style.display = "none" | ||
| + | } | ||
| + | if (!isTop) { | ||
| + | clearInterval(Time1); | ||
| + | } | ||
| + | isTop = false; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | </script> | ||
| + | |||
| + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/js/a.js&action=raw&ctype=text/javascript" color="102,185,255" zIndex="10" opacity="50" count="300" position="fixed" > | ||
| + | </script> | ||
| + | <canvas id="c_n6" width="819" height="662" style="position: fixed; top: 0px; left: 0px; z-index: -1; opacity: 1;"></canvas> | ||
| + | </body> | ||
| + | </html> | ||
Latest revision as of 07:18, 17 October 2018
Requirements
Contribution
Alpha Ant is a convenient and efficient pathway design tool. More importantly, it is reliable. Check it in Validation. We provide users with enzyme gene information of Biobricks, including sequence information and physiochemical characteristics. The core idea is to design proper and efficient pathway and recommend Biobricks (mainly enzyme gene) for users’ need.
(这里放我们软件的截图)
There are three main contribution to synthetic biology:
First one is that we offer more possibilities. We collect 7 reliable online databases and create our own data structure, including KEGG, MetaCyc, BRENDA and so on. Users can find several possible pathways consist of different enzyme-encoding genes. Those genes could be from any organism in nature. Consequently, many possible options are given to the user. Check users’ guide in Demonstration.
Second one is that more information is provided including Physiochemical characteristics of compounds and enzymes, gene information and FBA data. Especially the physiochemical data, changes in each one of the chassis cell system could contribute to inefficiency or failure of a pathway. So we want to provide information as much as possible. What we are doing right now is for everyone who is engaged in synthetic biology and for their consideration.
Third one is that we offer some very useful functions other than pathway design, which are microorganism recommendation, SMILES comparison and FBA. Actually, we are trying to meet every experimenters need as much as possible. Details can be found in Project and model.
Demonstration
Safety
Q1: Who will use your software? What will the user concern about?
Alpha Ant:
1. For synthetic biologist
Pathway engineering: design proper metabolic pathways while taking into account several criteria such as thermodynamic feasibility, material competition of heterologous reactions, atom conservation, toxicity of intermediates.
2. For environmentalist
Find proper Microorganism to make some harmful substances degrade. The purpose is to be helpful to improve the environment.
3. For chemist
Find more reliable and convenient path to synthesis target compound (cell-free synthetic biology)
4. For drug researcher
By using our software, researchers can study the small molecular drug and explore new pathway to synthesize it
To be continued ...
Q2: Are there any safety problem of biobricks in Alpha Ant we need to concern about?
Alpha Ant:
We provide users with enzyme gene information of Biobricks, including sequence information and physiochemical characteristics. The core idea is to design proper and efficient pathway and recommend mainly enzyme gene for users’ need. Consequently, users can get gene information. After that, they can design new biobricks or search existing one by their own.
Q3: What about chassis cell? Since your software can recommend chassis cell for users, have you ever think about safety of your chassis cell?
Alpha Ant:
In our microorganism recommendation system, we only recommend common used organism in iGEM and organisms in iGEM white list(link). We want ensure the biosafety of our project and people who use our software.
Q4: How many compounds and enzyme genes do you have in your software project?
Alpha Ant: 7689 compounds 10865 reactions 6385 gibbs 630275 genes
KEGG: 21831 10865 reaction
Gil: 6160 compounds 7164 reactions
Q5: Do users have any way to access your data, or change data without any limitations?
Alpha Ant:
Our data has a very neat format, mostly dictionary format. They are all stored in excel files. Users can simply search metabolic pathway in the browser and don’t need to download any files to use our software. So it’s quite convenient for them. Generally, users can not change our data in web client. But they can contact us and exchange suggestions. By the way, full data can be downloaded in github(link).