GetPixit

...

Pixtel is an innovative screen capture, share, and management software. It enables to capture capturing and recording screens and images audio in a variety of ways and facilitates sharing them with cloud and non-cloud applications seamlessly and . It also comes with an editing tool for image annotations and manipulating imagesmodifications. This application lets the user to capture high-quality images/videos/audio, manage and organize them with under different options groupings such as Categories, Sub categoriesSubcategories, Tags, etc., which will, later on, be Pixtel helpful while searching for searching a particular image among a number of captures.

Just press a hotkey and GetPixit Pixtel will take a screenshot of your screen or the entire window with extensive capture option support. Inbuilt app integration supports cloud sharing with Google Drive, OneDrive, OneNote, Box, DropBox, Facebook, Jira, and others. Application The application contains a single highly usable window with most of the functionality available through icon buttons, located around the border. Both capture and editing tools are in single one place.

Image RemovedImage Added

Figure 1: GetPixit Pixtel Main Window

All features are available around the tool main window on four sides providing middle leaving the central area for image display. All features are grouped into meaningful sections. Home bar Bar on the left comprises of capture buttons on the top, management buttons with fly-out panels in the middle and user preferences in the bottom. Menu Bar on the top has File, Edit, Window and Help menus are in the menu bar on the top. . Status Bar In the bottom , displays captured image properties along with image navigation and drag me buttons are managed in status bar. Toolbar DragMe buttons. Tool Bar on the top, right below the menu bar, consists of common buttons for annotation editing and changing properties, in addition to grid view and smart pencil buttons on the top right. Image annotation and image editing tools are located on the right. These tools can be toggled using a toggle button on the right bottom. In the following, each of the sections are explained in detailEach of these tools is explained in detail in detail in the following sections.

Home Bar (1)

Home bar is the left most quick access bar that The home bar, located on the left side, has options to capture images, manage the captured images and to set user preferences.

Button Icon	Name	Description
Capture Buttons
Image Modified	Region Capture	Captures a selected region of the screen. Press Escape or right-click to cancel the operation. Press 'r' to retake the region again.
Image Modified	Full-Screen Capture	Captures the full screen of the current working window with the taskbar.
Image Modified	Timed Capture	Captures a selected region of the screen after 10 seconds. This helps to interact with the window and select the required menu/sub-menu when submenu when the timer is running.
Image Modified	Active Window Capture	Opens It opens a grid view of all active windows. Full The full screen of a selected window is captured.
Image Modified	Scrolling Window Capture	Captures the browser page/application window content scrolling the page/panel content down and taking successive screenshots and stitching them together at the end. Overlapping and common areas can be clipped off by setting a a configuration parameter.
Image Modified	Expand additional Additional Capture optionsOptions	Additional capture options can be opened in a pop-up menu.  Image RemovedImage Added
Management Fly-outs
Image Modified	Home	A Displays a dashboard view with image counts for captured, imported, shared and images along with the amount of space taken by the stored files is presentedthem. An example home view is presented below: Image RemovedImage Added In addition to statistics, Get Started section in the Home fly-out with help links is available in the bottom section. These quick help links take the user to online documentation and training videos.
Image Modified	Browse	Helps This helps to view the images by the recent captures, recently modified images, category/category, sub-category, and created creation date.  Recently captured and modified images can also be quickly browsed.
Image Modified	Search	Opens a fly-out with image search panel to search images based on various image properties including Category, Sub-category, Tags, and Display name.
Image Modified	Export	Helps to export file(s) in different formats: Bmp, Gif, Jpeg, Png, and Tiff. Files can be saved in predefined folders: desktop, pictures, documents, and videos. In addition, files can be saved in Zip format with the Category/Sub-category folder structure. Last The last 20 recent folders are stored in the system for saving images without requiring navigation every time.
Image Modified	Share	Shares the selected images to multiple cloud uploads, office exports, and into applications such as Jira, Facebook, etc.
Image Modified	Contacts	Helps to manage Contacts in this flyout. These contacts are used for contact email address auto-fill support in the email sender component.
Image Modified	Import	Import Imports files from the local file system. Files to be imported can be selected and previewed reviewed before importing. Once files are imported, they are copied internally and are managed by the application.
User Preferences
Image Modified	User Preferences	User Users can change preferences/options for various application components in preferences windowhere. There is are no explicit saving requirements. When a parameter value is changed, it is effective right away immediately, except in some cases where explicit save is required. For example, the Capture Mouse Pointer option helps to include the cursor in the captured image.

Menu Bar(2)

Menu The menu bar has the operational menus providing another a way of reaching out to the features. All most However, almost all menu items have corresponding icon buttons in the main window. UsuallySo, usually, users don't need to open menus for accessing application features. More than 95% of features are accessible through icon buttons in the main window. In the following, each

Each of the menus and sub-menus are detailedsubmenus is explained below.

Status Bar (3)

Status The status bar is located at the bottom of the application window that has options to set image properties such as category, sub categorysubcategory, rate an image, bookmark, add tags, view image details, zoom, etc. Most importantly, it has buttons to navigate images in the sequence they were captured and also drag and drop the active image into any an external application.

