Difference between revisions of "Team:Peking"

 
(18 intermediate revisions by 3 users not shown)
Line 54: Line 54:
 
           href="https://2017.igem.org/Template:Peking/mdl/icon?action=raw&ctype=text/css">
 
           href="https://2017.igem.org/Template:Peking/mdl/icon?action=raw&ctype=text/css">
  
    <style>
 
 
        a:link {
 
            text-decoration: none;
 
        }
 
 
        a:visited {
 
            text-decoration: none;
 
        }
 
 
        a:active {
 
            text-decoration: none;
 
        }
 
 
        a:hover {
 
            text-decoration: none;
 
        }
 
 
        .demo-card-wide.mdl-card {
 
            margin-bottom: 20px;
 
            margin-top: 60px;
 
            width: auto;
 
            height: auto;
 
        }
 
 
        .demo-card-wide > .mdl-card__title {
 
            padding-left: 40px;
 
            padding-right: 40px;
 
            color: #fff;
 
            height: 300px;
 
        }
 
 
        .demo-card-wide > .mdl-card__menu {
 
            color: #fff;
 
        }
 
 
    </style>
 
 
</head>
 
</head>
  
Line 99: Line 62:
 
<!-- Always shows a header, even in smaller screens. -->
 
<!-- Always shows a header, even in smaller screens. -->
 
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
 
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
     <header class="mdl-layout__header" style="position:fixed; margin-top: -7px; !important;">
+
     <header class="mdl-layout__header" style="position:fixed; margin-top: -9px; !important;">
 
         <div class="mdl-layout__header-row">
 
         <div class="mdl-layout__header-row">
 
             <!-- Title -->
 
             <!-- Title -->
Line 170: Line 133:
 
             margin-bottom: 100px;
 
             margin-bottom: 100px;
 
             width: auto;
 
             width: auto;
 +
            height: 500px;
 
         }
 
         }
  
Line 185: Line 149:
  
 
     <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-bottom: 30px">
 
     <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-bottom: 30px">
         <div class="mdl-card__title" style="background: url('') center / cover; height : 600px">
+
         <div class="mdl-card__title"
 +
            style="background: url('https://static.igem.org/mediawiki/2017/f/fb/Peking_banner_final.png') center / cover; height : 100%; width: 100%" >
  
 
         </div>
 
         </div>
Line 194: Line 159:
 
         <div class="mdl-card__supporting-text"
 
         <div class="mdl-card__supporting-text"
 
             style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 50px; padding-top: 50px; padding-bottom:50px">
 
             style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 50px; padding-top: 50px; padding-bottom:50px">
             <h1>Genetic Sequential Logic Circuit Programming</h1>
+
             <h1>Why sequential logic?</h1><br>
             To survive, living systems receive information from outside environment and adjust their own internal
+
             Cells respond to a myriad signals under most conditions and adjust their own internal mechanisms
             workings in response. This adjustment depends not only on processing a combination of environmental signal
+
             to survive. This adjustment depends not only on processing a combination of current environmental
             inputs, but on determining the system’s current state. In digital circuit theory, this operating mode is
+
             input signals, but also on determining the cell’s current state, which is a result of a series of past
            known as sequential logic whose outputs is a function of the present value of inputs and, more importantly,
+
            inputs. In digital circuit theory, this operating mode is known as <b>sequential logic</b>. Nowadays, a
             the sequence of past inputs.<br><br>
+
             wide variety of tasks can be performed by synthetically engineered genetic circuits, mostly constructed
            Nowadays, synthetically engineered genetic circuits constructed with combinational logic can perform a wide
+
            using combinational logic. Contrast to sequential logic, its output is a function of the present input
             variety of tasks, but are not able to store a “state” and to change from one state to another, which has
+
             only. It is difficult to perform functions in a specific order, which has limited the widespread
             limited their widespread implementation. This year, Peking iGEM is developing a Computer Aided Design (CAD)
+
             implementation of such systems. The ability of sequential logic circuits to store modest amounts of
            method for automatically designing genetic sequential logic circuits. By doing this, we aim to build
+
             information within living systems and to act upon them would enable new approaches to the study and
             asynchronous genetic sequential logic circuits in which the state of the system can change in response to
+
            control of biological processes . A cell can be designed to do more complex work if it has more
             changing inputs, and synchronous circuits in which the state of the system changes at discrete time in
+
             states. In other words, we can unfold a new dimensionality in designing synthetic life – <b>time</b>.
            response to an intercellular clock signal.
+
 
         </div>
 
         </div>
 
     </div>
 
     </div>
  
 
+
     <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-top: 20px; margin-bottom: 30px">
     <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-top: 20px">
+
  
 
         <div class="mdl-card__supporting-text"
 
         <div class="mdl-card__supporting-text"
 
             style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 50px; padding-top: 50px; padding-bottom:50px">
 
             style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 50px; padding-top: 50px; padding-bottom:50px">
             <h1>Framework </h1>
+
             <h1>What did we do?</h1><br>
             <section class="section section--intro">
