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

Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"><head>
+
<html class="no-js">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
<head>
<meta name="generator" content="MediaWiki 1.16.5">
+
  <meta charset="utf-8">
<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:CAU_China&amp;action=edit">
+
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="edit" title="Edit" href="/wiki/index.php?title=Team:CAU_China&amp;action=edit">
+
  <meta name="description" content="">
<link rel="shortcut icon" href="/favicon.ico">
+
  <meta name="keywords" content="">
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2014.igem.org (en)">
+
  <meta name="viewport"
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:CAU_China&amp;action=creativecommons" rel="meta">
+
        content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/">
+
  <title>Project</title>
<link rel="alternate" type="application/atom+xml" title="2014.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom"> <title>Team:CAU China - 2015.igem.org</title>
+
<style type="text/css" media="screen, projection">/*<![CDATA[*/
+
@import "/wiki/skins/common/shared.css?270";
+
@import "/wiki/skins/igem/main.css?270";
+
/*]]>*/</style>
+
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270">
+
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
+
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
+
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
+
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
+
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
+
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
+
+
<script>
+
var skin="igem",
+
stylepath="/wiki/skins",
+
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
+
wgArticlePath="/$1",
+
wgScriptPath="/wiki",
+
wgScriptExtension=".php",
+
wgScript="/wiki/index.php",
+
wgVariantArticlePath=false,
+
wgActionPaths={},
+
wgServer="https://2014.igem.org",
+
wgCanonicalNamespace="",
+
wgCanonicalSpecialPageName=false,
+
wgNamespaceNumber=0,
+
wgPageName="Team:CAU_China",
+
wgTitle="Team:CAU China",
+
wgAction="view",
+
wgArticleId=1857,
+
wgIsArticle=true,
+
wgUserName="Heyunfei",
+
wgUserGroups=["*", "user", "autoconfirmed"],
+
wgUserLanguage="en",
+
wgContentLanguage="en",
+
wgBreakFrames=false,
+
wgCurRevisionId=401715,
+
wgVersion="1.16.5",
+
wgEnableAPI=true,
+
wgEnableWriteAPI=true,
+
wgSeparatorTransformTable=["", ""],
+
wgDigitTransformTable=["", ""],
+
wgMainPageTitle="Main Page",
+
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2014.igem.org", "5": "2014.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
+
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2014.igem.org": 4, "2014.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
+
wgSiteName="2014.igem.org",
+
wgCategories=[],
+
wgMWSuggestTemplate="https://2014.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
+
wgDBname="2014_igem_org",
+
wgSearchNamespaces=[0],
+
wgMWSuggestMessages=["with suggestions", "no suggestions"],
+
wgRestrictionEdit=[],
+
wgRestrictionMove=[],
+
wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"};
+
</script>              
+
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
+
<!-- Head Scripts -->
+
<script src="/wiki/skins/common/ajax.js?270"></script>
+
<script src="/wiki/skins/common/ajaxwatch.js?270"></script>
+
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
+
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;smaxage=0&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
+
<!-- jQuery Javascript -->
+
<script type="text/javascript" src="/common/jquery-latest.min.js"></script>
+
<script type="text/javascript" src="/common/tablesorter/jquery.tablesorter.min.js"></script>
+
        <link rel="stylesheet" type="text/css" href="/common/tablesorter/themes/groupparts/style.css">
+
        <link rel="stylesheet" type="text/css" href="/common/table_styles.css">
+
        <link rel="stylesheet" type="text/css" href="/forum/forum_styles.css">
+
<script type="text/javascript" src="/forum/forum_scripts.js"></script>
+
</head>
+
  
<body class="mediawiki  ltr ns-0 ns-subject page-Team_CAU_China">
+
  <!-- Set render engine for 360 browser -->
   <div id="globalWrapper">
+
   <meta name="renderer" content="webkit">
  
    <div id="top-section">
+
  <!-- No Baidu Siteapp-->
<div id="p-logo">
+
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <a href="/Main_Page" title="Main Page">
+
    <img src="https://2014.igem.org/images/wiki.png">"
+
    </a>
+
</div>  <!-- end p-logo -->
+
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
+
  
 +
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
  
 +
  <!-- 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">
  
<div id="menubar" class="left-menu noprint">
+
  <!-- Add to homescreen for Safari on iOS -->
  <ul>
+
  <meta name="apple-mobile-web-app-capable" content="yes">
                  <li class="selected"><a href="/Team:CAU_China">Page              </a></li>
+
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
              <li class="new"><a href="/wiki/index.php?title=Talk:Team:CAU_China&amp;action=edit&amp;redlink=1">Discussion              </a></li>
+
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
              <li><a href="/wiki/index.php?title=Team:CAU_China&amp;action=edit">Edit              </a></li>
