User Stories

The following are the user stories for the Campaign Management Dashboard:

SummaryDescription

Uncovered Population Bar Chart with Target Line

Description

Develop the uncovered population bar graph with target line for the registration & delivery page

Common Actions and Validations

  • Users who have access to this: All users

  • CTA: Drill down should be applicable by clicking on each bar

  • For National and provincial users: The default aggregation will be at the district level. ** The drill down will be as follows for the bars *** District → AP → Locality → Village ** For the Target line the drill-down will be as follows: *** Province → District → AP → Locality

  • For District users: The default aggregation will be at AP level ** The drill down will be as follows for the bars *** AP → Locality → Village ** For the Target line, the drill-down will be as follows: *** District → AP → Locality ** AP → Locality → Village

  • Upon hovering over the heading, the definitions as per the Excel sheet should appear

  • The axes labels should be there as per figma ** For the target line, the label should show as per figma ** For the bars, the legend should read as “Uncovered population”

  • The card should be downloadable as pdf/jpg

  • The card should be sharable as pdf/jpg across WhatsApp, email

  • Hovering over each bar on the graph should display the ** Value for that bar ** The name of the boundary

  • Upon drilling down, the filter should appear with an 'x' to remove the filter as per figma

  • For each level of drill-downs, the filter should keep on appearing and only display results applicable for that filter

  • The target line should change according to the calculation sheet for each level of drill-down

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

Households not visited against Target

Bar chart with target line

Product Testing: HCM Dashboard

Description

Functional & Data Testing: HCM Dashboard

Actions & Validations

To test the HCM Dashboard on the following aspects:

Data Accuracy: Test the accuracy of the data displayed on the dashboard. This can include:

  • Compare data on the dashboard with the source data to ensure that it matches.

  • Check that calculations and aggregations are accurate.

  • Verify that the data displayed on the dashboard is up-to-date and has been correctly refreshed.

Data Completeness: Test that all expected data is being displayed on the dashboard. This can include:

  • Verify that all expected data sources are being accessed and that no data is missing.

  • Check that all expected metrics and dimensions are present on the dashboard.Data Consistency: Ensure that data displayed on the dashboard is consistent with other sources of data. This can include:

  • Verify that data displayed on the dashboard matches data displayed in other systems.

  • Ensure that all metrics and dimensions are consistently defined and used across the dashboard.

Performance: Test how well the dashboard performs. This can include:

  • Test the dashboard loading time and ensure that it is within acceptable limits.

  • Test how quickly data is refreshed on the dashboard.

  • Verify that the dashboard can handle large amounts of data without performance degradation.

User Acceptance: Test that the dashboard meets the needs of end-users. This can include:

  • Validate that the data and metrics displayed on the dashboard are relevant to end users.

  • Ensure that the dashboard is intuitive and easy to use.

  • Verify that the dashboard provides the necessary level of detail and interactivity.

Security: Test that the dashboard is secure. This can include:

  • Ensure that only authorised users have access to the dashboard.

  • Test that users can only view data they are authorised to see.

  • Verify that the dashboard is protected against common security vulnerabilities.

Acceptance Criteria

  • All actions and validations are satisfied

Limit Drill-down for Summary report in Inventory Page

Description

Limit Drill-down for Summary report in Inventory Page

Reasoning

The distribution of warehouses is such that there are District warehouses (ADs) and Community warehouses (ACs) within each district.

The default view will show the aggregation of stock movement metrics across both ADs and ACs within a district. But in the next level of drill-down, i.e. at the AP level, the aggregation will be shown across ACs and this excludes ADs which are tagged to that district.

Showing drill-downs from District → Individual warehouses with the current DIGIT tabular chart configuration is not achievable. Since an aggregation query is required and showing each warehouse stock movement doesn’t require aggregation

