Difference between revisions of "Team:SJTU-Software/Design"

(Prototype team page)
 
Line 1: Line 1:
{{SJTU-Software}}
+
<html class="no-js">
<html>
+
<head>
 +
  <meta charset="utf-8">
 +
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
  <meta name="description" content="">
 +
  <meta name="keywords" content="">
 +
  <meta name="viewport"
 +
        content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 +
  <title>Base Wiki</title>
  
<h2>Design</h2>
+
  <!-- Set render engine for 360 browser -->
 +
  <meta name="renderer" content="webkit">
  
<p>
+
  <!-- No Baidu Siteapp-->
By talking about your design work on this page, there is one medal criterion that you can attempt to meet, and one award that you can apply for. If your team is going for a gold medal by building a functional prototype, you should tell us what you did on this page. If you are going for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Applied Design award</a>, you should also complete this page and tell us what you did.
+
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
</p>
+
  
<div class="highlightBox">
+
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
<h4>Note</h4>
+
<p>In order to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Applied Design award</a> and/or the <a href="https://2015.igem.org/Judging/Awards#Medals">functional prototype gold medal criterion</a>, you must fill out this page.</p>
+
</div>
+
  
<p>This is a prize for the team that has developed a synthetic biology product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.</p>
+
  <!-- Add to homescreen for Chrome on Android -->
 +
  <meta name="mobile-web-app-capable" content="yes">
 +
  <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
  
<p>
+
  <!-- Add to homescreen for Safari on iOS -->
If you are working on art and design as your main project, please join the art and design track. If you are integrating art and design into the core of your main project, please apply for the award by completing this page.
+
  <meta name="apple-mobile-web-app-capable" content="yes">
</p>
+
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
 +
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
 +
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  
</div>
+
  <!-- Tile icon for Win8 (144x144 + tile color) -->
 +
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
 +
  <meta name="msapplication-TileColor" content="#0e90d2">
  
 +
  <link rel="stylesheet" type="text/css"  href="https://2015.igem.org/Template:SJTU-Software/amazeuiMinCss?action=raw&ctype=text/css">
 +
  <link rel="stylesheet" type="text/css"  href="https://2015.igem.org/Template:SJTU-Software/wikiCss?action=raw&ctype=text/css">
 +
  <link rel="stylesheet" type="text/css"  href="https://2015.igem.org/Template:SJTU-Software/demoCss?action=raw&ctype=text/css">
 +
  <link rel="stylesheet" type="text/css"  href="https://2015.igem.org/Template:SJTU-Software/mainCss?action=raw&ctype=text/css">
 +
</head>
 +
<body>
 +
    <div class = "ccc" style = "text-align:center;padding-top:300px">
 +
      <p style = "font-size:14px; font-family:helvatica; " ><b>Our software ‘Base’ have four based functions:<br/>Search,Construct,Evaluate and Upload.<br/>This document will use some specific examples<br/> to help you learn how to use our software.</b></p>
 +
    </div>
 +
    <div class = "demo">
 +
      <h1>Search for device:</h1>
 +
      <p>When you want you use our software to search for a device,you may follow such steps:<br/>
 +
Here is the search box in search page:<br/></p>
 +
      <img src = "https://static.igem.org/mediawiki/2015/d/d4/SJTU-SOFTWARE.demo1.png"/>
 +
      <p>First,enter the keyword, like “protein”<br/>
 +
Then click button ‘Device’<br/>
 +
Button ‘Advanced’ is used to change weight,click it and you will see this page:<br/></p>
 +
      <img src = "https://static.igem.org/mediawiki/2015/3/32/SJTU-SOFTWARE.demo2.png"/>
 +
      <p>Change weight as you like,<br/>
 +
For example:<br/>
 +
Set Uses to 1<br/>
 +
Set Part Results to 20<br/>
 +
Set Confirmed_times to 1<br/>
 +
Set Number_comments to 1<br/>
 +
      </p>
 +
      <img src = "https://static.igem.org/mediawiki/2015/c/c1/SJTU-SOFTWARE.demo3.png"/>
 +
      <p>
 +
        Leave the rest as the defaults and click button ‘Sure’.<br/>
 +
You will see result like this:<br/>
 +
      </p>
 +
      <img src = "https://static.igem.org/mediawiki/2015/4/49/SJTU-SOFTWARE.demo4.png"/>
 +
      <h1>Search for Part:</h1>
 +
      <p>Searching for part is a similar process<br/>
 +
For example,<br/>
 +
We enter keyword ”DNA”,click button ‘Part’ and change weight the same as the example of searching for device above<br/>
 +
(Set Uses to 1;set Part Results to 20;set Confirmed_times to 1;set Number_comments to 1).<br/>
 +
Then you will see the result as below:<br/>
 +
      </p>
 +
      <img src = "https://static.igem.org/mediawiki/2015/2/2d/SJTU-SOFTWARE.demo5.png"/>
 +
      <h1>Construct:<br/></h1>
 +
      <p>Construct page can help you design a new device intelligently. <br/>
 +
Let us see a simple example:<br/>
 +
Drag the icons from the left of the page and construct a simple device with a regulator,coding area,a reporter and a terminator.<br/>
 +
Now you will see your device in graphical form:<br/>
 +
      </p>
 +
      <img src = "https://static.igem.org/mediawiki/2015/2/2b/SJTU-SOFTWARE.demo6.png"/>
 +
      <p>Click button ‘Advise’ and select biobricks for your device.You can fill in functions if you want.<br/>
 +
