User Manual (V)

Table of Content

 

Introduction

KGS H5 Viewer is a web-based application for viewing PDF, TIF and JPEG documents in an internet browser. The viewer, which can be customized by the SAP Basis administrator, is called directly from SAP.
KGS Viewer allows users to add annotations by means of an overlay function.

H5 Viewer allows you to:

  • add sticky notes to a document

  • draw geometric figures (rectangles, circles, lines)

  • hightlight areas in the document similar to a text marker

  • draw stamps on the document (i.e.: a stamp which tells other users that the document has been classified)

  • add text notes to the opened document

  • drawing redactions to areas of the document

In addition to the already named, KGS Viewer provides various other functions.

Please note that the availability of these functions depends on the system configuration as well as configurations done to the viewer-profile related to the content repository.

In case you’re missing one of the functionalities described below, it might have been disabled by your server administrator.

 

 

 

Menu

Document Function Bar

Display / Hide annotation bar

You may display or hide the annotation bar by clicking the “Edit Annotations”-icon.

The annotation sub bar will be explained in detail in another section of this manual.

Menu for hiding or displaying the annotation sub bar

Menu for hiding or displaying the annotation sub bar

 

Searching within the document

You may navigate within a document that contains multiple pages by using the keys or by entering the page number you wish to jump to.

Navigation menu

Description

Navigation menu

Description

 

By clicking on the upwards pointing arrow you may go one page back within the document.

 

By clicking the downwards pointing arrow you may go to the next page within the document

 

By entering the page number and pressing the enter key on your keyboard you may jump to the specified page within the document.

 

Zoom level

Document Notes

Printing the Document

Clicking on the “Print”-icon will open the print dialogue which let’s you choose whether you wish to include “Document Notes” and “Annotations”.

Highlighted icon to open print dialogue

Highlighted icon to open print dialogue

 

In the opened print dialogue you may choose whether the print shall also include annotations, by checking the annotations-checkbox and or also include the document notes by checking the document-note-checkbox.

Print dialogue in H5 Viewer with annotations and documents notes checked

Print dialogue in H5 Viewer with annotations and documents notes checked

 

You may print a document to any printer available to your local operating system.

When clicking the “Print”-button a second browser tab (i.e.: with Acrobat Reader) will be opened which allows you to decide to which printer the document shall be send or whether you wish to forward it via e-mail.

Once you started the printing process H5 Viewer will transfer the document as well as (depending on the options you chose) all the annotations and document notes to the server page by page. This transferring process might take some time depending on the server connection and the number of pages. The progress will be indicated by a progress bar.

Downloading Documents

By clicking the download-icon you may download a copy of the document in PDF format, which may neither contain annotations nor document notes. The downloaded file will always be in PDF format regardless of the original file type.

Highlighted download-icon

Highlighted download-icon

 

Saving Annotations

In case you’ve unsaved annotations H5 Viewer will display a floppy-disk-icon which let’s you save the changes you made.

Hightlighted Save-icon in H5 Viewer

Hightlighted Save-icon in H5 Viewer

 

The system will confirm a successful save by issuing a corresponding message. In case you receive an error message instead, please consult your server administrator about this issue.

Save message shown in Google Chrom

Save message shown in Internet Explorer

Save message shown in Google Chrom

Save message shown in Internet Explorer

 

 

Tools

The “Tools”-button provides access to additional options.

Highlighted “Tools”-icon with expanded tools menu

Highlighted “Tools”-icon with expanded tools menu

 

Go to First Page / Go to Last Page

Jump from any position in the document to the first or last page of the document.

Highlighted “Go to First Page”-icon in “Tools”-menu

Highlighted “Go to Last Page”-icon in “Tools”-menu

Highlighted “Go to First Page”-icon in “Tools”-menu

Highlighted “Go to Last Page”-icon in “Tools”-menu

 

 

Rotate Clockwise / Rotate Counterclockwise

Rotates every page of the document clockwise respectively counterclockwise.

Highlighted “Rotate Clockwise”-icon in “Tools”-menu

Highlighted “Rotate Counterclockwise”-icon in “Tools”-menu

Highlighted “Rotate Clockwise”-icon in “Tools”-menu

Highlighted “Rotate Counterclockwise”-icon in “Tools”-menu

 

 

Annotation Selection Tool / Hand Tool