+
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
              <li><a href="/wiki/index.php?title=Team:CAU_China&amp;action=history">History              </a></li>
+
              <li><a href="/Special:MovePage/Team:CAU_China">Move              </a></li>
+
              <li><a href="/wiki/index.php?title=Team:CAU_China&amp;action=watch">Watch              </a></li>
+
              <li style="color:white;cursor:default">teams</li>
+
  </ul>
+
</div> <!-- end menubar (left) -->
+
  
<div class="right-menu noprint" id="menubar">
+
  <!-- Tile icon for Win8 (144x144 + tile color) -->
    <ul>
+
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
                <li id="pt-userpage"><a href="/User:Heyunfei" title="Your user page [.]" accesskey="." class="new">Heyunfei</a></li>                              <li id="pt-preferences"><a href="https://igem.org/User_Information" title="My account">My account</a></li>
+
  <meta name="msapplication-TileColor" content="#0e90d2">
                          <li id="pt-logout"><a href="/wiki/index.php?title=Special:UserLogout&amp;returnto=Team:CAU_China" title="Log out">Log out</a></li>     </ul>
+
</div><!-- end right menubar -->
+
  
<div id="search-controls" class="noprint">
+
  <link rel="stylesheet" type="text/css"  href="https://2015.igem.org/Template:SJTU-Software/amazeuiMinCss?action=raw&ctype=text/css">
<form action="/Special:Search" id="searchform">
+
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:SJTU-Software/loadingCss?action=raw&ctype=text/css">
<input id="searchInput" name="search" type="text" title="Search 2014.igem.org [alt-f]" accesskey="f" value="" autocomplete="off">
+
  <link rel="stylesheet" type="text/css"  href="https://2015.igem.org/Template:SJTU-Software/wikiCss?action=raw&ctype=text/css">
<input type="submit" name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists">&nbsp;
+
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:SJTU-Software/projectCss?action=raw&ctype=text/css">
      <input type="submit" name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text">
+
</head>
</form>
+
<body>
</div> <!-- close search controls -->
+
<div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
    </div> <!-- close top-section-->
+
  <a href="#top" title="">
     <div id="content">
+
    <i class="am-gotop-icon am-icon-hand-o-up"></i>
<a name="top" id="top"></a>
+
  </a>
<h1 class="firstHeading">Team:CAU China</h1>
+
</div>
<div id="bodyContent">
+
<nav data-am-sticky>
<h3 id="siteSub" class="noprint">From 2014.igem.org</h3>
+
  <ul class="am-avg-sm-7 am-thumbnails mainNav">
<div id="contentSub"></div>
+
    <li class = "navItem">
<!--
+
      <a href="wiki.html">
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
+
      <img class="am-thumbnails navPhoto" id = "1" src="photo/wikinav/1-1.png" />
<!-- start content -->
+
    <p class = "navPhoto">Home</p>
<p>
+
    </a>
 +
</li>
 +
    <li class = "navItem">
 +
    <a href="project.html">
 +
      <img class="am-thumbnails navPhoto" id = "2" src="photo/wikinav/2-2.png" />
 +
    <p class = "navPhoto">Project</p>
 +
    </a>
 +
    </li>
 +
    <li class = "navItem">
 +
    <a href="document.html">
 +
      <img class="am-thumbnails navPhoto" id = "3" src="photo/wikinav/3-1.png" />
 +
    <p class = "navPhoto">Document</p>
 +
    </a>
 +
     </li>
 +
    <li class = "navItem">
 +
    <a href="requirement.html">
 +
      <img class="am-thumbnails navPhoto" id = "4" src="photo/wikinav/4-1.png" />
 +
    <p class = "navPhoto">Requirement</p>
 +
    </a>
 +
    </li>
 +
    <li class = "navItem">
 +
      <a href="saftyPolicyconcern.html">
 +
        <img class="am-thumbnails navPhoto" id = "5" src="photo/wikinav/5-1.png" />
 +
        <p class = "navPhoto">Safty<br/>policy<br/>concern</p>
 +
      </a>
 +
    </li>
 +
    <li class = "navItem">
 +
    <a href="humanPractice.html">
 +
      <img class="am-thumbnails navPhoto" id = "6" src="photo/wikinav/6-1.png" />
 +
    <p class = "navPhoto">Human<br/>practice</p>
 +
    </a>
 +
    </li>
 +
    <li class = "navItem">
 +
    <a href="team.html">
 +
      <img class="am-thumbnails navPhoto" id = "7" src="photo/wikinav/7-1.png" />
 +
    <p class = "navPhoto">Team</p>
 +
    </a>
 +
    </li>
 +
  </ul>
 +
</nav>
  
