Team:SJTU-Software/Team

From 2014.igem.org

(Difference between revisions)
 
(352 intermediate revisions not shown)
Line 7: Line 7:
<p>
<p>
-
<style type="text/css"> body {background-image:url(https://static.igem.org/mediawiki/2014/5/57/Sjtu_software_background.jpg); background-repeat:no-repeat; background-attachment:fixed} </style>
+
<style type="text/css"> body {background-color:#BEBEBE; background-attachment:fixed; width:1366px;height:auto;align:center} </style>
-
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/182min.js%20?action=raw&ctype=text/js"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/toolsmin.js%20?action=raw&ctype=text/js"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/main.js%20?action=raw&ctype=text/js"></script>
+
<style type="text/css">
<style type="text/css">
-
ul.expmenu { width: 200px; }
 
-
ul.expmenu * { list-style: none; }
 
-
ul.expmenu > li > div.header { padding: 12px; border-bottom: 1px #396e9f solid; }
 
-
ul.expmenu > li:last-child > div.header { border-bottom: none; }
 
-
ul.expmenu > li ul li { background-color: #ececec; padding: 12px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #fff; color: #727272; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); }
 
-
ul.expmenu > li ul li:last-child { border-bottom: none; }
 
-
ul.expmenu > li ul li.selected { background-color: #f4f4f4; }
 
-
ul.expmenu div.header
 
-
{
 
-
color: #203f61;
 
-
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
 
-
background: #4d7fb8; /* Old browsers */
 
-
background: -moz-linear-gradient(top, #4d7fb8 0%, #4572a5 100%); /* FF3.6+ */
 
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d7fb8), color-stop(100%,#4572a5)); /* Chrome,Safari4+ */
 
-
background: -webkit-linear-gradient(top, #4d7fb8 0%,#4572a5 100%); /* Chrome10+,Safari5.1+ */
 
-
background: -o-linear-gradient(top, #4d7fb8 0%,#4572a5 100%); /* Opera 11.10+ */
 
-
background: -ms-linear-gradient(top, #4d7fb8 0%,#4572a5 100%); /* IE10+ */
 
-
background: linear-gradient(to bottom, #4d7fb8 0%,#4572a5 100%); /* W3C */
 
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d7fb8', endColorstr='#4572a5',GradientType=0 ); /* IE6-9 */
 
-
}
 
-
ul.expmenu > li > div.header > .label { padding-left: 24px; background: no-repeat; }
 
-
ul.expmenu > li > div.header > .arrow { display: block; width: 16px; height: 16px; background: no-repeat center; float: right; }
 
-
ul.expmenu > li > div.header > .arrow.up { background-image: url(https://static.igem.org/mediawiki/2014/4/45/Sjtu_software_arrow_u.png); }
 
-
ul.expmenu > li > div.header > .arrow.down { background-image: url(https://static.igem.org/mediawiki/2014/3/31/Sjtu_software_arrow_d.png); }
 
-
 
-
/* Mouse Events */
 
-
ul.expmenu div.header:hover
 
-
{
 
-
background: #4571a0; /* Old browsers */
 
-
background: -moz-linear-gradient(top, #4d7fb8 0%, #4571a0 100%); /* FF3.6+ */
 
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d7fb8), color-stop(100%,#4571a0)); /* Chrome,Safari4+ */
 
-
background: -webkit-linear-gradient(top, #4d7fb8 0%,#4571a0 100%); /* Chrome10+,Safari5.1+ */
 
-
background: -o-linear-gradient(top, #4d7fb8 0%,#4571a0 100%); /* Opera 11.10+ */
 
-
background: -ms-linear-gradient(top, #4d7fb8 0%,#4571a0 100%); /* IE10+ */
 
-
background: linear-gradient(to bottom, #4d7fb8 0%,#4571a0 100%); /* W3C */
 
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d7fb8', endColorstr='#4571a0',GradientType=0 ); /* IE6-9 */
 
-
 
-
cursor: pointer;
 
-
}
 
-
 
-
ul.expmenu > li ul li:not(.selected):hover
 
-
{
 
-
background: #e7e7e7; /* Old browsers */
 
-
 
-
cursor: pointer;
 
-
}
 
-
ul.expmenu > li ul li:not(.selected):active
 
-
{
 
-
background: #f1f1f1; /* Old browsers */
 
-
 
-
cursor: pointer;
 
-
}
 
-
.slider
 
-
{
 
-
    background: #d5d5d5;
 
-
    height: 7px;
 
-
    position: relative;
 
-
    cursor: pointer;
 
-
    width: 100%;
 
-
    clear: right;
 
-
    top: 0px;
 
-
    -moz-border-radius: 5px;
 
-
    -webkit-border-radius: 5px;
 
-
    -moz-box-shadow: inset 0 0 8px #000;
 
-
    margin: 10px 0 10px 0;
 
-
}
 
-
 
-
/* progress bar (enabled with progress: true) */
 
-
.progress
 
-
{
 
-
    height: 7px;
 
-
    position: relative;
 
-
    background: #5389c5; /* Old browsers */
 
-
background: -moz-linear-gradient(top, #5389c5 0%, #4775a9 100%); /* FF3.6+ */
 
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5389c5), color-stop(100%,#4775a9)); /* Chrome,Safari4+ */
 
-
background: -webkit-linear-gradient(top, #5389c5 0%,#4775a9 100%); /* Chrome10+,Safari5.1+ */
 
-
background: -o-linear-gradient(top, #5389c5 0%,#4775a9 100%); /* Opera 11.10+ */
 
-
background: -ms-linear-gradient(top, #5389c5 0%,#4775a9 100%); /* IE10+ */
 
-
background: linear-gradient(to bottom, #5389c5 0%,#4775a9 100%); /* W3C */
 
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5389c5', endColorstr='#4775a9',GradientType=0 ); /* IE6-9 */
 
-
    -moz-border-radius: 5px;
 
-
    -webkit-border-radius: 5px;
 
-
    top: 0px;
 
-
    border: 1px solid #4b7bb1;
 
-
 
-
    -moz-box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3);
 
-
-webkit-box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3);
 
-
box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3);
 
-
}
 
-
 
-
/* drag handle */
 
-
.handle
 
-
{
 
-
    background: url(../images/handle.png) repeat-x center;
 
-
    height: 16px;
 
-
    width: 16px;
 
-
    top: -5px;
 
-
    position: absolute;
 
-
    display: block;
 
-
    margin-top: 1px;
 
-
    cursor: pointer;
 
-
 
-
}
 
-
 
-
/* the input field */
 
-
.range
 
-
{
 
-
    display: none;
 
-
}
 
.container {
.container {
     height: 5px;
     height: 5px;
-
     margin: 1.6% auto 3.9% auto;
+
     margin: 1.6% auto 0 14.5%;
     width: 71%;
     width: 71%;
     align: center;
     align: center;
Line 269: Line 157:
<style type="text/css">
<style type="text/css">
-
.container{
 
-
 
-
}
 
.firstHeading {
.firstHeading {
width: 0px;  
width: 0px;  
Line 321: Line 206:
-
<link href="https://2014.igem.org/Team:SJTU-Software/slider.css%20?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
+
   
 +
 
 +
<!--<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="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="https://2014.igem.org/Team:SJTU-Software/min.js%20?action=raw&ctype=text/js"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/min.js%20?action=raw&ctype=text/js"></script>
<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/easing.js%20?action=raw&ctype=text/js"></script>  
Line 337: Line 231:
   </head>
   </head>
<body class="background">
<body class="background">
-
                 
+
         
-
  <div class="container" style="position:relative;z-index:3">
+
  <div class="container" position:relative z-index:999>
-
 
+
             <ul id="nav">
             <ul id="nav">
-
                 <li><a href="https://2014.igem.org/Team:SJTU-Software">Home</a></li>
+
                 <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">Software</a>
+
                 <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Overview"><font face="Jokerman">Software</font></a>
                     <ul class="subs">
                     <ul class="subs">
-
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Overview">Overview</a></li>
+
                         <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">Tutorial</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">User Study</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">Demo</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">Download</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Project/Download"><font face="Jokerman">Download</font></a></li>
                     </ul>
                     </ul>
                 </li>
                 </li>
-
                 <li><a class="hsubs" href="#">Document</a>
+
                 <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Database"><font face="Jokerman">Document</font></a>
                     <ul class="subs">
                     <ul class="subs">
-
                         <li><a href="#">Database</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database"><font face="Jokerman">Database</font></a></li>
-
                         <li><a href="#">A M</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="#">C D</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Conponent"><font face="Jokerman">Conponents</font></a></li>
-
                         <li><a href="#">F D</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="#">E S S</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Database/Event"><font face="Jokerman">Events</font></a></li>
                     </ul>
                     </ul>
                 </li>
                 </li>
-
                 <li><a class="hsubs" href="#">Requirement</a>
+
                 <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal"><font face="Jokerman">Requirement</font></a>
                     <ul class="subs">
                     <ul class="subs">
-
                         <li><a href="#">Medal</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Requirement/Medal"><font face="Jokerman">Medal</font></a></li>
-
                         <li><a href="#">Collaboration</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>
                     </ul>
                 </li>
                 </li>
-
                 <li><a href="#">Team</a>
+
                 <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Team</font></a>
                     <ul class="subs">
                     <ul class="subs">
-
                         <li><a href="#">Member</a></li>
+
                         <li><a href="https://2014.igem.org/Team:SJTU-Software/Team"><font face="Jokerman">Member</font></a></li>
-
                        <li><a href="#">Join Us</a></li>
+
                     
-
                        <li><a href="#">Sponsor</a></li>
+
                     </ul>
                     </ul>
                 </li>
                 </li>
Line 380: Line 274:
-
<div align="center">
+
<div align=center>
-
    <div class="container2" style="height:1550px;width:71%;">
+
    <div class="container2" style="height:3450px;width:71%;background-color:#004B97;margin:4.4% 0 0 0;">
-
          <div align=left>
+
-
          <div  class="container2" style="height:1550px;width:28%;background-color:#E0E0E0;float:left; display:inline;" >
+
-
          <div id="content" >
+
-
<ul id="expmenu-freebie">
+
-
<li>
+
-
<!-- Start Freebie -->
+
-
<ul class="expmenu">
+
-
<li>
+
-
<div class="header">
+
-
<span class="label">Teammember</span>
+
-
<span class="arrow up"></span>
+
-
                                                       
+
-
</div>
+
-
                                                <ul class="menu">
+
-
<li class="selected">Micheal</li>
+
-
<li>Micheal</li>
+
-
<li>Micheal</li>
+
-
                                                        <li>Micheal</li>
+
-
        <li>Micheal</li>
+
-
                                                        <li>Micheal</li>
+
-
                                                        <li>Micheal</li>
+
-
                                                        <li>Micheal</li>
+
-
                                                        <li>Micheal</li>
+
-
                                                        <li>Micheal</li>
+
-
                                                        <li>Micheal</li>
+
-
 
+
-
                                              </ul>
+
-
+
-
</li>
+
-
<li>
+
-
<div class="header">
+
-
<span class="label">Sponsor</span>
+
-
<span class="arrow up"></span>
+
-
</div>
+
-
                                                <ul class="menu">
+
-
<li class="selected">ssssssss</li>
+
-
<li>sssssss</li>
+
-
<li>sssssss</li>
+
-
                                                        <li>sssssss</li>
+
-
</ul>
+
-
+
-
</li>
+
-
<li>
+
-
<div class="header">
+
-
<span class="label">Join us</span>
+
-
+
-
</div>
+
-
+
-
</li>
+
-
+
-
                                       
+
-
</ul>
+
-
<!-- End Freebie -->
+
-
</li>
+
-
</ul>
+
-
  </div>
+
-
          </div>
+
-
 
+
-
           
+
-
          <div  class="container2" style="height:1550px;width:72%;background-color:#C4E1FF;float:left; display:inline" >
+
-
          <div align=center >
+
-
+
-
    <div  class="container2" style="height:200px;width:100%;background-color:#408080;margin:0 0 0 0 ">
+
<div align=left  >
<div align=left  >
                           <br>
                           <br>
                           <br>
                           <br>
-
   
+
  <div  class="container2" style="margin:-4% 0 0 0;height:200px;width:100%;float:top; display:inline;" >
-
                          <div  class="container2" style="margin:-4% 0 0 0;height:200px;width:100%;float:left; 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>
-
                          <p class="text"  style="margin:2% 60px auto"><font face="Microsoft YaHei" size="5px"  color="#FFFFFF">3. Database</font></p>
+
                            <center>
-
                             <p class="text"  style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px"  color="#FFFFFF">Here, we have reconstructed the database of the current existing biobricks. All the necessary information available on the Registry are collected and used to construct our own database. In this part, the source of data, the way of data collection, database structure and some facts of the biobricks in the database are introduced.</font></p>
+
                           
 +
                          <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>
-
                         
 
-
                        </div>
 
-
</div>
 
-
</div>
 
-
<div align=center>
 
-
    <div  class="container2" style="height:750px;width:100%;background-color:#64A600;" >
 
-
<div align=left >
 
-
                          <br>
 
-
                          <br>
 
-
 
 
-
                          <div  class="container2" style="margin:-4% 0 0 0;height:750px;width:100%;float:left; display:inline" >
 
-
                          <p class="text"  style="margin:2% 60px auto"><font face="Microsoft YaHei" size="5px"  color="#FFFFFF">3.1. 1 Data collection</font></p>
 
-
                            <p class="text"  style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px"  color="#FFFFFF">Data are collected from 5 different websites on the Registry and Google Scholar.<br>
 
-
The data needed in the reconstructed biobrick database is available from 5 sources, with four of them from the websites of Registry of Standard Biological Parts and 1 of them from Google Scholar. Addresses of those sources for BBa_B0034 are listed in Table 2.1.1, and the part name could be replaced by any biobrick.
 
-
</font></p>       
 
-
<table border="1" style="margin:1% 60px auto;height:100px;width:80%;">
 
-
 
 
-
　<tr><th rowspan="1"><font >Name of Websites</font><th colspan="0">Address
 
-
　<tr><th>XML format<td><a href="http://parts.igem.org/cgi/xml/part.cgi?part=BBa_B0034" target="_blank">http://parts.igem.org/cgi/xml/part.cgi?part=BBa_B0034</a>
 
-
　<tr><th>Hard information<td><a href="http://parts.igem.org/cgi/partsdb/part_info.cgi?part_name=BBa_B0034" target="_blank">http://parts.igem.org/cgi/partsdb/part_info.cgi?part_name=BBa_B0034</a>
 
-
  <tr><th>Get part<td><a href="http://parts.igem.org/partsdb/get_part.cgi?part=BBa_B0034" target="_blank">http://parts.igem.org/partsdb/get_part.cgi?part=BBa_B0034</a>
 
-
  <tr><th>Experience<td><a href="http://parts.igem.org/Part:BBa_B0034:Experience" target="_blank">http://parts.igem.org/Part:BBa_B0034:Experience</a>
 
-
  <tr><th>Google scholar<td><a href="http://scholar.google.com.cn/scholar?q=BBa_B0034" target="_blank">http://scholar.google.com.cn/scholar?q=BBa_B0034</a>
 
-
</table> 
 
-
<p class="text"  style="margin:1% 60px auto"><font face="SimSun" size="1px"  color="#FFFFFF">Table 2.1.1 Sources of the data in the biobrick database, using BBa_B0034 as an example
+
<div  class="container2" style="margin:2% 0 0 5%;height:250px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
-
</font></p>  
+
                          <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" >
-
<p class="text"  style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px"  color="#FFFFFF">PERL scripts are composed to connect to those links and to pick out the information we need. In order to connect to those links, we need to understand the way how biobricks on the website are named. There exist two main ways to name the biobricks, which are illustrated in Table 2.1.2 and Table 2.1.3. “BBa” is used for most biobricks, names of which consist of 3 parts. The first part is “BBa_”; the second part is a capitalized letter; the third part is several digits, the number of which depends on the previous capitalized letter (possible combinations are listed in Table 2.1.2). “pSB” is specially used for plasmids, names of which consist of 4 parts. The first part is “pSB”; the second part is one digit ranging from 1 to 9; the third part is a single pattern or a combination of two patterns listed; the fourth part can be any number from 1 to 29.
+
                            <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>
-
</font></p>      
+
                         
-
       
+
                         
 +
                          </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>
-
                         
 
-
                        </div>
 
-
</div>
 
-
</div>
 
-
<div align=center >
+
 
-
+
<div  class="container2" style="margin:2% 0 0 5%;height:210px;width:70%;float:left; display:inline;background-color:#9D9D9D" >
-
    <div  class="container2" style="height:600px;width:100%;background-color:#9F4D95;margin:0 0 0 0 ">
+
                           <p class="text" style="margin:3% 0 0 5%"><font face="Arial" size="5px"  color="#FFFFFF">Chang Liu<br><br></font></p>
-
<div align=left  >
+
<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>
-
                          <br>
+
</font></p>
-
                          <br>
+
                             <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:-4% 0 0 0;height:600px;width:100%;float:left; display:inline" >
+
<div  class="container2" style="margin:2% 0 0 0;height:210px;width:20%;float:left; display:inline;background-color:#9D9D9D" >
-
                          <p class="text"  style="margin:2% 60px auto"><font face="Microsoft YaHei" size="5px"  color="#FFFFFF">3.1. 2 Database Structure</font></p>
+
 
-
                             <p class="text"  style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px"  color="#FFFFFF">The structure of the database is presented in Figure 3.1. The primary key in table “Main” is “part name”, with all the other tables linked to it by identical “part name”. There is no primary key in the tables except “Main” because biobricks could belong to more than one category or have more than one twins. Thus, the part name in the rest tables could be repeated for several times, depending on different biobricks.</font></p>
+
                            <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>
                            
                            
-
                          <img src="https://static.igem.org/mediawiki/2014/8/8e/Sjtu_software_database.jpg" style="width:80%;height:auto;padding:2% 8%"></img>
+
                          </div>
-
<p class="text"  style="margin:1% 60px auto"><font face="SimSun" size="1px"  color="#FFFFFF">Figure 3.1 The structure of the reconstructed biobrick database
+
 
-
</font></p>  
+
 
 +
<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>
+
                          </div>
-
</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>
 
-
    </div>
 
-
</div>    
+
</div>
-
   
+
 
 +
</div>
<div align=center>
<div align=center>
-
     <div  class="container2" style="height:170px;width:71%;background-color: #272727;" >
+
     <div  class="container2" style="margin:0.5%;height:150px;width:71%;background-color: #272727;" >
-
<div align=left style="margin:-3px ">
+
          <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>
                           <br>
                           <br>
-
  <p class="container2"  style="margin:0 60px auto"><font face="SimSun" size="4px"  color="#FFFFFF">SJTU-Software</font></p>
+
  <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 60px auto"><font face="SimSun" size="4px"  color="#FFFFFF">Shanghai Jiao Tong University</font></p>
+
                           <p class="container2" style="margin:0 5% auto"><font face="MoolBoran" size="5px"  color="#FFFFFF">SJTU-Software,Shanghai,China</font></p>
-
                          <p class="container2" style="margin:0 60px auto"> <font face="SimSun" size="4px"  color="#FFFFFF">800, Dongchuan Road</font></p>
+
                            
-
                           <p class="container2" style="margin:0 60px auto"> <font face="SimSun" size="4px"  color="#FFFFFF">200240 Shanghai, China</font></p>
+
                            
                            
                         </div>
                         </div>
-
</div>
+
          </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>
+
     <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>
<script>
Line 555: Line 541:
     });
     });
</script>
</script>
-
 

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"