The “Annotation Selection Tool” allows you to select annotations that have been placed in the document.

The “Hand Tool” allows you to ‘grap’ the document page and move freely within the document. This allows you to navigate within a document (or page) without using the scroll bars.

Highlighted “Annotation Selection Tool” in “Tools”-menu

Highlighted “Hand Tool” in “Tools”-menu

Highlighted “Annotation Selection Tool” in “Tools”-menu

Highlighted “Hand Tool” in “Tools”-menu

 

 

Vertical Scrolling, Horizontal Scrolling and Wrapped Scrolling

You may choose how H5 Viewer will arrange the pages of the document by choosing either “Vertical Scrolling”, “Horizontal Scrolling” or “Wrapped Scrolling”.

“Vertical Scrolling” will arrange each page of the document in a vertical list so that the second page will displayed below the first and so on.

“Horizontal Scrolling” will arrange each page next to each other in a horizontal list so that the second page is being displayed right to the first.

“Wrapped Scrolling” will arrange the pages in a way to present you the highest number of pages using the existing space. H5 Viewer will start by rendering the second page right to the first and when no space is left start rendering the next page below the first.

“Vertical Scrolling” option enabled with an example how H5 Viewer will present it.

“Horizontal Scrolling” option enabled with an example how H5 Viewer will present it.

“Wrapped Scrolling” option enabled with an example how H5 Viewer will present it.

“Vertical Scrolling” option enabled with an example how H5 Viewer will present it.

“Horizontal Scrolling” option enabled with an example how H5 Viewer will present it.

“Wrapped Scrolling” option enabled with an example how H5 Viewer will present it.

 

 

 

No Spreads, Odd Spreads, Even Spreads

By choosing one of the options “No Spreads”, “Odd Spreads” or “Even Spreads” you may define how H5 Viewer will join the pages of the document.

Highlighted spread-related options in “Tools”-menu

Highlighted spread-related options in “Tools”-menu

 

Annotation Bar

The annotation bar is located below the document function bar and above the displayed document. You may use it in order to select from a variety of different annotation types. Depending on the configuration of your server administrator, some of the annotations might not be available because they have been deactivated.

Highlighted annotation bar with all annotations enabled

Highlighted annotation bar with all annotations enabled

 

Sticky Notes

You may use the sticky notes annotation in order to add a text-based note to a document or a single page of the document.

Highlighted “Sticky Note”-icon in annotation bar

Highlighted “Sticky Note”-icon in annotation bar

 

The annotation will be shown as a yellow post-it.

“Sticky Note” displayed on a page in H5 Viewer

“Sticky Note” displayed on a page in H5 Viewer

 

By double-clicking on it, you may open the display / edit mode.

Sticky Note with opened in display / edit mode

Sticky Note with opened in display / edit mode

 

Your changes and the text you entered will be locally saved until you hit the “Save annotations”-button.

When selecting an existing Sticky Note the annotation bar wil display additional type-specific options.

Type-specific options of Sticky Notes

Type-specific options of Sticky Notes

 

Delete Sticky Note

Move Sticky Note to background

Delete Sticky Note

Move Sticky Note to background

 

 

Rotate Sticky Note-Icon on document by 15 ° counterclockwise

Rotate Sticky Note-Icon on document by 15 ° clockwise

Rotate Sticky Note-Icon on document by 15 ° counterclockwise

Rotate Sticky Note-Icon on document by 15 ° clockwise

 

 

Text Note

Text notes allow you to directly add text-based comment to the document. In the type-specific options area you may change the font size as well as the font color to your liking. In order to add a text note simply click the “Text Note”-icon and click on area in the document you wish to add a text note onto.

Highlighted “Text Note” in annotations bar

Opened Color-picker

Font-size slider

Highlighted “Text Note” in annotations bar

Opened Color-picker

Font-size slider

 

 

 

When selecting an existing text note you may choose from a variety of type specific options.

Removing the text note

Moving text note to the background

Removing the text note

Moving text note to the background

 

 

Changing the color of the existing text note

Rotating the text note by 15 ° counterclockwise

Changing the color of the existing text note

Rotating the text note by 15 ° counterclockwise

 

 

Rotating the text note by 15 ° clockwise

Formatting the text in bold characters

Rotating the text note by 15 ° clockwise