Image RemovedImage Added

Button Icon	Name	Description
Image Modified	Category	Helps It helps to categorize images for easy search. User Users can add, edit, and remove categories and sub-categories in the Category managerManager. Click to open the Category Manager window, where the user can manage categories/sub categoriessubcategories. Category The category helps the user to group images according to their choice which helps with better organization and easy to search them.
Image Modified	Rating	Enables providing a rating to the image. Rating The rating range is 1-5. A rating stars pop-up shows up to select the rating. Depending on the rating, the color of star background changes.
Image Modified	Flag	Flag helps to mark the image as important. If selected, it runs to red.
Image Modified	Bookmark	Visual The visual bookmark button is enabled if the image has a corresponding URL. This helps to find images that are bookmarked and corresponding websites can be opened using the 'Open in Browser' button on the top right.
Image Modified	Tags	Tags help to describe an image/capture. Mange Manage Tags: Click to open the Tag Editor window where the user can add, edit, delete tags and view file count. Tags can be added simply by typing the tag name followed by ';'. This will insert a new tag in the tag list and associates corresponding images to the tag.
Image Modified	Image Info	Image details such as size, dimension, etc... are displayed. User Users can edit the image name and add a description to an image.
Image Modified	History	Gives the record of the all the user actions on the image with versions. User Users can revert back the changes of a particular version if required by selecting the row.
Image Modified	Zoom	User Users can Zoom in/out of an image. To increase or decrease zoom value. `   Drop down to choose among the predefined zoom values providedvalues provided.     Displays image to 100% Zoom.      Displays image with best-fit zoom option.
Navigation	Navigating and opening images based on the capture order.
Image Modified	First	Opens the first image among all tabs.
Image Modified	Previous	Opens previous image of current tab.
Image Modified	Open in Tab/Place	Opens the images in separate tabs or in a single tab. To view each image in a separate tab, click “Open in Tab”. If an image is already opened in a tab, it is highlighted. To open all the images in a single tab, click “Open in place”.
Image Modified	Next	Opens the next image of the current tab.
Image Modified	Last	Opens the last image among all tabs.
Image Modified	Drag Me	Drags the current tab’s image to any application.
Message	Message	Shows the current image dimensions and any active message corresponding to the recent operation is displayed here.

...

ToolBar (4)

Tool bar The toolbar has icons to access tools for file operations and image annotation formatting and image manipulation. Draw Mode

Button Icon	Name	Description
Image Added	New Image (

Cntl

Ctrl+N)

Creates a new Image. Image width and height are derived from the main application window size or preset values in user preferences.

 

Image Added

Open-File (

Cntl

Ctrl+O)

Opens a file from the file directory

 

and import the file into the application.
Image Added	Reload File	Reloads an image

to its original loaded state after any change. 

. This is helpful to restore the original file, in case the modifications made are no longer wanted.
Image Added	Cut (Ctrl+X)	Cuts any selected annotation/text.

 

Image Added

Copy (Ctrl+C)

Copies selected annotation/text.

 

Image Added

Paste (Ctrl+V)

Pastes the clipboard data on image or canvas.

 

Image Added

Undo (Ctrl+Z)

Undo

Undoes the most recent action.

 

Image Added

Redo (Ctrl+Y)

Redo’s

Redoes the most recent action that is undone.

 

Image Added

Fill Color

Fills background

colour

color to the selected annotation.

 

Image Added

Outline Width

Provides outline width to the selected annotation.

 

Image Added

Outline Color

Provides outline

colour

color to the selected annotation.

 

Image Added

Font Size

Applies font size to the selected annotation.

 

Image Added

Font Color

Applies font color to the selected annotation.

 

Image Added

Highlighter Color

Applies a highlighter color to the selected annotation.

 

Image Added

Preset Colors

Applies preset colors available to the selected annotation. Preset colors change fill color, border color, and text color. A set of preset colors are predefined for easier selection and proper look and feel.

 

Image Added

Arrange

Arranges

multiple

annotations

or images

as per selection. Image Added Bring Front: Moves selected annotation to front. Image Added Bring Forward: Moves selected annotation on top of other annotations. Image Added Send Back: Moves selected

annotation

annotations back. Image Added Send Backward: Moves selected

annotation last of other      

annotations behind all other annotations. Image Added (Un)Group

All: Ungroups all

: (Un)Groups selected annotations on canvas. Image Added Group All: Groups all annotations on canvas.

 

Image Added	Align	Aligns multiple annotations

or images

in user-selected format.

 

Image Added Align Left: Aligns selected annotations to left. Image Added Align Top: Aligns selected annotations to the top. Image Added Align Right: Aligns selected annotations to right. Image Added Align Bottom: Aligns selected annotations to the bottom. Image Added Align Horizontal Center: Aligns selected annotations at

centre

the center, horizontally. Image Added Align Vertical Center: Aligns selected annotations at

centre

the center, vertically. Image Added Distribute Horizontally: Annotations will be distributed horizontally. Image Added Distribute Vertically: Annotations will be distributed vertically.

 

Image Added	Flatten

Annotations

Annotations (Alt+Ins)

Burns annotations on image or canvas.

(Alt+Ins) Selected Annotation:

Opens a dialog with the following options: Selected Annotation: Burns only selected annotations on canvas. All annotations on the image

:

Burns

Burns all annotations available on the image. All annotations on the canvas

: Burns all annotations available on canvas

and      

and re-sizes canvas according to it.

 

Image Added

Remove All Annotations (Alt+Delete)

Erases

Removes all annotations on canvas.

(Alt+Delete)

Image Added	Hide All Annotations	Hides annotations on image and canvas. This is useful if there are a large number of annotations and image manipulation is required.
Image Added	View Annotations	Enabling this button disables annotation editing.
Image Added	Crop Image

Crop

Crops a selected part of the image.

 

Image Added

Copy Image Area

Copies

Enables selecting an

image

area

selected by user.

MagnifierMagnifies any section or part of image for a much detailed view.

Save (Cntl+S)Saves the image. Delete(Del)Deletes image and selected annotations on image or canvas. 

Print(Cntl

of the image and operate on the selection. Selection can be copied into the clipboard, text can be extracted, and the area can be filled with a selected color.  After selecting the copy image area, right-click to see the available options as shown below: Image Added
Image Added	Magnifier	Magnifies any section or part of the image for a much detailed view.
Image Added	Image Area Selector	Enables to select an image area for applying image operations from the image toolbox. This is enabled only when the image toolbox is active.
Image Added	Save (Ctrl+S)	Saves the image.
Image Added	Delete (Del)	Deletes the selected annotations on image or canvas. If there are no annotations selected, it deletes the image.
Image Added	Print (Ctrl+P)	Prints the image. The print manager is opened for formatting print output.

 

Image Added

Thumbnail View

Thumbnail view representations for all opened

Shows the thumbnail view of all images in

Pixit

opened tabs. User can Select/ Deselect images to Share multiple files at a time. To close more tabs at one click, select required images and click Close Tabs.

(

Refer

:

to Thumbnail View for more details.

) 

Image Added

Smart Pencil

In Draw mode, enable Smart Pencil and use

Free hand

Freehand lines to draw any shape on image or canvas.The drawing will be converted to the nearest geometric shape and the shape information is available in the description on the bottom right side.
Image Added	Open in Browser	If a web capture is made, the URL of that capture is remembered

and by clicking

. Clicking this icon

it directs

takes to that web page.
Image Added	Slideshow

To display

Displays screenshots in slide mode

for quick presentation

.

Draw

...

Toolbox (5)

Toggle the button to switch between Draw (5) and Image mode (6) on the right-hand side of the Pixit editor. Draw mode has editing tools like Highlighter, Blur rectangle, Sticky note and annotations to add on canvas such as tools to annotate the image. These annotations include Text, Arrows, Lines, Counters  etc., that enables the user to edit captured images.

Figure 2: Draw Mode

...

Icon

...

Counters and various shapes.

Button Icon	Name	Description
Image Added	Cursor	Selects one or multiple objects, to move or resize the object.
Image Added

 

Text

Adds any text annotation on the image and canvas area. Image Added Text: Adds plain text without any box. This is useful for captions and titles.   Image Added

Enclosed text

Textbox: Adds text

along with

in a

rectangular

text box.

 

Text with arrow: Adds text inside text box with arrow.

Arrow

Draws arrow in the image/canvas

 

Arrow: Draws a broad arrow

Edge Arrow: Draws an arrow with edged point in one end

Line Arrow: Draws a single/double pointed line arrow.

Freehand Lines

Allows drawing freehand lines on an image.

Geometric Shapes

Allows drawing different geometric shapes on the image.

                      

Line: Draw lines.

   

Lines:  Draw joined straight lines with clicked points.

   

Lines with Interpolation:  Draw curves with clicked points.

Rectangle:  Draws a rectangle with cornered edges.

Rounded Rectangle: Draws a rectangle with round edges.

Ellipse: Draws an ellipse.

Polygon: Draws a filled polygon with the click points.

Polygon with Interpolation:  Draws a filled interpolated smooth edged polygon with the click points.

Freehand Polygon: Draws a filled freehand polygon with the click points.

Highlight

Highlights a region on image.

Blur Rectangle

Blurs a portion of image.

Sticky Note

Adds a sticky note on image and canvas.

 

Counter Rectangle

Adds continuous numbering on the image/canvas. Option to reset the numbering is also available.

Counter Circle:  Adds a non-editable circular counter.

Counter Rectangle:  Adds an editable rectangular counter that has options like cut, copy and paste on right click.

Embed Image

Embeds an image to canvas from file directory.

Image Border

 

Link: Helps to add an URL on image which when clicked directs to web browser in Interaction mode.

  

Time stamp: Adds Timestamp along with image metadata like categories, creation time, dimensions etc.  User can modify the default template in User -preferences.It is editable even if the default template is completely erased.

Rubber Stamp: Helps to add stamp on the image E.g. Approved by <User-name>. User can modify the default template in User -preferences. It is editable even if the default template is completely erased.

Clip art/Images

Has web URL’s to drag and drop Clip art/Images. They can be dropped on toolbar to open as a new image.

 

Icon

Adds selected vector icon on image and canvas.

Icon browser

Huge collection of vector icons. Icons can be copied or dragged and dropped to the image/canvas.

Table 2: Draw Mode Options

2.1 Annotation Properties:

Right click on annotation; a property window will be opened. Style, Text, Effects, Size, Presets options are available under “Properties” window. (Refer: Table 3)

Table 3: Properties

1. Image Mode

Image mode has options to Resize, Rotate, Flip, adjust Brightness & contrast and apply Effects etc. on image.

    Figure 3: Image Mode                                                       

...

Icon

...

Icon Name

...

Description

Resize Image

...

Re-sizes the image with the provided dimension.

...

Resize Canvas

...

Re-sizes canvas position, width, height, colour etc. with values modified by User.

...

...

Rotate

...

Rotates the image clockwise in 90° incrementally.

...

...

Flip Vertical

...

Flips the selected image and any annotations that are burnt on image or canvas vertically.

...

...

Flip Horizontal

...

Flips the selected image and any annotations that are burnt on image or canvas horizontally.

...

...

Image Auto Level

...

Corrects Image features such as brightness, contrast etc. to auto level.

...

Image Auto Color Correction

...

Corrects colour proportion of image.

...

...

Brightness & Contrast

...

Adjusts brightness and contrast of image.

...

...

Image Formats

...

Different image formats like greyscale-8bpp and editing image samples is possible.

...

...

Colour Effects

...

Series of color effects like Invert color, Black & White etc.. are available.

...

...

Filters

...

Options like eroding, blurring, sharpening etc. of image are available.

...

Image Effects

...

Applies the selected image effect on a loaded image. (Example: Grayscale, Halftone…)

4. Status Bar:

Status bar is located at the bottom of the Pixit window which has options to group an image to a category-sub category, rate an image, bookmark, add tags, provide image information, zoom etc., that helps in managing the images.

Figure 4: Status Bar

...

Icon

...

Icon Name

...

Description

...

Category

Helps to categorise images for easy search. User can add, edit, and remove categories in Category manager.

...

Click to open category Editor window, where user can manage categories/sub categories.

...

Rating

...

Allows providing rating to image.

...

Flag

...

Adds a flag to image for quick identification.

...

Web Visual Bookmark

...

Differentiates web captures from the others..

...

Tags

Tags help to describe an image/capture.

...

Image Info

...

Image details such as size, dimension etc... are displayed. User can edit image name and add description to image.

...

Zoom

User can Zoom in/ out an image.

...

To increase or decrease zoom value.

...

`  

