Team:SJTU-Software/Team

From 2014.igem.org

(Difference between revisions)
 
(385 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
-
<!DOCTYPE HTML>
+
 
<html>
<html>
-
<head>
+
 
-
<title>Gallery</title>
+
<!--main content -->
 +
 
 +
<p>
 +
<style type="text/css"> body {background-color:#BEBEBE; background-attachment:fixed; width:1366px;height:auto;align:center} </style>
 +
<style type="text/css">
 +
 
 +
 
 +
.container {
 +
    height: 5px;
 +
    margin: 1.6% auto 0 14.5%;
 +
    width: 71%;
 +
    align: center;
 +
}
 +
#nav,#nav ul {
 +
    list-style: none outside none;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
#nav {
 +
    background: url('https://static.igem.org/mediawiki/2014/c/c7/Sjtu_software_menu_bg2.png')no-repeat scroll 0 0 transparent ;
 +
    clear: both;
 +
    font-size: 16px;
 +
    height: 58px;
 +
    padding: 0 0 0 0px;
 +
    position: relative;
 +
    width: 100%;
 +
}
 +
#nav ul {
 +
    background-color: #222;
 +
    border:1px solid #222;
 +
    border-radius: 0 5px 5px 5px;
 +
    border-width: 0 1px 1px;
 +
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
 +
    left: -9999px;
 +
    overflow: hidden;
 +
    position: absolute;
 +
    top: -9999px;
 +
    z-index: 2;
 +
 
 +
    -moz-transform: scaleY(0);
 +
    -ms-transform: scaleY(0);
 +
    -o-transform: scaleY(0);
 +
    -webkit-transform: scaleY(0);
 +
    transform: scaleY(0);
 +
 
 +
    /*-moz-transform-origin: 0 0;
 +
    -ms-transform-origin: 0 0;
 +
    -o-transform-origin: 0 0;
 +
    -webkit-transform-origin: 0 0;
 +
    transform-origin: 0 0;
 +
 
 +
    -moz-transition: -moz-transform 0.1s linear;
 +
    -ms-transition: -ms-transform 0.1s linear;
 +
    -o-transition: -o-transform 0.1s linear;
 +
    -webkit-transition: -webkit-transform 0.1s linear;
 +
    transition: transform 0.1s linear;*/
 +
}
 +
#nav li {
 +
    background: url('https://static.igem.org/mediawiki/2014/9/9d/Sjtu_software_menu_line.png') no-repeat scroll right 5px transparent;
 +
    float: left;
 +
    position: relative;
 +
}
 +
#nav li a {
 +
    color: #FFFFFF;
 +
    display: block;
 +
    float: left;
 +
    font-weight: normal;
 +
    height: 30px;
 +
    padding: 18px 20px 0;
 +
    position: relative;
 +
    text-decoration: none;
 +
    text-shadow: 1px 1px 1px #000000;
 +
}
 +
#nav li:hover > a {
 +
    color: #00B4FF;
 +
}
 +
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {
 +
    background: none repeat scroll 0 0 #121212;
 +
    outline: 0 none;
 +
}
 +
#nav li:hover ul.subs {
 +
    left: 0;
 +
    top: 48px;
 +
    width: 180px;
 +
    -moz-transform: scaleY(1);
 +
    -ms-transform: scaleY(1);
 +
    -o-transform: scaleY(1);
 +
    -webkit-transform: scaleY(1);
 +
    transform: scaleY(1);
 +
}
 +
#nav ul li {
 +
    background: none;
 +
    width: 100%;
 +
    padding: 0px 100px 10px 0px;
 +
   
 +
}
 +
#nav ul li a {
 +
    float: none;
 +
    height: 30px;
 +
}
 +
#nav ul li:hover > a {
 +
    background-color: #121212;
 +
    color: #00B4FF;
 +
}
 +
#lavalamp {
 +
    background: url('https://static.igem.org/mediawiki/2014/d/d5/Sjtu_software_lavalamp.png') no-repeat scroll 0 0 transparent;
 +
    height: 16px;
 +
    left: 415px;
 +
    position: absolute;
 +
    top: 0px;
 +
    width: 64px;
 +
 
 +
    -moz-transition: all 300ms ease;
 +
    -ms-transition: all 300ms ease;
 +
    -o-transition: all 300ms ease;
 +
    -webkit-transition: all 300ms ease;
 +
    transition: all 300ms ease;
 +
}
 +
