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

(Prototype team page)
 
Line 1: Line 1:
{{SKLBC-DGSYZX}}
+
<!DOCTYPE HTML>
 
<html>
 
<html>
 +
<head>
 +
<title>Software</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="keywords" content="Technical Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
 +
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 +
    <a href="index.html"></a></p><center></center>
 +
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 +
<link href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/bootstrap.css" rel='stylesheet' type='text/css' />
 +
<link rel="stylesheet" type="text/css" href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/wiki.css">
 +
<link href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/teamwiki.css" rel='stylesheet' type='text/css' />
 +
<link href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/ionicons.css" rel='stylesheet' type='text/css' />
 +
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
<!-- Custom Theme files -->
 +
<link href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/style.css" rel='stylesheet' type='text/css' />
 +
<!-- Custom Theme files -->
 +
<!--webfont-->
 +
<link href='http://fonts.useso.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.useso.com/css?family=Exo+2:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
 +
<script type="text/javascript" src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/js/jquery-1.11.1.min.js"></script>
 +
<script type="text/javascript" src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/js/jquery.min.js"></script><meta charset="utf-8">
 +
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
        <link rel="shortcut icon" href="http://snapsvg.io/assets/favicon.ico?v=1">
 +
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
 +
        <script type="text/javascript" async="" src="./Snap.svg - Home_files/ga.js"></script><script src="http://use.edgefonts.net/source-sans-pro:n2,i2,n3,i3,n4,i4,n6,i6,n7,i7,n9,i9:all.js"></script>
 +
        <link rel="stylesheet" href="css/master.css">
 +
        <script src="./Snap.svg - Home_files/snap.svg-min.js"></script>
 +
        <script type="text/javascript">
 +
    var _gaq = _gaq || [];
 +
    _gaq.push(['_setAccount', 'UA-44948757-1']);
 +
    _gaq.push(['_trackPageview']);
  
<h2>Software</h2>
+
    (function() {
 +
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
    })();
 +
   
 +
    function trackOutboundLink(link, category, action) {
 +
        try {
 +
        _gaq.push(['_trackEvent', category , action]);
 +
        } catch(err){}
 +
       
 +
        setTimeout(function() {
 +
        document.location.href = link.href;
 +
        }, 100);
 +
    }
 +
</script>
 +
<script type="text/javascript">
 +
    $(document).ready(function(){
 +
        $("#goToTop").hide()//隐藏go to top按钮
 +
        $(function(){
 +
            $(window).scroll(function(){
 +
                if($(this).scrollTop()>1){//当window的scrolltop距离大于1时,go to top按钮淡出,反之淡入
 +
                    $("#goToTop").fadeIn();
 +
                } else {
 +
                    $("#goToTop").fadeOut();
 +
                }
 +
            });
 +
        });
 +
   
  
 
+
        // 给go to top按钮一个点击事件
<div class="highlightBox">
+
        $("#goToTop a").click(function(){
<h4>Note</h4>
+
            $("html,body").animate({scrollTop:0},800);//点击go to top按钮时,以800的速度回到顶部,这里的800可以根据你的需求修改
<p>In order to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Software Tool award</a>, you must fill out this page.</p>
+
            return false;
 +
        });
 +
    });
 +
    </script>
 +
<!------ Light Box ------>
 +
<link rel="stylesheet" href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/swipebox.css">
 +
<script src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/js/jquery.swipebox.min.js"></script>
 +
    <script type="text/javascript">
 +
    jQuery(function($) {
 +
      $(".swipebox").swipebox();
 +
    });
 +
  </script>
 +
<!------ Eng Light Box ------>   
 +
<!-- Prettify -->
 +
<link href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/css/owl.carousel.css" rel="stylesheet">
 +
<script src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/js/owl.carousel.js"></script>
 +
  <script>
 +
    $(document).ready(function() {
 +
    $("#owl-demo3").owlCarousel({
 +
      items : 4,
 +
      lazyLoad : true,
 +
      autoPlay : true,
 +
      navigation: false,
 +
      pagination: false,
 +
    });
 +
    });
 +
  </script>
 +
