Difference between revisions of "Team:USTC-Software/Improve"

Line 1: Line 1:
 
<html>
 
<html>
−
    <head>
+
<head>
−
<script src="/wiki/index.php?title=Team:USTC-Software/js/jquery&amp;action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
+
    <script src="/wiki/index.php?title=Team:USTC-Software/js/jquery&amp;action=raw&amp;ctype=text/javascript"
−
        <link href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.css" rel="stylesheet">
+
            type="text/javascript"></script>
−
      <link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/semantic.min.css" rel="stylesheet">
+
    <link href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.css" rel="stylesheet">
 +
    <link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/semantic.min.css" rel="stylesheet">
  
−
<link href="/wiki/index.php?title=Team:USTC-Software/css/style&amp;action=raw&amp;ctype=text/css" rel="stylesheet">
+
    <link href="/wiki/index.php?title=Team:USTC-Software/css/style&amp;action=raw&amp;ctype=text/css" rel="stylesheet">
−
<script src="/wiki/index.php?title=Team:USTC-Software/js/fullpage&amp;action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
+
    <script src="/wiki/index.php?title=Team:USTC-Software/js/fullpage&amp;action=raw&amp;ctype=text/javascript"
−
<script src="/wiki/index.php?title=Team:USTC-Software/js/semantic&amp;action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
+
            type="text/javascript"></script>
  
−
    </head>
+
 
−
    <body>
+
</head>
−
         <div class="ui menu pointing fixed" id="menu">
+
<body>
−
                <a class=" item" href="index.html"><img style="width:6em" src="https://static.igem.org/mediawiki/2018/4/42/T--USTC-Software--logo3.jpg"></a>
+
<script src="/wiki/index.php?title=Team:USTC-Software/js/semantic&amp;action=raw&amp;ctype=text/javascript"
−
                <div class="ui item dropdown">Project
+
         type="text/javascript"></script>
−
<div class="menu">
+
<div class="ui menu pointing fixed" id="menu">
−
      <a class="item" href="Project.html#Overview">Overview</a>
+
    <a class=" item" href="index.html"><img style="width:6em" src="https://static.igem.org/mediawiki/2018/4/42/T--USTC-Software--logo3.jpg"></a>
−
      <a class="item" href="Project.html#Motivation">Motivation</a>
+
    <div class="ui item dropdown">Project
−
      <a class="item" href="Improve">Improve</a>
+
        <div class="menu">
 +
            <a class="item" href="Project.html#Overview">Overview</a>
 +
            <a class="item" href="Project.html#Motivation">Motivation</a>
 +
            <a class="item" href="Improve">Improve</a>
 +
            <a class="item" href="Implementation">Implementation</a>
 +
        </div>
 
     </div>
 
     </div>
−
</div>
+
    <a class="item" href="Attributions">Attribution</a>
−
<a class="item" href="Attributions">Attribution</a>
+
    <div class="ui item dropdown">Demonstrate
−
<div class="ui item dropdown">Demonstrate
+
        <div class="menu">
−
<div class="menu">
+
            <a class="item" href="Demonstrate#Overview">Overview</a>
−
      <a class="item" href="Demonstrate#Overview">Overview</a>
+
            <a class="item" href="Demonstrate#Motivation">Motivation</a>
−
      <a class="item" href="Demonstrate#Motivation">Motivation</a>
+
        </div>
 
     </div>
 
     </div>
−
</div>
+
    <div class="ui item dropdown">Human Practice
−
<div class="ui item dropdown">Human Practice
+
        <div class="menu">
−
<div class="menu">
+
            <a class="item" href="Human_Practices#Science and Technology Week">Science and Technology Week</a>
−
      <a class="item" href="Human_Practices#Science and Technology Week">Science and Technology Week</a>
+
            <a class="item" href="Human_Practices#Student Open Source Conference">Student Open Source Conference</a>
−
      <a class="item" href="Human_Practices#Student Open Source Conference">Student Open Source Conference</a>
+
            <a class="item" href="Human_Practices#Asia-Pacific Conference in Taiwan">Asia-Pacific Conference in Taiwan</a>
−
      <a class="item" href="Human_Practices#Asia-Pacific Conference in Taiwan">Asia-Pacific Conference in Taiwan</a>
+
            <a class="item" href="Human_Practices#Software Promotion">Software Promotion</a>
−
      <a class="item" href="Human_Practices#Software Promotion">Software Promotion</a>
+
        </div>
 
     </div>
 
     </div>
