Difference between revisions of "Team:HFUT-China/Description"

Line 3: Line 3:
 
<head>
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
−
<title>Description</title>
+
 
−
<style type="text/css">
+
  <title>Team:HFUT-China</title>
−
*{
+
 
−
margin:0;
+
<link href="https://2017.igem.org/Template:HFUT-China/Safety/css/headerCss?action=raw&ctype=text/css" rel="stylesheet"/>
−
padding:0;
+
<link href="https://2017.igem.org/Template:HFUT-China/Safety/css/stylewikiCss?action=raw&ctype=text/css" rel="stylesheet"/>
−
}
+
<link href="https://2017.igem.org/Template:HFUT-China/MainPage/css/styleCss?action=raw&ctype=text/css" rel="stylesheet" />
−
body{
+
<style>
−
background-color:#aaaaaa;
+
body{background:#f7f5e6;}
−
font-family:Arial;
+
−
}
+
−
.wrap{
+
−
width:800px;
+
−
height:1024px;
+
−
margin:100px auto;
+
−
background-color:#FFF;
+
−
}
+
−
.wrap_header{
+
−
height:150px;
+
−
width:100%;
+
−
}
+
−
.header_content{
+
−
width:700px;
+
−
height:100px;
+
−
margin:0 auto;
+
−
padding:50px 0 0 0;
+
−
}
+
−
.header_content p{
+
−
font-style:italic;
+
−
}
+
−
.wrap_content{
+
−
height:100%;
+
−
padding:30px 50px;
+
−
text-indent:2px;
+
−
}
+
−
.wrap_content ul{
+
−
margin-left:20px;
+
−
}
+
−
+
 
</style>
 
</style>
 
</head>
 
</head>
−
<div class="wrap">
+
 
−
    <div class="wrap_header">  
+
<center>
−
        <div class="header_content">
+
<div class="header" style="z-index:999;position:absolute">
−
            <p><span style="font-size:40px;">Hfut Software Team</span> <br />
+
  <ul class="nav">
−
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="float:right;font-size:24px;"><b>- Project Description</b></span></p>
+
    <li><a href="https://2017.igem.org/Team:HFUT-China">&nbsp;&nbsp;Main page&nbsp;&nbsp;</a></li>
−
            </div>
+
    <li><a href="https://2017.igem.org/Team:HFUT-China/Description">&nbsp;&nbsp;Project&nbsp;<img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px";>&nbsp;&nbsp;</a>
−
        </div>
+
            <ul>
−
        <div class="wrap_content">
+
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Description"><font class="hef">Description</font></a></li>
−
       
+
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Design"><font class="hef">Design</font></a></li>
−
            <span style="font-size:30px; font-style:italic;color:#09F;">What for?</span><br /><br />
+
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Contribution"><font class="hef">Contribution</font></a></li>
−
            <p><span style="font-style:italic"><b>Generally speaking, our system is a project search engine.</b></span></p>  
+
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Demonstrate"><font class="hef">Demonstrate</font></a></li>
−
            <p>The system is based on a project library that stores information (including the profile, the purpose, the process, the results etc.) of all the teams’ projects in the past years and updates daily to keep up with the times. The system provides a variety of ways for searching information. And by the special processing of the information, we also optimize the searching performance and ensure the effectiveness of search results.</p><br />
+
      </ul>
−
            <span style="font-size:30px; font-style:italic;color:#09F;">How?</span><br /><br />
+
    </li>
−
<span style="font-style:italic">Way of Search:</span>
+
    <li><a href="https://2017.igem.org/Team:HFUT-China/Software">&nbsp;&nbsp;Software&nbsp;<img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px";>&nbsp;&nbsp;</a>
−
            <ul>
+
        <ul>
−
            <li><p>Search by Category
+
<li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Software"><font class="hef" color="#000">Software</font></a></li>
−
The system gives basic classification of previous projects, you can use the category tags to search.</p></li>
+
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Model"><font class="hef" color="#000">Model</font></a></li>
−
                <li><p>Search by Bioblock
+
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Improve"><font class="hef" color="#000">Improve</font></a></li>
−
By searching for a bioblock, you can get all the related information of the previous projects.</p></li>
+
        </ul>
−
                <li><p>Search by Combination of Bioblocks
+
    </li>
−
By searching for two bioblocks, you can get projects related to the two bioblocks.</p></li>
+
    <li><a href="https://2017.igem.org/Team:HFUT-China/Notebook">&nbsp;&nbsp;Documents&nbsp;<img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px";>&nbsp;&nbsp;</a>
−
                <li><p>Search by Key Techniques
+
        <ul>
−
By searching for the key techniques used in the project, you can get the previous projects that used the same technique.</p></li>
+
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Notebook"><font class="hef" color="#000">Notebook</font></a></li>
−
            </ul><br />
+
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Safety"><font class="hef" color="#000">Safety</font></a></li>
−
            <span style="font-size:30px; font-style:italic;color:#09F;">Optimize performance:</span><br /><br />
+
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/User_guide"><font class="hef" color="#000">User guide</font></a></li>
−
<span style="font-style:italic">Search for performance protection:</span><br />
+
        </ul>
−
            <ul>
+
    </li>
−
            <li>
+
    <li><a href="https://2017.igem.org/Team:HFUT-China/Team">Team&nbsp;<img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px";></a>
−
<p>The captured data is structured in the database by reasonable prior analysis processing, so that the retrieval and the time consumption of the data analysis are not felt during the retrieval process.</p>
+
        <ul>
−
                </li>
+
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Team"><font class="hef" color="#000">Members</font></a></li>
−
            </ul><br />
+
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Collaborations"><font class="hef" color="#000">Collaborations</font></a></li>
−
            <span style="font-style:italic">Guarantee the effectiveness :</span><br />
+
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Attributions"><font class="hef" color="#000">Attributions</font></a></li>
−
            <ul>
+
        </ul>
−
            <li><p>In the initial processing of storage, the data is sorted by algorithm through keywords. Content that is relevant to the keywords will be placed ahead. And the searching results will be sorted by algorithm as well.</p></li>
+
    </li>
−
                <li><p>The sorting algorithm itself is a model. When user looks at the searching results, the system will know which kind of information is more useful to the user according to the user's feedback. Through this information collection training and screening model, the system itself will optimize the sorting algorithm.</p></li>
+
    <li><a href="#">&nbsp;&nbsp;Human practice&nbsp;<img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px";>&nbsp;&nbsp;</a>
−
            </ul>
+
<ul>
−
        </div>
+
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Silver"><font class="hef" color="#000">Silver HP</font></a></li>
−
     </div>
+
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Gold_Integrated"><font class="hef" color="#000">Integrated<br>and Gold</font></a></li>
−
<body>
+
        </ul>
−
</body>
+
    </li>
 +
  </ul>
 +
</div>
 +
 
 +
<div style="height:160px"></div>
 +
<div class="title" style="margin-top: 10px"><b><font color="#0089a7">Descrip</font><font color="#555555">tion</font></b></div>
 +
<div class="p">
 +
  <div class="q">Hey there, iGEMers! Are you still looking for information of biobricks? Are you still having difficulty in finding references of former teams? Are you still feeling hard to design your biobricks? Don’t worry now,BioDesigner can do this for you!<br><br></div>
 +
  <div style="text-align:center">  
 +
 
 +
 
 +
</div>
 +
  <div class="title" style="margin-top: 10px"><b><font color="555555" size="6px">Applications </font><font color="#555555" size="6px"> of BioDesigner<br></font></b></div>
 +
 
 +
<a href="#search"><img src="https://static.igem.org/mediawiki/2017/c/c7/Pic1.png" onmouseover="change11()" onmouseout="change1()" id="pic1" width="14.9%" style="margin:1.6%;"></a>
 +
 
 +
<a href="#keys"><img src="https://static.igem.org/mediawiki/2017/5/57/Pic2.png" onmouseover="change22()" onmouseout="change2()" id="pic2" width="14.9%" style="margin:1.6%;"></a>
 +
 
 +
<a href="#design"><img src="https://static.igem.org/mediawiki/2017/0/07/Pic3-china.png" onmouseover="change33()" onmouseout="change3()" id="pic3" width="14.9%" style="margin:1.6%;"></a>
 +
 
 +
<a href="#gene"><img src="https://static.igem.org/mediawiki/2017/c/cd/Pic4.png" onmouseover="change44()" onmouseout="change4()" id="pic4" width="14.9%" style="margin:1.6%;"></a>
 +
 
 +
<a href="#system"><img src="https://static.igem.org/mediawiki/2017/1/16/Pic5.png" onmouseover="change55()" onmouseout="change5()" id="pic5" width="14.9%" style="margin:1.6%;"></a>
 +
 
 +
 
 +
<!--
 +
<a data-original-title="search" data-animation="false" data-easein="bounce" href="#search" style=" width:16%" rel="popover"  data-placement="top" data-content="You are free to search for team and biobrick information.Searching for teams under certain tracks Participants or any combination of tracks is also available."><img src="img/1.png" onmouseover="change11()" onmouseout="change1()" id="pic1" width="14.9%" style="margin:1.6%;" ></a>
 +
 
 +
<a data-original-title="keys" data-animation="false" data-easein="bounce" href="#keys" style="  width:16%" rel="popover"  data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."><img src="img/2.png" onmouseover="change22()" onmouseout="change2()" id="pic2" width="14.9%" style="margin:1.6%;" ></a>
 +
<a data-original-title="design" data-animation="false" data-easein="bounce" href="#design" style="  width:16%" rel="popover"  data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."><img src="img/3.png" onmouseover="change33()" onmouseout="change3()" id="pic3" width="14.9%" style="margin:1.6%;" ></a>
 +
<a data-original-title="gene" data-animation="false" data-easein="bounce" href="#gene" style="  width:16%" rel="popover"  data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."><img src="img/4.png" onmouseover="change44()" onmouseout="change4()" id="pic4" width="14.9%" style="margin:1.6%;" ></a>
 +
 
 +
<a data-original-title="system" data-animation="false" data-easein="bounce" href="#system" style="  width:16%" rel="popover"  data-placement="top" data-content="img/2.png"><img src="img/5.png" onmouseover="change55()" onmouseout="change5()" id="pic5" width="14.9%" style="margin:1.6%;" ></a>
 +
 
 +
 
 +
-->
 +
</div>
 +
  </div>
 +
</div>
 +
<script type="text/javascript" >
 +
function change11(){
 +
document.getElementById("pic1").src="https://static.igem.org/mediawiki/2017/7/72/111.png";
 +
}
 +
function change1(){
 +
document.getElementById("pic1").src="https://static.igem.org/mediawiki/2017/c/c7/Pic1.png";
 +
}
 +
function change22(){
 +
document.getElementById("pic2").src="https://static.igem.org/mediawiki/2017/7/75/22.png";
 +
}
 +
function change2(){
 +
document.getElementById("pic2").src="https://static.igem.org/mediawiki/2017/5/57/Pic2.png";
 +
}
 +
function change33(){
 +
document.getElementById("pic3").src="https://static.igem.org/mediawiki/2017/9/9c/33.png";
 +
}
 +
function change3(){
 +
document.getElementById("pic3").src="https://static.igem.org/mediawiki/2017/0/07/Pic3-china.png";
 +
}
 +
function change44(){
 +
document.getElementById("pic4").src="https://static.igem.org/mediawiki/2017/8/8b/44.png";
 +
}
 +
function change4(){
 +
document.getElementById("pic4").src="https://static.igem.org/mediawiki/2017/c/cd/Pic4.png";
 +
}
 +
function change55(){
 +
document.getElementById("pic5").src="https://static.igem.org/mediawiki/2017/8/83/55.png";
 +
}
 +
function change5(){
 +
document.getElementById("pic5").src="https://static.igem.org/mediawiki/2017/1/16/Pic5.png";
 +
}
 +
</script>
 +
<div class="p">
 +
  <div class="q">You are free to search for team and biobrick information. Searching for teams under certain tracks Participants or any combination of tracks is also available. You will only be shown teams which are under the selected tracks. Selecting no tracks means searching in all teams. What’s more, once a team is chosen, recommended teams, which is similar to this one, will appear on the right of the screen. The recommendation is based on how much two teams are related according to their content and themes.<br><br></div>
 +
</div>
 +
<div class="p">
 +
  <div class="q">Guess what, you will find a big surprise in the design panel of BioDesigner, especially for those who have problem designing parts. In the designing panel, you can devise your own parts in three steps: Drag, and Drop, and Done. Once a part is selected, the detailed information will appear on the right. After a part is set, you will get recommended parts that are most likely to be added behind or ahead of this part.<br><br></div>
 +
</div>
 +
 
 +
</div>
 +
<div style="height:20%;"></div>
 +
<div class="footer"">
 +
  <div class="foot-icon">
 +
     <a href=""><img src="https://static.igem.org/mediawiki/2017/5/51/Fb.png" class="icon"></a>
 +
    <a href=""><img src="https://static.igem.org/mediawiki/2017/d/da/Emial.png" class="icon"></a>
 +
    <a href=""><img src="https://static.igem.org/mediawiki/2017/5/51/Git.png" class="icon"></a>
 +
  </div>
 +
</div>
 +
</center>
 +
 
  
 
</html>
 
</html>

Revision as of 13:40, 19 October 2017

Team:HFUT-China

Description
Hey there, iGEMers! Are you still looking for information of biobricks? Are you still having difficulty in finding references of former teams? Are you still feeling hard to design your biobricks? Don’t worry now,BioDesigner can do this for you!

Applications of BioDesigner
You are free to search for team and biobrick information. Searching for teams under certain tracks Participants or any combination of tracks is also available. You will only be shown teams which are under the selected tracks. Selecting no tracks means searching in all teams. What’s more, once a team is chosen, recommended teams, which is similar to this one, will appear on the right of the screen. The recommendation is based on how much two teams are related according to their content and themes.

Guess what, you will find a big surprise in the design panel of BioDesigner, especially for those who have problem designing parts. In the designing panel, you can devise your own parts in three steps: Drag, and Drop, and Done. Once a part is selected, the detailed information will appear on the right. After a part is set, you will get recommended parts that are most likely to be added behind or ahead of this part.