<!----- //End-Share-instantly-slider---->
 +
<!----font-Awesome----->
 +
<link rel="stylesheet" href="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/fonts/css/font-awesome.min.css">
 +
<!----font-Awesome----->         
 +
</head>-->
 +
<header id="header">
 +
    <div class="wrap">
 +
        <a href="./Snap.svg - Home_files/Snap.svg - Home.html" class="logo">
 +
            <img src="http://120.25.1.181:8080/www/gdsyzx/sklbc-gdsyzx/images/synn.jpg" alt="">
 +
            <span class="header">Synsketch</span>
 +
        </a>
 +
        <nav>
 +
           
 +
            <a href="https://2015.igem.org/Team:SKLBC-DGSYZX" class=" selected">Home</a>
 +
           
 +
            <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Project" class="">Project</a>
 +
           
 +
            <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Notebook" class="">Notebook</a>
 +
           
 +
            <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Attributions" class="">Attributions</a>
 +
           
 +
            <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Collaborations" class="">Collaborations</a>
 +
           
 +
            <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Pratices" class="">Human Pratices</a>
 +
           
 +
            <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Parts" class="">Parts</a>
 +
           
 +
            <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Software" class="">Software</a>
 +
           
 +
            <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Entrepreneurship" class="">Entrepreneurship</a>
 +
           
 +
            <a href="https://2015.igem.org/Team:SKLBC-DGSYZX/Medals" class="">Medals and Prizes</a>
 +
        </nav>
 +
    </div>
 +
</header>
 +
<br><br>
 +
<div class="header_bottom about">
 +
<div class="container">
 +
<h1>software</a></h1>
 +
</div>
 
</div>
 
</div>
  
  
<p>Regardless of the topic, iGEM projects often create or adapt computational tools to move the project forward. Because they are born out of a direct practical need, these software tools (or new computational methods) can be surprisingly useful for other teams. Without necessarily being big or complex, they can make the crucial difference to a project's success. This award tries to find and honour such "nuggets" of computational work.</p>
 
 
<p>
 
If you are working on software as your main project, please join the software track. If you are creating software as an addition to your main project, please apply for this award.
 
</p>
 
 
<p>
 
Here are a few examples from previous teams:
 
</p>
 
<ul>
 
<li><a href="https://2013.igem.org/Team:TU-Munich/Results/Software">TU Munich 2013</a></li>
 
<li><a href="https://2014.igem.org/Team:Heidelberg/Software">Heidelberg 2014</a></li>
 
<li><a href="https://2014.igem.org/Team:Aachen/Project/Measurement_Device#Software">Aachen 2014</a></li>
 
</ul>
 
  
 +
<div class="about_box3 title" style="background-color:#ccffff" id="background">
 +
  <h3 class="m_1"><span >Abstract</span></h3>
 +
  <div class="container">
 +
      <div class="grid_3">
 +
        <p style="margin-top:30px;"> Genetic circuits play a significant role in IGEM experiment. However, the diversity in styles of circuits not only hinders learners of synthetic biology, but also costs iGEMers lots of time to complete a standardized genetic circuits by using the current graphic design tool. After collaborating with and learning from university wet teams, we get the inspiration to develop a cloud-based tool-- Synsketch-- to design a standardized genetic circuit easily and efficiently,which is easy to learn, modify and share, therefore helping iGEMers to save lots of time creating a standardized genetic circuit. With other additional functions like personal account, multi-language interface and well-classified tags, Synsketch is able to inspire scientific curiosity among the public. We further develop it into a free innovative educational tool for personalized learning in synthetic biology. As a result, with combination of education and business model, we manage to create a genetic circuits design tool and bring iGEM to everyone and everywhere. </p>
 +
      </div>
 +
      <div class="clearfix"> </div>
 +
  </div>
 
</div>
 
</div>
 