...

Drop down to choose among the predefined values provided.

...

...

Display image to 100% Zoom.

...

...

Gives a best view of image.

...

First

...

Opens first image among all tabs.

...

Previous

...

Opens previous image of current tab.

...

Open in Tab/Place

Opens the images in separate tabs or in a single tab. To view each image in a separate tab click “Open in Tab”. If an image is already opened in tab, it is highlighted.To open all the images in single tab click “Open in place”.

...

Next

...

Opens next image of current tab.

...

Last

...

Opens the last image among all tabs.

...

Drag Me

...

Drags the current tab’s image to any application.

...

Slideshow

...

Full screen view of opened tabs.

...

History

...

Gives the record of the all the user actions on the image with versions. User can revert back the changes of a particular version if required.

...

Dimensions

Gives image dimension and size details.

Table 5: Status bar Options

5. Tool Bar:

Tool bar has icons to access tools for file operations and image formatting.

...

Icon

...

Icon Name

...

Description

...

New Image(Cntl+N)

...

Creates a new Image.

...

Open File(Cntl+O)

...

Opens a file from file directory

...

Reload File

...

Reloads image to its original loaded state after any change.

...

Cut(Ctrl+X)

...

Cuts any selected annotation/text.

...

Copy(Ctrl+C)

...

Copies selected annotation/text.

