Difference between revisions of "Team:AHUT China/Attributions"

(Prototype team page)
 
 
(68 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{AHUT_China}}
+
{{:Team:AHUT_China/Template/CSS_RESET}}
−
<html>
+
<html lang="en">
  
 +
       
 +
       
 +
       
 +
        <!--================Header Area =================-->
 +
              <header class="header_area">
 +
            <div class="container">
 +
                <nav class="navbar navbar-expand-lg navbar-light">
 +
                    <!-- Brand and toggle get grouped for better mobile display -->
 +
                    <a class="navbar-brand logo_h" href="https://2018.igem.org/Team:AHUT_China/home"><img src="https://static.igem.org/mediawiki/2018/b/b0/T--AHUT_China--_newlogo.jpg" height="110" width="80" alt=""></a>
 +
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                    </button>
 +
                    <!-- Collect the nav links, forms, and other content for toggling -->
 +
                    <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
 +
                        <ul class="nav navbar-nav menu_nav ml-auto">
 +
                            <li class="nav-item "><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/home">Home</a></li>
 +
                            <li class="nav-item submenu dropdown">
 +
                                <a href="#" style="color:#52C5FD" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Team
 +
">Team Members</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Attributions">Attribution</a>
 +
 +
                                </ul>
 +
                            </li>
 +
                            <li class="nav-item submenu dropdown">
 +
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Overview">Overview</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Background">Background</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/protocol">Protocol</a></li>
 +
                                    <li class="nav-item"><a class="nav-link"
 +
href="https://2018.igem.org/Team:AHUT_China/design">Design</a></li>                                                     
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Demonstrate">Demonstrate</a></li>
 +
    <li class="nav-item"><a class="nav-link" href="
 +
https://2018.igem.org/Team:AHUT_China/InterLab">Interlab</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Notebook">Notebook</a></li>
 +
                                    <li class="nav-item"><a class="nav-link"
 +
href="https://2018.igem.org/Team:AHUT_China/Result">Result</a></li>
 +
                                  </li>
 +
                                </ul>
 +
                            </li>
 +
                              <li class="nav-item submenu dropdown">
 +
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Improve">Improved parts</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/New_Parts">New Parts</a></li>
 +
 +
                                </ul>
 +
                            </li>
 +
<li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Model">Modeling</a></li>
 +
                            <li class="nav-item submenu dropdown">
 +
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Human_Practices">Overview</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/HP_FOR_SILVER">HP for Silver</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/INTEGRATED_FOR_GOLD">Integrated HP for gold</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="
 +
https://2018.igem.org/Team:AHUT_China/Public_Engagement">Public Engagement</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Collaborations">Collaboration</a></li>
 +
<!--                            <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>-->
 +
                        </ul>
 +
                    </div>
 +
                </nav>
 +
            </div>
 +
         
 +
        </header>
 +
        <!--================Breadcrumb Area =================-->
 +
        <br> <br> <br> <br> <br> <br>
 +
        <!--================Breadcrumb Area =================-->
 +
        <div align="center" class="section4"><img src="
 +
https://static.igem.org/mediawiki/2018/3/35/T--AHUT_China--_attribion155.jpg" width="602"  alt=""/></div>
 +
        <!--================Breadcrumb Area =================-->
 +
        <!--================ Latest Blog Area  =================-->
 +
      <section class="latest_blog_area section_gap">
 +
            <div class="container">
 +
              <div class="section_title ">
 +
               
 +
                <p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-style: normal; font-weight: 400; font-size: 38px; text-align: center;"><strong style="font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; font-style: normal; font-weight: 400;color: #000000;"> ATTRIBUTION</strong></h2>
 +
                <hr>
 +
                <nbsp><nbsp>
 +
                  <p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆';  "><span style="font-size: 18px"><span style="font-size: 24px">Our</span> iGEM team is from Anhui University of Technology, Ma 'anshan, China. The name of our project this year is Carbon dioxide purifier. The brief introduction of the project is as follows: </span></p>
 +
