Team:SUSTC-Shenzhen-A/Notebook/User Interface

From 2012.igem.org

Revision as of 03:05, 3 August 2012 by Pd (Talk | contribs)

<<Roll to the leftRoll to the right>>
  1. 1
  2. 2
  3. 3

===brief introduction===
image1

This part includes viewing datas by category, searching datas, bookmarks and help. Six members devided into three groups worked on it, and two of the groups were working on part category-formed-interface, which simplifys the long spreadsheet into keyword-showing tables.

7.18~7.19

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.
SE:Members discussed about the searching methods and searchstring. At first a picker was chosen for user to select the searching part(part name, discription and so on), and the searching method was fuzzy search --it means if you type "BBa_" and select "part name", the program will give you a result of all the biobricks whose part name includes "BBa_". The example is shown as image1.
At this time, the database was the first one we got (given by another iGEM team). For its complex database structure , the keyword needed to be searched in all 13 tables.



===7.20~7.21===
image2

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 touchand list was the collection of all the biobrick in this category. The initial design is shown as image2.

SE:The interface was totally changed in these days. The picker was changed by several input fields, including part name, category, direction and length. And more options could be added if user needed. The sketch map was shown below(image3).

image3


UIgroupwork1.jpg