Difference between revisions of "Template:SYSU-Software/statics/html/Projects/Description.html"

(Created page with "<div class="page-container"> <div class="ui header1"> Project</div> <div class="ui header2"> Description </div> <div class="ui header3"> Background </div> <...")
 
 
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<div class="page-container">
 
<div class="page-container">
  
−
     <div class="ui header1"> Project</div>
+
     <div class="header1" id="header-project"> Project </div>
  
−
     <div class="ui header2"> Description </div>
+
     <div class="header2">Welcome to CO-RAD!</div>
−
     <div class="ui header3"> Background </div>
+
     <div class="content">
 +
        The complexity of genetic circuits has made it difficult for synthetic biologists to design the artificial
 +
        biological systems. In our project, we developed <span class="bold">CO-RAD</span>, a <span class="bold">Collaborative
 +
            Optimization</span> platform with multiple functions including <span class="bold">Recommendation,
 +
            Analysis and Design</span>. With the help of CO-RAD, users can design genetic circuits easily and cooperate
 +
        with remote partners <span class="bold">in real time</span>.
 +
        More importantly, the <span class="bold">search & recommendation system in CO-RAD</span> were developed to
 +
        inspire users with some previous projects and optimize their design <span class="bold">with evolutionary
 +
            algorithm</span>. Moreover, <span class="bold"> <a href="javascript:void(0)" goto="Simulation-Circuits"> a
 +
                novel numerical simulation algorithm </a> </span>
 +
        for circuit）applied in CO-RAD was developed to predict the expression level of genetic circuits in no time.
 +
        Through in addition, we incorporated self-designed <span class="bold"> <a href="javascript:void(0)" goto="Validation">
 +
                wet-lab validation </a> </span>into
 +
        our project to validate the new results designed by our CO-RAD platform. In conclusion, by assisting in
 +
        collaboration and inspiration, CO-RAD makes complex biological systems accessible to researchers who want
 +
        rapid, intuitive, and high-quality
 +
        accomplish their designs. Click here to design in <a href="http://www.sysu-corad.com/">CO-RAD</a> way.
 +
    </div>
 +
 
 +
    <img src="https://static.igem.org/mediawiki/2018/0/06/T--SYSU-Software--coEdit.png" />
  
 +
    <div class="header2"> Background </div>
 
     <div class="content">
 
     <div class="content">
−
         Due to the complexity of biological systems, genetic circuit design and the limited personal experience, it is
+
         The data shows a shift from single-investigator 'little science' to increasingly large, expensive,
−
        very difficult for individuals to design a viable circuit alone. To this end, many synthetic biologists choose
+
        multinational, interdisciplinary and interdependent 'big science'. The scientific collaboration among
−
         to work together to complete a work. Good collaboration should ensure that the collaborative approach is simple
+
        researchers becomes more pervasive and essential.
−
         and fast, and that the recommendations made by both parties are valuable when collaborating. In a collaborative
+
    </div>
−
         approach, working together with face to face is undoubtedly the best choice for collaboration, but in many
+
    <div class="content">
−
        cases it is tough to achieve. When collaborating remotely, traditional collaboration tools, such as Google
+
        To synthetic biology, due to the natural complexity of biological systems, genetic circuit design and the
−
         Docs, couldn’t describe genetic circuits and experimental protocols integrallty and accurately. Localized
+
        limited personal experience, it is very difficult for individuals to design a viable circuit alone, raising the
−
        design software, such as SBOL designer, cannot be edited online in real time, resulting in collaboration
+
        demand of effective collaboration methods. Interdisciplinary and engineering-oriented natures on scientific
−
        inefficient. In addition, there are no tools to help users come up with more valuable opinions.
+
         research make it praticularly open to collaboration, while time and space issues would compromise the
 +
         convenience and the efficency to conduct a collaboration.
 +
    </div>
 +
    <div class="content">
 +
         In this case, we developed a software to improve the efficiency in collaboration and help inspire
 +
         synbiologists' ideas, assist their work and optimize their design.
 
     </div>
 
     </div>
  