+
<div class="about_box3 title" style="background-color:#ff6699" id="background">
 +
  <h3 class="m_1"><span >Background</span></h3>
 +
  <div class="container">
 +
      <div class="grid_3">
 +
        <p style="margin-top:30px;">Nowadays iGEM has become more and more popular,the official website has attracted more and more people.But when people surf the iGEM’s official website,they run into trouble: </p>
 +
        <ul>
 +
        <li class="promble">Many iGEMers may find it difficult to draw a clear and beautiful flow diagram of experiment.</li>
 +
        <li class="promble">People who are interested in synthetic biology experiments are confused about some flow diagrams of experiment because they are too difficult to be understood.</li>
 +
        <li class="promble">Some Chinese readers cannot well understand the all-English articles.</li>
 +
        <li class="promble">It's not convenient enough for users to find out a project through thousands of projects in the website.</li>
 +
        <li class="promble">We cannot find out a biobrick both quickly and accurately.</li>
 +
        <li class="promble">It will be better if we can store up or comment on some interesting projects.</li>
 +
        <li class="promble">Many synthetic biology lovers cannot get a clear connection among the various of biobricks.</li>
 +
        <li class="promble">Experiment teams have troubles in analyze their experimental data.</li>
 +
        <p class="promble">......</p></ul>
 +
        <p>We summarize their problems,these problems can be classified as three aspects:for iGEMers,for biology lovers and for the public.In order to help people solve their problems as well as popularize iGEM,our team decided to begin our project----MY iGEM.</p>
 +
      </div>
 +
      <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
<div class="about_box3 title text-center" style="background-color:#66cccc">
 +
  <h3 class="m_1"><span>Synsketch website</span></h3>
 +
  <div class="container">
 +
      <div class="grid_3">
 +
        <a href="http://sfer.gdems.cn/igem/synsketch.php">http://sfer.gdems.cn/igem/synsketch.php</a>
 +
      </div>
 +
      <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
<div class="about_box3 title" style="background-color:#ccffff" id="syn">
 +
  <h3 class="m_1"><span>Synsketch</span></h3>
 +
  <div class="container">
 +
      <div class="grid_3 syn">
 +
      <p style="margin-top:30px;">Many iGEMers meet some difficulties such as drawing flow diagrams of experiment,searching for biobricks,analyze others’ experiments and so on.So we build up a new function for them----Synsketch.Synsketch is an online drawing board that can effectively help iGEMers draw clear and standardized flow diagrams of experiment.IGEMers can use this tool to consummate their projects.</p>
 +
        <img src="images/jietu.png" style="display: block;margin-left: auto;margin-right: auto;margin-top: 40px;max-width: 850px;" class="img-gdsy" alt=""/>
 +
      </div>
 +
      <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
<div class="about_box3 title" id="website" style="background-color:#ff6699">
 +
  <h3 class="m_1"><span>Synsketch’s functions</span></h3>
 +
  <div class="container">
 +
      <div class="grid_3 syn">
 +
      <p style="margin-top:30px;">As a revolutionary tool,Synsketch has many wonderful functions which make iGEMers work more conveniently and effectively.</p>
 +
        <ul>
 +
          <li class="promble">Draw your own picture:Have trouble in drawing flow diagrams of experiment?Synsketch can help you draw clear and standardized flow diagrams of experiment.You just need to pitch on the design elements you want and then drag it to a suitable place,a clear picture is occurring.</li>
 +
          <li class="promble">Save pictures:After finishing drawing a drawing flow diagram of experiment you can save it in two different ways.You can download it to your computer and save it.Or you can sign up and then store it up in your personal account.The pictures that you store up will be permanently preserved in your personal account.</li>
 +
          <li class="promble">Share it quickly:As you finish drawing your picture,a QR code is generated.You can share your QR code to your friends,they can quickly see your picture.</li>
 +
          <li class="promble">Search for source material:You can browse others’ picture,also,you are able to thumb up and store up.If you want to find source material of one specific theme,you can input the keywords and Synsketch will help you search the source material.</li>
 +
          <li class="promble">Biobricks mind mapping:In order to build up a connection among various of biobricks.We sort out the biobricks and then draw them into mind map.If you put your mouse pointer on the biobrick,its connected biobrick will appear.In the form of mind mapping,you can classify biobricks quickly.</li>
 +
          <li class="promble">Connection with pictures:connection to pictures:You can easily find the relevant picture through Synsketch.The only thing you should do is to click a biobrick,and then the relevant pictures pop out.</li>
 +
          <li class="promble">Prefix and suffix:Find it boring to add a prefix or a suffix to a biobrick?Don't worry,Synsketch can help you add prefixes and suffixes.That help people save a lot of time.</li>
 +
          <li class="promble">Design your own picture:If you are good at drawing,you can use Synsketch to design your own source material.You can also upload your source materials to our material library.</li>
 +
        </ul>
 +
      </div>
 +
      <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
