Initial Steps and Admin Page

If user starts to work with Tracking Management Tool from the scratch he will see the screen with few options:

First of all user needs to upload an image of the object he wants to track. It can be any image which is in .jpeg, .bmp, .png format, but the same image can't be loaded multiple times.

Uploaded image than became a working area.

Example of six screenshots loaded from booking.com for testing

Used can view title which automatically generates using Tracking Object + {image name} and Tags related to the image.

Then, in order to proceed to events creation part, user needs to add an app. This must be done in admin section, you can find it by link in top left corner of the main page:

Link to "Admin" page

The page has two main functions - create an app and upload schemas to S3, also user can search an app if there are quite a lot of them.

Admin page

In order to add an app user needs to type its name or something associated with tested application and press enter. That's it. Event name will be saved in data base and it will be visible during event creation process in "App ID" drop down list. As you can see from the image above we added the app name = 'booking_com' for testing booking.com website.

To conclude "Admin" page lets review another functionality here. "Upload schemas to S3" button allows user to upload JSON schemas, paths and SQL scripts to S3 bucket (secure cloud storage). It will generate a message about load success or fail and what was loaded. Simultaneously, log records in data base will be generated as well. This step can be done if there is at last one event created by user.

Example of the message generated by "Upload schemas to S3" click

Thumbnail of uploaded image needs to be opened after successful upload in order to continue to work with it. User will see the image they have uploaded and the user can click on any part of the image and this action will generate a small circle (mark) over the area where user clicked on the image. On the right side a pop up menu near the mark should appear it will contain the option to add events to that mark.

This menu should pop up after click on image

From the image above we can see that 4 fields are available initially:

• Event name

• Event type drop-down where user can select one of four available types

• App ID drop-down

• Event Tags where user can create or chose a tag associated with the mark