<style type="text/css">
+
<div id = "home">
@charset "UTF-8";
+
<div class = "baseTitle">
html { color: #000; background: #FFF; }
+
<p> <font color = "#DADADA">Background</font></p>
body, div, ul, li { margin: 0; padding: 0; }
+
</div>
img { border: 0; }
+
<div class="base-frame" id = "home">
li { list-style: none; }
+
  <p class = "panelTitle">BASE</p>
body { font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif; font-size: 12px; color: #FFFFFF; background: #fff; }
+
  <p>We refer to the idea of SJTU-software 2014 and make it a better one. Still we aim to develop a software for part evaluation and recommendation, but we make it more detailed and convincing by taking relationships between parts in a device into account. We also change it into a web-based appliance which is more convenient to use.
a { color: #39f; text-decoration: none; }
+
</p>
    a:hover { text-decoration: none; }
+
</div>
.wrapper { width: 986px; margin: 0 auto; position: relative; }
+
#banner { width: 100%; height: 650px; background: #000; overflow: hidden; position: relative; }
+
#banner_img { display: block; position: relative; }
+
    #banner_img li { position: absolute; top: 0; left: 0; width: 100%; height: 650px; background-position: center; background-size: cover; display: none; }
+
        /*设置背景图片-------开始*/
+
        #banner_img li.item1 { background-image: url(https://static.igem.org/mediawiki/2014/7/77/CAU_Banner_bg1.jpg); display: block; }
+
        #banner_img li.item2 { background-image: url(https://static.igem.org/mediawiki/2014/8/83/CAU_Banner_bg6.jpg); }
+
        #banner_img li.item3 { background-image: url(https://static.igem.org/mediawiki/2014/f/fe/CAU_Banner_bg2.jpg); }
+
        #banner_img li.item4 { background-image: url(https://static.igem.org/mediawiki/2014/0/00/CAU_Banner_bg4.jpg); }
+
        #banner_img li.item5 { background-image: url(https://static.igem.org/mediawiki/2014/7/7e/CAU_Banner_bg5.jpg); }
+
        #banner_img li.item6 { background-image: url(https://static.igem.org/mediawiki/2014/a/a7/CAU_Banner_bg7.jpg); }
+
        #banner_img li.item7 { background-image: url(https://static.igem.org/mediawiki/2014/c/cb/CAU_Banner_bg3.jpg); }
+
        #banner_img li.item8 { background-image: url(https://static.igem.org/mediawiki/2014/5/5a/CAU_Banner_bg8.jpg); }
+
    /*设置背景图片--------结束*/
+
    #banner_img .ad_img { position: absolute; right: 10px; top: 80px; width: 506px; height: 404px; }
+
    #banner_img .ad_txt { position: absolute; left: 10px; top: 170px; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.3); }
+
        #banner_img .ad_txt h2 { font: bold 36px/60px Microsoft YaHei; }
+
        #banner_img .ad_txt a { display: block; width: 100px; height: 25px; line-height: 25px; text-align: center; margin-top: 10px; background: #fff; color: #666; text-decoration: none; text-shadow: none; }
+
#banner_ctr { position: absolute; width: 960px; height: 122px; margin-left: -480px; left: 50%; bottom: 40px; z-index: 1; }
+
    #banner_ctr ul { width: 960px; height: 122px; background: url(https://static.igem.org/mediawiki/2014/4/47/Home_serv_ico.png) center no-repeat; font-size: 0; line-height: 0; position: relative; }
+
    #banner_ctr li { display: block; float: left; width: 115px; height: 122px; cursor: pointer; }
+
        #banner_ctr li.first-item { background: #fff; width: 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; cursor: default; }
+
        #banner_ctr li.last-item { background: #fff; width: 20px; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; cursor: default; }
+
#drag_ctr { position: absolute; top: -14px; left: 20px; width: 115px; height: 156px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 170px; background: #0084cf; }
+
#drag_arrow { position: absolute; top: -14px; left: 20px; width: 115px; height: 156px; background: url(https://static.igem.org/mediawiki/2014/7/72/Home_drag_banner_arrow.gif) center 14px no-repeat; }
+
  
</style>
+
<div class = "homeFooter">
 +
<div class = "footLine"></div>
 +
<div class = "upperTria"></div>
 +
</div>
 +
<br/>
 +
</div>
  
</p><p>
+
<div class = "am-g project">
 +
  <nav class = "am-u-sm-3 navs">
 +
    <ul class="am-thumbnails subNav fixed-nav" id = "ul1">
 +
      <li class = "subNavItem">
 +
      <a class="subNavItem" data-am-collapse="{target: '#collapse-nav'}" >Design&Algorithm </a>
 +
        <nav>
 +
        <ul id="collapse-nav" class="am-nav am-collapse ">
 +
          <li class = "designNav"><a href = "#Design" class = "scrollNav">Introduction</a></li>
 +
          <li class = "designNav"><a href = "#Design" class = "scrollNav">Methods</a></li>
 +
          <li class = "designNav"><a href = "#Design" class = "scrollNav">Results</a></li>
 +
          <li class = "designNav"><a href = "#Design" class = "scrollNav">Reference</a></li>
 +
        </ul>
 +
        </nav>
 +
      </li>
 +
    <li><a class="subNavItem scrollNav"  href = "#Validaction">Validaction</a></li>
 +
      <li><a class="subNavItem scrollNav"  href = "#Demo">Demo</a></li>
 +
      <li><a class="subNavItem scrollNav"  href = "#Download">Download</a></li>
 +
      <li><a class="subNavItem scrollNav"  href = "#Achivement">Achievement</a></li>
 +
    </ul>
 +
</nav>
 +
<div class = "am-u-sm-9 project-content">
 +
    <a name = "Design" id = "Design"></a>
 +
    <hr class = "border-line"/>
 +
    <div class = "designContent">
 +
      <p class = "Introduction">Introduction
 +
  Our software, BASE, has four functions: search, recommendation, evaluation and upload. Via search function, users can search for parts or devices using IDs or features as keywords. In recommendation interface, users can draw their devices. They can also give some keywords when drag an icon to the chain to get a list of parts which fit the require and other parts best. When using evaluation, users firstly enter a device that they designed, then our software can give advice for each part to improve their devices. Finally, users can upload their device to the IGEM part registry and BASE’s database. For the first three functions, we develop a set of scoring system to evaluate the effectiveness and ease of use of the parts and devices.
 +
      </p>
 +
      <p class = "Methods">Method
 +
We get the data of parts from IGEM part registry. A total of 14971 bio-bricks are recorded in the database. Then we divide them into two groups, parts and devices, according to whether the biobrick has subparts. Among them, ??? are parts and ??? are devices. For each bio-brick, there’re four different websites:
 +
http://parts.igem.org/cgi/xml/part.cgi?part=BBa_???
 +
http://parts.igem.org/cgi/partsdb/part_info.cgi?part_name=BBa_???
 +
http://parts.igem.org/partsdb/get_part.cgi?part=BBa_??? 
 +
http://parts.igem.org/Part:BBa_???:Experience
 +
  When collecting data, we simply replace the ??? with the bricks’ ID.
 +
We then extract information from the websites. The information include Part_status, Sample_status, Part_results, Uses, DNA_status, Qualitative_experience, Group_favorite, Star_rating, Del, Groups, Number_comments, Ave_rating. And we take most of the above factors into account when scoring bio-bricks.
 +
As for optimizing the weight of these factors, we firstly analyze the distribution of value of the factors to choose the factors that can distinguish the parts most effectively. Then we select 40 parts and 40 devices as the training sets. Finally we get the weight by combining results of several methods.
 +
      </p>
 +
      <p class = "Results">Results
 +
1.scores for different values of factors
 +
To build a scoring system, we start at giving scores to the values of these factors. With the help of wet lab researchers, we rank the values of discrete type according to their effect on researches, and choose a relatively good method to transform successive values into values between 0 and 1.
 +
  For discrete values, we have a scoring table as below.
 +
      </p>
 +
      <p class = "Results">
 +
  For those successive values, such as used times, average rating, number of comments, we develop two scoring methods. The “average rating” factor has only 5 values, so we just simply score it as a arithmetic progression. As for the other two factors, the distribution of values seems very unbalanced. And since we can be convinced that a brick is good when it’s used several tens times and the feedbacks are good, there’s no need to force a brick to get used for a thousand times before it’s recommended to other users, though some of the parts are actually used hundreds or even thousands of times. So we calculate the score by the expression below.
 +
Score=log(n+1)/log(nmax+1)
 +
The n in the expression refers to the values. By using this expression, we reduce the effect of extreme values and make the scores more convincing.
 +
And the optimized weight of the factors are shown in the table below.
 +
      </p>
 +
      <p class = "Results">The above scoring system are used to evaluate all the bricks in our databases. It become effective in all the functions except upload. However, we still have another scoring system for devices.
 +
        2.devices scoring method with relationship between parts
 +
This method is mainly used in the evaluation function. For a device which is just designed by users, the score we get through the first method actually mean nothing, as there’re no information for the device on the registry. So we need to develop a new evaluation system based on its composing parts and relationships between the parts.
 +
When evaluating the relationships between parts, we take several factors into consideration, such as the frequency and the average score when the parts are used together and so on.
 +
Firstly the weight of the two aspects is confirmed. The default ratio is 65% for the parts and 35% for the relationships. In the first aspect, the weight of different types is dynamic. It’s influenced by the number and type of the parts. However it still shows the different significance of the parts. But in the second aspect, all relationships share the same weight.
 +
Then the scoring begins. Given that wet lab researchers care more about the outcome of a device, we search for functional coding parts in the device, and optimize it in the first place. After the user locks the functional parts, we start to optimize other parts. The order is decided according to their type and location in the device.
 +
Since there’re two scoring system for devices, the weight in the second one is adjusted to make the scores made by different method close so that scores for new devices can have the comparability with those already in the database.
  
 +
3.Adding parts one by one
 +
This method is mainly used in recommendation function. It’s similar to the second one, but it only cares about the new adding part and relationships when doing the recommendations. The weight’s also adjusted to fit the other two method.
 +
      </p>
 +
      <p class = "Reference">铭姐没有给
 +
      </p>
 +
    </div>
 +
</div>
  
 
+
   <div class = "am-u-sm-9 project-content">
 
+
    <a name = "Validaction" id = "Validaction"></a>
<style>
+
    <hr class = "border-line"/>
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
+
    <div class = "validactionContent">铭姐没有给
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
width: 100%;
+
height: 100%;
+
border: 0px;
+
background-color: transparent;
+
margin: 0px;
+
padding: 0px;
+
}
+
 
+
html, body, .wrapper { /*-- changes default wiki settings --*/
+
width: 100%;
+
height: 100%;
+
background-color: transparent;
+
}
+
#top-section {
+
    background-color:#484848;
+
    border: 0 none;
+
    width: 100%;
+
    height: 24px;
+
    z-index: 100;
+
    top: 0;
+
    position: absolute;
+
}
+
#menubar {
+
    top: 2px;
+
    font-family: Helvetica, Arial, Sans-serif;
+
    font-size: 14px;
+
}
+
.left-menu,.left-menu a {
+
    color: white;
+
    left: 0;
+
    text-align: left;
+
    text-transform: capitalize;
+
}
+
.right-menu,.right-menu a {
+
    color: white;
+
    right: 0;
+
    text-align: right;
+
}
+
.right-menu:hover, .left-menu:hover {
+
    background-color: transparent;
+
}
+
.right-menu:hover a {
+
    color: white;
+
}
+
.right-menu li a, .left-menu li a {
+
    background-color: transparent;
+
    color: white;
+
    padding:0,15px,0,0;
+
    margin:0;
+
}
+
.right-menu li a:hover {
+
    color: white;
+
    text-decoration:underline;
+
}
+
.right-menu li a:visited {
+
    color: white;
+
}
+
.new {
+
    color:white;
+
}
+
a, a:visited {
+
    color: white;
+
    text-decoration: none;
+
}
+
a:hover {
+
    color: white;
+
    text-decoration: underline;
+
}
+
</style>
+
 
