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/03 17:50] yves [Panels] |
ui_ux [2024/11/06 17:15] (current) chris |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ===== User interface (UI) ===== | ===== User interface (UI) ===== | ||
| - | PMA.studio is a [[who_should_read_this|cockpit environment]] for everything digital pathology. PMA.vue is a viewer. Like many other widely used software applications today, both PMA.studio and PMA.vue adopt a common user interface and layout: | + | PIMSLS is a [[who_should_read_this|cockpit environment]] for everything digital pathology. Like many other widely used software applications today, PIMSLS adopts a common user interface and layout: |
| * A slide (file) explorer on the left, showing all available slides and folders available to a properly authenticated and authorized end-user | * A slide (file) explorer on the left, showing all available slides and folders available to a properly authenticated and authorized end-user | ||
| * A viewport (slide viewer) on the right, showing the content of the slide(s) you have opened | * A viewport (slide viewer) on the right, showing the content of the slide(s) you have opened | ||
| - | PMA.studio and PMA.vue come with a simple and intuitive layout that maximizes the space provided for the viewer while leaving ample room to browse and access the full context of your folders and other associated data like [[annotations]] and [[panel_forms|forms]]. | + | PIMSLS come with a simple and intuitive layout that maximizes the space provided for the viewer while leaving ample room to browse and access the full context of your folders and other associated data like [[annotations]] and [[panel_forms|forms]]. |
| ==== Ribbon ==== | ==== Ribbon ==== | ||
| Line 14: | Line 14: | ||
| It is the strip of buttons and icons located above the work ([[slides|viewport]]) area. The ribbon replaces the menus and toolbars found older software applications. | It is the strip of buttons and icons located above the work ([[slides|viewport]]) area. The ribbon replaces the menus and toolbars found older software applications. | ||
| - | {{:partial_ribbon.png?|}} | + | {{:partial_ribbon2024.png?|}} |
| - | The ribbon includes [[context_menu|a context menu]], and tabs labeled [[ribbon_tabs#home_tab|Home]], [[ribbon_tabs#grid_tab|Grid]], [[ribbon_tabs#annotations_tab|Annotations]], and [[ribbon_tabs#configure_tab|Configure]]. PMA.vue only has the Home tab. The ribbon in PMA.studio can be extended with optional tabs. | + | The ribbon includes [[context_menu|a context menu]], and tabs labeled [[ribbon_tabs#home_tab|Home]], [[ribbon_tabs#grid_tab|Grid]], [[ribbon_tabs#annotations_tab|Annotations]], and [[ribbon_tabs#configure_tab|Configure]]. The ribbon in PIMSLS can be extended with optional tabs. |
| When you select a tab, the area below the ribbon displays a set of groups and, within the groups, buttons representing a variety of [[ribbon_commands|commands]]. | When you select a tab, the area below the ribbon displays a set of groups and, within the groups, buttons representing a variety of [[ribbon_commands|commands]]. | ||
| - | Once a tab is activatd, sets of grouped buttons appear. Each group represents a function. The Share group on the [[ribbon_tabs#home_tab|Home tab]] includes commands that relate to sharing slide viewer (viewport) content, for example. The Viewport group includes options to show or hide select widgets in the slide viewer. | + | Once a tab is activated, sets of grouped buttons appear. Each group represents a function. The Share group on the [[ribbon_tabs#home_tab|Home tab]] includes commands that relate to sharing slide viewer (viewport) content, for example. The Viewport group includes options to show or hide select widgets in the slide viewer. |
| Selecting a [[ribbon_tabs|command on the ribbon]] may lead to further options contained in a contextual menu or dialog box that relate to the chosen [[ribbon_commands|command]]. | Selecting a [[ribbon_tabs|command on the ribbon]] may lead to further options contained in a contextual menu or dialog box that relate to the chosen [[ribbon_commands|command]]. | ||
| Line 31: | Line 31: | ||
| ==== Panels ==== | ==== Panels ==== | ||
| + | In PIMSLS, you can customize the position, size, and behavior of panels to create layouts that work best for various digital pathology workflows. | ||
| + | |||
| + | 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). | ||
| + | |||
| + | 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. | ||
| + | |||
| + | {{:panels-layout.png?|}} | ||
| 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]]. | 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]]. | ||
ui_ux.1677855007.txt.gz · Last modified: 2023/03/03 17:50 by yves