<br>
 +
                  <p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆';  font-size: 18px;">With greenhouse effect becoming a widespread concern in recent years, how to effectively capture CO<span style="font-size: 12px">2</span> has become a worldwide problem. At present, CO<span style="font-size: 12px">2</span> capture mostly includes absorption, adsorption and membrane methods, etc., which have problems with high cost, high energy consumption for regeneration and secondary pollution. CO<span style="font-size: 12px">2</span> capture using carbonic anhydrase has attracted extensive attention due to its high catalytic efficiency and environmentally friendly properties. First, our project successfully expressed wide type carbonic anhydrase 2 in E. coli, however, its industrial application was limited due to poor stability and easy inactivation. Therefore, based on this, molecular simulation technology was used to investigate effect of amino acid residues mutation on the conformation and activity of enzyme, and the mutant carbonic anhydrase with higher thermal stability was obtained. The experimental results showed that the purified mutant carbonic anhydrase exhibited higher stability and activity than wild type carbonic anhydrase, achieving efficient capture of CO<span style="font-size: 12px">2</span>.</p>
 +
<br>
 +
                  <p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆';  font-size: 18px;color: #17E3C0;">Overview</p>
 +
                  <p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">We were divided into groups of students in different majors, including those responsible for experiment, art design, web programming, social practice and cooperation, and mathematical modeling.
 +
At the same time, as we are from a country where the mother tongue is not English, we have arranged some students to be responsible for English translation and English presentation. </p>
 +
<br>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;color: #17E3C0;">Experiment group</p>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">The students in charge of the experiment are Pan Luyao, Liu Zhihao, Bian Weixin, Wang Xiangxuan, Hu Zhiyuan, Qin Zichen, Wang Huichao,Chen Yuru,Chen Jinrui.
 +
They completed the experimental portion of the project, building Biobricks that met the standards of iGEM. </p>
 +
<br>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;color: #17E3C0;">Art design group</p>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">The students responsible for art design are Sun Yu, Wang Yalong and Jiang Yu. They completed the design of poster, team flag, team banner, and team uniform, and they participated in the figure production of wiki. </p>
 +
<br>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;color: #17E3C0;">Wiki group</p>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">The students responsible for web programming students are Cao Jinhui, Zhu Dazhu, Tao Wei.
 +
They did all the wiki job.</p>
 +
<br>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;color: #17E3C0;">Modeling group</p>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">The students responsible for mathematical modeling are Wang Qiong, Zhao Lei and Ma Xiaoguang.
 +
They completed the mathematical modeling work related to the project, and Zhao Lei developed the gas detection device used in the cooperation activity with an aerial model team of our university. </p>
 +
<br>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;color: #17E3C0;">English group</p>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">The students responsible for English translation and presentation are Xia Yongli, Ge Yan, Chen Chen, Zhou Wan, Zhao Boya.They have completed all the documents on the wiki that need to be translated into English, and Xia Yongli, Ge Yan, Chen Chen, Zhou Wan and Wang Huichao will have live presentations during the competition.</p>
 +
<br>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;color: #17E3C0;">Human practice group</p>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">The students responsible for social practice and cooperation are Fan Zixuan, Zhou Yu, Lou Feiyue.All activities of HP and collaboration are organized and conducted by them. They are also responsible for communication with iGEM teams of other colleges. </p>
 +
<br><br><br>
 +
<strong style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 22px;">Acknowledgement</strong>
 +
<p style="font-family: 'Arial Unicode MS', 'Microsoft YaHei UI', 'Microsoft YaHei UI Light', '华文细黑', '微软雅黑', '幼圆'; font-size: 18px;">Our team consists of 8 instructors, including Xu Xiangrong,Xu Hao,Ma Liang,Liu Zi,Ruilan Cao,She Huili,Xu Xia,Xu Jian. Our PI is Xu Xiangrong and Secondary PI is Xu Hao.
 +
We are so grateful to the instructors and advisors for their advice on our work. They provided us with laboratories and professional guidance.
 +
Prof. Xu Xiangrong provided some information of Human practice.
 +
Prof.Xu Xia,Prof.Xu Jian,Dr.Ma Liang and Dr.Liu Zi are responsible for the guidance of the wet lab.
 +