...

Paste(Ctrl+V)

...

Pastes the clipboard data on image or canvas.

...

Undo(Ctrl+Z)

...

Undo the most recent action.

...

Redo(Ctrl+Y)

...

Redo’s the most recent action that is undone.

...

Fill Color

...

Fills background colour to the selected annotation.

...

Outline Width

...

Provides outline width to the selected annotation.

...

Outline Color

...

Provides outline colour to the selected annotation.

...

Font Size

...

Applies font size to the selected annotation.

...

Font Color

...

Applies font color to the selected annotation.

...

Highlighter Color

...

Applies highlighter color to the selected annotation.

...

Preset Colors

...

Applies preset colors available to the selected annotation.

...

Arrange

Arranges multiple annotations or images as per selection.

Bring Front Moves selected annotation to front.

...

Bring Forward: Moves selected annotation on top of other annotations.

Send Back: Moves selected annotation back.

...

Send Backward: Moves selected annotation last of other       annotations.

...

Un Group All: Ungroups all annotations on canvas.

...

Group All: Groups all annotations on canvas.

...

Align

Aligns multiple annotations or images in user selected format.

...

Align Left: Aligns selected annotations to left.

...

Align Top: Aligns selected annotations to top.

...

Align Right: Aligns selected annotations to right.

...

