Difference between revisions of "Team:SYSU-Software"

 
(25 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', type='text/css', href='https://2015.igem.org/Template:SYSU-Software/CSS/Home?action=raw&ctype=text/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&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>
 +
  <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="CorePositioner">
+
         <h2>Abstract</h2>
          <div class="leftDescription Description">
+
        <h2 class="center">Collaborative building of genetic design.</h2>
            <p>Collaboration results in great projects.</p>
+
        <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>
            <p>Crowdsourcing helps synthetic biologists </p>
+
            <p>identify problems and </p>
+
            <p>co-develop their constructs.</p>
+
          </div>
+
          <div data-wow-duration="1s" data-wow-delay="3.5s" class="TruebackGround wow fadeIn"></div>
+
          <div class="background">
+
            <div class="BackgroundCoreContainer">
+
              <div class="BackgroundPositioner">
+
                <div data-wow-duration="1s" data-wow-delay="1.5s" class="CoDevelopment wow fadeIn"></div>
+
                <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>
+
          </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 data-wow-duration="1s" data-wow-delay="1s" class="CoDevelopmentTitle wow fadeIn">
+
         <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>
          <h1>Co-development</h1>
+
           <p class="center">Start Using</p>
           <p>Crowdsourcing platform for collaborative design.</p>
+
 
         </div>
 
         </div>
         <div data-wow-duration="1s" data-wow-delay="1.3s" class="coreBankTitle wow fadeIn">
+
         <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>
          <h1>CORE Bank</h1>
+
          <p class="center">Features</p>
           <p>A standardized genetic design repositories.</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>
       <div class="rowThird">
+
    </div>
         <div class="DesignContainer">
+
    <div class="secondSection">
           <div data-wow-duration="1s" data-wow-delay="3s" class="Design wow fadeIn"></div>
+
       <div id="myCarousel1" data-ride="carousel" class="carousel slide">
           <div data-wow-duration="1s" data-wow-delay="3s" class="DesignTitle wow fadeIn">
+
         <!-- Indicators-->
            <h1>CORE Design</h1>
+
        <ol class="carousel-indicators">
            <p>Integrated solutions for wet-lab assistance.</p>
+
           <li data-target="#myCarousel1" data-slide-to="0" class="active"></li>
           </div>
+
           <li data-target="#myCarousel1" data-slide-to="1"></li>
 +
          <li data-target="#myCarousel1" data-slide-to="2"></li>
 +
        </ol>
 +
        <!-- Wrapper for slides-->
 +
        <div class="carousel-inner">
 +
          <div class="item active"><img src="https://static.igem.org/mediawiki/2015/5/5c/SYSU-Software_Wiki_Home_Motivation_1.jpeg" alt="bg"></div>
 +
          <div class="item"><img src="https://static.igem.org/mediawiki/2015/8/80/SYSU-Software_Wiki_Home_Motivation_2.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>
         <div class="DesignDescription">
+
         <!-- 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>
           <p>For Synbio, genetic design is the basis but not the whole story. </p>
+
      </div>
           <p> Mathematical modeling, plasmid design,</p>
+
    </div>
           <p>protocol management and experiment schedule are good auxiliaries.</p>
+
    <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>
 
         </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