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

Line 10: Line 10:
  
 
     </head>
 
     </head>
−
     <body scroll="no">
+
     <body>
 
         <div class="ui menu pointing fixed" id="menu">
 
         <div class="ui menu pointing fixed" id="menu">
−
            <div class="right menu">
+
                <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="active item" data-menuanchor="firstPage" href="#firstPage">Page 1 </a>
+
                <div class="ui item dropdown">Project
−
                <a class="item" data-menuanchor="secondPage" href="#secondPage">Page 2</a>
+
<div class="menu">
−
                <a class="item" data-menuanchor="thirdPage" href="#thirdPage">Page 3</a>
+
      <a class="item" href="Project.html#Overview">Overview</a>
−
            </div>
+
      <a class="item" href="Project.html#Motivation">Motivation</a>
−
        </div>
+
    </div>
 +
</div>
 +
<a class="item" href="Attributions">Attribution</a>
 +
<div class="ui item dropdown">Demonstrate
 +
<div class="menu">
 +
      <a class="item" href="Demonstrate#Overview">Overview</a>
 +
      <a class="item" href="Demonstrate#Motivation">Motivation</a>
 +
    </div>
 +
</div>
 +
<div class="ui item dropdown">Human Practice
 +
<div class="menu">
 +
      <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#Asia-Pacific Conference in Taiwan">Asia-Pacific Conference in Taiwan</a>
 +
      <a class="item" href="Human_Practices#Software Promotion">Software Promotion</a>
 +
    </div>
 +
</div>
 +
<div class="ui item dropdown">Implementation
 +
<div class="menu">
 +
      <a class="item" href="Implementation">Overview</a>
 +
    </div>
 +
</div>
 +
<div class="ui item dropdown">Model
 +
<div class="menu">
 +
      <a class="item" href="Project.html#Overview">Overview</a>
 +
      <a class="item" href="Project.html#Motivation">Motivation</a>
 +
    </div>
 +
</div>
 +
<div class="ui item dropdown">Medal
 +
<div class="menu">
 +
      <a class="item" href="Medal#Overview">Overview</a>
 +
      <a class="item" href="Medal#Motivation">Motivation</a>
 +
    </div>
 +
</div>
 +
<a class="ui item" href="Team.html">Team</a>
 +
<a class="ui item" href="ValidatedContribution">ValidatedContribution
 +
</div> 
 +
</div>
 +
</div>
 
         <div class="ui grid">
 
         <div class="ui grid">
 
             <div class="one wide column"></div>
 
             <div class="one wide column"></div>
Line 23: Line 61:
 
                 <div class="ui secondary vertical pointing menu" id="leftnav" style="height: 100%;padding-top: 100px;width: 90%;">
 
                 <div class="ui secondary vertical pointing menu" id="leftnav" style="height: 100%;padding-top: 100px;width: 90%;">
 
                     <div class="item">
 
                     <div class="item">
−
                         <div class="header">Improvement</div>
+
                         <div class="header">Improve</div>
 
                         <div class="menu">
 
                         <div class="menu">
−
                             <a class="item active leftnav-item">Human Practice</a>
+
                             <a class="item leftnav-item" href="#Community">The Community</a>
−
                            <a class="item leftnav-item">Integrated Human Practice</a>
+
>
 +
<a class="item leftnav-item" href="#SearchEngine">Intelligent Search Engine</a>
 +
<a class="item leftnav-item" href="#UI">User Interface</a>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 34: Line 74:
 
                 <div class="inside-container" style="height: 100%;padding-top: 100px;">
 
                 <div class="inside-container" style="height: 100%;padding-top: 100px;">
 
                     <h1>Improve</h1>
 
                     <h1>Improve</h1>
−
                    <h3>The Community</h3>
+
<h3 id="Community">The Community</h3>
−
                        <p>Science and Technology Week is is a large-scale, centralized science popularization campaign organized by the China University of Science and Technology. This year, Science and Technology Week attracted over ten thousand citizens to USTC, varying from innocent pupils, high school students and college students in biology-related majors to the public from all walks who may have limited knowledge of Synthetic Biology. Our team cooperated with Team USTC and offered visitors a feast of biological knowledge and a chance to cultivate interest in biology.</p>
+
<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>
−
                        <p>We introduced elementary knowledge of genetics to citizens by poster presentation and our explanation, then showed them some basic experiment operation, like liquid relief, centrifugation and etc. We educate and inspire visitors' interest by allowing them to observe biochemical-related sections under a laboratory microscope. In addition, we distributed questionnaires to visitors to get their feedback on synthetic biology to improve our design of our software.</p>
+
 
−
                        <div class="divider"></div>
+
<div class="divider"></div>
−
                    <h3>Student Open Source Conference</h3>
+
 
−
                        <p>The Student Open Source Annual Meeting is the first open source technology summit in China that is organized by student organizations. The main theme of the conference is understanding, participating in, and contributing to open source. Our team signed up for this annual meeting.At the meeting, our team leader and a team member worked together to complete the report on our iGEM project. We introduced the iGEM competition and the synthetic biology to the audience.At the same time, we also introduced the positive significance of our project to synthetic biology to the audience. We received useful feedbacks and technology-improvement suggestions from audience.</p>
+
<h3 id="SearchEngine">Intelligent Search Engine</h3>
−
<h1>Integrated Human Practice</h1>
+
 
−
                    <h3>Asia-Pacific Conference in Taiwan</h3>
+
<p>The Intelligent Search Engine is based on 2017's project. The following features are added.</p>
−
                        <p>We attended International Genetically Engineered Machine Conference held by National Chung Hsing University from July 30th to August 3rd 2018. Over 20 iGEM teams attended the conference and 5 members of our team was sent to Taiwan.</p>
+
 
−
                        <p>During the conference, the iGEMers communicated, changed ideas and learned from one another. The conference is not only a simple warm-up for the upcoming world championship in Boston, but an Asian regional platform for teams from different countries to exchange ideas and explore synthetic biology as well. All the teams made a project presentation and introduced their projects. In this way, we received useful feedbacks and technology-improvement suggestions from students and professors of other teams.</p>
+
<ul>
−
                        <div class="divider"></div>
+
<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>
−
                    <h3>Software Promotion</h3>
+
<ol>Filtering rules and Collation can be customized.</ol>
−
                        <p>Since our software is an open and fantastic platform with practical functions for synthetic biologists, it’s of great importance to promote our software to synthetic biology related users.</p>
+
<ol>Advanced search is supported.</ol>
−
                        <p>To find out whether our improvement above is useful or not, We packed up an alpha version distributing to schoolmates whose major is biology in September. And in October we packed a more advanced version to some igem teams worldwide. We introduced them to Bioeditor and its basic usage. After they had used this software for a while, most of them reported that it was quite useful. And then we have packed our completed version to the real synthetic biologists by now.</p>
+
<ol>We have added many useful databases and academic websites to our search engine, so biologists could search information more quickly.</ol>
−
                </div>
+
<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>

Revision as of 22:59, 16 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.