+
<!-- iGem wiki hacks -->
+
<!-- Remove all empty <p> tags -->
+
   <script type="text/javascript">
+
    $(document).ready(function() {
+
    $("p").filter( function() {
+
    return $.trim($(this).html()) == '';
+
    }).remove();
+
    });
+
  </script>
+
 
+
        <!-- Remove "team" from the menubar -->
+
        <script type="text/javascript">
+
            $(document).ready(function() {
+
                $("menubar > ul > li:last-child").remove();
+
            });
+
        </script>
+
 
+
        <!-- Empty heading? - Then remove it.. -->
+
        <script type="text/javascript">
+
            $(document).ready(function() {
+
                if ("" == "{{{1}}}") {
+
                    $("#heading").remove();
+
                }
+
            });
+
</script>
+
 
+
<script src="https://2014.igem.org/Team:CAU_China/jquery.plugin.min.js?action=raw&amp;ctype=text/javascript"></script>
+
<script src="https://2014.igem.org/Team:CAU_China/jquery-1.9.1.min.js?action=raw&amp;ctype=text/javascript"></script>
+
 
+
 
+
 
+
    <!-- Start -->
+
    </p><div id="banner">
+
        <ul id="banner_img">
+
            <li class="item1" style="display: none;">
+
                <div class="wrapper">
