Difference between revisions of "Team:SYSU-Software"

 
(31 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
 
 
<html>
 
<html>
−
</div>
+
<div class="pusher">
−
</div>
+
  <script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/jquery.min.js&action=raw&ctype=text/javascript"></script>
−
</div>
+
  <script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/semantic.min.js&action=raw&ctype=text/javascript"></script>
−
</div>
+
−
</div>
+
−
</div>
+
−
  <div id="truePage" class="realPage">
+
−
    <div id="firstnav" class="ui fixed collapsed borderless ten menu">
+
−
      <a id="sdin-link" href="http://sdin.sysusoftware.info" target="_blank">
+
−
        <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#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="https://2017.igem.org/Team:SYSU-Software/Model" class="page-link">Modeling</a>
+
−
        <div class="menu page-category">
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Model#overview" class="item">Overview</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Model#recommendation-system" class="item">Recommendation System</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Model#simulation" class="item">Simulation for General Genetic Circuits</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Model#references" class="item">References</a>
+
−
        </div>
+
−
      </div>
+
−
     
+
−
      <div class="ui simple dropdown item page-nav">
+
−
        <a href="https://2017.igem.org/wiki/index.php?title=Team:SYSU-Software/HP" class="page-link">Human Practices</a>
+
−
        <div class="menu page-category">
+
−
          <a href="https://2017.igem.org/wiki/index.php?title=Team:SYSU-Software/HP#overview_id" class="item">Overview</a>
+
−
          <a href="https://2017.igem.org/wiki/index.php?title=Team:SYSU-Software/HP#silver" class="item">Silver</a>
+
−
          <a href="https://2017.igem.org/wiki/index.php?title=Team:SYSU-Software/HP#gold" class="item">Gold</a>
+
−
          <a href="https://2017.igem.org/wiki/index.php?title=Team:SYSU-Software/HP#integrated-human-practice" class="item">Integrated Human Practice</a>
+
−
          <a href="https://2017.igem.org/wiki/index.php?title=Team:SYSU-Software/HP#public-engagement" class="item">Public Engagement</a>
+
−
        </div>
+
−
      </div>
+
−
      <div class="ui simple dropdown item page-nav">
+
−
        <a href="https://2017.igem.org/Team:SYSU-Software/Collaborations" class="page-link">Collaborations</a>
+
−
        <div class="menu page-category">
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Collaborations#overview" class="item">Overview</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Collaborations#scut-china-a" class="item">SCUT-CHINA-A</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Collaborations#nju-china" class="item">NJU-China</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Collaborations#hkust" class="item">Hong_Kong_HKUST</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Collaborations#sysu-china" class="item">SYSU-CHINA</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Collaborations#scau-china" class="item">SCAU-CHINA</a>
+
−
        </div>
+
−
      </div>
+
−
      <div class="ui simple dropdown item page-nav">
+
−
        <a href="https://2017.igem.org/Team:SYSU-Software/InterLab" class="page-link">Interlab</a>
+
−
        <div class="menu page-category">
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/InterLab#overview" class="item">Overview</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/InterLab#experiment-design" class="item">Experiment Design</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/InterLab#material-and-methods" class="item">Material and Methods</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/InterLab#results" class="item">Results</a>
+
−
        </div>
+
−
      </div>
+
−
      <div class="ui simple dropdown item page-nav">
+
−
        <a href="https://2017.igem.org/Team:SYSU-Software/Safety" class="page-link">Safety</a>
+
−
        <div class="menu page-category">
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Safety#dry-lab" class="item">Biosafety in Dry Lab</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Safety#wet-lab" class="item">Biosafety in Wet Lab</a>
+
−
        </div>
+
−
      </div>
+
−
      <div class="ui simple dropdown item page-nav">
+
−
        <a href="https://2017.igem.org/Team:SYSU-Software/Attributions" class="page-link">Attributions</a>
+
−
        <div class="menu page-category">
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Attributions#overview" class="item">Overview</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Attributions#group-structure" class="item">Group Structure</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Attributions#attribution-in-project" class="item">Attribution in Project</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Attributions#journey-planning" class="item">Journey Planning and Financing</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Attributions#acknowledgements" class="item">Acknowledgements</a>
+
−
        </div>
+
−
      </div>
+
−
      <div class="ui simple dropdown item page-nav">
+
−
        <a href="https://2017.igem.org/Team:SYSU-Software/Team" class="page-link">Team</a>
+
−
        <div class="menu page-category">
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Team#biology-group" class="item">Biology Group</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Team#programmers" class="item">Programmers</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Team#modeling-group" class="item">Modeling Group</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Team#designers" class="item">Designers</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Team#advisors" class="item">Advisors</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Team#instructors" class="item">Instructors</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Team#notebook" class="item">Notebook</a>
+
−
        </div>
+
−
      </div>
+
−
      <div class="ui simple dropdown item page-nav">
+
−
        <a href="https://2017.igem.org/Team:SYSU-Software/Medal" class="page-link">Medal</a>
+
−
        <div class="menu page-category">
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Medal#overview" class="item">Overview</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Medal#bronze" class="item">Bronze</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Medal#silver" class="item">Silver</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Medal#gold" class="item">Gold</a>
+
−
        </div>
+
−
      </div>
+
−
      <div class="ui simple dropdown item page-nav">
+
−
        <a href="https://2017.igem.org/Team:SYSU-Software/Statements" class="page-link">Statements</a>
+
−
        <div class="menu page-category">
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Statements#term-of-use" class="item">Term of Use</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Statements#bio-safety-alerts" class="item">Bio Safety Alerts</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Statements#privacy-policy" class="item">Privacy Policy</a>
+
−
          <a href="https://2017.igem.org/Team:SYSU-Software/Statements#cookie-policy" class="item">Cookie Policy</a>
+
−
        </div>
+
−
      </div>
+
−
    </div>
+
  
−
    <div id="first-page">
+
<script type="text/x-mathjax-config">
−
      <div id="ship-background"></div>
+
MathJax.Hub.Config({
−
      <h1 id="top-title" class="project"><img src="https://static.igem.org/mediawiki/2017/a/a7/T--SYSU-Software--project_logo.png"></h1>
+
  tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
−
      <h2 id="slogan">Synbio is just a S-Din away!</h2>
+
});
−
      <h3 id="sysu-software-2017" class="project" style="margin-bottom:2em">SYSU-Software 2017</h3>
+
</script>
−
      <!-- CONTENT OF FIRST PAGE -->
+
−
      <div class="centered" id="awardList">
+
−
<div id="photoGroup">
+
−
<div id="blueunder"></div>
+
−
<img src="https://static.igem.org/mediawiki/2017/e/e1/SYSU-Software_photo_together1_%282%29.jpg">
+
−
<img src="https://static.igem.org/mediawiki/2017/6/60/SYSU-Software_photo_together1_%283%29.jpg">
+
−
<img src="https://static.igem.org/mediawiki/2017/5/57/SYSU-Software_photo_together1_%281%29.jpg">
+
−
   
+
−
</div>
+
−
        <div style="margin:10px;">
+
−
        <h6 style="font-size: 1.5em;">Achievement</h6>
+
−
    <ul style="margin: auto;list-style-image: none;list-style-type: none;">
+
−
        <li><img class="ui avatar image" src="https://static.igem.org/mediawiki/2017/0/00/T--SYSU-Software--medal_gold.png" style="width:auto;">2017 Best Software Project</li>
+
−
        <li><img class="ui avatar image" src="https://static.igem.org/mediawiki/2017/0/00/T--SYSU-Software--medal_gold.png" style="width:auto;">2017 Best Applied Design Nominated</li>
+
−
        <li><img class="ui avatar image" src="https://static.igem.org/mediawiki/2017/0/00/T--SYSU-Software--medal_gold.png" style="width:auto;">2017 Best Model Nominated</li>
+
−
        <li><img class="ui avatar image" src="https://static.igem.org/mediawiki/2017/0/00/T--SYSU-Software--medal_gold.png" style="width:auto;">2017 Gold Medal</li>
+
−
    </ul>
+
−
</div>
+
−
      </div>
+
−
      <h2>Overview</h2>
+
−
        <div class="page-content"><p>
+
−
        <a href="http://sdin.sysusoftware.info">S-Din</a> (Search engine and Design platform for inspiration with Network analysis) is an integrated Search Engine and Design Platform, developed specifically for Synthetic Biology. Due to the exponential growth of published researches, many of them have never been fully exploited of their values. S-Din has been designed to integrate searching and designing seamlessly, finding exactly what users need and enabling users to edit simultaneously. What's more exciting about S-Din is that tree of words and various analyses were developed to inspire the user to generate a better idea. A <a href="https://2017.igem.org/Team:SYSU-Software/Model">simulation model</a> was developed to help ensure the robustness of user’s design and <a href="https://2017.igem.org/Team:SYSU-Software/Project#wet-lab">wet-lab validation</a> was conducted to validate its reliability. Our Github repo can be access from <a href="http://github.com/igemsoftware2017/SYSU-Software-2017">here</a>.
+
−
        </p></div>
+
−
        <br></br>
+
−
      </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 was developed specifically for Synthetic Biology. With the power of our Algorithm, we provide a one-stop solution to start a 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 a better project with S-Din.
+
−
          </p>
+
−
        </div>
+
−
      </div>
+
−
      <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 functional parts together to fulfill your need. Or you can create a <em>de novo</em> 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 projects, parts, and keywords for analysis, aiming to help our users explore the treasures 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 interaction 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, to help you construct 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 parts interacting with the chosen one. Use your imagination, ponder 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 fits in all the circuits, it worths a shot. Our modeler developed a general model to allow users to simulate any circuits.
+
−
              </p>
+
−
            </div>
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
      <div class="subsection description">
+
−
        <div class="page-content">
+
−
          <h4>WHY S-Din?</h4>
+
−
          <h5>Background</h5>
+
−
          <div class="paragraph">
+
−
            <p>
+
−
              Biosciences research is now facing an increasingly severe problem that most works were ignored and not evaluated properly. Numbers of research articles are published every year. How to utilize previous works to aid 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 class="fig-ep center">Image source:<a href="http://blogs.nature.com/news/2014/05/global-scientific-output-doubles-every-nine-years.html"> http://blogs.nature.com/news/2014/05/global-scientific-output-doubles-every-nine-years.html</a></p>
+
−
            <p>
+
−
              This year, SYSU-Software is trying to ameliorate this situation in Synthetic Biology, exploring treasures buried in the ocean of projects.
+
−
            </p>
+
−
            <p>
+
−
              To make a full use of our predecessors' geniuses and efforts in Synthetic Biology. We concluded two problems.
+
−
            </p>
+
−
            <ol>
+
−
              <li>How to find the project you need much faster and more accurately?</li>
+
−
              <li>How to integrate parts of the project you found into your own work?</li>
+
−
            </ol>
+
−
<br></br>
+
−
            <img class="ui image centered medium" src="https://static.igem.org/mediawiki/2017/b/b3/T--SYSU-Software--project_Newdata.png" alt="">
+
−
            <p>Following the standardization in Synthetic Biology, we standardized all aspects of previous projects, no matter they were from published articles or iGEM projects, into a New data format to provide you a clearer, better view when using our search engine.</p>
+
−
            <p><span class="bold">Network analysis:</span> designed to uncover potential connections between projects, helping users to locate exactly what they need.</p>
+
−
            <p><span class="bold">Customization:</span>The most exciting part of S-Din is that searching and designing are seamless. Once you find a project that might be useful, you can start editing in design platform immediately. Or you can just simply create your own from scratch.</p>
+
−
            <p><span class="bold">Extensible:</span> To ensure the database can be updated, new information can be added manually or ‘Spider’(Web crawler).</p>
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
      <div class="subsection description">
+
−
        <h4>Inspiration</h4>
+
−
        <div class="page-content">
+
−
          <div class="paragraph">
+
−
            <p>
+
−
              iGEMers have been complaining that tackling obstacles in a project is doable, but deciding what to do is exasperating. Catching your muse is like grabbing swirling smoke.
+
−
              <br>
+
−
              <br> We extend S-Din further, not only satisfying the need of starting a project but also guiding you to a clearer path.
+
−
              <br>
+
−
              <br> Therefore, the tree of words and interaction analysis are developed to inspire users. Part of the reasons we have made searching and designing seamlessly is to enable you to start designing once you catch your eureka moment.
+
−
              <br>
+
−
              <br> 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 an 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/archive/3/33/20171031225716%21T--SYSU-Software--project_GooglevsSDin.png">
+
−
        </div>
+
−
        <video src="https://static.igem.org/mediawiki/2017/f/f7/S-Din_vs_Google.mp4" controls="controls" style="width:50%;min-width:320px;padding:0 auto;"></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><a href="https://2017.igem.org/Team:SYSU-Software/Applied_Design">Applied Design</a></h2>
+
−
      <div class="subsection design">
+
−
        <h4>Introduce</h4>
+
−
        <div class="page-content">
+
−
          <div class="paragraph">
+
−
            <p>
+
−
              <span>Words from designer: </span> Scientific research is facing a problem of how to utilize the previous works, some of them are ignored, some of them are underestimated. We‘ve always wanted to make a difference in Synthetic Biology. With the help of our search engine, our users are able to examine previous projects and view at a different angle, and will be inspired by it. The gap between searching and designing are now gone. Once you catch the muse, your design can be done instantly.
+
−
            </p>
+
  
−
<img src="https://static.igem.org/mediawiki/2017/archive/7/73/20171031231251%21T--SYSU-Software--project_water.png" class="ui image centered large">
+
<script src="https://2018.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script>
−
          </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 previous projects data and all of the Parts data come from the iGEM. Projects published in articles are collected on various synthetic biology Journals. Usage permissions are granted by the publication groups.
+
−
            </p>
+
  
−
            <p>
+
  <!-- FKPageTransitions Javascript file -->
−
              All of these are stored in S-Din database so that we can satisfy the need of our users to design a Synthetic Biological project.
+
  <script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/fkpagetransitions.min.js&action=raw&ctype=text/javascript"></script>
−
            </p>
+
−
            <img src="https://static.igem.org/mediawiki/2017/archive/e/e0/20171031225637%21T--SYSU-Software--project_bio-symbols.png" class="ui image centered middle">
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
  
−
      <div class="subsection design">
+
  <!-- FKPageTransitions CSS file -->
−
        <h4>Specialty</h4>
+
  <link href="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/css/fkpagetransitions.min.css&action=raw&ctype=text/css" rel="stylesheet" />
−
        <div class="page-content">
+
−
          <div class="paragraph">
+
−
            <p>
+
−
              Even though the exponential increase of published papers is a field-wide phenomenon no only limited in Biology, we try to provide an experimental and innovative solution specialized for Synthetic Biology instead of a general solution. S-Din is built specifically for Synthetic Biology, allowing you to view previous projects and work in a standardized manner. S-Din surpasses Google on the Specialty in Synthetic Biology, seamless searching and designing and its unique way to inspire users. 
+
  
−
            </p>
+
  <link href="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/css/semantic.min.css&action=raw&ctype=text/css" rel="stylesheet" />
−
            <img src="https://static.igem.org/mediawiki/2017/3/3b/T--SYSU-Software--project_applied_design_arrow.png" class="ui image medium centered">
+
  <link href="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/css/global.css&action=raw&ctype=text/css" rel="stylesheet" />
−
            <p>
+
  <link href="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/css/index.css&action=raw&ctype=text/css" rel="stylesheet" />
−
              When you search on S-Din , we provide network analysis services to help find your targets faster, and also try to inspire you. Once you find your preferred project, you are able to edit it simultaneously on our design platform. More parts can be added by the search tools provided on the left, or you can just drag in circuits that you bookmarked into your favorite 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 DNA sequence for synthesis.
+
−
            </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 who are interested in utilizing Synthetic Biology to tackle many different real-world problems. The purpose of our system is to recommend the most related genetic parts to the users based on users' research interest detected by our system.
 
−
            </p>
 
−
            <p>
 
−
              The information we use to make recommendations is based on a database powered by NLP and Random Walk, which contains scores between each keyword and each genetic part. Formally, it is a matrix consisting of the number of keywords and the number of Parts. The element at the row and column is the score between the keyword and genetic Part that can reflect the connection between them. (Higher score suggests stronger connection).
 
−
            </p>
 
−
            <img src="https://static.igem.org/mediawiki/2017/6/66/T--SYSU-Software--model_workflow.jpg" alt="" class="ui image middle centered">
 
−
            <p>
 
−
              The overall strategy of our system is Collaborative Filtering, i.e. we first search similar keywords in our database of the unknown word offered by users, then recommend genetic parts which are highly related to those keywords that are suggested for users.
 
−
            </p>
 
−
            <p>
 
−
              How to find the most similar keywords 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 techniques in Deep Learning to convert words into numerical vectors and the cosine similarities between each vector can represent the semantic similarities between words. To search the similar keyword efficiently, we use the KD Tree Algorithm, a speedy algorithm based on the 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>
 
−
              At scientific journals, keywords are often required for publishing articles. Keywords can be used for indexing or searching, and offer a faster way for readers to browse the content of a project and find their interests.
 
−
            </p>
 
−
            <p>In fact, in 2015, iGEM try to collect some <a href="https://2015.igem.org/Keywords" target="_blank">keywords</a> by asking teams to submit.
 
−
            </p>
 
−
            <img src="https://static.igem.org/mediawiki/2017/d/de/T--SYSU-Software--project_azure.png">
 
−
            <p>
 
−
              This year, a new data format is created and its keywords enable our network analysis. First, We used <a href="https://azure.microsoft.com/en-us/services/cognitive-services/text-analytics/" style="padding:0">Microsoft Text Analytics Service</a> to extract keywords from wiki texts of previous projects. Only the most frequently used keywords will be focused. 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, related information will be provided based on the network analysis, which would spark a brand new idea unexpectedly.
 
−
            </p>
 
−
          </div>
 
−
          <h5>Interaction analysis</h5>
 
−
          <p>
 
−
            When you use interaction analysis for a Part on the design platform, any other parts or protein that might interact with the chosen part will be displayed and can be added to the platform. We had built an interaction database ourselves, the sources of data were iGEM Registry and STRING Database. Scores for parts come from the STRING Database.
 
−
          </p>
 
−
          <img src="https://static.igem.org/mediawiki/2017/7/7b/T--SYSU-Software--project_string_m.png" alt="" class="ui image medium centered">
 
−
        </div>
 
−
      </div>
 
−
      <div class="subsection design">
 
−
        <h4>Simulation & Plasmid Design</h4>
 
−
        <div class="page-content">
 
−
          <p>
 
−
            S-Din allow our innovative users with fascinating idea to combine various genetic parts together to form a brand-new genetic circuits that may never exist before.To help them 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 built a rather generic model capable of simulating various genetic circuits.
 
−
          </p>
 
−
          <img src="https://static.igem.org/mediawiki/2017/8/8d/T--SYSU-Software--project_plasmid.png" alt="" class="ui image medium centered">
 
−
          <p>
 
−
          After your Design, you can choose to convert your circuits into Plasmids (Customizable) for further synthesis.
 
−
          </p>
 
−
        </div>
 
−
      </div>
 
−
      <div class="subsection design">
 
−
        <h4>Techniques</h4>
 
−
            <div class="page-content">
 
−
              <p>
 
−
                As a web application. Django with Python 3 was choosen for back-end 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>
 
−
              <img src="https://static.igem.org/mediawiki/2017/2/2f/T--SYSU-Software--project_djanandpython.png" alt="" class="ui image small centered">
 
−
            </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>
 
−
            At S-Din, we want to help bio-builder design genetic circuit seamlessly and simply. After we finish building it, we carried out a validation experiment of this workflow. We tested the efficiency and reliability of S-Din in this wet lab validation, and the experimental data can also validate the simulation part in our software.
 
−
          </p>
 
−
        </div>
 
−
      </div>
 
−
      <div class="subsection paragraph wet-lab">
 
−
        <div class="page-content">
 
−
          <h4>Motivation</h4>
 
−
          <p>
 
−
            In the recent few decades, due to the depletion of the ozone layer, the potential risks of skin cancer and cataract has been growing. Our journey with S-Din began with a curiosity of how to detect UV. But we didn’t have a clear idea and didn'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. Setting up the interested research field:</span> After logging in, we set up our interest. Because we were curious about UV detection, we chose DETECTION.
 
−
          </p>
 
−
          <img src="https://static.igem.org/mediawiki/2017/1/15/T--SYSU-Software--project-keywords.jpg" alt="not provide" class="centered blue-shadowed screen-crop">
 
−
          <p>
 
−
            <span class="bold">2. Browsing on S-Din:</span> When surfing on S-Din, we found UV detection to be a hot area. Annual projects statistics is on the right side.
 
−
          </p>
 
−
          <img src="https://static.igem.org/mediawiki/2017/archive/5/5a/20171101130818%21T--SYSU-Software--project_uv-search.png" alt="not provide" class="centered blue-shadowed screen-crop">
 
  
−
          <p>
+
<div class="ui page inverted dimmer">
−
            <span class="bold">3. Searching the previous project:</span> Standing on the shoulders of giants, we wondered what ideas our predecessors could give us. We searched for ‘UV detection'. With data analysis and score, we found ETH_Zurich 2012 and marked it.
+
    <div class="content">
−
          </p>
+
      <img id="loading" src="https://static.igem.org/mediawiki/2018/1/18/T--SYSU-Software--loading.gif" />
−
          <img src="https://static.igem.org/mediawiki/2017/3/33/T--SYSU-Software--project-wetlab.png" alt="not provide" class="centered blue-shadowed screen-crop">
+
      <div class="ui progress" id="page-process">
−
 
+
         <div class="bar">
−
          <p>
+
           <div class="progress"></div>
−
            <span class="bold">4. Intelligent recommendation:</span> Based on the database, S-Din recommended us to use a device from Colombia 2014. After browsing its information, we decided to accept the suggestion from S-Din.
+
−
          </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>
+
−
            <span class="bold">5. Editing the circuit:</span> We deleted some extra parts of the ETH_Zurich device because we decided to use only the UV sensor. The surveillance system showed that the safety level of our circuit is <span class="bold">low risk</span> (Upper right corner).
+
−
          </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">
+
−
          <p><span class="bold">6. Simulation:</span>We ran the mathematical models in our software.  Picture.1 shows 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>
+
−
          <img src="https://static.igem.org/mediawiki/2017/archive/e/e7/20171102025120%21T--SYSU-Software--project_parameter.jpg" class="ui image middle centered blue-shadowed">
+
−
          <p class="fig-ep center">Parameter explaination</p>
+
−
          <p>
+
−
$$\frac{\text{d}\,\text{[UVR8-TetR]}}{\text{d}\,t}=\alpha_1\frac{\text{[UVR8-TetR]}}{1+\text{[UV]}^k}-d_1\text{[UVR8-TetR]}$$
+
−
$$\frac{\text{d}\,\text{[Blue]}}{\text{d}\,t}=\beta_1{\frac{\text{[amilcp]}}{1+\text{[UVB-TetR]}^{a_1}}}\cdot\frac{1}{1+(\frac{h_1}{\text{[PSP]}})^{a_2}}-\text{d}_2\text{[Blue]}$$
+
−
$$\frac{\text{d}\,\text{[PsP3]}}{\text{d}\,t}=\gamma_1{\frac{\text{[PsP3]}}{1+\text{[UVB-TetR]}^{a_1}}}\cdot\frac{1}{1+(\frac{h_1}{\text{[PSP]}})^{a_2}}-\text{d}_3\text{[PsP3]}$$
+
−
          </p>
+
−
          <p>
+
−
            <span class="bold">7. The plasmid design:</span> After finishing our design, we clicked on the bottom, then the shape of our plasmid came out. So we had a system that will produce AmilCP, a kind of blue protein when it detects UV.
+
−
          </p>
+
−
          <!-- <img src="../images/project/T--SYSU-Software--jietu4.png" alt="not provide" class="centered blue-shadowed screen-crop"> -->
+
−
      </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 show 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 incubating for about 18 hours, the positive clone turned 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>
 
       </div>
−
 
+
    </div>
−
      <div class="subsection paragraph wet-lab">
+
  </div>
−
        <div class="page-content">
+
  <div class="pusher">
−
 
+
    <div class="full height">
−
          <h5>Experimental data</h5>
+
      <div class="following bar">
−
          <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 took samples every few hours. 22 hours later, we got the blue bacteria moss (Photo.3 ). The bacteria had been broken by ultrasonic crusher, and then we used the OD588 to measure the concentration of the blue protein (Photo. 4).</p>
+
        <div class="ui container">
−
 
+
          <div class="ui large secondary menu">
−
          <div class="double-pic">
+
             <div class="item">
−
            <div class="pic">
+
               <img id="logo" src="https://static.igem.org/mediawiki/2018/6/62/T--SYSU-Software--logo.png" />
−
              <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 exposure to 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>
 +
            <a class="item default text" id="home" data-value="1">Home</a>
 +
            <div class="ui dropdown link item" id="Project"></div>
 +
            <div class="ui dropdown link item" id="Modeling"></div>
 +
            <div class="ui dropdown link item" id="HumanPractice"></div>
 +
            <div class="ui dropdown link item" id="Collaboration"></div>
 +
            <div class="ui dropdown link item" id="Interlab"></div>
 +
            <div class="ui dropdown link item" id="Medal"></div>
 +
            <div class="ui dropdown link item" id="Team"></div>
 +
            <div class="ui dropdown link item" id="Safety"></div>
 +
            <div class="ui dropdown link item" id="Attributions"></div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
  
−
       <div class="subsection paragraph wet-lab">
+
       <ul class="myfkpage">
−
         <div class="page-content">
+
         <li id="virtual"></li>
−
          <h5>Simulation validation and result analysis</h5>
+
        <li class="noscroll" id="Home">
−
          <div class="paragraph">
+
          <div class="page-container">
−
            <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>
+
            <a href="javascript:void(0)">
−
            <div class="double-pic">
+
               <video id="home-video" style="object-fit: cover" src="https://static.igem.org/mediawiki/2018/f/f7/T--SYSU-Software--startnow.mov"
−
              <div class="pic">
+
                preload="auto" muted></video>
−
                <img src="https://static.igem.org/mediawiki/2017/f/f1/T--SYSU-Software--project_result-validation1.png" alt="" class="centered blue-shadowed">
+
             </a>
−
                <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 showed preferable performance (Picture.4). The result proved that our simulation works. After 7 hours, the experiment data was higher than predicted value, potentially caused by bacterial reproduction.</p>
+
 
           </div>
 
           </div>
−
         </div>
+
         </li>
−
      </div>
+
        <!-- Project -->
−
    </section>
+
        <li class="scroll" id="Description"></li>
 +
        <li class="scroll" id="Design"></li>
 +
        <li class="scroll" id="Feature"></li>
 +
        <li class="scroll" id="Techniques"></li>
 +
        <li class="scroll" id="Validation"></li>
 +
        <li class="scroll" id="Demo"></li>
 +
        <li class="scroll" id="Contribution"></li>
 +
        <li class="scroll" id="Improve"></li>
 +
        <li class="scroll" id="Demostrate"></li>
 +
        <!-- Modeling -->
 +
        <li class="scroll" id="Modeling-Overview"></li>
 +
        <li class="scroll" id="Recommendation"></li>
 +
        <li class="scroll" id="Simulation-Circuits"></li>
 +
        <li class="scroll" id="Evolution-Algorithm"></li>
 +
        <li class="scroll" id="Reference"></li>
 +
        <!-- Human Practice -->
 +
        <li class="scroll" id="HP-Overview"></li>
 +
        <li class="scroll" id="HP-Siliver"></li>
 +
        <li class="scroll" id="HP-Gold"></li>
 +
        <li class="scroll" id="Human-Practice"></li>
 +
        <li class="scroll" id="Public-Engagement"></li>
 +
        <!-- Collaboration -->
 +
        <li class="scroll" id="XMU"></li>
 +
        <li class="scroll" id="SCUT"></li>
 +
        <li class="scroll" id="WHU"></li>
 +
        <li class="scroll" id="SYSU"></li>
 +
        <!-- Interlab -->
 +
        <li class="scroll" id="I-Overview"></li>
 +
        <li class="scroll" id="Experiment"></li>
 +
        <li class="scroll" id="Material-Methods"></li>
 +
        <li class="scroll" id="Results"></li>
 +
        <!-- Safety -->
 +
        <li class="scroll" id="Wet-Lab"></li>
 +
        <li class="scroll" id="Dry-Lab"></li>
 +
        <!-- Medal -->
 +
        <li class="scroll" id="Medal-Overview"></li>
 +
        <li class="scroll" id="Medal-Bronze"></li>
 +
        <li class="scroll" id="Medal-Sliver"></li>
 +
        <li class="scroll" id="Medal-Gold"></li>
 +
        <!-- Team -->
 +
        <li class="scroll" id="T-Overview"></li>
 +
        <li class="scroll" id="Members"></li>
 +
        <li class="scroll" id="Advisors"></li>
 +
        <li class="scroll" id="Instructors"></li>
 +
        <li class="scroll" id="Notebook"></li>
 +
        <!-- Attributions -->
 +
        <li class="scroll" id="A-Overview"></li>
 +
        <li class="scroll" id="Group"></li>
 +
        <li class="scroll" id="Attribution"></li>
 +
        <li class="scroll" id="Acknowlegement"></li>
  
−
    <section class="full" id="demonstrate">
+
      </ul>
−
      <img src="https://static.igem.org/mediawiki/2017/8/84/T--SYSU-Software--project_edit_image.png" class="icon">
+
      <div class="side-bar">
−
      <div class="page-content">
+
        <div class="sticky-navigator lastpage"><img src="https://static.igem.org/mediawiki/2018/4/4c/T--SYSU-Software--lastpage.png"><span
−
         <h2><a href="https://2017.igem.org/Team:SYSU-Software/Demonstrate">Demonstration</a></h2>
+
            class="navigator-notice">Last Page</span></div>
 +
        <div class="sticky-navigator top"><img src="https://static.igem.org/mediawiki/2018/0/0d/T--SYSU-Software--top.png"><span
 +
            class="navigator-notice">Go top</span></div>
 +
         <div class="sticky-navigator nextpage"><img src="https://static.igem.org/mediawiki/2018/5/56/T--SYSU-Software--naextpage.png"><span
 +
            class="navigator-notice">Next Page</span></div>
 
       </div>
 
       </div>
−
      <div class="subsection demonstration" id="installability">
+
    </div>
−
        <div class="page-content">
+
−
          <h3>Installability test</h3>
+
−
          <div class="paragraph">
+
−
            <p>we successfully installed S-Din on Windows and Linux system.</p>
+
−
            <p>We recommend users to follow the installation tutor on our <a href="https://github.com/igemsoftware2017/SYSU-Software-2017" target="_blank">github repository</a></p>
+
−
          </div>
+
−
          <h4>Hardware requirements</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 show.</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="subsection demonstration">
 
−
        <div class="page-content">
 
−
          <h4>Linux</h4>
 
−
          <h5>Environment</h5>
 
−
          <img src="https://static.igem.org/mediawiki/2017/5/5d/T--SYSU-Software--project_linux.png" alt="" class="screenshot middle centered green-shadowed">
 
−
          <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>
 
−
 
−
          <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>Mac OS Sierra</h4>
 
−
          <h5>Environment</h5>
 
−
          <img src="https://static.igem.org/mediawiki/2017/2/27/T--SYSU-Software--project_mac.png" alt="" class="screenshot middle centered black-shadowed">
 
−
          <p class="fig-ep">MacBook Air(13-inch, Early 2015) with maxOS Sierra (Version 10.12.6), 2.2GHz Intel Core i7 and 8GB 1600 MHz DDR3.</p>
 
−
 
−
          <h5>Result</h5>
 
−
          <img src="https://static.igem.org/mediawiki/2017/6/6a/T--SYSU-Software--project_Mac-result.png" alt="" class="screenshot middle centered black-shadowed">
 
−
        </div>
 
−
      </div>
 
−
     
 
−
      <div class="subsection demonstration">
 
−
        <div class="page-content">
 
−
          <h4>Successful installation result</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 use S-Din to search Synthetic biology projects and desin circuits.</p>
 
−
          <h4 class="step">1</h4>
 
−
          <p class="explain">If you want to use the design platform, Register an account first. But no need for search engine.</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, enter some words in search bar, projects will be presented to you according to your input.</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/f/f5/T--SYSU-Software--demonstration_uv-light-detection.jpg" 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 what you are insterested in and view details about this project. Read about this work and you may be inspired from it.</p>
 
−
          <img src="https://static.igem.org/mediawiki/2017/1/14/T--SYSU-Software--demonstration-3-more-info.jpeg" 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 parts and add them to the design canvas, parts info are presented.</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 canvas, 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">After you finish your work, the simulation can help you check your design.</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 or Mac!</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 initiating this project. User study is also important because it helps 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 considerate 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 view, i need to say the software still needs to be improved in order to better fit in the need of expertise. Though the current version is good enough."</p>
 
−
              </div>
 
−
            </div>
 
−
 
−
            <div class="interview">
 
−
              <h5>Haoquan Zhao</h5>
 
−
              <p class="intro">Ph.D. Student of bioinformatics , Columbia University</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 biological? There are lots of processes needed to reflect on circuits of pathway sketch."</p>
 
−
                <p>"Beautiful UI, how much money did your team pay the designers?"</p>
 
−
              </div>
 
−
            </div>
 
−
            <div class="interview last">
 
−
              <h5>Jiajin Li</h5>
 
−
              <p class="intro">PhD student, University of California, Los Angeles</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. It's a nice solution to standardize the data from different sources."</p>
 
−
                <p>"There are things you need to consider like the updating of your database and how to encourage others to use your software. <em>Well done but keep on!</em>"</p>
 
−
              </div>
 
−
            </div>
 
−
          </div>
 
−
        </div>
 
−
      </div>
 
−
      <div class="subsection demonstration">
 
−
        <div class="page-content">
 
−
          <h3>Future works</h3>
 
−
          <div class="paragraph" id="future-work">
 
−
            <h5>1. Expand the scale of our database.</h5>
 
−
            <p>Projects in iGEM and literature field are grow at a remarkable speed, thus it's a responsible for us to update the data in our database regularly so that our users can catch the latest ideas and utilize into reproduction and testing. In next year, every team and publisher will be invited to redraw their genetic circuit on our design platform for seamless reutilization in future works, which is the most fastest and accurate way we can imagine for expanding the database. For display aspect, a wiki plug-in tool of S-Din will be developed so that all the teams next year can using the same editable tools in their wiki so that no more PS will be needed and also benefit us for gathering data from the first hand.</p>
 
−
            <h5>2. Evaluating an uncarried-on project by Artificial Intelligence.</h5>
 
−
            <p>In the future, we are going to adding a crowdsourcing feature in our software. To evaluate the project, a reliable auto-judging system will be created. The evaluation system will not only consist of simulation results but also variety of aspects that may affect the reliability of a project to function well (not only for Competition Awards but also for TRUE scientific & social effect it has). Machine learning and other method in big data mining area will definitely be used in the coming feature.</p>
 
−
            <h5>3. More validation experiments and feedbacks.</h5>
 
−
            <p>According to basic principles of engineering, iteration of the design-test-redesign circle for a product could never be enough. More efficient and user friendly features will be added during our further human practice in Synthetic Biology field. In our human practice section, we have demonstrate how we gain the idea of S-Din and how we enhanced it during the summer. We will do the same job for future improvement of S-Din, to make S-Din more popular and well-featured.</p>
 
−
            <h5>4. Dynamic data flow for synthetic biology.</h5>
 
−
            <p>During the brain storm, we want to add the feature that can provide dynamic data (news, latest paper) which can automatically upgraded everyday. Due to the limitation of time, we didn't merge this function into our software. In the future, these feature will be also added.</p>
 
−
            <h5>5. System optimization of the whole genome with the inserted circuits.</h5>
 
−
            <p>As a software team in synthetic biology, we felt responsible to build a software that can truly utilize the power of computer and algorithm to manage synthetic biologists  to accomplish important and complexed tasks. After circuits getting used seamlessly from search results, an consideration of the genome level are going into our sight. As the electronic system, performance and connection can be optimized to a most efficient or robustest way. </p>
 
−
            <p>S-Din is the first step of our ambition to solve real synthetic biology problem based on which further project will have a ground foundation of data collection.</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>
 
   </div>
−
  <style>
 
−
div#awardList {
 
−
    display: flex;
 
−
    border-radius: 25px;
 
−
    box-shadow: 3px 6px 10px #c0c0c0;
 
−
    background: white;
 
−
    width: 75%;
 
−
    flex-flow: row wrap;
 
−
    justify-content: space-around;
 
−
    align-items: center;
 
−
    margin: 2.5em auto 3em auto;
 
−
}
 
  
  
