CSC/ECE 517 Spring 2024 - E2435 Implement Frontend for the My Profile: Difference between revisions
No edit summary |
No edit summary |
||
| Line 19: | Line 19: | ||
=== Language: === | === Language: === | ||
==== Description: ==== | ====== Description: ====== | ||
Users will be able to set their preferred language for the interface, allowing for localization to cater to a diverse user base. | Users will be able to set their preferred language for the interface, allowing for localization to cater to a diverse user base. | ||
==== Details: ==== | ====== Details: ====== | ||
A dropdown menu or similar interface will enable users to select their preferred language from a list of available options. | A dropdown menu or similar interface will enable users to select their preferred language from a list of available options. | ||
The selected language will determine the language used throughout the user interface, including labels, messages, and instructions. | The selected language will determine the language used throughout the user interface, including labels, messages, and instructions. | ||
| Line 27: | Line 27: | ||
=== Timezones: === | === Timezones: === | ||
==== Description: ==== | ====== Description: ====== | ||
Users will have the ability to set their preferred timezone, ensuring that timestamps and deadlines are displayed accurately according to their local time. | Users will have the ability to set their preferred timezone, ensuring that timestamps and deadlines are displayed accurately according to their local time. | ||
==== Details: ==== | ====== Details: ====== | ||
Users can select their timezone from a dropdown menu or similar interface, choosing from a list of supported timezones. | Users can select their timezone from a dropdown menu or similar interface, choosing from a list of supported timezones. | ||
The selected timezone will be used to convert timestamps and deadlines to the user's local time, providing a more accurate representation of time-sensitive information. | The selected timezone will be used to convert timestamps and deadlines to the user's local time, providing a more accurate representation of time-sensitive information. | ||
| Line 35: | Line 35: | ||
=== Email Options: === | === Email Options: === | ||
==== Description: ==== | ====== Description: ====== | ||
Users can customize their email notification preferences for various events such as work reviews, submissions, and meta-reviews. | Users can customize their email notification preferences for various events such as work reviews, submissions, and meta-reviews. | ||
==== Details: ==== | ====== Details: ====== | ||
Checkboxes or similar controls will allow users to opt-in or opt-out of email notifications for specific events. | Checkboxes or similar controls will allow users to opt-in or opt-out of email notifications for specific events. | ||
Users can select the types of notifications they wish to receive, tailoring their email preferences to suit their needs and preferences. | Users can select the types of notifications they wish to receive, tailoring their email preferences to suit their needs and preferences. | ||
| Line 44: | Line 44: | ||
=== User Interface Enhancement === | === User Interface Enhancement === | ||
==== Description ==== | ====== Description ====== | ||
The user interface (UI) will undergo a redesign to make it more intuitive and visually appealing. The goal is to create a modern look and feel that aligns with current design trends while ensuring consistency with the existing Expertiza interface.The UI design will be homogeneous to the current reimplementation of Expertiza to maintain consistency across the platform. It will feature a clean and intuitive layout with clear navigation and easily identifiable controls. | The user interface (UI) will undergo a redesign to make it more intuitive and visually appealing. The goal is to create a modern look and feel that aligns with current design trends while ensuring consistency with the existing Expertiza interface.The UI design will be homogeneous to the current reimplementation of Expertiza to maintain consistency across the platform. It will feature a clean and intuitive layout with clear navigation and easily identifiable controls. | ||
==== Details: ==== | ====== Details: ====== | ||
The redesign will focus on improving the layout, typography, color scheme, and overall aesthetic appeal of the user profile page. | The redesign will focus on improving the layout, typography, color scheme, and overall aesthetic appeal of the user profile page. | ||
Elements such as buttons, forms, and navigation will be redesigned to provide a more seamless and enjoyable user experience. | Elements such as buttons, forms, and navigation will be redesigned to provide a more seamless and enjoyable user experience. | ||
Revision as of 19:52, 8 April 2024
Expertiza
Expertiza stands as a versatile open-source web application constructed on the robust Ruby on Rails framework. Its primary function revolves around empowering instructors to craft tailored assignments, complete with curated topic lists, providing students with ample options for selection. Moreover, the platform extends its capabilities to facilitate seamless team formation, enabling students to collaborate efficiently on assignments and larger-scale projects.
One of Expertiza's standout features lies in its support for peer review processes, a crucial aspect of modern education. Through this functionality, students can engage in constructive feedback exchanges, offering evaluations and critiques on their peers' submissions. What sets Expertiza apart is its flexibility in accommodating various document formats, including URLs and wiki pages, ensuring comprehensive assessment avenues.
In essence, Expertiza represents more than just a mere educational tool; it embodies a comprehensive solution for managing assignments, fostering teamwork, and facilitating peer evaluations. Its open-source nature further enhances accessibility, making it freely available to educational institutions and individuals alike, thereby democratizing access to quality education tools.
Overview
The My Profile page in Expertiza currently implemented in Ruby needs to be reimplemented using React and TypeScript to enhance user experience and maintainability. The reimplementation aims to maintain feature parity while improving intuitiveness and usability. Features Profile Display
Show Profile: Display user's profile information. Anonymized View: Check if anonymized view is selected, if not, display the user's name; otherwise, map it to a function to display the student ID.
Preferences
Language:
Description:
Users will be able to set their preferred language for the interface, allowing for localization to cater to a diverse user base.
Details:
A dropdown menu or similar interface will enable users to select their preferred language from a list of available options. The selected language will determine the language used throughout the user interface, including labels, messages, and instructions. This feature enhances accessibility and inclusivity by accommodating users who prefer to interact with the application in languages other than the default.
Timezones:
Description:
Users will have the ability to set their preferred timezone, ensuring that timestamps and deadlines are displayed accurately according to their local time.
Details:
Users can select their timezone from a dropdown menu or similar interface, choosing from a list of supported timezones. The selected timezone will be used to convert timestamps and deadlines to the user's local time, providing a more accurate representation of time-sensitive information. This feature improves usability and reduces confusion by presenting time-related information in a format that is familiar and relevant to the user.
Email Options:
Description:
Users can customize their email notification preferences for various events such as work reviews, submissions, and meta-reviews.
Details:
Checkboxes or similar controls will allow users to opt-in or opt-out of email notifications for specific events. Users can select the types of notifications they wish to receive, tailoring their email preferences to suit their needs and preferences. This feature provides users with greater control over their communication preferences, reducing unnecessary email notifications and improving overall user satisfaction.
User Interface Enhancement
Description
The user interface (UI) will undergo a redesign to make it more intuitive and visually appealing. The goal is to create a modern look and feel that aligns with current design trends while ensuring consistency with the existing Expertiza interface.The UI design will be homogeneous to the current reimplementation of Expertiza to maintain consistency across the platform. It will feature a clean and intuitive layout with clear navigation and easily identifiable controls.
Details:
The redesign will focus on improving the layout, typography, color scheme, and overall aesthetic appeal of the user profile page. Elements such as buttons, forms, and navigation will be redesigned to provide a more seamless and enjoyable user experience. Homogeneity with the current reimplementation of Expertiza will be maintained to provide continuity and familiarity for existing users.
Implementation Details
Technologies
React: Front-end library for building user interfaces. TypeScript: Adds static typing to JavaScript, enhancing code quality and maintainability.