ui_ux
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
ui_ux [2023/03/02 19:02] yves |
ui_ux [2023/03/03 18:02] (current) yves [Panels] |
||
|---|---|---|---|
| Line 31: | Line 31: | ||
| ==== Panels ==== | ==== Panels ==== | ||
| - | ==== Viewer ==== | + | in PMA.studio (as well as PMA.vue), you can customize the position, size, and behavior of panels to create layouts that work best for various digital pathology workflows. |
| - | {{:viewer.jpg?400|Picture #1. Viewer panel with single slide loaded}} | + | The software has two basic panel types, tool panels and viewing panels . Tool panels include [[panel_explorer|Slide browser]], [[panel_info|Info panel]], [[panel_annotations|Annotations panel]], and so on. Viewing panels contain virtual slide ([[https://realdata.pathomation.com/what-whole-slide-images-wsis-are-made-of/|WSI]]) content and can either show individual slides, or grids (comprising of multiple slides). |
| - | Viewer panel consist of one or more viewports organized in grid and toolbar underneath it (only in single-slide mode). Currently selected slide is highlighted with the blue dashed border [#1 on a picture #1]. When user adds new viewer panel its grid has only 1 column and 1 row, so it's single cell grid. When changing grid size application will always ask what to do with slides that were already loaded into grid - whether application should preserve it or clear all. | + | Panels can be resized and dragged by their title bar or tab. All panels can be docked or stacked, so that it has a position and size within the webbrowser viewing area. |
| - | Toolbar is placed underneath the viewer [#2 on picture #1] Toolbar consists of (left to the right): | + | {{:panels-layout.png?|}} |
| - | - Flip horizontally | + | |
| - | - Flip vertically | + | |
| - | - Rotate counter-clockwise 90 degrees | + | |
| - | - Rotate clockwise 90 degrees | + | |
| - | - Rotate 180 degrees | + | |
| - | - Previous slide | + | |
| - | - Next slide | + | |
| - | - Magnification buttons | + | |
| - | PMA.Studio allows to load multiple slides into the grid in addition to opening multiple viewer panels with grid inside. Each slide position could be changed using [i] [#1 on picture #2] button on top of viewport - it's required to drag and drop that [i] handle to the desired position - it could be either another cell, tray or new viewer panel. In addition Column/row of grid also could change it's position - there is a handle [#2, #3, #4, #5 on picture #2] near each row or column that could be drag and dropped to the required position. | + | The appearance and initial organization of panels is being controlled by the [[admin_panels|panel layout]], which can be specified in the [[admin|Admin area]]. |
| - | + | ||
| - | {{:viewer_grid.jpg?400|Picture #2. Viewer panel with grid, 4 slides loaded}} | + | |
| - | + | ||
| - | === Navigation (Slide explorer) === | + | |
| - | + | ||
| - | {{:navigation_treemode.jpg?400|Picture #3. Navigation panel in Tree mode}} | + | |
| - | + | ||
| - | Purpose of Navigation panel is to provide an access to connected Tile servers, represent folder\slides structure and select slide to inspect. Navigation panel works in 2 modes - Tree mode and Slides mode. | + | |
| - | **Tree mode** Navigation panel in Tree mode consists of 2 main elements - button toolbar and Tile server content. Button toolbar [#1 on Picture #3] consist of 4 buttons - from the left to the right: | + | |
| - | - **Switch navigation mode** - there are 2 Navigation modes - Tree mode and Gallery mode | + | |
| - | - **Reload** - force pick latest folder\slides structure from the Tile server | + | |
| - | - **Open in new tab** - toggles mode that opens selected slide in the current selected cell or creates a new viewer panel and put selected slide there | + | |
| - | - **Show preview** - toggles visibility of slide preview on hover in Tree mode | + | |
| - | **Slides mode** | + | |
| - | {{:navigation_slidesmode.jpg?400|Picture#4. Navigation panel in Slides mode}} | + | |
| - | Navigation panel in Gallery mode consists of buttons toolbar, directory selector and directory content. Button toolbar consist of 4 buttons - from the left to the right | + | |
| - | - **Switch** - switches navigation mode to Tree mode | + | |
| - | - **Reload** - force pick latest slides in the directory | + | |
| - | - **Open in new tab** - toggles mode that opens selected slide in the current selected cell or creates a new viewer panel and put selected slide there | + | |
| - | - **Mode** - toggles presence of barcode and thumbnail on the slide | + | |
| - | + | ||
| - | More information can be found on the [[panel_explorer|Slide browser page]]. | + | |
| - | + | ||
| - | === Annotations (available in PMA.Studio) === | + | |
| - | + | ||
| - | Annotations panel displays existing annotations on the selected slide. A table contains Note, Pen Width, Color, Area and Length of every annotations. Besides this data there are buttons for remove, edit and show/hide annotation item. Annotation creating also available with Ribbon tools at Annotations tab. | + | |
| - | Available buttons: | + | |
| - | - Delete annotation | + | |
| - | - Edit annotation (opens window with caption field) | + | |
| - | - Show/hide annotation (toggles displaying of the annotation on viewport) | + | |
| - | + | ||
| - | ==== Viewer area (viewports) ==== | + | |
| - | + | ||
| - | Viewer area contains application Main page, Embedded view and Embedded directory. Main page consists consists of 2 main parts - ribbon on top and panels organized in panel stacks. | + | |
ui_ux.1677772952.txt.gz · Last modified: 2023/03/02 19:02 by yves
Page Tools