Our experiment mainly carried out in Dr.Ma Liang's laboratory. At the same time, we carried out experiments with the help of some
 +
instruments in Biochemical Engineering Research Center, BERC-AHUT by Prof.Xu Xia and Prof.Xu Jian.
 +
Prof.Cao Ruilan gave us some suggestions on English translation and English presentation
 +
Dr.She Huili gave us some advice on art design.
 +
Dr. Xu Hao guides us the programming, mathematical modeling and Dry lab.<br>
 +
<br>
 +
Meanwhile, we invited Leng Huji, Ding Yuqing, Zou Shoushuo and Long Lijuan as advisors. They provided us some suggestions for our project.</p>
  
−
<div class="column full_size judges-will-not-evaluate">
+
−
<h3>★  ALERT! </h3>
+
 
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
     
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
     
−
</div>
+
      <p>&nbsp;</p>
 +
              </div>
 +
    </div>
 +
</section>
 +
        <!--================ Recent Area  =================-->
 +
       
 +
     
 +
       
 +
        <!--================ start footer Area  =================-->
 +
     
  
 +
        <!-- Modals error -->
  
−
<div class="clear"></div>
+
     
 +
        <!--================End Contact Success and Error message Area =================-->
 +
       
 +
       
 +
        <!-- Optional JavaScript -->
 +
        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
 +
        <script src="https://2018.igem.org/Team:AHUT_China/jquery-3.2.1.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/popper_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/bootstrap.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/owl.carousel.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/jquery.ajaxchimp.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/bootstrap-datetimepicker.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/jquery.nice-select.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/mail-script_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/stellar_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/imagesloaded.pkgd.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
      <script src="https://2018.igem.org/Team:AHUT_China/isotope-min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/stellar_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
      <script src="https://2018.igem.org/Team:AHUT_China/simpleLightbox.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
        <!--gmaps Js-->
 +
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjCGmQ0Uq4exrzdcL6rvxywDDOvfAu6eE?action=raw&ctype=text/css" type="text/css""></script>
 +
        <script src="https://2018.igem.org/Team:AHUT_China/gmaps.min_js?action=raw&ctype=text/css" type="text/css""></script>
 +
        <!-- contact js -->
 +
      <script src="https://2018.igem.org/Team:AHUT_China/jquery.form_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
      <script src="https://2018.igem.org/Team:AHUT_China/jquery.validate.min_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
      <script src="https://2018.igem.org/Team:AHUT_China/contact_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
      <script src="https://2018.igem.org/Team:AHUT_China/custom_js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
 +
      <script>
 +
// when animating on canvas, it is best to use requestAnimationFrame instead of setTimeout or setInterval
 +
// not supported in all browsers though and sometimes needs a prefix, so we need a shim
 +
window.requestAnimFrame = ( function() {
 +
return window.requestAnimationFrame ||
 +
window.webkitRequestAnimationFrame ||
 +
window.mozRequestAnimationFrame ||
 +
function( callback ) {
 +
window.setTimeout( callback, 1000 / 60 );
 +
};
 +
})();
  
 +
// now we will setup our basic variables for the demo
 +
var canvas = document.getElementById( 'canvas' ),
 +
ctx = canvas.getContext( '2d' ),
 +
// full screen dimensions
 +
cw = window.innerWidth,
 +
ch = window.innerHeight,
 +
// firework collection
 +
fireworks = [],
 +
// particle collection
 +
particles = [],
 +
// starting hue
 +
hue = 120,
 +
// when launching fireworks with a click, too many get launched at once without a limiter, one launch per 5 loop ticks
 +
limiterTotal = 5,
 +
limiterTick = 0,
 +
// this will time the auto launches of fireworks, one launch per 80 loop ticks
 +
timerTotal = 80,
 +
timerTick = 0,
 +
mousedown = false,
 +
// mouse x coordinate,
 +
mx,
 +
// mouse y coordinate
 +
my;
 +
 +
// set canvas dimensions
 +
canvas.width = cw;
 +
canvas.height = ch;
  
 +