Align Bottom: Aligns selected annotations to bottom.

...

Align Horizontal Center: Aligns selected annotations at centre horizontally.

...

Align Vertical Center: Aligns selected annotations at centre vertically.

...

Distribute Horizontally: Annotations will be distributed horizontally.

...

Distribute Vertically: Annotations will be distributed vertically.

...

Flatten Annotations

(Alt+Ins)

Burns annotations on image or canvas.

...

Selected Annotation

: Burns only selected annotations on canvas.

...

All annotations on the image

: Burns all annotations available on image.

...

All annotations on the canvas

: Burns all annotations available on canvas and       re-sizes canvas according to it.

...

Remove All Annotations

(Alt+Delete)

...

Erases all annotations on canvas.

...

Hide All Annotations

...

Hides annotations on image and canvas.

...

Crop Image

...

Crop a part of image.

...

Copy Image Area

...

Copies an image area selected by user.

...

Magnifier

...

Magnifies any section or part of image for a much detailed view.

...

Save (Cntl+S)

...

Saves the image.

...

Delete(Del)

...

Deletes image and selected annotations on image or canvas.

...

Print(Cntl+P)

...

Prints the image.

...

Thumbnail View

...

Thumbnail view representations for all opened images in Pixit. User can Select/ Deselect images to Share multiple files at a time. To close more tabs at one click, select required images and click Close Tabs. (Refer: Thumbnail View for more details.)

...

Smart Pencil

In Draw mode, enable Smart Pencil and use Free hand lines to draw any shape on image or canvas.

...

Open in Browser

...

If a web capture is made, URL of that capture is remembered and by clicking this icon it directs to that web page.

...

Slideshow

...

To display screenshots in slide mode for quick presentation.

Table 6: Tool bar Options

6. Menu bar:

Menu bar has the operational menus of Pixit with various features.

...

Icon

...

Description

...

File

File tab has commands to Open, Capture, Save, Delete, Print, and Close images.

...

New Image

Creates a new image.

...

New Capture

Provides multiple options available to capture.

Region:  Captures a selected region of current working window. Press Escape to de-select.

Last Region: Recently Captured Region will be opened as a new image.

Region Text: Extract & capture text from any image or screenshot which can be readily edited and copied.

Full Screen: Captures full screen

Connect laptop to a monitor and setup two displays. Laptop display is display one and monitor is display two.

i) Displays: It provides information of screen’s dimensions.

ii) Primary with Taskbar: Captures the complete screen of primary display along with taskbar.

iii) Primary without Taskbar: Captures the complete screen of primary display without taskbar.

iii) All Displays with Taskbar: Captures full screen of connected displays with taskbar.

iv)All Displays without Taskbar: Captures full screen of connected displays without taskbar

Active Window: Captures full screen of selected active window that is listed.

Timed: Captures a selected region of window after a time delay. E.g. 10 seconds this can be adjusted in User preferences.

Continuous Region: Continuously captures a selected region at specified intervals selected by user continuously and the captures will be displayed in the editor.

Window: Captures different portions of the most recent window as per user selection.

Web: Captures the webpage of the Web URL provided by the user. Browser size and delay can be modified as per user requirement.

Scrolling Window: Captures a scrolling web page/document/window completely from first click to end of page.

To stop the scrolling in between clicks, use Windows or Alt button.

Camera: Web camera of the system is used to capture the image. User can adjust camera settings and capture images.

...

New from Clipboard

Opens the clipboard image in new tab.

...

Open File

Opens a selected image from file directory.

...

Close(Cntl+W)

Closes the tab opened in Pixit.

...

Save(Cntl+S)

 Saves file.

...

Save as(Cntl+Alt+S)

File will be saved with user specified name and format in selected        directory.

...

Delete(Cntl+Alt+D)

Delete’s selected image.

...

Print(Cntl+P)

Print’s the images with a variety of settings.

...

Close Pixit(Alt+F4)

Closes Pixit window, but application runs in task manager and appears in tray. User can perform all capture options. (Refer: Pixit Tray options for more details).

...

Exit Pixit(Alt+F5)

Shutdowns Pixit application.

...

Edit

Edit tab has commands to Undo, Redo, Cut, Copy, Paste etc...

...

Undo(Ctrl+Z)

                                                       Undo the most recent action.

...

Redo(Ctrl+Y)

Redo the most recent action that is undone.

...

Cut(Ctrl+X)

Cuts any selected annotation/text.

...

Copy(Ctrl+C)

Copies selected annotation/text.

...

Paste(Ctrl+V)

Pastes the clipboard data on image or canvas.

...

Clear Clipboard

...

Clears the content of clipboard.

...

Duplicate Annotations(Ctrl+D)

Selected annotation will be duplicated.

...

Delete Annotation(Del)

Deletes selected annotation on image or canvas, if no annotation is selected deletes image.

