CSC/ECE 517 Spring 2024 - E2435 Implement Frontend for the My Profile: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
Overview | == 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. | 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. | ||
| Line 8: | Line 16: | ||
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. | 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 | === Preferences === | ||
Language: Allow users to select their preferred language. | Language: Allow users to select their preferred language. | ||
| Line 14: | Line 22: | ||
Email Options: Provide checkboxes for users to manage their email preferences. | Email Options: Provide checkboxes for users to manage their email preferences. | ||
User Interface | === User Interface === | ||
Homogeneous Design: Ensure UI consistency with the current reimplementation of Expertiza. | Homogeneous Design: Ensure UI consistency with the current reimplementation of Expertiza. | ||
Intuitive Design: Design the UI to be user-friendly and intuitive, making it easy for users to navigate and understand. | Intuitive Design: Design the UI to be user-friendly and intuitive, making it easy for users to navigate and understand. | ||
Implementation Details | == Implementation Details == | ||
Technologies | === Technologies === | ||
React: Front-end library for building user interfaces. | React: Front-end library for building user interfaces. | ||
TypeScript: Adds static typing to JavaScript, enhancing code quality and maintainability. | TypeScript: Adds static typing to JavaScript, enhancing code quality and maintainability. | ||
UI Design | === UI Design === | ||
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 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. | ||
Revision as of 19:25, 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: Allow users to select their preferred language. Timezones: Enable users to set their timezone preferences. Email Options: Provide checkboxes for users to manage their email preferences.
User Interface
Homogeneous Design: Ensure UI consistency with the current reimplementation of Expertiza. Intuitive Design: Design the UI to be user-friendly and intuitive, making it easy for users to navigate and understand.
Implementation Details
Technologies
React: Front-end library for building user interfaces. TypeScript: Adds static typing to JavaScript, enhancing code quality and maintainability.
UI Design
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.