+
                    <div class="ad_txt" style="top: 340px;">
+
                        <h2 style="color:#FFFFFF">Home</h2>
+
                       
+
                        <a href="https://2015.igem.org/Team:CAU_China/Home" target="_blank">More&gt;</a>
+
                    </div>
+
                    <div class="ad_img" style="right: 120px;">
+
                        <img src="https://static.igem.org/mediawiki/2014/2/2c/Home_CAU.png" width="506" height="404" alt="Home">
+
                    </div>
+
                </div>
+
            </li>
+
            <li class="item2" style="display: none;">
+
                <div class="wrapper">
+
                    <div class="ad_txt" style="top: 340px; opacity: 1;">
+
                        <h2 style="color:#FFFFFF">Project</h2>
+
                        <p style="padding-top: 0px; padding-bottom: 0px;">Biobricks
+
                        </p>
+
                        <a href="https://2015.igem.org/Team:CAU_China/Project" target="_blank">More&gt;</a>
+
                    </div>
+
                    <div class="ad_img" style="right: 120px; opacity: 1;">
+
                        <img src="https://static.igem.org/mediawiki/2015/4/4e/CAU_project_0.png" width="404" height="361" alt="Project">
+
                    </div>
+
                </div>
+
            </li>
+
            <li class="item3" style="display: none;">