History id will show all ID of biobricks in your device.<br/>
 +
      </p>
 +
      <img src = "https://static.igem.org/mediawiki/2015/1/12/SJTU-SOFTWARE.demo7.png"/>
 +
      <p>When you have finished a device, you can click "Next-Evaluate" button on the bottom right corner to evaluate this device.<br/>
 +
      </p>
 +
      <h1>Evaluate:<br/></h1>
 +
      <p>This page can help you evaluate a device,this device can be a existing device or a brand new device you have just designed.<br/>
 +
Continuing with the example of ‘Construct’.When you have clicked button ‘Next-Evaluate’,you will jump to Evaluate page like this:<br/>
 +
      </p>
 +
      <img src = "https://static.igem.org/mediawiki/2015/f/f4/SJTU-SOFTWARE.demo9.png"/>
 +
      <p>You can delete any of these biobricks or insert new biobricks to change this device.<br/>
 +
Of course,you can delete all and refill ID to start the evaluation of a new device.<br/>
 +
Choose Accuracy on the top left of the page,then click  "Evaluate"to start the evaluation.<br/>
 +
After a short wait,you may get results as below:<br/>
 +
      </p>
 +
      <img src = "https://static.igem.org/mediawiki/2015/c/cf/SJTU-SOFTWARE.demo10.png"/>
 +
      <p>Here you can see overall score of the device and ‘Optimal ID’.<br/>
 +
‘Optimal ID’ is a list of biobricks recommended to replace original biobrick,you may choose biobricks from them to optimize this device.<br/>
 +
      </p>
 +
      <img src = "https://static.igem.org/mediawiki/2015/d/db/SJTU-SOFTWARE.demo11.png"/>
 +
      <p>Do not forget use button ‘Upload’ if you want to upload this device to our database.  <br/>
 +
      </p>
 +
      <h1/>Upload:<br/></h1>
 +
      <p>
 +
        Upload page is very easy to use,<br/>
 +
Continuing with our example,<br/>
 +
      </p>
 +
      <img src = "https://static.igem.org/mediawiki/2015/c/c5/SJTU-SOFTWARE.demo12.png"/>
 +
      <p>
 +
        If you want to upload a new biobrick to our database,just fill in all necessary information and click button ‘Submit’.<br/>
 +
When you see<br/>
 +
      </p>
 +
      <img src = "https://static.igem.org/mediawiki/2015/6/60/SJTU-SOFTWARE.demo13.png"/>
 +
      <p>That means you have uploaded successfully .<br/>
 +
      </p>
 +
    </div>
 +
<!--[if (gte IE 9)|!(IE)]><!-->
 +
<script src="https://2015.igem.org/Template:SJTU-Software/jqueryMinJs?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2015.igem.org/Template:SJTU-Software/niceScrollJs?action=raw&ctype=text/javascript"></script>
 +
<!--<![endif]-->
 +
<!--[if lte IE 8 ]>
 +
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
 +
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
 +
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
 +
<![endif]-->
 +
<script src="https://2015.igem.org/Template:SJTU-Software/amazeuiMinJs?action=raw&ctype=text/javascript"></script>
 +
</body>
 
</html>
 
</html>

Revision as of 22:17, 18 September 2015

Base Wiki

Our software ‘Base’ have four based functions:
Search,Construct,Evaluate and Upload.
This document will use some specific examples
to help you learn how to use our software.

Search for device:

When you want you use our software to search for a device,you may follow such steps:
Here is the search box in search page:

First,enter the keyword, like “protein”
Then click button ‘Device’
Button ‘Advanced’ is used to change weight,click it and you will see this page:

Change weight as you like,
For example:
Set Uses to 1
Set Part Results to 20
Set Confirmed_times to 1
Set Number_comments to 1

Leave the rest as the defaults and click button ‘Sure’.
You will see result like this:

Search for Part:

Searching for part is a similar process
For example,
We enter keyword ”DNA”,click button ‘Part’ and change weight the same as the example of searching for device above
(Set Uses to 1;set Part Results to 20;set Confirmed_times to 1;set Number_comments to 1).
Then you will see the result as below:

Construct:

Construct page can help you design a new device intelligently.
Let us see a simple example:
Drag the icons from the left of the page and construct a simple device with a regulator,coding area,a reporter and a terminator.
Now you will see your device in graphical form:

Click button ‘Advise’ and select biobricks for your device.You can fill in functions if you want.
History id will show all ID of biobricks in your device.

When you have finished a device, you can click "Next-Evaluate" button on the bottom right corner to evaluate this device.

Evaluate:

This page can help you evaluate a device,this device can be a existing device or a brand new device you have just designed.
Continuing with the example of ‘Construct’.When you have clicked button ‘Next-Evaluate’,you will jump to Evaluate page like this:

You can delete any of these biobricks or insert new biobricks to change this device.
Of course,you can delete all and refill ID to start the evaluation of a new device.
Choose Accuracy on the top left of the page,then click "Evaluate"to start the evaluation.
After a short wait,you may get results as below:

Here you can see overall score of the device and ‘Optimal ID’.
‘Optimal ID’ is a list of biobricks recommended to replace original biobrick,you may choose biobricks from them to optimize this device.

Do not forget use button ‘Upload’ if you want to upload this device to our database.

Upload:

Upload page is very easy to use,
Continuing with our example,

If you want to upload a new biobrick to our database,just fill in all necessary information and click button ‘Submit’.
When you see

That means you have uploaded successfully .