Team:SUSTC-Shenzhen-A/week3

From 2012.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 122: Line 122:
#talkbubble_c3 {
#talkbubble_c3 {
   width: 862px;  
   width: 862px;  
-
   height:2200px;  
+
   height:2000px;  
//  background:#EFEFEF;
//  background:#EFEFEF;
   background:#ffffff;
   background:#ffffff;
Line 135: Line 135:
#talkbubble1 {
#talkbubble1 {
   width: 275px;  
   width: 275px;  
-
   height:560px;  
+
   height:610px;  
//  background:#FAF0E6;
//  background:#FAF0E6;
//  background:#f2eada;
//  background:#f2eada;
Line 165: Line 165:
          <td valign="top">
          <td valign="top">
<div id="talkbubble_b">
<div id="talkbubble_b">
-
               <p class="title">Week3</p>
+
               <h1 class="title">Week3</h1>
               <ul>
               <ul>
                 <li>7.23</li>
                 <li>7.23</li>
               </ul>
               </ul>
-
               <p>&nbsp;&nbsp;&nbsp;&nbsp;A Communication with BGI. For more imformations,please<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Activity">here.</a></p>
+
               <p>&nbsp;&nbsp;&nbsp;&nbsp;A Communication with BGI. For more imformations,please click <a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Activity">here.</a></p>
<p>&nbsp;&nbsp;</p>
<p>&nbsp;&nbsp;</p>
               <ul>
               <ul>
Line 200: Line 200:
<p class="title1">Notebook</p>
<p class="title1">Notebook</p>
<img src="http://2012.igem.org/wiki/images/c/c9/Devidingline_side.jpg">
<img src="http://2012.igem.org/wiki/images/c/c9/Devidingline_side.jpg">
-
<p><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Notebook"><strong>Abstruct</strong></a></p>
+
<p><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Notebook"><strong>Overview</strong></a></p>
 +
<p><strong>Preparation</strong></p>
<p><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/JC"><strong>Journal Club</strong></a></p>
<p><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/JC"><strong>Journal Club</strong></a></p>
<p><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/FP"><strong>Final Project</strong></a></p>
<p><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/FP"><strong>Final Project</strong></a></p>
-
<p><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week1"><strong>Xcode Torial(week 1)</strong></a></p>
+
<p><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week1"><strong>Xcode Tutorial(week 1)</strong></a></p>
<p><strong>Biosearch section1(week2,3)</strong></p>
<p><strong>Biosearch section1(week2,3)</strong></p>
<p>&nbsp;&nbsp;<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week2">week 2</a></p>
<p>&nbsp;&nbsp;<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week2">week 2</a></p>
<p>&nbsp;&nbsp;<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week3">week 3</a></p>
<p>&nbsp;&nbsp;<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week3">week 3</a></p>
-
<p><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week4&5"><strong>Biosearch section2(week4,5)</strong></a></p>
+
<p><strong>Biosearch section2(week4,5)</strong></p>
 +
<p>&nbsp;&nbsp;<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week4&5">week 4~5</a></p>
<p><strong>Tinker Cell(week,6,7)</strong></p>
<p><strong>Tinker Cell(week,6,7)</strong></p>
<p>&nbsp;&nbsp;<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week6">week 6</a></p>
<p>&nbsp;&nbsp;<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week6">week 6</a></p>
<p>&nbsp;&nbsp;<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week7">week 7</a></p>
<p>&nbsp;&nbsp;<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week7">week 7</a></p>
 +
<p><strong>Comprehensive work</strong></p>
<p>&nbsp;&nbsp;<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week8">week 8</a></p>
<p>&nbsp;&nbsp;<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week8">week 8</a></p>
-
<p>&nbsp;&nbsp;<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week9">week 9</a></p>
+
<p>&nbsp;&nbsp;<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week9">week 9~12</a></p>
-
<p>&nbsp;&nbsp;<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week10">week 10~12</a></p>
+
<p>&nbsp;&nbsp;<a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/week13">week 13~18</a></p>
<div class="sidebar_box_bottom"></div>                     
<div class="sidebar_box_bottom"></div>                     
Line 220: Line 223:
             </tr>
             </tr>
