Skip to content

VNCproject Web Client User Manual

Getting started

Edit the account information

  1. Click the avatar icon and click the avatar icon again:

  2. Edit the account information and click Save.

Sign out

To sign out, click the avatar icon and click SIGN OUT:

Delete the account

  1. Click the avatar icon and click the avatar icon again:

  2. Click Delete my account:

Change the profile photo

  1. Click the avatar icon and click the avatar icon again:

  2. Click CHANGE AVATAR:

  3. Click Browse and select required photo/image.

  4. Click Save. You should see the following notification:

    Avatar uploaded successfully

Delete the profile photo

  1. Click the avatar icon and click the avatar icon again:

  2. Click CHANGE AVATAR:

  3. Click Delete. Then confirm that you want to delete it, click OK in the modal window.

Change the account password

  1. Click the avatar icon and click the avatar icon again:

  2. Click CHANGE PASSWORD:

  3. Fill in the fields and click APPLY.

Reset Atom access key

  1. Click the avatar icon and click the avatar icon again:

  2. Click Reset:

Reset API access key

  1. Click the avatar icon and click the avatar icon again:

  2. Click Reset:

My page

Add a tab to the dashboard

  1. Navigate to My page -> Dashboard:

  2. Click +Tab:

    An additional tab should appear.

  3. Click the kebab menu on it and click Rename:

  4. Enter the dashboard name and click the check mark:

Delete a tab from the dashboard

  1. Navigate to My page -> Dashboard:

  2. Click required tab, click the kebab menu, and click Delete:

Rename a tab in the dashboard

  1. Navigate to My page -> Dashboard:

  2. Click required tab, click the kebab menu, and click Rename:

  3. Enter the dashboard name and click the check mark:

Duplicate a tab in the dashboard

  1. Navigate to My page -> Dashboard:

  2. Click required tab, click the kebab menu, and click Duplicate:

Create an agile card

  1. Navigate to My page -> Agile board:

  2. Click the plus icon at the bottom and click New agile card:

  3. Customize the ticket form and click Create:

Create a meta roadmap

  1. Navigate to My page -> Agile board:

  2. Click the plus icon at the bottom and click New meta roadmap:

  3. Fill in the fields. Name field is required. Then customize the checkboxes and click CREATE. To access the created meta roadmap, you should click Meta roadmaps:

Create a ticket

  1. Navigate to My page -> Agile board:

  2. Click the plus icon at the bottom and click Ticket:

  3. Customize the fields. The fields with the asterisk are required.

  4. Click:

    • CREATE - if you want to create the ticket;
    • CREATE AND ADD ANOTHER - if you want to create the ticket and add another ticket.

    To check the created ticket, you should navigate to Projects -> Issues:

Reassign a ticket to another user

  1. Navigate to Projects -> Issues:

  2. Apply filters to search for required ticket.

  3. Click the ticket and click EDIT:

  4. Select a person from Assignee drop-down menu and click UPDATE.

Attach a picture/photo/file to a ticket

  1. Navigate to Projects -> Issues:

  2. Apply filters to search for required ticket.

  3. Click the ticket and click EDIT:

  4. Scroll down and click BROWSE.

Change a ticket status

  1. Navigate to Projects -> Issues:

  2. Apply filters to search for required ticket.

  3. Click the ticket and click EDIT:

  4. Select a status from Status drop-down menu and click UPDATE.

Manage your capacity

  1. Navigate to My page -> Agile board:

  2. Click the plus icon at the bottom and click Manage my capacity:

  3. Customize the capacity and click UPDATE.

Move a card on Agile board

It is very easy to move cards on Agile board. Navigate to My page -> Agile board:

And drag and drop a card.

Collapse a card on Agile board

  1. Navigate to My page -> Agile board:

  2. Click the kebab menu on the card and click Collapse card:

Edit a card in overlay on Agile board

  1. Navigate to My page -> Agile board:

  2. Click the kebab menu on the card and click Edit in overlay:

  3. Edit the card and click UPDATE.

  1. Navigate to My page -> Agile board:

  2. Click the kebab menu on the card and click Copy link:

    You should see the following notification:

    Link copied to clipboard

Access a card timeline on Agile board

  1. Navigate to My page -> Agile board:

  2. Click the kebab menu on the card and click Show history:

Add time to a card on Agile board

  1. Navigate to My page -> Agile board:

  2. Click the kebab menu on the card and click Log time:

  3. Customize the fields and click SUBMIT.

Open a card in a new tab

  1. Navigate to My page -> Agile board:

  2. Click the kebab menu on the card and click Open in new tab:

Check your achievements

To check your achievements and productivity, navigate to My page -> Achievements:

Access release notes

To access release notes, navigate to My page -> Release notes:

Access the calendar

To access the calendar, navigate to My page -> Calendar:

Robot planning

You can choose the favorite robot assistant (Vincent or Vincenta) in your account setting. The profile of the robot will be shown in all dialogs based on the option. By default, robot assistant Vincenta will be selected. Vincent/Vincenta-robot helps to keep your Agile Board under control and efficient. The robot appears in 5 cases:

  • at your first login;
  • you do not complete the capacity plan;
  • other users add/update the capacity or a new ticket is assigned to you;
  • you do not log time after some time. If you skip the robot planning 3 times, your work will be blocked;
  • while team planning enhancements.

Vincent-robot looks as follows:

