Difference between revisions of "Web UI first iteration"

From phenoscape
(Anatomy)
(Entry page)
Line 13: Line 13:
 
* As terms are highlighted in the autocomplete field, a term info panel displays metadata.
 
* As terms are highlighted in the autocomplete field, a term info panel displays metadata.
 
* Once an anatomy term has been selected, the user can press a Search button to retrieve a summary of database results about that term.
 
* Once an anatomy term has been selected, the user can press a Search button to retrieve a summary of database results about that term.
* Summary is grouped into rows lumped by qualities.  For each quality, there are 3 columns:
+
 
** n annotations in p taxa
 
** n annotations in p genes
 
** n annotations in p publications
 
* There is also a checkbox next to each row - the user can select rows, and view the annotations summary counts for the intersection of the selected rows.
 
* There are also buttons or links to view annotations for "All Taxa", "All Genes", or "All Pubs".
 
* All of these annotation count summaries are links to annotation list pages.
 
  
 
===Taxonomy===
 
===Taxonomy===
 +
* User is presented with a search field, which autocompletes terms from the taxonomy ontology.
 +
* As terms are highlighted in the autocomplete field, a term info panel displays metadata.
 +
* Once a taxonomy term has been selected, the user can press a Search button to retrieve a summary of database results about that term.
  
 
===Genes===
 
===Genes===
  
 
===Publications===
 
===Publications===
 +
 +
==Annotation summary page==
 +
Summary is grouped into rows lumped by qualities.
 +
*For each quality, there are 3 columns:
 +
** n annotations in p taxa
 +
** n annotations in p genes
 +
** n annotations in p publications
 +
*There is also a checkbox next to each row - the user can select rows, and view the annotations summary counts for the intersection of the selected rows.
 +
* There are also buttons or links to view annotations for "All Taxa", "All Genes", or "All Pubs".
 +
* All of these annotation count summaries are links to annotation list pages.
  
 
[[Category:Informatics]]
 
[[Category:Informatics]]
 
[[Category:User Interface]]
 
[[Category:User Interface]]

Revision as of 20:36, 18 November 2008

Specifications for an initial implementation of the Phenoscape web user interface. Drawings of these interfaces can be found here.

Entry page

Start with 4 search entry points:

  • Anatomy
  • Taxonomy
  • Genes
  • Publications

After clicking one of the entry points, the page dynamically displays a corresponding search interface.

Anatomy

  • User is presented with a search field, which autocompletes terms from the anatomy ontology.
  • As terms are highlighted in the autocomplete field, a term info panel displays metadata.
  • Once an anatomy term has been selected, the user can press a Search button to retrieve a summary of database results about that term.


Taxonomy

  • User is presented with a search field, which autocompletes terms from the taxonomy ontology.
  • As terms are highlighted in the autocomplete field, a term info panel displays metadata.
  • Once a taxonomy term has been selected, the user can press a Search button to retrieve a summary of database results about that term.

Genes

Publications

Annotation summary page

Summary is grouped into rows lumped by qualities.

  • For each quality, there are 3 columns:
    • n annotations in p taxa
    • n annotations in p genes
    • n annotations in p publications
  • There is also a checkbox next to each row - the user can select rows, and view the annotations summary counts for the intersection of the selected rows.
  • There are also buttons or links to view annotations for "All Taxa", "All Genes", or "All Pubs".
  • All of these annotation count summaries are links to annotation list pages.