Difference between revisions of "Team:SYSU-Software/Project"

m (Sysu software moved page Team:SYSU-Software to Team:SYSU-Software/Project: project is exactly the home)
Line 1: Line 1:
{{SYSU-Software}}
 
<html>
 
  
 +
<html lang="en">
  
<div class="column full_size" >
+
<head>
<img src="http://placehold.it/2000x300/d3d3d3/f2f2f2">
+
  <title>Project</title>
</div>
+
  <meta charset="UTF-8">
 +
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
  <link rel="stylesheet" href="/wiki/index.php?title=Template:SYSU-Software/lib/semantic.min.css&amp;action=raw&amp;ctype=text/css">
 +
  <link href="/wiki/index.php?title=Template:SYSU-Software/css/common.css&amp;action=raw&amp;ctype=text/css" rel="stylesheet" rel="stylesheet">
 +
  <link href="/wiki/index.php?title=Template:SYSU-Software/css/project.css&amp;action=raw&amp;ctype=text/css" rel="stylesheet" rel="stylesheet">
 +
</head>
  
 +
<body>
 +
  <div id="truePage" class="realPage">
 +
    <div id="firstnav" class="ui fixed collapsed borderless ten menu">
 +
      <a id="sdin-link" href="#">
 +
        <img id="sdin-icon" src="https://static.igem.org/mediawiki/2017/1/17/T--SYSU-Software--project_sdin-small.png" alt="logo">
 +
      </a>
  
 +
      <div class="ui simple dropdown item page-nav" id="active-page">
 +
        <a href="https://2017.igem.org/Team:SYSU-Software/Project" class="page-link">Project</a>
 +
        <div class="menu page-category">
 +
          <a href="https://2017.igem.org/Team:SYSU-Software/Project#description" class="item">Description</a>
 +
          <a href="https://2017.igem.org/Team:SYSU-Software/Project#applied-design" class="item">Applied Design</a>
 +
          <a href="https://2017.igem.org/Team:SYSU-Software/Project#feature" class="item">Features</a>
 +
          <a href="https://2017.igem.org/Team:SYSU-Software/Project#wet-lab" class="item">Wet-Lab Validation</a>
 +
          <a href="https://2017.igem.org/Team:SYSU-Software/Project#demonstrate" class="item">Demonstrate</a>
 +
        </div>
 +
      </div>
 +
      <div class="ui simple dropdown item page-nav">
 +
        <a href="./modeling.html" class="page-link">Modeling</a>
 +
        <div class="menu page-category">
 +
          <a href="./modeling.html#overview" class="item">Overview</a>
 +
          <a href="./modeling.html#recommendation-system" class="item">Recommendation System</a>
 +
          <a href="./modeling.html#simulation" class="item">Simulation for General Genetic Circuits</a>
 +
        </div>
 +
      </div>
 +
      <div class="ui simple dropdown item page-nav">
 +
        <a href="./medal.html" class="page-link">Medals</a>
 +
        <div class="menu page-category">
 +
          <a href="./medal.html#overview" class="item">Overview</a>
 +
          <a href="./medal.html#bronze" class="item">Bronze</a>
 +
          <a href="./medal.html#silver" class="item">Silver</a>
 +
          <a href="./medal.html#gold" class="item">Gold</a>
 +
        </div>
 +
      </div>
 +
      <div class="ui simple dropdown item page-nav">
 +
        <a href="./human_practice.html" class="page-link">Human Practice</a>
 +
        <div class="menu page-category">
 +
          <a href="./human_practice.html#overview_id" class="item">Overview</a>
 +
          <a href="./human_practice.html#silver" class="item">Silver</a>
 +
          <a href="./human_practice.html#gold" class="item">Gold</a>
 +
          <a href="./human_practice.html#integrated-human-practice" class="item">Integrated Human Practice</a>
 +
          <a href="./human_practice.html#public-engagement" class="item">Public Engagement</a>
 +
        </div>
 +
      </div>
 +
      <div class="ui simple dropdown item page-nav">
 +
        <a href="./collaboration.html" class="page-link">Collaboration</a>
 +
        <div class="menu page-category">
 +
          <a href="./collaboration.html#overview" class="item">Overview</a>
 +
          <a href="./collaboration.html#nju-china" class="item">NJU-China</a>
 +
          <a href="./collaboration.html#hkust" class="item">HUKST</a>
 +
          <a href="./collaboration.html#sysu-china" class="item">SYSU-CHINA</a>
 +
          <a href="./collaboration.html#scau-china" class="item">SCAU-CHINA</a>
 +
          <a href="./collaboration.html#scut-china-a" class="item">SCUT-CHINA-A</a>
 +
        </div>
 +
      </div>
 +
      <div class="ui simple dropdown item page-nav">
 +
        <a href="./interlab.html" class="page-link">Interlab</a>
 +
        <div class="menu page-category">
 +
          <a href="./interlab.html#overview" class="item">Overview</a>
 +
          <a href="./interlab.html#experiment-design" class="item">Experiment Design</a>
 +
          <a href="./interlab.html#material-and-methods" class="item">Material and Methods</a>
 +
          <a href="./interlab.html#results" class="item">Results</a>
 +
        </div>
 +
      </div>
 +
      <div class="ui simple dropdown item page-nav">
 +
        <a href="./safety.html" class="page-link">Safety</a>
 +
        <div class="menu page-category">
 +
          <a href="./safety.html#dry-lab" class="item">Biosafety in Dry Lab</a>
 +
          <a href="./safety.html#wet-lab" class="item">Biosafety in Wet Lab</a>
 +
        </div>
 +
      </div>
 +
      <div class="ui simple dropdown item page-nav">
 +
        <a href="./attributions.html" class="page-link">Attributions</a>
 +
        <div class="menu page-category">
 +
          <a href="./attributions.html#overview" class="item">Overview</a>
 +
          <a href="./attributions.html#group-structure" class="item">Group Structure</a>
 +
          <a href="./attributions.html#attribution-in-project" class="item">Attribution in Project</a>
 +
          <a href="./attributions.html#journey-planning" class="item">Journey Planning and Financing</a>
 +
          <a href="./attributions.html#acknowledgements" class="item">Acknowledgements</a>
 +
        </div>
 +
      </div>
 +
      <div class="ui simple dropdown item page-nav">
 +
        <a href="./team.html" class="page-link">Team</a>
 +
        <div class="menu page-category">
 +
          <a href="./team.html#biology-group" class="item">Biology Group</a>
 +
          <a href="./team.html#programmers" class="item">Programmers</a>
 +
          <a href="./team.html#modeling-group" class="item">Modeling Group</a>
 +
          <a href="./team.html#designers" class="item">Designers</a>
 +
          <a href="./team.html#advisors" class="item">Advisors</a>
 +
          <a href="./team.html#instructors" class="item">Instructors</a>
 +
          <a href="./team.html#calendar" class="item">Calendar</a>
 +
        </div>
 +
      </div>
 +
      <div class="ui simple dropdown item page-nav">
 +
        <a href="./statements.html" class="page-link">Statements</a>
 +
        <div class="menu page-category">
 +
          <a href="./statements.html#term-of-use" class="item">Term of Use</a>
 +
          <a href="./statements.html#bio-safety-alerts" class="item">Bio Safety Alerts</a>
 +
          <a href="./statements.html#privacy-policy" class="item">Privacy Policy</a>
 +
          <a href="./statements.html#cookie-policy" class="item">Cookie Policy</a>
 +
        </div>
 +
      </div>
 +
    </div>
  
