Team:XMU Software

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
#xmu_body{
+
<!DOCTYPE HTML>
-
      position:fixed;
+
<html lang=“en” >
-
      left:0px;
+
<head>
-
      top:0px;
+
<META http-equiv="Conten-Type" content="textml;charset=UTF-8">
-
      right:0px;
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
-
      bottom:0px;
+
<script type="text/javascript" async="" src="https://2013.igem.org/wiki/index.php?title=Team:XMU_Software/js&action=raw&amp;ctype=text/javascript"></script>
-
      overflow-x:auto;
+
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/wiki/index.php?title=Team:XMU_Software/css&action=raw&amp;ctype=text/css"/>
-
      background-color:white;
+
</head>
-
}
+
<body>
-
#xmu_software{
+
<div id="xmu_body">
-
position:absolute;
+
<div id="xmu_software">
-
top:0px;
+
<div id="xmu_software_right_matrix"></div>
-
width:1348px;
+
<div id="Index">
-
padding:0px;
+
<div id="home_s1">
-
}
+
<canvas id="myCanvas" width="2000" height="2000" style="border:1px solid #c3c3c3;"></canvas>
-
#xmu_software_right_matrix{
+
</div>
-
  position:absolute;
+
<div id="home_s2">
-
  top:0px;
+
<div class="teamname">XMU-SOFTWARE</div>
-
  right:0px;
+
<div class="schoolname">Xiamen University</div>
-
  width:180px;
+
</div>
-
  height:67px;
+
<div id="home_s3">
-
  z-index:10;
