Team:SUSTC-Shenzhen-A/Project

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Template:SUSTC/pd_template}}
{{Template:SUSTC/pd_template}}
-
 
<html>
<html>
<head>
<head>
<style type="text/css">
<style type="text/css">
-
#talkbubble {
+
 
-
   width: 638px;  
+
.sidebar_box_woframe {
-
   height:300px;  
+
margin-bottom: 20px;
-
   background:#E8E8E8;
+
}
 +
 
 +
.sidebar_box {
 +
width: 260px;
 +
padding: 0;
 +
 
 +
}
 +
 
 +
.sidebar_box_top {
 +
width: 260px;
 +
height: 20px;
 +
 
 +
}
 +
 
 +
.sidebar_box_bottom {
 +
width: 260px;
 +
height: 20px;
 +
margin-bottom: 30px;
 +
 
 +
}
 +
 
 +
.sidebar_box_content {
 +
padding: 0 20px;
 +
}
 +
 
 +
.sidebar_box_content p {
 +
margin-bottom: 10px;
 +
}
 +
 
 +
.image_wrapper {
 +
position: relative;
 +
display: block;
 +
width: 218px;
 +
height: 128px;
 +
padding: 9px;
 +
}
 +
.image_wrapper span {
 +
position: absolute;
 +
left: 0;
 +
top: 0;
 +
width: 236px;
 +
height: 144px;
 +
background: url(https://static.igem.org/mediawiki/2012/3/3d/Fruit_site_templatemo_image_frame.png) no-repeat;
 +
}
 +
.image_fl { float: left; margin: 3px 20px 0 0; }
 +
.image_fr { float: right; margin: 3px 0 0 20px; }
 +
 
 +
.title {
 +
font-family: "Comic Sans MS", cursive;
 +
font-size: xx-large;
 +
color: #698B69;
 +
}
 +
.title1 {
 +
font-family: "Comic Sans MS", cursive;
 +
font-size: x-large;
 +
color: #000;
 +
}
 +
.date {
 +
      font-family: serif, cursive, fantasy;
 +
      color:#5f3c23;
 +
}
 +
 
 +
#talkbubble_a {
 +
   width: 544px;  
 +
   height:200px;  
 +
   background:#EFEFEF;
 +
//  background:#ffffff;
   position: relative;
   position: relative;
   -moz-border-radius:    0px;  
   -moz-border-radius:    0px;  
   -webkit-border-radius: 0px;  
   -webkit-border-radius: 0px;  
   border-radius:        10px;
   border-radius:        10px;
 +
  font-family: Tahoma, Geneva, sans-serif;
 +
  font-size: 13px;
 +
  color:#333;
}
}
-
 
+
#talkbubble_b {
-
#talkbubble1 {
+
width: 544px;
-
   width: 255px;  
+
height:100px;
-
   height:900px;  
+
  background:#EFEFEF;
-
   background:#E8E8E8;
+
// background:#ffffff;
 +
position: relative;
 +
-moz-border-radius:    0px;
 +
-webkit-border-radius: 0px;
 +
border-radius:        10px;
 +
font-family: Tahoma, Geneva, sans-serif;
 +
font-size: 13px;
 +
color:#333;
 +
}
 +
#talkbubble_c1 {
 +
   width: 859px;  
 +
   height:400px;  
 +
   background:#EFEFEF;
 +
//  background:#ffffff;
   position: relative;
   position: relative;
   -moz-border-radius:    0px;  
   -moz-border-radius:    0px;  
   -webkit-border-radius: 0px;  
   -webkit-border-radius: 0px;  
   border-radius:        10px;
   border-radius:        10px;
 +
  font-family: Tahoma, Geneva, sans-serif;
 +
  font-size: 13px;
 +
  color:#333;
 +
}
 +
#talkbubble_c2 {
 +
  width: 862px;
 +
  height:400px;
 +