#lavalamp:hover {
 +
    -moz-transition-duration: 3000s;
 +
    -ms-transition-duration: 3000s;
 +
    -o-transition-duration: 3000s;
 +
    -webkit-transition-duration: 3000s;
 +
    transition-duration: 3000s;
 +
}
 +
 
 +
#nav li:nth-of-type(1):hover ~ #lavalamp {
 +
    left: 6px;
 +
}
 +
#nav li:nth-of-type(2):hover ~ #lavalamp {
 +
    left: 93px;
 +
}
 +
#nav li:nth-of-type(3):hover ~ #lavalamp {
 +
    left: 195px;
 +
}
 +
#nav li:nth-of-type(4):hover ~ #lavalamp {
 +
    left: 310px;
 +
}
 +
#nav li:nth-of-type(5):hover ~ #lavalamp {
 +
    left: 415px;
 +
}
 +
#nav li:nth-of-type(6):hover ~ #lavalamp {
 +
    left: 467px;
 +
}
 +
#nav li:nth-of-type(7):hover ~ #lavalamp {
 +
    left: 557px;
 +
}
 +
#nav li:nth-of-type(8):hover ~ #lavalamp {
 +
    left: 647px;
 +
}
 +
</style>
 +
 
 +
<style type="text/css">
 +
.firstHeading {
 +
width: 0px;
 +
        height: 0px;
 +
margin: -38px auto;
 +
padding-top: 0px;
 +
margin-bottom: 0px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
 +
}
 +
 
 +
/*returnTop*/
 +
p#back-to-top{
 +
    position:fixed;
 +
    display:none;
 +
    bottom:50px;
 +
    right:30px;
 +
}
 +
p#back-to-top a{
 +
    text-align:center;
 +
    text-decoration:none;
 +
    color:#d1d1d1;
 +
    display:block;
 +
    width:112px;
 +
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
 +
    -moz-transition:color 1s;
 +
    -webkit-transition:color 1s;
 +
    -o-transition:color 1s;
 +
}
 +
p#back-to-top a:hover{
 +
    color:#979797;
 +
}
 +
p#back-to-top a span{
 +
    background:transparent url(https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png) no-repeat -25px -290px;
 +
    border-radius:6px;
 +
    display:block;
 +
    height:40px;
 +
    width:112px;
 +
    margin-bottom:5px;
 +
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
 +
    -moz-transition:background 1s;
 +
    -webkit-transition:background 1s;
 +
    -o-transition:background 1s;
 +
}
 +
#back-to-top a:hover span{
 +
    background:transparent url(https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png) no-repeat -25px -290px;
 +
}
 +
</style>
 +
</p>
 +
 
 +
 
 +
   
 +
 
 +
<!--<body style="background-image:url(https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png);background-position:center; background-repeat:repeat-y repeat-x">-->
 +
 
 +
 
 +
 
 +
 
 +
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
+
 
-
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
+
<link href="https://2014.igem.org/Team:SJTU-Software/slider.css%20?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
-
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
+
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/min.js%20?action=raw&ctype=text/js"></script>
-
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" />
+
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/easing.js%20?action=raw&ctype=text/js"></script>  
-
<script type="text/javascript">
+
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/cameramin.js%20?action=raw&ctype=text/js"></script>  
-
$(document).ready(function() {
+
  <script>
-
$('.fancybox').fancybox();
+
jQuery(function(){
 +
 +
jQuery('#camera_wrap_1').camera({
 +
thumbnails: true
 +
});
});
});
</script>
</script>
-
</head>
+
  </head>
-
<body>
+
<body class="background">
-
  <div class="header">
+
         
-
  <div class="header_top">
+
<div class="container" position:relative z-index:999>
-
        <div class="wrap">
+
            <ul id="nav">
-
<div class="logo">
+
                <li><a href="https://2014.igem.org/Team:SJTU-Software"><font face="Jokerman">Home</font></a></li>
-
<a href="index.html"><h1><span class="black">INTERIOR</span> <span class="red">MODULE</span></h1></a>
+
                <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Overview"><font face="Jokerman">Software</font></a>
-
</div>
+
                    <ul class="subs">
-
<div class="menu">
+
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Overview"><font face="Jokerman">Overview</font></a></li>
-
    <ul>
