Difference between revisions of "Team:NUDT CHINA/Collaborations"

(Prototype team page)
 
 
(12 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{NUDT_CHINA}}
 
{{NUDT_CHINA}}
−
<html>
+
<html lang="en">
 +
<head>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <link rel="stylesheet" href="basic.css">
 +
    <style type="text/css">
 +
p {font-variant: stacked-fractions;
 +
font-size: large;}
 +
.pure-g p{font-variant: stacked-fractions;
 +
font-size: large;}
 +
.main-title{padding-top:50%; padding-bottom:50%;width:100%;}
 +
.main{width:90%;}
 +
.main-title::before {
 +
content: '';
 +
width: 20vw;
 +
height: 20vw;
 +
min-width: 3.5em;
 +
min-height: 3.5em;
 +
background: url(https://static.igem.org/mediawiki/2017/f/fe/T-NUDT_CHINA-BigTitle.svg) no-repeat center center;
 +
background-size: cover;
 +
position: absolute;
 +
top: 50%;
 +
left: 50%;
 +
border-radius: 50%;
 +
z-index: 3;
 +
-webkit-transform: translate3d(-50%,-50%,0);
 +
transform: translate3d(-50%,-50%,0);}
 +
.large-header {
 +
background-image: url('https://static.igem.org/mediawiki/2017/e/ef/T-NUDT_CHINA-bigheader-Collaboration.jpg');}
  
 +
    </style>
 +
</head>
 +
 
 +
  <div id="layout">
 +
        <a href="#menu" id="menuLink" class="menu-link">
 +
            <span></span>
 +
        </a>
 +
        <div id="menu">
 +
        <div class="pure-menu"><img src="https://static.igem.org/mediawiki/2017/4/4f/T-NUDT_CHINA-icon01.png" width=240px height=190px alt="">
 +
          <ul class="pure-menu-list">
 +
            <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA" class="pure-menu-link">HOME</a></li>             
 +
         
 +
            <li class="pure-menu-item pure-menu-has-children">
 +
              <a  class="pure-menu-link"onclick="Show('team_show')">TEAM</a>
 +
              <ul class="pure-menu-children" id="team_show">
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Team" class="pure-menu-link">Team</a></li>
 +
                <li class="pure-menu-item"><a  class="pure-menu-heading"  href="https://2017.igem.org/Team:NUDT_CHINA/Collaborations" class="pure-menu-link">Collaborations</a></li>
 +
            </ul>
 +
            </li>
 +
            <li class="pure-menu-item pure-menu-has-children">
 +
              <a  class="pure-menu-link"onclick="Show('project_show')">PROJECT</a>
 +
              <ul class="pure-menu-children" id="project_show">
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Description" class="pure-menu-link">Description</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Design" class="pure-menu-link">Design</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Experiments" class="pure-menu-link">Experiment</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Notebook" class="pure-menu-link">Notebook</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Results" class="pure-menu-link">Results</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Demonstrate" class="pure-menu-link">Demonstrate</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Improve" class="pure-menu-link">Improve</a></li>
 +
            </ul>
 +
            </li>
 +
            <li class="pure-menu-item pure-menu-has-children">
 +
              <a  class="pure-menu-link"onclick="Show('part_show')">PARTS</a>
 +
              <ul class="pure-menu-children" id="part_show">
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Parts" class="pure-menu-link">Parts</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Basic_Part" class="pure-menu-link">Basic Parts</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Composite_Part" class="pure-menu-link">Composite Parts</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Part_Collection" class="pure-menu-link">Part Collection</a></li>
 +
            </ul>
 +
            </li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Attributions" class="pure-menu-link">Attributions</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/InterLab" class="pure-menu-link">InterLab</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Model" class="pure-menu-link">Model</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Safety" class="pure-menu-link">SAFETY</a></li>
 +
            <li class="pure-menu-item pure-menu-has-children">
 +
              <a  class="pure-menu-link"onclick="Show('HP_show')">HP</a>
 +
              <ul class="pure-menu-children" id="HP_show">
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/HP/Silver" class="pure-menu-link">Silver HP</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/HP/Gold_Integrated" class="pure-menu-link">Integrated & Gold</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Engagement" class="pure-menu-link">Public Engagement</a></li>
 +
            </ul>
 +
            </li>
 +
            </ul>
 +
        </div> 
 +
        </div>
 +
        <div id="main">
 +
        <div id="large-header" class="large-header">
 +
                    <canvas id="demo-canvas"></canvas>
 +
                    <h1 class="main-title">Collaborations</span></h1>
 +
                </div>
 +
       
  
−
<div class="column full_size judges-will-not-evaluate">
+
        <div class="content" style="width: 74%">
−
<h3>★  ALERT! </h3>
+
 
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
<div class="Myheader">
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
            <h5>Collaborations with NJU_CHINA</h5>
 +
        </div>
 +
<p>In this year’s collaboration, NJU_china helped us to test the microRNA binding ability of miRNA binding sequences. They constructed a dual-luciferase miRNA target expression plasmid with their vector and our miRNA target sequences. Then they transfected the purified plasmids into cells and verify their functions.</p>
 +
<p>In return, we performed nanoparticle tracking analysis (NTA) to have a more precise determination of the quantity and size of secreted exosomes. Extracellular vesicles, as nanoparticles, can be automatically tracked and sized based on Brownian motion and the diffusion coefficient. We measured the Nanosight enabled quantification and size determination of the extracellular vesicles in our experiment. The result we got from nanoparticle tracking analysis (NTA) can help NJU_china ascertain the relationship between protein concentration and exosomes quantity. Their acknowledgement to our contribution can be found in their wiki pages (<a href="https://2017.igem.org/Team:NJU-China/Collaborations">https://2017.igem.org/Team:NJU-China/Collaborations</a>).</p>
 +
<div class="pure-g">
 +
<div class="pure-u-1-2">
 +
<img width="80%" src="https://static.igem.org/mediawiki/2017/a/a3/T-NUDT_CHINA-Collaboration3.jpg" alt="">
 +
<p style="font: caption">Figure 1 exosomes magnified 100000x</p></div>
 +
<div class="pure-u-1-2">
 +
<img width="80%" src="https://static.igem.org/mediawiki/2017/9/95/T-NUDT_CHINA-Collaboration4.jpg" alt="">
 +
<p style="font: caption">Figure 2 exosomes magnified 200000x</p></div>
 
</div>
 
</div>
 +
<center>
 +
<img width="100%" src="https://static.igem.org/mediawiki/2017/7/74/T-NUDT_CHINA-Collaboration1.jpg" alt="">
 +
</center>
 +
<div class="Myheader">
 +
            <h5>Collaborations with BGIC_Union</h5>
 +
        </div>
  
 +
<p>During the FAFU CCiC (Fujian Agricultural and Forestry University Conference of China’s iGEMers Community) this year, we were reached by the BGIC-Union team asking for the sHRPN-dcas9 and sHRPC-dcas9 plasmids we constructed in iGEM 2016. It was a pleasure to hear that our design could provide convenience to other iGEM teams, so we provided them plasmid samples as well as detailed information for their convenience. They also gave us some useful advice in our project. We really benefited a lot from the communication with BGIC-Union, not only academically, but also in friendship. Their acknowledgement to our contribution can be found in their wiki pages (<a href="https://2017.igem.org/Team:BGIC-Union/Collaborations">https://2017.igem.org/Team:BGIC-Union/Collaborations</a>).</p>
 +
<center>
 +
<img width="100%" src="https://static.igem.org/mediawiki/2017/9/91/T-NUDT_CHINA-Collaboration2.jpg" alt="">
 +
</center>
  
 +
       
 +
</div>
 +
</div></div>
  
 +
<script type="text/javascript">
 +
function send(num) {
 +
  var openClass = 'is-open';
 +
var add1=document.getElementById(num);
 +
var add2=document.getElementById('Lay'+num);
 +
addClass(add1,openClass);
 +
addClass(add2,openClass);
 +
function hasClass(element,csName){
 +
　　　　　　return　　element.className.match(RegExp('(\\s|^)'+csName+'(\\s|$)'));
 +
　　　　};
 +
function addClass(element,csName){
 +
　　　　　　　if(!hasClass(element,csName)){
 +
 +
　　　　　　　　　element.className+=' '+csName;
 +
 +
　　　　　　}
 +
};}
 +
function show(num) {
 +
var openClass = 'is-open';
 +
var remove1=document.getElementById(num);
 +
var remove2=document.getElementById('Lay'+num);
 +
deleteClass(remove1,openClass);
 +
deleteClass(remove2,openClass);
 +
function hasClass(element,csName){
 +
　　　　　　return　　element.className.match(RegExp('(\\s|^)'+csName+'(\\s|$)'));
 +
　　　　};
 +
　 function deleteClass(element,csName){   
 +
if (hasClass(element,csName)) {
 +
        var reg = new RegExp("(\\s|^)" + csName + "(\\s|$)");
 +
        element.className = element.className.replace(reg, " ");
 +
    }
 +
};
 +
}
  
 +
</script>
 +
<script type="text/javascript">
 +
( function(window,document){
  
−
<div class="clear"></div>
+
    var layout  = document.getElementById('layout'),
 +
        menu    = document.getElementById('menu'),
 +
        menuLink = document.getElementById('menuLink'),
 +
        content  = document.getElementById('main');
  
−
<div class="column full_size">
+
    function toggleClass(element, className) {
−
<h1>Collaborations</h1>
+
        var classes = element.className.split(/\s+/),
 +
            length = classes.length,
 +
            i = 0;
  
−
<p>
+
        for(; i < length; i++) {
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
          if (classes[i] === className) {
−
</p>
+
            classes.splice(i, 1);
 +
            break;
 +
          }
 +
        }
 +
        // The className is not found
 +
        if (length === classes.length) {
 +
            classes.push(className);
 +
        }
  
−
<h3>Silver Medal Criterion #2</h3>
+
        element.className = classes.join(' ');
−
<p>
+
    }
−
Complete this page if you intend to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2017.igem.org/Judging/Medals">2017 Medals Page</a> for more information.  
+
−
</p>
+
  
−
<div class="column half_size">
+
    function toggleAll(e) {
 +
        var active = 'active';
  
−
<h4> Which other teams can we work with? </h4>
+
        e.preventDefault();
−
<p>
+
        toggleClass(layout, active);
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
        toggleClass(menu, active);
−
</p>
+
        toggleClass(menuLink, active);
 +
    }
  
−
<p>
+
    menuLink.onclick = function (e) {
−
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
        toggleAll(e);
−
</p>
+
    };
  
−
</div>
+
    content.onclick = function(e) {
 +
        if (menu.className.indexOf('active') !== -1) {
 +
            toggleAll(e);
 +
        }
 +
    };
  
 +
}(this, this.document));
 +
</script>
  
 +
<script type="text/javascript" >
 +
    function Show(tagId) {
 +
    if (document.getElementById(tagId).style.display=="none") {
 +
    document.getElementById(tagId).style.display="block";
 +
   
 +
    }
 +
    else {
 +
    document.getElementById(tagId).style.display="none";
 +
    }
 +
    }
 +
</script>
 +
<script type="text/javascript" >
 +
(function() {
  
−
<div class="column half_size">
+
    var width, height, largeHeader, canvas, ctx, circles, target, animateHeader = true;
−
<p>
+
−
Here are some suggestions for projects you could work on with other teams:
+
−
</p>
+
  
−
<ul>
+
    // Main
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
    initHeader();
−
<li> Characterize another team's part </li>
+
    addListeners();
−
<li> Debug a construct </li>
+
 
−
<li> Model or simulating another team's system </li>
+
    function initHeader() {
−
<li> Test another team's software</li>
+
        width = window.innerWidth;
−
<li> Help build and test another team's hardware project</li>
+
        height = window.innerHeight;
−
<li> Mentor a high-school team</li>
+
        target = {x: 0, y: height};
−
</ul>
+
 
−
</div>
+
        largeHeader = document.getElementById('large-header');
 +
        largeHeader.style.height = height+'px';
 +
 
 +
        canvas = document.getElementById('demo-canvas');
 +
        canvas.width = width;
 +
        canvas.height = height;
 +
        ctx = canvas.getContext('2d');
 +
 
 +
        // create particles
 +
        circles = [];
 +
        for(var x = 0; x < width*0.5; x++) {
 +
            var c = new Circle();
 +
            circles.push(c);
 +
        }
 +
        animate();
 +
    }
 +
 
 +
    // Event handling
 +
    function addListeners() {
 +
        window.addEventListener('scroll', scrollCheck);
 +
        window.addEventListener('resize', resize);
 +
    }
 +
 
 +
    function scrollCheck() {
 +
        if(document.body.scrollTop > height) animateHeader = false;
 +
        else animateHeader = true;
 +
    }
 +
 
 +
    function resize() {
 +
        width = window.innerWidth;
 +
        height = window.innerHeight;
 +
        largeHeader.style.height = height+'px';
 +
        canvas.width = width;
 +
        canvas.height = height;
 +
    }
 +
 
 +
    function animate() {
 +
        if(animateHeader) {
 +
            ctx.clearRect(0,0,width,height);
 +
            for(var i in circles) {
 +
                circles[i].draw();
 +
            }
 +
        }
 +
        requestAnimationFrame(animate);
 +
    }
 +
 
 +
    // Canvas manipulation
 +
    function Circle() {
 +
        var _this = this;
 +
 
 +
        // constructor
 +
        (function() {
 +
            _this.pos = {};
 +
            init();
 +
            console.log(_this);
 +
        })();
 +
 
 +
        function init() {
 +
            _this.pos.x = Math.random()*width;
 +
            _this.pos.y = height+Math.random()*100;
 +
            _this.alpha = 0.1+Math.random()*0.3;
 +
            _this.scale = 0.1+Math.random()*0.3;
 +
            _this.velocity = Math.random();
 +
        }
  
 +
        this.draw = function() {
 +
            if(_this.alpha <= 0) {
 +
                init();
 +
            }
 +
            _this.pos.y -= _this.velocity;
 +
            _this.alpha -= 0.0005;
 +
            ctx.beginPath();
 +
            ctx.arc(_this.pos.x, _this.pos.y, _this.scale*10, 0, 2 * Math.PI, false);
 +
            ctx.fillStyle = 'rgba(255,255,255,'+ _this.alpha+')';
 +
            ctx.fill();
 +
        };
 +
    }
  
 +
})();
 +
</script>
 +
</body>
 
</html>
 
</html>

Latest revision as of 02:01, 2 November 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM

Collaborations

Collaborations with NJU_CHINA

In this year’s collaboration, NJU_china helped us to test the microRNA binding ability of miRNA binding sequences. They constructed a dual-luciferase miRNA target expression plasmid with their vector and our miRNA target sequences. Then they transfected the purified plasmids into cells and verify their functions.

In return, we performed nanoparticle tracking analysis (NTA) to have a more precise determination of the quantity and size of secreted exosomes. Extracellular vesicles, as nanoparticles, can be automatically tracked and sized based on Brownian motion and the diffusion coefficient. We measured the Nanosight enabled quantification and size determination of the extracellular vesicles in our experiment. The result we got from nanoparticle tracking analysis (NTA) can help NJU_china ascertain the relationship between protein concentration and exosomes quantity. Their acknowledgement to our contribution can be found in their wiki pages (https://2017.igem.org/Team:NJU-China/Collaborations).

Figure 1 exosomes magnified 100000x

Figure 2 exosomes magnified 200000x

Collaborations with BGIC_Union

During the FAFU CCiC (Fujian Agricultural and Forestry University Conference of China’s iGEMers Community) this year, we were reached by the BGIC-Union team asking for the sHRPN-dcas9 and sHRPC-dcas9 plasmids we constructed in iGEM 2016. It was a pleasure to hear that our design could provide convenience to other iGEM teams, so we provided them plasmid samples as well as detailed information for their convenience. They also gave us some useful advice in our project. We really benefited a lot from the communication with BGIC-Union, not only academically, but also in friendship. Their acknowledgement to our contribution can be found in their wiki pages (https://2017.igem.org/Team:BGIC-Union/Collaborations).