</table>
</table>
-
<table width="899" border="0" cellspacing="10px" cellpadding="10px" align="center">
+
<table width="899" border="0" cellspacing="8px" cellpadding="8px" align="center">
-
<tr><td><div id="talkbubble_c3">
+
<tr><td><div >
<p>&nbsp;&nbsp;Yidan Pan: Start to design the form of wiki.</p>
<p>&nbsp;&nbsp;Yidan Pan: Start to design the form of wiki.</p>
  <p>&nbsp;&nbsp;Yujun Zhao: Tested the database</p>
  <p>&nbsp;&nbsp;Yujun Zhao: Tested the database</p>
Line 265: Line 268:
  <p>&nbsp;&nbsp;Yujun Zhao: On vacation</p>
  <p>&nbsp;&nbsp;Yujun Zhao: On vacation</p>
<p>&nbsp;&nbsp;</p>
<p>&nbsp;&nbsp;</p>
-
<ul> <li>7.20</li>
+
<ul> <li>7.27</li>
               </ul>
               </ul>
-
<p>&nbsp;&nbsp;SE:he primary searching method was confirmed as fuzzy search --it meaned if you typed "BBa_" and selected "part name", the program would give you a result of all the biobricks whose part name included "BBa_". At this time, the database included 13 different parts. For its complex structure , the keyword needed to be searched in all 13 tables. </p>
+
<p>&nbsp;&nbsp;SE:All the parts had been combined and both of bookmark(called history currently in the toolbar) and help had been set up. The problems remained were to ensure the style and fix all the bugs. </p>
-
<p>&nbsp;&nbsp;Xiao Tong:Test different styles of search interface.</p>
+
<p>&nbsp;&nbsp;Xiao Tong:Fixed some bugs in bookmark.</p>
-
<p>&nbsp;&nbsp;Mubing Zhou: Tested fuzzy search to search all the tables at the same time.</p>
+
<p>&nbsp;&nbsp;Mubing Zhou:Tested bookmark and added second level search in the search result.</p>
<p>&nbsp;&nbsp;</p>
<p>&nbsp;&nbsp;</p>
-
<p>&nbsp;&nbsp;Category:Members tested different kinds of appearances. They decided to show a similized table first, whose content was the same as the website. When clicked the table, more informations would be shown.</p>
+
<p>&nbsp;&nbsp;Category:All the parts had been combined and both of bookmark(called history in the toolbar) and help had been set up. The problems remained were to ensure the style and fix all the bugs.</p>
-
<p>&nbsp;&nbsp;Chenchen Lv:took a vacation.</p>
+
<p>&nbsp;&nbsp;Chenchen Lv: Wrote description .</p>
-
<p>&nbsp;&nbsp;Junqiu Zhang: tested the descriptions' displaying form.</p>
+
<p>&nbsp;&nbsp;Junqiu Zhang: Wrote help.</p>
-
<p>&nbsp;&nbsp;Yiqi Jiang: Attempted category's overall arrangement as folder-formed.</p>
+
<p>&nbsp;&nbsp;Yiqi Jiang: Tried several type of style in help page.</p>
-
<p>&nbsp;&nbsp;Zili Fan: Designed the view of part "list".</p>
+
<p>&nbsp;&nbsp;Zili Fan: Tested Catalog page.</p>
<p>&nbsp;&nbsp;</p>
<p>&nbsp;&nbsp;</p>
-
<p>&nbsp;&nbsp;Search result:</p><p> Database part:Our instructor Dr. He gave us the XML form data which was provided by partsregistry.org itself. Therefore our focus of work changed to "analyzing the xml file and saving it as a SQL file".We tested two methods: used Excel to load the xml file, saved as xls file, then changed it to mySQL (which was managed by Qijia Cheng and Yidan Pan);directly used load function of mysql to get data from xml file and saved in mySQL(which was managed by Xin Yang and Yujun Zhao). </p>
+
<p>&nbsp;&nbsp;Search result:We combined ALL the PARTS of our Project and debugged it. </p>
-
<p>UI part: Jingyao Guo and Deng Pan designed the interface of the search result in table form. But since the different structure of two databases needed different code to read, all we needed was to confirm WHICH DATABASE TO USE!  </p>
+
<p>&nbsp;&nbsp;Xin Yang: Confirmed the database.</p>
-
<p>&nbsp;&nbsp;Xin Yang: Attempted to load XML through Xcode.</p>
+
<p>&nbsp;&nbsp;Deng Pan: Learned how to change iPhone app into iPad app.</p>
-
<p>&nbsp;&nbsp;Deng Pan: Designed the interface of detailed result when user clicked the result table.</p>
+
  <p>&nbsp;&nbsp;Jingyao Guo: Started to designed the style of whole project.</p>