//  background:#EFEFEF;
 +
  background:#ffffff;
 +
  position: relative;
 +
  -moz-border-radius:    0px;
 +
  -webkit-border-radius: 0px;
 +
  border-radius:        10px;
 +
  font-family: Tahoma, Geneva, sans-serif;
 +
  font-size: 13px;
 +
  color:#333;
 +
}
 +
#talkbubble_c3 {
 +
  width: 859px;
 +
  height:200px;
 +
  background:#EFEFEF;
 +
//  background:#ffffff;
 +
  position: relative;
 +
  -moz-border-radius:    0px;
 +
  -webkit-border-radius: 0px;
 +
  border-radius:        10px;
 +
  font-family: Tahoma, Geneva, sans-serif;
 +
  font-size: 13px;
 +
  color:#333;
 +
}
 +
#talkbubble1 {
 +
  width: 275px;
 +
  height:330px;
 +
//  background:#FAF0E6;
 +
  background:#f2eada;
 +
  position: relative;
 +
  -moz-border-radius:    10px;
 +
  -webkit-border-radius: 10px;
 +
  border-radius:        10px;
 +
text-align: left;
 +
border-top-style: solid;
 +
border-right-style: solid;
 +
border-bottom-style: solid;
 +
border-left-style: solid;
 +
        border-width: thin;
 +
border-top-color:#DCDCDC;
 +
border-right-color: #DCDCDC;
 +
border-bottom-color:#DCDCDC;
 +
border-left-color:#DCDCDC;
 +
  font-size: 14px;
 +
  color:#333;
 +
font-family: Tahoma, Geneva;
}
}
</style>
</style>
Line 27: Line 160:
<body >
<body >
-
<table>
+
<table width="899" border="0" cellspacing="10px" cellpadding="10px">
-
  <tr>
+
        <tr>
-
    <td><table width="638" border="0" cellspacing="0" cellpadding="0">
+
          <td valign="top"><div id="talkbubble_a">
-
      <tr>
+
<p class="title"><strong>Abstruct</strong></p>
-
        <td><div id="talkbubble">
+
<div class="image_wrapper image_fr"><span></span><img src="https://static.igem.org/mediawiki/2012/b/bd/Test.jpg"" alt="image 2" /></div>
-
test1
+
<p>&nbsp;&nbsp;The weekly notebook includes the work process of every teammate everyday. Here you can see the detailed steps of finishing the two projects for iGEM competition, and go through the days that our projects grow up with us together.</p>
-
</div></td>
+
<img src="https://static.igem.org/mediawiki/2012/f/f1/Devidingline.jpg">
-
          </tr>
+
<div>
-
      <tr>
+
<div id="talkbubble_b">
-
        <td><div id="talkbubble">
+
              <p class="title">Summerized Process</p>
-
test2
+
              <p><strong>Biosearch section1:</strong></p>
-
</div></td>
+
              <ul>
-
          </tr>
+
                <li>7.9~7.16</li>
-
      <tr>
+
              </ul>
-
        <td><div id="talkbubble">
+
              <p>All of our teammates enjoyed learning object c and using Xcode to program some necessary parts of our user interface(e.g. combo box).</p>
-
test3
+
              <ul>
-
</div></td>
+
                <li>7.17</li>
-
          </tr>
+
              </ul>
-
        </table></td>
+
              <p>In the first meeting, our group divided into two parts:UI &amp; data. The main structure and initial division of work had been confirmed.</p>
-
    <td valign="TOP"><div id="talkbubble1">
+
              <ul>
-
test4
+
                <li>7.18</li>
-
</div></td>
+
              </ul>
-
      </tr>
+
              <p>In this day we determined three parts of our work: categories, search list, and search results. We also disgusted the search methods. From now, all the members started our group-work with clear aims.</p>
 +
             
 +
</div>
 +
 
 +
</td>
 +
 
 +
 
 +
 
 +
 
 +
        <td><div id="talkbubble1"><div class="sidebar_box"><div class="sidebar_box_top"></div>
 +