+
             This year, the Peking iGEM team is attempting to develop a framework of biological sequential circuits that
 +
            are programmable. The envisioned circuit is capable of both storing states in DNA and automatically
 +
            running a series of instructions in a specific order. More specifically, the sequential logic that
 +
            consists of a <b>clock</b>, <b>flip flop</b> and <b>control unit</b> in bacteria. The <b>clock</b> is an
 +
            oscillator with a repeated signal cycle that serves as a "metronome" to trigger actions of
 +
            sequential logic circuits. <b>Flip-flop</b> is a memory device that can remember states. Paired with a
 +
            clock signal, it can realize state transition. The <b>control unit</b> is a functional part which can
 +
            convert a signal from flip-flop into complex functions. With such a design, historical events are
 +
            recorded and influence current cell behavior.
 +
            This work tries to point the way toward building large computational sys-tems from modular biological
 +
            parts—basic sequential computing devices in living cells—and ultimately, programming complex biological
 +
            functions. Computers have thus become "alive". A unicellular organism itself cannot pack much computational
 +
            power, but considered as a modular building block, its potential is impressive.</p>
 +
        </div>
 +
    </div>
  
                <link href="https://fonts.googleapis.com/css?family=Roboto:400,700|Nunito:400,700"
+
    <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-bottom: 30px;  height: auto; width:auto" >
                      rel="stylesheet">
+
        <div class="mdl-card__title"
 +
            style="background: url('https://static.igem.org/mediawiki/2017/c/cd/Peking_figure1.png') center / cover; height: 600px; width: 1100px">
  
                <link rel="stylesheet" type="text/css"
+
        </div>
                      href="https://2017.igem.org/Template:Peking/hov/demo?action=raw&ctype=text/css"/>
+
    </div>
  
                <link rel="stylesheet" type="text/css"
 
                      href="https://2017.igem.org/Template:Peking/hov/adsila?action=raw&ctype=text/css"/>
 
                <link rel="stylesheet" type="text/css"
 
                      href="https://2017.igem.org/Template:Peking/hov/pater?action=raw&ctype=text/css"/>
 
                <script type="text/javascript"
 
                        src="https://2017.igem.org/Template:Peking/hov/demojs?action=raw&ctype=text/javascript"></script>
 
  
 +
    <div class="mdl-grid mdl-grid--no-spacing" style="margin: 0px">
 +
        <div class="mdl-cell mdl-cell--6-col">
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp"
 +
                style="margin-left: 50px; margin-right: 30px; margin-top: 20px; margin-bottom: 20px">
 +
                <div class="mdl-card__title"
 +
                    style="background: url('https://static.igem.org/mediawiki/2017/9/96/Peking_MP_Clock.jpeg') center / cover;">
 +
                    <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707; font-size: xx-large">
 +
                        <strong>Clock</strong></h1>
 +
                </div>
 +
                <div class="mdl-card__supporting-text"
 +
                    style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 10px; padding-top: 30px; padding-bottom:30px">
 +
                    A metronome that triggers actions of sequential logic circuits.<br><br>
  
                <script>document.documentElement.className = "js";
+
                    <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect"
                var supportsCssVars = function () {
+
                      href="https://2017.igem.org/Team:Peking/Project#Clock" target="_blank"
                    var e, t = document.createElement("style");
+
                      style="background-color: #E44043; color: white; position: absolute">
                    return t.innerHTML = "root: { --tmp-var: bold; }", document.head.appendChild(t), e = !!(window.CSS && window.CSS.supports && window.CSS.supports("font-weight", "var(--tmp-var)")), t.parentNode.removeChild(t), e
+
                        Read More
                };
+
                    </a>
                supportsCssVars() || alert("Please view this demo in a modern browser that supports CSS Variables.");</script>
+
                </div>
  
                <section class="content" style="background-color: #fff">
 
                    <nav class="menu menu--adsila">
 
                        <a class="menu__item" href="https://2017.igem.org/Team:Peking/Project#Introduction">
 
                            <span class="menu__item-name">"Clock"</span>
 
                            <span class="menu__item-label">To record time, we will first need an intercellular clock signal, </span>
 
                        </a>
 
                        <a class="menu__item" href="https://2017.igem.org/Team:Peking/Model#Overview">
 
                            <span class="menu__item-name">"Flip-flop"</span>
 
                            <span class="menu__item-label">Then we proposed and demonstrated a state transition unit. </span>
 
                        </a>
 
                        <a class="menu__item" href="https://2017.igem.org/Team:Peking/Software">
 
                            <span class="menu__item-name">"Controller"</span>
 
                            <span class="menu__item-label">From states into functions, we designed controller.</span>
 
                        </a>
 
                        <a class="menu__item" href="https://2017.igem.org/Team:Peking/Hardware">
 
                            <span class="menu__item-name">"Carpoid"</span>
 
                            <span class="menu__item-label"></span>
 
                        </a>
 
  
                     </nav>
+
            </div>
                 </section>
