Team:SJTU-Software/Team

From 2014.igem.org

(Difference between revisions)
 
(394 intermediate revisions not shown)
Line 5: Line 5:
<!--main content -->
<!--main content -->
-
<table width="70%" align="center">
 
-
<!-- welcomebox的一句话///////////////////////////////////////////////////////////////////////////////////////////////////////// -->
+
<p>
-
<!--welcome box -->
+
<style type="text/css"> body {background-color:#BEBEBE; background-attachment:fixed; width:1366px;height:auto;align:center} </style>
-
<tr>
+
<style type="text/css">
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:SJTU-Software/Team&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<!-- end welcome box -->
 
-
<tr>
 
-
<!-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
 
-
<!-- 下一行的主题菜单///////////////////////////////////////////////////////////////////////////////////////////////////////// -->
+
.container {
-
<!--navigation menu -->
+
    height: 5px;
-
<td align="center" colspan="3">
+
    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;
-
<table  width="100%">
+
    -moz-transform: scaleY(0);
-
<tr heigth="15px"></tr>
+
    -ms-transform: scaleY(0);
-
<tr heigth="75px">
+
    -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;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
    -moz-transition: -moz-transform 0.1s linear;
-
<a href="https://2014.igem.org/Team:SJTU-Software"style="color:#000000">Home </a> </td>
+
    -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;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
    -moz-transition: all 300ms ease;
-
<a href="https://2014.igem.org/Team:SJTU-Software/Team"style="color:#000000"> Team </a> </td>
+
    -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;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#nav li:nth-of-type(1):hover ~ #lavalamp {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=SJTU-Software"style="color:#000000"> Official Team Profile </a></td>
+
    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>
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<style type="text/css">
-
<a href="https://2014.igem.org/Team:SJTU-Software/Project"style="color:#000000"> Project</a></td>
+
.firstHeading {
 +
width: 0px;
 +
        height: 0px;
 +
margin: -38px auto;
 +
padding-top: 0px;
 +
margin-bottom: 0px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
/*returnTop*/
-
<a href="https://2014.igem.org/Team:SJTU-Software/Parts"style="color:#000000"> Parts</a></td>
+
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>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:SJTU-Software/Modeling"style="color:#000000"> Modeling</a></td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
   
-
<a href="https://2014.igem.org/Team:SJTU-Software/Notebook"style="color:#000000"> Notebook</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<!--<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">-->
-
<a href="https://2014.igem.org/Team:SJTU-Software/Safety"style=" color:#000000"> Safety </a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:SJTU-Software/Attributions"style="color:#000000"> Attributions </a></td>
 
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
 
-
</tr>
 
-
</table>
 
-
<!--end navigation menu -->
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
-
</tr>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
</tr>
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-
</td>
+
-
<!-- 下一行的主题菜单///////////////////////////////////////////////////////////////////////////////////////////////////////// -->
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
<link href="https://2014.igem.org/Team:SJTU-Software/slider.css%20?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/min.js%20?action=raw&ctype=text/js"></script>
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<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" src="https://2014.igem.org/Team:SJTU-Software/cameramin.js%20?action=raw&ctype=text/js"></script>
 +
  <script>
 +
jQuery(function(){
 +
 +
jQuery('#camera_wrap_1').camera({
 +
thumbnails: true
 +
});
 +
});
 +
</script>
 +
  </head>
 +
<body class="background">
 +
         
 +
  <div class="container" position:relative z-index:999>
 +
            <ul id="nav">
 +
                <li><a href="https://2014.igem.org/Team:SJTU-Software"><font face="Jokerman">Home</font></a></li>
 +
                <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Overview"><font face="Jokerman">Software</font></a>
 +
                    <ul class="subs">
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Overview"><font face="Jokerman">Overview</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Tutorial"><font face="Jokerman">Tutorial</font></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="https://2014.igem.org/Team:SJTU-Software/Project/Demo"><font face="Jokerman">Demo</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Download"><font face="Jokerman">Download</font></a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Database"><font face="Jokerman">Document</font></a>
 +
                    <ul class="subs">
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database"><font face="Jokerman">Database</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/AssessmentModel"><font face="Jokerman">Assessment Model</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Conponent"><font face="Jokerman">Conponents</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/FutureDevelopment"><font face="Jokerman">For Future</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Event"><font face="Jokerman">Events</font></a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal"><font face="Jokerman">Requirement</font></a>
 +
                    <ul class="subs">
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal"><font face="Jokerman">Medal</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Acknowledgement"><font face="Jokerman">Acknowledgement</font></a></li>
 +
                       
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/HumanPractice"><font face="Jokerman">Human Practice</font></a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Team</font></a>
 +
                    <ul class="subs">
 +
                        <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Member</font></a></li>
 +
                     
 +
                    </ul>
 +
                </li>
 +
               
 +
                <div id="lavalamp"></div>
 +
            </ul>
-
<tr><td > <h3> Team Information</h3></td>
+
        </div>
-
<td ></td >
+
 
-
<td > <h3> Upload pictures of your team!</h3></td>
+
 
-
</tr>
+
<div align=center>
 +
    <div class="container2" style="height:3450px;width:71%;background-color:#004B97;margin:4.4% 0 0 0;">
 +
<div align=left  >
 +
                          <br>
 +
                          <br>
 +
  <div  class="container2" style="margin:-4% 0 0 0;height:200px;width:100%;float:top; display:inline;" >
 +
                            <p class="text"  style="margin:0% 5% auto"><font face="Microsoft YaHei" size="4px"  color="#C6A300">SJTU-Software Teammember 2014</font></p><br>
 +
                            <center>
 +
                           
 +
                          <hr width="91%" style="margin-top:-5px;border:0.5px solid #C6A300;"/>
 +
                            </center>
 +
                          <div  class="container2" style="margin:2% 0 0 5%;height:250px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
                            <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>
 +
                          <div  class="container2" style="margin:2% 0 0 0;height:250px;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">Jiabei Yang<br><br></font></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>
 +
</font></p>
 +
                            <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.
 +
</font></p>
 +
                          </div>
 +
 
 +
 
 +
<div  class="container2" style="margin:2% 0 0 5%;height:250px;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">Yibai Chen<br><br></font></p>
 +
<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>
 +
</font></p>
 +
                            <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.
 +
</font></p></div>
 +
<div  class="container2" style="margin:2% 0 0 0;height:250px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
 +
 
 +
                            <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="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/5/55/SJTU_Software_laisinan.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">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>
-
<tr>
 
-
<td width="45%"  valign="top">
 
-
<p>
 
-
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.</p>
 
-
<p>
 
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
 
-
<ul>
 
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
 
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
 
-
</ul>
+
<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>
 +
         
-
  </td>
+
<div style="float:left;margin:3% auto auto 4%;">  
-
<td></td>
+
<a href="http://bme.sjtu.edu.cn/"target="_blank">
-
<td width="45%"  valign="top">
+
<img style=height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/3/31/Sjtu_software_sbe.jpg"></img></a></div>
-
<p> We provide a server where you can upload images for your wiki!</p>
+
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
-
<a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px"> </a>
+
-
<br>
+
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
-
</td>
+
 +
<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>
-
</tr>
 
-
<tr><td > <h3> Tips for the Team Page </h3></td>
 
-
<td ></td >
 
-
<td > </td>
 
-
</tr>
 
-
<tr>
+
            <div  class="container2" style="height:80px;width:100%;background-color:#272727;float:left; display:inline;" >
-
<td width="45%"  valign="top">  
+
<div align=center style="margin:-10px ">
-
<p>What should this page contain?</p>
+
                          <br>
-
<ul>
+
                          <br>
-
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
  <p class="container2"  style="margin:0% 5% auto"><font face="MoolBoran" size="5px"  color="#FFFFFF">iGemdry2014@163.com</font></p>
-
<li> You can add a small biography or a few words from each team member, tell us what you like, and what motivates to participate in iGEM. </li>
+
                          <p class="container2" style="margin:0 5% auto"><font face="MoolBoran" size="5px"  color="#FFFFFF">SJTU-Software,Shanghai,China</font></p>
-
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
                         
-
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
+
                         
-
</ul>
+
                        </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>
 +
<script>
 +
$(function(){
 +
        //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
 +
        $(function () {
 +
            $(window).scroll(function(){
 +
                if ($(window).scrollTop()>10){
 +
                    $("#back-to-top").fadeIn(1500);
 +
                }
 +
                else
 +
                {
 +
                    $("#back-to-top").fadeOut(1500);
 +
                }
 +
            });
-
</td>
+
            //当点击跳转链接后，回到页面顶部位置
-
<td></td>
+
            $("#back-to-top").click(function(){
-
<td width="45%"  valign="top"> </td>
+
                $('body,html').animate({scrollTop:0},1000);
 +
                return false;
 +
            });
 +
        });
 +
    });
 +
</script>
-
</tr>
 
-
</table>
+
</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

Retrieved from "http://2014.igem.org/Team:SJTU-Software/Team"