Difference between revisions of "Team:Peking"

 
(21 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 +
<html lang="en">
  
<html>
+
<head>
<div style="background-color: #263238;text-align: center;color: #cfd8dc">
+
 
<br>
+
    <style>
 +
 
 +
 
 +
        /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 +
 
 +
        /* Clear the default wiki settings */
 +
 
 +
        #home_logo, #sideMenu {
 +
            display: none;
 +
        }
 +
 
 +
        #sideMenu, #top_title, .patrollink {
 +
            display: none;
 +
        }
 +
 
 +
        #content {
 +
            width: 100%;
 +
            padding: 0px;
 +
            margin-top: 0px;
 +
            margin-left: 0px;
 +
        }
 +
 
 +
        body {
 +
            background-color: #FAFAFA;
 +
        !important;
 +
        }
 +
 
 +
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
            margin-bottom: 0px;
 +
        }
 +
 
 +
    </style>
 +
 
 +
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 +
    <script type="text/javascript" src="https://2017.igem.org/Template:Peking/mdl/materialminjs?
 +
action=raw&ctype=text/javascript"></script>
 +
    <link href="https://2017.igem.org/Template:Peking/mdl/component?action=raw&ctype=text/css" rel="stylesheet">
 +
    <script type="text/javascript"
 +
            src="https://2017.igem.org/Template:Peking/mdl/componentjs?action=raw&ctype=text/javascript"></script>
 +
 
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2017.igem.org/Template:Peking/mdl/MDLnew?action=raw&ctype=text/css">
 +
 
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2017.igem.org/Template:Peking/mdl/main?action=raw&ctype=text/css">
 +
    <!-- Fonts -->
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2017.igem.org/Template:Peking/mdl/fonts?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2017.igem.org/Template:Peking/mdl/icon?action=raw&ctype=text/css">
 +
 
 +
</head>
 +
 
 +
 
 +
<body>
 +
 
 +
 
 +
<!-- Always shows a header, even in smaller screens. -->
 +
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
 +
    <header class="mdl-layout__header" style="position:fixed; margin-top: -9px; !important;">
 +
        <div class="mdl-layout__header-row">
 +
            <!-- Title -->
 +
            <a href="https://2017.igem.org/Team:Peking"><img
 +
                    src="https://static.igem.org/mediawiki/2017/c/cf/Peking_TeamLogoClassical.png" height="35"></a>
 +
 
 +
            <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking"
 +
              style="color: #000000; font-size: x-large"><strong>Peking iGEM </strong> 2017</a>
 +
            <!-- Add spacer, to align navigation to the right -->
 +
            <div class="mdl-layout-spacer"></div>
 +
            <!-- Navigation. We hide it in small screens. -->
 +
            <nav class="mdl-navigation mdl-layout--large-screen-only">
 +
                <style>
 +
                    a:link {
 +
                        text-decoration: none;
 +
                    }
 +
 
 +
                    a:visited {
 +
                        text-decoration: none;
 +
                    }
 +
 
 +
                    a:active {
 +
                        text-decoration: none;
 +
                    }
 +
 
 +
                    a:hover {
 +
                    }
 +
                </style>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking"
 +
                  style="color: #000; font-weight: 500;">Home</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Project#Introduction">Project</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Model#Overview">Modelling</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Software">Software</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Hardware">Hardware</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Lab">Lab</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/HP">Practices</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Parts#Overview">Parts</a>
 +
                <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Team">Team</a>
 +
            </nav>
 +
        </div>
 +
    </header>
  
<br>
 
<br><br>
 
 
</div>
 
</div>
<div style="text-align:center">
+
 
         <img width="60%" src="https://static.igem.org/mediawiki/2017/e/ed/Peking_title.jpeg" />
+
<main class="docs-layout-content mdl-layout__content mdl-color-text--grey-600"
</div>
+
      style="width: 100%; padding-bottom: 0px; background-color: #FAFAFA;">