+
        </div>
 +
        <div class="mdl-cell mdl-cell--6-col">
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp"
 +
                style="margin-right: 50px; margin-left: 30px; margin-top: 20px; margin-bottom: 20px">
 +
                <div class="mdl-card__title"
 +
                    style="background: url('https://static.igem.org/mediawiki/2017/3/37/Peking_flipteethpeer.jpeg') center / cover;">
 +
                     <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707; font-size: xx-large">
 +
                        <strong>Flip-flop</strong></h1>
 +
                 </div>
 +
                <div class="mdl-card__supporting-text"
 +
                    style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 40px; padding-top: 30px; padding-bottom:30px">
 +
 
 +
                    A memory device that can remember states.
  
             </section>
+
                    <br><br>
 +
                    <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect"
 +
                      href="https://2017.igem.org/Team:Peking/Project#Flip-flop" target="_blank"
 +
                      style="background-color: #E44043; color: white;">
 +
                        Read More
 +
                    </a>
 +
                </div>
 +
 
 +
 
 +
             </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
 +
    <div class="mdl-grid mdl-grid--no-spacing" style="margin: 0px">
 +
        <div class="mdl-cell mdl-cell--6-col">
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp"
 +
                style="margin-left: 50px; margin-right: 30px; margin-top: 20px">
 +
                <div class="mdl-card__title"
 +
                    style="background: url('https://static.igem.org/mediawiki/2017/7/7a/Peking_pad_slides.jpeg') center / cover;">
 +
                    <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707; font-size: xx-large">
 +
                        <strong>Controller</strong></h1>
 +
                </div>
 +
                <div class="mdl-card__supporting-text"
 +
                    style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 10px; padding-top: 30px; padding-bottom:30px">
 +
                    A module converting repeating signals to complex functions.
 +
                    <br><br>
 +
                    <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect"
 +
                      href="https://2017.igem.org/Team:Peking/Project#Controller" target="_blank"
 +
                      style="background-color: #E44043; color: white;">
 +
                        Read More
 +
                    </a>
 +
                </div>
 +
 +
 +
            </div>
 +
        </div>
 +
        <div class="mdl-cell mdl-cell--6-col">
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp"
 +
                style="margin-right: 50px; margin-left: 30px; margin-top: 20px;">
 +
                <div class="mdl-card__title"
 +
                    style="background: url('https://static.igem.org/mediawiki/2017/d/dd/Peking_HP_SynBioWiki.png') center / cover;">
 +
                    <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707; font-size: xx-large">
 +
                        <strong>SynBioWiki</strong></h1>
 +
                </div>
 +
                <div class="mdl-card__supporting-text"
 +
                    style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 40px; padding-top: 30px; padding-bottom:30px">
 +
 +
                    A wiki-based encyclopedia exclusive for synthetic biology.
 +
 +
                    <br><br>
 +
                    <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect"
 +
                      href="https://2017.igem.org/Team:Peking/Engagement#p1 " target="_blank"
 +
                      style="background-color: #E44043; color: white;">
 +
                        Read More
 +
                    </a>
 +
                </div>
 +
 +
 +
            </div>
 +
        </div>
 +
    </div>
 +
 +
 +
  
  

Latest revision as of 03:49, 16 December 2017

Peking iGEM 2017

Why sequential logic?


Cells respond to a myriad signals under most conditions and adjust their own internal mechanisms to survive. This adjustment depends not only on processing a combination of current environmental input signals, but also on determining the cell’s current state, which is a result of a series of past inputs. In digital circuit theory, this operating mode is known as sequential logic. Nowadays, a wide variety of tasks can be performed by synthetically engineered genetic circuits, mostly constructed using combinational logic. Contrast to sequential logic, its output is a function of the present input only. It is difficult to perform functions in a specific order, which has limited the widespread implementation of such systems. The ability of sequential logic circuits to store modest amounts of information within living systems and to act upon them would enable new approaches to the study and control of biological processes . A cell can be designed to do more complex work if it has more states. In other words, we can unfold a new dimensionality in designing synthetic life – time.

What did we do?


This year, the Peking iGEM team is attempting to develop a framework of biological sequential circuits that are programmable. The envisioned circuit is capable of both storing states in DNA and automatically running a series of instructions in a specific order. More specifically, the sequential logic that consists of a clock, flip flop and control unit in bacteria. The clock is an oscillator with a repeated signal cycle that serves as a "metronome" to trigger actions of sequential logic circuits. Flip-flop is a memory device that can remember states. Paired with a clock signal, it can realize state transition. The control unit is a functional part which can convert a signal from flip-flop into complex functions. With such a design, historical events are recorded and influence current cell behavior. This work tries to point the way toward building large computational sys-tems from modular biological parts—basic sequential computing devices in living cells—and ultimately, programming complex biological functions. Computers have thus become "alive". A unicellular organism itself cannot pack much computational power, but considered as a modular building block, its potential is impressive.

Clock

A metronome that triggers actions of sequential logic circuits.

Read More

Flip-flop

A memory device that can remember states.

Read More

Controller

A module converting repeating signals to complex functions.

Read More

SynBioWiki

A wiki-based encyclopedia exclusive for synthetic biology.

Read More