<div class="about_box3 title" id="forum" style="background-color:#66cccc">
 +
  <h3 class="m_1"><span>Synsketch’s highlight</span></h3>
 +
  <div class="container">
 +
      <div class="grid_3 syn">
 +
        <ul>
 +
        <li class="promble">Standardization:Make a comprehensive survey on various of flow diagrams of experiment,we find that the pictures are not uniform:some are too complex,some are too simple,some are confused,some are incomplete...So we decide to make Synsketch in order to establish a unified standard.Synsketch is a standardized tool that helps iGEMers draw clear and unified flow diagrams of experiment.If every team uses Synsketch to draw flow diagrams of experiment,we will get a unified visual effect.So that flow diagrams of experiment will not be obscure,people can understand all the experimental principle easily.</li>
 +
        <li class="promble">Adaptation:With Synsketch,you don’t need to start from lines when you want to draw your flow diagrams of experiment.Just pitch on the design elements you want and then drag it to a suitable place,a standardized picture is completed.So the only thing you should do is to combine the basic elements according to the experimental principle.In this way you can reduce the risk of making mistake.Also,if you make a mistake,Synsketch is available for you to revise your picture both quickly and accurately.Synsketch is a really useful tool which is easy to learn and easy to use. </li>
 +
        <li class="promble">Interaction: You are closely connected to your flow diagrams of experiment and biobricks.Your picture is bound to relevant biobricks.Once you click your picture,relevant biobricks that have appeared in your picture pop out.Otherwise,if you search for a biobrick,relevant pictures appear.Through Synsketch,you can build up a mind map quickly.</li></ul>
 +
      </div>
 +
      <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
<div class="about_box3 title" id="forum" style="background-color:#ccffff">
 +
  <h3 class="m_1"><span>Future development</span></h3>
 +
  <div class="container">
 +
      <div class="grid_3 syn">
 +
        <p>Synsketch is a really useful tool,it has a wide developmental foreground.At the present stage,Synsketch is a characteristic feature of our website.But it is available to develop Synsketch into a independent application.We will improve it's existing functions and then gain more useful new functions.</p>
 +
        <ul>
 +
        <li class="promble">off-line:We will try to make our Synsketch independent from our website,so we will develop offline service.So that you don't need to connect to the Internet.You can use Synsketch whenever and wherever.</li>
 +
        <li class="promble">Synsketch community:We will build up the Synsketch Community in order to make it more convenient to share your pictures as well as communicate about your problems.Synsketch is a platform for iGEMers to learn more about drawing pictures.</li></ul>
 +
        <p>And later we can publish the Synsketch to the application store such as App Store,Google Play,Windows Store and so on.</p>
 +
      </div>
 +
      <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