+
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Tutorial"><font face="Jokerman">Tutorial</font></a></li>
-
<li><a href="index.html">Home</a></li>
+
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/UserStudy"><font face="Jokerman">User Study</font></a></li>
-
<li><a href="about.html">About</a></li>
+
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Demo"><font face="Jokerman">Demo</font></a></li>
-
<li class="active"><a href="gallery.html">Gallery</a></li>
+
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Download"><font face="Jokerman">Download</font></a></li>
-
<li><a href="services.html">Services</a></li>
+
                    </ul>
-
<li><a href="contact.html">Contact</a></li>
+
                </li>
-
<div class="clear"></div>
+
                <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Database"><font face="Jokerman">Document</font></a>
-
</ul>
+
                    <ul class="subs">
-
</div>
+
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database"><font face="Jokerman">Database</font></a></li>
-
    <div class="clear"></div>
+
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/AssessmentModel"><font face="Jokerman">Assessment Model</font></a></li>
-
        </div>
+
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Conponent"><font face="Jokerman">Conponents</font></a></li>
-
    </div>
+
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/FutureDevelopment"><font face="Jokerman">For Future</font></a></li>
-
</div>
+
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Event"><font face="Jokerman">Events</font></a></li>
-
      <div class="main">
+
                    </ul>
-
<div class="wrap">
+
                </li>
-
  <div class="gallery">
+
                <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal"><font face="Jokerman">Requirement</font></a>
-
<div class="section group">
+
                    <ul class="subs">
-
<div class="gallery_1_of_4 images_1_of_4">
+
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal"><font face="Jokerman">Medal</font></a></li>
-
<a class="fancybox" href="images/gallery-img1.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img1.jpg" alt=""><span> </span></a>
+
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Acknowledgement"><font face="Jokerman">Acknowledgement</font></a></li>
-
<h3>Product Name</h3>
+
                       
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
+
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/HumanPractice"><font face="Jokerman">Human Practice</font></a></li>
-
        </div>
+
                    </ul>
-
<div class="gallery_1_of_4 images_1_of_4">
+
                </li>
-
  <a class="fancybox" href="images/gallery-img2.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img2.jpg" alt=""><span> </span></a>
+
                <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Team</font></a>
-
<h3>Product Name</h3>
+
                    <ul class="subs">
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
+
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Member</font></a></li>
-
</div>
+
                     
-
<div class="gallery_1_of_4 images_1_of_4">
+
                    </ul>
-
  <a class="fancybox" href="images/gallery-img3.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img3.jpg" alt=""><span> </span></a>
+
                </li>
-
<h3>Product Name</h3>
+
               
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
+
                <div id="lavalamp"></div>
-
</div>
+
            </ul>
-
<div class="gallery_1_of_4 images_1_of_4">
+
 
-
  <a class="fancybox" href="images/gallery-img4.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img4.jpg" alt=""><span> </span></a>
+
        </div>
-
<h3>Product Name</h3>
+
 
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
+
 
-
</div>
+
<div align=center>
-
</div>
+
    <div class="container2" style="height:3450px;width:71%;background-color:#004B97;margin:4.4% 0 0 0;">
-
<div class="section group">
+
<div align=left  >
-
<div class="gallery_1_of_4 images_1_of_4">
+
                          <br>
-
<a class="fancybox" href="images/gallery-img5.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img5.jpg" alt=""><span> </span></a>
+
                          <br>
-
<h3>Product Name</h3>
+
  <div class="container2" style="margin:-4% 0 0 0;height:200px;width:100%;float:top; display:inline;" >
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
+
                            <p class="text"  style="margin:0% 5% auto"><font face="Microsoft YaHei" size="4px"  color="#C6A300">SJTU-Software Teammember 2014</font></p><br>
-
        </div>
+
                            <center>
-
<div class="gallery_1_of_4 images_1_of_4">
+
                           
-
  <a class="fancybox" href="images/gallery-img6.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img6.jpg" alt=""><span> </span></a>
+
                          <hr width="91%" style="margin-top:-5px;border:0.5px solid #C6A300;"/>
-
<h3>Product Name</h3>
+
                            </center>
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
+
                          <div  class="container2" style="margin:2% 0 0 5%;height:250px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
-
</div>
+
                            <img src="https://static.igem.org/mediawiki/2014/4/48/SJTU_Software_yangjiabei2.jpg" style="padding:30px 0 0 25px;float:left;width:136px;height:170px"></img>
-
<div class="gallery_1_of_4 images_1_of_4">
+
                          </div>