+
<div id="home_title">
-
}
+
<ul id="jsddm">
-
#Index{
+
<li><div onClick="home();"><a href="https://2013.igem.org/Team:XMU_Software">Home</a></div></li>
-
position:fixed;
+
<li><div onClick="team();"><a href="https://2013.igem.org/Team:XMU_Software/Team">Team</a></div></li>
-
top:0px;
+
<li><div onClick="project();"><a href="https://2013.igem.org/Team:XMU_Software/Project">Project</a></div></li>
-
left:0px;
+
<li><div onClick="requirements();"><a href="https://2013.igem.org/Team:XMU_Software/Requirements">Requirements</a></div></li>
-
}
+
<li><div onClick="hp();"><a href="https://2013.igem.org/Team:XMU_Software/Outreach">Outreach</a></div></li>
-
#home_s2{
+
<li><div onClick="notebook();"><a href="https://2013.igem.org/Team:XMU_Software/Notebook">Notebook</a></div></li>
-
position:absolute;
+
</ul>
-
top:120px;
+
</div>
-
width:1366px;
+
<div class="home_s3l1"></div>
-
font-family:Arial;
+
</div>
-
text-align:center;
+
<div id="home_s4">
-
}
+
<div class="home_s4t1">We have designed <span class="home_s4t2">2</span> software tools</div></br></br>
-
.teamname{
+
<div class="home_s4t3">Brick Worker</div>
-
font-size:42px;
+
<div class="home_s4t4">Brick Woker is designed to analyze and  predict the strength of various biobricks, i.e. promoters, RBS, protein coding sequence and terminators. It uses Position Weight Matrix method to recognize the key determinants of promoter and RBS sequences, predict their strengths and optimizes the protein coding sequences by  codon usage bias.Brick Worker is the first software to give an all-round and reliable evaluation of all biobricks, especially ,promoters, and represents a major step towards computational prediction and regulation of gene expression.</div></br></br>
-
color:#ffffff;
+
<div class="home_s4t3">E' NOTE</div>
-
}
+
<div class="home_s4t4">It is a web application serveing as assistant for experiments. It's useful function such as experiments recording and experimental template customization make experimental process easier and more enjoyable.</div>
-
.schoolname{
+
</div>
-
position:relative;
+
</div>
-
top:24px;
+
</div>
-
font-size:30px;
+
</div>
-
color:#707070;
+
<script>
-
}
+
//定位1366*768
-
#home_s3{
+
var x = window.innerWidth-1366;
-
position:absolute;
+
if(x>0){
-
top:220px;
+
x = window.innerWidth-1348;
-
left:250px;
+
x = x / 2;
-
width:1366px;
+
document.getElementById("xmu_software").style.left= x+"px";
-
font-family:Arial;
+
$("#search-controls").get(0).style.right= x+"px";
-
z-index:2;
+
$(".right-menu").get(0).style.right= x+"px";
-
}
+
$(".left-menu").get(0).style.left= x+"px";
-
#jsddm{/*导航菜单*/
+
-
margin: 0;
+
-
padding:0;
+
}
-
}
+
else{
-
#jsddm li{
+
x = window.innerWidth-1348;
-
float: left;
+
document.getElementById("xmu_software").style.left="0px";
-
list-style: none;
+
$("#search-controls").get(0).style.right=x+"px";
-
font-size:18px;
+
$(".right-menu").get(0).style.right=x+"px";
-
font-weight:bold;
+
$(".left-menu").get(0).style.left="0px";
-
    font-family:Arial;/*字体*/
+
-
}
+
-
#jsddm li a{
+
}
-
display: block;
+
-
padding: 5px;
+
-
text-align:center;
+
-
text-decoration: none;
+
-
margin-left:50px;
+
-
height:23px;
+
-
color:white;
+
-
white-space: nowrap;
+
-
}
+
-
#jsddm li a:hover{
+
-
background: #becbad;/*b6d1e6*/
+
-
}
+
-
.home_s3l1{
+
-
position:relative;
+
-
top:33px;
+
-
left:55px;
+
-
width:750px;
+
-
border-bottom: 2px solid white;
+
-
}
+
-
#home_s4{
+
-
position:fixed;
+
-
top:280px;
+
-
left:333px;
+
-
width:700px;
+
-
font-family:Arial;
+
-
}
+
-
.home_s4t1{
+
-
font-size:32px;
+
-
color:#dc575c;
+
-
}
+
-
.home_s4t2{
+
-
font-size:40px;
+
-
color:#dc575c;
+
-
font-weight:bold;
+
-
}
+
-
.home_s4t3{
+
-
font-size:32px;
+
-
color:#707070;
+
-
font-weight:bold;
+
-
}
+
-
.home_s4t4{
+
-
position:relative;
+
-
top:10px;
+
-
font-size:14px;
+
-
color:#707070;
+
-
text-align:justify;
+
-
}
+
-
#menubar{     
+
$("#xmu_software_right_matrix").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
-
z-index:10;
+
$("#search-controls").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
-
position: fixed;
+
$(".right-menu").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
-
}
+
-
.right-menu{
+
-
display:none;
+
-
}
+
-
#search-controls{
+
-
top:23px;
+
-
display:none;
+
-
position:fixed;
+
-
}
+
-
input.searchButton{
+
-
color:black;
+
-
}
+
-
#searchGoButton{
+
-
z-index:10;
+
-
margin-left:5px;
+
-
display:none;
+
-
}
+
-
#mw-searchButton{
+
-
display:none;
+
-
z-index:10;
+
-
}
+
-
.C0{
+
-
/*font-family:Vwei;*/
+
-
font-size:1em;
+
-
width:100%;
+
-
height:3em;
+
-
color:black;
+
-
}
+
-
.C1{
+
-
width:100%;
+
-
height:370px;
+
-
border-collapse:collapse;
+
-
border:2px solid #eeece1;
+
-
}
+
-
.C1_td{
+
-
border-right:2px solid #eeece1;
+
-
width:350px;
+
-
height:100%;
+
-
padding:0px;
+
-
}
+
-
.C1_graph{
+
-
width:350px;
+
-
height:350px;
+
-
margin:0px;
+
-
}
+
-
.C1_td_text{
+
-
padding:0px;
+
-
}
+
-
.C1_text{
+
-
margin:0px;
+
-
width:100%;
+
-
height:370px;
+
-
font-size:1em;
+
-
/*font-family:Vwei;*/
+
-
}
+
-
.C1_button1{
+
-
height:20px;
+
-
width:230px;
+
-
background-image: url(tool_icon/ok.png);
+
-
background-repeat: no-repeat;
+
-
/*font-family:Vwei;*/
+
-
}
+
-
.C1_button2{
+
-
height:20px;
+
-
width:110px;
+
-
background-image: url(tool_icon/ok.png);
+
-
}
+
-
.C3,.C3_ABC,.C5,.C4,.C6,.C7,.C9,.C10{
+
-
width:100%;
+
-
border-collapse:collapse;
+
-
}
+
-
.C3_input,.C3_input_ABC,.C6_input,.C5_input,.C7_blur_2,.C7_input_C,.C10_input{/**********/
+
-
width:100%;
+
-
border:1px solid white;
+
-
/*font-family:con;*/
+
-
font-size:1em;
+
-
}
+
-
.C3_td,.C3_td_C,.C3_td_C5_C{
+
-
border:2px solid #eeece1;
+
-
height:20px;
+
-
}
+
-
.C3_td_title,.C8_td_title{
+
-
text-align:center;
+
-
height:25px;
+
-
/*font-family:Vwei;*/
+
-
font-size:1.3em;
+
-
border:2px solid #eeece1;
+
-
}
+
-
.C3_td_textarea,.C4_td_textarea{
+
-
/*font-family:Vwei;*/
+
-
width:50%;
+
-
border:2px solid #eeece1;
+
-
font-size:1em;
+
-
}
+
-
.C3_textarea{
+
-
height:100%;
+
-
width:100%;
+
-
/*font-family:Vwei;*/
+
-
border:0px solid #eeece1;
+
-
}
+
-
.C4_td{
+
-
border:2px solid #eeece1;
+
-
height:80px;
+
-
}
+
-
.C5_canvas_td{
+
-
height:100px;
+
-
border:1px solid #eeece1;
+
-
position:relative;
+
-
}
+
-
.C5_canvas_matrix{
+
-
position:absolute;
+
-
top:30px;
+
-
left:10%;
+
-
width:80%;
+
-
height:40px;
+
-
border:5px solid rgb(79, 129, 189);
+
-
z-index:-8.6;
+
-
}
+
-
.C5_canvas_button1,.C5_canvas_button2,.C5_canvas_button3{
+
-
position:absolute;
+
-
height:32px;
+
-
background-color:rgb(79, 129, 189);
+
-
z-index:-8.5;
+
-
}
+
-
.C5_TEXT1{
+
-
position:absolute;
+
-
z-index:-8.5;
+
-
height:10px;
+
-
top:20px;
+
-
left:13%;
+
-
}
+
-
.C5_TEXT2{
+
-
position:absolute;
+
-
z-index:-8.5;
+
-
height:10px;
+
-
top:20px;
+
-
left:83%;
+
-
}
+
-
.C5_canvas_button1{
+
-
top:15px;
+
-
left:22%;
+
-
width:20%;
+
-
}
+
-
.C5_canvas_button2{
+
-
top:15px;
+
-
right:22%;
+
-
width:20%;
+
-
}
+
-
.C5_canvas_button3{
+
-
bottom:10px;
+
-
left:40%;
+
-
width:20%;
+
-
}
+
-
.C5_system_input,.C7_blur_1{
+
-
border:1px solid #eeece1;
+
-
/*font-family:con;*/
+
-
font-size:1em;
+
-
width:5em;
+
-
}
+
-
.C10_system_input{
+
-
border:1px solid #eeece1;
+
-
/*font-family:con;*/
+
-
font-size:1em;
+
-
margin-left:0px;
+
-
margin-right:0em;
+
-
}
+
-
.C6_button{
+
-
width:100%;
+
-
height:100%;
+
-
margin:0px;
+
-
background-color:rgb(79, 129, 189);
+
-
/*font-family:Vwei;*/
+
-
font-size:1em;
+
-
}
+
-
.C8_td_title{
+
-
color:rgb(79, 129, 189);
+
-
}
+
-
.C8_button{
+
-
width:100%;
+
-
height:30px;
+
-
margin:0px;
+
-
background-color:rgb(79, 129, 189);
+
-
/*font-family:Vwei;*/
+
-
font-size:1em;
+
-
}
+
-
.C8{
+
-
width:100%;
+
-
border-collapse:collapse;
+
-
border: 3px solid #eeece1;
+
-
}
+
-
.C8_td{
+
-
border:2px solid #eeece1;
+
-
}
+
-
.C6_td_textarea{
+
-
/*font-family:Vwei;*/
+
-
width:40%;
+
-
border:2px solid #eeece1;
+
-
font-size:1em;
+
-
}
+
-
#M1_name{ /*消失*/
+
-
/*定位*/
+
-
position:fixed;
+
-
left:25%;
+
-
right:41%;
+
-
top:76px;
+
-
height:35px;
+
-
/*边框*/
+
-
border:1px solid white;
+
-
border-radius:6px;
+
-
/*背景*/
+
-
background-color:#96b2d7;
+
-
/*存在*/
+
-
display:none;
+
-
/*font-family:实验名;*/
+
-
    font-size:2.2em;
+
-
    text-indent:10px;
+
-
white-space:nowrap;
+
-
overflow:hidden;
+
-
    text-overflow: ellipsis; 
+
-
}
+
-
#M1_name_button{
+
-
position:fixed;
+
-
left:25%;
+
-
right:41%;
+
-
z-index:-9;
+
-
}
+
-
.M1_exp{ /*消失*/
+
-
}
 
-
.M1_exp_stepBoard{
 
-
/*定位*/
 
-
 
-
width:100%;
 
-
border-collapse:collapse;
 
-
}
 
-
.M1_exp_stepInfo{
 
-
/*定位*/
 
-
 
-
    position:relative;
 
-
height:40px;
+
$("#xmu_software_right_matrix").mouseout(function(){$("#search-controls").hide();$(".right-menu").hide();$("#mw-searchButton").hide();$("#searchGoButton").hide();});
-
/*字体*/
+
-
color:white;
+
if($(".left-menu").find("li").size()==7)
-
/*边框*/
+
{
-
border-top:2px solid #eeece1;
+
$(".left-menu").find("li").eq(6).html("");
-
border-top-left-radius:15px;
+
$("#menubar").get(0).style.width="330px";
-
/*背景*/
+
}
-
background-color:#c3d69b;
+
else
-
}
+
{
-
.M1_exp_step_name_button{
+
$(".left-menu").find("li").eq(4).html("");
-
position:absolute;
+
$("#menubar").get(0).style.width="280px";
-
left:15px;
+
$("#pt-login").get(0).style.right="50px";
-
    right:130px;
+
}
-
    top:0px;
+
-
    bottom:0px;
+
-
    padding:0px;
+
$("#xmu_body").scroll(function(){ movetotop();$("#search-controls").hide();$(".right-menu").hide();$("#mw-searchButton").hide();$("#searchGoButton").hide();});
-
border:0px solid #c3d69b;
+
-
}
+
color1=$("#notebook_s3p2").css("background-color");
-
.M1_exp_step_name{
+
color2=$("#notebook_s3p3").css("background-color");
-
width:100%;
+
-
height:100%;
+
var c=document.getElementById("myCanvas");
-
background-color:#c3d69b;  
+
var cxt=c.getContext("2d");
-
margin:0px;
+
var grd=cxt.createLinearGradient(20,10,2000,2000);
-
border:0px solid #c3d69b; 
+
grd.addColorStop(0,"#becbad");
-
/*font-family:Vwei;*/
+
grd.addColorStop(0.5,"#e4d7aa");
-
    font-size:1.5em;
+
grd.addColorStop(1,"#becbad");
-
white-space:nowrap;
+
cxt.fillStyle=grd;
-
overflow:hidden;
+
cxt.fillRect(0,0,2000,2000);
-
    text-overflow: ellipsis;   
+
</script>
-
}
+
</body>
-
.M1_exp_stepItem{
+
</html>
-
/*定位*/
+
-
border:2px solid #eeece1;
+
-
height:35px;
+
-
}
+
-
.M1_exp_step_time{
+
-
position:absolute;
+
-
top:10px;
+
-
right:8px;
+
-
/*font-family:Vwei;*/
+
-
}
+
-
.M1_exp_item_time{
+
-
width:10%;
+
-
background-color:#a6a6a6;
+
-
border:2px solid #eeece1;
+
-
/*/*font-family:Vwei;*/ 
+
-
}
+
-
.M1_exp_item_content{
+
-
/*背景*/   
+
-
 
+
-
background-color:white;
+
-
/*溢出*/
+
-
    overflow :hidden;
+
-
/*边框*/   
+
-
    padding:0px;
+
-
/*/*font-family:Vwei;*/
+
-
}
+
-
.M1_exp_img{
+
-
color:#f31659;
+
-
}
+
-
.navi_text{
+
-
position:fixed;
+
-
bottom:50px;
+
-
right:180px;
+
-
z-index:4;
+
-
font-family:Arial;
+
-
font-size:16px;
+
-
text-align:center;
+
-
line-height:40px;
+
-
}
+
-
.navi0{
+
-
position:fixed;
+
-
top:360px;
+
-
width:170px;
+
-
height:38px;
+
-
background:#b3d465;
+
-
color:white;
+
-
border:2px solid white;
+
-
text-decoration: none;
+
-
}
+
-
.navi1{
+
-
position:fixed;
+
-
top:400px;
+
-
width:170px;  
+
-
height:38px;
+
-
background:#b3d465;
+
-
color:white;
+
-
border:2px solid white;
+
-
text-decoration: none;
+
-
}
+
-
.navi2{
+
-
position:fixed;
+
-
top:440px;
+
-
width:170px;
+
-
height:38px;
+
-
background:#b3d465;
+
-
border:2px solid white;
+
-
color:white;
+
-
text-decoration: none;
+
-
}
+
-
.navi3{
+
-
position:fixed;
+
-
top:480px;
+
-
width:170px;  
+
-
height:38px;
+
-
background:#b3d465;
+
-
border:2px solid white;
+
-
color:white;
+
-
text-decoration: none;
+
-
}
+
-
.navi4{
+
-
position:fixed;
+
-
top:520px;
+
-
width:170px;
+
-
height:38px;
+
-
background:#b3d465;
+
-
border:2px solid white;
+
-
color:white;
+
-
text-decoration: none;
+
-
}  
+
-
.navi5{
+
-
position:fixed;
+
-
top:560px;
+
-
width:170px;
+
-
height:38px;
+
-
background:#b3d465;
+
-
border:2px solid white;
+
-
color:white;
+
-
text-decoration: none;
+
-
}
+
-
.navi6{  
+
-
position:fixed;
+
-
top:600px;
+
-
width:170px;
+
-
height:38px;
+
-
background:#b3d465;
+
-
border:2px solid white;
+
-
color:white;
+
-
text-decoration: none;
+
-
}
+
-
.sep_title{/*分界栏标题*/
+
-
position:absolute;
+
-
top:50px;
+
-
left:0px;
+
-
font-family:Arial;
+
-
font-weight:bold;
+
-
font-size:42px;
+
-
text-align:center;
+
-
width:1340px;
+
-
color:white;
+
-
z-index:3;
+
-
}
+
-
.navigation{
+
-
position:absolute;
+
-
top:10px;
+
-
left:230px;
+
-
width:900px;
+
-
height:400px;
+
-
z-index:3;
+
-
}
+
-
.sep_photo{/*分界栏图片位置*/
+
-
z-index:1;
+
-
}
+
-
.sep_number{/*分界栏数字*/
+
-
position:absolute;
+
-
top:55px;
+
-
left:245px;
+
-
font-family:Agency FB;
+
-
font-weight:bold;
+
-
font-size:175px;
+
-
color:#91b43f;
+
-
z-index:2;
+
-
}
+
-
.body_heading{/*正文标题*/
+
-
font-family:Arial;
+
-
font-size:30px;
+
-
font-weight:bold;
+
-
color:#b3d465;
+
-
}
+
-
.body_title{/*小标题*/
+
-
font-family:Arial;
+
-
font-size:16px;
+
-
font-weight:bold;
+
-
color:#004986;
+
-
margin-left:15px;
+
-
margin-top:7px;
+
-
+
-
}
+
-
.body_text{/*正文*/
+
-
font-family:Arial;
+
-
font-size:16px;
+
-
color:#707070;
+
-
text-indent:25px;
+
-
margin-top:7px;
+
-
}
+
-
h1{/*safety大标题 hp大标题*/
+
-
font-family:微软雅黑;
+
-
font-weight:bold;
+
-
font-size:30px;
+
-
color:#b3d465;
+
-
}
+
-
h4{
+
-
font-family:微软雅黑;
+
-
font-size:18px;
+
-
font-weight:bold;
+
-
color:#004986;
+
-
}
+
-
h3{/*小问题  日记文本中日期文字*/
+
-
font-family:微软雅黑;
+
-
font-weight:bold;
+
-
font-size:16px;
+
-
color:#0075a9;
+
-
}
+
-
p{/*日记文本中的文字*/
+
-
font-family:微软雅黑;
+
-
font-size:16px;
+
-
color:#707070;
+
-
}
+
-
table,tr,td{
+
-
border:1px solid #707070;
+
-
}
+
-
h5{
+
-
font-family:Arial;
+
-
font-size:18px;
+
-
font-weight:bold;
+
-
color:#004986;
+
-
}
+
-
.blank{
+
-
position:relative;
+
-
margin-left:50px;
+
-
width:1px;
+
-
height:1px;
+
-
}
+

Revision as of 02:25, 27 October 2013

<!DOCTYPE HTML>

XMU-SOFTWARE
Xiamen University
We have designed 2 software tools


Brick Worker
Brick Woker is designed to analyze and predict the strength of various biobricks, i.e. promoters, RBS, protein coding sequence and terminators. It uses Position Weight Matrix method to recognize the key determinants of promoter and RBS sequences, predict their strengths and optimizes the protein coding sequences by codon usage bias.Brick Worker is the first software to give an all-round and reliable evaluation of all biobricks, especially ,promoters, and represents a major step towards computational prediction and regulation of gene expression.


E' NOTE
It is a web application serveing as assistant for experiments. It's useful function such as experiments recording and experimental template customization make experimental process easier and more enjoyable.