-
  <p>&nbsp;&nbsp;Jingyao Guo:Attempted to list all the parts in search result.</p>
+
<p>&nbsp;&nbsp;Qijia Cheng: Learned how to submitted app to app store.</p>
-
<p>&nbsp;&nbsp;Qijia Cheng:Attempted to translate XML file to excel.</p>
+
<p>&nbsp;&nbsp;Yidan Pan: Learned html and css, tried to design the second edition of wiki with some css code.</p>
-
<p>&nbsp;&nbsp;Yidan Pan: Attempted to translate file from excel to mySQL .</p>
+
  <p>&nbsp;&nbsp;Yujun Zhao:Confirmed the database</p>
-
  <p>&nbsp;&nbsp;Yujun Zhao:Learned the usage of mySQL.</p>
+
<p>&nbsp;&nbsp;</p>
<p>&nbsp;&nbsp;</p>
-
<ul> <li>7.21</li>
+
<ul> <li>7.28</li>
               </ul>
               </ul>
-
<p>&nbsp;&nbsp;SE:The interface was totally changed. The picker was changed by several input fields, including part name, category, direction and length. And more options could be added if user needed. </p>
+
<p>&nbsp;&nbsp;A Communication with HKUST. For more imformations,please click <a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Activity">here.</a></p>
-
<p>&nbsp;&nbsp;Xiao Tong:Tested different input fields, designed the SE interface.</p>
+
-
<p>&nbsp;&nbsp;Mubing Zhou:Tested fuzzy search with both keywords and field limitation.</p>
+
<p>&nbsp;&nbsp;</p>
<p>&nbsp;&nbsp;</p>
-
<p>&nbsp;&nbsp;Category:After discussion, testing various styles, members decided to use folder form. Besides, every secondary part was devided into two section:description and list. Description was the introduction of the secondary title(eg. promoter), when the table was touch and list was the collection of all the biobrick in this category. </p>
+
<ul> <li>7.29</li>
-
<p>&nbsp;&nbsp;Chenchen Lv:Tested different styles of color matching.</p>
+
-
<p>&nbsp;&nbsp;Junqiu Zhang: Designed the descriptions' displaying form.</p>
+
-
<p>&nbsp;&nbsp;Yiqi Jiang:Achieved the folder form with four categories.</p>
+
-
<p>&nbsp;&nbsp;Zili Fan:Took a vacation.</p>
+
-
<p>&nbsp;&nbsp;</p>
+
-
<p>&nbsp;&nbsp;Search result: BIG NEWS HAPPENED!The problem of loading xml had been mainly broken through this night, by changing some words of the xml file and loading the changed-version directly through mySQL, we could easily get part-name-based data from our database.With this optimized new database, UI group could test the work with high efficiency! </p>
+
-
<p>&nbsp;&nbsp;Xin Yang:Mainly succussed in loading XML through mySQL, but some parts could not be loaded if their content was empty.</p>
+
-
<p>&nbsp;&nbsp;Deng Pan: Designed the interface of search result</p>
+
-
<p>&nbsp;&nbsp;Jingyao Guo:  Listed all the parts in search result by writing 40 cases.</p>
+
-
<p>&nbsp;&nbsp;Qijia Cheng:Attempted to show a demo of our project user interface.</p>
+
-
<p>&nbsp;&nbsp;Yidan Pan: Attempted to translate file from excel to mySQL .</p>
+
-
<p>&nbsp;&nbsp;Yujun Zhao:Mainly succussed in loading XML through mySQL by changing some words.</p>
+
-
<p>&nbsp;&nbsp;</p>
+
-
<ul> <li>7.22</li>
+
               </ul>
               </ul>
