Difference between revisions of "Team:SYSU-Software/Project"

 
(34 intermediate revisions by 4 users not shown)
Line 222: Line 222:
 
                 opacity: 0;
 
                 opacity: 0;
 
                 background-color: rgb(0,3,15);
 
                 background-color: rgb(0,3,15);
−
                margin-top: 5px;
 
 
             }
 
             }
 
             #menuContainer ul li:hover #Pro_div {
 
             #menuContainer ul li:hover #Pro_div {
Line 233: Line 232:
 
             .Pro_class {
 
             .Pro_class {
 
                 position: relative;
 
                 position: relative;
−
                 right:8px;
+
                 right:4px;
 
             }
 
             }
 
             .Pro_class:hover p {
 
             .Pro_class:hover p {
Line 244: Line 243:
 
             }
 
             }
 
             #menuContainer .bar1 {
 
             #menuContainer .bar1 {
−
                 margin-top: 6px;
+
                 width:6px;
−
                width:5px;
+
                 height:182px;
−
                 height:177px;
+
                 top:14px;
−
                 top:6px;
+
 
                 right:6px;
 
                 right:6px;
 
                 position: relative;
 
                 position: relative;
Line 279: Line 277:
 
                 opacity: 0;
 
                 opacity: 0;
 
                 background-color: rgb(0,3,15);
 
                 background-color: rgb(0,3,15);
−
                margin-top: 5px;
 
 
             }
 
             }
 
             #menuContainer ul li:hover #HP_div {
 
             #menuContainer ul li:hover #HP_div {
Line 290: Line 287:
 
             .HP_class {
 
             .HP_class {
 
                 position: relative;
 
                 position: relative;
−
                 right:8px;
+
                 right:4px;
 
             }
 
             }
 
             .HP_class:hover p {
 
             .HP_class:hover p {
Line 301: Line 298:
 
             #menuContainer .bar3 {
 
             #menuContainer .bar3 {
 
                 /* margin-top: 6px; */
 
                 /* margin-top: 6px; */
−
                 width:5px;
+
                 width:6px;
 
                 height: 148px;
 
                 height: 148px;
 
                 position: relative;
 
                 position: relative;
−
                 top:8px;
+
                 top:13px;
 
                 right:6px;
 
                 right:6px;
 
                 background-color: rgb(24,119,66);
 
                 background-color: rgb(24,119,66);
Line 371: Line 368:
 
                 opacity: 0;
 
                 opacity: 0;
 
                 background-color: rgb(0,3,15);
 
                 background-color: rgb(0,3,15);
−
                margin-top: 5px;
 
 
             }
 
             }
 
             #menuContainer ul li:hover #Team_div {
 
             #menuContainer ul li:hover #Team_div {
Line 393: Line 389:
 
             #menuContainer .bar8 {
 
             #menuContainer .bar8 {
 
                 /* margin-top: 6px; */
 
                 /* margin-top: 6px; */
−
                 width:5px;
+
                 width:6px;
 
                 position: relative;
 
                 position: relative;
 
                 right:6px;
 
                 right:6px;
−
                 height: 116px;
+
                 height: 120px;
−
                 top:7px;
+
                 top:14px;
 
                 background-color: rgb(154,166,134);
 
                 background-color: rgb(154,166,134);
 
             }
 
             }
Line 554: Line 550:
 
                 overflow: hidden;
 
                 overflow: hidden;
 
                 margin-top: 20px;
 
                 margin-top: 20px;
−
                 margin-left: 20%;
+
                 margin-left: 4%;
 
                 margin-bottom: 65px;
 
                 margin-bottom: 65px;
 +
                text-align: center;
 
             }
 
             }
 
             #myBody #overview_P li {
 
             #myBody #overview_P li {
−
                 float: left;
+
                 /* float: left; */
 
                 list-style-type:none;
 
                 list-style-type:none;
 
             }
 
             }
Line 582: Line 579:
 
                 padding-left:14px;
 
                 padding-left:14px;
 
             }
 
             }
−
 
+
            #menuContainer ul li img {
 +
                height: 200%;
 +
                position: relative;
 +
                bottom: 36px;
 +
            }
 +
            #for_en #myBody #overview_P a:link {
 +
                color: rgb(225,135,47);
 +
            }
 +
            #for_en #myBody #overview_P a:visited {
 +
                color: rgb(225,135,47);
 +
            }
 +
            #for_en #myBody #overview_P a:hover {
 +
                color: rgb(225,135,47);
 +
            }
 +
            #for_en #myBody #overview_P a:active {
 +
                color: rgb(225,135,47);
 +
            }
 
             </style>
 
             </style>
 
         <script src="http://code.jquery.com/jquery-latest.js"></script>
 
         <script src="http://code.jquery.com/jquery-latest.js"></script>