<div class="about_box3 title" id="forum" style="background-color:#ff6699">
 +
  <h3 class="m_1"><span>Other basic function of Synsketch website</span></h3>
 +
  <div class="container">
 +
      <div class="grid_3 syn">
 +
        <h2>create personal account</h2>
 +
        <p>By creating the account, user is able to store up articles or videos that he is interested in and even share them with friends through various social networks. During the information era, it’s a trend to communicate through the Internet. So the personal account of our website will establish a social network among iGEM lovers around the world.</p>
 +
        <h2>select language</h2>
 +
        <p>By using a language library, our website is able to select language so that users are easy to understand some difficult terminologies. Not only has our website now achieved the bilingual to facilitate Chinese users, but also will we work on to make further improvements to include other languages such as Germany, Japanese and so on. </p>
 +
        <h2>view the recommendatory books and videos</h2>
 +
        <p>On the front page of the website, there is a regular recommendation for books and websites. IGEM lovers and synthetic biology learners will find that useful to view the recommendatory materials. </p>
 +
        <h2>use tags and key words to search</h2>
 +
        <p>All the articles and analyses about previous objects are well classified by tags so that users can simply type the key words in the searching box, press the search bottom, and get all the information with the same key words. Tags will save a lot of time for users to look through large amount of information to finally get what they really want.</p>
 +
        <h2>see mind map of biobricks</h2>
 +
        <p>For every article about previous projects, there is a mind map about all the biobricks involved in the projects, which demonstrates the specific function and usage of biobricks. Usually it takes readers lots of time to go through the all passage about the project to understand the function of biobricks and the method about how they link together. However, with the help of mind map, users will have a clear recognition of the whole process and can learn more about the basic information of biobricks.</p>
 +
      </div>
 +
      <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
<div class="about_box3 title" id="forum" style="background-color:#66cccc">
 +
  <h3 class="m_1"><span>Brief introduction of forum</span></h3>
 +
  <div class="container">
 +
      <div class="grid_3 syn">
 +
        <p>The forum, closely connected with the website, is a platform for iGEM lovers to communicate. They can share both their problems during the research process and their new discoveries in the field of synthetic biology. And during the communication, the whole iGEM community is able to establish a close link. Through the process of asking and answering, those who first step in the door of synthetic biology can get lots of help from the professors of the field and have the opportunity to stand on the shoulder of their ancestors.</p>
 +
      </div>
 +
      <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
<div class="title" style="background-color:#ccffff" id="features">
 +
  <h3 class="m_1"><span >Features</span></h3>
 +
  <div class="container">
 +
    <div class="grid_3">
 +
    <div class="col-md-4 characteristics">
 +
      <img src="images/user-friendly.png" class="img-responsive" alt=""/>
 +
      <h2>User-friendly</h2>
 +
      <h3>Synsketch is user-friendly because the powerful language library will help users to overcome the language barrier and provide users with better understanding of those academic papers. And the site map will offer a clear navigation for users and make even those who use the website for the first time to sign up and look for information easily.</h3>
 +
    </div>
 +
    <div class="col-md-4 characteristics">
 +
      <img src="images/useful.png" class="img-responsive" alt=""/>
 +
      <h2>Useful</h2>
 +
      <h3>Both the website and forum are very useful for IGEM lovers and those who major in or teach biology. For academic researchers, the tags help to classify the contents and make it easy to find the exact information; and the mind map about biobricks will offer a necessary tool for researchers when they are working on an IGEM project. For the public, the recommendations for relevant books and videos will definitely open up their eyes to the mysterious and amazing world of biology; and the forum is a useful way for them to get information and help from the academic researchers or professors. So our project is basically useful for both academic researchers and ordinary public.</h3>
 +
    </div>
 +
    <div class="col-md-4 characteristics">
 +
      <img src="images/universal.png" class="img-responsive" alt=""/>
 +
      <h2>Universal</h2>
 +
      <h3>By having a brief view about the previous IGEM projects and communicating through the forum, the IGEM lovers and synthetic biology researchers have a platform to get, give and share—just as the motif of IGEM mentioned. It is a universal chance to establish connection with the whole IGEM community. And such chance is what makes the community become closer and closer and promotes the influence of IGEM among more and more people.</h3>
 +
    </div>
 +
    <div class="clearfix"> </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="footer">
 +
  <div class="container">
 +
        <div class="copy">
 +
            <p>Copyright &copy; 2015 SKLBC-GDSYZX.  All rights reserved.</p>
 +
      </div>
 +
  </div>
 +
</div>
 +
<div id="goToTop"><a href="#">top</a></div>
 +
</body>
 
</html>
 
</html>

Revision as of 06:25, 13 September 2015

<!DOCTYPE HTML> Software

-->

software

Abstract