<br>
+
    <!-- Wide card with share menu button -->
 +
    <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-left: 50px;
 +
            margin-right: 50px;
 +
            margin-top: 120px;
 +
            margin-bottom: 100px;
 +
            width: auto;
 +
            height: 500px;
 +
        }
 +
 
 +
        .demo-card-wide > .mdl-card__title {
 +
            padding-left: 50px;
 +
            color: #fff;
 +
            height: 300px;
 +
        }
 +
 
 +
        .demo-card-wide > .mdl-card__menu {
 +
            color: #fff;
 +
        }
 +
 
 +
    </style>
 +
 
 +
    <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-bottom: 30px">
 +
        <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>
 +
 
 +
    <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-top: 20px; margin-bottom: 30px">
 +
 
 +
        <div class="mdl-card__supporting-text"
 +
            style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 50px; padding-top: 50px; padding-bottom:50px">
 +
            <h1>Why sequential logic?</h1><br>
 +
            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 <b>sequential logic</b>. 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 – <b>time</b>.
 +
        </div>
 +
    </div>
 +
 
 +
    <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-top: 20px; margin-bottom: 30px">
 +
 
 +
        <div class="mdl-card__supporting-text"
 +
            style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 50px; padding-top: 50px; padding-bottom:50px">
 +
            <h1>What did we do?</h1><br>
 +
            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>
 +
 
 +
    <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-bottom: 30px;  height: auto; width:auto" >
 +
        <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">
 +
 
 +
         </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; 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>
 +
 
 +
                    <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#Clock" target="_blank"
 +
                      style="background-color: #E44043; color: white; position: absolute">
 +
                        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; 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.
 +
 
 +
                    <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 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>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
    <section class="docs-text-styling download mdl-color--grey-800" style="height: 1px"></section>
 +
    <footer class="mdl-mega-footer" style="height: 260px; margin-bottom: 0px;">
 +
        <div class="mdl-mega-footer__middle-section">
 +
 
 +
            <div class="mdl-mega-footer__drop-down-section">
 +
                <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
 +
                <h1 class="mdl-mega-footer__heading">Acknowledgement</h1>
 +
                <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;>
 +
                    <li><a href=" http:
 +
                //dean.pku.edu.cn/pkudean/"> </li>
 +
                <li><a href="http://dean.pku.edu.cn/pkudean/"><img
 +
                        src="https://static.igem.org/mediawiki/2017/9/99/Peking_footer_logo_admin.png" height="50px"/></a>
 +
                </li>
 +
                <li><a href="http://www.bio.pku.edu.cn/en/"> <img
 +
                        src="https://static.igem.org/mediawiki/2017/a/ab/Peking_footer_logo_slslogo.png" height="50px"/> </a>
 +
                </li>
 +
                <li><a href="http://cqb.pku.edu.cn/en/"> <img
 +
                        src="https://static.igem.org/mediawiki/2017/9/9a/Peking_footer_logo_cqb.png" height="48px"/> </a></li>
 +
 
 +
                </ul>
 +
            </div>
 +
 
 +
            <div class="mdl-mega-footer__drop-down-section">
 +
                <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
 +
                <h1 class="mdl-mega-footer__heading">Connection</h1>
 +
                <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;>
 +
                    <li><a href=" https:
 +
                //www.facebook.com/pekingigem"></a></li>
 +
                <li><a href="https://www.facebook.com/pekingigem">Facebook</a></li>
 +
                <li><a href="https://www.youtube.com/channel/UCefEYVCVqKJLmoJrSxivgZQ">Youtube</a></li>
 +
                <li><a href="https://twitter.com/iGEM_Peking">Twitter</a></li>
 +
                <li><a href="https://github.com/PekingiGEM2017">Github</a></li>
 +
                </ul>
 +
            </div>
 +
 
 +
            <div class="mdl-mega-footer__drop-down-section">
 +
                <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
 +
                <h1 class="mdl-mega-footer__heading">Contact</h1>
 +
                <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;>
 +
                    <li><a href=" http:
 +
                //www.synbiowiki.com"> </a></li>
 +
                <li><a href="http://www.synbiowiki.com">SynBioWiki.com</a></li>
 +
                <li><a href="mailto:PekingIGEM@gmail.com">Mail</a></li>
 +
                </ul>
 +
            </div>
 +
 
 +
            <div class="mdl-mega-footer__drop-down-section">
 +
                <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
 +
                <h2 style="color: white; "><strong>Peking iGEM</strong> 2017</h2>
 +
                <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;">
 +
                    <li style="color: white; line-height: 1.88em;">Peking University,<br> No.5 Yiheyuan Road Haidian
 +
                        District, Beijing, P.R.China<br>100871
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
 
 +
        </div>
 +
 
 +
 
 +
    </footer>
 +
 
 +
</main>
 +
 
 +
 
 +
</body>
 
</html>
 
</html>
{{Peking/footer}}
 

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