2023:Document Viewer (UI Element): Difference between revisions

From Grooper Wiki
← Older edit
No edit summary
 
(22 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{AutoVersion}}
[[File:document_viewer_00a.png|right|thumb|200px|Graphic depicting the Grooper Document Viewer.]]
[[File:document_viewer_00a.png|right|thumb|200px|Graphic depicting the Grooper Document Viewer.]]


<blockquote style="font-size:14pt">The Grooper Document viewer is the portal to your documents.</blockquote>
<blockquote>{{#lst:Glossary|Document Viewer}}</blockquote>
 
{|class="download-box"
|
[[File:Asset 22@4x.png]]
|
You may download the ZIP(s) below and upload it into your own Grooper environment (version 2023). The first contains one or more '''Batches''' of sample documents. The second contains one or more '''Projects''' with resources used in examples throughout this article.
* [[Media:2023.1_Wiki_Document-Viewer_Batch.zip]]
|}


==About==
==About==
Line 29: Line 39:
[[file:2023_Document_Viewer_How_To_Interface_Tools_Document_Viewer_Toolbar_01.png]]
[[file:2023_Document_Viewer_How_To_Interface_Tools_Document_Viewer_Toolbar_01.png]]
|}
|}
</tab>
<tab name="Select Tool (pointer icon)" style="margin:25px">
====Select Tool====
This lets the user make a text based selection
[[file:document_viewer_03.png|center]]
</tab>
<tab name="Pan Tool (hand icon)" style="margin:25px">
====Pan Tool====
This lets the user re-position the document in the viewer typically as a result of it being at some level of zoom.
[[file:document_viewer_04.png|center]]
</tab>
</tab>
<tab name="Select Region Tool" style="margin:25px">
<tab name="Select Region Tool" style="margin:25px">
====Select Region Tool====
====Select Region Tool====
This lets the user draw a rectangular marquee for selection purposes.
{|
[[file:document_viewer_05.png|center]]
[[file:2023_Document_Viewer_How_To_Interface_Tools_Select_Region_Tool_01.png]]
|}
</tab>
<tab name="Copy Tool" style="margin:25px">
====Copy Tool====
{|
[[file:2023_Document_Viewer_How_To_Interface_Tools_Copy_Tool_01.png]]
|}
</tab>
</tab>
</tabs>
</tabs>
Line 49: Line 56:
===Zoom Tools===
===Zoom Tools===
<tabs style="margin:20px">
<tabs style="margin:20px">
<tab name="Zoom Tool (rectangle + magnifying glass icon)" style="margin:25px">
<tab name="Zoom Tool and Its Options" style="margin:25px">
====Zoom Tool====
This lets users make a rectangular zoom selection and fits that selection to the display window.
[[file:document_viewer_06.png|center]]
</tab>
<tab name="Magnify Tool (page + magnifying glass icon)" style="margin:25px">
====Magnify Tool====
====Magnify Tool====
This lets users click & drag to see a magnified overlay window, great for viewing character or image quality details close-up.
This lets users click & drag to see a magnified overlay window, great for viewing character or image quality details close-up.
[[file:document_viewer_07.png|center]]
{|
</tab>
[[file:2023_Document_Viewer_How_To_Zoom_Tools_Zoom_Mode_Tool_01.png]]
<tab name="Classic Zoom Tools" style="margin:25px">
<br>
====Classic Zoom Tools====
<br>
* Zoom In
|-
* Zoom Out
[[file:2023_Document_Viewer_How_To_Zoom_Tools_Zoom_Mode_Tool_02.png]]
* Actual Size
|}
* Fit window
* Fit to width
* Fit to height
[[file:document_viewer_08.png|center]]
</tab>
</tab>
</tabs>
</tabs>
Line 73: Line 71:
===Transform and File System Tools===
===Transform and File System Tools===
<tabs style="margin:20px">
<tabs style="margin:20px">
<tab name="Rotate Tools" style="margin:25px">
<tab name = "Print and Save Page Tools">
====Rotate Tools====
These tools allow the user to rotate the document in 90° in either a clockwise or counter-clockwise fashion.
[[file:document_viewer_09.png|center]]
</tab>
<tab name="Print and Save Page Tools" style="margin:25px">
====Print and Save Page Tools====
====Print and Save Page Tools====
These tools allow a user to either print or save (as a '''[https://en.wikipedia.org/wiki/PDF PDF]''', among other image formats) the currently displayed page.
{|
[[file:document_viewer_10.png|center]]
[[file:2023_Document_Viewer_How_To_Transforms_and_File_System_Tools_Print_Page_Tool_01.png]]
|}
</tab>
</tab>
<tab name="Document Viewer Options" style="margin:25px">
<tab name="Detail Viewer Tool" style="margin:25px">
===Document Viewer Options===
===Detail Viewer===
The '''Document Viewer Options''' allow a user to adjust '''[https://en.wikipedia.org/wiki/Anti-aliasing Anti-Aliasing]'''/'''[https://en.wikipedia.org/wiki/Font_rasterization font]''' smoothing settings, as well as allows users to show/hide Tooltips and '''[https://en.wikipedia.org/wiki/Annotation Annotations]'''.
{|
[[file:document_viewer_11.png|center]]
[[file:2023_Document_Viewer_How_To_Transform_and_File_System_Tools_Detail_Viewer_Tool_01.png]]
<br>
<br>
|-
[[file:2023_Document_Viewer_How_To_Transform_and_File_System_Tools_Detail_Viewer_Tool_02.png]]
</tab>
</tab>
</tabs>
</tabs>
Line 94: Line 92:
<tab name="Navigation Buttons" style="margin:25px">
<tab name="Navigation Buttons" style="margin:25px">
====Navigation Buttons====
====Navigation Buttons====
* |< Go to First Page
{|
* <- Go back a page
[[file:2023_Document_Viewer_How_To_Document_Navigation_and_Rendition_01.png]]
* Key in page number
|}
* -> Go forward a page
* >| Go to Last Page
[[file:document_viewer_12.png|center]]
</tab>
</tab>
<tab name="Rendition Selector" style="margin:25px">
<tab name="Rendition Selector" style="margin:25px">
====Rendition Selector====
====Rendition Selector====
This drop-down lets the user select which rendition of the file to display. For '''[https://en.wikipedia.org/wiki/Optical_character_recognition OCR’ed]''' documents, you can choose between the image or the OCR text. For PDF documents that have been '''Recognized''', you can view the PDF in its Native Format or its Character Data renditions. '''[https://en.wikipedia.org/wiki/Office_Open_XML XML-Based Word and Excel Documents (.docx and .xslx files from Office 2007 onward)]''' can be viewed their component '''[https://en.wikipedia.org/wiki/XML XML]''' files, where users can see versioning, formatting, style, application, workbook, sheet, and other information within the document.
{|
<br/>
[[file:2023_Document_Viewer_How_To_Document_Navigation_and_Rendition_Rendition_Selector_01.png]]
[[file:document_viewer_13.png|center]]
<br>
<br/>
<br>
[[file:document_viewer_14.png|center]]
</tab>
</tabs>
 
===Page View Tools===
====ScanOnce Adjustments====
{| class="wikitable"
| style="padding:25px; vertical-align:center; width:35%" |
# Changes the display format of the current page to color.
# Changes the display format of the current page to grayscale.
# Changes the display format of the current page to black and white.
# After applying one of the previous color space adjustments, this button will highlight and allow you to open a menu specific to that color adjustment to fine tune the change.
# This will remove any of the changes made from the previous buttons and revert the page back to its original state.
|| [[Image:document_viewer_15.png]]
|-
|-
| style="padding:25px; vertical-align:center; width:35%" |
[[file:2023_Document_Viewer_How_To_Document_Navigation_and_Rendition_Rendition_Selector_02.png]]
# <li value="6"> This is the menu mentioned in Step 4. This is an example of the tools available for the color and grayscale options. The black and white menu is slightly different in that it doesn&rsquo;t provide sliders for adjustment, but instead a drop-down of choices for what style of thresholding you wish to apply.</li>
<br>
|| [[Image:document_viewer_15a.png|document_viewer_15a.png]]
<br>
|-
|-
| style="padding:25px; vertical-align:center; width:35%" |
[[file:2023_Document_Viewer_How_To_Document_Navigation_and_Rendition_Rendition_Selector_03.png]]
# <li value="7"> Adjust the brightness and contrast of the image.</li>
# Crop the image to a rectangular region.
# Inverts the polarity of the image.
# Adjust the gamma correction level of the image.
# Undo image adjustments.
#* These adjustments have interface windows like the one seen in step 6.
|| [[File:document_viewer_15b.png]]
|}
|}
 
</tab>
==Version Differences==
</tabs>
Prior to '''Grooper 2.9''' the '''Rendition Selector''', and most of the image adjustment tools on pages did not exist.
 
[[Category:Articles]]
[[Category:Version 2.90]]

Latest revision as of 14:22, 21 November 2024

This article is about an older version of Grooper.

Information may be out of date and UI elements may have changed.

20252023.120232.90
Graphic depicting the Grooper Document Viewer.

The Grooper Document Viewer is the portal to your documents. It is the UI that allows you to see a folder Batch Folder's (or a contract Batch Page's) image, text content, and more.