<div class="sidebar_box_content">           
 +
<p class="title1">Project</p>
 +
<img src="https://static.igem.org/mediawiki/2012/c/c9/Devidingline_side.jpg">
 +
<p><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><strong>overview</strong></a></p>  
 +
<p><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Biosearch"><strong>Biosearch</strong></a></p>
 +
<p>&nbsp;&nbsp;<a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Biosearch_Tutorial">Tutorial</a></p>
 +
<p>&nbsp;&nbsp;<a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Biosearch_Intro">Introduction</a></p>
 +
<p><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Biodesign"><strong>Biodesign</strong></a></p>
 +
<p>&nbsp;&nbsp;<a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Biodesign_Tutorial">Tutorial</a></p>
 +
<p>&nbsp;&nbsp;<a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Biodesign_Intro">Introduction</a></p>
 +
<p><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Sponsor"><strong>Sponsor</strong></a></p>
 +
<div class="sidebar_box_bottom"></div>                   
 +
          </div>
 +
</td>
 +
            </tr>
</table>
</table>
-
<!-- end of header -->
 
 +
<table width="899" border="0" cellspacing="10" cellpadding="10">
 +
  <tr>
 +
    <td><div id="talkbubble_c1">
 +
<ul>
 +
                <li>7.21</li>
 +
              </ul>
 +
              <p>Members of data group in search results broke through the main problem of data base. By loading data directly from xml file which provided by partsregistry.org (It couldn't be loaded only if it was changed some parts of the form) and send into mysql, we could easily get partname-based-data from our database. With this optimized new database, UI group could test their work with high efficiency.</p>
 +
              <ul>
 +
                <li>7.23</li>
 +
              </ul>
 +
              <p>Discussing with Shenzhen Team, we were given a lot of advice of search methods and user interface. Knowing what users really needed, we got the ability to optimize the completed parts and improve the design of parts which would be added.</p>
 +
              <ul>
 +
                <li>7.25</li>
 +
              </ul>
 +
              <p>The work of searching part (list and result) had been done!</p>
 +
              <ul>
 +
                <li>7.27</li>
 +
              </ul>
 +
              <p>All parts of our project had been combined and tested. Now we're trying to optimize the user interface with unified style.</p>
 +
</div>
 +
</td>
 +
  </tr>
 +
</table>
 +
 +
 +
 +
<!-- end of header -->
</body>
</body>
</html>
</html>
-
|}
+
[[file:footbar.jpg]]

Revision as of 11:48, 5 September 2012

Barnew.jpg

Abstruct

image 2

  The weekly notebook includes the work process of every teammate everyday. Here you can see the detailed steps of finishing the two projects for iGEM competition, and go through the days that our projects grow up with us together.

Summerized Process

Biosearch section1:

  • 7.9~7.16

All of our teammates enjoyed learning object c and using Xcode to program some necessary parts of our user interface(e.g. combo box).

  • 7.17

In the first meeting, our group divided into two parts:UI & data. The main structure and initial division of work had been confirmed.

  • 7.18

In this day we determined three parts of our work: categories, search list, and search results. We also disgusted the search methods. From now, all the members started our group-work with clear aims.

  • 7.21

Members of data group in search results broke through the main problem of data base. By loading data directly from xml file which provided by partsregistry.org (It couldn't be loaded only if it was changed some parts of the form) and send into mysql, we could easily get partname-based-data from our database. With this optimized new database, UI group could test their work with high efficiency.

  • 7.23

Discussing with Shenzhen Team, we were given a lot of advice of search methods and user interface. Knowing what users really needed, we got the ability to optimize the completed parts and improve the design of parts which would be added.

  • 7.25

The work of searching part (list and result) had been done!

  • 7.27

All parts of our project had been combined and tested. Now we're trying to optimize the user interface with unified style.

Footbar.jpg