Line 629: Line 642:
 
                         <div id="oplayer"></div>
 
                         <div id="oplayer"></div>
 
                         <!-- <a href="http://www.baidu.com"><span id="igem_logo"></span></a> -->
 
                         <!-- <a href="http://www.baidu.com"><span id="igem_logo"></span></a> -->
−
                         <a href='#' class="img-container"><img id='logo' class='logo' src='https://static.igem.org/mediawiki/2016/6/6c/SYSU-Software-Navigator-craft_logo.png'/></a>
+
                         <a href='http://craft.sysusoftware.info/' class="img-container"><img id='logo' class='logo' src='https://static.igem.org/mediawiki/2016/6/6c/SYSU-Software-Navigator-craft_logo.png'/></a>
 
                         <div id="menu">
 
                         <div id="menu">
 
                           <ul>
 
                           <ul>
Line 638: Line 651:
 
                                         <div style="display:inline-block" class='bar1'></div>
 
                                         <div style="display:inline-block" class='bar1'></div>
 
                                         <div style="display:inline-block">
 
                                         <div style="display:inline-block">
−
                                             <div class = "Pro_class" class style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Project"><p>Overview</p></a></div>
+
                                             <div class = "Pro_class" class style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Project"><p>Abstract</p></a></div>
 
                                             <div class = "Pro_class" class style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Description"><p>Description</p></a></div>
 
                                             <div class = "Pro_class" class style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Description"><p>Description</p></a></div>
 
                                             <div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Design"><p>Design</p></a></div>
 
                                             <div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Design"><p>Design</p></a></div>
−
                                             <div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Feature"><p>Feature</p></a></div>
+
                                             <div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Feature"><p>Features</p></a></div>
 
                                             <div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Proof"><p>Proof</p></a></div>
 
                                             <div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Proof"><p>Proof</p></a></div>
 
                                             <div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Demonstrate"><p>Demonstrate</p></a></div>
 
                                             <div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Demonstrate"><p>Demonstrate</p></a></div>
Line 650: Line 663:
 
                             <a href="https://2016.igem.org/Team:SYSU-Software/Model">
 
                             <a href="https://2016.igem.org/Team:SYSU-Software/Model">
 
                                 <li>
 
                                 <li>
−
                                     <div class = "interlab_Modeling">Modeling</div>
+
                                     <div class = "interlab_Modeling">Model</div>
 
                                     <div class='bar2'></div>
 
                                     <div class='bar2'></div>
 
                                 </li>
 
                                 </li>
Line 656: Line 669:
 
                             <a href="https://2016.igem.org/Team:SYSU-Software/Human_Practices">
 
                             <a href="https://2016.igem.org/Team:SYSU-Software/Human_Practices">
 
                                 <li>
 
                                 <li>
−
                                     <div class = "interlab_Human">Human Practice</div>
+
                                     <div class = "interlab_Human">Human Practices</div>
 
                                     <div id = "HP_div">
 
                                     <div id = "HP_div">
 
                                         <div style="display:inline-block" class='bar3'></div>
 
                                         <div style="display:inline-block" class='bar3'></div>
Line 683: Line 696:
 
                             <a href="https://2016.igem.org/Team:SYSU-Software/Attributions">
 
                             <a href="https://2016.igem.org/Team:SYSU-Software/Attributions">
 
                                 <li>
 
                                 <li>
−
                                     <div class = "interlab_Attr">Attribution</div>
+
                                     <div class = "interlab_Attr">Attributions</div>
 
                                     <div class='bar6'></div>
 
                                     <div class='bar6'></div>
 
                                 </li>
 
                                 </li>
Line 701: Line 714:
 
                                             <div class = "Team_class" class style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team"><p>Overview</p></a></div>  
 
                                             <div class = "Team_class" class style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team"><p>Overview</p></a></div>  
 
                                             <div class = "Team_class" class style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team/Members"><p>Team Members</p></a></div>
 
                                             <div class = "Team_class" class style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team/Members"><p>Team Members</p></a></div>
−
                                             <div class = "Team_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team/Instructors"><p>Instructor and Advisor</p></a></div>
+
                                             <div class = "Team_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team/Instructors"><p>Instructors and Advisors</p></a></div>
 
                                             <div class = "Team_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team/Notebook"><p>Notebook</p></a></div>
 
                                             <div class = "Team_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team/Notebook"><p>Notebook</p></a></div>
 
                                         </div>
 
                                         </div>