...

Select All(Ctrl+A)

Selects all the annotations on image and canvas.

...

Flatten

...

Burns annotations in 3 ways

1.       Selected annotations: Burns only selected annotations.

2.       All annotations on the image: Burns annotations on image after which they become a part of the image.

3.       All annotations on the canvas: Burns annotations on image or canvas and image will be resized to fit all annotations in one boundary.

...

Window

Window tab has commands to open Grid view, Home, Browse, etc. Options.

...

Grid View

...

Thumbnail view representations for all opened images in Pixit. User can Select/ Deselect images to Share multiple files at a time. To close more tabs at one click, select required images and click Close Tabs.

(Refer: Thumbnail View  for more details.)

...

Home

A dashboard with complete count of PixIt files appear.

(Example: Imported files, Captured images etc.)

Below is an image how the dashboard appears

...

Browse

...

Helps to fetch PixIt files either by Created date or Categories.

...

Search

...

User can search for files in PixIt by Created date, Category, Rating and applications captured.

...

Explorer

...

Opens file directory to browse images.

...

Save

...

Different file saving options like Zip, Creating folders, sub folders and destination folder are available.

Files can be saved in different formats like Bmp, Gif, Jpeg, Png, and Tiff.

...

Share

...

Shares the selected images to multiple cloud upload, office exports, applications like Jira, social media, etc.

...

Contacts

...

Create / Edit Contacts.

...

Help

Help tab has commands like preference, register Pixit etc.

Table 7: Menu Bar options

1. Tab Bar:

...

The text is aligned inside the box.  Image Added Rich Textbox: Adds RTF annotation. By double-clicking the annotation, it opens the RTF editor for adding the content. Image Added Message Callout: Message is displayed in a box with a pointer to the message source. Image Added Arrow Callout: The message is displayed in a box with an arrow pointer to the message source. Image Added Multi-line Callout: The message is displayed in a box with a multi-line arrow pointer to the message source. Image Added Round Left Callout: The message is displayed in an ellipse with a left side pointer to the message source. Image Added Round Center Callout: The message is displayed in an ellipse with a center pointer to the message source. Image Added Round Right Callout: The message is displayed in an ellipse with a right side pointer to the message source. Image Added Text Ellipse: Adds text in an ellipse. The text is aligned inside the ellipse. Image Added Cloud Callout: Adds text in a cloud shape. The text is aligned inside the shape. Image Added Bam Callout: Adds text in an explosion shape. The text is aligned inside the shape. Image Added Star Callout: Adds text in a star shape. The text is aligned inside the shape.
Image Added	Arrow	Draws an arrow on the image/canvas Image Added Line Arrow: Draws a single/double pointed line arrow. Image Added Edge Arrow: Draws an arrow with a pointed edge on one end.  Image Added Arrow: Draws a broad arrow
Image Added	Freehand Lines	Allows drawing freehand lines on an image. If the smart pencil option is enabled, the application tries to convert drawn shapes into geometric shapes.
Image Added	Geometric Shapes	Allows drawing different geometric shapes on the image. Image Added Line: Draws a single line. Press the 'Shift' button to align line either horizontally or vertically while drawing. This helps to draw perfect horizontal and vertical lines    Image Added Lines:  Draws multiple connected straight lines using the selected points.     Image Added Lines with Interpolation:  Draws an interpolated curve through a set of points.  Image Added Rectangle:  Draws a rectangle with cornered edges. Press the 'Shift' button to draw a square while drawing. Image Added Rounded Rectangle: Draws a rectangle with round edges. Press the 'Shift' button to draw a square while drawing. Image Added Ellipse: Draws an ellipse. Press 'Shift' button to draw a circle while drawing. Image Added Polygon: Draws a filled polygon connecting the selected points. Image Added Polygon with Interpolation:  Draws a filled interpolated smooth-edged polygon through the selected points. Image Added Freehand Polygon: Draws a filled freehand polygon. If the smart pencil is enabled, the application tries to fit a geometric shape if possible.
Image Added	Highlight	Highlights a region on the image. Highlight colors can be selected from the top toolbar or from the properties.
Image Added	Blur Rectangle	Blurs a portion of the image. This is annotation and can be moved and resized as required.
Image Added	Eraser	Erases a part of the image with white color. The width of the eraser can be selected from the outline width in the top toolbar.
Image Added	Sticky Note	Adds a sticky note annotation. This annotation is usually used to add a note to the image.
Image Added	Counter Rectangle	Adds continuous numbering on the image/canvas. Option to reset the numbering is also available. Counter Circle:  Adds a non-editable circular counter. Counter Rectangle:  Adds an editable rectangular counter that has options like cut, copy and paste on right-click.
Image Added	Embed Image	Embeds an image in an annotation from a selected image file. Annotation can be resized as required.
Image Added	Timestamp	Timestamp, Rubber stamp and Link annotations are grouped together.   Image Added Timestamp: Adds Timestamp along with image metadata like categories, creation time, dimensions, etc.  Users can modify the default template in user preferences. It is an editable textbox and is often used for adding image info to the image before sharing. Image Added Rubber Stamp: Helps to add stamp on the image E.g. Approved by <User-name>. Users can modify the default template in user preferences. The stamp is editable.  Image Added Link: Helps to add a URL on the image which when clicked directs to a web browser in view only interaction mode.
Image Added	Clipart/Images	Displays a list of defined web URLs. Click on the links to open images in a browser. Drag and drop Clip art/Images from browser to the canvas. These images will be converted into embedded image annotations. They can also be dropped on the toolbar to import and open as a new image in a tab.
Image Added	Vector Icons	Adds a selected vector icon on image and canvas. Recently selected icons along with a set of predefined icons are presented in a popup for selection. These are font icons. In order to change the color of an icon, the font color needs to be changed. It acts as a foreground color for icons.
Image Added	Vector Icon browser	A large collection of vector icons are displayed in the Icon browser. Icons can be copied or dragged and dropped to the image/canvas.

