sunbird-cqube / dashboard-ms Goto Github PK

This is a data issue.

Summary page for block level

Summary stats for state officer

Value in the report = 55%

Value on summary page = 47%

See requirements here. https://docs.google.com/spreadsheets/d/11CniX5uuTSeaitOgedq5KP4ZJh5yqv9VbBoWh1eiZ7Q/edit#gid=501243537

Either the entire table can be shown or "pdf" option can be replaced with "screenshot" option

Order should be:

1. Teacher Attendance
2. Student Attendance
3. School Infrastructure
4. Student Progression
5. Student Assessments
6. Review Meetings
7. Others

Colour coding not seen as Red or Green

Description

Create a cross drill-down service and a breadcrumb service for reports, enabling interaction among multiple charts within a single report. This functionality allows the charts to communicate with each other, determining the selected drill-down level and loading new datasets accordingly into the charts. The breadcrumb service serves to track and define both the present and past drill-down levels, facilitating effortless navigation back to previous levels at any given point in time.

Goals

Create a cross drill-down service and a breadcrumb service for reports

Expected outcome

Drilldown service and breadcrumb service to provide communication between different chart components of a report

Acceptance Criteria

1. Code Review: The code changes should be reviewed by one or more peers or team members to ensure quality, adherence to coding standards, and best practices.
2. Functional Requirements: The changes should fulfill the specified functional requirements and resolve the issue or task described in the associated ticket or task tracker.
3. Tests: New code should be covered by appropriate unit tests, and existing tests should pass without any failures. This may also include adding new test cases to cover the changes.
4. Compatibility: Ensure that the changes do not break existing functionality and are compatible with the target branch or environment.
5. Documentation: Update any relevant documentation, including code comments, README files, or user guides, to reflect the changes made.
6. Coding Standards: Ensure that the code follows the established coding guidelines and standards of the project.
7. No Merge Conflicts: The pull request should not have any conflicts with the target branch. Resolve any conflicts before merging.

Implementation Details:

Create a cross drill-down service and a breadcrumb service for reports using Behavior subjects in RxJS

Product Name

cQube

Project Name

cQube

Organization Name

Tibil computer solutions Pvt Ltd

Domain

UI Development

Tech Skills Needed

Angular, RxJS

Category

UI

Mentor(s)

Pandu Ankani

Complexity

High

Change in login screen

Change in home screen (where role selection happens)

Description

Printing the download report is re-rendering the complete page

Screenshots

Table showing 'Yes' / 'No' - needs to show % values with following color coding for every cell with data available. If blank or null, show '-' with grey color.

• Less than 40% - red
• Between 40 and 70% - yellow
• Greater than 70% - green

Description

Create a flexible visualization generation module capable of generating dashboards based on provided configurations. These configurations encompass dataset details, filter criteria, and chart specifications for different report levels. The module will dynamically construct charts and filters according to the given configuration, creating a dashboard with tabs and visual representations tailored to the specified criteria. Utilize the JOI library to ensure the validity of dashboard and report configurations. Implement validation checks to identify and handle any invalid values within the provided configuration. Here the chart types should be mapped to the cQube chart components.

Goals

Implement Visualization generator module to support the dynamic creation of various charts through configuration

Expected outcome

Visualization generator module to be created and it must support the dynamic creation of various charts through configuration. It also should be able to check the necessary validations and the configuration format

Acceptance Criteria

1. Code Review: The code changes should be reviewed by one or more peers or team members to ensure quality, adherence to coding standards, and best practices.
2. Functional Requirements: The changes should fulfill the specified functional requirements and resolve the issue or task described in the associated ticket or task tracker.
3. Tests: New code should be covered by appropriate unit tests, and existing tests should pass without any failures. This may also include adding new test cases to cover the changes.
4. Compatibility: Ensure that the changes do not break existing functionality and are compatible with the target branch or environment.
5. Documentation: Update any relevant documentation, including code comments, README files, or user guides, to reflect the changes made.
6. Coding Standards: Ensure that the code follows the established coding guidelines and standards of the project.
7. No Merge Conflicts: The pull request should not have any conflicts with the target branch. Resolve any conflicts before merging.

Implementation Details

Create a new angular module within the cqube visualization layer repository which is based on Angular framework. Create necessary components and include validation checks to support the creation of visualization components dynamically through the configuration which is provided as input to the above module

Product Name

cQube

Project Name

cQube

Organization Name

Tibil computer solutions Pvt Ltd

Domain

UI Development

Tech Skills Needed

Angular, D3.js

Category

UI

Mentor(s)

Pandu Ankani

Complexity

High

Description

The download report drop-down is not showing properly

Screenshots

How to replicate

http://localhost:4200/#/teacher-attendance

Change one line description below 'School Infrastructure'

This program details the compliance of schools in the state with UDISE infrastructure criteria

This needs to be changed for all role dashboards - State, District, Block and Cluster.

Description

Develop Angular chart component plugins utilizing D3. The objective is to implement various chart components from the provided list. Each component should offer dynamic configuration options, enhancing customization for end users' efficiency.
Incorporate validation checks for the provided configuration and notify the user of any errors detected in the configuration input.

Following are the required chart component plugins:

• Line chart
• Bar chart

Following are the variations of bar chart

• Horizontal
• Vertical
• Multi bar

Line and bar (combined chart)

• Scatter plot
• Area chart
• Pie chart

Goals

Create and implement chart component plugins and also write unit test cases for the respective components

• Line chart
• Bar chart (variations - horizontal, vertical, multi bar chart)
• Line and bar (combined chart)
• Scatter plot
• Area chart
• Pie chart

Expected outcome

The chart component plugins will be developed with robust validation checks and will facilitate dynamic configuration options.

Acceptance Criteria:

1. Code Review: The code changes should be reviewed by one or more peers or team members to ensure quality, adherence to coding standards, and best practices.
2. Functional Requirements: The changes should fulfill the specified functional requirements and resolve the issue or task described in the associated ticket or task tracker.
3. Tests: New code should be covered by appropriate unit tests, and existing tests should pass without any failures. This may also include adding new test cases to cover the changes.
4. Compatibility: Ensure that the changes do not break existing functionality and are compatible with the target branch or environment.
5. Documentation: Update any relevant documentation, including code comments, README files, or user guides, to reflect the changes made.
6. Coding Standards: Ensure that the code follows the established coding guidelines and standards of the project.
7. No Merge Conflicts: The pull request should not have any conflicts with the target branch. Resolve any conflicts before merging.

Implementation Details:

Implement the required charts using D3 and ensure the chart components support customizations.

Product Name

cQube

Project Name

cQube

Organization Name

Tibil computer solutions Pvt. Ltd

Domain

UI Development

Category

UI

Tech Skills Needed

Angular, D3.js

Mentor(s)

Pandu Ankani

Complexity

High

Under block officer, value of teacher attendance reporting are different and the rank is exactly the same.

See screenshots

Selection on home screen

No way to check correct selection on the dashboard page

Current color coding is in 3 different shades of blue, these to be replaces by RYG (red , yellow, green)

Following rules can be followed:
light blue -> red
medium blue -> yellow
dark blue -> green

Data not showing yet