Difference between revisions of "Team:USTC-Software/Model"
| Line 1: | Line 1: | ||
| + | <!DOCTYPE html> | ||
<html> | <html> | ||
| − | + | <head> | |
| − | <script src="/wiki/index.php?title=Team:USTC-Software/js/jquery&action=raw&ctype=text/javascript" type="text/javascript"></script> | + | <script src="/wiki/index.php?title=Team:USTC-Software/js/jquery&action=raw&ctype=text/javascript" type="text/javascript"></script> |
| − | + | <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&action=raw&ctype=text/css" rel="stylesheet"> | + | <link href="/wiki/index.php?title=Team:USTC-Software/css/style&action=raw&ctype=text/css" rel="stylesheet"> |
| − | <script src="/wiki/index.php?title=Team:USTC-Software/js/fullpage&action=raw&ctype=text/javascript" type="text/javascript"></script> | + | <script src="/wiki/index.php?title=Team:USTC-Software/js/fullpage&action=raw&ctype=text/javascript" type="text/javascript"></script> |
| + | </head> | ||
| + | <body> | ||
| + | <script src="/wiki/index.php?title=Team:USTC-Software/js/semantic&action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
| − | + | <div class="ui menu pointing fixed" id="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> | |
| − | + | <div class="ui item dropdown">Project | |
| − | + | <div class="menu"> | |
| − | + | <a class="item" href="Project.html">Overview</a> | |
| − | + | <a class="item" href="Description">Description</a> | |
| − | <div class="menu"> | + | <a class="item" href="Improve">Improve</a> |
| − | + | <a class="item" href="Future">In the Future</a> | |
| − | + | ||
| − | + | </div> | |
| − | + | </div> | |
| − | + | <a class="item" href="Attributions">Attribution</a> | |
| − | + | <div class="ui item dropdown">Demonstrate | |
| − | </div> | + | <div class="menu"> |
| − | <a class="item" href="Attributions">Attribution</a> | + | <a class="item" href="Demonstrate#Overview">Overview</a> |
| − | <div class="ui item dropdown">Demonstrate | + | <a class="item" href="Demonstrate#Motivation">Motivation</a> |
| − | <div class="menu"> | + | </div> |
| − | + | </div> | |
| − | + | <div class="ui item dropdown">Human Practice | |
| − | + | <div class="menu"> | |
| − | </div> | + | <a class="item" href="Human_Practices#Science and Technology Week">Science and Technology Week</a> |
| − | <div class="ui item dropdown">Human Practice | + | <a class="item" href="Human_Practices#Student Open Source Conference">Student Open Source Conference</a> |
| − | <div class="menu"> | + | <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"> | |
| − | </div> | + | <a class="item" href="Implementation">Overview</a> |
| − | <div class="ui item dropdown">Implementation | + | </div> |
| − | <div class="menu"> | + | </div> |
| − | + | <div class="ui item dropdown">Model | |
| − | + | <div class="menu"> | |
| − | </div> | + | <a class="item" href="Model#Overview">Overview</a> |
| − | <div class="ui item dropdown">Model | + | <a class="item" href="Model#Motivation">Motivation</a> |
| − | <div class="menu"> | + | </div> |
| − | + | </div> | |
| − | + | <div class="ui item dropdown">Medal | |
| − | + | <div class="menu"> | |
| − | </div> | + | <a class="item" href="Medal#Overview">Overview</a> |
| − | <div class="ui item dropdown">Medal | + | <a class="item" href="Medal#Motivation">Motivation</a> |
| − | <div class="menu"> | + | </div> |
| − | + | </div> | |
| − | + | <a class="ui item" href="Team.html">Team</a> | |
| + | <a class="ui item" href="ValidatedContribution">ValidatedContribution | ||
| + | </a> | ||
</div> | </div> | ||
| − | + | <div class="ui grid"><div class="one wide column"></div><div class="three wide column"><div class="ui secondary vertical pointing menu" id="leftnav" style="height: 100%;padding-top: 100px;width: 90%;"><div class="header">Model</div><div class="menu"><a class="item leftnav-item" href="#header1">Natural language processing (NLP) </a><a class="item leftnav-item" href="#header2">Object-relational mapping (ORM)</a><a class="item leftnav-item" href="#header3">WebSocket</a></div></div></div><div class="twelve wide column"><div class="inside-container" style="height: 100%;padding-top: 100px;"><div> | |
| − | + | <h1>Model</h1> | |
| − | + | <p>There're two outstanding models supporting our project:</p> | |
| − | + | <ul> | |
| − | + | <li><strong>Natural language processing (NLP)</strong> </li> | |
| − | + | <li><strong>Object-relational mapping (ORM)</strong></li> | |
| − | + | <li><strong>WebSocket</strong></li> | |
| − | + | </ul> | |
| − | + | <h2 id="header1"><strong>Natural language processing (NLP)</strong> </h2> | |
| − | + | <p>Natural language processing (NLP) is an area of computer science and artificial intelligence that is concerned with the interaction between computers and humans in natural language.</p> | |
| − | + | <p>The ultimate goal of NLP is to enable computers to understand language as well as we do.</p> | |
| − | + | <p>For example, we can use these keywords to search:</p> | |
| − | + | <p><code>molecular biology</code></p> | |
| − | + | <p>But NLP give us the power to get closer to what we actually want to search:</p> | |
| − | + | <p><code>molecular biology by Someone this year with #immunity</code></p> | |
| − | <a class="item leftnav-item" | + | <p>NLP can extract all the information and construct a query action:</p> |
| − | + | <p><code>keyword: molecular biology | |
| − | <a class="item leftnav-item"> | + | author: Someone |
| − | + | time: this year | |
| − | + | label: #immunity</code></p> | |
| − | + | <p>In our project, we use an open-source software named <strong>Stanford CoreNLP</strong> (https://stanfordnlp.github.io/CoreNLP/) to parse the search string.</p> | |
| − | + | <p><img alt="image-20181017181227081" src="https://static.igem.org/mediawiki/2018/9/91/T--USTC-Software--image-20181017181227081.png" /></p> | |
| − | + | <p>CoreNLP provides many underlying models so that we can get analysis information to construct more expressive and more human-friendly query.</p> | |
| − | + | <div class="divider"></div> | |
| − | <h1>Model</h1> | + | <h2 id="header2"><strong>Object-relational mapping (ORM)</strong></h2> |
| − | <p>There're two outstanding models supporting our project:</p> | + | <p>Object-Relational Mapping (ORM) allows us to work with objects and have them saved to the database automatically. It can greatly simplify create-read-update-delete (CRUD) operations and make our code more comprehensive.</p> |
| − | <ul> | + | <p>ORM makes our <code>user</code>,<code>report</code>,<code>notice</code> and more models easy to query, to list and to link to each other.</p> |
| − | <li><strong>Natural language processing (NLP)</strong> </li> | + | <p><img alt="ORM.svg" src="https://static.igem.org/mediawiki/2018/5/5d/T--USTC-Software--ORM.svg" /></p> |
| − | <li><strong>Object-relational mapping (ORM)</strong></li> | + | <p>In our project, we use <strong>Django ORM</strong> with MySQL backend as the underlying models to provide fast and flexible queries.</p> |
| − | <li><strong>WebSocket</strong></li> | + | <div class="divider"></div> |
| − | </ul> | + | <h2 id="header3"><strong>WebSocket</strong></h2> |
| − | <h2><strong>Natural language processing (NLP)</strong> </h2> | + | <p>WebSocket is a computer communications protocol, providing full-duplex communication channels over a single TCP connection. The HTML5 WebSockets specification defines an API that enables web pages to use the WebSockets protocol for two-way communication with a remote host. It introduces the WebSocket interface and defines a full-duplex communication channel that operates through a single socket over the Web. HTML5 WebSockets provide an enormous reduction in unnecessary network traffic and latency compared to the unscalable polling and long-polling solutions that were used to simulate a full-duplex connection by maintaining two connections.</p> |
| − | <p>Natural language processing (NLP) is an area of computer science and artificial intelligence that is concerned with the interaction between computers and humans in natural language.</p> | + | <p><img alt="websocket.jpg" src="https://static.igem.org/mediawiki/2018/f/f0/T--USTC-Software--websocket.jpg" /></p> |
| − | <p>The ultimate goal of NLP is to enable computers to understand language as well as we do.</p> | + | <p>In out project, we use WebSocket protocol to push our notifications. The WebSocket protocol makes the new notifications even real-time fast to be received.</p> |
| − | <p>For example, we can use these keywords to search:</p> | + | </div> |
| − | <p><code>molecular biology</code></p> | + | </div></div></div><script src="/wiki/index.php?title=Team:USTC-Software/js/init&action=raw&ctype=text/javascript" type="text/javascript"></script> |
| − | <p>But NLP give us the power to get closer to what we actually want to search:</p> | + | <script src="/wiki/index.php?title=Team:USTC-Software/js/all&action=raw&ctype=text/javascript" type="text/javascript"></script> |
| − | <p><code>molecular biology by Someone this year with #immunity</code></p> | + | </body> |
| − | <p>NLP can extract all the information and construct a query action:</p> | + | |
| − | <p><code>keyword: molecular biology | + | |
| − | author: Someone | + | |
| − | time: this year | + | |
| − | label: #immunity</code></p> | + | |
| − | <p>In our project, we use an open-source software named <strong>Stanford CoreNLP</strong> (https://stanfordnlp.github.io/CoreNLP/) to parse the search string.</p> | + | |
| − | <p><img alt="image-20181017181227081" src="https://static.igem.org/mediawiki/2018/9/91/T--USTC-Software--image-20181017181227081.png" /></p> | + | |
| − | <p>CoreNLP provides many underlying models so that we can get analysis information to construct more expressive and more human-friendly query.</p> | + | |
| − | <div class="divider"></div> | + | |
| − | <h2><strong>Object-relational mapping (ORM)</strong></h2> | + | |
| − | <p>Object-Relational Mapping (ORM) allows us to work with objects and have them saved to the database automatically. It can greatly simplify create-read-update-delete (CRUD) operations and make our code more comprehensive.</p> | + | |
| − | <p>ORM makes our <code>user</code>,<code>report</code>,<code>notice</code> and more models easy to query, to list and to link to each other.</p> | + | |
| − | <p><img alt="ORM.svg" src="https://static.igem.org/mediawiki/2018/5/5d/T--USTC-Software--ORM.svg" /></p> | + | |
| − | <p>In our project, we use <strong>Django ORM</strong> with MySQL backend as the underlying models to provide fast and flexible queries.</p> | + | |
| − | <div class="divider"></div> | + | |
| − | <h2><strong>WebSocket</strong></h2> | + | |
| − | <p>WebSocket is a computer communications protocol, providing full-duplex communication channels over a single TCP connection. The HTML5 WebSockets specification defines an API that enables web pages to use the WebSockets protocol for two-way communication with a remote host. It introduces the WebSocket interface and defines a full-duplex communication channel that operates through a single socket over the Web. HTML5 WebSockets provide an enormous reduction in unnecessary network traffic and latency compared to the unscalable polling and long-polling solutions that were used to simulate a full-duplex connection by maintaining two connections.</p> | + | |
| − | <p><img alt="websocket.jpg" src="https://static.igem.org/mediawiki/2018/f/f0/T--USTC-Software--websocket.jpg" /></p> | + | |
| − | <p>In out project, we use WebSocket protocol to push our notifications. The WebSocket protocol makes the new notifications even real-time fast to be received.</p> | + | |
| − | + | ||
| − | <script src="/wiki/index.php?title=Team:USTC-Software/js/init&action=raw&ctype=text/javascript" type="text/javascript"></script> | + | |
| − | <script src="/wiki/index.php?title=Team:USTC-Software/js/all&action=raw&ctype=text/javascript" type="text/javascript"></script> | + | |
| − | + | ||
</html> | </html> | ||
Revision as of 17:08, 17 October 2018
<!DOCTYPE html>
Project
Attribution
Demonstrate
Human Practice
Implementation
Model
Medal
Team
ValidatedContribution
Model
There're two outstanding models supporting our project:
- Natural language processing (NLP)
- Object-relational mapping (ORM)
- WebSocket
Natural language processing (NLP)
Natural language processing (NLP) is an area of computer science and artificial intelligence that is concerned with the interaction between computers and humans in natural language.
The ultimate goal of NLP is to enable computers to understand language as well as we do.
For example, we can use these keywords to search:
molecular biology
But NLP give us the power to get closer to what we actually want to search:
molecular biology by Someone this year with #immunity
NLP can extract all the information and construct a query action:
keyword: molecular biology
author: Someone
time: this year
label: #immunity
In our project, we use an open-source software named Stanford CoreNLP (https://stanfordnlp.github.io/CoreNLP/) to parse the search string.
CoreNLP provides many underlying models so that we can get analysis information to construct more expressive and more human-friendly query.
Object-relational mapping (ORM)
Object-Relational Mapping (ORM) allows us to work with objects and have them saved to the database automatically. It can greatly simplify create-read-update-delete (CRUD) operations and make our code more comprehensive.
ORM makes our user,report,notice and more models easy to query, to list and to link to each other.
In our project, we use Django ORM with MySQL backend as the underlying models to provide fast and flexible queries.
WebSocket
WebSocket is a computer communications protocol, providing full-duplex communication channels over a single TCP connection. The HTML5 WebSockets specification defines an API that enables web pages to use the WebSockets protocol for two-way communication with a remote host. It introduces the WebSocket interface and defines a full-duplex communication channel that operates through a single socket over the Web. HTML5 WebSockets provide an enormous reduction in unnecessary network traffic and latency compared to the unscalable polling and long-polling solutions that were used to simulate a full-duplex connection by maintaining two connections.
In out project, we use WebSocket protocol to push our notifications. The WebSocket protocol makes the new notifications even real-time fast to be received.