−
#truePage.realPage #photoGroup {
+
<script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/loader.js&action=raw&ctype=text/javascript"></script>
−
    display: flex;
+
<script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/navigator.js&action=raw&ctype=text/javascript"></script>
−
    width: 45%;
+
<script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/index.js&action=raw&ctype=text/javascript"></script>
−
    flex-flow: row wrap;
+
<script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/iGemOverride.js&action=raw&ctype=text/javascript"></script>
−
    margin: 2em 20px 3.2em 20px;
+
−
    justify-content: space-between;
+
−
    align-items: center;
+
−
    position: relative;
+
−
    min-width: 280px;
+
−
}
+
−
#truePage.realPage #photoGroup>img:first-of-type {
+
−
    height: 100%;
+
−
    width: 100%;
+
−
    margin: 10px 0;
+
−
}
+
−
div#blueunder {
+
−
    background: #cce6ff;
+
−
    position: absolute;
+
−
    z-index: inherit;
+
−
    left: 15px;
+
−
    top: 20px;
+
−
    width: 100%;
+
−
    height: 100%;
+
−
}
+
−
#truePage.realPage #photoGroup>img {
+
−
    width: inherit;
+
−
    height: auto;
+
−
    display: block;
+
−
    margin: 10px 0 0 0;
+
−
    z-index:1;
+
−
}
+
−
  </style>
+
−
  <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>
+
−
  <script src="https://2017.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
  
 
</html>
 
</html>

Latest revision as of 19:50, 17 October 2018

Home
Last Page
Go top
Next Page