// now we are going to setup our function placeholders for the entire demo
  
 +
// get a random number within a range
 +
function random( min, max ) {
 +
return Math.random() * ( max - min ) + min;
 +
}
  
 +
// calculate the distance between two points
 +
function calculateDistance( p1x, p1y, p2x, p2y ) {
 +
var xDistance = p1x - p2x,
 +
yDistance = p1y - p2y;
 +
return Math.sqrt( Math.pow( xDistance, 2 ) + Math.pow( yDistance, 2 ) );
 +
}
  
 +
// create firework
 +
function Firework( sx, sy, tx, ty ) {
 +
// actual coordinates
 +
this.x = sx;
 +
this.y = sy;
 +
// starting coordinates
 +
this.sx = sx;
 +
this.sy = sy;
 +
// target coordinates
 +
this.tx = tx;
 +
this.ty = ty;
 +
// distance from starting point to target
 +
this.distanceToTarget = calculateDistance( sx, sy, tx, ty );
 +
this.distanceTraveled = 0;
 +
// track the past coordinates of each firework to create a trail effect, increase the coordinate count to create more prominent trails
 +
this.coordinates = [];
 +
this.coordinateCount = 3;
 +
// populate initial coordinate collection with the current coordinates
 +
while( this.coordinateCount-- ) {
 +
this.coordinates.push( [ this.x, this.y ] );
 +
}
 +
this.angle = Math.atan2( ty - sy, tx - sx );
 +
this.speed = 2;
 +
this.acceleration = 1.05;
 +
this.brightness = random( 50, 70 );
 +
// circle target indicator radius
 +
this.targetRadius = 1;
 +
}
  
−
<div class="column full_size">
+
// update firework
−
<h1>Attributions</h1>
+
Firework.prototype.update = function( index ) {
−
<p>This page is your opportunity to explain what parts of your project you did and what was done by technicians, advisers, etc. This requirement is not about literature references - these can and should be displayed throughout your wiki.
+
// remove last item in coordinates array
−
</p>
+
this.coordinates.pop();
 +
// add current coordinates to the start of the array
 +
this.coordinates.unshift( [ this.x, this.y ] );
 +
 +
// cycle the circle target indicator radius
 +
if( this.targetRadius < 8 ) {
 +
this.targetRadius += 0.3;
 +
} else {
 +
this.targetRadius = 1;
 +
}
 +
 +
// speed up the firework
 +
this.speed *= this.acceleration;
 +
 +
// get the current velocities based on angle and speed
 +
var vx = Math.cos( this.angle ) * this.speed,
 +
vy = Math.sin( this.angle ) * this.speed;
 +
// how far will the firework have traveled with velocities applied?
 +
this.distanceTraveled = calculateDistance( this.sx, this.sy, this.x + vx, this.y + vy );
 +
 +
// if the distance traveled, including velocities, is greater than the initial distance to the target, then the target has been reached
 +
if( this.distanceTraveled >= this.distanceToTarget ) {
 +
createParticles( this.tx, this.ty );
 +
// remove the firework, use the index passed into the update function to determine which to remove
 +
fireworks.splice( index, 1 );
 +
} else {
 +
// target not reached, keep traveling
 +
this.x += vx;
 +
this.y += vy;
 +
}
 +
}
  
−
<h3> Bronze Medal Criterion #3</h3>
+
// draw firework
−
<p> All of the work done in your project must be attributed correctly on this page. You must clearly state the work that was done by the students on your team and note any work that was done by people outside of your team, including the host labs, advisors, instructors, and individuals not on the team roster.  
+
Firework.prototype.draw = function() {
−
<br><br>
+
ctx.beginPath();
−
Please see the <a href="https://2018.igem.org/Judging/Medals">Medals requirements page</a> for more details.</p>
+
// move to the last tracked coordinate in the set, then draw a line to the current x and y
−
</div>
+
ctx.moveTo( this.coordinates[ this.coordinates.length - 1][ 0 ], this.coordinates[ this.coordinates.length - 1][ 1 ] );
 +
ctx.lineTo( this.x, this.y );
 +
ctx.strokeStyle = 'hsl(' + hue + ', 100%, ' + this.brightness + '%)';
 +
ctx.stroke();
 +
 +
ctx.beginPath();
 +
// draw the target for this firework with a pulsing circle
 +
ctx.arc( this.tx, this.ty, this.targetRadius, 0, Math.PI * 2 );
 +
ctx.stroke();
 +
}
  
 +