-
  <a class="fancybox" href="images/gallery-img7.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img7.jpg" alt=""><span> </span></a>
+
                          <div  class="container2" style="margin:2% 0 0 0;height:250px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
-
<h3>Product Name</h3>
+
                          <p class="text"  style="margin:3% 0 0 0"><font face="Arial" size="5px"  color="#FFFFFF">Jiabei Yang<br><br></font></p>
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
+
<p class="text"  style="margin:0 5% 0 0"><font face="Arial" size="4px"  color="#FFFFFF">Jiabei Yang is the team leader of SJTU-Software. She is a senior student who majors in bioinformatics and biostatistics in school of life science and biotechnology. <br><br>
-
</div>
+
</font></p>
-
<div class="gallery_1_of_4 images_1_of_4">
+
                            <p class="text"  style="margin:0 5% 0 0"><font face="Helvetica" size="3px"  color="#FFFFFF">As the first team leader of software team in SJTU, she made contacts with teachers in school to get support at the beginning of the project. She built up the team and recruited most members of team. She has kept a close eye on the development of the project, and is responsible for database construction and the establishment of biobrick assessment model. She wrote most of the document of the project.
-
  <a class="fancybox" href="images/gallery-img8.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img8.jpg" alt=""><span> </span></a>
+
</font></p>
-
<h3>Product Name</h3>
+
                          </div>
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
+
 
-
</div>
+
 
-
  </div>
+
<div class="container2" style="margin:2% 0 0 5%;height:250px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
-
      <div class="projects-bottom-paination">
+
                          <p class="text"  style="margin:3% 0 0 5%"><font face="Arial" size="5px"  color="#FFFFFF">Yibai Chen<br><br></font></p>
-
<ul>
+
<p class="text"  style="margin:0 5% 0 5%"><font face="Arial" size="4px"  color="#FFFFFF">Yibai Chen is the last programmer to join us yet he is the most important designer of Easy BBK. He is a senior student majoring in bioengineering in school of life science and biotechnology. <br><br>
-
<li class="active"><a href="#">1</a></li>
+
</font></p>
-
<li><a href="#">2</a></li>
+
                            <p class="text" style="margin:0 5% 0 5%"><font face="Helvetica" size="3px"  color="#FFFFFF">Although he majored in bioengineering, he studies computer science as his second major. He wrote the whole background program of Easy BBK and API documentation. Also, he communicates well with all those on our team who wrote GUI to connect the interface with data center and demonstrate ability to cooperate with others.
-
</ul>
+
</font></p></div>
-
</div>
+
<div  class="container2" style="margin:2% 0 0 0;height:250px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
-
  </div>
+
 
-
</div>
+
                            <img src="https://static.igem.org/mediawiki/2014/1/1c/SJTU_Software_chyb.jpg" style="padding:30px 0 0 25px;float:left;width:144px;height:180px"></img>
-
      </div>
+
                         
-
    <div class="copy-right">
+
                         
-
<div class="wrap">
+
                          </div>
-
  <p class="copy">Copyright &copy; 2014.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
+
                          <div  class="container2" style="margin:2% 0 0 5%;height:210px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
-
      <div class="clear"></div>
+
                            <img src="https://static.igem.org/mediawiki/2014/5/55/SJTU_Software_laisinan.jpg" style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
-
</div>
+
                          </div>
-
</div>
+
                          <div  class="container2" style="margin:2% 0 0 0;height:210px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:3% 0 0 0"><font face="Arial" size="5px"  color="#FFFFFF">Sinan Lai<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 0"><font face="Arial" size="4px"  color="#FFFFFF">Sinan Lai is the only graduate student on the team majoring in communicating engineering. He is responsible for GUI of "search", "compare" and "upload" page. It was really a big contribution. <br><br>
 +
</font></p>
 +
                            <p class="text"  style="margin:0 5% 0 0"><font face="Helvetica" size="3px"  color="#FFFFFF">As the only senior in team, he set a model for us, that is, throughout the summer vacation, he was always the first one to attend our discussion meeting and the last one to leave.
 +
</font></p>
 +
                          </div>
 +
 
 +
 
 +
<div class="container2" style="margin:2% 0 0 5%;height:210px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:3% 0 0 5%"><font face="Arial" size="5px"  color="#FFFFFF">Chang Liu<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 5%"><font face="Arial" size="4px"  color="#FFFFFF">Chang Liu takes the responsibility of composing GUI of the “present” page and connecting with data center composed by Yibai Chen. He is a junior student majoring in biomedical engineering.<br><br>
 +