-
               <p>&nbsp;&nbsp;SE:For the database was totally updated, all the works came down to data need to redo.Using the original database, the data needed to be searched twice in the whole process. First, when users type the keyword and clicked "search", all the tables were searched with this keyword to get the biobrick, then sended the part name to search result part. Then the second search took place when the search result part got the part name. The partn ame was searched in all the tables to give user a detailed page of this biobrick's information. In short, the tables needed to be searched by keyword and the part name.But with this renewed database, we could search in only one table. </p>
+
               <p>&nbsp;&nbsp;The main frame had been set up. So we were divided in to new groups. </p>
-
<p>&nbsp;&nbsp;Xiao Tong:Attempted to choose the fields could be selected.</p>
+
<p>&nbsp;&nbsp;server:Yujun Zhao,Xin Yang</p>
-
<p>&nbsp;&nbsp;Mubing Zhou:Rewrote the program of fuzzy searching, debug.</p>
+
<p>&nbsp;&nbsp;Search,bookmark,download functions:Xiao Tong</p>
-
<p>&nbsp;&nbsp;</p>
+
<p>&nbsp;&nbsp;Art designing:Jingyao Guo, Yiqi Jiang</p>
-
<p>&nbsp;&nbsp;Category:This new database greatly simplified list forming. All the informations could be found in a single, huge table. </p>
+
<p>&nbsp;&nbsp;iPad app:Deng Pan, Qijia Cheng</p>
-
<p>&nbsp;&nbsp;Chenchen Lv:Attempted to show the similized table.</p>
+
<p>&nbsp;&nbsp;wiki:Yidan Pan, Mubing Zhou</p>
-
<p>&nbsp;&nbsp;Junqiu Zhang:Filled the content of description.</p>
+
<p>&nbsp;&nbsp;Human Practice:Xin Yang, Chenchen Lv
-
<p>&nbsp;&nbsp;Yiqi Jiang: Modify the composing.</p>
+
<p>&nbsp;&nbsp;Blueprint of our second project:Junqiu Zhang, Zili Fan</p>
-
<p>&nbsp;&nbsp;Zili Fan:Attempted to show the similized table.</p>
+
</div></td></tr>
-
<p>&nbsp;&nbsp;</p>
+
-
<p>&nbsp;&nbsp;Search result: BIG NEWS HAPPENED!The problem of loading xml had been mainly broken through this night, by changing some words of the xml file and loading the changed-version directly through mySQL, we could easily get part-name-based data from our database.With this optimized new database, UI group could test the work with high efficiency! </p>
+
-
<p>&nbsp;&nbsp;Xin Yang:Added "Null" to parts without content in XML in order to fix the problem.</p>
+
-
<p>&nbsp;&nbsp;Deng Pan:  Debug the animation of showing details. </p>
+
-
<p>&nbsp;&nbsp;Jingyao Guo:Combined the search result page with page showing details which was too long to show in table.</p>
+
-
<p>&nbsp;&nbsp;Qijia Cheng:Attempted to show a demo of our project user interface.</p>
+
-
<p>&nbsp;&nbsp;Yidan Pan: Attempted to translate files from excel to SQLite.</p>
+
-
<p>&nbsp;&nbsp;Yujun Zhao:Took a vacation.</p></div></td></tr>
+
</table>
</table>

Latest revision as of 01:53, 26 October 2012