+
                <div class="wrapper">
+
                    <div class="ad_txt" style="top: 340px; opacity: 1;">
+
                        <h2 style="color:#FFFFFF">Modeling</h2>
+
                       
+
                        <a href="https://2015.igem.org/Team:CAU_China/Modeling" target="_blank">More&gt;</a>
+
                    </div>
+
                    <div class="ad_img" style="right: 120px; opacity: 1;">
+
                        <img src="https://static.igem.org/mediawiki/2014/f/f2/Home_Model.gif" width="506" height="404" alt="Modeling">
+
                    </div>
+
                </div>
+
            </li>
+
            <li class="item4" style="display: none;">
+
                <div class="wrapper">
+
                    <div class="ad_txt" style="top: 340px; opacity: 1;">
+
                        <h2 style="color:#FFFFFF">Notebook</h2>
+
                        <p style="padding-top: 0px; padding-bottom: 0px;">
+
                            Breakthrough<br>
+
                            Labnote<br>
+
                            Protocols
+
                        </p>
+
                        <a href="https://2015.igem.org/Team:CAU_China/Notebook" target="_blank">More&gt;</a>
+
                    </div>
+
                    <div class="ad_img" style="right: 120px; opacity: 1;">
+
                        <img src="https://static.igem.org/mediawiki/2014/e/ec/Home_notebook.png" width="506" height="404" alt="Notebook">
+
                    </div>
+
                </div>
+
            </li>
+
            <li class="item5" style="display: list-item;">
+
                <div class="wrapper">
+
                    <div class="ad_txt" style="top: 170px; opacity: 1;">
+
                        <h2 style="color:#FFFFFF">Human Practice</h2>
+
                        <p style="padding-top: 0px; padding-bottom: 0px;">
+
                            Periodicals<br>
+
                            Spread iGEM to Highschool
+
                            Peers' Help<br>
+
                            Survey<br>
+
                            Get Gene
+
                        </p>
+
                        <a href="https://2015.igem.org/Team:CAU_China/Human_Practice" target="_blank">More&gt;</a>
+
                    </div>
+
                    <div class="ad_img" style="right: 10px; opacity: 1;">
+
                        <img src="https://static.igem.org/mediawiki/2014/d/d7/Human_Practice.png" width="506" height="404" alt="Human Practice">
+
                    </div>
+
                </div>
+
            </li>
+
            <li class="item6">
+
                <div class="wrapper">
+
                    <div class="ad_txt">
+
                        <h2 style="color:#FFFFFF">Judging</h2>
+
                        <p>
+
                            Judging Form<br>
+
                            Beyond the Bench
+
                        </p>
+
                        <a href="https://2015.igem.org/Team:CAU_China/Judging" target="_blank">More&gt;</a>
+
                    </div>
+
                    <div class="ad_img">
+
                        <img src="https://static.igem.org/mediawiki/2014/b/b7/Medal.png" width="506" height="404" alt="Judging">
+
                    </div>
+
                </div>
+
            </li>
+
            <li class="item7">
+
                <div class="wrapper">
+
                    <div class="ad_txt">
+
                        <h2 style="color:#FFFFFF">Team</h2>
+
                        <p>
+
                            Gallery<br>
+
                            Attribution                           
+
                        </p>
+
                        <a href="https://2015.igem.org/Team:CAU_China/Team" target="_blank">More&gt;</a>
+
                    </div>
+
                    <div class="ad_img">
+
                        <img src="images/20120830015446637.png" width="506" height="404" alt="Team">
+
                    </div>
+
                </div>
+
            </li>
+
            <li class="item8">
+
                <div class="wrapper">
+
                    <div class="ad_txt">
+
                        <h2 style="color:#FFFFFF">Safety</h2>
+
                        <p>
+
                            Lab<br>
+
                            Safety Form<br>
+
                            Check-in
+
                        </p>
+
                        <a href="https://2015.igem.org/Team:CAU_China/Safety" target="_blank">More&gt;</a>
+
                    </div>
+
                    <div class="ad_img">
+
                        <img src="https://static.igem.org/mediawiki/2014/9/96/Medium.png" width="506" height="404" alt="Safety">
+
                    </div>
+
                </div>
+
            </li>
+
        </ul>
+
        <div id="banner_ctr">
+
            <div id="drag_ctr" style="left: 480px;"></div>
+
            <ul>
+
                <li class="first-item">CAU</li>
+
                <li>HOME</li>
+
                <li>PROJECT</li>
+
                <li>MODEL</li>