Vincenta-robot looks as follows:

The work with Vincent/Vincenta-robot includes 2 stages: planning the capacity and fixing issues in tickets.

Choose the robot assistant

  1. Click the avatar icon in the upper right corner and click your name:

  2. Select Vincent or Vincenta from Robot logo drop-down menu.

  3. Click Save.

Plan your capacity

You can close the Robot Planning any time by X button.

  1. Click My page and ensure that Agile board is selected:

  2. Select required option:

    • Don’t show this screen again - if you do not want this screen to be displayed;
    • No, thanks - if you do not want to continue the planning with Vincent/Vincenta-robot. If you select this option, the robot will skip this step and move to next step "Fix problems";
    • Let's start - if you want to continue the planning with Vincent/Vincenta-robot;
    • Remind me later - if you want to this screen in some time, select required time from the drop-down menu.

  3. After you select Let's start, you are suggested to plan your capacity for each day in next 5 days. For this click Yes, thanks:

  4. Select your working hours from From and To drop-down menus. You can configure the capacity and availability with the 24h "time range" per day. The start time and end time of the working days can be selected from 12:00 am to 11:30 pm with 30 mins cycles. This timing is aligned with your time zone.

  5. Enter the number in Daily capacity field. You should see the pie chart, showing the availability during the day (grey) and capacity (green). You can change the capacity or availability and it gets reflected on the pie chart.

  6. To configure your capacity for the next day, click Next. Again select your working hours from From and To drop-down menus and enter the number in Daily capacity field.

  7. Click:

    • Previous - to go back to a previous day and configure the capacity for it;
    • Next - to continue and to configure your capacity for the next day.
  8. Configure your capacity for the remaining days and click Next. After you plan your capacity, it will be updated on the pie chart next to the respective date on the top bar with days. if you hold the pointer over the pie chart, you can see the daily capacity and availability in the info box:

    Also you can check all 5 days capacity-plan again at one glance and configure capacities for any particular date via Manage my capacity:

Fix problems

At this stage, the robot reviews the tickets and informs you:

  • which tickets are since x days overdue;

  • which tickets have no due date;

  • which tickets have no estimation (ETA/OTA);

  • which tickets are in status for more than 3 days;

  • which tickets are done with 100% but not closed since x days;

  • which tickets have x hours overbooked;

  • which tickets are assigned to the day where capacity = 0.

  • Click:

    • Skip - if you do not want to review the tickets;
    • Good, let's continue - if you want to review the tickets.

    The robot will fade all other cards except the one that needs attention. The issues will be listed in the floating box, and highlighted (with the red border) in the card, for example:

  • To edit a ticket you can click:

    • Edit in overlay - if you want to open/edit a full card in a lightbox:

    • the hyperlink on the ticket number - if you want to open a ticket in a new tab:

    After you fix all issues within a card, you should see green checkboxes in the list:

  • To go for checking the next ticket - click Show Next. If you do not want to fix issues in other tickets - click Skip all. Otherwise, the robot will run this process in a loop until you have updated all the tickets and fixed all issues that exist in Agile Board. In case you have only 1 issue and you fix it, then no robot popup of the robot will be triggered any more. If you have more than 1 issue and you don't fix all of them, the robot will display the popup again. Once issues are fixed, you can move to other pages or refresh a browser. Then the robot will not be triggered again any more.

  • As soon as you fix all issues in tickets, click Done:

Meta roadmaps

Create a meta roadmap

  1. Click Meta roadmaps:

  2. Click NEW META ROADMAP. Fill in the fields. Name field is required.

  3. Customize the checkboxes and click CREATE. You should see the created meta roadmap in the list, for example:

Delete a meta roadmap

After you delete a Meta roadmap, you will not be able to restore it.

  1. Click Meta roadmaps:

  2. Apply filters to search for required meta roadmap.

  3. Click the kebab menu next to the meta roadmap and click Delete:

  4. Confirm that you want to delete the meta roadmap, click YES in the modal window.

Edit a meta roadmap

  1. Click Meta roadmaps:

  2. Apply filters to search for required meta roadmap.

  3. Click the kebab menu next to the meta roadmap and click Edit meta roadmap:

  4. Edit the data and click UPDATE.

Create a meta roadmap copy

  1. Click Meta roadmaps:

  2. Apply filters to search for required meta roadmap.

  3. Click the kebab menu next to the meta roadmap and click Copy meta roadmap:

  4. Edit the date if required and click CREATE. You should see the meta roadmap copy in the list, for example:

Close a meta roadmap

  1. Click Meta roadmaps:

  2. Apply filters to search for required meta roadmap.

  3. Click the kebab menu next to the meta roadmap and click Close:

  4. Confirm that you want to close the meta roadmap, click YES in the modal window. To find it, use the following filter and click APPLY:

Archive a meta roadmap

  1. Click Meta roadmaps:

  2. Apply filters to search for required meta roadmap.

  3. Click the kebab menu next to the meta roadmap and click Archive:

  4. Confirm that you want to archive the meta roadmap, click YES in the modal window. To find it, use the following filter and click APPLY:

Projects

Access the projects

To access all existing projects, navigate to Meta roadmaps/Projects -> Projects:

Access the issues

To access all existing issues, navigate to Meta roadmaps/Projects -> Issues:

Check overall spent time

To check overall spent time, navigate to Meta roadmaps/Projects -> Spent time: