Difference between revisions of "Team:SKLBC-China/Software"

Line 1: Line 1:
<!DOCTYPE html>
 
 
<html>
 
<html>
 
<head>
 
<head>
Line 5: Line 4:
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Planeto Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
+
<meta name="keywords" content="" />
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
+
 
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
+
<link href="http://9.igemchina.sinaapp.com/sklbc_china/css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
+
<link href="http://9.igemchina.sinaapp.com/sklbc_china/css/style.css" rel='stylesheet' type='text/css' />
<link href="css/swipebox.css" rel='stylesheet' type='text/css' />
+
<link href="http://9.igemchina.sinaapp.com/sklbc_china/css/swipebox.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.0.min.js"></script>
+
<script src="http://9.igemchina.sinaapp.com/sklbc_china/js/jquery-1.11.0.min.js"></script>
 
<link href='http://fonts.useso.com/css?family=Dosis:200,300,400,500,600,700,800' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.useso.com/css?family=Dosis:200,300,400,500,600,700,800' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.useso.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.useso.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>
 
<!---- start-smoth-scrolling---->
 
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
+
<script type="text/javascript" src="http://9.igemchina.sinaapp.com/sklbc_china/js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
+
<script type="text/javascript" src="http://9.igemchina.sinaapp.com/sklbc_china/js/easing.js"></script>
 
<script type="text/javascript">
 
<script type="text/javascript">
 
jQuery(document).ready(function($) {
 
jQuery(document).ready(function($) {
Line 33: Line 31:
 
<div class="header">
 
<div class="header">
 
<div class="logo">
 
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""></a>
+
<a href="home.html"><img src="http://9.igemchina.sinaapp.com/sklbc_china/images/logo.png" alt=""></a>
 
</div>
 
</div>
 
<div class="navigation">
 
<div class="navigation">

Revision as of 11:48, 16 September 2015

Services

Bio-brick searching engine

Brief Introduction:

Bio-brick plays a crucial role in the field of synthetic biology; hence the core of WEiGEM is bio-brick. We further developed WEiGEM2.0 based on the popular WEiGEM1.0. Through WeChat, we establish a strong connection among iGEMers, mobile phone, and personal computer. Suffered by the low-efficiency bio-brick searching engines, we came up with the idea of developing a newer, more unique and more efficient searching engine based on the large bio-brick database from iGEM website. We picked several important attributions such as functions, types, status, etc. and assembled them in one search page, allowing users to fill up whatever search box with pieces of information that they consider necessary. Therefore, we can not only search bio-bricks by their names,but also search them according to certain descriptions. Furthermore, users can choose the binding type of prefix and receive bio-brick information with genetic sequences including prefixes and suffixes. Through redesigned algorithm which fits our engine most, our search engine can respond more quickly and be used more conveniently than those previous searching tools. After attaining the bio-bricks they need, if users consider some bio-bricks important, they can mark them down and review them later for other purposes.

Features:

1)Multiple search choice and cross-match In addition to the common free search mode, we considered the demand of users, and developed various humanized functions. For instance, the function column in the searching page serves to find bio-bricks by keywords in their function and helps an iGEMer match the functions he needs with the bio-bricks that are yet unknown to him but can possibly actualize his goals. This will definitely motivate the researchers’ inspirations when their minds sparkle and need to find bio-bricks immediately, conveniently and accurately.

2)Auto addition of prefix and suffix
Considering the feedback from wet teams that they find it troublesome to use the original genetic sequences without prefix and suffix during analog piecing experiments with great need of bio-bricks’ sequences, our search engine has the ability to add prefix and suffix according to users’ demands and display them with different color from the usual sequences. With a choice box including various binding types, users can simply choose the type they need and let the program judges the gene order of corresponding bio-bricks. Finally, users can view the genetic sequences with colored prefixes and suffixes and copy these sequences in one click. This seemingly tiny feature actually helps cut down useless efforts in experiments.

3)Mark down the bio-bricks you need
“Favorite” is a common feature that we can usually find in the social platforms. They’re implanted into the WEiGEM 2.0 now, making it more convenient for users to look up the former searching data and avoid searching repeatedly. One can mark down the bio-bricks he/she find them likely to be useful in the future and review them later for experiment design.

4)Bio-bricks information sharing by QR code
QR code is another wonderful and significant tool to the optimization of our search engine. First off, each bio-brick has its unique QR code, and one can share the detailed information to others in a scan. Imagine a situation like this: team members are working together and need to search for bio-bricks. Once one member receives the result, others will be able to scan the QR code and view the details about the bio-bricks. Besides, the QR code also works as a syncing tool. Since we had cooperation with team SKLBC-GDSYZX, we allow the Forum users to scan the QR code pop up automatically in the “Favorite” section of SKLBC-GDSYZX’s website and sync their marked bio-bricks data to the website.

Article pushing, learning and sharing

For new learners in synthetic biology and other biology lovers, we expand the influence of WEiGEM 1.0 by various offline promotions and the improvement of articles’ quality. Each article is evaluated carefully to meet the interests of our users while it provides expertise or up-dated discoveries in the field of synthetic biology. At the end of each article, there are quizzes related to the article above available for users to add more fun in their path of learning synthetic biology. After reading the articles, users and share them to their friends or make personal comments on a specific topic so that more people can join the discussion and therefore extend the social impact of synthetic biology.