Team:XMU Software

From 2013.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
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{
+
-
position:absolute;
+
<div id="xmu_body">
-
top:0px;
+
<div id="home_s1">
-
width:1348px;
+
<canvas id="myCanvas" width="2000" height="1080" style="border:1px solid #c3c3c3;"></canvas>
-
padding:0px;
+
</div>
-
}
+
<div id="xmu_software">
-
#xmu_software_right_matrix{
+
<div id="xmu_software_right_matrix"></div>
-
  position:absolute;
+
-
  top:0px;
+
-
  right:0px;
+
-
  width:180px;
+
-
  height:67px;
+
-
  z-index:10;
+
-
}
+
-
#Index{
+
-
position:fixed;
+
-
top:0px;
+
-
left:0px;
+
-
}
+
-
#home_s2{
+
-
position:absolute;
+
-
top:120px;
+
-
width:1366px;
+
-
font-family:Arial;
+
-
text-align:center;
+
-
}
+
-
.teamname{
+
-
font-size:42px;
+
-
color:#ffffff;
+
-
}
+
-
.schoolname{
+
-
position:relative;
+
-
top:24px;
+
-
font-size:30px;
+
-
color:#707070;
+
-
}
+
-
#home_s3{
+
-
position:absolute;
+
-
top:220px;
+
-
left:250px;
+
-
width:1366px;
+
-
font-family:Arial;
+
-
z-index:2;
+
-
}
+
-
#jsddm{/*导航菜单*/
+
-
margin: 0;
+
-
padding:0;
+
-
}
+
-
#jsddm li{
+
-
float: left;
+
-
list-style: none;
+
-
font-size:18px;
+
-
font-weight:bold;
+
-
    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{     
+
-
z-index:10;
+
-
position: fixed;
+
-
}
+
-
.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{ /*消失*/
+
-
}
+
<div id="home_s2">
-
.M1_exp_stepBoard{
+
<div class="teamname">XMU-SOFTWARE</div>
-
/*定位*/
+
<div class="schoolname">Xiamen University</div>
-
+
</div>
-
width:100%;
+
<div id="home_s3">
-
border-collapse:collapse;
+
<div id="home_title">
-
}
+
<ul id="jsddm">
-
.M1_exp_stepInfo{
+
<li><a href="https://2013.igem.org/Team:XMU_Software">Home</a></li>
-
/*定位*/
+
<li><a href="https://2013.igem.org/Team:XMU_Software/Team">Team</a></li>
-
+
<li><a href="https://2013.igem.org/Team:XMU_Software/Project/promoter">Project</a></li>
-
    position:relative;
+
<li><a href="https://2013.igem.org/Team:XMU_Software/Requirements">Requirements</a></li>
 +
<li><a href="https://2013.igem.org/Team:XMU_Software/Outreach">Outreach</a></li>
 +
<li><a href="https://2013.igem.org/Team:XMU_Software/Notebook">Notebook</a></li>
 +
</ul>
 +
</div>
 +
<div class="home_s3l1"></div>
 +
</div>
 +
<div id="home_s4">
 +
<div class="home_s4t1">We have designed <span class="home_s4t2">2</span> software tools</div></br></br>
 +
<div class="home_s4t3">Brick Worker</div>
 +
<div class="home_s4t4">Brick Worker 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>
 +
<div class="home_s4t3">E' NOTE</div>
 +
<div class="home_s4t4">
 +
E’ NOTE is a web application for experiments recording.
 +
<p>It provides a series of intelligent templates for the users which are linked to the plasmid library constructed by the users and can do some simple calculation.Human-orientated data export port facilitates the users to transfer the experiment notes from E’NOTE to their wiki.Integration of web applications designed by the past iGEM software teams and tools provided online helps the users get access to their desirable software easily.</p>
 +
</div>
 +
 +
</div>
 +
</div>
 +
</div>
 +
<script>
 +
//定位1366*768
 +
 +
var x = window.innerWidth-1366;
 +
if(x>0){
 +
x = window.innerWidth-1348;
 +
x = x / 2;
 +
document.getElementById("xmu_software").style.left= x+"px";
 +
$("#search-controls").get(0).style.right= x+"px";
 +
$(".right-menu").get(0).style.right= x+"px";
 +
$(".left-menu").get(0).style.left= x+"px";
 +
 +
 +
}
 +
else{
 +
x = window.innerWidth-1348;
 +
document.getElementById("xmu_software").style.left="0px";
 +
$("#search-controls").get(0).style.right=x+"px";
 +
$(".right-menu").get(0).style.right=x+"px";
 +
$(".left-menu").get(0).style.left="0px";
 +
 +
 +
}
-
height:40px;
+
$("#xmu_software_right_matrix").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
-
/*字体*/
+
$("#search-controls").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
-
color:white;
+
$(".right-menu").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
-
/*边框*/
+
-
border-top:2px solid #eeece1;
+
-
border-top-left-radius:15px;
+
-
/*背景*/
+
-
background-color:#c3d69b;
+
-
}
+
-
.M1_exp_step_name_button{
+
-
position:absolute;
+
-
left:15px;
+
-
    right:130px;
+
-
    top:0px;
+
-
    bottom:0px;
+
-
    padding:0px;
+
-
border:0px solid #c3d69b; 
+
-
}
+
-
.M1_exp_step_name{
+
-
width:100%;
+
-
height:100%;
+
-
background-color:#c3d69b;  
+
-
margin:0px;
+
-
border:0px solid #c3d69b; 
+
-
/*font-family:Vwei;*/
+
-
    font-size:1.5em;
+
-
white-space:nowrap;  
+
-
overflow:hidden;  
+
-
    text-overflow: ellipsis;    
+
-
}
+
-
.M1_exp_stepItem{
+
-
/*定位*/
+
-
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;
+
 
-
/*溢出*/
+
$("#xmu_software_right_matrix").mouseout(function(){$("#search-controls").hide();$(".right-menu").hide();$("#mw-searchButton").hide();$("#searchGoButton").hide();});
-
    overflow :hidden;
+
-
/*边框*/   
+
if($(".left-menu").find("li").size()==7)
-
    padding:0px;
+
{
-
/*/*font-family:Vwei;*/
+
$(".left-menu").find("li").eq(6).html("");
-
}
+
$("#menubar").get(0).style.width="330px";
-
.M1_exp_img{
+
}
-
color:#f31659;
+
else
-
}
+
{
-
.navi_text{
+
$(".left-menu").find("li").eq(4).html("");
-
position:fixed;
+
$("#menubar").get(0).style.width="280px";
-
bottom:50px;
+
$("#pt-login").get(0).style.right="50px";
-
right:180px;
+
}
-
z-index:4;
+
-
font-family:Arial;
+
-
font-size:16px;
+
$("#xmu_body").scroll(function(){ movetotop();$("#search-controls").hide();$(".right-menu").hide();$("#mw-searchButton").hide();$("#searchGoButton").hide();});
-
text-align:center;
+
-
line-height:40px;
+
color1=$("#notebook_s3p2").css("background-color");
-
}
+
color2=$("#notebook_s3p3").css("background-color");
-
.navi0{
+
-
position:fixed;
+
var c=document.getElementById("myCanvas");
-
top:360px;
+
var cxt=c.getContext("2d");
-
width:170px;
+
var grd=cxt.createLinearGradient(20,10,2000,1080);
-
height:38px;
+
grd.addColorStop(0,"#becbad");
-
background:#b3d465;
+
grd.addColorStop(0.5,"#e4d7aa");
-
color:white;
+
grd.addColorStop(1,"#becbad");
-
border:2px solid white;
+
cxt.fillStyle=grd;
-
text-decoration: none;
+
cxt.fillRect(0,0,2000,2000);
-
}
+
</script>
-
.navi1{
+
<style>
-
position:fixed;
+
#xmu_body{
-
top:400px;
+
overflow-x:hidden;
-
width:170px;
+
overflow-y:hidden;
-
height:38px;
+
-
background:#b3d465;
+
}
-
color:white;
+
</style>
-
border:2px solid white;
+
</body>
-
text-decoration: none;
+
</html>
-
}
+
-
.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;
+
-
}
+

Latest revision as of 02:55, 29 October 2013

<!DOCTYPE HTML>

XMU-SOFTWARE
Xiamen University
We have designed 2 software tools


Brick Worker
Brick Worker 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
E’ NOTE is a web application for experiments recording.

It provides a series of intelligent templates for the users which are linked to the plasmid library constructed by the users and can do some simple calculation.Human-orientated data export port facilitates the users to transfer the experiment notes from E’NOTE to their wiki.Integration of web applications designed by the past iGEM software teams and tools provided online helps the users get access to their desirable software easily.

Retrieved from "http://2013.igem.org/Team:XMU_Software"