// create particle
 +
function Particle( x, y ) {
 +
this.x = x;
 +
this.y = y;
 +
// track the past coordinates of each particle to create a trail effect, increase the coordinate count to create more prominent trails
 +
this.coordinates = [];
 +
this.coordinateCount = 5;
 +
while( this.coordinateCount-- ) {
 +
this.coordinates.push( [ this.x, this.y ] );
 +
}
 +
// set a random angle in all possible directions, in radians
 +
this.angle = random( 0, Math.PI * 2 );
 +
this.speed = random( 1, 10 );
 +
// friction will slow the particle down
 +
this.friction = 0.95;
 +
// gravity will be applied and pull the particle down
 +
this.gravity = 1;
 +
// set the hue to a random number +-20 of the overall hue variable
 +
this.hue = random( hue - 20, hue + 20 );
 +
this.brightness = random( 50, 80 );
 +
this.alpha = 1;
 +
// set how fast the particle fades out
 +
this.decay = random( 0.015, 0.03 );
 +
}
  
−
<div class="clear extra_space"></div>
+
// update particle
 +
Particle.prototype.update = function( index ) {
 +
// remove last item in coordinates array
 +
this.coordinates.pop();
 +
// add current coordinates to the start of the array
 +
this.coordinates.unshift( [ this.x, this.y ] );
 +
// slow down the particle
 +
this.speed *= this.friction;
 +
// apply velocity
 +
this.x += Math.cos( this.angle ) * this.speed;
 +
this.y += Math.sin( this.angle ) * this.speed + this.gravity;
 +
// fade out the particle
 +
this.alpha -= this.decay;
 +
 +
// remove the particle once the alpha is low enough, based on the passed in index
 +
if( this.alpha <= this.decay ) {
 +
particles.splice( index, 1 );
 +
}
 +
}
  
  
  
−
<div class="column third_size">
+
// draw particle
−
<h3> What should this page contain?</h3>
+
Particle.prototype.draw = function() {
 +
 
 +
  ctx. beginPath();
 +
// move to the last tracked coordinates in the set, then draw a line to the current x and y
 +
ctx.moveTo( this.coordinates[ this.coordinates.length - 1 ][ 0 ], this.coordinates[ this.coordinates.length - 1 ][ 1 ] );
 +
ctx.lineTo( this.x, this.y );
 +
ctx.strokeStyle = 'hsla(' + this.hue + ', 100%, ' + this.brightness + '%, ' + this.alpha + ')';
 +
ctx.stroke();
 +
 
 +
 
 +
}
  
−
<ul>
+
// create particle group/explosion
−
<li>Clearly state what the team accomplished</li>
+
function createParticles( x, y ) {
−
<li>General Support</li>
+
// increase the particle count for a bigger explosion, beware of the canvas performance hit with the increased particles though
−
<li>Project support and advice</li>
+
var particleCount = 30;
−
<li>Fundraising help and advice</li>
+
while( particleCount-- ) {
−
<li>Lab support</li>
+
particles.push( new Particle( x, y ) );
−
<li>Difficult technique support</li>
+
}
−
<li>Project advisor support</li>
+
}
−
<li>Wiki support</li>
+
−
<li>Presentation coaching</li>
+
−
<li>Human Practices support</li>
+
−
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
+
−
</ul>
+
−
</div>
+
  