+
                <li>NOTEBOOK</li>
+
                <li>PRACTICE</li>
+
                <li>JUDGING</li>
+
                <li>TEAM</li>
+
                <li>SAFETY</li>
+
                <li class="last-item">CAU</li>
+
            </ul>
+
            <div id="drag_arrow" style="left: 480px;"></div>
+
        </div>
+
 
     </div>
 
     </div>
    <script src="https://2014.igem.org/Team:CAU_China/fashionfoucs.js?action=raw&amp;ctype=text/javascript"></script>
+
  </div>
    <!-- End -->
+
  <div class = "am-u-sm-9 project-content">
 
+
    <a name = "Demo" id = "Demo"></a>
 
+
    <hr class = "border-line" />
 
+
    <div class = "demoContent">暂时没有
<!--
+
NewPP limit report
+
Preprocessor node count: 13/1000000
+
Post-expand include size: 40/2097152 bytes
+
Template argument size: 0/2097152 bytes
+
Expensive parser function count: 0/100
+
-->
+
 
+
<!-- Saved in parser cache with key 2014_igem_org:pcache:idhash:1857-0!1!0!!en!2 and timestamp 20150905142204 -->
+
<div class="printfooter">
+
Retrieved from "<a href="https://2014.igem.org/Team:CAU_China">https://2014.igem.org/Team:CAU_China</a>"</div>
+
<div id="catlinks"><div id="catlinks" class="catlinks catlinks-allhidden"></div></div> <!-- end content -->
+
<div class="visualClear"></div>
+
</div>
+
 
     </div>
 
     </div>
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
+
  </div>
<div class="visualClear"></div>
+
  <div class = "am-u-sm-9 project-content">
     <div id="footer-box" class="noprint">
+
    <a name = "Download" id = "Download"></a>
        <div id="footer">
+
     <hr class = "border-line"/>
              <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki"></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31"></a></div>     <ul id="f-list">
+
    <div class = "downloadContent">暂时没有
+
    </div>
 +
  </div>
 +
  <div class = "am-u-sm-9 project-content">
 +
    <a name = "Achivement" id = "Achivement"></a>
 +
    <hr class = "border-line"/>
 +
    <div class = "achivementContent">
 +
      <p class = "achivement">1.We firstly include relationships between parts to the evaluation of devices.
 +
2.Our software can help in the whole process that a user designs a new device: the optimization of one part and another, and the visualization of the device.
 +
3.Our software enable users to design their personalised weight for part evaluation.
 +
4.Our software help users upload their parts more easily and can expand its own database.
 +
5.Our software is web-based, which is more convenient for users to use.
 +
      </p>
 +
    </div>
 +
  </div>
 +
</div>
  
  <!-- Recentchanges is not handles well DEBUG -->
 
    <li id="t-recentchanges"><a href="/Special:RecentChanges" title="Recent changes">Recent changes</a></li>
 
  
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Team:CAU_China" title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
+
<div class = "content">
 
+
                        <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Team:CAU_China" title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
+
 
+
 
+
 
+
                <li id="t-upload"><a href="/Special:Upload" title="Upload files [u]" accesskey="u">Upload file</a>
+
                </li>
+
                <li id="t-specialpages"><a href="/Special:SpecialPages" title="List of all special pages [q]" accesskey="q">Special pages</a>
+
                </li>
+
                <li><a href="/Special:Preferences">My preferences</a></li>
+
            </ul>
+
        </div> <!-- close footer -->
+
        <div id="footer">
+
    <ul id="f-list">
+
 
+
            <li id="t-print"><a href="/wiki/index.php?title=Team:CAU_China&amp;printable=yes" title="Printable version of this page [p]" accesskey="p">Printable version</a>
+
            </li>
+
 
+
            <li id="t-permalink"><a href="/wiki/index.php?title=Team:CAU_China&amp;oldid=401715" title="Permanent link to this revision of the page">Permanent link</a>
+
            </li>
+
 
+
 
+
        <li id="privacy"><a href="/2014.igem.org:Privacy_policy" title="2014.igem.org:Privacy policy">Privacy policy</a></li>
+
        <li id="disclaimer"><a href="/2014.igem.org:General_disclaimer" title="2014.igem.org:General disclaimer">Disclaimers</a></li>
+
    </ul>
+
</div> <!-- close footer -->
+
    </div> <!-- close footer-box -->
+
+
<script>if (window.runOnloadHook) runOnloadHook();</script>
+
 
</div>
 
</div>
<!-- Served in 0.193 secs. -->
+
<!--[if (gte IE 9)|!(IE)]><!-->
 
+
<script src="https://2015.igem.org/Template:SJTU-Software/jqueryMinJs?action=raw&ctype=text/javascript"></script>
 
