Web Viewer - Implementation - Step 1

ome / design

OME Design proposals

http://ome.github.io/design/

1 stars 15 forks source link

Web Viewer - Implementation - Step 1 #45

Open gusferguson opened 8 years ago

gusferguson commented 8 years ago

Proposal for the first step in implementation of new Web Viewer. Drawing together mockups and feedback from the conceptual design and brainstorming issues opened over latest few months.

Scope:

core of viewer
thumbnail display of dataset on left-hand side
right-hand pane - retractable - with tabs for:
- Settings
- ROIs (implementation part of step 2)
- General (probably not step 1 J-M)
- Acquisition (probably not step 1 J-M)

Settings Tab Right-hand Pane (default)

Shows viewing of 512px image at 100% with RH Pane open and Settings tab selected.

webviewerstepssettings

Detail of drop down menu options in Settings tab:

Save to All
Colour picker with LUT.

webviewerstepssettingsdd

Viewing large - 1024px - image zoomed to 120% with right-hand pane collapsed.

webviewerstepsrhpcollapsed

General and Acquisition tabs identical to the tabs in the main window right-hand pane.

webviewerstepsacquisition

webviewerstepsgeneral

For step 2 see:

Web Viewer - Implementation - Step 2 #46

jburel commented 8 years ago

LUT:

one point to clarify when a lut is selected. When a color is selected, the background color of the button is modified. For lut, that could be trickier, do we generate a color of the fly?

jburel commented 8 years ago

For a description of the controls: http://help.openmicroscopy.org/viewing-data.html#preview @waxenegger

jburel commented 8 years ago

I don't think General/Acquisition tabs are part of step 1. cc @gusferguson We should focus on settings first

jburel commented 8 years ago

@gusferguson Information about the plane viewed i.e. plane info is missing. i.e. what is the time for t=5 for example. This is important to have such info. insight uses the bottom part of the window to show it

jburel commented 8 years ago

Histogram interaction:

Select the Show histogram checkbox to show/hide the histogram
Histogram displayed corresponds to the channel currently edited.
Adjusting the channel input interval should update the vertical lines of the histogram

gusferguson commented 8 years ago

Mockups updated with Z level and T times across the bottom re: #45

@gusferguson Information about the plane viewed i.e. plane info is missing. i.e. what is the time for t=5 for example. This is important to have such info. insight uses the bottom part of the window to show it

General and Acquisition Tab sections removed.

@jburel - is it a good idea to delete the comments I have addressed to reduce clutter?

jburel commented 8 years ago

@gusferguson: sorry I missed your question. We can remove the comment since we will use this doc as the ref "final" doc.