Difference between revisions of "Team:SYSU-Software"

 
(23 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{SYSU-Software}}
 
{{SYSU-Software}}
<html>
+
<html>
 +
  <!-- start content-->
 
   <div id="bannerContainer">
 
   <div id="bannerContainer">
 
     <div id="title">
 
     <div id="title">
Line 8: Line 9:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
   <link rel="stylesheet" href="./css/home.css">
+
   <!--link(rel="stylesheet", href="./css/home.css")-->
   <!--link(rel='stylesheet', type='text/css', href='https://2015.igem.org/Template:SYSU-Software/CSS/Home?action=raw&ctype=text/css')-->
+
   <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:SYSU-Software/CSS/Home?action=raw&amp;ctype=text/css">
 
   <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:SYSU-Software/CSS/BOOT?action=raw&amp;ctype=text/css">
 
   <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:SYSU-Software/CSS/BOOT?action=raw&amp;ctype=text/css">
 +
  <!--script(src="./css/home.js")-->
 
   <script src="https://2015.igem.org/Template:SYSU-Software/JS/Home?action=raw&amp;ctype=text/javascript"></script>
 
   <script src="https://2015.igem.org/Template:SYSU-Software/JS/Home?action=raw&amp;ctype=text/javascript"></script>
 
   <script src="https://2015.igem.org/Template:SYSU-Software/JS/BOOT?action=raw&amp;ctype=text/javascript"></script>
 
   <script src="https://2015.igem.org/Template:SYSU-Software/JS/BOOT?action=raw&amp;ctype=text/javascript"></script>
 +
  <style>
 +
    .center {
 +
      text-align: center;
 +
    }
 +
   
 +
    .bold {
 +
      font-weight:bold;
 +
    }
 +
   
 +
    .Row {
 +
      width: 100%;
 +
      height: auto;
 +
      background-color: #F8F8F8;
 +
      padding-bottom: 40px;
 +
    }
 +
   
 +
    .trueFirst {
 +
      width:80%;
 +
      margin: 0 auto;
 +
      padding-top:30px;
 +
    }
 +
   
 +
    #contentContainer .trueFirst p {
 +
      line-height: 1.8em;
 +
    }
 +
   
 +
    .container {
 +
      margin: 0 auto;
 +
      margin-top: 80px;
 +
      width: 72.9%;
 +
      padding-left: 0;
 +
    }
 +
   
 +
    .aimg {
 +
      float:left;
 +
    }
 +
   
 +
    .aimg p {
 +
      margin-top: 15px;
 +
    }
 +
   
 +
    .right {
 +
      margin-left: 170px;
 +
    }
 +
   
 +
  </style>
 
   <div id="contentContainer">
 
   <div id="contentContainer">
     <div class="firstSection">
+
     <div class="Row">
       <div class="BackgroundCore">
+
       <div class="trueFirst">
         <div class="TruebackGroundPositioner">
+
         <h2>Abstract</h2>
          <div class="background">
+
        <h2 class="center">Collaborative building of genetic design.</h2>
            <div data-wow-duration="1s" data-wow-delay="1.5s" class="CoDevelopment wow fadeIn"></div>
+
        <p>The complexity in biological systems has made genetic circuit design difficult for individuals. Without co-development and an open, proof-of-principle engineering platform, it is hard for synthetic biologists to manage this complexity. To address this problem, we developed <span class="bold">Crowdsourcing Open Redesign Engine (CORE)</span>, an open and extensible software that allows users to design, share and cooperate in synthetic biology. CORE mainly consists of two closely interconnected modules. One is the "Synbio Hub". It helps users design and redesign, share and reuse previous projects according to the principle of modularized design. The other one is the CORE Design module embedded in the platform, which promotes genetic circuit design and assists wet-lab practices through protocol management and experiment schedule. Besides, a novel numerical simulation in CORE Design can predict the behaviour of genentic circuit, which was validated by our self-designed <a href="https://2015.igem.org/Team:SYSU-Software/Validation">wetlab experiments.</a>In conclusion, the combination of a crowdsourcing platform and a novel design module makes complex design more accessible to synthetic biologists.</p>
            <div data-wow-duration="1s" data-wow-delay="3.5s" class="synTitle wow fadeIn">
+
              <h1>“Synbio Hub”</h1>
+
            </div>
+
            <div data-wow-duration="1s" data-wow-delay="2s" class="coreBank wow fadeIn"></div>
+
          </div>
+
          <div data-wow-duration="1s" data-wow-delay="3.5s" class="TruebackGround wow fadeIn"></div>