+
<script src="assets/js/jquery.nicescroll.js"></script>
</body></html>
+
<script src="https://2015.igem.org/Template:SJTU-Software/loadingJs?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2015.igem.org/Template:SJTU-Software/projectJs?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>

Revision as of 17:45, 11 September 2015

Project

Background

BASE

We refer to the idea of SJTU-software 2014 and make it a better one. Still we aim to develop a software for part evaluation and recommendation, but we make it more detailed and convincing by taking relationships between parts in a device into account. We also change it into a web-based appliance which is more convenient to use.



Introduction Our software, BASE, has four functions: search, recommendation, evaluation and upload. Via search function, users can search for parts or devices using IDs or features as keywords. In recommendation interface, users can draw their devices. They can also give some keywords when drag an icon to the chain to get a list of parts which fit the require and other parts best. When using evaluation, users firstly enter a device that they designed, then our software can give advice for each part to improve their devices. Finally, users can upload their device to the IGEM part registry and BASE’s database. For the first three functions, we develop a set of scoring system to evaluate the effectiveness and ease of use of the parts and devices.

Method We get the data of parts from IGEM part registry. A total of 14971 bio-bricks are recorded in the database. Then we divide them into two groups, parts and devices, according to whether the biobrick has subparts. Among them, ??? are parts and ??? are devices. For each bio-brick, there’re four different websites: http://parts.igem.org/cgi/xml/part.cgi?part=BBa_??? http://parts.igem.org/cgi/partsdb/part_info.cgi?part_name=BBa_??? http://parts.igem.org/partsdb/get_part.cgi?part=BBa_???  http://parts.igem.org/Part:BBa_???:Experience When collecting data, we simply replace the ??? with the bricks’ ID. We then extract information from the websites. The information include Part_status, Sample_status, Part_results, Uses, DNA_status, Qualitative_experience, Group_favorite, Star_rating, Del, Groups, Number_comments, Ave_rating. And we take most of the above factors into account when scoring bio-bricks. As for optimizing the weight of these factors, we firstly analyze the distribution of value of the factors to choose the factors that can distinguish the parts most effectively. Then we select 40 parts and 40 devices as the training sets. Finally we get the weight by combining results of several methods.

Results 1.scores for different values of factors To build a scoring system, we start at giving scores to the values of these factors. With the help of wet lab researchers, we rank the values of discrete type according to their effect on researches, and choose a relatively good method to transform successive values into values between 0 and 1. For discrete values, we have a scoring table as below.

For those successive values, such as used times, average rating, number of comments, we develop two scoring methods. The “average rating” factor has only 5 values, so we just simply score it as a arithmetic progression. As for the other two factors, the distribution of values seems very unbalanced. And since we can be convinced that a brick is good when it’s used several tens times and the feedbacks are good, there’s no need to force a brick to get used for a thousand times before it’s recommended to other users, though some of the parts are actually used hundreds or even thousands of times. So we calculate the score by the expression below. Score=log(n+1)/log(nmax+1) The n in the expression refers to the values. By using this expression, we reduce the effect of extreme values and make the scores more convincing. And the optimized weight of the factors are shown in the table below.

The above scoring system are used to evaluate all the bricks in our databases. It become effective in all the functions except upload. However, we still have another scoring system for devices. 2.devices scoring method with relationship between parts This method is mainly used in the evaluation function. For a device which is just designed by users, the score we get through the first method actually mean nothing, as there’re no information for the device on the registry. So we need to develop a new evaluation system based on its composing parts and relationships between the parts. When evaluating the relationships between parts, we take several factors into consideration, such as the frequency and the average score when the parts are used together and so on. Firstly the weight of the two aspects is confirmed. The default ratio is 65% for the parts and 35% for the relationships. In the first aspect, the weight of different types is dynamic. It’s influenced by the number and type of the parts. However it still shows the different significance of the parts. But in the second aspect, all relationships share the same weight. Then the scoring begins. Given that wet lab researchers care more about the outcome of a device, we search for functional coding parts in the device, and optimize it in the first place. After the user locks the functional parts, we start to optimize other parts. The order is decided according to their type and location in the device. Since there’re two scoring system for devices, the weight in the second one is adjusted to make the scores made by different method close so that scores for new devices can have the comparability with those already in the database. 3.Adding parts one by one This method is mainly used in recommendation function. It’s similar to the second one, but it only cares about the new adding part and relationships when doing the recommendations. The weight’s also adjusted to fit the other two method.

铭姐没有给


铭姐没有给

暂时没有

暂时没有

1.We firstly include relationships between parts to the evaluation of devices. 2.Our software can help in the whole process that a user designs a new device: the optimization of one part and another, and the visualization of the device. 3.Our software enable users to design their personalised weight for part evaluation. 4.Our software help users upload their parts more easily and can expand its own database. 5.Our software is web-based, which is more convenient for users to use.