−
</div>
+
    <a class="ui item" href="Collaborations">Collaborations</a>
−
<div class="ui item dropdown">Implementation
+
    <div class="ui item dropdown">Model
−
<div class="menu">
+
        <div class="menu">
−
      <a class="item" href="Implementation">Overview</a>
+
            <a class="item" href="Project.html#Overview">Overview</a>
 +
            <a class="item" href="Project.html#Motivation">Motivation</a>
 +
        </div>
 
     </div>
 
     </div>
−
</div>
+
    <div class="ui item dropdown">Medal
−
<div class="ui item dropdown">Model
+
        <div class="menu">
−
<div class="menu">
+
            <a class="item" href="Medal#Overview">Overview</a>
−
      <a class="item" href="Project.html#Overview">Overview</a>
+
            <a class="item" href="Medal#Motivation">Motivation</a>
−
      <a class="item" href="Project.html#Motivation">Motivation</a>
+
        </div>
 
     </div>
 
     </div>
−
</div>
+
    <a class="ui item" href="Team.html">Team</a>
−
<div class="ui item dropdown">Medal
+
    <div class="ui item dropdown" href="ValidatedContribution">ValidatedContribution
−
<div class="menu">
+
        <div class="menu">
−
      <a class="item" href="Medal#Overview">Overview</a>
+
            <a class="item" href="ValidatedContribution#Overview">Overview</a>
−
      <a class="item" href="Medal#Motivation">Motivation</a>
+
            <a class="item" href="ValidatedContribution#Feedback">Feedback</a>
 +
            <a class="item" href="ValidatedContribution#Getting Started">Getting Started</a>
 +
            <a class="item" href="ValidatedContribution#Apply An Account">Apply An Account</a>
 +
            <a class="item" href="ValidatedContribution#Edit A New Report">Edit A New Report</a>
 +
            <a class="item" href="ValidatedContribution#Intelligent Search Engine">Intelligent Search Engine</a>
 +
            <a class="item" href="ValidatedContribution#Society">Society</a>
 +
            <a class="item" href="ValidatedContribution#For More Information">For More Information</a>
 +
        </div>
 
     </div>
 
     </div>
 
</div>
 
</div>
−
<a class="ui item" href="Team.html">Team</a>
+
 
−
<a class="ui item" href="ValidatedContribution">ValidatedContribution
+
<div class="ui grid">
−
</a> 
+
    <div class="one wide column"></div>
−
</div>
+
    <div class="three wide column">
−
</div>
+
        <div class="ui secondary vertical pointing menu" id="leftnav"
−
        <div class="ui grid">
+
            style="height: 100%;padding-top: 100px;width: 90%;">
−
            <div class="one wide column"></div>
+
            <div class="item">
−
            <div class="three wide column">
+
                <div class="header">Attributions</div>
−
                <div class="ui secondary vertical pointing menu" id="leftnav" style="height: 100%;padding-top: 100px;width: 90%;">
+
                <div class="menu">
−
                    <div class="item">
+
                    <a class="item active leftnav-item">Developing</a>
−
                        <div class="header">Improve</div>
+
                    <a class="item leftnav-item">Support</a>
−
                        <div class="menu">
+
                    <a class="item leftnav-item">iGEM Foundation</a>
−
                            <a class="item leftnav-item" href="#Community">The Community</a>
+
                    <a class="item leftnav-item">Project</a>
−
<a class="item leftnav-item" href="#SearchEngine">Intelligent Search Engine</a>
+
                     <a class="item leftnav-item">Human Practice</a>
−
<a class="item leftnav-item" href="#UI">User Interface</a>
+
−
                        </div>
+
−
                     </div>
+
 
                 </div>
 
                 </div>
−
            </div>
 
−
            <div class="twelve wide column">
 
−
                <div class="inside-container" style="height: 100%;padding-top: 100px;">
 
−
                    <h1>Improve</h1>
 
−
<h3 id="Community">The Community</h3>
 
−
<p>Biohub 2.0 is a synthetic biology community, focusing on more efficient Biobricks information retrieval and more convenient biological ideas sharing. Apart from these functions, an online editor is added to BioHub 3.0. Users not only can finish their reports in a more convenient way, but also can release their reports and read or comment on other scholar's reports on this platform. Praise and collection are also supported. As an extensible community, more fantastic features would be integrated in the future.</p>
 
−
 
−
<div class="divider"></div>
 
−
 
−
<h3 id="SearchEngine">Intelligent Search Engine</h3>
 
−
 