Formatting the text in bold characters

 

 

Formatting the text in italic characters

Changing the font family

Formatting the text in italic characters

Changing the font family

 

 

 

Freehand Line

This freehand drawing tool allows you to write freehand characters or to make a drawing. You may change the color of the freehand drawing as well as the size of the stencil by increasing or reducing the size via the slider.

Highlighted freehand line annotation

Highlighted color-picker option of freehand annotation

Stencil-size slider of freehand annotation

Highlighted freehand line annotation

Highlighted color-picker option of freehand annotation

Stencil-size slider of freehand annotation

 

 

 

Example of freehand line annotation

Example of freehand line annotation

 

Like other annotations freehand line annotation offers you type specific options when selecting an existing freehand line annotation.

Deletes freehand line annotation

Moves freehand line annotation to the background

Deletes freehand line annotation

Moves freehand line annotation to the background

 

 

Open color-picker in order to change the color of the freehand line annotation

Increase stencil size

Open color-picker in order to change the color of the freehand line annotation

Increase stencil size

 

 

Decrease stencil size

Rotate freehand line annotation by 15 ° counterclockwise

Decrease stencil size

Rotate freehand line annotation by 15 ° counterclockwise

 

 

Rotate freehand line annotation by 15 ° clockwise

Rotate freehand line annotation by 15 ° clockwise

 

Rectangle annotations

The rectangle tool is ideal for highlighting specific document sections. When drawing a new rectangle you may change the color of the frame as well as setting a filling color and increase or decrease the line stroke size to your liking.

Highlighted “Rectangle annotation” with an example of a filled and unfilled rectangle annotation

Highlighted “Rectangle annotation” with an example of a filled and unfilled rectangle annotation

 

Open the color-picker to change the frame color

Open the color-picker to change the filling color

Slider to increase or decrease the stroke size

Open the color-picker to change the frame color

Open the color-picker to change the filling color

Slider to increase or decrease the stroke size

 

 

 

When clicking on an existing rectangle annotation you may use the following type specific options.

Deleting the selected rectangle annotation

Moving the selected rectangle annotation to the background

Deleting the selected rectangle annotation

Moving the selected rectangle annotation to the background

 

 

Changing the stroke color of the frame

Changing the filling color of the rectangle

Changing the stroke color of the frame

Changing the filling color of the rectangle

 

 

Increasing the stroke size of the frame

Decreasing the stroke size of the frame

Increasing the stroke size of the frame

Decreasing the stroke size of the frame

 

 

Rotating the selected rectangle annotation by 15 ° counterclockwise

Rotating the selected rectangle annotation by 15 ° clockwise

Rotating the selected rectangle annotation by 15 ° counterclockwise

Rotating the selected rectangle annotation by 15 ° clockwise

 

 

Marking

Markings are well suited to highlighting an area, for instance a section of text. You can therefore think of it as the digital equivalent of a text marker. You may change the color of the marking in the type specific section.

Highlighted marking annotation with example in the document

Highlighted marking annotation with example in the document

 

When clicking on an existing marking annotation you may choose from the following type specific options.

Removing a marking annotation

Moving a marking annotation to the background

Removing a marking annotation

Moving a marking annotation to the background

 

 

Changing the color of the selected marking annotation

Rotating the marking annotation by 15 ° counterclockwise

Changing the color of the selected marking annotation

Rotating the marking annotation by 15 ° counterclockwise

 

 

Rotating the marking annotation by 15 ° clockwise

Rotating the marking annotation by 15 ° clockwise

 

Redaction annotation

You may use the redaction annotation in order to blacken out sections. Redaction annotation work like a ‘Tipp-Ex’ pen allowing you to remove or whiten invoice amounts before printing / forwarding the document. In case you may require a different color instead of white you may change the color of the redaction annoation in the type specific section.

Highlighted redaction annotation with an example of it being used on a document.

Highlighted redaction annotation with an example of it being used on a document.

 

When selecting a redaction annotation you may use the following options in the type specific options section.

Removing the selected redaction

Moving the selected redaction to the background

Removing the selected redaction

Moving the selected redaction to the background

 

 

Changing the redaction color

Rotating the selected redaction by 15 ° counterclockwise

Changing the redaction color

Rotating the selected redaction by 15 ° counterclockwise

 

 

