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

 
(46 intermediate revisions by 3 users not shown)
Line 2: Line 2:
  
 
<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>Team:HFUT-China</title>
+
    <title>Team:HFUT-China</title>
  
<link href="https://2017.igem.org/Template:HFUT-China/Safety/css/headerCss?action=raw&ctype=text/css" rel="stylesheet"/>
+
    <link href="https://2017.igem.org/Template:HFUT-China/Safety/css/headerCss?action=raw&ctype=text/css" rel="stylesheet" />
<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/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" />
+
    />
<style>
+
    <link href="https://2017.igem.org/Template:HFUT-China/MainPage/css/styleCss?action=raw&ctype=text/css" rel="stylesheet" />
body{background:#fff;}
+
    <style>
</style>
+
        body {
 +
            background: #fff;
 +
        }
 +
    </style>
 
</head>
 
</head>
  
 
<center>
 
<center>
<div class="header" style="z-index:999;position:absolute">
+
    <div class="header" style="z-index:999; position:fixed;left:0px;top:16px;">
  <ul class="nav">
+
        <ul class="nav">
    <li><a href="https://2017.igem.org/Team:HFUT-China">&nbsp;&nbsp;Main page&nbsp;&nbsp;</a></li>
+
            <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>
+
                <a href="https://2017.igem.org/Team:HFUT-China">&nbsp;&nbsp;Main page&nbsp;&nbsp;</a>
            <ul>
+
            </li>
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Description"><font class="hef">Description</font></a></li>
+
            <li>
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Design"><font class="hef">Design</font></a></li>
+
                <a href="https://2017.igem.org/Team:HFUT-China/Description">&nbsp;&nbsp;Project&nbsp;
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Contribution"><font class="hef">Contribution</font></a></li>
+
                    <img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px" ;>&nbsp;&nbsp;</a>
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Demonstrate"><font class="hef">Demonstrate</font></a></li>
+
                <ul>
      </ul>
+
                    <li class="selfnav hef">
    </li>
+
                        <a href="https://2017.igem.org/Team:HFUT-China/Description">
    <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>
+
                            <font class="hef">Description</font>
        <ul>
+
                        </a>
<li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Software"><font class="hef" color="#000">Software</font></a></li>
+
                    </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 hef">
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Improve"><font class="hef" color="#000">Improve</font></a></li>
+
                        <a href="https://2017.igem.org/Team:HFUT-China/Design">
        </ul>
+
                            <font class="hef">Design</font>
    </li>
+
                        </a>
    <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>
        <ul>
+
                    <li class="selfnav hef">
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Notebook"><font class="hef" color="#000">Notebook</font></a></li>
+
                        <a href="https://2017.igem.org/Team:HFUT-China/Contribution">
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Medals"><font class="hef" color="#000">Medals</font></a></li>
+
                            <font class="hef">Contribution</font>
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Safety"><font class="hef" color="#000">Safety</font></a></li>
+
                        </a>
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/User_guide"><font class="hef" color="#000">User guide</font></a></li>
+
                    </li>
        </ul>
+
                    <li class="selfnav hef">
    </li>
+
                        <a href="https://2017.igem.org/Team:HFUT-China/Demonstrate">
    <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>
+
                            <font class="hef">Demonstrate</font>
        <ul>
+
                        </a>
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Team"><font class="hef" color="#000">Members</font></a></li>
+
                    </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 class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Attributions"><font class="hef" color="#000">Attributions</font></a></li>
+
            </li>
        </ul>
+
            <li>
    </li>
+
                <a href="https://2017.igem.org/Team:HFUT-China/Software">&nbsp;&nbsp;Software&nbsp;
    <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>
+
                    <img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px" ;>&nbsp;&nbsp;</a>
<ul>
+
                <ul>
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Silver"><font class="hef" color="#000">Silver HP</font></a></li>
+
                    <li class="selfnav">
        <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>
+
                        <a href="https://2017.igem.org/Team:HFUT-China/Software">
        </ul>
+
                            <font class="hef" color="#000">Software</font>
    </li>
+
                        </a>
  </ul>
+
                    </li>
</div>
+
                    <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>
  
<div style="height:160px"></div>
+
                </ul>
<div class="title" style="margin-top: 10px"><b><font color="#555555">BioDesigner</font>&nbsp;<font color="#0089a7">Dolphin</font></b></div>
+
            </li>
<div class="subtitle"><a href="http://47.93.11.157" target="blank" style=" text-decoration:none;"><font color="#555555"><br><br><br>Click <font color="#0089a7"><b>here</b></font> to use our software ~ :p</font></a></div>  
+
            <li>
<div style="margin-top: 90px;font-family: Light;"><b><font color="#333" size="6px" ><br>SEARCH</font></b></div>
+
                <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>
 +
        </ul>
 +
    </div>
  
 +
    <div style="height:160px"></div>
 +
    <div class="title" style="margin-top: 10px">
 +
        <b>
 +
            <font color="#555555">BioDesigner</font>&nbsp;<font color="#0089a7">Dolphin</font>
 +
        </b>
 +
    </div>
 +
    <div class="subtitle">
 +
        <a href="http://bio.measurex.top" target="blank" style=" text-decoration:none;">
 +
            <font color="#555555 ">
 +
                <br>
 +
                <br>
 +
                <br>
 +
                <b>Click
 +
                    <span style="border-radius:6px;border: 2px solid #0089a7;padding:4px 10px 0 10px; margin:0 8px; color:#0089a7; text-align: center">here</span>
 +
                    to use our software ~ :p</b>
 +
            </font>
 +
        </a>
 +
    </div>
  
<div class="p">
 
  <div class="q" style="line-height: 2.5;">
 
  <br>We collecte the information of all teams from 2004 to 2016, and devise algorithms to analyze it. The result of analyzation is used to build the backend database. Users can input keywords to search for teams related to these words. To obtain more specific searching results, users can select tracks or combination of tracks which are shown under the search box. Selecting no tracks means searching under all tracks.
 
  <br><br>
 
  We ran a classification algorithm under these different combination of tracks, and then used a keyword extraction algorithm to extract keywords of them. Users are free to select their interested group of tracks by checking out these keywords. The system can also recommend keywords related to the keywords input in the searching box.
 
  Once the “Search” button is clicked, the searching results will be listed on the screen. More detailed information will be shown if a team is selected. The address of the selected team’s wiki will also be shown in the page. At the meantime, similar teams will be recommended to users as reference.<br><br></div>
 
  <img src="https://static.igem.org/mediawiki/2017/a/ae/Index.png" width="79%" style="box-shadow: 0px 3px 19px #ddd;margin-top:30px;border-radius:20px;">
 
</div>
 
  
 +
    <div style="margin-top: 90px;font-family: good;">
 +
        <b>
 +
            <font color="#6f7c91" size="6px">
 +
                <br>OVERVIEW</font>
 +
        </b>
 +
    </div>
  
<div style="margin-top: 90px;font-family: Light;"><b><font color="#333" size="6px" ><br><br><br>PROJECT</font></b></div>
+
    <div class="p">
 +
        <div class="q" style="line-height: 2.5;">
 +
            <br>There are three things that an iGEMer need in order to compete in iGEM—a novel idea, a few great teammates and
 +
            a helpful software. I guess you have found an idea and a team. Now, you have found the last one—BioDesigner.
 +
            BioDesigner is designed to help synthetic biologists, especially iGEMers, to retrieve for information and design
 +
            gene chains.
 +
            <br>
 +
            <br>In this year’s project, we perfected the design function inherited from HFUT-China 2016, and added a search function
 +
            to it.
 +
            <br>
 +
            <br>
 +
        </div>
 +
    </div>
 +
    <img src="https://static.igem.org/mediawiki/2017/6/60/Software111.png" width="50%">
 +
    <div style="margin-top: 90px;font-family: good;">
 +
        <b>
 +
            <font color="#6f7c91" size="6px">
 +
                <br>SEARCH</font>
 +
        </b>
 +
    </div>
  
<div class="p">
+
    <div class="p">
  <div class="q" style="line-height: 2.5;">
+
        <div class="q" style="line-height: 2.5;">
  <br>Our project can be divided into two parts--searching and designing. To search for information of iGEM teams and biobricks, users can input keywords of what they want to get, and the results will be shown in a moment. Users can also search for information of certain tracks and combination of tracks by selecting tracks under the search box. Semantically similar keywords will be recommended to inspire further searching. Furthermore, among the searching results, clicking on any of the teams will be redirected to the detailed information page of the team, and the address of their wiki will also be shown in the page. A recommended list of similar teams will be shown on the right side along with the keywords of these teams.
+
            <br>Since all of searching in the world is based on information, which is data specificlly, we collected team information
  <center><img src="https://static.igem.org/mediawiki/2017/b/b4/Rec.png" width="60%" style="box-shadow: 0px 3px 19px #ddd;margin-top:60px;margin-bottom:20px;border-radius:20px;"></center>
+
            data from the official website of iGEM. The raw data is of a mess and hard to be uesed for later retrieval and
  <br><br>
+
            other usage, so we implmented data cleaning process to purify it.
  As for designing, we inherited this part from the 2016 HFUT-China team and perfected it. Users can devise their own gene chains by dragging parts listed on the left and dropping them on a certain position of the chain. Once a part is chosen, the information of it will be shown. Moreover, parts which are most likely to appear ahead of or behind the part will be recommended to serve for convenience.
+
            <br>
  <center><img src="https://static.igem.org/mediawiki/2017/5/59/Design-gene.png" width="79%" style="box-shadow: 0px 3px 19px #ddd;margin-top:60px;border-radius:20px;"></center> <br><br></div>
+
        </div>
</div>
+
  
 +
    </div>
 +
    <img src="https://static.igem.org/mediawiki/2017/5/51/Software222.png" width="50%" style="margin-bottom:-100px;">
 +
    <div class="p">
 +
        <div class="q" style="line-height: 2.5;">
 +
            <br>
 +
            <br>With the support of our backend database, we built up the searching engine. To provide true convenience for users,
 +
            the search can be conducted under cerrtain tracks by selecting a single, a group of or no tracks which lie beneath
 +
            the searching box. Selecting no tracks means search under all tracks.
 +
            <br> The results are iGEM teams which are most related to the search string. Result teams will be listed in a uniform
 +
            format and the information shown is summraized to make users surf quickly. Keywords of each team’s project are
 +
            also extracted using TF-IDF algorithm and exhibited.
 +
            <br>
 +
            <center>
 +
                <img src="https://static.igem.org/mediawiki/2017/0/08/Dol.png" alt="" width="40%" style="margin-top:60px;">
 +
            </center>
 +
            <br> Furthermore, we also provide most similar teams for users. If a single team is not satisfying, look at the right
 +
            of the screen and the recommended teams will be clearly seen. The similarity among teams are calculated using
 +
            LSI algorithm combining with the number of shared biobricks.
 +
            <br>
 +
            <center>
 +
                <img src="https://static.igem.org/mediawiki/2017/c/c2/Software4.png" width="60%" alt="" style="box-shadow: 0px 3px 19px #ddd;margin-top:30px;border-radius:20px;">
 +
            </center>
 +
            <br>
 +
            <br>
 +
        </div>
 +
    </div>
  
<div style="margin-top: 90px;font-family: Light;"><b><font color="#333" size="6px" >GENE RELATIONSHIP</font></b></div>
 
  
<div class="p">
+
    <div style="margin-top: 90px;font-family: good;">
  <div class="q" style="line-height: 2.5;">
+
        <b>
  <br>With the help of search function, users can have a clearer conception, or deeper understanding of their designs. Users can type in keywords in the searching box, then parts or compounds, some of which the users might be interested in, will be listed. The basic information, quality evaluation score and related registry page of them will also be exhibited.
+
            <font color="#6f7c91" size="6px">
<center><img src="https://static.igem.org/mediawiki/2017/0/07/Gene.png" width="79%" style="box-shadow: 0px 3px 19px #ddd;margin-top:60px;border-radius:20px;"></center>  
+
                <br>
  <br><br>
+
                <br>
  For users who are interested in specific genes, to obtain more information, they do not have to scrutinize literatures in the online database on by one. Just input the name of that gene in the searching box, apart from the detailed information, users can see literatures and related diseases of that gene. We also provide corresponding links of these literatures, so users can read them on ncbi.<br><br></div>
+
                <br>PROJECT</font>
</div>
+
        </b>
 +
    </div>
  
 +
    <div class="p">
 +
        <div class="q" style="line-height: 2.5;">
 +
            <br>In the “Project” function, users are allowed to design and assemble the own gene chains using existing biobricks.
 +
            The operations are pretty simple which can be concluded as “3D”—drag, drop and done. The biobricks are listed
 +
            on the left, and by cliking on one, its information will be shown on the right. Assembling can be done by dragging
 +
            biobricks and dropping it on whatever position you want it to be.
 +
            <center>
 +
                <img src="https://static.igem.org/mediawiki/2017/c/c0/Software7.png" width="60%" style="box-shadow: 0px 3px 19px #ddd;margin-top:60px;margin-bottom:20px;border-radius:20px;">
 +
            </center>
 +
            <br>
 +
            <br>Moreover, to further inspire users’ thoughts, our system offer biobrick recommendation service by simply clicking
 +
            the right button of the mouse. The recommeded results are shown on the bottom of the page. Recommendation are
 +
            made using Markov models, which regards anything happens in this moment as a transition of states according to
 +
            a certain probability.
 +
            <center>
 +
                <img src="https://static.igem.org/mediawiki/2017/3/32/Software6.png" width="30%" style="box-shadow: 0px 3px 19px #ddd;margin-top:60px;border-radius:20px;">
 +
            </center>
 +
            <br>
 +
            <br>
 +
        </div>
 +
    </div>
  
<div style="margin-top: 90px;font-family: Light;"><b><font color="#333" size="6px" >SYSTEM</font></b></div>
 
  
<div class="p">
+
    <div style="margin-top: 90px;font-family: good;">
  <div class="q" style="line-height: 2.5;">
+
        <b>
  <br>In system recommendation page, you can get compound / gene relation graph. By typing a compound name in the left search area, you can search compounds. Each compound is followed with a add button (move the mouse over it), click on it to add it to compounds you are interested in. Click the “run” button, you can get the result graph. By clicking the gene node or compound, you can get their information.
+
            <font color="#6f7c91" size="6px">GENE RELATIONSHIP</font>
  <center><img src="https://static.igem.org/mediawiki/2017/c/c3/Tagggg.png" width="79%" style="box-shadow: 0px 3px 19px #ddd;margin-top:60px;border-radius:20px;"></center>  
+
        </b>
<br><br></div>
+
    </div>
</div>
+
  
 +
    <div class="p">
 +
        <div class="q" style="line-height: 2.5;">
 +
            <br>With the help of search function, users can have a clearer conception, or deeper understanding of their designs.
 +
            Users can type in keywords in the searching box, then parts or compounds, some of which the users might be interested
 +
            in, will be listed. The basic information, quality evaluation score and related registry page of them will also
 +
            be exhibited.
 +
            <center>
 +
                <img src="https://static.igem.org/mediawiki/2017/c/c5/Rerere.png" width="60%" style="box-shadow: 0px 3px 19px #ddd;margin-top:60px;border-radius:20px;">
 +
            </center>
 +
            <br>
 +
            <br> For users who are interested in specific genes, to obtain more information, they do not have to scrutinize literatures
 +
            in the online database on by one. Just input the name of that gene in the searching box, apart from the detailed
 +
            information, users can see literatures and related diseases of that gene. We also provide corresponding links
 +
            of these literatures, so users can read them on ncbi.
 +
            <br>
 +
            <br>
 +
        </div>
 +
    </div>
  
</div>
+
 
<div style="height:20%;"></div>
+
    <div style="margin-top: 90px;font-family: good;">
<div class="footer"">  
+
        <b>
  <div class="foot-icon">
+
            <font color="#6f7c91" size="6px">SYSTEM</font>
    <a href=""><img src="https://static.igem.org/mediawiki/2017/5/51/Fb.png" class="icon"></a>
+
        </b>
    <a href=""><img src="https://static.igem.org/mediawiki/2017/d/da/Emial.png" class="icon"></a>
+
    </div>
    <a href=""><img src="https://static.igem.org/mediawiki/2017/5/51/Git.png" class="icon"></a>
+
 
  </div>
+
    <div class="p">
</div>
+
        <div class="q" style="line-height: 2.5;">
</center>
+
            <br>In system recommendation page, you can get compound / gene relation graph. By typing a compound name in the left
 
+
            search area, you can search compounds. Each compound is followed with a add button (move the mouse over it),
 +
            click on it to add it to compounds you are interested in. Click the “run” button, you can get the result graph.
 +
            By clicking the gene node or compound, you can get their information.
 +
            <center>
 +
                <img src="https://static.igem.org/mediawiki/2017/2/28/Gene-tag.png" width="60%" style="box-shadow: 0px 3px 19px #ddd;margin-top:60px;border-radius:20px;">
 +
            </center>
 +
            <br>
 +
            <br>
 +
        </div>
 +
    </div>
 +
 
 +
 
 +
    </div>
 +
    <div style="height:20%;"></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>
 +
</center>
  
 
</html>
 
</html>

Latest revision as of 01:17, 2 November 2017

Team:HFUT-China

BioDesigner Dolphin

OVERVIEW

There are three things that an iGEMer need in order to compete in iGEM—a novel idea, a few great teammates and a helpful software. I guess you have found an idea and a team. Now, you have found the last one—BioDesigner. BioDesigner is designed to help synthetic biologists, especially iGEMers, to retrieve for information and design gene chains.

In this year’s project, we perfected the design function inherited from HFUT-China 2016, and added a search function to it.


SEARCH

Since all of searching in the world is based on information, which is data specificlly, we collected team information data from the official website of iGEM. The raw data is of a mess and hard to be uesed for later retrieval and other usage, so we implmented data cleaning process to purify it.


With the support of our backend database, we built up the searching engine. To provide true convenience for users, the search can be conducted under cerrtain tracks by selecting a single, a group of or no tracks which lie beneath the searching box. Selecting no tracks means search under all tracks.
The results are iGEM teams which are most related to the search string. Result teams will be listed in a uniform format and the information shown is summraized to make users surf quickly. Keywords of each team’s project are also extracted using TF-IDF algorithm and exhibited.

Furthermore, we also provide most similar teams for users. If a single team is not satisfying, look at the right of the screen and the recommended teams will be clearly seen. The similarity among teams are calculated using LSI algorithm combining with the number of shared biobricks.





PROJECT

In the “Project” function, users are allowed to design and assemble the own gene chains using existing biobricks. The operations are pretty simple which can be concluded as “3D”—drag, drop and done. The biobricks are listed on the left, and by cliking on one, its information will be shown on the right. Assembling can be done by dragging biobricks and dropping it on whatever position you want it to be.


Moreover, to further inspire users’ thoughts, our system offer biobrick recommendation service by simply clicking the right button of the mouse. The recommeded results are shown on the bottom of the page. Recommendation are made using Markov models, which regards anything happens in this moment as a transition of states according to a certain probability.


GENE RELATIONSHIP

With the help of search function, users can have a clearer conception, or deeper understanding of their designs. Users can type in keywords in the searching box, then parts or compounds, some of which the users might be interested in, will be listed. The basic information, quality evaluation score and related registry page of them will also be exhibited.


For users who are interested in specific genes, to obtain more information, they do not have to scrutinize literatures in the online database on by one. Just input the name of that gene in the searching box, apart from the detailed information, users can see literatures and related diseases of that gene. We also provide corresponding links of these literatures, so users can read them on ncbi.

SYSTEM

In system recommendation page, you can get compound / gene relation graph. By typing a compound name in the left search area, you can search compounds. Each compound is followed with a add button (move the mouse over it), click on it to add it to compounds you are interested in. Click the “run” button, you can get the result graph. By clicking the gene node or compound, you can get their information.