−
<p>The Intelligent Search Engine is based on 2017's project. The following features are added.</p>
 
−
 
−
<ul>
 
−
<ol>It has a better command of language recognition. It supports semantic recognition, like "reports today", "reports by ana", "reports this year" and etc..</ol>
 
−
<ol>Filtering rules and Collation can be customized.</ol>
 
−
<ol>Advanced search is supported.</ol>
 
−
<ol>We have added many useful databases and academic websites to our search engine, so biologists could search information more quickly.</ol></ul>
 
−
<div class="divider"></div>
 
−
<h3 id="UI">User Interface</h3>
 
−
<p>We introduced a new user interface. In order to match our frontend framework perfectly, we choose Ng-zorro, which is written in TypeScript with complete defined types as our UI framework. The high-quality components and style of Ng-zorro help us complete our design quickly and provides a better experience.</p>
 
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
<script src="/wiki/index.php?title=Team:USTC-Software/js/init&amp;action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
+
    </div>
−
<script src="/wiki/index.php?title=Team:USTC-Software/js/all&amp;action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
+
    <div class="twelve wide column">
−
    </body>
+
        <div class="inside-container" style="height: 100%;padding-top: 100px;">
 +
            <h2>Improve</h2>
 +
            <h4>The Community</h4>
 +
            <img src="https://static.igem.org/mediawiki/2018/7/70/T--USTC-Software--Bio2.png">
 +
            <p>Biohub 2.0 is a synthetic biology community, focusing on more efficient Biobricks information retrieval
 +
                and more convenient biological ideas sharing. Apart from these functions, an online editor is added to
 +
                BioHub 3.0. Users not only can finish their reports in a more convenient way, but also can release their
 +
                reports and read or comment on other scholar's reports on this platform. Praise and collection are also
 +
                supported. As an extensible community, more fantastic features would be integrated in the future. </p>
 +
            <h4>Intelligent Search Engine</h4>
 +
            <img src="https://static.igem.org/mediawiki/2018/7/78/T--USTC-Software--db.png">
 +
            <p>The Intelligent Search Engine is based on 2017's project. The following features are added.</p>
 +
            <ul>
 +
                <li>It has a better command of language recognition. It supports semantic recognition, like "reports
 +
                    today", "reports by ana", "reports this year" and etc..
 +
                </li>
 +
                <li>Filtering rules and Collation can be customized.</li>
 +
                <li>Advanced search is supported.</li>
 +
                <li>We have added many useful databases and academic websites to our search engine, so biologists could
 +
                    search information more quickly.
 +
                </li>
 +
            </ul>
 +
            <h4>User Interface</h4>
 +
            <img src="https://static.igem.org/mediawiki/2018/b/bb/T--USTC-Software--up.png">
 +
            <p>We introduced a new user interface. In order to match our frontend framework perfectly, we choose
 +
                Ng-zorro, which is written in TypeScript with complete defined types as our UI framework. The
 +
                high-quality components and style of Ng-zorro help us complete our design quickly and provides a better
 +
                experience. </p></div>
 +
    </div>
 +
</div>
 +
    <script src="/wiki/index.php?title=Team:USTC-Software/js/init&amp;action=raw&amp;ctype=text/javascript"
 +
            type="text/javascript"></script>
 +
    <script src="/wiki/index.php?title=Team:USTC-Software/js/all&amp;action=raw&amp;ctype=text/javascript"
 +
            type="text/javascript"></script>
 +
</body>
 
</html>
 
</html>

Revision as of 19:32, 17 October 2018

Improve

The Community

Biohub 2.0 is a synthetic biology community, focusing on more efficient Biobricks information retrieval and more convenient biological ideas sharing. Apart from these functions, an online editor is added to BioHub 3.0. Users not only can finish their reports in a more convenient way, but also can release their reports and read or comment on other scholar's reports on this platform. Praise and collection are also supported. As an extensible community, more fantastic features would be integrated in the future.

Intelligent Search Engine

The Intelligent Search Engine is based on 2017's project. The following features are added.

  • It has a better command of language recognition. It supports semantic recognition, like "reports today", "reports by ana", "reports this year" and etc..
  • Filtering rules and Collation can be customized.
  • Advanced search is supported.
  • We have added many useful databases and academic websites to our search engine, so biologists could search information more quickly.

User Interface

We introduced a new user interface. In order to match our frontend framework perfectly, we choose Ng-zorro, which is written in TypeScript with complete defined types as our UI framework. The high-quality components and style of Ng-zorro help us complete our design quickly and provides a better experience.