Difference between revisions of "Team:SYSU-Software"

 
(18 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{SYSU-Software}}
 
{{SYSU-Software}}
<html>
+
<html>
  <div id="bannerContainer">
+
  <!-- start content-->
 +
  <div id="bannerContainer">
 
     <div id="title">
 
     <div id="title">
 
       <div class="logo"></div>
 
       <div class="logo"></div>
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">
 
   <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>
+
   <!--script(src="./css/home.js")-->
   <!--script(src="https://2015.igem.org/Template:SYSU-Software/JS/Home?action=raw&ctype=text/javascript")-->
+
   <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" class="carousel slide">
+
       <div id="myCarousel1" data-ride="carousel" class="carousel slide">
 
         <!-- Indicators-->
 
         <!-- Indicators-->
 
         <ol class="carousel-indicators">
 
         <ol class="carousel-indicators">
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="BackgroundCore">
+
    <div class="features">
        <div class="TruebackGroundPositioner">
+
      <div id="myCarousel3" data-ride="carousel" class="carousel slide">
          <div class="background">
+
        <!-- Indicators-->
            <div data-wow-duration="1s" data-wow-delay="1.5s" class="CoDevelopment wow fadeIn">
+
        <ol class="carousel-indicators">
              <div class="leftDescription Description">
+
          <li data-target="#myCarousel3" data-slide-to="0" class="active"></li>
                <p>Collaboration results in great projects.</p>
+
          <li data-target="#myCarousel3" data-slide-to="1"></li>
                <p>Crowdsourcing helps synthetic biologists </p>
+
          <li data-target="#myCarousel3" data-slide-to="2"></li>
                <p>identify problems and </p>
+
<li data-target="#myCarousel3" data-slide-to="3"></li>
                <p>co-develop their constructs.</p>
+
<li data-target="#myCarousel3" data-slide-to="4"></li>
              </div>
+
         </ol>
            </div>
+
        <!-- Wrapper for slides-->
            <div data-wow-duration="1s" data-wow-delay="5s" class="synTitle wow fadeIn">
+
        <div class="carousel-inner">
              <h1>“Synbio Hub”</h1>
+
          <div class="item"><img src="https://static.igem.org/mediawiki/2015/8/8c/SYSU-Software_Wiki_Home_Motivation_Features2.jpg" alt=""></div>        
            </div>
+
           <div class="item"><img src="https://static.igem.org/mediawiki/2015/e/e8/SYSU-Software_Wiki_Home_Motivation_Features3.jpg" alt=""></div>
            <div data-wow-duration="1s" data-wow-delay="2s" class="coreBank wow fadeIn">
+
          <div class="item"><img src="https://static.igem.org/mediawiki/2015/6/6b/SYSU-Software_Wiki_Home_Motivation_Features4.jpg" alt=""></div>
              <div class="rightDescription Description">
+
           <div class="item"><img src="https://static.igem.org/mediawiki/2015/1/14/SYSU-Software_Wiki_Home_Motivation_Features5.jpg" alt=""></div>
                <p>Reuse and re-design lead to efficiency. </p>
+
<div class="item active"><img src="https://static.igem.org/mediawiki/2015/b/ba/SYSU-Software_Wiki_Home_Motivation_Features1.jpg" alt="bg"></div>
                <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>
 +
        <!-- 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>
 
     </div>
Line 95: Line 131:
 
         <!-- 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/c/ca/SYSU-Software_Wiki_Home_Collaborations.jpeg" alt="bg">
+
           <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="sysuchina cElement">
+
           <div class="item"><img src="https://static.igem.org/mediawiki/2015/7/78/SYSU-Software_Wiki_Home_HumanPractices.jpeg" alt="bg"></div>
              <div class="word">Garden Party in Biology Festival</div>
+
            </div>
+
            <div class="china cElement">
+
              <div class="word">Developed a software for tracking mouse movement in cage</div>
+
            </div>
+
            <div class="sklbc cElement">
+
              <div class="word">Mentored high-school teams on software project planning</div>
+
            </div>
+
            <div class="student cElement">
+
              <div class="word">Biology Festival</div>
+
            </div>
+
            <div class="youth cElement">
+
              <div class="word">A mini lecture on Synbio and iGEM</div>
+
            </div>
+
          </div>
+
           <div class="item"><img src="https://static.igem.org/mediawiki/2015/7/78/SYSU-Software_Wiki_Home_HumanPractices.jpeg" alt="bg">
+
            <div class="scientific cElement">
+
              <div class="word">
+
                <p>Studying wet-lab’s needs</p>
+
                <p>Open communication</p>
+
                <p>Transparency and reproducibility in iGEM</p>
+
                <p>Safety and security</p>
+
                <p>Intellectual property rights</p>
+
                <p>Laws and Regulations</p>
+
                <p>Ethics </p>
+
              </div>
+
            </div>
+
            <div class="public cElement">
+
              <div class="word">
+
                <p>Synbio Box: a game on Synbio</p>
+
                <p>Garden Party in Biology Festival</p>
+
                <p>Meet high-school teams</p>
+
                <p>Mini lecture to freshmen</p>
+
                <p>Poker on biosafety</p>
+
              </div>
+
            </div>
+
            <div class="project cElement">
+
              <div class="word">
+
                <p>Risk assessment</p>
+
                <p>Feasibility assessment</p>
+
                <p>End-user considerations</p>
+
              </div>
+
            </div>
+
          </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>
 
         <!-- 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>

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