+
        </div>
+
        <div class="CorePositioner">
+
          <div class="leftDescription Description">
+
            <p>Collaboration results in great projects.</p>
+
            <p>Crowdsourcing helps synthetic biologists </p>
+
            <p>identify problems and </p>
+
            <p>co-develop their constructs.</p>
+
          </div>
+
          <div class="rightDescription Description">
+
            <p>Reuse and re-design lead to efficiency. </p>
+
            <p> Standard repository of genetic design </p>
+
            <p> helps “stand on the shoulder of the giants”</p>
+
            <p>while prevent “re-inventing the wheels”.</p>
+
          </div>
+
        </div>
+
 
       </div>
 
       </div>
       <div class="rowSecond">
+
       <div class="container">
         <div class="wordContainer">
+
         <div class="aimg"><a href="http://core.sysusoftware.info"><img src="https://static.igem.org/mediawiki/2015/8/8f/SYSU-Software_Abstract_03.jpg"></a>
          <div data-wow-duration="1s" data-wow-delay="1s" class="CoDevelopmentTitle wow fadeIn">
+
           <p class="center">Start Using</p>
            <h1>Co-development</h1>
+
            <p>Crowdsourcing platform for collaborative design.</p>
+
          </div>
+
           <div data-wow-duration="1s" data-wow-delay="1.3s" class="coreBankTitle wow fadeIn">
+
            <h1>CORE Bank</h1>
+
            <p>A standardized genetic design repositories.</p>
+
          </div>
+
 
         </div>
 
         </div>
      </div>
+
        <div class="aimg right"><a href="https://2015.igem.org/Team:SYSU-Software/Features"><img src="https://static.igem.org/mediawiki/2015/c/c6/SYSU-Software_Abstract_05.jpg"></a>
      <div class="rowThird">
+
           <p class="center">Features</p>
        <div class="DesignContainer">
+
          <div data-wow-duration="1s" data-wow-delay="3s" class="Design wow fadeIn"></div>
+
           <div data-wow-duration="1s" data-wow-delay="3s" class="DesignTitle wow fadeIn">
+
            <h1>CORE Design</h1>
+
            <p>Integrated solutions for wet-lab assistance.</p>
+
          </div>
+
 
         </div>
 
         </div>
         <div class="DesignDescription">
+
         <div class="aimg right"><a href="https://2015.igem.org/Team:SYSU-Software/Tutorials"><img src="https://static.igem.org/mediawiki/2015/c/c7/SYSU-Software_Abstract_07.jpg"></a>
          <p>For Synbio, genetic design is the basis but not the whole story. </p>
+
           <p class="center">User Guide</p>
           <p> Mathematical modeling, plasmid design,</p>
+
        </div>
           <p>protocol management and experiment schedule are good auxiliaries.</p>
+
        <div class="aimg right"><a href="https://github.com/igemsoftware/SYSU-Software-2015"><img src="https://static.igem.org/mediawiki/2015/0/06/SYSU-Software_Abstract_09.jpg"></a>
 +
           <p class="center">GitHub</p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
     <div class="secondSection">
 
     <div class="secondSection">
       <div id="myCarousel" class="carousel slide">
+
       <div id="myCarousel1" data-ride="carousel" class="carousel slide">
 
         <!-- Indicators-->
 
         <!-- Indicators-->
 
         <ol class="carousel-indicators">
 
         <ol class="carousel-indicators">
           <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
           <li data-target="#myCarousel1" data-slide-to="0" class="active"></li>
           <li data-target="#myCarousel" data-slide-to="1"></li>
+
           <li data-target="#myCarousel1" data-slide-to="1"></li>
           <li data-target="#myCarousel" data-slide-to="2"></li>
+
           <li data-target="#myCarousel1" data-slide-to="2"></li>
 
         </ol>
 
         </ol>
 
         <!-- Wrapper for slides-->
 
         <!-- Wrapper for slides-->
Line 82: Line 97:
 
           <div class="item"><img src="https://static.igem.org/mediawiki/2015/8/8f/SYSU-Software_Wiki_Home_Motivation_3.jpeg" alt="bg"></div>
 
           <div class="item"><img src="https://static.igem.org/mediawiki/2015/8/8f/SYSU-Software_Wiki_Home_Motivation_3.jpeg" alt="bg"></div>
 
         </div>
 
         </div>
         <!-- Controls--><a href="#myCarousel" role="button" data-slide="prev" class="carousel-control left"></a><a href="#myCarousel" role="button" data-slide="next" class="carousel-control right"></a>