Genetic circuits play a significant role in IGEM experiment. However, the diversity in styles of circuits not only hinders learners of synthetic biology, but also costs iGEMers lots of time to complete a standardized genetic circuits by using the current graphic design tool. After collaborating with and learning from university wet teams, we get the inspiration to develop a cloud-based tool-- Synsketch-- to design a standardized genetic circuit easily and efficiently,which is easy to learn, modify and share, therefore helping iGEMers to save lots of time creating a standardized genetic circuit. With other additional functions like personal account, multi-language interface and well-classified tags, Synsketch is able to inspire scientific curiosity among the public. We further develop it into a free innovative educational tool for personalized learning in synthetic biology. As a result, with combination of education and business model, we manage to create a genetic circuits design tool and bring iGEM to everyone and everywhere.

Background

Nowadays iGEM has become more and more popular,the official website has attracted more and more people.But when people surf the iGEM’s official website,they run into trouble:

  • Many iGEMers may find it difficult to draw a clear and beautiful flow diagram of experiment.
  • People who are interested in synthetic biology experiments are confused about some flow diagrams of experiment because they are too difficult to be understood.
  • Some Chinese readers cannot well understand the all-English articles.
  • It's not convenient enough for users to find out a project through thousands of projects in the website.
  • We cannot find out a biobrick both quickly and accurately.
  • It will be better if we can store up or comment on some interesting projects.
  • Many synthetic biology lovers cannot get a clear connection among the various of biobricks.
  • Experiment teams have troubles in analyze their experimental data.
  • ......

We summarize their problems,these problems can be classified as three aspects:for iGEMers,for biology lovers and for the public.In order to help people solve their problems as well as popularize iGEM,our team decided to begin our project----MY iGEM.

Synsketch

Many iGEMers meet some difficulties such as drawing flow diagrams of experiment,searching for biobricks,analyze others’ experiments and so on.So we build up a new function for them----Synsketch.Synsketch is an online drawing board that can effectively help iGEMers draw clear and standardized flow diagrams of experiment.IGEMers can use this tool to consummate their projects.

Synsketch’s functions

As a revolutionary tool,Synsketch has many wonderful functions which make iGEMers work more conveniently and effectively.

  • Draw your own picture:Have trouble in drawing flow diagrams of experiment?Synsketch can help you draw clear and standardized flow diagrams of experiment.You just need to pitch on the design elements you want and then drag it to a suitable place,a clear picture is occurring.
  • Save pictures:After finishing drawing a drawing flow diagram of experiment you can save it in two different ways.You can download it to your computer and save it.Or you can sign up and then store it up in your personal account.The pictures that you store up will be permanently preserved in your personal account.
  • Share it quickly:As you finish drawing your picture,a QR code is generated.You can share your QR code to your friends,they can quickly see your picture.
  • Search for source material:You can browse others’ picture,also,you are able to thumb up and store up.If you want to find source material of one specific theme,you can input the keywords and Synsketch will help you search the source material.
  • Biobricks mind mapping:In order to build up a connection among various of biobricks.We sort out the biobricks and then draw them into mind map.If you put your mouse pointer on the biobrick,its connected biobrick will appear.In the form of mind mapping,you can classify biobricks quickly.
  • Connection with pictures:connection to pictures:You can easily find the relevant picture through Synsketch.The only thing you should do is to click a biobrick,and then the relevant pictures pop out.
  • Prefix and suffix:Find it boring to add a prefix or a suffix to a biobrick?Don't worry,Synsketch can help you add prefixes and suffixes.That help people save a lot of time.
  • Design your own picture:If you are good at drawing,you can use Synsketch to design your own source material.You can also upload your source materials to our material library.