Week3

  • 7.23

    A Communication with BGI. For more imformations,please click here.

  

  • 7.24

  SE:The combination of searching and category was underway . The rudiment was set up and next would be detail enhancement and uniting style.

  Xiao Tong: Tested different input fields, designed the SE interface.

  Mubing Zhou: Tested fuzzy search with both keywords and field limitation.

  

  Category:The combination of searching and category was underway . The rudiment was set up and next would be detail enhancement and uniting style.

  Chenchen Lv:Attempted category's overall arrangement as table-formed.

  Junqiu Zhang:Designed the descriptions' displaying form.

  Yiqi Jiang: Attempted to get data from SE part.

  Zili Fan:Attempted to get data from SE part.

  

  Search result:Members were trying to export sql file from MYSQL data and fix the structure of database. UI: For the database had been set up, members load data and saved it in a mutable array, then showed all the details in UI tables. In the process, feedback were sent to database group so that they could optimize the database in time.

  Xin Yang: Selected important parts of the 13 tables.

  Deng Pan: Designed the interface of search result

  Jingyao Guo: Achieved to show details in table form.

  Qijia Cheng: Learned several kinds of UI design.

  Yidan Pan: Start to design the form of wiki.

  Yujun Zhao: Tested the database

  

  • 7.25

  SE:Members discussed about the searching methods and searchstring. A picker was chosen for user to select the searching part(part name, discription and so on).

  Xiao Tong: Designed the user interface included the form of spinner and the options it showed.

  Mubing Zhou: Tested the search methods (accurate search and fuzzy search).

  

  Category:Analyzing the target website, members determined to provide four kinds of showing type:parts by type;parts by function; parts by chassis and devices by type. Then members collected informations and codes ,in order to show a user friendly interface.

  Chenchen Lv:Attempted category's overall arrangement as table-formed.

  Junqiu Zhang: Designed the tone of category view.

  Yiqi Jiang: Attempted category's overall arrangement as folder-formed.

  Zili Fan: Designed the tone of category view.

  

  Search result: We combined ALL the PARTS of our Project and debugged it.

  Xin Yang: Selected important parts of the 13 tables.

  Deng Pan: Designed the interface of search result

  Jingyao Guo: Tried to show details from several tables in one page as table form.

  Qijia Cheng:on vacation

  Yidan Pan: Tried to show details from several tables in one page as table form.

  Yujun Zhao: Tested to combine all the tables of the database.

  

  • 7.26

  SE:The combination of searching and category was underway . The rudiment was set up and next would be detail enhancement and uniting style.

  Xiao Tong: Designed the user interface and started to meditate bookmark.

  Mubing Zhou:Fixed several bugs of choosing chassis.

  

  Category:The combination of searching and category was underway. The rudiment was set up and next would be detail enhancement and uniting style.

  Junqiu Zhang:Started to write code of bookmark

  Yiqi Jiang: Wrote description of each part.

  Zili Fan: Wrote description of each part.

  

  Search result: We combined ALL the PARTS of our Project and debugged it.

  Xin Yang: Tested the new database we built.

  Deng Pan:On vacation.

  Jingyao Guo: Debug of the UI of search result.

  Qijia Cheng:on vacation

  Yidan Pan: Tried to build wiki with wiki code and started to learn html.

  Yujun Zhao: On vacation

  

  • 7.27

  SE:All the parts had been combined and both of bookmark(called history currently in the toolbar) and help had been set up. The problems remained were to ensure the style and fix all the bugs.

  Xiao Tong:Fixed some bugs in bookmark.

  Mubing Zhou:Tested bookmark and added second level search in the search result.

  

  Category:All the parts had been combined and both of bookmark(called history in the toolbar) and help had been set up. The problems remained were to ensure the style and fix all the bugs.

  Chenchen Lv: Wrote description .

  Junqiu Zhang: Wrote help.

  Yiqi Jiang: Tried several type of style in help page.

  Zili Fan: Tested Catalog page.

  

  Search result:We combined ALL the PARTS of our Project and debugged it.

  Xin Yang: Confirmed the database.

  Deng Pan: Learned how to change iPhone app into iPad app.

  Jingyao Guo: Started to designed the style of whole project.

  Qijia Cheng: Learned how to submitted app to app store.

  Yidan Pan: Learned html and css, tried to design the second edition of wiki with some css code.

  Yujun Zhao:Confirmed the database

  

  • 7.28

  A Communication with HKUST. For more imformations,please click here.

  

  • 7.29

  The main frame had been set up. So we were divided in to new groups.

  server:Yujun Zhao,Xin Yang

  Search,bookmark,download functions:Xiao Tong

  Art designing:Jingyao Guo, Yiqi Jiang

  iPad app:Deng Pan, Qijia Cheng

  wiki:Yidan Pan, Mubing Zhou

  Human Practice:Xin Yang, Chenchen Lv

  Blueprint of our second project:Junqiu Zhang, Zili Fan

Footbar.jpg