Rotating the selected redaction by 15 ° clockwise

Rotating the selected redaction by 15 ° clockwise

 

 

Circle annotations

The circle is ideal for pointing out specific words or sentences. When drawing a new circle annotation you may change the color of the frame as well as setting a filling color and increase or decrease the line stroke size to your liking.

Highlighted “Circle annotation” with an example of a filled and unfilled circle annotation

Highlighted “Circle annotation” with an example of a filled and unfilled circle annotation

 

Open the color-picker to change the frame color

Open the color-picker to change the filling color

Slider to increase or decrease the stroke size

Open the color-picker to change the frame color

Open the color-picker to change the filling color

Slider to increase or decrease the stroke size

 

 

 

When clicking on an existing circle annotation you may use the following type specific options.

Deleting the selected circle annotation

Moving the selected circle annotation to the background

Deleting the selected circle annotation

Moving the selected circle annotation to the background

 

 

Changing the stroke color of the frame

Changing the filling color of the circle

Changing the stroke color of the frame

Changing the filling color of the circle

 

 

Increasing the stroke size of the frame

Decreasing the stroke size of the frame

Increasing the stroke size of the frame

Decreasing the stroke size of the frame

 

 

Rotating the selected cifcle annotation by 15 ° counterclockwise

Rotating the selected circle annotation by 15 ° clockwise

Rotating the selected cifcle annotation by 15 ° counterclockwise

Rotating the selected circle annotation by 15 ° clockwise

 

 

Line annotation

The line annotation allows you to draw lines of any length within a document. In the type specific section you may change the color of the line drawn as well as increase and decrease the stroke size with the slider.

Highlighted line annotation with example in the document

Highlighted line annotation with example in the document

 

When clicking on an existing line annotation you may choose from the following type specific options.

Removing selected line annotation

Moving selected line annotation to the background

Removing selected line annotation

Moving selected line annotation to the background

 

 

Changing the color of the selected line annotation

Increase the stroke size of the selected line annotation

Changing the color of the selected line annotation

Increase the stroke size of the selected line annotation

 

 

Decreasing the stroke size of the selected line annotation

Rotating the line annotation by 15 ° counterclockwise

Decreasing the stroke size of the selected line annotation

Rotating the line annotation by 15 ° counterclockwise

 

 

Rotating the marking annotation by 15 ° clockwise

Rotating the marking annotation by 15 ° clockwise

 

Stamp annotation

Your server administrator may define a folder containing files available to you as stamps.

Opened “Stamp annotation”-menu with an example placed on a document page

Opened “Stamp annotation”-menu with an example placed on a document page

 

When selecting an existing stamp annotation you may choose from the following type specific options.

Remove the selected stamp annotation

Move the selcted stamp annotation in the background

Remove the selected stamp annotation

Move the selcted stamp annotation in the background

 

 

Rotate the selected stamp annotation by 15 ° counterclockwise

Rotate the selected stamp annotation by 15 ° clockwise

Rotate the selected stamp annotation by 15 ° counterclockwise

Rotate the selected stamp annotation by 15 ° clockwise

 

 

Useful Information

‘Copy’ Watermark

If the server administrator enabled this feature, each document page will bear a watermark that cannot be changed or deleted. The text of the watermark can be chosen freely, but generally the word Copy is used. Other configurable parameters include the text’s opacity and font.

The watermark is used to ensure that a document taken from the archive is always easily identifiable as a copy, in particular when printing it.

 

Session Control

Your server administrator may have enabled session control with a timeout interval to ensure that for any document from the archive only a single user can create/change annotations or document notes. If another employee opens the same document, the following message will be displayed upon opening. After acknowledgment of the message, the document will be displayed without any restrictions.

The employee who first opened the document will receive the following message after the defined interval has elapsed. At this point, storing data is no longer possible. You should, therefore, make regular use of the Save button to save the current state of the document.

Auto Save

The server administrator can configure the system to automatically save annotations. If this feature is enabled, all changes will be saved whenever you close or refresh the browser window. You can still save changes manually.

Migrated Anno.Ixos Texts

If your company previously employed OpenText Viewer, your server administrator can configure the system to automatically migrate text-based notes to KGS Viewer. It is not possible to import any other (graphical) annotation types. The system converts migrated texts into a sticky note. It is named AnnoIXOS and cannot be altered.