<div class="column full_size" >
+
    <div id="first-page">
<h1> Welcome to iGEM 2017! </h1>
+
      <div id="ship-background"></div>
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
      <h1 id="top-title" class="project"><img src="https://static.igem.org/mediawiki/2017/a/a7/T--SYSU-Software--project_logo.png"></h1>
</div>  
+
      <h2 id="slogan">Synbio is just a S-Din away!</h2>
 +
      <h3 id="sysu-software-2017" class="project">SYSU-Software 2017</h3>
 +
      <!-- CONTENT OF FIRST PAGE -->
 +
      <img class="centered" id="laptop" src="https://static.igem.org/mediawiki/2017/5/58/T--SYSU-Software--project_laotop.png" alt="">
 +
    </div>
  
<div class="clear"></div>
+
    <section class="full" id="description">
 +
      <img src="https://static.igem.org/mediawiki/2017/5/51/T--SYSU-Software--project_combo_chart.png" alt="" class="icon">
 +
      <h2>Description</h2>
 +
      <div class="subsection description">
 +
        <div class="page-content">
 +
          <h4>WHAT IS S-Din?</h4>
 +
          <p>
 +
            S-Din integrated Search Engine and Design Platform developed specifically for Synthetic Biology. With the power of our Algorithm, we provide a one-stop solution to start Your project’
 +
          </p>
 +
          <p class="center" id="stylize-p">
 +
            To be better,
 +
            </br>We don’t have to create more.
 +
            </br>We choose S-Din
 +
            </br>Make better project with S-Din.
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="subsection description">
 +
        <div class="page-content">
 +
          <h4>WHY S-Din?</h4>
 +
          <h5>Background</h5>
 +
          <div class="paragraph">
 +
            <p>
 +
              The science research is now facing an increasingly severe problem that most researches were ignored and not evaluated properly. Numbers of research articles are published every year. How to utilize the previous work to help solve maybe part of the current problem should be considered by everyone.
 +
            </p>
 +
            <img src="https://static.igem.org/mediawiki/2017/0/00/T--SYSU-Software--project_year.png" id="year-img" alt="">
 +
            <p>
 +
              This year, SYSU-Software try to change this situation in Synthetic Biology, exploring the treasures buried in the ocean of projects.
 +
            </p>
 +
            <p>
 +
              To make full use of the works done by predecessors in Synthetic Biology. We divided it into two problems.
 +
            </p>
 +
            <ol>
 +
              <li>How to find the project you need much faster and more accurate?</li>
 +
              <li>How to integrate the project you find into your own work?</li>
 +
            </ol>
 +
            <img class="ui image centered medium" src="T--SYSU-Software--thought.png" alt="">
 +
            <p>Follow the standardization in Synthetic Biology, we standardize the previous projects, no matter came from articles or iGEM projects, into a New data format to display you a better result when using our search engine.</p>
 +
            <p><span class="bold">Network analysis:</span> designed to uncover the potential connection between projects, help user located exactly what they need.</p>
 +
            <p><span class="bold">Customization:</span>The most exciting part of S-Din is that the search and the design are seamless. Once you find a project that might be useful, you can start editing in design platform as soon as you find it. Or you can just simply create one from scratch.</p>
 +
            <p><span class="bold">Extensible:</span> To ensure the database can be updated, new information can be added by man or ‘Spider’.</p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="subsection description">
 +
        <h4>Inspiration</h4>
 +
        <div class="page-content">
 +
          <div class="paragraph">
 +
            <p>
 +
              People complain, solving obstacles in project is easy, but deciding what to do is tolerance. Catching your muse is like grab fading smoke.
 +
              <br>
 +
              <br> We made S-Din further not only satisfying the need of starting a project but choosing a project.
 +
              <br>
 +
              <br> Therefore, the tree of words and interaction analysis are developed to inspire users. Part of the reason we made search and design seamlessly is to enable you to start design once you catch your muse.
 +
              <br>
 +
              <br> S-Din is mimetic, sounds exactly when you come up with a good idea. And here comes S-Din, to inspire you, to do more in Synthetic Biology.
 +
            </p>
 +
            <p>
 +
              <span class="bold">DONT BE LIMITED, unleash your imagination. </span>
 +
              <br> Want to solve Energy Crisis with Carbon dioxide? Search for circuits that can take in Carbon Dioxide and try to combine a energy generated circuit together to create your own circuits.
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="subsection description">
 +
        <div class="page-content">
 +
          <h4>Why not Google?</h4>
 +
          <p>Undoubtedly, Google is the most powerful search engine in the world. Let’s see what happen when Google meets S-Din.</p>
 +
          <img id="google-meet-sdin-img" class="centered" src="https://static.igem.org/mediawiki/2017/3/33/T--SYSU-Software--project_GooglevsSDin.png">
 +
        </div>
 +
      </div>
 +
      <div class="subsection description vedio-container">
 +
        <video src="" controls="controls">no video provided yet.</video>
 +
      </div>
 +
    </section>
 +
    <section class="full" id="applied-design">
 +
      <img src="https://static.igem.org/mediawiki/2017/7/7f/T--SYSU-Software--project_envelop.png" alt="" class="icon">
 +
      <h2>Applied Design</h2>
 +
      <div class="subsection design">
 +
        <h4>Introduce</h4>
 +
        <div class="page-content">
 +
          <div class="paragraph">
 +
            <p>
 +
              <span>Words from designer: </span> Science research are facing a problem of how to utilising the previous researches, some of them are ignored, some of them are underestimated. We‘ve always wanted to make some difference in Synthetic Biology. With the help of our search engine, our users are able to view previous projects and works at a different angle and will be inspired by it. The gap between searching and designing are now seamless. Once you catch the muse, your design can be finished instantly.
 +
            </p>
 +
            <p>
 +
              This is a search engine built specifically for Synthetic Biology that allow you to view previous projects and works in a standardized style. While your search, we provide network analysis services to help find your results faster and inspire you. Once you find your preferred project, you are allowed to edit it simultaneously in our design platform. More parts can be added by the search tools provided on the left or you can just drag in a circuits that you collected in your favourite before.
 +
            </p>
 +
            <p>
 +
              The design can be uploaded, downloaded or shared for collaborations between different accounts. Once you finish the design, you can run simulation program to check if it works well and then export it as plasmid and we will generate the sequences for synthesis.
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="subsection design">
 +
        <h4>Database</h4>
 +
        <div class="page-content">
 +
          <div class="paragraph">
 +
            <p>
 +
              We collect data from many channels, most of the project data and all of the Parts data come from the iGEM Projects published on article are collected on various synthetic biology Journals, usage permissions are granted by the publication groups.
 +
            </p>
 +
            <p>
 +
              Most of the data are collected by ‘Spider’ and corrected manually. All data of circuits are converted with manually with the help of our design platform.
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="subsection design">
 +
        <h4>Algorithm</h4>
 +
        <div class="page-content">
 +
          <div class="paragraph">
 +
            <p>
 +
              The users of our software are all innovative researchers on Synthetic Biology, who are interested in many different biological fields. The purpose of our system is to recommend most related genetic parts to the users based on the research interest the users offer to our system.
 +
            </p>
 +
            <p>
 +
              The information that we use to make recommendation is a database built by NLP and Random Walk which contains scores between each key word and each genetic part. Formally, it is a matrix , where is the number of key words and is the number of parts . The element at row, column is the score between the key word and genetic part , which reflects the connection between them(higher score means higher connection).
 +
            </p>
 +
            <p>
 +
              The overall strategy of our system is Collaborative Filtering , i.e. we first search the similar key words in our database of the unknown word offered by users and then recommend the genetic parts which are highly related to key words that we found to the users.
 +
            </p>
 +
            <p>
 +
              A natural question is how to find the most similar key words in our dataset of a given unknown word in an accurate and efficient way? Here is our general solution : To quantify the semantic similarities between words accurately ,we use technique in Deep Learning to convert words into numerical vectors and the cosine similarities between each vectors can represents the semantic similarities between words. To search the similar key words efficiently, we use the KD Tree Algorithm, a fast algorithm based on binary tree, to implement the K Nearest Neighbors strategy.
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="subsection design">
 +
        <h4>Network Analysis</h4>
 +
        <div class="page-content">
 +
          <h5>Search analysis</h5>
 +
          <div class="paragraph">
 +
            <p>
 +
              In scientific journal, keywords are often required in published articles. Keywords can be used for indexing or searching, and offer faster way for readers to know a project main work and find their interests.
 +
            </p>
 +
            <p>As matter of fact, in 2015, iGEM try to collect some keywords (https://2015.igem.org/Keywords) by asking teams to submit.
 +
            </p>
 +
            <p>
 +
              This year, a new data format is created and keywords enable our network analysis. We first used <span>Microsoft Text Analytics Service (<a href="https://azure.microsoft.com/en-us/services/cognitive-services/text-analytics/">https://azure.microsoft.com/en-us/services/cognitive-services/text-analytics/</a>)</span> to extract keywords from project wiki text in every. We only focus on the most frequent used keywords. By using machine learning, those keywords were converted to word vectors base on a semantic database. A network profiling relationship among keywords, projects and parts data is built and stored in the S-Din database. When searching something, related information will be provided to users base on the network analysis, which would spark a brand new idea expectedly.
 +
            </p>
 +
          </div>
 +
          <h5>Interaction analysis</h5>
 +
          <p>
 +
            When you click interaction analysis on a part on the design platform, any other parts or protein that might interact with the chosen part will be displayed which can be added on the platform. We build an interaction database ourselves, the sources of data come from iGEM Registry and STRING Database. Scores for parts come from the STRING Database.
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="subsection design">
 +
        <h4>Simulation</h4>
 +
        <div class="page-content">
 +
          <p>
 +
            The users of S-Din are all active and innovative researchers in Synthetic Biology , who come up with many interesting and new ideas in a wide range of fields. Our software help them achieve their creative goals by allowing them to combine various genetic parts together to form brand-new genetic circuits that may never exist before. To help the researchers have a deeper understanding of how the genetic system that they created works , we construct an ODE system to simulate the dynamic behaviors of the genetic system mathematically. The main challenge of simulation is the uncertainty of genetic circuits since the users can construct them arbitrarily. Therefore we build a rather general model capable of simulating various genetic circuits.
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="subsection design">
 +
        <h4>Plasmid Design</h4>
 +
        <div class="page-content">
 +
          <p>
 +
            After your Design, you can choose to convert your circuits in to Plasmids (Customizable). We will generate the sequence for you to synthesis your own circuits.
 +
          </p>
 +
        </div>
 +
      </div>
 +
    </section>
 +
    <section class="full" id="feature">
 +
      <img src="https://static.igem.org/mediawiki/2017/6/64/T--SYSU-Software--project_automatic.png" class="icon">
 +
      <h2>Features</h2>
 +
      <div class="subsection feature">
 +
        <div class="page-content">
 +
          <h4>Features</h4>
 +
          <div id="feature-section">
 +
            <div class="feature-div">
 +
              <img src="https://static.igem.org/mediawiki/2017/f/f6/T--SYSU-Software--project_feature1.png" alt="">
 +
              <h5>Seamless Search &amp; Design</h5>
 +
              <p>
 +
                The moment you’re inspired by one of the projects, you can edit it instantly. Combining different function parts together to fulfil your need. Or you can do a de novo design.
 +
              </p>
 +
            </div>
 +
            <div class="feature-div">
 +
              <img src="https://static.igem.org/mediawiki/2017/7/76/T--SYSU-Software--project_feature2.png" alt="">
 +
              <h5>Network analysis</h5>
 +
              <p>
 +
                We developed a series of algorithms to generate network composites of project, parts and keywords for analysis aiming to help user explore the treasure buried in the ocean of articles.
 +
              </p>
 +
            </div>
 +
            <div class="feature-div">
 +
              <img src="https://static.igem.org/mediawiki/2017/7/73/T--SYSU-Software--project_feature3.png" alt="">
 +
              <h5>The Best Design Platform</h5>
 +
              <p>
 +
                The needs in Designing a Circuits were considered seriously to achieve the best user experience. Simple operation logic, beautiful UI.
 +
              </p>
 +
            </div>
 +
            <div class="feature-div">
 +
              <img src="https://static.igem.org/mediawiki/2017/4/4d/T--SYSU-Software--project_feature4.png" alt="">
 +
              <h5>The tree of words</h5>
 +
              <p>
 +
                Simply by clicking the words, you will see the subordinated words. After few repeats, you will finally get the projects that you want. This function is designed to help specify your need, help you understand your idea better.
 +
              </p>
 +
            </div>
 +
            <div class="feature-div">
 +
              <img src="https://static.igem.org/mediawiki/2017/9/99/T--SYSU-Software--project_feature5.png" alt="">
 +
              <h5>Interaction Analysis</h5>
 +
              <p>
 +
                This function is implanted in the design platform which will tell you the potential interaction parts with the chosen one. Use your imagination, think of how to utilize these interactions.
 +
              </p>
 +
            </div>
 +
            <div class="feature-div">
 +
              <img src="https://static.igem.org/mediawiki/2017/f/f5/T--SYSU-Software--project_feature7.png" alt="">
 +
              <h5>Simulation</h5>
 +
              <p>
 +
                Even though it’s difficult to develop a model that fit all the circuits, it worth a shoot. Our modeler developed a general model to allow user to simulate any circuits.
 +
              </p>
 +
            </div>
 +
            <div class="feature-div special">
 +
              <img src="../images/project/T--SYSU-Software--feature8.png" alt="">
 +
              <h5>Techniques</h5>
 +
              <p>
 +
                S-Din is a web application. For back-end, we choose Django with Python 3, which is fast, strong, robust and friendly to developers; MySQL with Django models binding give us fantastic database support; algorithms including Word2Vec, K-D Tree are also coded in Python 3 with the famous SciPy. For front-end, we build the view with customized Semantic UI, and control the logic behind beautiful widgets using jQuery. Some other open-source JavaScript libraries are also used to build the site, such as Chart.js for chart, jsPlumb for links in the design page, etc.. Advanced TypeScript was used to build the interesting game BioLab Rescue, hope you will enjoy it!
 +
              </p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
    <section class="full" id="wet-lab">
 +
      <img src="https://static.igem.org/mediawiki/2017/0/0d/T--SYSU-Software--project_biotech.png" class="icon">
 +
      <h2>Wet-Lab Validation</h2>
 +
      <div class="subsection paragraph wet-lab">
 +
        <div class="page-content">
 +
          <h4>Overview</h4>
 +
          <p>
 +
            In our software design, we want to help biobuilder design genetic circuit seamlessly and simply. After we finish it, we carried out a validation of this workflow. This wet lab validation tested the efficiency and reliability of S-Din, and also the experiment data can be used to validate the simulation part in our software.
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="subsection paragraph wet-lab">
 +
        <div class="page-content">
 +
          <h4>Motivation</h4>
 +
          <p>
 +
            Nowadays, due to the thinning of the ozone layer, the potential risk of skin cancer and cataract is growing. Our journey with S-Din begin with a curiosity of how to detect UV. But we don’t have a clear idea and don’t know where to start. Luckily, S-Din can light up one's path.
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="subsection paragraph wet-lab">
 +
        <div class="page-content">
 +
          <h4>Design our circuit </h4>
 +
          <p>
 +
            <span class="bold">1. Set up your interested research field:</span> After log in, we sat our interest. Because we were curious about UV detection, so we chose DETECTION
 +
          </p>
 +
          <img src="https://static.igem.org/mediawiki/2017/0/0b/T--SYSU-Software--project_detection.png" alt="not provide" class="centered blue-shadowed screen-crop">
 +
          <p>
 +
            <span class="bold">2. Browse on S-Din:</span> When surfing on S-Din, we found that UV detection is a hot/not a hot area....
 +
          </p>
 +
          <img src="https://static.igem.org/mediawiki/2017/5/5a/T--SYSU-Software--project_uv-search.png" alt="not provide" class="centered blue-shadowed screen-crop">
  
<div class="column half_size" >
+
          <p>
<h5>Before you start: </h5>
+
            <span class="bold">3. Search the previous project:</span> Standing on the shoulders of giants, we wondered predecessors will give us some ideas. We searched for ‘UV detection’ . With data analysis and XXX score, we found ETH_Zurich 2012, and marked it.
<p> Please read the following pages:</p>
+
          </p>
<ul>
+
          <img src="https://static.igem.org/mediawiki/2017/d/d1/T--SYSU-Software--project_uv-search2.png" alt="not provide" class="centered blue-shadowed screen-crop">
<li>  <a href="https://2017.igem.org/Competition">Competition Hub</a> </li>
+
<li> <a href="https://2017.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
<li> <a href="https://2017.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
</ul>
+
</div>
+
  
<div class="column half_size" >
+
          <p>
<div class="highlight">
+
            <span class="bold">4. Intelligent recommendation:</span> Based on the interaction database, S-Din recommended us to use a device of Colombia 2014. After browsed its information, we decided to take the advice of S-Din.
<h5> Styling your wiki </h5>
+
          </p>
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
          <img src="https://static.igem.org/mediawiki/2017/c/cc/T--SYSU-Software--project_recommendation.png" alt="not provide" class="centered blue-shadowed screen-crop">
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
+
</div>
+
</div>
+
  
<div class="column full_size" >
+
          <p>
<h5> Wiki template information </h5>
+
            <span class="bold">5. Edit the circuit:</span> We deleted extra part of ETH_Zurich, because we just decided to use the UV sensor.The surveillance system shows that the safety level of our circuit is low risk. (Upper right corner)
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2017.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
          </p>
 +
          <img src="https://static.igem.org/mediawiki/2017/f/f9/T--SYSU-Software--project_uv-design.png" alt="not provide" class="centered blue-shadowed screen-crop">
  
</div>  
+
          <p>
 +
            <span class="bold">6. The plasmid design:</span> After finished our design, we click on the bottom of XXX, then the design drawing of our plasmid came out. So we had a system when detect UV will produce AmilCP, a kind of blue protein.
 +
          </p>
 +
          <!-- <img src="../images/project/T--SYSU-Software--jietu4.png" alt="not provide" class="centered blue-shadowed screen-crop"> -->
 +
        </div>
 +
      </div>
 +
      <div class="subsection paragraph wet-lab">
 +
        <div class="page-content">
 +
          <h4>Validation experiment</h4>
 +
          <h5>Confirmation</h5>
 +
          <p>
 +
            After we constructed two plasmids, Escherichia coli DH5αwas transformed with plasmids and positive clones were identified by colony polymerase chain reaction (PCR) and restriction endonuclease digestion. Photo.1 and 2 shows the confirmation result. Further confirmations were finished by sequencing.
 +
          </p>
 +
          <div class="double-pic same-height" id="validation-experiment">
 +
            <div class="pic">
 +
              <img src="https://static.igem.org/mediawiki/2017/9/9e/T--SYSU-Software--project_photo1.png" alt="not provide" class="centered black-shadowed">
 +
              <p class="fig-ep center">Photo 1. After cultivated for about 18 hours, the positive clone turned into blue.</p>
 +
            </div>
 +
            <div class="pic">
 +
              <img src="https://static.igem.org/mediawiki/2017/e/e0/T--SYSU-Software--project_pcr-result.png" alt="not provide" class="centered">
 +
              <p class="fig-ep center">Photo 2. The Colony PCR showed the result of Transformation. </p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
  
 +
      <div class="subsection paragraph wet-lab">
 +
        <div class="page-content">
 +
          <h5>Simulation</h5>
 +
          <p>We got the models in our software. Also, we had a model using Matlab. Picture.1 and 2 show the result.</p>
  
 +
          <img src="https://static.igem.org/mediawiki/2017/e/ed/T--SYSU-Software--project_simulation-result.png" alt="not provide" class="ui image middle centered blue-shadowed">
 +
          <p class="fig-ep center">Picture 1. Our software’s simulation of AmilCP</p>
  
 +
        </div>
 +
      </div>
 +
      <div class="subsection paragraph wet-lab">
 +
        <div class="page-content">
  
<div class="column half_size" >
+
          <h5>Experimental data</h5>
<h5> Editing your wiki </h5>
+
          <p>After the sequencing confirmation, Escherichia coli strain BL21 (DE3) was transformed with plasmids. We didn’t have Liquid culture systems with UV light, so we used plate cultivation. We placed the dish on a 10-15W weak intensity UV lamp at a distance of about 30 cm, and got samples every few hours. 22 hours later, we got the blue bacteria moss (Photo.3 ). The bacteria was been broken by ultrasonic crusher, and then we use the OD588 to measure the concentration of the blue protein (Photo. 4). But unfortunately, collecting bacteria from plate may cause some system error, and because of this, our data of OD588 had poor sample reproducibility. Hence, we decided to collaborate with SCUT-China_A, , and used their data to validate our simulation.</p>
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
<p> <a href="https://2017.igem.org/wiki/index.php?title=Team:Example&action=edit"> </a>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
  
</div>
+
          <div class="double-pic">
 +
            <div class="pic">
 +
              <img src="https://static.igem.org/mediawiki/2017/0/0c/T--SYSU-Software--project_photo3.png" alt="not provide" class="ui image centered black-shadowed">
 +
              <p class="fig-ep center">Photo 3. One of the plates after exposed in UV for 22 hours.</p>
 +
            </div>
 +
            <div class="pic">
 +
              <img src="https://static.igem.org/mediawiki/2017/f/fb/T--SYSU-Software--project_photo4.png" alt="not provide" class="ui image centered black-shadowed">
 +
              <p class="fig-ep center">Photo 4. The mixture of bacteria after broken by ultrasonic crusher.</p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
  
 +
      <div class="subsection paragraph wet-lab">
 +
        <div class="page-content">
 +
          <h5>Simulation validation and result analysis</h5>
 +
          <div class="paragraph">
 +
            <p>But unfortunately, collecting bacteria from plate may cause some system error, and because of this, reproducibility of OD588 was not so good. Using it to validate our simulation is meaningless. Hence, we decided to collaborate with SCUT-China_A and used their project's data to prove the accuracy of our simulation. Picture.2 and 3 show the simulation result and the experimental result of their project.</p>
 +
            <div class="double-pic">
 +
              <div class="pic">
 +
                <img src="https://static.igem.org/mediawiki/2017/f/f1/T--SYSU-Software--project_result-validation1.png" alt="" class="centered blue-shadowed">
 +
                <p class="fig-ep">Picture. 2 The simulation result of our software.</p>
 +
              </div>
 +
              <div class="pic">
 +
                <img src="https://static.igem.org/mediawiki/2017/7/7a/T--SYSU-Software--project_result-validation2.png" alt="" class="centered blue-shadowed">
 +
                <p class="fig-ep">Picture. 3 The experiment result, data from SCUT-China_A.</p>
 +
              </div>
 +
            </div>
 +
            <img src="https://static.igem.org/mediawiki/2017/0/03/T--SYSU-Software--project_result-validation3.png" id="validation3" alt="" class="middle centered validation blue-shadowed">
 +
            <p class="fig-ep">Picture. 4 Our software simulation shows preferable performance.</p>
 +
            <p>Compared with experimental data of SCUT-China_A, our software simulation shows preferable performance (Picture.4). The result proves that our simulation works. After 7 hours, the experiment data is higher than predicted value, maybe the reason is about bacterial reproduction.</p>
 +
          </div>
 +
        </div>
 +
      </div>
  
<div class="column half_size" >
+
    </section>
<h5>Tips</h5>
+
    <section class="full" id="demonstrate">
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
      <img src="https://static.igem.org/mediawiki/2017/8/84/T--SYSU-Software--project_edit_image.png" class="icon">
<ul>
+
      <div class="page-content">
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
        <h2>Demonstration</h2>
<li>Be clear about what you are doing and how you plan to do this.</li>
+
      </div>
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
      <div class="subsection demonstration" id="installability">
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
        <div class="page-content">
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
          <h3>Installability test</h3>
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2017.igem.org/Calendar">iGEM 2017 calendar</a> </li>
+
          <div class="paragraph">
<li>Have lots of fun! </li>
+
            <p>we successfully installed S-Din on Windows and Linux system.</p>
</ul>  
+
            <p>We recommend users to follow the installation tutor on out <a href="https://github.com/igemsoftware2017/SYSU-Software-2017" target="_blank">github repository</a></p>
</div>
+
          </div>
 +
          <h4>Hardware requirement</h4>
 +
          <table class="requirement">
 +
            <tr>
 +
              <td></td>
 +
              <td>Basic Requirements</td>
 +
              <td>Highly Recommended</td>
 +
            </tr>
 +
            <tr>
 +
              <td>Storage</td>
 +
              <td>20G</td>
 +
              <td>20G SSD</td>
 +
            </tr>
 +
            <tr>
 +
              <td>Memory</td>
 +
              <td>4G</td>
 +
              <td>6G</td>
 +
            </tr>
 +
            <tr>
 +
              <td>CPU</td>
 +
              <td>Intel I5-2500k or better</td>
 +
              <td></td>
 +
            </tr>
 +
          </table>
 +
        </div>
 +
      </div>
 +
      <div class="subsection demonstration" id="environment">
 +
        <div class="page-content">
 +
          <h4>Windows</h4>
 +
          <h5>Environment</h5>
 +
          <img src="https://static.igem.org/mediawiki/2017/1/1e/T--SYSU-Software--project_win10.png" alt="" class="middle centered black-shadowed">
 +
          <p class="fig-ep">Windows 10 Enterprise edition with 8GB RAM and Intel(R) Core(TM) i7-4720HQ CPU @ 2.60GHz, 64-bit operating system</p>
  
 +
          <h5>Result</h5>
 +
          <p>The installation on Windows system is relatively easy. You just need to click initial.bat and runserver.bat and it will finish soon as the images</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/3/3b/T--SYSU-Software--project_win-start.png" alt="" class="middle centered black-shadowed">
 +
        </div>
 +
      </div>
  
<div class="column half_size" >
+
      <div class="subsection demonstration">
<h5>Inspiration</h5>
+
        <div class="page-content">
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
          <h4>Linux</h4>
<ul>
+
          <h5>Environment</h5>
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
          <img src="https://static.igem.org/mediawiki/2017/5/5d/T--SYSU-Software--project_linux.png" alt="" class="screenshot middle centered green-shadowed">
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
          <p class="fig-ep">GNOME ver 3.26.1 with 15.6G RAM and Intel Core i7-4720HQ CPU @ 2.60GHZ x8, 64-bit operating system</p>
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
</ul>
+
</div>
+
 
+
<div class="column half_size" >
+
<h5> Uploading pictures and files </h5>
+
<p> You can upload your pictures and files to the iGEM 2017 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
When you upload, set the "Destination Filename" to <br><code>T--YourOfficialTeamName--NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)<br><br>
+
 
+
<a href="https://2017.igem.org/Special:Upload">
+
UPLOAD FILES
+
</a>
+
</p>
+
</div>
+
  
 +
          <h5>Result</h5>
 +
          <img src="https://static.igem.org/mediawiki/2017/f/ff/T--SYSU-Software--project_linux-start.png" alt="" class="screenshot middle centered green-shadowed">
 +
        </div>
 +
      </div>
 +
      <div class="subsection demonstration">
 +
        <div class="page-content">
 +
          <h4>Successful installation results</h4>
 +
          <p>After you follow our installation tutor and successfully install S-Din, you can open our software in browser.</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/a/a7/T--SYSU-Software--project_install-result.png" alt="" class="screenshot middle centered black-shadowed">
 +
        </div>
 +
      </div>
 +
      <div class="subsection demonstration demo">
 +
        <div class="page-content">
 +
          <h3>Demo</h3>
 +
          <p>In this part,we will illustrate how to operate S-Din to search Synthetic biology projects and desin a circuit.</p>
 +
          <h4 class="step">1</h4>
 +
          <p class="explain">If you want to use the design function, you should register for an account firstly, but if you just want to search something, you don't need to sign in.</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/a/a6/T--SYSU-Software--project_register.png" alt="" class="screenshot middle centered black-shadowed">
 +
        </div>
 +
      </div>
  
 +
      <div class="subsection demonstration demo">
 +
        <div class="page-content">
 +
          <h4 class="step">2</h4>
 +
          <p class="explain">Search for projects, you can type in some keywords in search bar, and we will recommend some projects according to the keywords.</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/4/46/T--SYSU-Software--project_search-bar.png" alt="" class="screenshot middle centered black-shadowed">
 +
          <img src="https://static.igem.org/mediawiki/2017/e/e6/T--SYSU-Software--project_search-work.png" alt="" class="screenshot middle centered black-shadowed">
 +
        </div>
 +
      </div>
 +
      <div class="subsection demonstration demo">
 +
        <div class="page-content">
 +
          <h4 class="step">3</h4>
 +
          <p class="explain">When we show you the search results, you can choose one you are insterested in, and then will see details about this project. You can see what this work has done and may get inspiration from that circuit and the decription for this work.</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/e/e6/T--SYSU-Software--project_search-work.png" alt="" class="screenshot middle centered black-shadowed">
 +
        </div>
 +
      </div>
 +
      <div class="subsection demonstration demo">
 +
        <div class="page-content">
 +
          <h4 class="step">4</h4>
 +
          <p class="explain">Click ”Design“ to switch to desgin function, here you can start you design.</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/2/29/T--SYSU-Software--project_design.png" alt="" class="screenshot middle centered black-shadowed">
 +
        </div>
 +
      </div>
 +
      <div class="subsection demonstration demo">
 +
        <div class="page-content">
 +
          <h4 class="step">5</h4>
 +
          <p class="explain">You can search for part and add them to the design paper, and you can see the description for the parts you search to help you make a good choice.</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/e/e6/T--SYSU-Software--project_design-search.png" alt="" class="screenshot middle centered black-shadowed">
 +
        </div>
 +
      </div>
 +
      <div class="subsection demonstration demo">
 +
        <div class="page-content">
 +
          <h4 class="step">6</h4>
 +
          <p class="explain">If you don't know what is the best match between two parts, we privoide parts interaction information to help you make a choice.</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/a/a0/T--SYSU-Software--project_part-interact.jpg" alt="" class="screenshot middle centered black-shadowed">
 +
        </div>
 +
      </div>
 +
      <div class="subsection demonstration demo">
 +
        <div class="page-content">
 +
          <h4 class="step">7</h4>
 +
          <p class="explain">After add parts to the design pages, you can add relationship between them.</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/f/ff/T--SYSU-Software--project_part-relation.jpg" alt="" class="screenshot middle centered black-shadowed">
 +
        </div>
 +
      </div>
 +
      <div class="subsection demonstration demo">
 +
        <div class="page-content">
 +
          <h4 class="step">8</h4>
 +
          <p class="explain">When you finish your work, we provide a simulation function to help you check your work whether it is good or not.</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/a/ab/T--SYSU-Software--project_simulation.png" alt="" class="screenshot middle centered black-shadowed">
 +
        </div>
 +
      </div>
 +
      <div class="subsection demonstration demo">
 +
        <div class="page-content">
 +
          <h4 class="step">9</h4>
 +
          <p class="explain">Finally you can download your work to your PC!</p>
 +
          <img src="https://static.igem.org/mediawiki/2017/7/75/T--SYSU-Software--project_download.png" alt="" class="screenshot middle centered black-shadowed">
 +
        </div>
 +
      </div>
  
 +
      <div class="subsection paragraph demonstration">
 +
        <div class="page-content">
 +
          <h3>User studies</h3>
 +
          <div class="paragraph">
 +
            <p>The best user experience makes the best software, even though we've done enough preparation and investigation before initiation of this project. User study is also important because help us adjust the details in our software to make it more user-friendly.</p>
 +
            <p>It's pity that we can't expand the scale of our user study due to the long development period and lack of coders. But we're happy that they offer their precious time to help us test out software and give us positive feedbacks.</p>
 +
          </div>
  
 +
          <div id="interviews">
 +
            <div class="interview">
 +
              <h5>Shen Dong</h5>
 +
              <p class="intro">research assistent who help us on our wet-lab validation<br>study in molecular mechanism of interaction between pathogen and host.</p>
 +
              <div class="quote paragraph">
 +
                <p>"It's considerable that you add safety surveillance system in your design platform. I wonder how many High-risk parts are there in your database? Yeah, may not many, but this is still necessary right?"</p>
 +
                <p>"From a researcher's point of view, I would say that the software still needs to improve to be more fit in the need of expertise. Though the current version is good enough."</p>
 +
              </div>
 +
            </div>
  
 +
            <div class="interview">
 +
              <h5>Mona Murray</h5>
 +
              <p class="intro">Mater student at Harvard University who is now a student on biostatistics.</p>
 +
              <div class="quote paragraph">
 +
                <p>"The engagement of search and design is designed in an elegant way, I have to say I like this design"</p>
 +
                <p>"The design platform is fluent and easy to use indeed but I think it can be more professional or more biology? There are lots of processes need to reflect on a circuit of pathway sketch."</p>
 +
                <p>"Beautiful UI, how much money your team pay for the designer?"</p>
 +
              </div>
 +
            </div>
 +
            <div class="interview last">
 +
              <h5>LEYANG LI</h5>
 +
              <p class="intro">PhD student at Cornell</p>
 +
              <div class="quote paragraph">
 +
                <p>"You make a great attempt at solving problems like avoiding simply repeating the work that's already been done."</p>
 +
                <p>"There are things you need to consider like the updating of your database and how to make others use your software. Well done but keep on!"</p>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="subsection demonstration">
 +
        <div class="page-content">
 +
          <h3>Future works</h3>
 +
          <div class="paragraph" id="future-work">
 +
            <p>Improvement of the efficiency of our algorithms.</p>
 +
            <p>Extend the scale of our database.</p>
 +
            <p>Better user experience for users in Synthetic Biology.</p>
 +
            <p id="more">And more</p>
 +
          </div>
 +
          </ol>
 +
        </div>
 +
      </div>
 +
    </section>
  
 +
    <div id="contact">
 +
      <div id="contact-content">
 +
        <div class="contact-item">
 +
          <div class="contact-heading">contact</div>
 +
          <div class="contact-value">sysusoftware@126.com</div>
 +
        </div>
 +
        <div class="contact-item">
 +
          <div class="contact-heading">address</div>
 +
          <div class="contact-value">135# Xin'gang Rd(W.)<br>Sun Yat-sen University, Guangzhou, China</div>
 +
        </div>
 +
        <div class="contact-item">
 +
          <div class="contact-heading">GET IN TOUCH</div>
 +
          <div class="contact-icons">
 +
            <a href="https://www.instagram.com/sysusf" class="contact-icon" target="_blank"><img src="https://static.igem.org/mediawiki/2017/5/5f/T--SYSU-Software--common_instagram.png" alt="instagram"></a>
 +
            <a href="https://twitter.com/SYSU_Software" class="contact-icon" target="_blank"><img src="https://static.igem.org/mediawiki/2017/4/41/T--SYSU-Software--common_twitter.png" alt="twitter"></a>
 +
            <a href="https://plus.google.com/u/0/108675007137699538539" class="contact-icon" target="_blank"><img src="https://static.igem.org/mediawiki/2017/5/5f/T--SYSU-Software--common_google.png" alt="google+"></a>
 +
            <a href="https://www.facebook.com/sysusoftware" class="contact-icon" target="_blank"><img src="https://static.igem.org/mediawiki/2017/b/b4/T--SYSU-Software--common_facebook.png" alt="facebook"></a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <script src="https://2017.igem.org/wiki/index.php?title=Template:SYSU-Software/lib/T--SYSU-Software--jquery.min.js&amp;action=raw&amp;ctype=text/javascript"></script>
 +
  <script src="https://2017.igem.org/wiki/index.php?title=Template:SYSU-Software/lib/semantic.min.js&amp;action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript">
 +
    $(function() {
 +
        var removeObj = document.getElementById('sideMenu');
 +
        removeObj.parentNode.removeChild(removeObj);
 +
        var removeOb = document.getElementById('top_title');
 +
        removeOb.parentNode.removeChild(removeOb);
 +
        var remove1 = document.getElementById('top_menu_under');
 +
        remove1.parentNode.removeChild(remove1);
 +
        $(".mw-body").css("margin-left", "0px");
 +
        $(".mw-body").css("width", "100%");
 +
        $(".mw-body").css("padding", "0");
 +
        $('#menuContainer').css("left", "0%");
 +
        $('#globalWrapper').css("padding","0px");
 +
        $('#HQ_page').attr('id','');
 +
    });
 +
           
 +
  </script>
 +
</body>
  
 
</html>
 
</html>

Revision as of 07:44, 28 October 2017

Project

Synbio is just a S-Din away!

SYSU-Software 2017

Description

WHAT IS S-Din?

S-Din integrated Search Engine and Design Platform developed specifically for Synthetic Biology. With the power of our Algorithm, we provide a one-stop solution to start Your project’

To be better,
We don’t have to create more.
We choose S-Din
Make better project with S-Din.

WHY S-Din?

Background

The science research is now facing an increasingly severe problem that most researches were ignored and not evaluated properly. Numbers of research articles are published every year. How to utilize the previous work to help solve maybe part of the current problem should be considered by everyone.

This year, SYSU-Software try to change this situation in Synthetic Biology, exploring the treasures buried in the ocean of projects.

To make full use of the works done by predecessors in Synthetic Biology. We divided it into two problems.

  1. How to find the project you need much faster and more accurate?
  2. How to integrate the project you find into your own work?

Follow the standardization in Synthetic Biology, we standardize the previous projects, no matter came from articles or iGEM projects, into a New data format to display you a better result when using our search engine.

Network analysis: designed to uncover the potential connection between projects, help user located exactly what they need.

Customization:The most exciting part of S-Din is that the search and the design are seamless. Once you find a project that might be useful, you can start editing in design platform as soon as you find it. Or you can just simply create one from scratch.

Extensible: To ensure the database can be updated, new information can be added by man or ‘Spider’.

Inspiration

People complain, solving obstacles in project is easy, but deciding what to do is tolerance. Catching your muse is like grab fading smoke.

We made S-Din further not only satisfying the need of starting a project but choosing a project.

Therefore, the tree of words and interaction analysis are developed to inspire users. Part of the reason we made search and design seamlessly is to enable you to start design once you catch your muse.

S-Din is mimetic, sounds exactly when you come up with a good idea. And here comes S-Din, to inspire you, to do more in Synthetic Biology.

DONT BE LIMITED, unleash your imagination.
Want to solve Energy Crisis with Carbon dioxide? Search for circuits that can take in Carbon Dioxide and try to combine a energy generated circuit together to create your own circuits.

Why not Google?

Undoubtedly, Google is the most powerful search engine in the world. Let’s see what happen when Google meets S-Din.

Applied Design

Introduce

Words from designer: Science research are facing a problem of how to utilising the previous researches, some of them are ignored, some of them are underestimated. We‘ve always wanted to make some difference in Synthetic Biology. With the help of our search engine, our users are able to view previous projects and works at a different angle and will be inspired by it. The gap between searching and designing are now seamless. Once you catch the muse, your design can be finished instantly.

This is a search engine built specifically for Synthetic Biology that allow you to view previous projects and works in a standardized style. While your search, we provide network analysis services to help find your results faster and inspire you. Once you find your preferred project, you are allowed to edit it simultaneously in our design platform. More parts can be added by the search tools provided on the left or you can just drag in a circuits that you collected in your favourite before.

The design can be uploaded, downloaded or shared for collaborations between different accounts. Once you finish the design, you can run simulation program to check if it works well and then export it as plasmid and we will generate the sequences for synthesis.

Database

We collect data from many channels, most of the project data and all of the Parts data come from the iGEM Projects published on article are collected on various synthetic biology Journals, usage permissions are granted by the publication groups.

Most of the data are collected by ‘Spider’ and corrected manually. All data of circuits are converted with manually with the help of our design platform.

Algorithm

The users of our software are all innovative researchers on Synthetic Biology, who are interested in many different biological fields. The purpose of our system is to recommend most related genetic parts to the users based on the research interest the users offer to our system.

The information that we use to make recommendation is a database built by NLP and Random Walk which contains scores between each key word and each genetic part. Formally, it is a matrix , where is the number of key words and is the number of parts . The element at row, column is the score between the key word and genetic part , which reflects the connection between them(higher score means higher connection).

The overall strategy of our system is Collaborative Filtering , i.e. we first search the similar key words in our database of the unknown word offered by users and then recommend the genetic parts which are highly related to key words that we found to the users.

A natural question is how to find the most similar key words in our dataset of a given unknown word in an accurate and efficient way? Here is our general solution : To quantify the semantic similarities between words accurately ,we use technique in Deep Learning to convert words into numerical vectors and the cosine similarities between each vectors can represents the semantic similarities between words. To search the similar key words efficiently, we use the KD Tree Algorithm, a fast algorithm based on binary tree, to implement the K Nearest Neighbors strategy.

Network Analysis

Search analysis

In scientific journal, keywords are often required in published articles. Keywords can be used for indexing or searching, and offer faster way for readers to know a project main work and find their interests.

As matter of fact, in 2015, iGEM try to collect some keywords (https://2015.igem.org/Keywords) by asking teams to submit.

This year, a new data format is created and keywords enable our network analysis. We first used Microsoft Text Analytics Service (https://azure.microsoft.com/en-us/services/cognitive-services/text-analytics/) to extract keywords from project wiki text in every. We only focus on the most frequent used keywords. By using machine learning, those keywords were converted to word vectors base on a semantic database. A network profiling relationship among keywords, projects and parts data is built and stored in the S-Din database. When searching something, related information will be provided to users base on the network analysis, which would spark a brand new idea expectedly.

Interaction analysis

When you click interaction analysis on a part on the design platform, any other parts or protein that might interact with the chosen part will be displayed which can be added on the platform. We build an interaction database ourselves, the sources of data come from iGEM Registry and STRING Database. Scores for parts come from the STRING Database.

Simulation

The users of S-Din are all active and innovative researchers in Synthetic Biology , who come up with many interesting and new ideas in a wide range of fields. Our software help them achieve their creative goals by allowing them to combine various genetic parts together to form brand-new genetic circuits that may never exist before. To help the researchers have a deeper understanding of how the genetic system that they created works , we construct an ODE system to simulate the dynamic behaviors of the genetic system mathematically. The main challenge of simulation is the uncertainty of genetic circuits since the users can construct them arbitrarily. Therefore we build a rather general model capable of simulating various genetic circuits.

Plasmid Design

After your Design, you can choose to convert your circuits in to Plasmids (Customizable). We will generate the sequence for you to synthesis your own circuits.

Features

Features

Seamless Search & Design

The moment you’re inspired by one of the projects, you can edit it instantly. Combining different function parts together to fulfil your need. Or you can do a de novo design.

Network analysis

We developed a series of algorithms to generate network composites of project, parts and keywords for analysis aiming to help user explore the treasure buried in the ocean of articles.

The Best Design Platform

The needs in Designing a Circuits were considered seriously to achieve the best user experience. Simple operation logic, beautiful UI.

The tree of words

Simply by clicking the words, you will see the subordinated words. After few repeats, you will finally get the projects that you want. This function is designed to help specify your need, help you understand your idea better.

Interaction Analysis

This function is implanted in the design platform which will tell you the potential interaction parts with the chosen one. Use your imagination, think of how to utilize these interactions.

Simulation

Even though it’s difficult to develop a model that fit all the circuits, it worth a shoot. Our modeler developed a general model to allow user to simulate any circuits.

Techniques

S-Din is a web application. For back-end, we choose Django with Python 3, which is fast, strong, robust and friendly to developers; MySQL with Django models binding give us fantastic database support; algorithms including Word2Vec, K-D Tree are also coded in Python 3 with the famous SciPy. For front-end, we build the view with customized Semantic UI, and control the logic behind beautiful widgets using jQuery. Some other open-source JavaScript libraries are also used to build the site, such as Chart.js for chart, jsPlumb for links in the design page, etc.. Advanced TypeScript was used to build the interesting game BioLab Rescue, hope you will enjoy it!

Wet-Lab Validation

Overview

In our software design, we want to help biobuilder design genetic circuit seamlessly and simply. After we finish it, we carried out a validation of this workflow. This wet lab validation tested the efficiency and reliability of S-Din, and also the experiment data can be used to validate the simulation part in our software.

Motivation

Nowadays, due to the thinning of the ozone layer, the potential risk of skin cancer and cataract is growing. Our journey with S-Din begin with a curiosity of how to detect UV. But we don’t have a clear idea and don’t know where to start. Luckily, S-Din can light up one's path.

Design our circuit

1. Set up your interested research field: After log in, we sat our interest. Because we were curious about UV detection, so we chose DETECTION

not provide

2. Browse on S-Din: When surfing on S-Din, we found that UV detection is a hot/not a hot area....

not provide

3. Search the previous project: Standing on the shoulders of giants, we wondered predecessors will give us some ideas. We searched for ‘UV detection’ . With data analysis and XXX score, we found ETH_Zurich 2012, and marked it.

not provide

4. Intelligent recommendation: Based on the interaction database, S-Din recommended us to use a device of Colombia 2014. After browsed its information, we decided to take the advice of S-Din.

not provide

5. Edit the circuit: We deleted extra part of ETH_Zurich, because we just decided to use the UV sensor.The surveillance system shows that the safety level of our circuit is low risk. (Upper right corner)

not provide

6. The plasmid design: After finished our design, we click on the bottom of XXX, then the design drawing of our plasmid came out. So we had a system when detect UV will produce AmilCP, a kind of blue protein.

Validation experiment

Confirmation

After we constructed two plasmids, Escherichia coli DH5αwas transformed with plasmids and positive clones were identified by colony polymerase chain reaction (PCR) and restriction endonuclease digestion. Photo.1 and 2 shows the confirmation result. Further confirmations were finished by sequencing.

not provide

Photo 1. After cultivated for about 18 hours, the positive clone turned into blue.

not provide

Photo 2. The Colony PCR showed the result of Transformation.

Simulation

We got the models in our software. Also, we had a model using Matlab. Picture.1 and 2 show the result.

not provide

Picture 1. Our software’s simulation of AmilCP

Experimental data

After the sequencing confirmation, Escherichia coli strain BL21 (DE3) was transformed with plasmids. We didn’t have Liquid culture systems with UV light, so we used plate cultivation. We placed the dish on a 10-15W weak intensity UV lamp at a distance of about 30 cm, and got samples every few hours. 22 hours later, we got the blue bacteria moss (Photo.3 ). The bacteria was been broken by ultrasonic crusher, and then we use the OD588 to measure the concentration of the blue protein (Photo. 4). But unfortunately, collecting bacteria from plate may cause some system error, and because of this, our data of OD588 had poor sample reproducibility. Hence, we decided to collaborate with SCUT-China_A, , and used their data to validate our simulation.

not provide

Photo 3. One of the plates after exposed in UV for 22 hours.

not provide

Photo 4. The mixture of bacteria after broken by ultrasonic crusher.

Simulation validation and result analysis

But unfortunately, collecting bacteria from plate may cause some system error, and because of this, reproducibility of OD588 was not so good. Using it to validate our simulation is meaningless. Hence, we decided to collaborate with SCUT-China_A and used their project's data to prove the accuracy of our simulation. Picture.2 and 3 show the simulation result and the experimental result of their project.

Picture. 2 The simulation result of our software.

Picture. 3 The experiment result, data from SCUT-China_A.

Picture. 4 Our software simulation shows preferable performance.

Compared with experimental data of SCUT-China_A, our software simulation shows preferable performance (Picture.4). The result proves that our simulation works. After 7 hours, the experiment data is higher than predicted value, maybe the reason is about bacterial reproduction.

Demonstration

Installability test

we successfully installed S-Din on Windows and Linux system.

We recommend users to follow the installation tutor on out github repository

Hardware requirement

Basic Requirements Highly Recommended
Storage 20G 20G SSD
Memory 4G 6G
CPU Intel I5-2500k or better

Windows

Environment

Windows 10 Enterprise edition with 8GB RAM and Intel(R) Core(TM) i7-4720HQ CPU @ 2.60GHz, 64-bit operating system

Result

The installation on Windows system is relatively easy. You just need to click initial.bat and runserver.bat and it will finish soon as the images

Linux

Environment

GNOME ver 3.26.1 with 15.6G RAM and Intel Core i7-4720HQ CPU @ 2.60GHZ x8, 64-bit operating system

Result

Successful installation results

After you follow our installation tutor and successfully install S-Din, you can open our software in browser.

Demo

In this part,we will illustrate how to operate S-Din to search Synthetic biology projects and desin a circuit.

1

If you want to use the design function, you should register for an account firstly, but if you just want to search something, you don't need to sign in.

2

Search for projects, you can type in some keywords in search bar, and we will recommend some projects according to the keywords.

3

When we show you the search results, you can choose one you are insterested in, and then will see details about this project. You can see what this work has done and may get inspiration from that circuit and the decription for this work.

4

Click ”Design“ to switch to desgin function, here you can start you design.

5

You can search for part and add them to the design paper, and you can see the description for the parts you search to help you make a good choice.

6

If you don't know what is the best match between two parts, we privoide parts interaction information to help you make a choice.

7

After add parts to the design pages, you can add relationship between them.

8

When you finish your work, we provide a simulation function to help you check your work whether it is good or not.

9

Finally you can download your work to your PC!

User studies

The best user experience makes the best software, even though we've done enough preparation and investigation before initiation of this project. User study is also important because help us adjust the details in our software to make it more user-friendly.

It's pity that we can't expand the scale of our user study due to the long development period and lack of coders. But we're happy that they offer their precious time to help us test out software and give us positive feedbacks.

Shen Dong

research assistent who help us on our wet-lab validation
study in molecular mechanism of interaction between pathogen and host.

"It's considerable that you add safety surveillance system in your design platform. I wonder how many High-risk parts are there in your database? Yeah, may not many, but this is still necessary right?"

"From a researcher's point of view, I would say that the software still needs to improve to be more fit in the need of expertise. Though the current version is good enough."

Mona Murray

Mater student at Harvard University who is now a student on biostatistics.

"The engagement of search and design is designed in an elegant way, I have to say I like this design"

"The design platform is fluent and easy to use indeed but I think it can be more professional or more biology? There are lots of processes need to reflect on a circuit of pathway sketch."

"Beautiful UI, how much money your team pay for the designer?"

LEYANG LI

PhD student at Cornell

"You make a great attempt at solving problems like avoiding simply repeating the work that's already been done."

"There are things you need to consider like the updating of your database and how to make others use your software. Well done but keep on!"

Future works

Improvement of the efficiency of our algorithms.

Extend the scale of our database.

Better user experience for users in Synthetic Biology.

And more

contact
sysusoftware@126.com
address
135# Xin'gang Rd(W.)
Sun Yat-sen University, Guangzhou, China
GET IN TOUCH
instagram twitter google+ facebook