</font></p>
 +
                            <p class="text" style="margin:0 5% 0 5%"><font face="Helvetica" size="3px"  color="#FFFFFF">Moreover, he is talented in communicating with others. Chang Liu has kept a good relationship with other teams and it has turned out that he has done a great job.
 +
</font></p></div>
 +
<div  class="container2" style="margin:2% 0 0 0;height:210px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
 
 +
                            <img src="https://static.igem.org/mediawiki/2014/6/62/SJTU_Software_liuchang.JPG" style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                         
 +
                         
 +
                          </div>
 +
                          <div  class="container2" style="margin:2% 0 0 5%;height:210px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
                            <img src="https://static.igem.org/mediawiki/2014/0/0d/SJTU_Software_caowei.jpg" style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                          </div>
 +
                          <div  class="container2" style="margin:2% 0 0 0;height:210px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:3% 0 0 0"><font face="Arial" size="5px"  color="#FFFFFF">Wei Cao<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 0"><font face="Arial" size="4px"  color="#FFFFFF">Wei Cao is mainly responsible for the maintenance of database. He is a senior student who majors in bioinformatics and biostatistics in school of life science and biotechnology.<br><br>
 +
</font></p>
 +
                            <p class="text"  style="margin:0 5% 0 0"><font face="Helvetica" size="3px"  color="#FFFFFF">Thanks to his bioinformatics background, he cooperates well with Jiabei Yang and Jingzhi Pang to set up the Easy BBK database and assessment model.
 +
</font></p>
 +
                          </div>
 +
 
 +
 
 +
<div class="container2" style="margin:2% 0 0 5%;height:210px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:3% 0 0 5%"><font face="Arial" size="5px"  color="#FFFFFF">Weijian Cao<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 5%"><font face="Arial" size="4px"  color="#FFFFFF">Weijian Cao composed the background program of upload. He is a senior student majoring in electronic information engineering in school of electronics information and electrical engineering. <br><br>
 +
</font></p>
 +
                            <p class="text" style="margin:0 5% 0 5%"><font face="Helvetica" size="3px"  color="#FFFFFF">He has a great sense of humor. Working with him is quite enjoyable. What’s more, he is talented in video edit and Photoshop.
 +
</font></p></div>
 +
<div  class="container2" style="margin:2% 0 0 0;height:210px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
 
 +
                            <img src="https://static.igem.org/mediawiki/2014/a/a1/SJTU_Software_caoweijian.jpg" style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                         
 +
                         
 +
                          </div>
 +
                          <div  class="container2" style="margin:2% 0 0 5%;height:210px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
                            <img src="https://static.igem.org/mediawiki/2014/2/28/Sjtu_software_han.JPG" style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                          </div>
 +
                          <div  class="container2" style="margin:2% 0 0 0;height:210px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:3% 0 0 0"><font face="Arial" size="5px"  color="#FFFFFF">Jianhua Han<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 0"><font face="Arial" size="4px"  color="#FFFFFF">Jianhua Han is responsible for our team’s wiki. He is the youngest member on SJTU-Software and he is a junior student majoring in computer science in School of Electronics Information and Electrical Engineering.<br><br>
 +
</font></p>
 +
                            <p class="text"  style="margin:0 5% 0 0"><font face="Helvetica" size="3px"  color="#FFFFFF">He’s really a cute boy and hard-working. The final wiki’s source code was mainly composed by him.
 +
</font></p>
 +
                          </div>
 +
 
 +
 
 +
<div class="container2" style="margin:2% 0 0 5%;height:210px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:3% 0 0 5%"><font face="Arial" size="5px"  color="#FFFFFF">Jingzhi Pang<br><br></font></p>
 +
<p class="text" style="margin:0 5% 0 5%"><font face="Arial" size="4px"  color="#FFFFFF">Jingzhi Pang is responsible for the application of "Blastn" function and do pre-research work for our project. She is a senior student who majors in bioinformatics and biostatistics in school of life science and biotechnology.  <br><br>
 +
</font></p>
 +
                            <p class="text"  style="margin:0 5% 0 5%"><font face="Helvetica" size="3px"  color="#FFFFFF">As one of the first team members on team, she made great contributions to establishing contacts with teachers and professors in our university. She enjoys working with other members on SJTU-Software.
 +