Image Toolbox (6)

Image toolbox provides options for image manipulation including Resize, Rotate, Flip, adjust Brightness & Contrast and apply Effects, etc. on the image. This toolbox can be selected by clicking on the toggle button below the right-hand toolbox.                                                  

Button Icon	Name	Description
Image Added	Resize Image	Re-sizes the image with the provided dimensions.
Image Added	Resize Canvas	Re-sizes the canvas position, width, height, color, etc. with values provided.
Image Added	Rotate	Rotates the image clockwise at 90° increments.
Image Added	Flip Vertical	Flips the selected image and any annotations that are burnt on image or canvas vertically. Unflattened annotations are not rotated.
Image Added	Flip Horizontal	Flips the selected image and any annotations that are burnt on image or canvas horizontally. Unflattened annotations are not rotated.
Image Added	Image Border	Enables the setting of the image border. A dialog is presented to select border settings. They can be saved as default for reuse.
Image Added	Image Auto Level	Auto levels (Automatically sets) the brightness and contrast of the image.
Image Added	Image Auto Color Correction	Autocorrects the image colors
Image Added	Brightness & Contrast	It helps to adjust the brightness and contrast of the image.
Image Added	Image Formats	Supports converting into different image formats such as Grey Scale 8 bits/pixel.
Image Added	Color Effects	Supports a series of color effects like Invert color, Black & White, etc.
Image Added	Filters	Applies the selected filters such as eroding, blurring, and sharpening
Image Added	Image Effects	Applies the selected image effect on a loaded image.

Annotation Properties

Rightclick on annotation; a property window will be opened. Style, Text, Effects, Size, Presets options are available under “Properties” window. 

Tab Bar (7)

Application unlike any other screen capturing tools supports multi-tabbed interface. Multi-tabbed interface allows us to open and operate on multiple images at the same time similar to Internet browser tabs.

Users can have the same experience as a browser without requiring them to open one image at a time to review the content. User Users can drag and drop, arrange, rename, duplicate, copy the tabs. User can adjust the The maximum tab limit can be adjusted in user preferences. Any opened document not visible in the tab-row can be viewed in tab drop down.

                           Figure 5: Tab bar Options

...

viewed in tab dropdown.

Please see the tab bar options in the following screenshots:

Canvas

The workspace to do all operations on the image is Canvas. Pixit The application supports two types of canvas, one is Image Canvas and the other is Virtual Canvas. Image Canvas is a region to view and edit images imported or captured with Pixit. Region in the application. The region around the image canvas after importing/embedding the image is the Virtual canvas.

Pixit The application supports adding annotations in both canvas. Unlike other products adding annotations in Virtual Canvas is seamlessly done. Virtual canvases. Virtual canvas helps the user not to worry about expanding the image canvas to add annotations. Tool The tool will take care of auto canvas expansion when copied into external applications.

Figure 6: Image and Virtual Canvas

In above Figure 6, region within orange     Image Added                

In the above Figure, the region within the blue border that has the image is Image Canvas and region outside orange border till blue the region outside the blue border, but inside the orange border is Virtual Canvas.

Thumbnail

...

View

• To open Thumbnail view choose   icon choose Image Added icon from the Toolbar or navigate to “Window” -> “Grid view”.
• This gives the thumbnail view of all the images opened in Pixit the editor. It helps the user to select or deselect required images that can be exported to any of “Share”

...

• the "Share" options.

Image Added

Thumbnail View

...

Tray Options

...

When Pixit the application is closed, the application will be in minimised statea minimized state running in the background. All capture operations available in the tray (Refer: Figure 5) can be performed with Shortcuts or menu options. Shortcuts can be modified in User user preferences. Pixit Editor The editor can be opened by double-clicking the icon when it is closed.

 Image Added

 

 

 

1. Category:

...

Image Properties

Pixtel users typically manage thousands of screenshots/images. In order to find a specific set of image(s), any of the image properties, (sub)category, tags, create/modified dates, rating and flag can be used.

Categories help to identify the appropriate images. Rate Rating and flag are used to further differentiate each imageimages. Tags are helpful to quickly point an imageassociate keywords with the images. Details of the image such as name, file type, size, etc. are available under in the Image info panel. Image properties can be changed in the bottom status bar.