You may download the ZIP(s) below and upload it into your own Grooper environment (version 2023). The first contains one or more Batches of sample documents. The second contains one or more Projects with resources used in examples throughout this article.

About

The Document Viewer allows users to view documents! It comes equipped with several different tools and settings that let you see what you need to see the way you need to see it.

Like the Batch Viewer, there is no one place the Document Viewer exists. As you navigate through Grooper anytime there is some kind of interface that needs you to view a document, or page, it will be present somewhere within the UI. These include, but are not limited to:

  • general viewing of batch contents when using a Batch Viewer anywhere
  • seeing the effects of an Image Processing Profile and using that visual feedback to make adjustments to said profile
  • when writing regular expression patterns and viewing the highlighted results
  • when testing extraction on any extractor, or even a full Data Model
  • when reviewing information like Classification, or Extraction
 This is an example image of the Document Viewer in Grooper.

How To

Understanding the Document Viewer means knowing the functionality of its main toolset.

Interface Tools

Document Viewer Toolbar

The Document Viewer Toolbar runs along the top of the pane on the right of the screen, just above the document you are viewing. (Some buttons do not apply to certain file types and will be hidden in those contexts.)

Select Region Tool

Copy Tool

Zoom Tools

Magnify Tool

This lets users click & drag to see a magnified overlay window, great for viewing character or image quality details close-up.



Transform and File System Tools

Print and Save Page Tools

Detail Viewer



Document Navigation and Rendition

Navigation Buttons

Rendition Selector





Retrieved from "https://wiki.grooper.com/index.php?title=2023:Document_Viewer_(UI_Element)&oldid=26773"