+
         <!-- Controls--><a href="#myCarousel1" role="button" data-slide="prev" class="carousel-control left"></a><a href="#myCarousel1" role="button" data-slide="next" class="carousel-control right"></a>
 +
      </div>
 +
    </div>
 +
    <div class="firstSection"><img src="https://static.igem.org/mediawiki/2015/0/07/SYSU-Software_Wiki_Home_Our_Project.jpg" alt="" width="100%"></div>
 +
    <div class="features">
 +
      <div id="myCarousel3" data-ride="carousel" class="carousel slide">
 +
        <!-- Indicators-->
 +
        <ol class="carousel-indicators">
 +
          <li data-target="#myCarousel3" data-slide-to="0" class="active"></li>
 +
          <li data-target="#myCarousel3" data-slide-to="1"></li>
 +
          <li data-target="#myCarousel3" data-slide-to="2"></li>
 +
<li data-target="#myCarousel3" data-slide-to="3"></li>
 +
<li data-target="#myCarousel3" data-slide-to="4"></li>
 +
        </ol>
 +
        <!-- Wrapper for slides-->
 +
        <div class="carousel-inner">
 +
          <div class="item"><img src="https://static.igem.org/mediawiki/2015/8/8c/SYSU-Software_Wiki_Home_Motivation_Features2.jpg" alt=""></div>         
 +
          <div class="item"><img src="https://static.igem.org/mediawiki/2015/e/e8/SYSU-Software_Wiki_Home_Motivation_Features3.jpg" alt=""></div>
 +
          <div class="item"><img src="https://static.igem.org/mediawiki/2015/6/6b/SYSU-Software_Wiki_Home_Motivation_Features4.jpg" alt=""></div>
 +
          <div class="item"><img src="https://static.igem.org/mediawiki/2015/1/14/SYSU-Software_Wiki_Home_Motivation_Features5.jpg" alt=""></div>
 +
<div class="item active"><img src="https://static.igem.org/mediawiki/2015/b/ba/SYSU-Software_Wiki_Home_Motivation_Features1.jpg" alt="bg"></div>
 +
        </div>
 +
        <!-- Controls--><a href="#myCarousel3" role="button" data-slide="prev" class="carousel-control left"></a><a href="#myCarousel3" role="button" data-slide="next" class="carousel-control right"></a>
 +
      </div>
 +
    </div>
 +
    <div class="humanPractice">
 +
      <div id="myCarousel2" class="carousel slide">
 +
        <!-- Indicators-->
 +
        <ol class="carousel-indicators">
 +
          <li data-target="#myCarousel2" data-slide-to="0" class="active"></li>
 +
          <li data-target="#myCarousel2" data-slide-to="1"></li>
 +
        </ol>
 +
        <!-- Wrapper for slides-->
 +
        <div class="carousel-inner">
 +
          <div class="item active"><img src="https://static.igem.org/mediawiki/2015/c/ca/SYSU-Software_Wiki_Home_Collaborations.jpeg" alt="bg"></div>
 +
          <div class="item"><img src="https://static.igem.org/mediawiki/2015/7/78/SYSU-Software_Wiki_Home_HumanPractices.jpeg" alt="bg"></div>
 +
        </div>
 +
        <!-- Controls--><a href="#myCarousel2" role="button" data-slide="prev" class="carousel-control left"></a><a href="#myCarousel2" role="button" data-slide="next" class="carousel-control right"></a>
 
       </div>
 
       </div>
 
     </div>
 
     </div>

Latest revision as of 17:08, 1 October 2015

SYSU-SOFTWARE IGEM 2015

Abstract

Collaborative building of genetic design.

The complexity in biological systems has made genetic circuit design difficult for individuals. Without co-development and an open, proof-of-principle engineering platform, it is hard for synthetic biologists to manage this complexity. To address this problem, we developed Crowdsourcing Open Redesign Engine (CORE), an open and extensible software that allows users to design, share and cooperate in synthetic biology. CORE mainly consists of two closely interconnected modules. One is the "Synbio Hub". It helps users design and redesign, share and reuse previous projects according to the principle of modularized design. The other one is the CORE Design module embedded in the platform, which promotes genetic circuit design and assists wet-lab practices through protocol management and experiment schedule. Besides, a novel numerical simulation in CORE Design can predict the behaviour of genentic circuit, which was validated by our self-designed wetlab experiments.In conclusion, the combination of a crowdsourcing platform and a novel design module makes complex design more accessible to synthetic biologists.

Start Using

Features

User Guide

GitHub