The Faculty of Computer Science and Communication Technology of Wroclaw University of Science and Technology, on a semester basis, conducts a faculty-wide teaching quality assurance procedure. This procedure is focused on continuous improvement of the quality of education and adaptation of teaching standards to the needs of the labor market and to the constantly changing socioeconomic environment.
The procedure is carried out in accordance with internal regulations issued by the university’s rector in which the general principles of the procedure are described.
The procedure is organized and managed by the faculty’s Department of Education Quality every academic semester and is known to be time-consuming, error-prone, and tedious as all the processes of procedure are handled manually and in paper form.
Lack of automation of the process leads to the paper forms being filled incorrectly. A huge amount of time is taken by the very initial step of the procedure - organization. As these and other sub-processes in this procedure became to be more and more time-consuming and cluttered, the need in process automation became a necessity.
The initiative to automate the process has been published as an idea for the software product to be developed by the graduates in Applied Computer Science major of the Faculty of Information and Communication Technology as a part of one of the classes in their curriculum.
The goal of the project is to use technology integration to:
Fully digitize the current way of procedure.
Handle all the operations that are supported by current procedures without their adjustment in the online form.
Make the process of teaching quality assurance more organized in a way that all parties will be involved in the process just by utilizing the system.
Improve the current process by providing users with the features that are not possible to utilize in the current solution.
Platform: Web Application
Programming Languages: JavaScript, HTML, CSS
Database: PostgreSQL
Libraries and Frameworks: React.js, Express.JS
Jira Issues solved per area:
● Facilitating sprint plannings
● Code reviews
● Reporting bugs
● Organizing team meetings
● Leading team discussions
● Helping / cooperating with other team members.
As one of my roles was also being a front-end developer on the project, I was responsible for defining the aesthetic direction of the system. I carefully selected main styles and fonts that were not only visually appealing but also aligned with the goals and values of the domain. I also took charge of designing the layout and look of the system's pages, considering factors such as user experience, navigation, and information architecture. By doing so, I was able to create a cohesive and user-friendly front-end design that supported the overall goals of the project.
Besides being a front-end developer, I also was responsible for implementing functionalities for the system's API as well as database migrations and documentation. Below I am presenting and describing my work in more detail with the system's snapshots.
Login
As part of my front-end development work on the project, I was tasked with creating the login page for the web system. To ensure that the page reflected the customer's branding, I carefully selected a target color scheme that matched their existing brand guidelines. I designed the full look of the page, considering factors such as user experience, readability, and visual appeal. After thoroughly designing the page presented on the right, I implemented the static part of it, ensuring that all of the visual elements were properly aligned and displayed as intended. The end result was a login page that was both aesthetically pleasing and in line with the customer's branding.
Reset password
I also designed the password recovery page, taking into account the modern interface that I had established for the login page. The password recovery page features the same color scheme and visual elements as the login page, ensuring consistency and ease of use for the user. The design focuses on clear and concise instructions for the user to follow in order to recover their password, all presented in a modern and visually appealing manner. I implemented the static part of the page presented on the right. The end result is a password recovery page that fits in with the modern aesthetic of the overall system and provides a clear and user-friendly process for password recovery.
Account activation
I also designed the account activation page for the system, maintaining the modern interface established for the login and password recovery pages. The page features a clear and concise design, with a focus on guiding the user through the activation process. The visual elements and color scheme are consistent with the rest of the system for a seamless user experience. I implemented the static part of the page presented on the right, ensuring a smooth activation process for users.
Assessments
I designed and fully implemented the assessment handling page for the educational institution system presented on the right, which serves as the main gate for authorities to manage the teaching quality assurance process. To accommodate the language needs of the institution's staff, who speak both Polish and English, I set up internationalization for the whole system. In addition, I also implemented the necessary API backend call to retrieve all the information required for the page. The page features a modern and user-friendly design, with clear and concise instructions for managing assessments, regardless of language. The visual elements and color scheme are consistent with the rest of the system, creating a cohesive and aesthetically pleasing experience.
Create assessment
As part of my work, I added a modal to the assessment handling page for creating assessments. I took care of the full front-end implementation, including the design of the modal's appearance and functionality. The modal seamlessly integrates with the overall design of the assessment handling page and the rest of the system, ensuring a consistent and modern experience as presented on the right.
Assessment details
I designed and implemented a feature on the assessment handling page that displays detailed information about the selected assessment from a list of assessments as shown on the right. This feature provides a comprehensive overview of the selected assessment, including information about its status, semester of assessment, and persons being assessed. I implemented an API backend call to retrieve this information, ensuring that the feature always displays the most up-to-date information about each assessment. I took care to design the feature with a modern and user-friendly interface, ensuring that it integrates seamlessly with the overall design of the assessment handling page and the rest of the system.
Send assessment for approval
As part of my work, I added a modal to the assessment handling page for sending the assessment schedule for approval by a supervisor. I took care of the full front-end implementation, including the design of the modal's appearance and functionality. The modal seamlessly integrates with the overall design of the assessment handling page and the rest of the system, ensuring a consistent and modern experience as presented on the right.
Export the schedule
One of my major contributions to the project was the development of the functionality for exporting the schedule of assessments to an Excel file. This feature allows authorities to easily create official documents and provides them with the flexibility to analyze and manipulate the data as needed. I fully implemented the API backend call that generates an XLSX file and made it possible for users to download it directly from the client side. My efforts resulted in a clear and well-formatted file, ensuring that the information is presented in an organized and professional manner. The export feature has been well received and has proven to be a valuable asset to the project. I am proud to have played a key role in the development of this feature and am confident that it will continue to be an important part of the project for years to come.
User management
I was responsible for the implementation of a custom user management page for the system. This page provides authorities with a simple and effective tool for managing users. The user-friendly interface allows authorities to easily view and edit user information, ensuring that all necessary information is displayed in a clear and organized manner. Responsive and flexible tools assist in the management process, making it a straightforward and efficient process. My efforts have resulted in a user management page that is well-received and has proven to be a valuable asset to the project.
Schedule approval
I was responsible for the full design and implementation of the page, as well as the implementation of an API backend call that retrieves all of the assessment schedules that the supervisor is responsible for approving. My efforts have resulted in a user-friendly and visually appealing page that provides supervisors with an overview of all the assessments that require their approval. The page is easy to navigate and provides all the necessary information in a clear and concise manner. The API backend call I implemented ensures that the data is up-to-date and accurate, making it a reliable tool for supervisors. I am confident that this page will play a critical role in the success of the project and will be a valuable asset for supervisors.
Schedule approval - Assessment details
I was responsible for implementing a feature in the Schedule Approval page. This feature allows supervisors to see the details of each assessment, including all the necessary information needed for review. The feature provides supervisors with a comprehensive overview of each assessment schedule. The feature I implemented lists all the relevant information in a clear and organized manner, making it easy for supervisors to quickly review and make decisions regarding the assessments. In addition to the front-end development, I also implemented the API backend call to retrieve all the necessary information needed for the page. This has ensured that the data displayed on the page is accurate and up-to-date, making it a reliable tool for supervisors. My efforts have resulted in a feature that is well-received and has proven to be a valuable asset to the project. The ability to view detailed information on each assessment has greatly improved the efficiency of the approval process and has helped to ensure that all assessments are thoroughly reviewed before they are approved.
Reject schedule
In addition to the feature I implemented for supervisors to view assessments that are awaiting their approval, I was also responsible for the front-end development of a modal for rejecting the assessment schedule. This feature allows supervisors to reject the schedule and provide a reason for the rejection. The modal I developed provides a simple and straightforward way for supervisors to reject a schedule, ensuring that all necessary information is recorded and that the rejection is clear and concise. The modal is user-friendly and easy to navigate, making it a valuable tool for supervisors. My efforts have resulted in a modal that is well received and has proven to be a critical component of the approval process. The ability to reject an assessment schedule with a clear explanation has greatly improved the efficiency and accuracy of the approval process and has helped to ensure that only assessments that meet the required standards are approved.
Awaiting evaluations
I was responsible for the front-end development and API backend call for a page that lists the evaluations that the evaluating team is responsible for. This page serves as the main gateway to filling out protocols, which are a critical part of the system. The API call I implemented returns the evaluations that the logged-in user is responsible for, ensuring that the information displayed on the page is accurate and up-to-date. The page I developed provides a clear and organized overview of the evaluations the evaluating team is responsible for, making it easy for users to quickly access and fill out the necessary protocols. My efforts have resulted in a page that is well received and has proven to be a valuable asset to the project.
Copyright (c) 2023 Anton Alexander