</font></p></div>
 +
<div  class="container2" style="margin:2% 0 0 0;height:210px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
 
 +
                            <img src="https://static.igem.org/mediawiki/2014/d/d9/SJTU_Software_pangjingzhi.JPG"  style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                         
 +
                         
 +
                          </div>
 +
                          <div  class="container2" style="margin:2% 0 0 5%;height:210px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
                            <img src="https://static.igem.org/mediawiki/2014/8/8e/SJTU_Software_wuyeting.jpg" style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                          </div>
 +
                          <div  class="container2" style="margin:2% 0 0 0;height:210px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:3% 0 0 0"><font face="Arial" size="5px"  color="#FFFFFF">Yeting Wu <br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 0"><font face="Arial" size="4px"  color="#FFFFFF">Yeting Wu is the art designer on our team who joined us at the last minute. She is a sophomore majoring in communications from school of media and design. <br><br>
 +
</font></p>
 +
                            <p class="text"  style="margin:0 5% 0 0"><font face="Helvetica" size="3px"  color="#FFFFFF">She designed everything related to our team including the interface of the software, wiki of our wiki, banner, poster and so on. It was quite lucky for our team to have her as a team member.
 +
</font></p>
 +
                          </div>
 +
 
 +
 
 +
<div  class="container2" style="margin:2% 0 0 5%;height:200px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:3% 0 0 5%"><font face="Arial" size="5px"  color="#FFFFFF">Yue Wu<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 5%"><font face="Arial" size="4px"  color="#FFFFFF">Yue Wu took responsibility of part of GUI of Easy BBK. She is a senior student majoring in automation in School of Electronics Information and Electrical Engineering <br><br>
 +
</font></p>
 +
                            </div>
 +
<div class="container2" style="margin:2% 0 0 0;height:200px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
 
 +
                            <img src="https://static.igem.org/mediawiki/2014/6/66/SJTU_Software_wuyue.jpg" style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                         
 +
                         
 +
                          </div>
 +
  <div  class="container2" style="margin:3.5% 0 0 4.5%;height:50px;width:91%;float:left; display:inline;background-color:#004B97" >       
 +
<p class="text"  style="padding:10% 5% auto"><font face="Microsoft YaHei" size="4px"  color="#C6A300">SJTU-Software Instructor 2014</font></p><br>
 +
                            <center>
 +
                           
 +
                          <hr width="100%" style="margin-top:-5px;border:0.5px solid #C6A300;"/>
 +
                            </center></div>
 +
 
 +
<div  class="container2" style="margin:2% 0 0 5%;height:200px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
                            <img src="https://static.igem.org/mediawiki/2014/3/30/SJTU_Software_ccwei.JPG" style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                          </div>
 +
                          <div  class="container2" style="margin:2% 0 0 0;height:200px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:5% 0 0 0"><font face="Arial" size="5px"  color="#FFFFFF">Chaochun Wei<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 0"><font face="Arial" size="4px"  color="#FFFFFF">
 +
Associate Professor <br>
 +
Department of Bioinformatics and Biostatistics,  School of Life Science and Biotechnology<br>
 +
E-mail: ccwei@sjtu.edu.cn<br><br>
 +
</font></p>
 +
                         
 +
                          </div>
 +
 
 +
 
 +
<div class="container2" style="margin:2% 0 0 5%;height:200px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text" style="margin:5% 0 0 5%"><font face="Arial" size="5px"  color="#FFFFFF">Hongyu Ou<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 5%"><font face="Arial" size="4px"  color="#FFFFFF">
 +
Professor, Principle Investigator<br>
 +
School of Life Science and Biotechnology<br>
 +
Email: hyou@sjtu.edu.cn<br>
 +
<br><br>
 +
</font></p></div>
 +
<div  class="container2" style="margin:2% 0 0 0;height:200px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
 
 +
                            <img src="https://static.igem.org/mediawiki/2014/8/86/SJTU_Software_hongyuou.jpg" style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                         
 +
                         
 +
                          </div>
 +
<div  class="container2" style="margin:2% 0 0 5%;height:200px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
                            <img src="https://static.igem.org/mediawiki/2014/5/56/SJTU_Software_fengchen.jpg" style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                          </div>
 +
                          <div  class="container2" style="margin:2% 0 0 0;height:200px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text"  style="margin:5% 0 0 0"><font face="Arial" size="5px"  color="#FFFFFF">Feng Chen<br><br></font></p>
 +
