Skip to content

Weekly Activity

Detailed Description of the "Weekly Activity" UI Component and the url path is "https://blt.owasp.org/contributor-stats/" for the OWASP Bug Logging Tool (BLT) Application

1. Component Overview

The "Weekly Activity" UI component in the OWASP Bug Logging Tool (BLT) application tracks and displays user activities over the course of a week. Its primary functionalities include providing an overview of user contributions such as commits, issues opened, issues closed, assigned issues, pull requests, and comments. This component helps users and administrators monitor and analyze the productivity and engagement levels of contributors.

2. User Interaction

Users interact with the Weekly Activity component through the following steps: 1. Viewing Activities: Users can scroll through the list to see their weekly activity summary. 2. Analyzing Contributions: Users can analyze their contributions by examining the different activity metrics displayed in the table. 3. Comparing Performance: Users can compare their activity levels with other contributors to understand their relative performance.

3. Key Elements

  • Usernames: Displays the usernames of contributors.
  • Commits: Shows the number of commits made by each user within the week.
  • Issues Opened: Indicates the number of issues opened by each user.
  • Issues Closed: Shows the number of issues closed by each user.
  • Assigned Issues: Displays the number of issues assigned to each user.
  • Pull Requests: Indicates the number of pull requests submitted by each user.
  • Comments: Shows the number of comments made by each user.

4. Visual Design

  • Layout: The layout is table-based, with columns for each activity metric and rows for each user. The navigation sidebar is positioned on the left, and the main content area displays the activity table.
  • Color Scheme: The design uses a consistent color scheme with red, white, and grey tones, matching the overall BLT branding. Headers and activity metrics use darker shades for contrast.
  • Typography: Modern, readable fonts are used for usernames, activity metrics, and other text elements, ensuring clarity and ease of reading.
  • Visual Cues: The table headers and rows are clearly delineated with borders and alternating background colors to enhance readability.

5. Accessibility Features

  • Keyboard Navigation: All interactive elements can be accessed and operated via keyboard shortcuts, allowing users with mobility impairments to navigate and use the component.
  • Screen Reader Compatibility: The table, headers, and activity metrics are labeled clearly to be compatible with screen readers, aiding visually impaired users in understanding and interacting with the component.
  • High Contrast: Text and interactive elements have high contrast against the background, making it easier for users with visual impairments to read the content.
  • Descriptive Labels: All interactive elements have clear and descriptive labels to ensure users understand their purpose and functionality.

6. Error Handling

The Weekly Activity component includes mechanisms to handle errors and provide feedback to users: - Data Validation: Ensures that the data displayed is accurate and up-to-date, with regular updates to reflect the latest user activities. - Error Messages: If an error occurs while loading the activity data, clear and concise error messages are displayed to inform the user and provide steps to resolve the issue. - Fallback Content: If activity data fails to load, the page provides fallback messages or placeholders, ensuring that the user experience is not significantly disrupted.

7. Performance

The component is designed with several features to enhance performance and user experience: - Optimized Loading: The page is optimized to load quickly, allowing users to view their weekly activity summary without delay. - Responsive Design: The layout is fully responsive, adapting to different screen sizes and devices to ensure a consistent and accessible experience across desktops, tablets, and mobile devices. - Efficient Data Retrieval: Uses efficient data retrieval techniques to fetch and display activity data quickly, minimizing wait times and enhancing user satisfaction. - Scalability: The table is designed to handle a large number of users and activity metrics, maintaining performance and user experience even with extensive data.