−
<div class="column third_size">
+
// main demo loop
−
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
+
function loop() {
−
<ul>
+
// this function will run endlessly with requestAnimationFrame
−
<li>Does your institution teach an iGEM or synthetic biology course?</li>
+
requestAnimFrame( loop );
−
<li>When did you start this course?</li>
+
−
<li>Are the syllabus and course materials freely available online?</li>
+
// increase the hue to get different colored fireworks over time
−
<li>When did you start your brainstorming?</li>
+
hue += 0.5;
−
<li>When did you start in the lab?</li>
+
−
<li>When did you start working on your project?</li>
+
// normally, clearRect() would be used to clear the canvas
−
</ul>
+
// we want to create a trailing effect though
−
</div>
+
// setting the composite operation to destination-out will allow us to clear the canvas at a specific opacity, rather than wiping it entirely
 +
ctx.globalCompositeOperation = 'destination-out';
 +
// decrease the alpha property to create more prominent trails
 +
ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
 +
ctx.fillRect( 0, 0, cw, ch );
 +
// change the composite operation back to our main mode
 +
// lighter creates bright highlight points as the fireworks and particles overlap each other
 +
ctx.globalCompositeOperation = 'lighter';
 +
 +
    var text = "Welcom to our pages"; 
 +
  ctx.font = "50px sans-serif";
 +
  var textData = ctx.measureText(text);
 +
  ctx.fillStyle = "rgba("+parseInt(random(0,255))+","+parseInt(random(0,255))+","+parseInt(random(0,255))+",0.3)";
 +
  ctx.fillText(text,cw /2-textData.width/2,ch/2);
 +
 
 +
// loop over each firework, draw it, update it
 +
var i = fireworks.length;
 +
while( i-- ) {
 +
fireworks[ i ].draw();
 +
fireworks[ i ].update( i );
 +
}
 +
 +
// loop over each particle, draw it, update it
 +
var i = particles.length;
 +
while( i-- ) {
 +
particles[ i ].draw();
 +
particles[ i ].update( i );
 +
}
 +
 +
// launch fireworks automatically to random coordinates, when the mouse isn't down
 +
if( timerTick >= timerTotal ) {
 +
if( !mousedown ) {
 +
// start the firework at the bottom middle of the screen, then set the random target coordinates, the random y coordinates will be set within the range of the top half of the screen
 +
     
 +
      for(var h=0;h<50;h++)
 +
      {
 +
          fireworks.push( new Firework( cw / 2, ch/2, random( 0, cw ), random( 0, ch ) ) );
 +
      }
 +
     
 +
     
 +
timerTick = 0;
 +
}
 +
} else {
 +
timerTick++;
 +
}
 +
 +
// limit the rate at which fireworks get launched when mouse is down
 +
if( limiterTick >= limiterTotal ) {
 +
if( mousedown ) {
 +
// start the firework at the bottom middle of the screen, then set the current mouse coordinates as the target
 +
fireworks.push( new Firework( cw / 2, ch/2, mx, my ) );
 +
limiterTick = 0;
 +
}
 +
} else {
 +
limiterTick++;
 +
}
 +
}
  
 +
// mouse event bindings
 +
// update the mouse coordinates on mousemove
 +
canvas.addEventListener( 'mousemove', function( e ) {
 +
mx = e.pageX - canvas.offsetLeft;
 +
my = e.pageY - canvas.offsetTop;
 +
});
  
−
<div class="column third_size">
+
// toggle mousedown state and prevent canvas from being selected
−
<div class="highlight decoration_A_full">
+
canvas.addEventListener( 'mousedown', function( e ) {
−
 
+
e.preventDefault();
−
<h3>Inspiration</h3>
+
mousedown = true;
−
<p>Take a look at what other teams have done:</p>
+
});
−
<ul>
+
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
<div class="column two_thirds_size">
+
−
<h3> Why is this page needed? </h3>
+
−
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
+
−
<p>
+
−
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
+
−
</div>
+
−
 
+
−
<div class="column third_size">
+
−
<div class="highlight decoration_B_full">
+
−
<h3> Can we base our project on a previous one? </h3>
+
−
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
+
−
</div>
+
−
</div>
+
  
 +
canvas.addEventListener( 'mouseup', function( e ) {
 +
e.preventDefault();
 +
mousedown = false;
 +
});
  
 +
// once the window loads, we are ready for some fireworks!
 +
window.onload = loop;
  
 +
</script>
 
</html>
 
