Difference between revisions of "Team:SYSU-MEDICINE/Demonstrate"

(Prototype team page)
 
 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{SYSU-MEDICINE}}
 
 
<html>
 
<html>
  
  
<div class="column full_size" >
 
  
<p>Here you can describe the results of your project and your future plans. </p>
 
  
<h5>What should this page contain?</h5>
+
<head>
<ul>
+
    <meta charset="UTF-8">
<li> Clearly and objectively describe the results of your work.</li>
+
    <link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2016/2/2a/T--SYSU-MEDICINE--logo_32%2A32.png" sizes="16x16">
<li> Future plans for the project </li>
+
    <link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2016/2/2a/T--SYSU-MEDICINE--logo_32%2A32.png" sizes="32x32">
<li> Considerations for replicating the experiments </li>
+
    <!-- Latest compiled and minified CSS -->
</ul>
+
    <!--<link href='//cdn.webfont.youziku.com/webfonts/nomal/92549/46882/57f3d7e1f629d81a5077d03f.css' rel='stylesheet' type='text/css' />-->
 +
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 +
    <!--jQuery-->
 +
    <script  src="https://code.jquery.com/jquery-3.1.1.min.js"  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="  crossorigin="anonymous"></script>
 +
    <!-- Latest compiled and minified JavaScript -->
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 +
    <style>
 +
        /*font*/
 +
        /*font*/
 +
        @font-face{font-family:"HelveticaNeueW02-45Ligh";src:url('//www.eyeem.com/css/fonts/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix');src:url('//www.eyeem.com/css/fonts/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix') format("eot"),url('//www.eyeem.com/css/fonts/9a2e4855-380f-477f-950e-d98e8db54eac.woff') format("woff"),url('//www.eyeem.com/css/fonts/fa82d0ee-4fbd-4cc9-bf9f-226ad1fcbae2.ttf') format("truetype"),url('//www.eyeem.com/css/fonts/48d599a6-92b5-4d43-a4ac-8959f6971853.svg#48d599a6-92b5-4d43-a4ac-8959f6971853') format("svg")}
 +
        *{
 +
            font-family:"HelveticaNeueW02-45Ligh","Arial",sans-serif;
 +
            letter-spacing: 0.4px;
 +
            line-height: 1.5em;
 +
        }
 +
        #HQ_page h1,#HQ_page h2,#HQ_page h3,#HQ_page h4,#HQ_page h5,#HQ_page p{
 +
            font-family:"HelveticaNeueW02-45Ligh","Arial",sans-serif;
 +
        }
 +
        #HQ_page p{
 +
            font-size: 20px;
 +
        }
 +
        #HQ_page td{
 +
            padding:0;
 +
            border:0;
 +
        }
 +
        #HQ_page table {
 +
            border:0;
 +
        }
 +
        /*override wiki*/
 +
        .menu_wrapper, #top_title, #sideMenu{display: none;}
 +
        #content {
 +
            width:100%;
 +
            padding:0;
 +
            margin: 16px auto;
 +
        }
 +
        #top_menu_under {
 +
            height: 0;
 +
        }
 +
        #top_menu_14 {
 +
            border-bottom: 0;
 +
        }
 +
        #globalWrapper {
 +
            font-size: 100%;
 +
            padding-bottom: 0;
 +
        }
 +
        #content {
 +
            margin-bottom: 0;
 +
        }
 +
        /*nav*/
 +
        .navbar {
 +
            border-radius: 0;
 +
            height: 50px;
 +
            margin-bottom:0;
 +
            z-index: 25;
 +
        }
 +
        .navbar-inverse .navbar-brand {
 +
            color: #fff;
 +
        }
 +
        .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
 +
            background-color: rgba(0,0,0,0);
 +
            color: #999;
 +
            font-weight:600;
 +
        }
 +
        .navbar-inverse .navbar-nav>li>a {
 +
            color: #fff;
 +
            font-weight:600;
 +
        }
 +
        .navbar-inverse .navbar-nav>li>a:hover {
 +
            color: #999;
 +
            font-weight:600;
 +
        }
 +
        .navbar-nav>li{
 +
            top: -5px;
 +
        }
 +
        /*.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {*/
 +
        /*margin: 0 0.1;*/
 +
        /*}*/
 +
        .dropdown-menu>li>a {
 +
            font-weight: 600;
 +
        }
 +
        .third-level-list {
 +
            top: -10px;
 +
            left: 150px;
 +
        }
 +
        .jumbotron{
 +
            margin-bottom:0;
 +
            padding-top:10px;
 +
            padding-bottom:20px;
 +
        }
 +
        #jumbo-footer.jumbotron {
 +
            padding-top: 10px;
 +
            padding-bottom: 30px;
 +
            margin-bottom: 0;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container{
 +
            width: 1170px;
 +
            margin: 20px auto;
 +
            font-size: 18px;
 +
            color: #888;
 +
            /*font-weight: bold;*/
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .line{
 +
            height: 2px;
 +
            background-color: #bbb;
 +
            width: 100%;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact {
 +
            margin-top: 20px;
 +
            margin-left: 10px;
 +
            height: 140px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .title{
 +
            font-weight: bold;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul{
 +
            list-style: none;
 +
            padding-left: 0;
 +
            margin-left: 0;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul.float-contact {
 +
            float:left;
 +
            width: 400px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul li {
 +
            margin-top: 5px;
 +
            margin-bottom: 5px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul li a img{
 +
            width: 30px;
 +
            height: 30px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul li a {
 +
            color: #888;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul li a:hover, #jumbo-footer.jumbotron>.footer-container .contact ul li a:active, #jumbo-footer.jumbotron>.footer-container .contact ul li a:focus {
 +
            color: #888;
 +
            text-decoration: none;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact .float-contact-right {
 +
            float:right;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .copyright{
 +
            margin-top: 5px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .copyright .text {
 +
            font-size: 16px;
 +
            float: left;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .copyright .icon{
 +
            float: right;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .copyright .icon img {
 +
            width: 25px;
 +
            height: 25px;
 +
        }
 +
        #wechatModal .modal-dialog{
 +
            width: 332px;
 +
            margin-top: 100px;
 +
            z-index: 2000;
 +
        }
 +
        /*content*/
 +
        .jumbotron .my-content{
 +
            margin: 0 auto;
 +
            width: 960px;
 +
        }
 +
        .jumbotron .my-content h2 {
 +
            text-align: center;
 +
            font-weight: bolder;
 +
            font-size: 40px;
 +
            margin-bottom:30px;
 +
        }
 +
        .jumbotron .my-content p {
 +
            line-height: 1.5em;
 +
            font-size: 20px;
 +
            color: #333;
 +
        }
 +
        .jumbotron#content{
 +
            background-color: #fff;
 +
        }
 +
        .jumbotron#content p a{
 +
            color: #333;
 +
        }
 +
        .jumbotron#content img{
 +
            width: 90%;
 +
            margin: 10px auto;
 +
            display: block;
 +
        }
 +
        .jumbotron#content span.note{
 +
            width: 80%;
 +
            font-size: 16px;
 +
            color: #999;
 +
            margin: 0 auto;
 +
            display: block;
 +
        }
 +
/*mynav*/
 +
        /*mynav*/
 +
        .mynav{
 +
            position: fixed;
 +
            /*width:250px;*/
 +
            left: 10px;
 +
            opacity: 0.2;
 +
            top: 300px;
 +
            background-color: #f2f2f2;
 +
            border-radius: 10px;
 +
            -webkit-transition: opacity 0.2s, width 0.2s;
 +
            -moz-transition: opacity 0.2s, width 0.2s;
 +
            -ms-transition: opacity 0.2s, width 0.2s;
 +
            -o-transition: opacity 0.2s, width 0.2s;
 +
            transition: opacity 0.2s, width 0.2s;
 +
            padding-right: 20px;
 +
        }
 +
        .mynav:hover {
 +
            opacity: 1;
  
 +
        }
 +
        .mynav ol{
 +
            list-style: none;
 +
            padding-left:20px;
 +
            margin:0;
 +
 +
        }
 +
        .mynav ol li ol{
 +
            display:none;
 +
        }
 +
        .mynav li a{
 +
            color: #333;
 +
            font-size: 18px;
 +
            width: 300px;
 +
        }
 +
        .mynav li a:hover, .mynav li a:active,.mynav li a:focus{
 +
            color:#e57d22;
 +
        }
 +
        .mynav li li a{
 +
            font-size: 16px;
 +
        }
 +
        .mynav li li li a{
 +
            font-size: 14px;
 +
        }
 +
    </style>
 +
    <script type="text/javascript">
 +
        $(document).ready(function() {
 +
//          wechat qr code
 +
            var canHide= true;
 +
            $('#wechatModal').on('show.bs.modal', function (e) {
 +
                // do something...
 +
                $("#wechatModal").after('<div class="modal-backdrop fade in"></div>');
 +
            });
 +
            $(".modal").click(function() {
 +
//                console.log("click");
 +
                //$(this).remove();
 +
                if (canHide) {
 +
                    $(".modal-backdrop").remove();
 +
                    $('#wechatModal').modal('hide');
 +
                }
 +
            });
 +
            $(".modal-dialog").click(function() {
 +
                canHide = false;
 +
            });
 +
            $(".modal").mousemove(function() {
 +
                canHide = true;
 +
            });
 +
            $(".third-level-list").css("left", "120px");
 +
//          third level menu on nav
 +
            $(".third-level-menu").mouseenter(function() {
 +
                console.log("mouse in");
 +
                $(this).addClass("open");
 +
 +
            });
 +
            $(".third-level-menu").mouseleave(function() {
 +
                console.log("mouse in");
 +
                $(this).removeClass("open");
 +
            });
 +
            $(".dropdown").mouseenter(function() {
 +
                $(this).addClass("open");
 +
            });
 +
            $(".dropdown").mouseleave(function() {
 +
                $(this).removeClass("open");
 +
            });
 +
            //            mynav
 +
            $(".mynav li").mouseenter(function() {
 +
                $(this).children('ol').slideDown();
 +
            });
 +
            $(".mynav li").mouseleave(function() {
 +
                $(this).children('ol').slideUp();
 +
            })
 +
        });
 +
    </script>
 +
</head>
 +
<body>
 +
<nav class="navbar navbar-inverse">
 +
    <div class="container-fluid">
 +
        <!-- Brand and toggle get grouped for better mobile display -->
 +
        <div class="navbar-header">
 +
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
 +
                <span class="sr-only">Toggle navigation</span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
            </button>
 +
            <a class="navbar-brand" href="https://2016.igem.org/Team:SYSU-MEDICINE">
 +
                <img style="height: 40px; width: 40px; margin-top: -10px " src="https://2016.igem.org/wiki/skins/Igem/images/IGEM_white_letters.png">
 +
            </a>
 +
            <a class="navbar-brand" href="https://2016.igem.org/Team:SYSU-MEDICINE">SYSU-MEDICINE</a>
 +
        </div>
 +
 +
        <!-- Collect the nav links, forms, and other content for toggling -->
 +
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
            <ul class="nav navbar-nav navbar-right">
 +
                <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE">HOME</a></li>
 +
                <li class="dropdown active">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Description">Description</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Results">Results</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Protocol">Protocol</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Notebook">Notebook</a></li>
 +
                        <li class="dropdown third-level-menu">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">For Judgement <span class="glyphicon glyphicon-chevron-right"></span></a>
 +
                            <ul class="third-level-list dropdown-menu">
 +
                                <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Proof">Proof of Concept</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Demonstrate">Demonstrate</a></li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul>
 +
                </li>
 +
                <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Our_Story">Our Story</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Interview">Interview</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Ethics">Ethics</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Legislation">Legislation</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Products">Products</a></li>
 +
                        <li class="dropdown third-level-menu">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">For Judgement <span class="glyphicon glyphicon-chevron-right"></span></a>
 +
                            <ul class="third-level-list dropdown-menu">
 +
                                <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/HP/Silver">Silver</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/HP/Gold">Gold</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Integrated_Practices">Integrated Practices</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Engagement">Engagement</a></li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Modeling">MODELING</a></li>
 +
                <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Team">Team</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Attributions">Attributions</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Collaborations">Collaborations</a></li>
 +
                    </ul>
 +
                </li>
 +
 +
                <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Parts">Parts</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Basic_Part">Basic Parts</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Composite_Part">Composite Parts</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Part_Collection">Part Collection</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Safety">SAFETY</a></li>
 +
                <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Judging">JUDGING</a></li>
 +
            </ul>
 +
        </div><!-- /.navbar-collapse -->
 +
    </div><!-- /.container-fluid -->
 +
</nav>
 +
<!--content-->
 +
<div class="jumbotron">
 +
    <div class="my-content">
 +
        <h1 align="center">Demonstrate</h1>
 +
    </div>
 
</div>
 
</div>
 +
<div class="jumbotron" id="content">
 +
    <div class="mynav">
  
<div class="column half_size" >
+
                <ol>
 +
                    <li><a href="#Demonstrate1">IBD</a>
 +
                        <ol>
 +
                          <li><a href="#Demonstrate1.1">Grouping</a></li>
 +
                          <li><a href="#Demonstrate1.2">Evaluation</a></li>
 +
                        </ol>
 +
                    </li>
 +
                    <li><a href="#Demonstrate2">DTH</a>
 +
                        <ol>
 +
                          <li><a href="#Demonstrate2.1">Grouping</a></li>
 +
                          <li><a href="#Demonstrate2.2">Evaluation</a></li>
 +
                        </ol>
 +
                    </li>
 +
                </ol>
  
 +
    </div>
 +
    <div class="my-content">
 +
        <p>
 +
            In iGEM 2016, we, SYSU-MEDICINE, not only confirmed our devices (BBa_K1993005 and BBa_K1993009) at molecular level, but also on animal models (IBD and DTH). We tried our best to improve them to acclimatize real conditions.<br/>
 +
            <br/>
 +
        </p>
 +
        <h2 id="Demonstrate1">IBD</h2>
 +
        <p>
 +
            Inflammatory bowel diseases (IBD) including Crohn’s disease (CD) and ulcerative colitis (UC), are caused by the multiple factors such as genetic susceptibility, breakdown of mucosal immune tolerance, and self-immune activation to gut microbiota. MSC therapy utilizing immunosuppressive and differentiation properties of MSCs have been tested in clinical trials for both luminal and fistulizing forms of IBD. In our project, MSCs engineered with the gene of CXCR4 and marking proteins were used and evaluated.<br/>
 +
            <br/>
 +
            <img src="https://static.igem.org/mediawiki/2016/8/8b/T--SYSU-MEDICINE--project-4.1.1.png">
 +
            <span class="note" style="text-align: center;">
 +
                Figure 4.1.1<br/>
 +
                BBa_K1993009
 +
            </span>
 +
            <br/>
 +
            <b id="Demonstrate1.1"><big>1. Grouping</big></b><br/>
 +
            <br/>
 +
            IBD models with 42 BALB/c mice were established and divided into 5 groups:<br/>
 +
            (1) 10 mice were included in this experiment. After sensitization, 6 mice were injected with MSCs<sup>CXCR4</sup>.<br/>
 +
            (2) 10 mice were included in this experiment. After sensitization, 6 mice were injected with MSCs<sup>eGFP</sup>.<br/>
 +
            (3) 10 mice were included in this experiment. After sensitization, 6 mice were injected with saline.<br/>
 +
            (4) 6 mice were treated with alcohol for the enema as the alcohol control.<br/>
 +
            (5) 6 mice without any further treatment were as the normal control group.<br/>
 +
            <br/>
 +
            <b id="Demonstrate1.2"><big>2. Evaluation</big></b><br/>
 +
            <br/>
 +
            To evaluate how MSCs contribute to relief of IBD, colon length, DAI score, survival rate, the concentration of the cytokines and HE staining of each group were recorded. All the data we harvested indicated that MSCs group had better performance than control group.<br/>
 +
<br/>
 +
            - We established murine 2,4,6-trinitro benzene sulfonic acid (TNBS)-colitis (IBD animal model). After injecting with MSCs<sup>CXCR4</sup>, survival rate, body weight, length of colon and DAI score of IBD mice were improved significantly comparing to TNBS+MSC group and TNBS+saline group.<br/>
 +
            <br/>
  
<h5> Project Achievements </h5>
+
        </p>
 +
        <table>
 +
            <tr>
 +
                <td style="text-align: center">
 +
                    <img src="https://static.igem.org/mediawiki/2016/b/bc/T--SYSU-MEDICINE--project-4.1.2.1.png">
 +
                </td>
 +
                <td style="text-align: center">
 +
                    <img src="https://static.igem.org/mediawiki/2016/7/79/T--SYSU-MEDICINE--project-4.1.2.2.png">
 +
                </td>
 +
            </tr>
 +
            <tr>
 +
                <td style="text-align: center">
 +
                    <span class="note" style="text-align: center;">
 +
                        Figure 4.1.2.1
 +
                    </span>
 +
                </td>
 +
                <td style="text-align: center">
 +
                    <span class="note" style="text-align: center;">
 +
                        Figure 4.1.2.2
 +
                    </span>
 +
                </td>
 +
            </tr>
 +
            <tr>
 +
                <td style="text-align: center">
 +
                    <img src="https://static.igem.org/mediawiki/2016/6/60/T--SYSU-MEDICINE--project-4.1.2.3.png">
 +
                </td>
 +
                <td style="text-align: center">
 +
                    <img src="https://static.igem.org/mediawiki/2016/5/53/T--SYSU-MEDICINE--project-4.1.2.4.png">
 +
                </td>
 +
            </tr>
 +
            <tr>
 +
                <td style="text-align: center">
 +
                    <span class="note" style="text-align: center;">
 +
                        Figure 4.1.2.3
 +
                    </span>
 +
                </td>
 +
                <td style="text-align: center">
 +
                    <span class="note" style="text-align: center;">
 +
                        Figure 4.1.2.4
 +
                    </span>
 +
                </td>
 +
            </tr>
 +
        </table>
 +
        <p>
 +
            - Photographs of hematoxylin/eosin-stained colon cross-sections 2 days after injecting MSCs. MSCs<sup>CXCR4</sup> displayed better treatment efficacy than TNBS+MSC group and TNBS+saline group, characterized by their abilities to decrease leukocyte infiltration.<br/>
 +
            <br/>
 +
            <img src="https://static.igem.org/mediawiki/2016/1/1a/T--SYSU-MEDICINE--project-4.1.3.png">
 +
            <span class="note" style="text-align: center;">
 +
                Figure 4.1.3
 +
            </span>
 +
            <br/>
 +
            - Colon sampling for quantitative PCR analysis. Comparing with TNBS+MSC group, levels of the anti-inflammatory cytokine (IL-10) elevated in TNBS+MSCs<sup>CXCR4</sup> group while pro-inflammatory cytokines (IL-6, IL-1β, TNF-α) levels decreased in TNBS+ MSCs<sup>CXCR4</sup> group.<br/>
 +
            <br/>
  
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
        </p>
 +
        <table>
 +
            <tr>
 +
                <td style="text-align: center">
 +
                    <img src="https://static.igem.org/mediawiki/2016/4/4c/T--SYSU-MEDICINE--project-4.1.4.1.png">
 +
                </td>
 +
                <td style="text-align: center">
 +
                    <img src="https://static.igem.org/mediawiki/2016/e/e6/T--SYSU-MEDICINE--project-4.1.4.2.png">
 +
                </td>
 +
            </tr>
 +
            <tr>
 +
                <td style="text-align: center">
 +
                    <span class="note" style="text-align: center;">
 +
                        Figure 4.1.4.1
 +
                    </span>
 +
                </td>
 +
                <td style="text-align: center">
 +
                    <span class="note" style="text-align: center;">
 +
                        Figure 4.1.4.2
 +
                    </span>
 +
                </td>
 +
            </tr>
 +
            <tr>
 +
                <td style="text-align: center">
 +
                    <img src="https://static.igem.org/mediawiki/2016/2/27/T--SYSU-MEDICINE--project-4.1.4.3.png">
 +
                </td>
 +
                <td style="text-align: center">
 +
                    <img src="https://static.igem.org/mediawiki/2016/7/75/T--SYSU-MEDICINE--project-4.1.4.4.png">
 +
                </td>
 +
            </tr>
 +
            <tr>
 +
                <td style="text-align: center">
 +
                    <span class="note" style="text-align: center;">
 +
                        Figure 4.1.4.3
 +
                    </span>
 +
                </td>
 +
                <td style="text-align: center">
 +
                    <span class="note" style="text-align: center;">
 +
                        Figure 4.1.4.4
 +
                    </span>
 +
                </td>
 +
            </tr>
 +
        </table>
 +
        <p>
 +
            <br/>
 +
            - Under IVIS Spectrum, MSCs<sup>CXCR4</sup> exhibited enhanced capacities for targeted migration to the bowels in inflammatory condition in vivo.<br/>
 +
            <br/>
 +
            <img src="https://static.igem.org/mediawiki/2016/0/02/T--SYSU-MEDICINE--project-4.1.5.png">
 +
            <span class="note" style="text-align: center;">
 +
                Figure 4.1.5
 +
            </span>
 +
            <br/>
  
<ul>
+
        </p>
<li>A list of linked bullet points of the successful results during your project</li>
+
        <h2 id="Demonstrate2">DTH</h2>
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
        <p>
</ul>
+
            <br/>
 +
            DTH (delayed type hypersensitivity) is an experimental model for human allergic contact dermatitis (ACD), one of the prevalent skin diseases worldwide. The unique immunomodulatory functions of MSCs on various types of immune cells may render them as a novel approach to desensitize allergic diseases. In our project, MSCs engineered with the gene of CXCR5 and marking proteins were used and evaluated.<br/>
 +
            <br/>
 +
            <img src="https://static.igem.org/mediawiki/2016/5/54/T--SYSU-MEDICINE--project-4.2.1.png">
 +
            <span class="note" style="text-align: center;">
 +
                Figure 4.2.1<br/>
 +
                BBa_K1993005
 +
            </span>
 +
            <br/>
  
 +
            <b  id="Demonstrate2.1"><big>1. Grouping</big></b><br/>
 +
            In our design, DTH model with 28 BALB/c mice were established and divided into 4 groups:<br/>
 +
            (1) 8 mice were included in this experiment. After sensitization, 6 mice were injected with MSCs<sup>CXCR5</sup>.<br/>
 +
            (2) 8 mice were included in this experiment with treatment of sensitization and injection of MSCs<sup>eGFP</sup> to the caudal veins.<br/>
 +
            (3) 6 mice were included in this experiment with treatment of sensitization and injection of PBS to the caudal veins.<br/>
 +
            (4) 6 mice containing in this group will receive identical volume of acetone/olive oil solution application to the backs and ears. PBS were injected to the caudal veins.<br/>
 +
            <br/>
 +
            <b id="Demonstrate2.2"><big>2. Evaluation</big></b><br/>
 +
            Ear samples were measured and harvested for qPCR, HE staining or immuno-fluorescence,  which showed better curative effect of engineered MSCs.<br/>
 +
<br/>
 +
            - MSCs<sup>CXCR5</sup> infusion dramatically ameliorated DTH. MSCs<sup>CXCR5</sup> displayed better treatment efficacy than DTH+MSCs<sup>eGFP</sup> group, characterized by their abilities to decrease ear thickness and leukocyte infiltration. MSCs<sup>CXCR5</sup> significantly attenuated DTH as early as 24 hours post-injection, and had even greater effects at 48 hours post-injection.<br/>
 +
            <br/>
 +
            <img src="https://static.igem.org/mediawiki/2016/a/a8/T--SYSU-MEDICINE--project-4.2.2.1.png">
 +
            <span class="note" style="text-align: center;">
 +
                Figure 4.2.2.1<br/>
 +
            </span>
 +
            <br/>
 +
            <img src="https://static.igem.org/mediawiki/2016/8/87/T--SYSU-MEDICINE--project-4.2.2.2.png">
 +
            <span class="note" style="text-align: center;">
 +
                Figure 4.2.2.2<br/>
 +
            </span>
 +
            <br/>
 +
            - Ear sampling for quantitative PCR analysis. Comparing with DTH+MSCs group, levels of the anti-inflammatory cytokines (IL-10), elevated in DTH+MSCs<sup>CXCR5</sup> group, while levels of pro-inflammatory cytokines (IL-4, TNF-α, IFN-γ, IL-6 and IL-17) decreased in DTH+MSCs<sup>CXCR5</sup> group.<br/>
 +
            <br/>
 +
            <img src="https://static.igem.org/mediawiki/2016/d/d6/T--SYSU-MEDICINE--project-4.2.3.png">
 +
            <span class="note" style="text-align: center;">
 +
                Figure 4.2.3<br/>
 +
            </span>
 +
            <br/>
 +
            - The inflamed ears were collected and subjected to in situ immunofluorescence staining. Our results revealed that MSCs<sup>CXCR5</sup> highly accumulating in inflamed ears displayed better chemotaxis than almost undetectable MSCs<sup>eGFP</sup>.<br/>
 +
            <br/>
 +
            <img src="https://static.igem.org/mediawiki/2016/6/60/T--SYSU-MEDICINE--project-4.2.4.png">
 +
            <span class="note" style="text-align: center;">
 +
                Figure 4.2.4<br/>
 +
            </span>
 +
            <br/>
 +
        </p>
 +
    </div>
 
</div>
 
</div>
  
 +
<!--footer-->
 +
<div class="jumbotron" id="jumbo-footer">
 +
    <div class="footer-container">
 +
        <div class="title">
 +
            Contact us
 +
        </div>
 +
        <div class="line"></div>
 +
        <div class="contact">
 +
            <ul class="float-contact">
 +
                <li>
 +
                    <a href="http://weibo.com/u/5999650333">
 +
                        <img style="height: 32px; width: 32px" src="https://static.igem.org/mediawiki/2016/0/06/T--SYSU-MEDICINE--weibo.png">
 +
                        iGEMxSYSU-MEDICINE
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a href="https://www.facebook.com/IGEM-SYSU-Medicine">
 +
                        <img style="height: 27px; width: 27px; margin-left: 2px;margin-right:2px;" src="https://static.igem.org/mediawiki/2016/a/a1/T--SYSU-MEDICINE--facebook.png">
 +
                        IGEM SYSU-Medicine
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a href="#">
 +
                        <img src="https://static.igem.org/mediawiki/2016/4/43/T--SYSU-MEDICINE--email.png">
 +
                        SYSU_MEDICINE@163.com
 +
                    </a>
 +
                </li>
 +
            </ul>
 +
            <ul class="float-contact">
 +
                <li>
 +
                    <a href="#" data-toggle="modal" data-target="#wechatModal">
 +
                        <img src="https://static.igem.org/mediawiki/2016/6/6e/T--SYSU-MEDICINE--wechat.png">
 +
                        SYSU-MEDICINE
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a href="https://twitter.com/IgemSysu">
 +
                        <img src="https://static.igem.org/mediawiki/2016/1/1c/T--SYSU-MEDICINE--twitter.png">
 +
                        iGEM SYSU-MEDICINE
 +
                    </a>
 +
                </li>
  
<div class="column half_size" >
+
            </ul>
 
+
            <div class="float-contact-right">
<h5>Inspiration</h5>
+
                <img style="width: 140px" src="https://static.igem.org/mediawiki/2016/5/5e/T--SYSU-MEDICINE--Igemlogo_banner.png">
<p>See how other teams presented their results.</p>
+
                <img style="height: 100px" src="https://static.igem.org/mediawiki/2016/d/df/T--SYSU-MEDICINE--SYSU-MEDICINE.png">
<ul>
+
            </div>
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
        </div>
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
        <div class="line"></div>
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
        <div class="copyright">
</ul>
+
            <div class="text">
 +
                &copy; 2016 SYSU-MEDICINE. All Rights Reserved.
 +
            </div>
 +
            <div class="icon" >
 +
                <img src="https://static.igem.org/mediawiki/2016/f/f5/T--SYSU-MEDICINE--china_2x.png">
 +
                <img src="https://static.igem.org/mediawiki/2016/a/a9/T--SYSU-MEDICINE--SYSU.png">
 +
            </div>
 +
        </div>
 +
    </div>
  
 
</div>
 
</div>
  
 +
<!-- Wechat QRCode Modal -->
 +
<div class="modal fade" id="wechatModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="false">
 +
    <div class="modal-dialog" role="document">
 +
        <div class="modal-content">
  
 +
            <div class="modal-body">
 +
                <img style="height: 300px;width: 300px;" src="https://static.igem.org/mediawiki/2016/0/07/T--SYSU-MEDICINE--wechat-qrcode.png">
 +
            </div>
  
 +
        </div>
 +
    </div>
 +
</div>
 +
</body>
 
</html>
 
</html>

Latest revision as of 23:06, 19 October 2016

Demonstrate

In iGEM 2016, we, SYSU-MEDICINE, not only confirmed our devices (BBa_K1993005 and BBa_K1993009) at molecular level, but also on animal models (IBD and DTH). We tried our best to improve them to acclimatize real conditions.

IBD

Inflammatory bowel diseases (IBD) including Crohn’s disease (CD) and ulcerative colitis (UC), are caused by the multiple factors such as genetic susceptibility, breakdown of mucosal immune tolerance, and self-immune activation to gut microbiota. MSC therapy utilizing immunosuppressive and differentiation properties of MSCs have been tested in clinical trials for both luminal and fistulizing forms of IBD. In our project, MSCs engineered with the gene of CXCR4 and marking proteins were used and evaluated.

Figure 4.1.1
BBa_K1993009

1. Grouping

IBD models with 42 BALB/c mice were established and divided into 5 groups:
(1) 10 mice were included in this experiment. After sensitization, 6 mice were injected with MSCsCXCR4.
(2) 10 mice were included in this experiment. After sensitization, 6 mice were injected with MSCseGFP.
(3) 10 mice were included in this experiment. After sensitization, 6 mice were injected with saline.
(4) 6 mice were treated with alcohol for the enema as the alcohol control.
(5) 6 mice without any further treatment were as the normal control group.

2. Evaluation

To evaluate how MSCs contribute to relief of IBD, colon length, DAI score, survival rate, the concentration of the cytokines and HE staining of each group were recorded. All the data we harvested indicated that MSCs group had better performance than control group.

- We established murine 2,4,6-trinitro benzene sulfonic acid (TNBS)-colitis (IBD animal model). After injecting with MSCsCXCR4, survival rate, body weight, length of colon and DAI score of IBD mice were improved significantly comparing to TNBS+MSC group and TNBS+saline group.

Figure 4.1.2.1 Figure 4.1.2.2
Figure 4.1.2.3 Figure 4.1.2.4

- Photographs of hematoxylin/eosin-stained colon cross-sections 2 days after injecting MSCs. MSCsCXCR4 displayed better treatment efficacy than TNBS+MSC group and TNBS+saline group, characterized by their abilities to decrease leukocyte infiltration.

Figure 4.1.3
- Colon sampling for quantitative PCR analysis. Comparing with TNBS+MSC group, levels of the anti-inflammatory cytokine (IL-10) elevated in TNBS+MSCsCXCR4 group while pro-inflammatory cytokines (IL-6, IL-1β, TNF-α) levels decreased in TNBS+ MSCsCXCR4 group.

Figure 4.1.4.1 Figure 4.1.4.2
Figure 4.1.4.3 Figure 4.1.4.4


- Under IVIS Spectrum, MSCsCXCR4 exhibited enhanced capacities for targeted migration to the bowels in inflammatory condition in vivo.

Figure 4.1.5

DTH


DTH (delayed type hypersensitivity) is an experimental model for human allergic contact dermatitis (ACD), one of the prevalent skin diseases worldwide. The unique immunomodulatory functions of MSCs on various types of immune cells may render them as a novel approach to desensitize allergic diseases. In our project, MSCs engineered with the gene of CXCR5 and marking proteins were used and evaluated.

Figure 4.2.1
BBa_K1993005

1. Grouping
In our design, DTH model with 28 BALB/c mice were established and divided into 4 groups:
(1) 8 mice were included in this experiment. After sensitization, 6 mice were injected with MSCsCXCR5.
(2) 8 mice were included in this experiment with treatment of sensitization and injection of MSCseGFP to the caudal veins.
(3) 6 mice were included in this experiment with treatment of sensitization and injection of PBS to the caudal veins.
(4) 6 mice containing in this group will receive identical volume of acetone/olive oil solution application to the backs and ears. PBS were injected to the caudal veins.

2. Evaluation
Ear samples were measured and harvested for qPCR, HE staining or immuno-fluorescence, which showed better curative effect of engineered MSCs.

- MSCsCXCR5 infusion dramatically ameliorated DTH. MSCsCXCR5 displayed better treatment efficacy than DTH+MSCseGFP group, characterized by their abilities to decrease ear thickness and leukocyte infiltration. MSCsCXCR5 significantly attenuated DTH as early as 24 hours post-injection, and had even greater effects at 48 hours post-injection.

Figure 4.2.2.1

Figure 4.2.2.2

- Ear sampling for quantitative PCR analysis. Comparing with DTH+MSCs group, levels of the anti-inflammatory cytokines (IL-10), elevated in DTH+MSCsCXCR5 group, while levels of pro-inflammatory cytokines (IL-4, TNF-α, IFN-γ, IL-6 and IL-17) decreased in DTH+MSCsCXCR5 group.

Figure 4.2.3

- The inflamed ears were collected and subjected to in situ immunofluorescence staining. Our results revealed that MSCsCXCR5 highly accumulating in inflamed ears displayed better chemotaxis than almost undetectable MSCseGFP.

Figure 4.2.4