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

Line 71: Line 71:
 
                 <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">Validated Contribution</div>
+
                         <div class="header">Improve</div>
 
                         <div class="menu">
 
                         <div class="menu">
−
                             <a class="item active leftnav-item" href="#Overview">Overview</a>
+
                             <a class="item active leftnav-item" href="#Community">The Community</a>
−
                             <a class="item leftnav-item" href="#Feedback">FeedBack</a>
+
                             <a class="item leftnav-item" href="#SearchEngine">Intelligent Search Engine</a>
−
<a class="item leftnav-item" href="#Getting Started">Getting Started</a>
+
<a class="item leftnav-item" href="#UserInterface">User Interface</a>
−
<a class="item leftnav-item"  href="#Apply An Account">Apply An Account</a>
+
−
<a class="item leftnav-item"  href="#Edit A New Report">Edit A New Report</a>
+
−
<a class="item leftnav-item"  href="#Intelligent Search Engine">Intelligent Search Engine</a>
+
−
<a class="item leftnav-item"  href="#Society">Society</a>
+
−
<a class="item leftnav-item" href="#For More Information">For More Information</a>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 87: Line 82:
 
             <div class="twelve wide column">
 
             <div class="twelve wide column">
 
                 <div class="inside-container" style="height: 100%;padding-top: 100px;">
 
                 <div class="inside-container" style="height: 100%;padding-top: 100px;">
−
                     <h1>Validated Contribution</h1>
+
                     <h1>Improve</h1>
−
                     <h3 id="Overview">Overview</h3>
+
                     <h3 id="Community">The Community</h3>
−
                         <p>The brand new <a href="https://biohub.tech">BioHub 3.0</a> has arrived to make your job easier than ever before. This year we bring you a new way to edit your reports and search whatever you need in one step. Here are some new features:</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 fantanstic features would be integrated in the future.</p>
−
                        <ul><ol>An editor which can automatically compile your experimental reports.</ol><ol>An intelligent search engine based on machine learning.</ol><ol>A society that shares your ideas.</ol></ul>
+
−
<p>Click <a href="https://biohub.tech">here</a> to take it a try. You'll learn how to get started and gain confidence that Biohub 3.0 can do whatever you need it to do.</p>
+
 
                         <div class="divider"></div>
 
                         <div class="divider"></div>
−
                     <h3 id="Feedback">FeedBack</h3>
+
                     <h3 id="SearchEngine">Intelligent Search Engine</h3>
−
                         <p>All we want to do is to make your work easier and we want to make it even further. If you have any suggestions, please create issues on our <a href="https://github.com/USTCSoftware2018/Frontend">Github repository</a>.</p>
+
                         <p>The Intelligent Search Engine is based on 2017's project. The following features are added.</p>
−
                    <h3 id="Getting Started">Getting Started</h3>
+
                        <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>
−
                        <p>Have a first look at our website. There are three tags which are <b>reports</b>, <b>iGEMers</b>.</p>
+
                          <ol>Filtering rules and Collation can be customized.</ol>
−
                        <p><b>Reports</b> shows some most poplular reports which are recommended by our algorithm. Click these articles and you can see what your partners are doing. Feel free to leave a comment on these reports.</p>
+
                          <ol>Advanced search is supported.</ol>
−
<p><b>iGEMers</b> is a fuxin part of our website. In this part, you can find those persons who share a common interest.</p>
+
                          <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>
 
                         <div class="divider"></div>
−
                     <h3 id="Apply An Account">Apply An Account</h3>
+
                     <h3 id="UserInterface">User Interface</h3>
−
                         <p>Now, let's apply an account to enjoy Biohub 3.0. In the right of navigator located <b>Sign in</b> and <b>Register</b> buttons. Click the <b>Register</b> button to apply a new account. <b>We promise to protect users privacy.</b></p>
+
                         <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 better experience.</p>
−
                        <p>Look! A lovely panda is shaking its hands to welcome you once you hang your mouse over it.</p>
