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

 
(95 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
+
   
−
<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"
−
}
+
        />
−
body{
+
        <link href="https://2017.igem.org/Template:HFUT-China/MainPage/css/styleCss?action=raw&ctype=text/css" rel="stylesheet" />
−
background-color:#aaaaaa;
+
        <style>
−
font-family:Arial;
+
            body {
−
}
+
                background: #f7f5e6;
−
.wrap{
+
                width: 100%;
−
width:800px;
+
            }
−
height:1024px;
+
   
−
margin:100px auto;
+
            .pic1 {
−
background-color:#FFF;
+
                background: url(https://static.igem.org/mediawiki/2017/c/c7/Pic1.png);
−
}
+
                background-size: 100% auto;
−
.wrap_header{
+
                background-repeat: no-repeat;
−
height:150px;
+
                width: 166px;
−
width:100%;
+
                height: 166px;
−
}
+
                float: left;
−
.header_content{
+
                margin: 3px;
−
width:700px;
+
            }
−
height:100px;
+
   
−
margin:0 auto;
+
            .pic1:hover {
−
padding:50px 0 0 0;
+
                background: url(https://static.igem.org/mediawiki/2017/7/72/111.png);
−
}
+
                background-size: 100% auto;
−
.header_content p{
+
                background-repeat: no-repeat;
−
font-style:italic;
+
                width: 166px;
−
}
+
                height: 166px;
−
.wrap_content{
+
                float: left;
−
height:100%;
+
                margin: 3px;
−
padding:30px 50px;
+
            }
−
text-indent:2px;
+
   
−
}
+
            .pic2 {
−
.wrap_content ul{
+
                background: url(https://static.igem.org/mediawiki/2017/5/57/Pic2.png);
−
margin-left:20px;
+
                background-size: 100% auto;
−
}
+
                background-repeat: no-repeat;
−
+
                width: 166px;
−
</style>
+
                height: 166px;
−
</head>
+
                float: left;
−
<div class="wrap">
+
                margin: 3px;
−
    <div class="wrap_header">  
+
            }
−
        <div class="header_content">
+
   
−
            <p><span style="font-size:40px;">Hfut Software Team</span> <br />
+
            .pic2:hover {
−
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="float:right;font-size:24px;"><b>- Project Description</b></span></p>
+
                background: url(https://static.igem.org/mediawiki/2017/7/75/22.png
−
            </div>
+
    );
−
        </div>
+
                background-size: 100% auto;
−
        <div class="wrap_content">
+
                background-repeat: no-repeat;
−
       
+
                width: 166px;
−
            <span style="font-size:30px; font-style:italic;color:#09F;">What for?</span><br /><br />
+
                height: 166px;
−
            <p><span style="font-style:italic"><b>Generally speaking, our system is a project search engine.</b></span></p>  
+
                float: left;
−
            <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 />
+
                margin: 3px;
−
            <span style="font-size:30px; font-style:italic;color:#09F;">How?</span><br /><br />
+
            }
−
<span style="font-style:italic">Way of Search:</span>
+
   
−
            <ul>
+
            .pic3 {
−
            <li><p>Search by Category
+
                background: url(https://static.igem.org/mediawiki/2017/0/07/Pic3-china.png
−
The system gives basic classification of previous projects, you can use the category tags to search.</p></li>
+
    );
−
                 <li><p>Search by Bioblock
+
                background-size: 100% auto;
−
By searching for a bioblock, you can get all the related information of the previous projects.</p></li>
+
                background-repeat: no-repeat;
−
                <li><p>Search by Combination of Bioblocks
+
                width: 166px;
−
By searching for two bioblocks, you can get projects related to the two bioblocks.</p></li>
+
                height: 166px;
−
                <li><p>Search by Key Techniques
+
                float: left;
−
By searching for the key techniques used in the project, you can get the previous projects that used the same technique.</p></li>
+
                margin: 3px;
−
            </ul><br />
+
            }
−
            <span style="font-size:30px; font-style:italic;color:#09F;">Optimize performance:</span><br /><br />
+
   
−
<span style="font-style:italic">Search for performance protection:</span><br />
+
            .pic3:hover {
−
            <ul>
+
                background: url(https://static.igem.org/mediawiki/2017/9/9c/33.png
−
            <li>
+
    );
−
<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>
+
                background-size: 100% auto;
 +
                background-repeat: no-repeat;
 +
                width: 166px;
 +
                height: 166px;
 +
                float: left;
 +
                margin: 3px;
 +
            }
 +
   
 +
            .pic4 {
 +
                background: url(https://static.igem.org/mediawiki/2017/c/cd/Pic4.png
 +
    );
 +
                background-size: 100% auto;
 +
                background-repeat: no-repeat;
 +
                width: 166px;
 +
                height: 166px;
 +
                float: left;
 +
                margin: 3px;
 +
            }
 +
   
 +
            .pic4:hover {
 +
                background: url(https://static.igem.org/mediawiki/2017/8/8b/44.png
 +
    );
 +
                background-size: 100% auto;
 +
                background-repeat: no-repeat;
 +
                width: 166px;
 +
                height: 166px;
 +
                float: left;
 +
                margin: 3px;
 +
            }
 +
   
 +
            .pic5 {
 +
                background: url(https://static.igem.org/mediawiki/2017/1/16/Pic5.png
 +
    );
 +
                background-size: 100% auto;
 +
                background-repeat: no-repeat;
 +
                width: 166px;
 +
                height: 166px;
 +
                float: left;
 +
                margin: 3px;
 +
            }
 +
   
 +
            .pic5:hover {
 +
                background: url(https://static.igem.org/mediawiki/2017/8/83/55.png
 +
    );
 +
                background-size: 100% auto;
 +
                background-repeat: no-repeat;
 +
                width: 166px;
 +
                height: 166px;
 +
                float: left;
 +
                margin: 3px;
 +
            }
 +
   
 +
            .image-desc {
 +
                box-shadow: 0px 3px 19px #ddd;
 +
                border-radius: 20px;
 +
                width: 1000px;
 +
            }
 +
        </style>
 +
    </head>
 +
   
 +
    <center>
 +
        <div class="header" style="z-index:999; position:fixed;left:0px;top:16px;">
 +
            <ul class="nav">
 +
                <li>
 +
                    <a href="https://2017.igem.org/Team:HFUT-China">&nbsp;&nbsp;Main page&nbsp;&nbsp;</a>
 +
                </li>
 +
                <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>
 +
                    <ul>
 +
                        <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>
 +
                        <li class="selfnav hef">
 +
                            <a href="https://2017.igem.org/Team:HFUT-China/Contribution">
 +
                                <font class="hef">Contribution</font>
 +
                            </a>
 +
                        </li>
 +
                        <li class="selfnav hef">
 +
                            <a href="https://2017.igem.org/Team:HFUT-China/Demonstrate">
 +
                                <font class="hef">Demonstrate</font>
 +
                            </a>
 +
                        </li>
 +
                    </ul>
 +
                </li>
 +
                <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>
 +
                        <li class="selfnav">
 +
                            <a href="https://2017.igem.org/Team:HFUT-China/Software">
 +
                                <font class="hef" color="#000">Software</font>
 +
                            </a>
 +
                        </li>
 +
                        <li class="selfnav">
 +
                            <a href="https://2017.igem.org/Team:HFUT-China/Model">
 +
                                <font class="hef" color="#000">Model</font>
 +
                            </a>
 +
                        </li>
 +
                        <li class="selfnav">
 +
                            <a href="https://2017.igem.org/Team:HFUT-China/Improve">
 +
                                <font class="hef" color="#000">Improve</font>
 +
                            </a>
 +
                        </li>
 +
                        <li class="selfnav">
 +
                            <a href="https://2017.igem.org/Team:HFUT-China/Unit_Test">
 +
                                <font class="hef" color="#000">Unit Test</font>
 +
                            </a>
 +
                        </li>
 +
                    </ul>
 +
                </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>
 +
                    <ul>
 +
                        <li class="selfnav">
 +
                            <a href="https://2017.igem.org/Team:HFUT-China/Notebook">
 +
                                <font class="hef" color="#000">Notebook</font>
 +
                            </a>
 +
                        </li>
 +
                        <li class="selfnav">
 +
                            <a href="https://2017.igem.org/Team:HFUT-China/Medals">
 +
                                <font class="hef" color="#000">Medals</font>
 +
                            </a>
 +
                        </li>
 +
                        <li class="selfnav">
 +
                            <a href="https://2017.igem.org/Team:HFUT-China/Safety">
 +
                                <font class="hef" color="#000">Safety</font>
 +
                            </a>
 +
                        </li>
 +
                        <li class="selfnav">
 +
                            <a href="https://2017.igem.org/Team:HFUT-China/User_guide">
 +
                                <font class="hef" color="#000">User guide</font>
 +
                            </a>
 +
                        </li>
 +
                    </ul>
 +
                 </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>
 +
                    <ul>
 +
                        <li class="selfnav">
 +
                            <a href="https://2017.igem.org/Team:HFUT-China/Team">
 +
                                <font class="hef" color="#000">Members</font>
 +
                            </a>
 +
                        </li>
 +
                        <li class="selfnav">
 +
                            <a href="https://2017.igem.org/Team:HFUT-China/Attributions">
 +
                                <font class="hef" color="#000">Attributions</font>
 +
                            </a>
 +
                        </li>
 +
                        <li class="selfnav">
 +
                            <a href="https://2017.igem.org/Team:HFUT-China/Collaborations">
 +
                                <font class="hef" color="#000">Collaborations</font>
 +
                            </a>
 +
                        </li>
 +
   
 +
                    </ul>
 +
                </li>
 +
                <li>
 +
                    <a href="https://2017.igem.org/Team:HFUT-China/HP/Silver">&nbsp;&nbsp;Human practice&nbsp;
 +
                        <img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px" ;>&nbsp;&nbsp;</a>
 +
                    <ul>
 +
                        <li class="selfnav">
 +
                            <a href="https://2017.igem.org/Team:HFUT-China/HP/Silver">
 +
                                <font class="hef" color="#000">Silver HP</font>
 +
                            </a>
 +
                        </li>
 +
                        <li class="selfnav">
 +
                            <a href="https://2017.igem.org/Team:HFUT-China/HP/Gold_Integrated">
 +
                                <font class="hef" color="#000">Integrated
 +
                                    <br>and Gold</font>
 +
                            </a>
 +
                        </li>
 +
                    </ul>
 +
                </li>
 +
                <li>
 +
                    <a href="https://igem.org/2017_Judging_Form?id=2466" target="blank">&nbsp;&nbsp;Judging Form&nbsp;&nbsp;</a>
 
                 </li>
 
                 </li>
−
            </ul><br />
 
−
            <span style="font-style:italic">Guarantee the effectiveness :</span><br />
 
−
            <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><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>
 
 
             </ul>
 
             </ul>
 +
        </div>
 +
   
 +
        <div class="title" style="margin-top: 10px">
 +
   
 +
   
 +
            <div style="width:100%;height:160px;"></div>
 +
            <b>
 +
                <font color="#0089a7">Descrip</font><font color="#555555">tion</font>
 +
            </b>
 +
        </div>
 +
   
 +
        <div style="width:100%;height:60px;"></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
 +
                Dolphin can do this for you!
 +
                <br>
 +
                <br>
 +
            </div>
 +
            <div style="text-align:center">
 +
   
 +
   
 +
            </div>
 +
   
 +
            <div class="title" style="margin-top: 30px;margin-bottom:50px;">
 +
                <b>
 +
                    <font color="555555" size="6px">Why Biodesigner Dolphin?</font>
 +
                </b>
 +
            </div>
 +
   
 +
            <div class="q">First of all, let me tell you a story. Emma who is new to iGEM and her teammates are interested in social behaviors
 +
                of bacteria, and they determined to build a system modeling human society to deal with grease existing in the
 +
                polluted water. What they first thought about was the decomposition of grease. But to enrich their project, they
 +
                wanted to know more about sewage treatment. So, they looked into wikis on the official website under “Environment”
 +
                track, which was a long and exhausting process, and picked out some projects related to greas. Then it suddenly
 +
                came to their minds that grease could be synthesized to biodiesel, which is typical of “Energy” track. And this
 +
                means they would have to look into wikis again which made them feel really upset.
 +
                <br>
 +
                <br>
 +
            </div>
 +
   
 +
   
 +
            <div class="q">
 +
                They thought of getting inspiration from Google. However, when they googled “grease”, they got this：
 +
                <br>
 +
                <br>
 +
                <center>
 +
                    <img class="image-desc" src="https://static.igem.org/mediawiki/2017/2/2b/Google-1.jpg" alt="">
 +
                </center>
 +
                <br> and this：
 +
                <br>
 +
                <br>
 +
                <center>
 +
                    <img class="image-desc" src="https://static.igem.org/mediawiki/2017/4/4d/Google-2.jpg" alt="">
 +
                </center>
 +
                <br> I think Emma won’t love Google anymore.
 +
                <br>
 +
                <br> One of the highlights of this year’s BioDesigner Dolphin is that we expanded the teams provided by the official
 +
                and added information retrieval for teams’ wikis. Take Emma and her teammates as an example. They don’t have
 +
                to surf wikis under “Energy” and “Environment” any longer. What they should do is to type “grease” in the searching
 +
                box of BioDesigner Dolphin and they will get what they want.
 +
                <br>
 +
                <br>
 +
                <center>
 +
                    <img class="image-desc" src="https://static.igem.org/mediawiki/2017/b/b7/Search-result.png" alt="">
 +
                </center>
 +
                <br>
 +
                <br> Furthermore, as a pure iGEM assistant software, BioDesigner Dolphin can provide information which is much cleaner
 +
                and tidier than Google’s. Users don’t have to worry about advertisements and unrelated news. Actually, there
 +
                are many search engines like BioDesigner Dolphin in other fields such as ncbi in medical research and so on. And the
 +
                searching function of BioDesigner Dolphin is a proprietary searching engine designed for wikis of iGEM.
 +
                <br>
 +
            </div>
 +
            <div style="width:100%;height:60px;"></div>
 +
   
 +
            <div class="title" style="margin-top: 10px">
 +
                <b>
 +
                    <font color="555555" size="6px">Applications </font>
 +
                    <font color="#555555" size="6px"> of BioDesigner Dolphin
 +
                        <br>
 +
                    </font>
 +
                </b>
 +
            </div>
 +
            <div style="width:100%;height:30px;"></div>
 +
            <div style="width:100%;"></div>
 +
            <div style="margin:0 auto">
 +
                <table style="background:#f7f5e6;bordercolor:#f7f5e6;border:3px solid #f7f5e6;cellpadding:0;">
 +
                    <tr style="background:#f7f5e6;bordercolor:#f7f5e6;border:3px solid #f7f5e6;cellpadding:0;">
 +
   
 +
                        <td style="background:#f7f5e6;bordercolor:#f7f5e6;border:3px solid #f7f5e6;cellpadding:0;">
 +
                            <div class="pic1"></div>
 +
                        </td>
 +
                        <td style="background:#f7f5e6;bordercolor:#f7f5e6;border:3px solid #f7f5e6;cellpadding:0;">
 +
                            <div class="pic2"></div>
 +
                        </td>
 +
                        <td style="background:#f7f5e6;bordercolor:#f7f5e6;border:3px solid #f7f5e6;cellpadding:0;">
 +
                            <div class="pic3"></div>
 +
                        </td>
 +
                        <td style="background:#f7f5e6;bordercolor:#f7f5e6;border:3px solid #f7f5e6;cellpadding:0;">
 +
                            <div class="pic4"></div>
 +
                        </td>
 +
                        <td style="background:#f7f5e6;bordercolor:#f7f5e6;border:3px solid #f7f5e6;cellpadding:0;">
 +
                            <div class="pic5"></div>
 +
                        </td>
 +
                    </tr>
 +
                </table>
 +
            </div>
 +
        </div>
 +
   
 +
   
 +
        <div style="width:100%;height:20px;"></div>
 +
        <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 Dolphin, 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 class="q">For more detailed information about our software, please visit <a style="font-size:26px; margin:0 10" href="https://2017.igem.org/Team:HFUT-China/Software">SoftWare</a> page.</div>
 +
        </div>
 +
        <div class="footer ">
 +
        <div class="foot-icon ">
 +
            <a href="http://bio.measurex.top " target="blank "  style="width:66px;">
 +
                <img src="https://static.igem.org/mediawiki/2017/f/fb/Bio.png
 +
                " class="icon ">
 +
            </a>
 +
            <!--<a href=" ">
 +
                <img src="https://static.igem.org/mediawiki/2017/5/51/Fb.png " class="icon " style="width:66px;">
 +
            </a>-->
 +
            <a href="mailto:591689118@qq.com" target="blank ">
 +
                <img src="https://static.igem.org/mediawiki/2017/b/ba/Hfutdeemail.png" class="icon " style="width:66px;">
 +
            </a>
 +
            <a href="https://github.com/APTX-4869-MDZZ/HFUT-China" target="blank " style="width:66px;">
 +
                <img src="https://static.igem.org/mediawiki/2017/b/bf/Hfutdegit.png " class="icon ">
 +
            </a>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
<body>
+
    </center>
−
</body>
+
    </body>
−
 
+
   
−
</html>
+
    </html>

Latest revision as of 01:55, 2 November 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 Dolphin can do this for you!

Why Biodesigner Dolphin?
First of all, let me tell you a story. Emma who is new to iGEM and her teammates are interested in social behaviors of bacteria, and they determined to build a system modeling human society to deal with grease existing in the polluted water. What they first thought about was the decomposition of grease. But to enrich their project, they wanted to know more about sewage treatment. So, they looked into wikis on the official website under “Environment” track, which was a long and exhausting process, and picked out some projects related to greas. Then it suddenly came to their minds that grease could be synthesized to biodiesel, which is typical of “Energy” track. And this means they would have to look into wikis again which made them feel really upset.

They thought of getting inspiration from Google. However, when they googled “grease”, they got this：


and this：


I think Emma won’t love Google anymore.

One of the highlights of this year’s BioDesigner Dolphin is that we expanded the teams provided by the official and added information retrieval for teams’ wikis. Take Emma and her teammates as an example. They don’t have to surf wikis under “Energy” and “Environment” any longer. What they should do is to type “grease” in the searching box of BioDesigner Dolphin and they will get what they want.



Furthermore, as a pure iGEM assistant software, BioDesigner Dolphin can provide information which is much cleaner and tidier than Google’s. Users don’t have to worry about advertisements and unrelated news. Actually, there are many search engines like BioDesigner Dolphin in other fields such as ncbi in medical research and so on. And the searching function of BioDesigner Dolphin is a proprietary searching engine designed for wikis of iGEM.
Applications of BioDesigner Dolphin
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 Dolphin, 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.

For more detailed information about our software, please visit SoftWare page.