...

Category:

     User Users can add category to images to reduce time of search. User can save images with category as main folder and subcategory as sub folder in file directory.

...

and sub-category to images for better organization. These properties are used in searching for relevant images and also for sharing. By default, the category and sub-category

...

                Figure 9: Default Category-sub category

• Click  to add, describe, edit and delete a category – subcategory (Refer: Figure 7).

Figure 10: Category Editor

...

are set to pre-defined default values (Default-Default). Any new capture taken will be initialized with default values. These can be easily changed. Each category can have any number of sub-categories. For example, Marketing category can have Events and Presentations as subcategories.

               Image Added

Click Image Added button to open Category Manager for adding, updating and removing categories and associated subcategories. Please see the category manager in the following figure.

Image Added        

Select sub-category tab, choose a parent Category from the drop

...

Figure 11: Subcategory editor window-down for managing sub-categories. Please see the following figure.

Image Added

Rating:

Rating help user to classify images.helps the user to give relative weight to an image. Rating is in the range 1-5. 

Image Added

Hover on the stars and select the stars to rate an image. After the image is rated

...

, the main star background color intensity changes appropriately.

Flag:

Click Flag icon

...

, Image Added, to flag the image.Web

Visual Bookmark:

For captures made from the web

...

, visual bookmark

...

Tags:

• Click a tab opens to enter a tag and select from listed tags to image.

Figure 12: Tag

• In Manage Tags add, edit, view file count and delete tags.

   Figure 13: Tag Editor

Image Info: Image details are available under Image info. Pixit saves the image details as meta-data which will ,Image Added, enables to bookmark the image for retrieval. 

Tags:

Click on, Image Added, to enter tags or select from the listed tags for the active image. Each tag must be followed by ';' to add the tag. All new tags are stored in the repository and can be reused. These tags make it easier to search for images.

Image Added

Click on Manage Tags button to open the tag manager interface for managing tags for all images.

Image Added

Image Info:

Image details are available by clicking Image info, Image Addedbutton. The image details are saved as image properties, which can later be used to organize and search images.

Image Added

• Click to view image details.

...

12. Context Menu Options:

Any image captured or imported to Pixit has following options on right click (Refer: Figure 14).

...

Bring Forward

...

Brings embedded images, annotations on an image forward.

...

Send Backward

...

Sends embedded images, annotations on an image backward.

...

Open In

...

Open the image in MS Paint, MS Picture Manager, System viewers.

...

Set as Background

...

Sets the image that is opened in Pixit as desktop background.

...

Copy image to clipboard

...

Copy and paste the image in another location, works with shortcut (Ctrl+C).

...

Both image name and description can be edited directly using the edit button in this pop-up. The description is used in exporting images to word format. 'Application' property is used to identify the main application that contains this capture and 'Window Title' corresponds to the title of the window or title of the web page. For images captured from the web, application stores the URL of capture, which when clicked will open the web-page in the browser.

• Annotations: For all the annotations added on the image, the corresponding details such as 'Annotation Type', 'Creation Time', 'Created By', and 'Location' are maintained. They will be helpful to design wireframe drawings in future product updates.

Image Added

• Histogram

  Color histograms for Luminosity, Red, Green, and Blue can be obtained by clicking on the Histogram button in the Image Info panel.

Image Added

Context Menu Options

Any image captured or imported has the following options available on the right-click:

Image Added

Icon	Menu Item Name	Description
Image Added	Bring Front	Brings the selected embedded images, annotations on an image to the front
Image Added	Send Back	Sends the selected embedded images, annotations on an image to the back
Image Added	Open In	Opens the image in MS Paint, MS Picture Manager, Media Player, and System viewers.
Image Added	Set as Background	Sets the current tab image as a desktop background.
	Auto Canvas Resize	Image canvas gets expanded to include all the annotations that are outside the image area. This will help to include all annotations when the image is exported to external applications.
Image Added	Copy Image	Copies the image to Clipboard (Ctrl+C).
Image Added	Copy Scaled Image	Copies the scales image into clipboard based on zoom settings. For example, if the zoom is set to 50%, the image is scaled down to 50% in size and copied into the clipboard. This helps to copy images of different sizes very easily without requiring explicit resizing when dealing with large images.
Image Added	Copy Image with Border	Copies the current image with the border to the clipboard. Border color is based on the default border color set for embedded image annotations.
Image Added	Copy Canvas	Copies image along with annotations (e.g. Text, Icons) on the canvas to

another location

Clipboard.
Image Added	Extract Text from Image	Extracts text from image which can be copied in any location by clicking Copy Text.

   

Image Added            Figure 16: Extract Text from Image
Image Added	Flatten Annotations

Burns

Flattens annotations on image or canvas. Selected Annotation:

Burns

Flattens only selected annotations on canvas. All annotations on the image:

Burns

Flattens all annotations available on image and the burnt annotations now become part of the image. All annotations on the canvas:

Burns

Flattens all annotations available on canvas and re-

sizes

size canvas to fit all annotations in it.