<p class="text"  style="margin:0 5% 0 0"><font face="Arial" size="4px"  color="#FFFFFF">
 +
Associate Professor<br>
 +
School of Life Science and Biotechnology<br>
 +
Email:cf2001@tom.com<br>
 +
<br><br>
 +
</font></p>
 +
                       
 +
                          </div>
 +
 
 +
 
 +
<div class="container2" style="margin:2% 0 0 5%;height:200px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
 +
                          <p class="text" style="margin:5% 0 0 5%"><font face="Arial" size="5px"  color="#FFFFFF">Guangyu Yang<br><br></font></p>
 +
<p class="text" style="margin:0 5% 0 5%"><font face="Arial" size="4px"  color="#FFFFFF">
 +
Associate Researcher<br>
 +
School of Life Science and Biotechnology<br>
 +
Email:yanggy@sjtu.edu.cn <br><br>
 +
</font></p>
 +
                            </div><div  class="container2" style="margin:2% 0 0 0;height:200px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
 
 +
                            <img src="https://static.igem.org/mediawiki/2014/d/da/SJTU_Software_Guangyuyang.jpg"  style="width:120px;height:150px;padding:20px 0 0 25px;float:left;"></img>
 +
                         
 +
                         
 +
                          </div>            
 +
           
 +
                          </div>
 +
   
 +
</div>
 +
 
 +
</div>
 +
 
 +
</div>
 +
<div align=center>
 +
    <div  class="container2" style="margin:0.5%;height:150px;width:71%;background-color: #272727;" >
 +
          <div  class="container2" style="height:80px;width:100%;background-color: #272727;float:left; display:inline;" >
 +
<div  style=" float:left;margin:3% auto auto 4%;">    
 +
<a href="http://www.sjtu.edu.cn"target="_blank">  
 +
<img  style="height:50px;width:auto;" src="https://static.igem.org/mediawiki/2014/7/77/Sjtu_software_SJTU_Logo.png"></img></a></div>
 +
 
 +
 
 +
<div  style="float:left;margin:3% auto auto 4%;">    
 +
<a href="http://life.sjtu.edu.cn"target="_blank">        
 +
<img  style="height:50px;width:auto;" src="https://static.igem.org/mediawiki/2014/0/09/Sjtu_software_Life-logo.png"></img></a></div>
 +
 
 +
<div style=" float:left;margin:3% auto auto 4%;">  
 +
<a href="http://www.seiee.sjtu.edu.cn/"target="_blank">        
 +
<img  style="height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/5/5b/Sjtu_software_seiee.png"></img></a></div>
 +
         
 +
 
 +
 
 +
<div style="float:left;margin:3% auto auto 4%;">  
 +
<a href="http://bme.sjtu.edu.cn/"target="_blank">
 +
<img  style=height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/3/31/Sjtu_software_sbe.jpg"></img></a></div>
 +
 
 +
<div  style=" float:left;margin:3% auto auto 4%;">
 +
<a href="http://skmml.sjtu.edu.cn/"target="_blank">         
 +
<img  style="height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/2/28/Sjtu_software_%E5%BE%AE%E7%94%9F%E7%89%A9%E4%BB%A3%E8%B0%A2%E9%87%8D%E7%82%B9%E5%AE%9E%E9%AA%8C%E5%AE%A4logo.png"></img></a></div>
 +
 
 +
 
 +
 
 +
 
 +
            <div  class="container2" style="height:80px;width:100%;background-color:#272727;float:left; display:inline;" >
 +
<div align=center style="margin:-10px ">
 +
                          <br>
 +
                          <br>
 +
  <p class="container2"  style="margin:0% 5% auto"><font face="MoolBoran" size="5px"  color="#FFFFFF">iGemdry2014@163.com</font></p>
 +
                          <p class="container2" style="margin:0 5% auto"><font face="MoolBoran" size="5px"  color="#FFFFFF">SJTU-Software,Shanghai,China</font></p>
 +
                         
 +
                         
 +
                        </div>
 +
          </div>
 +
</div>
 +
</div>
 +
    <p id="back-to-top" ><a href="#top"><span></span><img style="width:100%;height:100%" src="https://static.igem.org/mediawiki/2014/c/cc/Sjtu_software_teamlogo.png" alt="" />back to top</a></p>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
 +
<script>
 +