−
     <img src="TODO:" />
+
     <div class="background-data">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/85/T--SYSU-Software--backgrounddata1.png" />
 +
        <div class="caption">Figure 1: Percentage of multientity publications, 2000–2009 </div>
 +
        <img src="https://static.igem.org/mediawiki/2018/9/9f/T--SYSU-Software--backgrounddata2.png" />
 +
        <div class="caption">Figure 2: The percentage of multiinstitutional publications in 22 ESI fields</div>
 +
    </div>
  
−
     <div class="content"> we summarize the exiting problems in current cooperating process:
+
     <div class="content">
 +
        Therefore, we're here to solve the following problems:
 +
        <ol>
 +
            <li>
 +
                How to make tele-cooperation as convenient as face-to-face collaboration?
 +
            </li>
 +
            <li>
 +
                How to encourage users to come up with and share more creative ideas while designing genetic circuits?
 +
            </li>
 +
        </ol>
 
     </div>
 
     </div>
  
−
     <ol>
+
     <div class="header2"> Solution </div>
−
         <li> How to make remote collaboration as convenient as face-to-face communication? </li>
+
 
−
         <li> How to enlighten the user's thinking and let users come up with more creative ideas when they collaborate?
+
    <div class="header3">Source of creative ideas</div>
−
         </li>
+
    <div class="ui three cards">
−
     </ol>