Synsketch’s highlight

  • Standardization:Make a comprehensive survey on various of flow diagrams of experiment,we find that the pictures are not uniform:some are too complex,some are too simple,some are confused,some are incomplete...So we decide to make Synsketch in order to establish a unified standard.Synsketch is a standardized tool that helps iGEMers draw clear and unified flow diagrams of experiment.If every team uses Synsketch to draw flow diagrams of experiment,we will get a unified visual effect.So that flow diagrams of experiment will not be obscure,people can understand all the experimental principle easily.
  • Adaptation:With Synsketch,you don’t need to start from lines when you want to draw your flow diagrams of experiment.Just pitch on the design elements you want and then drag it to a suitable place,a standardized picture is completed.So the only thing you should do is to combine the basic elements according to the experimental principle.In this way you can reduce the risk of making mistake.Also,if you make a mistake,Synsketch is available for you to revise your picture both quickly and accurately.Synsketch is a really useful tool which is easy to learn and easy to use.
  • Interaction: You are closely connected to your flow diagrams of experiment and biobricks.Your picture is bound to relevant biobricks.Once you click your picture,relevant biobricks that have appeared in your picture pop out.Otherwise,if you search for a biobrick,relevant pictures appear.Through Synsketch,you can build up a mind map quickly.

Future development

Synsketch is a really useful tool,it has a wide developmental foreground.At the present stage,Synsketch is a characteristic feature of our website.But it is available to develop Synsketch into a independent application.We will improve it's existing functions and then gain more useful new functions.

  • off-line:We will try to make our Synsketch independent from our website,so we will develop offline service.So that you don't need to connect to the Internet.You can use Synsketch whenever and wherever.
  • Synsketch community:We will build up the Synsketch Community in order to make it more convenient to share your pictures as well as communicate about your problems.Synsketch is a platform for iGEMers to learn more about drawing pictures.

And later we can publish the Synsketch to the application store such as App Store,Google Play,Windows Store and so on.

Other basic function of Synsketch website

create personal account

By creating the account, user is able to store up articles or videos that he is interested in and even share them with friends through various social networks. During the information era, it’s a trend to communicate through the Internet. So the personal account of our website will establish a social network among iGEM lovers around the world.

select language

By using a language library, our website is able to select language so that users are easy to understand some difficult terminologies. Not only has our website now achieved the bilingual to facilitate Chinese users, but also will we work on to make further improvements to include other languages such as Germany, Japanese and so on.

view the recommendatory books and videos

On the front page of the website, there is a regular recommendation for books and websites. IGEM lovers and synthetic biology learners will find that useful to view the recommendatory materials.

use tags and key words to search

All the articles and analyses about previous objects are well classified by tags so that users can simply type the key words in the searching box, press the search bottom, and get all the information with the same key words. Tags will save a lot of time for users to look through large amount of information to finally get what they really want.

see mind map of biobricks

For every article about previous projects, there is a mind map about all the biobricks involved in the projects, which demonstrates the specific function and usage of biobricks. Usually it takes readers lots of time to go through the all passage about the project to understand the function of biobricks and the method about how they link together. However, with the help of mind map, users will have a clear recognition of the whole process and can learn more about the basic information of biobricks.

Brief introduction of forum

The forum, closely connected with the website, is a platform for iGEM lovers to communicate. They can share both their problems during the research process and their new discoveries in the field of synthetic biology. And during the communication, the whole iGEM community is able to establish a close link. Through the process of asking and answering, those who first step in the door of synthetic biology can get lots of help from the professors of the field and have the opportunity to stand on the shoulder of their ancestors.

Features

User-friendly

Synsketch is user-friendly because the powerful language library will help users to overcome the language barrier and provide users with better understanding of those academic papers. And the site map will offer a clear navigation for users and make even those who use the website for the first time to sign up and look for information easily.

Useful

Both the website and forum are very useful for IGEM lovers and those who major in or teach biology. For academic researchers, the tags help to classify the contents and make it easy to find the exact information; and the mind map about biobricks will offer a necessary tool for researchers when they are working on an IGEM project. For the public, the recommendations for relevant books and videos will definitely open up their eyes to the mysterious and amazing world of biology; and the forum is a useful way for them to get information and help from the academic researchers or professors. So our project is basically useful for both academic researchers and ordinary public.

Universal

By having a brief view about the previous IGEM projects and communicating through the forum, the IGEM lovers and synthetic biology researchers have a platform to get, give and share—just as the motif of IGEM mentioned. It is a universal chance to establish connection with the whole IGEM community. And such chance is what makes the community become closer and closer and promotes the influence of IGEM among more and more people.