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

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:#f7f5e6;}
+
    <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:absolute">
−
  <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="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/Safety"><font class="hef" color="#000">Safety</font></a></li>
+
                            <font class="hef">Contribution</font>
−
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/User_guide"><font class="hef" color="#000">User guide</font></a></li>
+
                        </a>
−
        </ul>
+
                    </li>
−
    </li>
+
                    <li class="selfnav hef">
−
    <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>
+
                        <a href="https://2017.igem.org/Team:HFUT-China/Demonstrate">
−
        <ul>
+
                            <font class="hef">Demonstrate</font>
−
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Team"><font class="hef" color="#000">Members</font></a></li>
+
                        </a>
−
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Collaborations"><font class="hef" color="#000">Collaborations</font></a></li>
+
                    </li>
−
        <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>
−
    </li>
+
            <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>
+
                <a href="https://2017.igem.org/Team:HFUT-China/Software">&nbsp;&nbsp;Software&nbsp;
−
<ul>
+
                    <img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px" ;>&nbsp;&nbsp;</a>
−
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Silver"><font class="hef" color="#000">Silver HP</font></a></li>
+
                <ul>
−
        <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>
+
                    <li class="selfnav">
−
        </ul>
+
                        <a href="https://2017.igem.org/Team:HFUT-China/Software">
−
    </li>
+
                            <font class="hef" color="#000">Software</font>
−
  </ul>
+
                        </a>
−
</div>
+
                    </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>
 +
                </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 &
 +
                                <br>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="#">&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/Silver">
 +
                            <font class="hef" color="#000">Silver HP</font>
 +
                        </a>
 +
                    </li>
 +
                    <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>
 +
                </ul>
 +
            </li>
 +
        </ul>
 +
    </div>
  
 +
    <div style="height:100px "></div>
 +
    <div class="title " style="margin-top: 0px ">
 +
        <b>
 +
            <font color="#0089a7 ">De</font>
 +
            <font color="#555555 ">monstrate</font>
 +
        </b>
 +
    </div>
 +
    <!-- <div class="subtitle "><font color="#555555 ">We have a  <font color="#0089a7 "><b>good</b></font> time working with other teams this year  ~ :p</font></div>  -->
 +
    <!--
 +
<video width="60% " controls autobuffer>
 +
    <source src="../5k_vr_game.mp4 " type='video/mp4; codecs="avc1.42E01E, mp4a.40.2 "'></source>
 +
