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

Line 34: Line 34:
 
     </div>
 
     </div>
 
</div>
 
</div>
<div class="ui item dropdown">Implementation
+
<div class="ui item dropdown">Implement
 
<div class="menu">
 
<div class="menu">
       <a class="item" href="Implementation">Overview</a>
+
       <a class="item" href="Implement">Overview</a>
 
     </div>
 
     </div>
 
</div>
 
</div>
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">Improve</div>
+
                         <div class="header">Validated Contribution</div>
 
                         <div class="menu">
 
                         <div class="menu">
                             <a class="item active leftnav-item" href="#Community">The Community</a>
+
                             <a class="item active leftnav-item" href="#Overview">Overview</a>
                             <a class="item leftnav-item" href="#SearchEngine">Intelligent Search Engine</a>
+
                             <a class="item leftnav-item" href="#Feedback">FeedBack</a>
<a class="item leftnav-item" href="#UserInterface">User Interface</a>
+
<a class="item leftnav-item" href="#Getting Started">Getting Started</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 82: Line 87:
 
             <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>Improve</h1>
+
                     <h1>Validated Contribution</h1>
                     <h3 id="Community">The Community</h3>
+
                     <h3 id="Overview">Overview</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 fantanstic features would be integrated in the future.</p>
+
                         <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>
 +
                        <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="SearchEngine">Intelligent Search Engine</h3>
+
                     <h3 id="Feedback">FeedBack</h3>
                         <p>The Intelligent Search Engine is based on 2017's project. The following features are added.</p>
+
                         <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>
                        <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>
+
                    <h3 id="Getting Started">Getting Started</h3>
                          <ol>Filtering rules and Collation can be customized.</ol>
+
                        <p>Have a first look at our website. There are three tags which are <b>reports</b>, <b>iGEMers</b>.</p>
                          <ol>Advanced search is supported.</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>We have added many useful databases and academic websites to our search engine, so biologists could search information more quickly.</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>
                        </ul>
+
 
                         <div class="divider"></div>
 
                         <div class="divider"></div>
                     <h3 id="UserInterface">User Interface</h3>
+
                     <h3 id="Apply An Account">Apply An Account</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 better experience.</p>
+
                         <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>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 20:11, 16 October 2018

Validated Contribution

Overview

The brand new BioHub 3.0 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:

      An editor which can automatically compile your experimental reports.
      An intelligent search engine based on machine learning.
      A society that shares your ideas.

Click here 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.

FeedBack

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 Github repository.

Getting Started

Have a first look at our website. There are three tags which are reports, iGEMers.

Reports 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.

iGEMers is a fuxin part of our website. In this part, you can find those persons who share a common interest.

Apply An Account

Now, let's apply an account to enjoy Biohub 3.0. In the right of navigator located Sign in and Register buttons. Click the Register button to apply a new account. We promise to protect users privacy.

Look! A lovely panda is shaking its hands to welcome you once you hang your mouse over it.

Edit A New Report

This online editor 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.

We divide an experiment report into three parts: Info, Protocols and Result

Here is the appearance of our editor and it initials an empty report when the editor button on the top is clicked:

In the Info block, you can input title, labels and abstract like this:

The left sider is a toolbox that contains Protocols and steps. 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.

Now let's click a Add step to see what will happen.

A new Centifuge 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.

protocol is a set of steps or a template. Let's try Gel Extraction.

A serial of steps is inserted into your report and most of these blanks is accomplished by our templates.

It is true that the available steps and protocol are not able to meet all your demands. But you can create new steps and protocol. Here is an example:

A new step called Add something into burette is created in the step bar and you can insert it into your report.

Environment Variable is another way to help you to accomplish your writing.Click the VAR button and define some variables.

In that way, the editor will replace all @v1 pattern into 30 and @v2 pattern into PCR in the report.

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.

Click these buttons on the right side of editor to insert them into your report.

If you can not find those buttons, click the little blue cat button.

After finishing editing, click the Save button to save it and preview button to have a look of your work.

You can see all sentences are produced automatically. Click Export button to download your work in PDF.

Our Search Engine is much more intelligent and useful than Biohub 2.0.

It not only supports searching Users or Articles, but alse supports customize filter and sort rules in natural language. 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.

We support a integration search that connected to more than 50 websites like NLM, PubMed, PMC and so on.

Bio-bricks is the traditional function in Biohub 2.0, and it will be supported in the long term. BLAST is useful to search gene segment like AGGT'

Society

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.

In that way,we build a scientific society where academic discussion is possible

For More Information

If you want to learn more about Biohub 3.0, please contact us on Github