Fluent Store Dashboard

Topic

Author:

Fluent Commerce

Changed on:

9 May 2024

Overview

Fluent Store's configurable dashboard displays key information about orders and fulfilment and their statuses. It helps in-store staff monitor orders waiting for pick-up and plan the pick-and-pack process, and also provides visibility to retail managers, allowing analysis of performance at a store level. Tiles display fulfilment quantities and their statuses. For example, a tile may display the total count of fulfilments in 'Awaiting Pick' status (Orders Awaiting Pick) for one day (or more) at a specific location. Tiles are clickable, navigating to a separate page showing data for that tile.

Author:

Fluent Commerce

Changed on:

9 May 2024

Overview

The configurable dashboard of Fluent Store provides a comprehensive view of essential information about orders and fulfilment and their statuses at any instance. Using this capability, the in-store staff can monitor orders waiting to be picked and plan the pick-and-pack process and pending tasks.

Key points

A guide to configuring the dashboard and display the result to the user
Configure the Dashboard by using the mystique manifest.

Dashboard Configuration

The Dashboard tiles are configurable via a manifest file.The Dashboard Tile Component is configured to display real-time data from a GraphQL query.The common use cases of the Dashboard from a store perspective are:

A Store Operations Manager can configure the threshold values based on their stores' Pick & Pack SLAs. The Store Staff can take relevant actions based on the colors of the tiles.
The Dashboard can serve as an exception management tool. For example, displaying entities (orders, fulfilments, etc.) that have not moved to the desired state as configured in the workflow.

The threshold limits are configurable numeric values that are compared with the total number of entities filtered by status and SLA for a specific time.The color of the tiles is displayed based on the threshold values.Thresholds and colors are explained for each tile for the above example.Below is an explanation of each tile and page in the baseline Dashboard Template manifest.

Tile 1: ORDERS AWAITING PICK

Property	Configured Value
Min Threshold	1
Max Threshold	10
Navigation Link	Navigate to the Orders Awaiting Pick Page

Displays "Green" when the number of Orders Awaiting Pick is less than the Min Threshold: Zero / 0.Displays "Orange" when the number of Orders Awaiting Pick is between the Min and the Max Threshold: 1 - 10Displays "Red" when the number of Orders Awaiting Pick is greater than the Max Threshold: 11+

Tile 2: IN PROGRESS WAVES

Property	Configured Value
Min Threshold	1
Max Threshold	3
Navigation Link	Navigate to the In Progress Waves Page

Displays "Green" when the number of In Progress Waves is less than the Min Threshold: Zero / 0.Displays "Orange" when the number of In Progress Waves is between the Min and the Max Threshold: 1 - 3Displays "Red" when the number of In Progress Waves is greater than the Max Threshold: 4+

Tile 3: COMPLETED WAVES

Property	Configured Value
Min Threshold	0
Max Threshold	1000000
Navigation Link	Navigate to the Completed Waves Page

Displays "Green" when the number of Completed Waves is less than the minimum threshold: -1.Displays "Orange" when the number of Completed Waves is between the Min and the Max Threshold: 0 - 1000000Displays "Red" when the number of Completed Waves is greater than the Max Threshold: 1000001+To learn more about configuring the Dashboard Tiles, go to Dashboard Component

Note

To be able to display the correct data on the tiles, make sure that the status of the entity for which you're viewing the data on the Dashboard has a matching status in the order workflow.

Orders Awaiting Pick Page

The ‘Orders Awaiting Pick’ page in the Fluent Store displays a list of fulfilments that are assigned to the location and are ready to be picked & packed. Users will be directed to this page through the ‘Orders Awaiting Pick’ tile on the Dashboard. No alt provided

Create Wave: Picking of orders is initiated by creating a wave. This is actioned by clicking on the ‘CREATE WAVE’ user action, shown in the top right corner of the page.

In Progress Waves Page

The ‘In Progress Waves’ page in the Fluent Store displays a list of waves that are in progress and not yet completed.There are three steps in this stage:

Pick
Pack
Dispatch

All the waves that have been created and in one of these states will be displayed on this page. Users will be navigated to this page through the ‘In Progress Waves’ tile on the Dashboard. No alt provided

Each line item or ‘Resume Wave’ user action will take the user to the corresponding step of the wave-specific wizard component.For example, If the user clicks on “RESUME WAVE” for a wave in PACK status, the user will be navigated straight to the PACK step of that wave.

Completed Waves Page

The ‘Completed Waves’ page in the Fluent Store displays a list of waves that have been completed. Users will be navigated to this page through the ‘Completed Waves’ tile on the Dashboard. No alt provided

Each completed wave ID will navigate to the wave details page. Currently, the system will take the user to ‘Step 3’ of the wave-specific wizard component.

Author:

Fluent Commerce

Changed on:

9 May 2024

Overview