</video> -->
 +
    <div style="height:30px "></div>
 +
    <!-- <script src="http://html5media.googlecode.com/svn/trunk/src/html5media.min.js "></script> -->
 +
    <video src="https://static.igem.org/mediawiki/2017/2/2c/BioDesigner.mp4 " width="1024px " height="550px " poster="https://static.igem.org/mediawiki/2017/a/ae/Index.png"
 +
        autoplay="autoplay " loop="loop " controls autobuffer></video>
 +
    <div style="height:90px "></div>
 +
    <div class="title " style="margin-top: 40px ">
 +
        <b>
 +
            <font color="#555555 " style="font-size:40px ">
 +
                <b>User Evaluation</b>
 +
            </font>
 +
        </b>
 +
    </div>
 +
 +
    <table>
 +
        <tr>
 +
 +
            <td>
 +
                <div style="float: left; margin: 16px; width:520px;height:360px;border:solid 9px #6dcdb1;box-shadow: 0px 4px 10px #aaa;padding:20px;border-radius:30px;text-align:left; ">
 +
                    <div>
 +
                        <img src="https://static.igem.org/mediawiki/2017/b/bd/Oslo.jpg" width="240px " height="240px " style="box-shadow: 0px 3px 19px #ddd;border-radius:20px;margin:3px;float:left;
 +
                ">
 +
                        <div style="width:22px;height:250px;float:left;">
 +
                        </div>
 +
                        <div>
 +
                            <font family="Light" color="#666666" size="5.9px">
 +
                                <b>Team : UiOslo</b>
 +
                                <br>
 +
                                <font color="#0089a7">
 +
                                    <b>School : UiOslo</font>
 +
                                </b>
 +
                            </font>
 +
                            <div class="q">
 +
                                <br>It is a very good idea to have a searching engine for different projects, teams, biobricks,
 +
                                etc. from previous years. It is effective – saves a lot of time which is very precious to
 +
                                all of us. I liked design of user interface, especially the Gene Relationship part – quite
 +
                                simple and elegant.
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 +
            </td>
 +
 +
            <td>
 +
                <div style="float: left; margin: 16px; width:520px;height:360px;border:solid 9px #6dcdb1;box-shadow: 0px 4px 10px #aaa;padding:20px;border-radius:30px;text-align:left;">
 +
                    <div>
 +
                        <img src="https://static.igem.org/mediawiki/2017/d/d7/XMDXLogo.jpg" width="240px" height="240px" style="box-shadow: 0px 3px 19px #ddd;border-radius:20px;margin:3px;float:left;">
 +
                        <div style="width:22px;height:250px;float:left;"></div>
 +
                        <div>
 +
                            <font family="Light " color="#666666 " size="5.9px
 +
            ">
 +
                                <b>Team : XMU</b>
 +
                                <br>
 +
                                <font color="#0089a7 ">
 +
                                    <b>School : XMU</font>
 +
                                </b>
 +
                            </font>
 +
                            <div class="q ">
 +
                                <br>The first interface is a very simple search box, the color and composition are very comfortable.The
 +
                                diagram in Gene relationship lists the relationship between the relevant biobricks, and directly
 +
                                experiences its related relationship.In general, the function is very comprehensive, but
 +
                                because of its comprehensive function, the function of its project may be too basic and there
 +
                                is room for improvement.</div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </td>
 +
 +
        </tr>
 +
 +
        <tr>
 +
 +
            <td>
 +
                <div style="float: left; margin: 16px; width:520px;height:260px;border:solid 9px #6dcdb1;box-shadow: 0px 4px 10px #aaa;padding:20px;border-radius:30px;text-align:left; ">
 +
                    <div>
 +
                        <img src="https://static.igem.org/mediawiki/2017/1/18/Ustc1.png" width="240px " height="240px " style="box-shadow: 0px 3px 19px #ddd;border-radius:20px;margin:3px;float:left;
 +
            ">
 +
                        <div style="width:22px;height:320px;float:left; "></div>
 +
                        <div>
 +
                            <font family="Light " color="#666666 " size="5.9px ">
 +
                                <b>Team : USTC</b>
 +
                                <br>
 +
                                <font color="#0089a7 ">
 +
                                    <b>School : USTC</font>
 +
                                </b>
 +
                            </font>
 +
                            <div class="q ">
 +
                                <br> The search engine BioDesigner Dolphin, is very powerful. This function is so great as there
 +
                                have not been any search engine that is serve for iGEM competition especially.
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </td>
 +
            <td>
 +
                <div style="float: left; margin: 16px; width:520px;height:260px;border:solid 9px #6dcdb1;box-shadow: 0px 4px 10px
 +
              #aaa;padding:20px;border-radius:30px;text-align:left; ">
 +
                    <div>
 +
                        <img src="https://static.igem.org/mediawiki/2017/d/d1/Dbly1.png" width="240px " height="240px " style="box-shadow: 0px 3px 19px #ddd;border-radius:20px;margin:3px;float:left; ">
 +
                        <div style="width:22px;height:320px;float:left; "></div>
 +
                        <div>
 +
                            <font family="Light " color="#666666 " size="5.9px ">
 +
                                <b>Team : NEFU_China</b>
 +
                                <br>
 +
                                <font color="#0089a7 ">
 +
                                    <b>School : NEFU</font>
 +
                                </b>
 +
                            </font>
 +
                            <div class="q ">
 +
                                <br>The searching function for wiki is excellent!! It is really a comprehensive system and it
 +
                                was collected into the list of favorite pages as soon as I opened it.</div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </td>
 +
        </tr>
 +
 +
 +
 +
 +
 +
    </table>
 +
    </div>
 +
    </div>
 +
 +
    <center>
 +
        <div style="margin-top:16px; width:1140px;height:260px;border:solid 9px #6dcdb1;box-shadow: 0px 4px 10px
 +
    #aaa;padding:20px;border-radius:30px;text-align:left; ">
 +
            <div>
 +
                <img src="https://static.igem.org/mediawiki/2017/5/59/NKULogo.jpg " width="240px " height="240px " style="box-shadow: 0px 3px 19px #ddd;border-radius:20px;margin:3px;float:left; ">
 +
                <div style="width:22px;height:320px;float:left; "></div>
 +
                <div>
 +
                    <font family="Light " color="#666666 " size="5.9px ">
 +
                        <b>Team : NKU_China</b>
 +
                        <br>
 +
                        <font color="#0089a7 ">
 +
                            <b>School : NKU</font>
 +
                        </b>
 +
                    </font>
 +
                    <div class="q">
 +
                        <br>We are happy to try out the search engine made by team HFUT-China, it really gave us a great experience.
 +
                        By typing the keyword, selecting track and team categories, we can search the relevant teams’ information,
 +
                        including the team name, year, project introduction, awards, HP, part, or even links of related projects.
 +
                        It’s very convenient.
 +
                        <br> However, there are still some small problems about the page. Considering iGEM teams come from all
 +
                        over the world, we suggest adding a translate feature, putting some of the basic information out
 +
                        of the local dialect with the Google translation interface.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </center>
 +
 +
    </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>
  
−
</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:55, 25 October 2017

Team:HFUT-China

De monstrate
User Evaluation
Team : UiOslo
School : UiOslo

It is a very good idea to have a searching engine for different projects, teams, biobricks, etc. from previous years. It is effective – saves a lot of time which is very precious to all of us. I liked design of user interface, especially the Gene Relationship part – quite simple and elegant.
Team : XMU
School : XMU

The first interface is a very simple search box, the color and composition are very comfortable.The diagram in Gene relationship lists the relationship between the relevant biobricks, and directly experiences its related relationship.In general, the function is very comprehensive, but because of its comprehensive function, the function of its project may be too basic and there is room for improvement.
Team : USTC
School : USTC

The search engine BioDesigner Dolphin, is very powerful. This function is so great as there have not been any search engine that is serve for iGEM competition especially.
Team : NEFU_China
School : NEFU

The searching function for wiki is excellent!! It is really a comprehensive system and it was collected into the list of favorite pages as soon as I opened it.
Team : NKU_China
School : NKU

We are happy to try out the search engine made by team HFUT-China, it really gave us a great experience. By typing the keyword, selecting track and team categories, we can search the relevant teams’ information, including the team name, year, project introduction, awards, HP, part, or even links of related projects. It’s very convenient.
However, there are still some small problems about the page. Considering iGEM teams come from all over the world, we suggest adding a translate feature, putting some of the basic information out of the local dialect with the Google translation interface.