$(function(){
 +
        //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失
 +
        $(function () {
 +
            $(window).scroll(function(){
 +
                if ($(window).scrollTop()>10){
 +
                    $("#back-to-top").fadeIn(1500);
 +
                }
 +
                else
 +
                {
 +
                    $("#back-to-top").fadeOut(1500);
 +
                }
 +
            });
 +
 +
            //当点击跳转链接后,回到页面顶部位置
 +
 +
            $("#back-to-top").click(function(){
 +
                $('body,html').animate({scrollTop:0},1000);
 +
                return false;
 +
            });
 +
        });
 +
    });
 +
</script>
 +
 +
 +
</body>
</body>
</html>
</html>

Latest revision as of 19:55, 17 October 2014




SJTU-Software Teammember 2014



Jiabei Yang

Jiabei Yang is the team leader of SJTU-Software. She is a senior student who majors in bioinformatics and biostatistics in school of life science and biotechnology.

As the first team leader of software team in SJTU, she made contacts with teachers in school to get support at the beginning of the project. She built up the team and recruited most members of team. She has kept a close eye on the development of the project, and is responsible for database construction and the establishment of biobrick assessment model. She wrote most of the document of the project.

Yibai Chen

Yibai Chen is the last programmer to join us yet he is the most important designer of Easy BBK. He is a senior student majoring in bioengineering in school of life science and biotechnology.

Although he majored in bioengineering, he studies computer science as his second major. He wrote the whole background program of Easy BBK and API documentation. Also, he communicates well with all those on our team who wrote GUI to connect the interface with data center and demonstrate ability to cooperate with others.

Sinan Lai

Sinan Lai is the only graduate student on the team majoring in communicating engineering. He is responsible for GUI of "search", "compare" and "upload" page. It was really a big contribution.

As the only senior in team, he set a model for us, that is, throughout the summer vacation, he was always the first one to attend our discussion meeting and the last one to leave.

Chang Liu

Chang Liu takes the responsibility of composing GUI of the “present” page and connecting with data center composed by Yibai Chen. He is a junior student majoring in biomedical engineering.

Moreover, he is talented in communicating with others. Chang Liu has kept a good relationship with other teams and it has turned out that he has done a great job.

Wei Cao

Wei Cao is mainly responsible for the maintenance of database. He is a senior student who majors in bioinformatics and biostatistics in school of life science and biotechnology.

Thanks to his bioinformatics background, he cooperates well with Jiabei Yang and Jingzhi Pang to set up the Easy BBK database and assessment model.

Weijian Cao

Weijian Cao composed the background program of upload. He is a senior student majoring in electronic information engineering in school of electronics information and electrical engineering.

He has a great sense of humor. Working with him is quite enjoyable. What’s more, he is talented in video edit and Photoshop.

Jianhua Han

Jianhua Han is responsible for our team’s wiki. He is the youngest member on SJTU-Software and he is a junior student majoring in computer science in School of Electronics Information and Electrical Engineering.

He’s really a cute boy and hard-working. The final wiki’s source code was mainly composed by him.

Jingzhi Pang

Jingzhi Pang is responsible for the application of "Blastn" function and do pre-research work for our project. She is a senior student who majors in bioinformatics and biostatistics in school of life science and biotechnology.

As one of the first team members on team, she made great contributions to establishing contacts with teachers and professors in our university. She enjoys working with other members on SJTU-Software.

Yeting Wu

Yeting Wu is the art designer on our team who joined us at the last minute. She is a sophomore majoring in communications from school of media and design.

She designed everything related to our team including the interface of the software, wiki of our wiki, banner, poster and so on. It was quite lucky for our team to have her as a team member.

Yue Wu

Yue Wu took responsibility of part of GUI of Easy BBK. She is a senior student majoring in automation in School of Electronics Information and Electrical Engineering

SJTU-Software Instructor 2014



Chaochun Wei

Associate Professor
Department of Bioinformatics and Biostatistics, School of Life Science and Biotechnology
E-mail: ccwei@sjtu.edu.cn

Hongyu Ou

Professor, Principle Investigator
School of Life Science and Biotechnology
Email: hyou@sjtu.edu.cn


Feng Chen

Associate Professor
School of Life Science and Biotechnology
Email:cf2001@tom.com


Guangyu Yang

Associate Researcher
School of Life Science and Biotechnology
Email:yanggy@sjtu.edu.cn



iGemdry2014@163.com

SJTU-Software,Shanghai,China

back to top