Line 711: Line 724:
 
                                     <div class = "interlab_Medals">Medals</div>
 
                                     <div class = "interlab_Medals">Medals</div>
 
                                     <div class='bar9'></div>
 
                                     <div class='bar9'></div>
 +
                                </li>
 +
                            </a>
 +
                            <a href="https://github.com/igemsoftware2016/SYSU-Software-2016/releases">
 +
                                <li>
 +
                                    <img src="https://static.igem.org/mediawiki/2016/b/b0/SYSU-Software-Hp-github.png">
 
                                 </li>
 
                                 </li>
 
                             </a>
 
                             </a>
Line 725: Line 743:
 
                         <div id = "overview_DE">
 
                         <div id = "overview_DE">
 
                             <div id = 'overview_bar1'></div>
 
                             <div id = 'overview_bar1'></div>
−
                             <div><p>OVERVIEW</p></div>
+
                             <div><p>ABSTRACT</p></div>
 
                             <!-- style="display:inline" -->
 
                             <!-- style="display:inline" -->
 
                             <div id = 'overview_bar2'></div>
 
                             <div id = 'overview_bar2'></div>
Line 732: Line 750:
 
                         <div id = "overview_P">
 
                         <div id = "overview_P">
 
                             <ul>
 
                             <ul>
−
                                 <li><p>We transformed Escherichia coli DH5α with Device 1, 2, 3, positive control and negative control. Then we </p></li>
+
                                 <li><p><a href="http://craft.sysusoftware.info">CRAFT</a>(Community-based Retro-synthetic Analysis Functional plaTform) is an integrated software for</p></li>
−
                                 <li><p>inoculated them on LB plate which containing chloramphenicol. Then, we picked single colonies, afterwards, </p></li>
+
                                <li><p>crafting synthetic biological system from design, validation to share. CRAFT aims at constructing</p></li>
−
                                 <li><p>moved them into liquid cultures (LB medium). After an overnight cultivation, liquid cultures were diluted </p></li>
+
                                 <li><p><a href="https://2016.igem.org/Team:SYSU-Software/Description">community-level</a> synthetic biological systems in specific environments. We are inspired by evolution theory</p></li>
−
                                 <li><p>with LB medium until the value of OD600 reached 0.02. Then we took out 100 μL samples from the cultures </p></li>
+
                                <li><p>and <a href="https://2016.igem.org/Team:SYSU-Software/Design">“Design and Redesign”</a> principle in synthetic biology, regarding customized restrictions as selection</p></li>
−
                                 <li><p>every hour (until 6 hours). At last, we measured OD600 and fluorescence of all samples.</p></li>
+
                                 <li><p>pressure, and exporting protocols as standardized protocol. CRAFT can be divided into three parts, <a href="https://2016.igem.org/Team:SYSU-Software/Design#jumpforcon">CRAFT Designer</a>,</p></li>
 +
                                 <li><p> system crafting engine; <a href="https://2016.igem.org/Team:SYSU-Software/Design#jump_1">CRAFT Square</a>, a platform for user a synthetic biological communication and</p></li>
 +
                                 <li><p>mutual assistance; <a href="https://2016.igem.org/Team:SYSU-Software/Design#jump_2">Satellite</a>, a distributed computing plug-in. We have developed five <a href="https://2016.igem.org/Team:SYSU-Software/Model">models</a></p></li>
 +
                                <li><p>to support CRAFT, and validated its concept and function with <a href="https://2016.igem.org/Team:SYSU-Software/Proof">wet-lab experiment</a>.</p></li>
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
  
 
                     </div>
 
                     </div>
 +
                    <br><br><br><br><br><br><br><br>
 
                 </div>
 
                 </div>
 
                 <div id = "Intro_P"></div>
 
                 <div id = "Intro_P"></div>

Latest revision as of 02:23, 20 October 2016

SYSU-Software:Project

ABSTRACT

  • CRAFT(Community-based Retro-synthetic Analysis Functional plaTform) is an integrated software for

  • crafting synthetic biological system from design, validation to share. CRAFT aims at constructing

  • community-level synthetic biological systems in specific environments. We are inspired by evolution theory

  • and “Design and Redesign” principle in synthetic biology, regarding customized restrictions as selection

  • pressure, and exporting protocols as standardized protocol. CRAFT can be divided into three parts, CRAFT Designer,

  • system crafting engine; CRAFT Square, a platform for user a synthetic biological communication and

  • mutual assistance; Satellite, a distributed computing plug-in. We have developed five models

  • to support CRAFT, and validated its concept and function with wet-lab experiment.