</html>
 +
{{:Team:AHUT_China/footer}}
 +
{{:Team:AHUT_China/footercss}}

Latest revision as of 03:14, 18 October 2018

Royal Hotel







ATTRIBUTION

Our iGEM team is from Anhui University of Technology, Ma 'anshan, China. The name of our project this year is Carbon dioxide purifier. The brief introduction of the project is as follows:


With greenhouse effect becoming a widespread concern in recent years, how to effectively capture CO2 has become a worldwide problem. At present, CO2 capture mostly includes absorption, adsorption and membrane methods, etc., which have problems with high cost, high energy consumption for regeneration and secondary pollution. CO2 capture using carbonic anhydrase has attracted extensive attention due to its high catalytic efficiency and environmentally friendly properties. First, our project successfully expressed wide type carbonic anhydrase 2 in E. coli, however, its industrial application was limited due to poor stability and easy inactivation. Therefore, based on this, molecular simulation technology was used to investigate effect of amino acid residues mutation on the conformation and activity of enzyme, and the mutant carbonic anhydrase with higher thermal stability was obtained. The experimental results showed that the purified mutant carbonic anhydrase exhibited higher stability and activity than wild type carbonic anhydrase, achieving efficient capture of CO2.


Overview

We were divided into groups of students in different majors, including those responsible for experiment, art design, web programming, social practice and cooperation, and mathematical modeling. At the same time, as we are from a country where the mother tongue is not English, we have arranged some students to be responsible for English translation and English presentation.


Experiment group

The students in charge of the experiment are Pan Luyao, Liu Zhihao, Bian Weixin, Wang Xiangxuan, Hu Zhiyuan, Qin Zichen, Wang Huichao,Chen Yuru,Chen Jinrui. They completed the experimental portion of the project, building Biobricks that met the standards of iGEM.


Art design group

The students responsible for art design are Sun Yu, Wang Yalong and Jiang Yu. They completed the design of poster, team flag, team banner, and team uniform, and they participated in the figure production of wiki.


Wiki group

The students responsible for web programming students are Cao Jinhui, Zhu Dazhu, Tao Wei. They did all the wiki job.


Modeling group

The students responsible for mathematical modeling are Wang Qiong, Zhao Lei and Ma Xiaoguang. They completed the mathematical modeling work related to the project, and Zhao Lei developed the gas detection device used in the cooperation activity with an aerial model team of our university.


English group

The students responsible for English translation and presentation are Xia Yongli, Ge Yan, Chen Chen, Zhou Wan, Zhao Boya.They have completed all the documents on the wiki that need to be translated into English, and Xia Yongli, Ge Yan, Chen Chen, Zhou Wan and Wang Huichao will have live presentations during the competition.


Human practice group

The students responsible for social practice and cooperation are Fan Zixuan, Zhou Yu, Lou Feiyue.All activities of HP and collaboration are organized and conducted by them. They are also responsible for communication with iGEM teams of other colleges.




Acknowledgement

Our team consists of 8 instructors, including Xu Xiangrong,Xu Hao,Ma Liang,Liu Zi,Ruilan Cao,She Huili,Xu Xia,Xu Jian. Our PI is Xu Xiangrong and Secondary PI is Xu Hao. We are so grateful to the instructors and advisors for their advice on our work. They provided us with laboratories and professional guidance. Prof. Xu Xiangrong provided some information of Human practice. Prof.Xu Xia,Prof.Xu Jian,Dr.Ma Liang and Dr.Liu Zi are responsible for the guidance of the wet lab. Our experiment mainly carried out in Dr.Ma Liang's laboratory. At the same time, we carried out experiments with the help of some instruments in Biochemical Engineering Research Center, BERC-AHUT by Prof.Xu Xia and Prof.Xu Jian. Prof.Cao Ruilan gave us some suggestions on English translation and English presentation Dr.She Huili gave us some advice on art design. Dr. Xu Hao guides us the programming, mathematical modeling and Dry lab.

Meanwhile, we invited Leng Huji, Ding Yuqing, Zou Shoushuo and Long Lijuan as advisors. They provided us some suggestions for our project.