+
         <div class="card wide-card">
 +
            <div class="image">
 +
                <img src="https://static.igem.org/mediawiki/2018/6/63/T--SYSU-Software--Des4.png" />
 +
            </div>
 +
            <div class="content">
 +
                <div class="ui header">Search & Recommendation</div>
 +
            </div>
 +
            <div class="ui bottom attached button detail-btn button-override" data-id="4">View Detail</div>
 +
        </div>
 +
        <div class="card wide-card">
 +
            <div class="image">
 +
                <img src="https://static.igem.org/mediawiki/2018/a/ae/T--SYSU-Software--Des5.png" />
 +
            </div>
 +
            <div class="content">
 +
                <div class="ui header">Analysis & Simulation</div>
 +
            </div>
 +
            <div class="ui bottom attached button detail-btn button-override" data-id="5">View Detail</div>
 +
        </div>
 +
        <div class="card wide-card">
 +
            <div class="image">
 +
                <img src="https://static.igem.org/mediawiki/2018/f/f3/T--SYSU-Software--Des6.png" />
 +
            </div>
 +
            <div class="content">
 +
                <div class="ui header">Guide the Design</div>
 +
            </div>
 +
            <div class="ui bottom attached button detail-btn button-override" data-id="6">View Detail</div>
 +
        </div>
 +
    </div>
 +
    <div class="ui modal" id="modal-4">
 +
        <div class="header">Search & Recommendaion</div>
 +
        <div class="image content">
 +
            <div class="ui medium image">
 +
                <img src="https://static.igem.org/mediawiki/2018/6/63/T--SYSU-Software--Des4.png" />
 +
            </div>
 +
            <div class="description">
 +
                Search engine in CO-RAD is powerful for users to quickly gain their desired projects and papers, from which new and creative ideas originate.
 +
            </div>
 +
        </div>
 +
        <div class="actions">
 +
            <div class="ui black deny button">Close</div>
 +
        </div>
 +
    </div>
 +
    <div class="ui modal" id="modal-5">
 +
        <div class="header">Analysis & Simulation</div>
 +
        <div class="image content">
 +
            <div class="ui medium image">
 +
                <img src="https://static.igem.org/mediawiki/2018/a/ae/T--SYSU-Software--Des5.png" />
 +
            </div>
 +
            <div class="description">
 +
                CO-RAD can not only analyses circuits and compute the values of CG and CAI, but builds mathematical models to simulate the circuits and predict the expression levels.
 +
            </div>
 +
        </div>
 +
        <div class="actions">
 +
            <div class="ui black deny button">Close</div>
 +
        </div>
 +
    </div>
 +
    <div class="ui modal" id="modal-6">
 +
        <div class="header">Guide the Design</div>
 +
         <div class="image content">
 +
            <div class="ui medium image">
 +
                <img src="https://static.igem.org/mediawiki/2018/f/f3/T--SYSU-Software--Des6.png" />
 +
            </div>
 +
            <div class="description">
 +
                Through an algorithm that simulates evolution, users can get optimal kinetic parameters for circuits, which can assist users in modifying their circuits to reach the expected behavior.
 +
            </div>
 +
        </div>
 +
        <div class="actions">
 +
            <div class="ui black deny button">Close</div>
 +
        </div>
 +
    </div>
 +
    <br />
 +
    <div class="header3">Enhancement on Collaboration</div>
 +
    <div class="ui three cards">
 +
        <div class="card wide-card">
 +
            <div class="image">
 +
                <img src="https://static.igem.org/mediawiki/2018/c/c9/T--SYSU-Software--Des1.png" />
 +
            </div>
 +
            <div class="content">
 +
                <div class="ui header">Collaborative Platform</div>
 +
            </div>
 +
            <div class="ui bottom attached button detail-btn button-override" data-id="1">View Detail</div>
 +
        </div>
 +
        <div class="card wide-card">
 +
            <div class="image">
 +
                <img src="https://static.igem.org/mediawiki/2018/9/9a/T--SYSU-Software--Des2.png" />
 +
            </div>
 +
            <div class="content">
 +
                <div class="ui header">Synchronization Sketchpad</div>
 +
            </div>
 +
            <div class="ui bottom attached button detail-btn button-override" data-id="2">View Detail</div>
 +
        </div>
 +
        <div class="card wide-card">
 +
            <div class="image">
 +
                <img src="https://static.igem.org/mediawiki/2018/b/b8/T--SYSU-Software--Des3.png" />
 +
            </div>
 +
            <div class="content">
 +
                <div class="ui header">SBOL Support</div>
 +
            </div>
 +
            <div class="ui bottom attached button detail-btn button-override" data-id="3">View Detail</div>
 +
        </div>
 +
    </div>
 +
    <div class="ui modal" id="modal-1">
 +
        <div class="header">Collaborative Platform</div>
 +
        <div class="image content">
 +
            <div class="ui medium image">
 +
                <img src="https://static.igem.org/mediawiki/2018/c/c9/T--SYSU-Software--Des1.png" />
 +
            </div>
 +
            <div class="description">
 +
                A collaborative platform with visual circuit designer and management studio, where multiple users can work together, just like (and even better than!) working face to face.
 +
            </div>
 +
        </div>
 +
        <div class="actions">
 +
            <div class="ui black deny button">Close</div>
 +
        </div>
 +
    </div>
 +
    <div class="ui modal" id="modal-2">
 +
        <div class="header">Synchronization Sketchpad</div>
 +
        <div class="image content">
 +
            <div class="ui medium image">
 +
                <img src="https://static.igem.org/mediawiki/2018/9/9a/T--SYSU-Software--Des2.png" />
 +
            </div>
 +
            <div class="description">
 +
                A magical board that connects everyone, with which users can share their real-time performances on visual designer.
 +
            </div>
 +
         </div>
 +
        <div class="actions">
 +
            <div class="ui black deny button">Close</div>
 +
        </div>
 +
     </div>
 +
    <div class="ui modal" id="modal-3">
 +
        <div class="header">SBOL Support</div>
 +
        <div class="image content">
 +
            <div class="ui medium image">
 +
                <img src="https://static.igem.org/mediawiki/2018/b/b8/T--SYSU-Software--Des3.png" />
 +
            </div>
 +
            <div class="description">
 +
                Our system is compatible to SBOL, the most common data format in the field of synthetic biology, which means circuits edited on other software can be quickly imported into our software without re-editing.
 +
            </div>
 +
        </div>
 +
        <div class="actions">
 +
            <div class="ui black deny button">Close</div>
 +
        </div>
 +
    </div>
 +
 
 +
    <div class="next-page-identify" data-value="3"></div> <!-- 这个是跳页标记 -->
  
−
    <div class="ui header3"> Solution </div>
 
−
    <!-- TODO:此处的样式有特殊需求 -->
 
 
</div>
 
</div>
 +
 +
<script>
 +
    $('.detail-btn').on('click', function () {
 +
        $('#modal-' + $(this).attr('data-id')).modal('show');
 +
    });
 +
</script>

Latest revision as of 22:26, 17 October 2018

Project
Welcome to CO-RAD!
       The complexity of genetic circuits has made it difficult for synthetic biologists to design the artificial
       biological systems. In our project, we developed CO-RAD, a Collaborative
           Optimization platform with multiple functions including Recommendation,
           Analysis and Design. With the help of CO-RAD, users can design genetic circuits easily and cooperate
       with remote partners in real time.
       More importantly, the search & recommendation system in CO-RAD were developed to
       inspire users with some previous projects and optimize their design with evolutionary
           algorithm. Moreover,  <a href="javascript:void(0)" goto="Simulation-Circuits"> a
               novel numerical simulation algorithm </a> 
       for circuit）applied in CO-RAD was developed to predict the expression level of genetic circuits in no time.
       Through in addition, we incorporated self-designed  <a href="javascript:void(0)" goto="Validation">
               wet-lab validation </a> into
       our project to validate the new results designed by our CO-RAD platform. In conclusion, by assisting in
       collaboration and inspiration, CO-RAD makes complex biological systems accessible to researchers who want
       rapid, intuitive, and high-quality
       accomplish their designs. Click here to design in <a href="http://www.sysu-corad.com/">CO-RAD</a> way.

   <img src="T--SYSU-Software--coEdit.png" />
Background 
       The data shows a shift from single-investigator 'little science' to increasingly large, expensive,
       multinational, interdisciplinary and interdependent 'big science'. The scientific collaboration among
       researchers becomes more pervasive and essential.

       To synthetic biology, due to the natural complexity of biological systems, genetic circuit design and the
       limited personal experience, it is very difficult for individuals to design a viable circuit alone, raising the
       demand of effective collaboration methods. Interdisciplinary and engineering-oriented natures on scientific
       research make it praticularly open to collaboration, while time and space issues would compromise the
       convenience and the efficency to conduct a collaboration.

       In this case, we developed a software to improve the efficiency in collaboration and help inspire
       synbiologists' ideas, assist their work and optimize their design.

       <img src="T--SYSU-Software--backgrounddata1.png" />
Figure 1: Percentage of multientity publications, 2000–2009 
       <img src="T--SYSU-Software--backgrounddata2.png" />
Figure 2: The percentage of multiinstitutional publications in 22 ESI fields
       Therefore, we're here to solve the following problems:
  1. How to make tele-cooperation as convenient as face-to-face collaboration?
  2. How to encourage users to come up with and share more creative ideas while designing genetic circuits?
Solution
Source of creative ideas
               <img src="T--SYSU-Software--Des4.png" />
Search & Recommendation
View Detail
               <img src="T--SYSU-Software--Des5.png" />
Analysis & Simulation
View Detail
               <img src="T--SYSU-Software--Des6.png" />
Guide the Design
View Detail
Enhancement on Collaboration
               <img src="T--SYSU-Software--Des1.png" />
Collaborative Platform
View Detail
               <img src="T--SYSU-Software--Des2.png" />
Synchronization Sketchpad
View Detail
               <img src="T--SYSU-Software--Des3.png" />
SBOL Support
View Detail

<script> 

   $('.detail-btn').on('click', function () {
       $('#modal-' + $(this).attr('data-id')).modal('show');
   });

</script>