Actions & Validations

  • Disable the drill-down for the Summary Chart in the Inventory Page.

  • The default view will be set district wise or AP wise depending on the level of supervisors

  • For National/Provincial supervisors: ** The default view will show districts and each district will aggregate the stock movements of all ADs and ACs within that district

  • For District supervisors: ** The default view will show APs and each AP will aggregate the stock movements of {color:#ff5630}only ACs{color} within that AP.

  • Clicking on the district name Should not open the next level of drill-down

  • The district/AP names should be shown in the DIGIT font colour for non-hyperlink fonts

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • This should not change any other configurations

  • This change should not affect the existing calculations

  • The change should not affect any other widgets in the dashboard

KPI calculations review

KPI calculations review

District Supervisor Checklists completion rate bar chart

Requirement

Develop the district supervisor's checklists completion rate bar graph

Common Actions and Validations

  • This graph will not have any drill-downs

  • Upon hovering over each KPI, the definitions as per the excel sheet should appear

  • Hovering over each bar should display the data on both X and Y axis

  • The legends should be there indicating X and Y axis

  • In the absence of data, the respective error message should be shown

  • The graph should change w.r.t to the date range filter

  • Default filter will be TODAY

  • The frequency of checklist fill rate for each supervisor against checklist name is as below

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

Provincial Supervisor Checklist fill rate bar chart

Requirement

Develop the Provincial supervisor's checklists completion rate bar graph

Common Actions and Validations

  • This graph will not have any drill-downs

  • Upon hovering over each KPI, the definitions as per the excel sheet should appear

  • Hovering over each bar should display the data on both X and Y axis

  • The legends should be there indicating X and Y axis

  • In the absence of data, the respective error message should be shown

  • The graph should change w.r.t to the date range filter

  • Default filter will be TODAY

  • The frequency of checklist fill rate for each supervisor against checklist name is as below

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

Registration & Delivery Page Drilldowns

Registration & Delivery Page Drilldowns

Overview Page - Drilldowns

Description

Implement drill downs for the widgets on the Overview page

Actions & Validations

  • The drill-downs for each widget should be configured separately

  • Applying the drill-down on any one chart should not affect another

  • This page will be accessible for all levels of dashboard users by clicking on the Registration & Delivery tab or from the side panel

  • The entire page is downloadable and sharable (Whatsapp, email) as pdf/jpg

  • Each card should be downloadable and sharable (Whatsapp, email) as pdf/jpg

  • The ‘Today’s' Date is visible on the top header and will be the default filter for all cards

  • The custom date range picker should work as per the DIGIT configuration

  • The breadcrumbs should be present to navigate as per Figma

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

Updating Chart colours for HCM dashboard

Updating Chart colours for HCM dashboard

Complaints by Type Pie chart

Requirement

Develop the Complaints by type pie chart

Common Actions and Validations

  • Hovering over each pie should display the data in % and absolute numbers along with the labels

  • The % values should be shown next to each slice of the pie by default

  • The legends should be there indicating the colour code against the type of complaint

  • Upon hovering over the heading the definitions as per the excel sheet should appear

  • In the absence of data, the respective error message should be shown

  • The graph should change w.r.t to the date range filter

  • The default filter will be TODAY

  • The calculation for each slice should be as per the KPI sheet

  • The Total value should be calculated as separate and shown at the centre of the pie

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs"

Complaints by Boundary bar chart

Requirement

Develop the Complaints by status bar chart

Common Actions and Validations

  • Hovering over each bar should display the data on both X and Y axis

  • The legends should be there indicating X and Y axis

  • Upon hovering over the heading the definitions as per the excel sheet should appear

  • In the absence of data, the respective error message should be shown

  • The graph should change w.r.t to the date range filter

  • The default filter will be TODAY

  • There will not be any toggle for this chart

  • The brush component should be available to zoom in/out and horizontal scroll

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs

Complaints by Status Stacked bar chart

Requirement

Develop the Complaints by status bar chart

Common Actions and Validations

  • Hovering over each bar should display the data on both X and Y axis

  • The legends should be there indicating X and Y axis

  • Upon hovering over the heading the definitions as per the excel sheet should appear

  • In the absence of data, the respective error message should be shown

  • The graph should change w.r.t to the date range filter

  • The default filter will be TODAY

  • There should be toggle for % and Number

  • For % toggle ** Each bar should sum to 100% with Open, resolved, and rejected as splits (For eg: 25%, 30%, 45%) ** Each stack should be distinguishable by color as per Figma

  • For Number toggle ** The actual value of the number of complaints should be shown on the bars. (Eg: Open: 150, Resolved: 40, Rejected: 20)

  • The calculation for each toggle should be as per Figma

  • The brush component should be available to zoom in/out and horizontal scroll

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs"

Landing Page Creation - National, Provincial, District users

Requirement

Create the Landing pages for all levels of dashboard users

Common Actions and Validations

  • This landing page will be common for all the services that the user has access to such as Dashboard, User Management, Complaints, etc.

  • There will be different landing pages for National, Provincial, and District level supervisors

  • For the National supervisor: ** The UI should be as per the Figma design ** The type and the country name should be listed as CTA links under the Dashboard card *** Eg: {{LLIN - Mozambique}} *** {{MDA - Mozambique}} *** {{IRS - Mozambique}} etc. ** Clicking on the respective link should navigate to the national-level page for that type of campaign. For eg: Clicking on the {{LLIN -Mozambique}} link should take the user to the LLIN campaign National level page for Mozambique

  • For the Provincial level supervisors: ** The UI should be as per the Figma design ** The type and the province name should be listed as CTA links under the Dashboard card ** If the user is tagged to different campaigns(projects), then the CTA should have both the campaign type and the campaign boundary mentioned *** For eg: If ‘Provincial Supervisor 1’ has access to only the LLIN campaign in Tete province, then only ‘'{{LLIN - Tete}} '' should be listed as CTA in the card, clicking on which the user will be navigated the provincial level dashboard for Tete for LLIN campaign *** If Provincial Supervisor 2 has access to LLIN and IRS campaigns in Tete and LLIN campaign in Nampula and MDA in Maputo, then the Dashboard card will have the following CTAs **** {{LLIN - Tete}} **** {{IRS - Tete}} **** {{LLIN - Nampula}} **** {{MDA - Maputo}} *** Clicking on each of them should navigate the user to the respective campaign type in the respective provinces

  • For the District level supervisors: ** The UI should be as per the Figma design ** The type and the district name should be listed as CTA links under the Dashboard card ** If the user is tagged to different campaigns(projects), then the CTA should have both the campaign type and the campaign boundary mentioned *** For eg: If ‘District Supervisor 1’ has access to only the LLIN campaign in Angonia District, then only ‘'{{LLIN - Angonia}} '' should be listed as CTA in the card, clicking on which the user will be navigated the district-level dashboard for Angonia for LLIN campaign *** If District Supervisor 2 has access to LLIN and IRS campaigns in Angonia and LLIN campaign in Zumbo and MDA in Chiuta, then the Dashboard card will have the following CTAs **** {{LLIN - Angonia }} **** {{IRS - Angonia}} **** {{LLIN - Zumbo}} **** {{MDA - Chiuta}} *** Clicking on each of them should navigate the user to the respective campaign type in the respective provinces

Acceptance Criteria

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • The landing page should be working as above for all 3 types of users

  • The users should only have access to those campaigns to those they are assigned"

Custom style for Overview cards

Scope:

  • To add custom styling to the existing dashboard collection component to match the look expected based on the figma mockup

  • The same icons used in the figma deigned should be exported to the web app

Creation of campaign links card

Scope:

  • To create a custom card on the user landing page with the links to all the campaigns

  • The cards should be shown for both National and Provincial supervisors

  • The card needs to be tailored for health campaigns and the list of campaigns that are active needs to be fetched from MDMS configuration rather than making it static within the UI

Bed nets distributed KPI card

Requirement

Bed nets distributed KPI card to be developed as per the Figma UI and calculation sheet below.

Common Actions and Validations

  • Failure to load data / not having data should show error message accordingly

  • No CTA on the card

  • Each metric within the card should behave as per below for the application of the date filter

  • Bed nets distributed: ** Insights → NA ** Definition on hover → Applicable ** Date Range Filter Applicable → Yes

  • Total bed nets distributed ** Insights → Applicable ** Definition on hover → Applicable ** Date Range Filter Applicable → No

  • Bed nets Targeted for distribution ** Insights → NA ** Definition on hover → Applicable ** Date Range Filter Applicable → Yes

  • Bed nets Coverage ** Insights → Yes ** Definition on hover → Applicable ** Date Range Filter Applicable → No

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs"

Population Covered KPI Card

Requirement

Population covered KPI card to be developed as per the Figma UI and calculation sheet below.

Common Actions and Validations

  • Failure to load data / not having data should show error message accordingly

  • No CTA on the card

  • Each metric within the card should behave as per below for the application of the date filter

  • Population Covered: ** Insights → NA ** Definition on hover → Applicable ** Date Range Filter Applicable → Yes

  • Total Population Covered ** Insights → Applicable ** Definition on hover → Applicable ** Date Range Filter Applicable → No

  • Population Targeted ** Insights → NA ** Definition on hover → Applicable ** Date Range Filter Applicable → Yes

  • Population Coverage ** Insights → Yes ** Definition on hover → Applicable ** Date Range Filter Applicable → No

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs"

Households KPI card

Requirement

Households visited KPI card to be developed as per the Figma UI and calculation sheet below.

Common Actions and Validations

  • Failure to load data / not having data should show error message accordingly

  • No CTA on the card

  • Each metric within the card should behave as per below for application of date filter

  • Households visited: ** Insights → NA ** Definition on hover → Applicable ** Date Range Filter Applicable → Yes

  • Total households visited ** Insights → Applicable ** Definition on hover → Applicable ** Date Range Filter Applicable → No

  • Households Targeted ** Insights → NA ** Definition on hover → Applicable ** Date Range Filter Applicable → Yes

  • Households Coverage ** Insights → Yes ** Definition on hover → Applicable ** Date Range Filter Applicable → No

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs"

National Supervisors Checklists Completion Rate Bar graph

Requirement

Develop the National supervisor's checklists completion rate bar graph

Common Actions and Validations

  • This graph will not have any drill-downs

  • Upon hovering over each KPI, the definitions as per the excel sheet should appear

  • Hovering over each bar should display the data on both X and Y axis

  • The legends should be there indicating X and Y axis

  • In the absence of data, the respective error message should be shown

  • The graph should change w.r.t to the date range filter

  • Default filter will be TODAY

  • The frequency of checklist fill rate for each supervisor against checklist name is as below

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

Data Sync Rate Bar graph

Requirement

Develop the Data sync rate bar chart for the HCM Dashboard

Actions & Validations

  • The graph should be ordered in alphabetical order of the X-axis values

  • The graph should show district-wise data for national and provincial supervisors' dashboards by default before drilling down

  • The graph should show AP-wise data for district supervisors' dashboards by default before drilling down

  • Hovering over each bar should display the data on both X and Y axis

  • The legends should be there indicating X and Y axis ( Eg: X axis: Districts Y axis: Sync Rate)

  • The definition as per the excel sheet should appear as subheading beneath the chart title

  • In the absence of data, the respective error message should be shown

  • The graph should not change w.r.t date filter and should always show TODAY’s value

  • The graph should enable drilling down to the lowest boundary levels

  • The drilldown will be: ** For National & Provincial supervisors, the default aggregation will be at the district level *** District → AP ** For District level supervisors, the default aggregation will be at AP level and there won’t be any drill-down post that

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs"

Summary Report

Requirement

Develop the summary report tabular chart for the Inventory page of the HCM Dashboard

Common Actions and Validations

  • Users who have access to this: All levels

  • +For National and provincial users: The default aggregation will be at the district level.+ ** The drill down will be as follows *** District → District level warehouses + AP level warehouses + Locality/Village level warehouses ** Eg: District A, has *** 2 district level warehouses *** 3 AP level warehouses *** 2 community level warehouses ** As a National/Provincial supervisor, I will see District A, B, C etc…as rows ** Clicking on District A will show the drill down with the following rows *** District A warehouse 1 *** District A warehouse 2 *** District A AP w/h 1 *** District A AP w/h 2 *** District A AP w/h 3 *** District A community w/h 1 *** District A community w/h 2

  • +For District users: The default aggregation will be at AP level+ ** The drill down will be as follows *** AP → AP level warehouses + Locality/Village level warehouses ** Eg: AP A, has *** 3 AP level warehouses *** 2 community/village level warehouses ** As a District supervisor, I will see Administrative Post A, B, C etc…as rows ** Clicking on AP A will show the drill down with the following rows *** AP A warehouse 1 *** AP A warehouse 2 *** AP A warehouse 3 *** AP A community/village w/h 1 *** AP A community/village w/h 2

  • This tabular chart WILL NOT have a day wise toggle ** Date Filter → Applicable ** Each boundary name (district or AP) will be clickable and clicking on it will drill down the table to the next level. The corresponding boundary name will appear as filter with a 'x' to remove the filter ** !Screenshot 2023-02-07 at 9.51.25 AM.png|width=107,height=45! All the columns should be sortable by clicking on the column heading (alphabetically / desc/asc) This should work as per how it works in other DIGIT dashboard tabular charts ** There will be no insights for each cell ** The pagination should be followed as per Figma ( 10 rows per page)

  • The tabular chart should be downloadable as excel

  • There should be search box in the top for searching the name of the boundary

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet"

Warehouse Distribution Lat/Long Map

Requirement

Develop the warehouse distribution lat long map for the HCM Dashboard

Common Actions and Validations

  • All the warehouses within the province(For national and Provincial supervisors) & District (For district supervisors) should be shown as points

  • Upon clicking on any particular warehouse coordinate, the following details of that warehouse should be shown ** Warehouse ID: From the Front line app ** Stock received: Calculation as per 4.5 (KPI sheet) ** Stock distributed: Calculation as per 4.6 (KPI sheet) ** Stock returned: Calculation as per 4.7 (KPI sheet) ** Stock in hand: Calculation as per 4.8 (KPI sheet) ** Will last for: Calculation as per 4.9 (KPI sheet) ** Status *** Sufficient: Highlighted In {color:#36b37e}Green{color} color and font color as per figma **** If ‘Will last for’ >= (Difference between Today’s Date & Campaign End date) *** Insufficient: Highlighted In {color:#bf2600}Red{color} color and font in red color **** If ‘Will last for’ < (Difference between Today’s Date & Campaign End date)

  • Clicking on ‘+' '-’ should zoom in/out of the map

  • If the coordinates are staggered together, upon zooming in, then the coordinates of one warehouse should be distinguishable from the other

  • The zoom-in level should be kept to the extent where individual warehouses are distinguishable from one another

For District Supervisors

  • Tooltip upon hovering over any boundary should show that boundary name and the total no.of households covered within that boundary

  • Clicking on ‘+' '-’ should zoom in/out the map

  • If the coordinates are staggered together, upon zooming in, then the coordinate of one household should be distinguishable from the other.

  • The zoom-in level should be kept at the extent where individual households are distinguishable from one another

  • Clicking on another boundary should update the table with the data for that boundary

  • Hovering over any boundary should show in the tooltip the following ** the name of the boundary ** the static message: “{{Click on any warehouse to see stock movement details}}”

  • Hovering should highlight the boundary in different stroke color

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The total number of geo coordinates should match with the total number of households in the tooltip for each boundary

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • The hover, and zoom in/out functionalities should work as mentioned above"

Stock in Hand Bar chart

Requirement

Develop the stock in hand bar chart in the Inventory module for the HCM Dashboard

Common Actions and Validations

  • This chart will be a side by side bar chart that shows Required bed nets and Available bed nets

  • The brush component should be there in the horizontal axis for zoom in/out and for horizontal slide

  • At 100% zoom out, all the bars should be visible at the same time

  • The graph should be ordered in alphabetical order of the X-axis values

  • The graph should show district wise data for national and provincial supervisors dashboards by default before drill down

  • The graph should show AP wise data for district supervisors dashboards by default before drill down

  • Hovering over each bar should display the data on both X and Y axis

  • The legends should be there indicating X and Y axis ( Eg: X axis: Districts Y axis: No.of days to last inventory)

  • The definition as per the excel sheet should appear as sub heading beneath the chart title

  • In the absence of data, the respective error message should be shown

  • In the absence of data for any boundaries, the respective bar name/s should be shown in the X-axis with the bar height =0

  • The graph should not change w.r.t date filter and should always show TODAY’s value

  • The graph should enable drill down to lowest boundary levels

  • The drill down will be: ** For National & Provincial supervisors, the default aggregation will be at district level *** District Name → District level warehouses + AP level warehouses + Locality level warehouses + village level warehouses ** For District level supervisors, the default aggregation will be at AP level *** AP Name → AP level warehouses + Locality level warehouses + village level warehouses

  • +Note: Eg: Under District A, if there are 5 district warehouses and 10 community warehouses, then the total number of warehouses within district A will be 15. So the bar for District A upon drill down will show 15 bars.+ +So the sum total of 'stock in hand' across all 15 warehouses should be considered.+

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs"

No. of days to last inventory Bar chart

Requirement

Develop the Inventory Status bar chart

Common Actions and Validations

  • The graph should be ordered in alphabetical order of the X-axis values

  • The graph should show district wise data for national and provincial supervisors dashboards by default before drill down

  • The graph should show AP wise data for district supervisors dashboards by default before drill down

  • Hovering over each bar should display the data on both X and Y axis

  • The legends should be there indicating X and Y axis ( Eg: X axis: Districts Y axis: No.of days to last inventory)

  • The definition as per the excel sheet should appear as sub heading beneath the chart title

  • In the absence of data, the respective error message should be shown

  • The graph should not change w.r.t date filter and should always show TODAY’s value

  • The graph should enable drill down to lowest boundary levels

  • The drill down will be: ** For National & Provincial supervisors, the default aggregation will be at district level *** District Name → District level warehouses + AP level warehouses + Locality level warehouses + village level warehouses ** For District level supervisors, the default aggregation will be at AP level *** AP Name → AP level warehouses + Locality level warehouses + village level warehouses

  • +Note: Eg: Under District A, if there are 5 district warehouses and 10 community warehouses, then the total number of warehouses within district A will be 15. So the bar for District A upon drill down will show 15 bars.+ +So the sum total of 'stock in hand' across all 15 warehouses should be considered.+ +The micro plan target should be the daily bednets target for province A+

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs"

Summary Report

Requirement

Develop the summary report tabular chart for Registration & Delivery page of the HCM Dashboard

Common Actions and Validations

  • Users who have access to this: All levels

  • For National and provincial users: The default aggregation will be at district level. ** The drill down will be as follows *** District → AP → Locality → Village

  • For District users: The default aggregation will be at AP level ** AP → Locality → Village

  • For the Boundary Toggle: ** Date Filter → Applicable → [~accountid:63bea783c52a63dcda8315fc] updated. please note ** Each boundary name (district or AP) will be clickable and clicking on it will drill down the table to the next level. The corresponding boundary name will appear as filter with a 'x' to remove the filter ** !Screenshot 2023-02-07 at 9.51.25 AM.png|width=107,height=45! All the columns should be sortable by clicking on the column heading (alphabetically / desc/asc) This should work as per how it works in other DIGIT dashboard tabular charts ** There will be no insights for each cell ** The pagination should be followed as per Figma ** +Please note : There is one more column ( Target achievement (% of nets) ) after Target achievement (% of Population) which is not displayed in Figma+

  • For the Day toggle ** Date Filter → Not Applicable → [~accountid:63bea783c52a63dcda8315fc] updated. Please note ** There will not be any drill down for any rows ** The design should match that of Figma ** The total column at the end should be highlighted in bold as shown in Figma ** There will be no insights for each cell ** The pagination should be followed as per Figma

  • The tabular chart should be downloadable as excel

  • There should be search box in the top for searching the name of the boundary and Date for the respective toggles

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet"

Planned vs Actual Campaign Progress Line Graph

Requirement

Develop the Planned vs Actual Line graph for the HCM Dashboard

Common Actions and Validations

  • Users who have access to this: All levels

  • For National and provincial users: The graph will be for the selected/ assigned Province

  • For District level users: The graph will be for the selected/ assigned District

  • CTA: Not Applicable

  • The toggle for households, population and nets should change the graph according to the calculation for each

  • The X-axis label should be ** {{Date}}

  • The Y-axis label should be ** For Household graph *** {{Number of households}} ** For Population graph *** {{Population}} ** For Bed nets graph *** {{Number of bed nets}}

  • Upon hovering over the heading, the definitions as per the excel sheet should appear

  • The card should be downloadable as pdf/jpg

  • The card should be sharable as pdf/jpg across WhatsApp, email

  • Hovering over the line should show ** The Label on X and Y axes ** The value on the Y-Axis ** For eg: *** 3-June-22: 2500 Households *** 4-June-22: 35000 Population *** 5-June-22: 34000 bed nets

  • The trend line is required from ( today's date to the date of completion of the target) and not required from day 0. (Can be a continuation of the normal line only)

  • The X-intercepts of the extrapolation should show the date of completion of target

  • The Y intercept should show the respective target value

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet"

Households Visited Lat/Long Map

Requirement

Develop the household visited lat long map for the HCM Dashboard

Common Actions and Validations

For National & Provincial Supervisors

  • The tooltip upon hovering over any boundary should show that boundary name and the total no.of households covered within that boundary. The said district should be highlighted with different stroke color as per Figma

  • Clicking on ‘+' '-’ should zoom in/out of the map

  • If the coordinates are staggered together, upon zooming in, then the coordinate of one household should be distinguishable from the other

  • The zoom-in level should be kept to the extent where individual households are distinguishable from one another

For District Supervisors

  • Tooltip upon hovering over any boundary should show that boundary name and the total no.of households covered within that boundary

  • Clicking on ‘+' '-’ should zoom in/out the map

  • If the coordinates are staggered together, upon zooming in, then the coordinate of one household should be distinguishable from the other.

  • The zoom-in level should be kept at the extent where individual households are distinguishable from one another

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The total number of geo coordinates should match with the total number of households in the tooltip for each boundary

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • The hover, and zoom in/out functionalities should work as mentioned above

  • The drill down feature upon clicking should work as mentioned"

Target Achievement Heat Map

Requirement

Develop the Target achievement heat map for the HCM dashboard

Common Actions and Validations

  • Users who have access to this: All users

  • The default view will be that at ** The province level - for national and provincial level users, with all district boundaries and district-level coverage (% ) displayed ** The district level - for district level users ( The AP level boundaries wont be able to display because of lack of shape files)

  • CTA: ** There will be 3 toggles on the card that lets users to switch the coverage view between Households, Population, and Bed nets ** Clicking on each toggle should change the graph accordingly based on the KPI calculation ** If the user selects a date range of which the start and end date are outside the Campaign start and end date for that boundary, then the graph should show the colour for NO DATA use case for that boundary (Grey) and NOT 0% ** The user should be able to *** zoom in/out using **** the slider ( + / -) buttons *** Move across the map by click+drag ** By default all district-wise boundaries should be shown for that province, with the coverages of each district displayed on top in % (For national and provincial level users). Since the shape files are not available, further drilling down will not be applicable for this. ** By default, the district map and the coverage % of that district should be displayed (for district level users). AP boundaries cannot be shown due to lack of shape files and also further drill down as well.

  • Upon hovering over any district, the insights should be displayed ( % change w.r.t the previous day as shown in the Figma)

  • The insights for delta = 0 should be ‘'Same as yesterday’' with no arrow

  • The definition should be displayed upon hover for the card title based on what is mentioned in the KPI card.

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • The hover, and zoom in/out functionalities should work as mentioned above

  • The drill down feature upon clicking should work as mentioned"

Bed nets not delivered Bar Chart

Requirement

Develop the Bed nets not delivered bar chart for the HCM Dashboard

Common Actions and Validations

  • Users who have access to this: All users

  • CTA: Drilldown should be applicable by clicking on each bar

  • For National and provincial users: The default aggregation will be at district level. ** The drill down will be as follows *** District → AP → Locality → Village

  • For District users: The default aggregation will be at AP level ** AP → Locality → Village

  • Upon hovering over the heading, the definitions as per the excel sheet should appear and the subheading should be there as per Figma

  • The axes labels should be there as per figma

  • The card should be downloadable as pdf/jpg

  • The card should be sharable as pdf/jpg across whatsapp, email

  • Hovering over each bar on the graph should display the ** Value for that bar ** The name of the boundary ** The drill down link listed as shown in the figma ** For eg: as below !Screenshot 2023-02-06 at 9.26.24 PM.png|width=163,height=115!

  • Upon drilling down, the filter should appear with an 'x' to remove the filter as per figma ** !Screenshot 2023-02-06 at 9.28.40 PM.png|width=159,height=50!

  • For each levels of drilldowns, the filter should keep on appearing and only display results applicable for that filter

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet"

Bed nets distributed Bar Chart

Requirement

Develop the bed nets distributed bar chart for the HCM Dashboard

Common Actions and Validations

  • Users who have access to this: All users

  • CTA: Drill down should be applicable by clicking on each bar

  • For National and provincial users: The default aggregation will be at district level. ** The drill down will be as follows *** District → AP → Locality → Village

  • For District users: The default aggregation will be at AP level ** The drill down will be as follows *** AP → Locality → Village

  • Upon hovering over the heading, the definitions as per the excel sheet should appear

  • The axes labels should be there as per figma

  • The card should be downloadable as pdf/jpg

  • The card should be sharable as pdf/jpg across whatsapp, email

  • Hovering over each bar on the graph should display the ** Value for that bar ** The name of the boundary ** The drill down link listed as shown in the figma **

  • Upon drilling down, the filter should appear with an 'x' to remove the filter as per figma ** !Screenshot 2023-02-06 at 9.28.40 PM.png|width=159,height=50!

  • For each levels of drill downs, the filter should keep on appearing and only display results applicable for that filter

  • The toggle between % and Number should work properly and the bars should be calculated as per the KPI sheet calculations

  • The Y-axis labels should be as follows ** For # *** Bed nets distributed ** For % *** % of bed nets distributed against micro plan target

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet"

Population Covered Bar chart

Requirement

Develop the population covered bar chart for the HCM Dashboard

Common Actions and Validations

  • Users who have access to this: All users

  • CTA: Drill down should be applicable by clicking on each bar

  • For National and provincial users: The default aggregation will be at district level. ** The drill down will be as follows *** District → AP → Locality → Village

  • For District users: The default aggregation will be at AP level ** AP → Locality → Village

  • Upon hovering over the heading, the definitions as per the excel sheet should appear

  • The axes labels should be there as per figma

  • The card should be downloadable as pdf/jpg

  • The card should be sharable as pdf/jpg across whatsapp, email

  • Hovering over each bar on the graph should display the ** Value for that bar ** The name of the boundary ** The drill down link listed as shown in the figma **

  • Upon drilling down, the filter should appear with an 'x' to remove the filter as per figma ** !Screenshot 2023-02-06 at 9.28.40 PM.png|width=159,height=50!

  • For each levels of drill downs, the filter should keep on appearing and only display results applicable for that filter

  • The toggle between % and Number should work properly and the bars should be calculated as per the KPI sheet calculations

  • The Y-axis labels should be as follows ** For # *** Population covered ** For % *** % of population covered against micro plan target

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet"

Households visited bar chart

Requirement

Develop the households visited bar chart for the HCM Dashboard

Common Actions and Validations

  • Users who have access to this: All users

  • CTA: Drill down should be applicable by clicking on each bar

  • For National and provincial users: The default aggregation will be at district level. ** The drill down will be as follows *** District → AP → Locality → Village

  • For District users: The default aggregation will be at AP level ** AP → Locality → Village

  • Upon hovering over the heading, the definitions as per the excel sheet should appear

  • The axes labels should be there as per figma

  • The card should be downloadable as pdf/jpg

  • The card should be sharable as pdf/jpg across whatsapp, email

  • Hovering over each bar on the graph should display the ** Value for that bar ** The name of the boundary ** The drill down link listed as shown in the figma **

  • Upon drilling down, the filter should appear with an 'x' to remove the filter as per figma ** !Screenshot 2023-02-06 at 9.28.40 PM.png|width=159,height=50!

  • For each levels of drill downs, the filter should keep on appearing and only display results applicable for that filter

  • The toggle between % and Number should work properly and the bars should be calculated as per the KPI sheet calculations

  • The Y-axis labels should be as follows ** For # *** Number of households visited ** For % *** % of households visited against micro plan target

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet"

Coverage by Province

Requirement

Develop the 'Coverage by Province' card for the HCM dashboard

Common Actions and Validations

  • Users who have access to this: National Level

  • CTA: Applicable. Clicking on the ‘View Dashboard’ button should take the user to the respective province dashboard

  • This card should be part of all campaign tabs (LLIN, IRS, MDA, etc..)

  • Upon hovering over each KPI, the definitions as per the excel sheet should appear

  • The card should have the menu option at top right corner through which the user can download/share the card by email/whatsapp in pdf/jpg

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet"

Population Covered Heat Map

Requirement

Develop the Population coverage heat map for the HCM dashboard

Common Actions and Validations

  • Users who have access to this: National Level

  • The default view will be that at the national level with all provincial boundaries and province-level population coverage (% ) displayed

  • CTA: ** The user should be able to *** zoom in/out using **** the slider ( + / -) buttons *** Move across the map by click+drag ** Clicking on on any province should display the district-wise boundaries automatically for that province, with the population coverages of each district displayed on top in % ** Upon clicking on the province, the respective filter should appear below the heading with an ‘x' button to remove the filter. Clicking on 'x’ will remove the filter and the map should go back to the initial provincial level boundary and coverage %

  • Upon hovering over any province, the insights should be displayed ( % change w.r.t the previous day as shown in the Figma)

  • Upon hovering over any district upon drill down, the insights should be displayed ( % change w.r.t the previous day as shown in the Figma)

  • The insights for delta = 0 should be ‘'same as yesterday’' with no arrow

  • The definition should be displayed upon hover for the card title based on what is mentioned in the KPI card.

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • The hover, and zoom in/out functionalities should work as mentioned above

  • The drill down feature upon clicking should work as mentioned"

Households Coverage Heat Map

Requirement

Develop the Households coverage heat map for the HCM dashboard

Common Actions and Validations

  • Users who have access to this: National Level

  • The default view will be that at the national level with all provincial boundaries and province-level household coverage (% ) displayed

  • CTA: ** The user should be able to *** zoom in/out using **** the slider ( + / -) buttons *** Move across the map by click+drag ** Clicking on on any province should display the district-wise boundaries automatically for that province, with the household coverages of each district displayed on top in %. ** Upon clicking on the province, the respective filter should appear below the heading with an ‘x' button to remove the filter. Clicking on 'x’ will remove the filter and the map should go back to the initial provincial level boundary and coverage %

  • Upon hovering over any province, the insights should be displayed ( % change w.r.t the previous day as shown in the Figma)

  • Upon hovering over any district upon drill down, the insights should be displayed ( % change w.r.t the previous day as shown in the Figma)

  • The insights for delta = 0 should be ‘'same as yesterday’' with no arrow

  • The definition should be displayed upon hover for the card title based on what is mentioned in the KPI card.

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • The hover, and zoom in/out functionalities should work as mentioned above

  • The drill down feature upon clicking should work as mentioned"

Checklist fill rate Bar chart

Requirement

Develop the Checklist Fill rate bar chart

Common Actions and Validations

  • The graph should be ordered in alphabetical order of the X-axis values

  • Hovering over each bar should display the data on both X and Y axis

  • The legends should be there indicating X and Y axis

  • Upon hovering over each KPI, the definitions as per the excel sheet should appear

  • In the absence of data, the respective error message should be shown

  • The graph should change w.r.t to the date range filter

  • Default filter will be TODAY

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs"

Number Of Days To Last Inventory

Requirement

Develop the Inventory Status bar chart

Common Actions and Validations

  • The graph should be ordered in alphabetical order of the X-axis values

  • The graph should show district wise data for national and provincial supervisors dashboards by default before drill down

  • The graph should show AP wise data for district supervisors dashboards by default before drill down

  • Hovering over each bar should display the data on both X and Y axis

  • The legends should be there indicating X and Y axis ( Eg: X axis: Districts Y axis: No.of days to last inventory)

  • The definition as per the excel sheet should appear as sub heading beneath the chart title

  • In the absence of data, the respective error message should be shown

  • The graph should not change w.r.t date filter and should always show TODAY’s value

  • The graph should enable drill down to lowest boundary levels

  • The drill down will be: ** For National & Provincial supervisors, the default aggregation will be at district level *** District Name → District level warehouses + AP level warehouses + Locality level warehouses + village level warehouses ** For District level supervisors, the default aggregation will be at AP level *** AP Name → AP level warehouses + Locality level warehouses + village level warehouses

  • +Note: Eg: Under District A, if there are 5 district warehouses and 10 community warehouses, then the total number of warehouses within district A will be 15. So the bar for District A upon drill down will show 15 bars.+ +So the sum total of 'stock in hand' across all 15 warehouses should be considered.+ +The micro plan target should be the daily bednets target for province A+

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs"

Households Coverage Ranking Bar chart

Requirement

Develop the Households Coverage Ranking bar chart

Common Actions and Validations

  • The graph should be ordered in descending order of magnitude from left to right

  • Hovering over each bar should display the data on both X and Y axis

  • The legends should be there indicating X and Y axis

  • Upon hovering over each KPI, the definitions as per the excel sheet should appear

  • In the absence of data, respective error message should be shown

  • The graph should change according to the selected date range filter

  • Default filter will be TODAY

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs"

Supervision Page

"Requirement

Develop the Supervision page for the HCM Dashboard

This page will have 4 cards

  • National Supervisors checklist fill rate bar chart

  • Provincial supervisors checklist fill rate bar chart

  • District supervisor's checklist fill rate bar chart

  • Data sync rate bar chart

Common Actions and Validations

  • The Date filters will be Today, Cumulative, Custom

  • All the tabs (Overview, Reg&Del, Complaints, Inventory, Supervision) should be accessible from the tab and/or from the side panel

  • This page will be accessible to all levels of users (National, Provincial, and District)

For national-level users,

  • They will arrive at this page by clicking on the respective ' Coverage by Province' card in the National Page and then clicking on the ‘Supervision’ Tab

  • The default view will be at the provincial level (Aggregate of all districts within)

  • The default date filter will be for TODAY

For Provincial level users

  • They will click on the respective link ( ‘'Campaign Type - Province name’') from the landing page and and then clicking on the ‘Supervision’ Tab will arrive at this page

  • The default view will be at the assigned province (Aggregate of all districts within)

  • The default date filter will be for TODAY

For District Level users

  • They will click on the respective link ( ‘'Campaign Type - District name’') from the landing page and and then clicking on the ‘Supervision’ Tab will arrive at this page

  • The default view will be at the assigned district (Aggregate of all APs within)

  • The default date filter will be for TODAY

  • The entire page is downloadable and sharable (WhatsApp, email) as pdf/jpg

  • Each card should be downloadable and sharable (WhatsApp, email) as pdf/jpg

  • The progress bar should be available at top as per Figma

  • The breadcrumbs should be present to navigate

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working"

Complaints Page

Requirement

Develop the Complaints page for the HCM Dashboard

This page will have 6 cards

  • Complaints by Boundary bar chart

  • Complaints by type Pie chart

  • Complaints by status stacked bar chart

  • Complaints by Type stacked bar chart

  • Boundary wise share of complaints bar chart

  • Average complaints resolution time (Hrs) bar chart Summary report (Total Complaints)

  • Summary report (Open Complaints)

Common Actions and Validations

  • The Date filters will be Today, Cumulative, Custom

  • All the tabs (Overview, Reg&Del, Complaints, Inventory, Supervision) should be accessible from the tab and/or from the side panel

  • The drilldown will be available at the lowest level at which the users are created

  • This page will be accessible to all levels of users (National, Provincial, District)

For national-level users,

  • The default view will be at the provincial level (Aggregate of all districts within) The default date filter will be for TODAY

For Provincial level users

  • The default view will be at the assigned province (Aggregate of all districts within) The default date filter will be for TODAY

For District Level users

  • The default view will be at the assigned district (Aggregate of all AP's within)

  • The default date filter will be for TODAY

  • The entire page is downloadable and shareable (WhatsApp, email) as pdf/jpg

  • Each card should be downloadable and sharable (WhatsApp, email) as pdf/jpg

  • The progress bar should be available at top as per Figma The breadcrumbs should be present to navigate

  • All the bar charts should have the brush component based on the number of bars

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working"

Inventory Management Page

Requirement

To create the inventory management page for the HCM dashboard

This page will have 4 cards

  • Number of days to last inventory bar chart

  • Stock in Hand bar chart

  • Warehouse distribution lat/long map

  • Summary report

Common Actions and Validations

  • This page will be accessible for all levels of dashboard users by clicking on the Inventory tab or from the side panel

  • The entire page is downloadable and shareable (WhatsApp, email) as pdf/jpg

  • Each card should be downloadable and shareable (WhatsApp, email) as pdf/jpg

  • The ‘Today’s' Date is visible on the top header and will be the default filter for all cards unless specified otherwise in respective cards

  • The custom date range picker should work as per the DIGIT configuration

  • The breadcrumbs should be present to navigate as per Figma

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

Registration and Delivery Page

Requirement

Develop the KPI cards for the registration & delivery tab for HCM Dashboard

This page will have 8 cards

  • Households visited bar chart

  • Population covered bar chart

  • Bed nets distributed bar chart

  • Bed nets not delivered bar chart

  • Households visited Lat/Long map

  • Target Achievement

  • Heat map Planned vs Actual campaign progression line graph

  • Summary report

Common Actions and Validations

  • This page will be accessible for all levels of dashboard users by clicking on the Registration & Delivery tab or from the side panel

  • The entire page is downloadable and shareable (Whatsapp, email) as pdf/jpg

  • Each card should be downloadable and sharable (Whatsapp, email) as pdf/jpg

  • The ‘Today’s' Date is visible on the top header and will be the default filter for all cards

  • The custom date range picker should work as per the DIGIT configuration

  • The breadcrumbs should be present to navigate as per Figma

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working"

Overview Page

Requirement

Develop the Overview page for the HCM Dashboard

This page will have 9 cards

  • Data sync KPI card

  • Households KPI card

  • Population covered KPI card

  • Bed nets distributed KPI card

  • Bed nets not delivered pie chart

  • Complaints pie chart

  • Households coverage ranking bar chart

  • Inventory status bar chart

  • Checklist fill rate bar chart

Common Actions and Validations

  • The Date filters will be Today, Cumulative, Custom

  • All the tabs (Overview, Reg&Del, Complaints, Inventory, Supervision) should be accessible from the tab and/or from the side panel

  • There will be no drill downs or CTAs on the first 5 charts

  • For Households coverage ranking bar chart, Inventory status bar chart, and Checklist fill rate bar chart the drill down should be available by clicking on each bar of the chart.

  • The drill down will be available at the lowest level at which the users are created

  • This page will be accessible to all levels of users (National, Provincial, District)

For national-level users,

  • They will arrive at this page by clicking on the respective ' Coverage by Province' card in the National Page

  • The default view will be at the provincial level (Aggregate of all districts within)

  • The default date filter will be for TODAY

For Provincial level users

  • They will click on the respective link ( ‘'Campaign Type - Province name’') from the landing page and will arrive at this page

  • The default view will be at the assigned province (Aggregate of all districts within)

  • The default date filter will be for TODAY

For District Level users

  • They will click on the respective link ( ‘'Campaign Type - District name’') from the landing page and will arrive at this page

  • The default view will be at the assigned district (Aggregate of all AP's within)

  • The default date filter will be for TODAY The entire page is downloadable and shareable (WhatsApp, email) as pdf/jpg

  • Each card should be downloadable and sharable (WhatsApp, email) as pdf/jpg

  • The progress bar should be available at top as per Figma The breadcrumbs should be present to navigate

  • The Date range filter should be applicable for all cards except ‘Inventory Status’ graph

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working"

Complaints KPI card

Requirement

Develop the KPI cards for the HCM Dashboard

Common Actions and Validations

  • Users who have access to this: All levels

  • CTA: Not Applicable

  • The pie chart should display according to the status of complaints captured in the complaint module of the mobile app

  • The pie chart should change according to the date range selected

  • The % of each slice should be visible on the pie chart

  • Upon hovering over the pie chart, the absolute numbers and name of that slice should appear

  • The total value of all households not delivered as absolute number should be displayed as shows in the Figma

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

Data Sync KPI card

Requirement

Data Sync Rate KPI card to be developed as per the Figma UI and calculation sheet below.

Common Actions and Validations

  • The users created will be captured for each boundary from the user management module

  • The users synced should consider only those users who have synced at least once and more than 1 syncs from the same user should be considered as only one

  • Failure to load data / not having data should show error message accordingly

  • No CTA on the card

  • Each metric within the card should behave as per below for the application of the date filter

  • Data Sync Rate ** Insights → NA ** Definition on hover → Applicable ** Date Range Filter Applicable → Yes

  • Total Staff on Duty ** Insights → NA ** Definition on hover → Applicable ** Date Range Filter Applicable → Yes

  • Total Staff Synced ** Insights → NA ** Definition on hover → Applicable ** Date Range Filter Applicable → No

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs"

Bed nets delivered KPI card

Requirement

Households not delivered KPI card to be developed as per the Figma UI and calculation sheet below.

Common Actions and Validations

  • Failure to load data / not having data should show error message accordingly

  • No CTA on the card

  • Each metric within the card should behave as per below for the application of the date filter

  • The pie chart should display according to the reasons for non delivery captured in the mobile app

  • The pie chart should change according to the date range selected

  • The % of each slice should be visible on the pie chart

  • Upon hovering over the pie chart, the absolute numbers and name of that slice should appear

  • The total value of all households not delivered as absolute number should be displayed as shows in the Figma

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs

  • The total households not delivered should be the sum total of all reasons

Bed nets distributed KPI card

Requirement

Bed nets distributed KPI card to be developed as per the Figma UI and calculation sheet below.

Common Actions and Validations

  • Failure to load data / not having data should show error message accordingly

  • Bed nets distributed today: ** Insights → Applicable ** Definition on hover → Applicable

  • Total Bed nets distributed ** Insights → Applicable ** Definition on hover → Applicable

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs"

Population Covered KPI card

Requirement

Population covered KPI card to be developed as per the Figma UI and calculation sheet below.

Common Actions and Validations

  • Failure to load data / not having data should show error message accordingly

  • Population covered today: ** Insights → Applicable ** Definition on hover → Applicable

  • Total population covered ** Insights → Applicable ** Definition on hover → Applicable

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs"

Households KPI card

Requirement

Household KPI card to be developed as per the Figma UI and calculation sheet below.

Common Actions and Validations

  • Failure to load data / not having data should show error message accordingly

  • Households visited today: ** Insights → Applicable ** Definition on hover → Applicable

  • Total Households visited ** Insights → Applicable ** Definition on hover → Applicable

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working

  • Hover states should work as stated in the ‘Actions and Validations’ section

  • All metrics should reflect correct data

  • All metrics calculations are aggregated according to the KPI sheet

  • Performance testing to be done

  • Should support localisation for multiple languages for all key-value pairs"

National Level Page

Requirement

Develop the KPI cards for the HCM Dashboard

This page will have 6 cards

  • Households KPI card

  • Population covered KPI card

  • Bed nets distributed KPI card

  • Households Coverage Heat map

  • Population Coverage Heat map

  • Coverage by province KPI card

Common Actions and Validations

  • This page will be accessible only for National Level Dashboard users

  • This will be the landing page for National Level Dashboard users

  • The entire page is downloadable and shareable (Whatsapp, email) as pdf/jpg Each card should be downloadable and shareable (Whatsapp, email) as pdf/jpg

  • The ‘Today’s' Date is visible on the top header

  • Different campaigns will have different tabs ( LLIN, MDA, etc.. ) and clicking on each tab name should navigate to the respective campaigns.

  • For Mozambique for V1.1 only LLIN tab is required All the metrics displayed will be aggregated at the national level for that particular campaign (eg: LLIN)

  • The breadcrumbs should be present to navigate

Acceptance Criteria

  • The calculation for all KPIs under each metric should be as per the KPI sheet above

  • The UI should be as per the Figma design

  • All Actions and Validations mentioned above should be working"

Dashboard Stories for development (Part -2)

Requirements:

  • Map input sources (from form fields) to respective indicators

  • Define mathematical operations to generate output indicators based on data inputs (if applicable) Eg. Calculate difference between 2 data inputs and display on the dashboard (stock received minus stock distributed to calculate the stock remaining)

  • Define widget to be used to visualise data Define threshold validation to against indicators (if applicable)

  • Data visualised on the dashboards would be in an aggregated form (source of truth being the line listed captured by the front line workers).

  • All indicators must be generated from the data points collected using various data collection forms during campaign planning (planning will provide targets and estimates) and execution (execution will provide actual data to view against targets and estimated derived from planning)"

Product Testing & Sign off - Dashboard

Product Testing & Sign off - Dashboard

Test Data Preparation - Dashboard

Test Data Preparation

Last updated

https://creativecommons.org/licenses/by/4.0/