+
−
<div class="divider"></div>
+
−
                    <h3 id="Edit A New Report">Edit A New Report</h3>
+
−
                        <p>This online <b>editor</b> is a good way to recording your experiment. Once finishing reading this brief guide, you will know how fast and how easy we can achieve this goal.</p>
+
−
                        <p>We divide an experiment report into three parts: <b>Info</b>, <b>Protocols</b> and <b>Result</b></p>
+
−
<p>Here is the appearance of our <b>editor</b> and it initials an empty report when the <b>editor</b> button on the top is clicked:</p>
+
−
<p>In the Info block, you can input title, labels and abstract like this:</b>
+
−
<p>The left sider is a toolbox that contains <b>Protocols</b> and <b>steps</b>. You can see there are some several steps and protocol that is created for you, you can create more steps and protocols as you wish.</p>
+
−
<p>Now let's click a <b>Add</b> step to see what will happen.</p>
+
−
<p>A new <b>Centifuge</b> Step is inserted into the report. The only thing you need to do is to fill some blanks. That is how you record a '12000 rpm centifuge for 30 s at 25 degree.'. Is that amazing? But we can make it much more faster.</p>
+
−
<p><b>protocol</b> is a set of steps or a template. Let's try <b>Gel Extraction</b>.</p>
+
−
<p>A serial of steps is inserted into your report and most of these blanks is accomplished by our templates.</p>
+
−
<p>It is true that the available <b>steps</b> and <b>protocol</b> are not able to meet all your demands. But you can create new steps and protocol. Here is an example:</p>
+
−
<p>A new <b>step</b> called <b>Add something into burette</b> is created in the step bar and you can insert it into your report.</b>
+
−
<p><b>Environment Variable</b> is another way to help you to accomplish your writing.Click the <b>VAR</b> button and define some variables.</p>
+
−
<p>In that way, the <b>editor</b> will replace all <b>@v1</b> pattern  into <b>30</b> and <b>@v2</b> pattern into <b>PCR</b> in the report.</p>
+
−
<p>The third section of a report is results. In this section, it is free to insert some texts, pictures, lists and tables to record the results.</p>
+
−
<p>Click these buttons on the right side of editor to insert them into your report.</p>
+
−
<p>If you can not find those buttons, click the little blue cat button.</p.>
+
−
<p>After finishing editing, click the <b>Save</b> button to save it and <b>preview</b> button to have a look of your work.</p>
+
−
<p>You can see all sentences are produced automatically. Click <b>Export</b> button to download your work in <b>PDF</b>.</p>
+
−
<div class="divider"></div>
+
−
<h3 id="Intelligent Search Engine">Intelligent Search Engine</h3>
+
−
<p>Our Search Engine is much more intelligent and useful than Biohub 2.0.</p>
+
−
<p>It not only supports searching Users or Articles, but alse supports customize filter and sort rules in <b>natural language</b>. It means we support the sentenses like 'reports by Jiyan in this year' or 'reports with label PCR'. It is gorgeous and easy to use.</p>
+
−
<p>We support a integration search that connected to more than 50 websites like NLM, PubMed, PMC and so on.</p>
+
−
<p><b>Bio-bricks</b> is the traditional function in Biohub 2.0, and it will be supported in the long term. <b>BLAST</b> is useful to search gene segment like <b>AGGT'</b></p>
+
−
<div class="divider"></div>
+
−
<h3 id="Society">Society</h3>
+
−
<p>You can see the details of all reports and leave a comment or like the report. In that way, the author will receive the feeds.</p>
+
−
<p>In that way,we build a scientific society where academic discussion is possible</p>
+
−
<div class="divider"></div>
+
−
<h3 id="For More Information">For More Information</h3>
+
−
<p>If you want to learn more about Biohub 3.0, please contact us on <a href="https://github.com/USTCSoftware2018">Github</a></p>
+
−
                </div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>

Revision as of 17:12, 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 fantanstic 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 better experience.