Web UI first iteration

From phenoscape
Revision as of 20:46, 18 November 2008 by Jpb15 (talk | contribs) (Entry page)

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.

Taxonomy summary page