Difference between revisions of "Team:SYSU-Software"

 
(14 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" 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/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">
Line 13: Line 15:
 
   <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="trueFirst"></div>
+
     <div class="Row">
 +
      <div class="trueFirst">
 +
        <h2>Abstract</h2>
 +
        <h2 class="center">Collaborative building of genetic design.</h2>
 +
        <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>
 +
      <div class="container">
 +
        <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>
 +
          <p class="center">Start Using</p>
 +
        </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>
 +
          <p class="center">Features</p>
 +
        </div>
 +
        <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 class="center">User Guide</p>
 +
        </div>
 +
        <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 class="secondSection">
 
     <div class="secondSection">
 
       <div id="myCarousel1" data-ride="carousel" class="carousel slide">
 
       <div id="myCarousel1" data-ride="carousel" class="carousel slide">
Line 32: Line 100:
 
       </div>
 
       </div>
 
     </div>
 
     </div>
−
     <div class="firstSection">
+
     <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="part2">
+
−
        <h2>Part.2 Our Project</h2>
+
−
      </div>
+
−
      <div class="BackgroundCore">
+
−
        <div class="TruebackGroundPositioner">
+
−
          <div class="background">
+
−
            <div data-wow-duration="1s" data-wow-delay="1.5s" class="CoDevelopment wow fadeIn">
+
−
              <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>
+
−
            <div data-wow-duration="1s" data-wow-delay="5s" class="synTitle wow fadeIn">
+
−
              <h1>“Synbio Hub”</h1>
+
−
            </div>
+
−
            <div data-wow-duration="1s" data-wow-delay="2s" class="coreBank wow fadeIn">
+
−
              <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 data-wow-duration="1s" data-wow-delay="4s" class="TruebackGround wow fadeIn"></div>
+
−
        </div>
+
−
      </div>
+
−
      <div class="rowSecond">
+
−
        <div class="wordContainer">
+
−
          <div data-wow-duration="1s" data-wow-delay="1s" class="CoDevelopmentTitle wow fadeIn">
+
−
            <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 class="rowThird">
+
−
        <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 class="DesignDescription">
+
−
          <p>For Synbio, genetic design is the basis but not the whole story.  </p>
+
−
          <p>　Mathematical modeling, plasmid design,</p>
+
−
          <p>protocol management and experiment schedule are good auxiliaries.</p>
+
−
        </div>
+
−
      </div>
+
−
    </div>
+
 
     <div class="features">
 
     <div class="features">
 
       <div id="myCarousel3" data-ride="carousel" class="carousel slide">
 
       <div id="myCarousel3" data-ride="carousel" class="carousel slide">
Line 96: Line 108:
 
           <li data-target="#myCarousel3" data-slide-to="1"></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="2"></li>
 +
<li data-target="#myCarousel3" data-slide-to="3"></li>
 +
<li data-target="#myCarousel3" data-slide-to="4"></li>
 
         </ol>
 
         </ol>
 
         <!-- Wrapper for slides-->
 
         <!-- Wrapper for slides-->
 
         <div class="carousel-inner">
 
         <div class="carousel-inner">
−
           <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 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>
 
         </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>
 
         <!-- 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>

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