Expertiza_Wiki - User contributions [en]

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-11-15T19:38:00Z

Mjhorne2:

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already will be linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
[[File:E2491UML.png|600px]]
*Other changes include the creahttps://wiki.expertiza.ncsu.edu/index.php?title=CSC/ECE_517_Fall_2024_-_E2491.UI_for_View_assignments_in_Courses_viewtion of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. The only difference will be the data being filled in rather then the implementation below data will be created for the assignment name, institution, creation date and updated date. With each of these an action section will have to be created as part of the table as well.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
The newly created view all assignments table will be the main focus of our automation testing. We will be testing details about the page such as the correct information is being display, the table opens correctly and the formatting of the page as a whole.

Core Tests:
* Tests for the dropdown component in the courses list view to verify that is view opens and closes successfully.
* Tests for the assignment display component to verify that the correct data is displayed in the proper formatting.
* Tests that verify the action items correctly perform their expected actions upon click

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

File:E2491UML.png

2024-11-15T19:36:49Z

Mjhorne2:

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-11-15T19:26:11Z

Mjhorne2:

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already will be linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
*Other changes include the creahttps://wiki.expertiza.ncsu.edu/index.php?title=CSC/ECE_517_Fall_2024_-_E2491.UI_for_View_assignments_in_Courses_viewtion of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. The only difference will be the data being filled in rather then the implementation below data will be created for the assignment name, institution, creation date and updated date. With each of these an action section will have to be created as part of the table as well.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
The newly created view all assignments table will be the main focus of our automation testing. We will be testing details about the page such as the correct information is being display, the table opens correctly and the formatting of the page as a whole.

Core Tests:
* Tests for the dropdown component in the courses list view to verify that is view opens and closes successfully.
* Tests for the assignment display component to verify that the correct data is displayed in the proper formatting.
* Tests that verify the action items correctly perform their expected actions upon click

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-11-15T19:23:01Z

Mjhorne2:

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already will be linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
* These changes can be handled by creating a new component for each of the course rows. This component will be responsible for displaying the course dropdown below the course when selected.
* The dropdown will display a follow-up component that includes a table that displays correct assignment information.
*Other changes include the creahttps://wiki.expertiza.ncsu.edu/index.php?title=CSC/ECE_517_Fall_2024_-_E2491.UI_for_View_assignments_in_Courses_viewtion of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. The only difference will be the data being filled in rather then the implementation below data will be created for the assignment name, institution, creation date and updated date. With each of these an action section will have to be created as part of the table as well.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
The newly created view all assignments table will be the main focus of our automation testing. We will be testing details about the page such as the correct information is being display, the table opens correctly and the formatting of the page as a whole.

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)

CSC/ECE 517 Fall 2024 - E2491.UI for View assignments in Courses view

2024-11-15T19:17:28Z

Mjhorne2:

This page contains information about Expertiza Issue E2491. UI for View assignments in Courses view which was a project in CSC517 Fall 2024.

Please see below for a description of the design of the project.

== Purpose ==

The overall project goal is to add drop down functionality to the courses view in the reimplementation of Expertiza. This functionality will make it easier to navigate to the assignments for a given coarse. It will also provide a quick way of interacting with the assignments through the provided action items in the dropdown.

== Requirements ==
* Create an updated version of the view assignments table that is connected to the courses view.
* Connect all previously reimplemented views that were a part of the old implementation including the view created for this teams last project [[CSC/ECE 517 Fall 2024 - E2467. UI for View Submissions]]
* Create extensive test cases for the new and updated views.

== Implementation Plan ==
*The main changes that will be made is the creation of the view all assignments table that will be displayed underneath a course when the assignments button is clicked on. The goal of our implement is to create a similar table to the view all courses page to ensure that formatting is uniform across the page. Any links, which can be seen in the action section in the previous implementation below. That do not have a view created already will be linked to an empty page that will be created in a later semester.
[[File:ViewAssignments.png|1100px]]
*Other changes include the creahttps://wiki.expertiza.ncsu.edu/index.php?title=CSC/ECE_517_Fall_2024_-_E2491.UI_for_View_assignments_in_Courses_viewtion of mock data in order to test the table to ensure data is being formatted and displayed correctly. This will be done in a similar manner to our previous project which an example of can be seen below. The only difference will be the data being filled in rather then the implementation below data will be created for the assignment name, institution, creation date and updated date. With each of these an action section will have to be created as part of the table as well.

const fetchSubmissions = async () => {
const date = new Date(Date.parse('04 Dec 2021 00:12:00 GMT'));
const data = Array.from({ length: 23 }, (_, i) => {
const id = i + 1;
const teamNumber = 38121 + i;
const assignmentNumber = (i % 5) + 1;
const studentCount = (i % 3) + 1;
const currentDate = new Date(new Date().setDate(date.getDate() + i));

const members = Array.from({ length: studentCount }, (_, j) => ({
name: `Student ${10000 + i * 10 + j}`,
id: 10000 + i * 10 + j,
}));

const links = [
{ url: `https://github.com/example/repo${id}`, displayName: "GitHub Repository" },
{ url: `http://example.com/submission${id}`, displayName: "Submission Link" },
];

const fileInfo = [
{
name: `README.md`,
size: `${(Math.random() * 15 + 10).toFixed(1)} KB`,
dateModified: formatDate(currentDate),
},
];

return {
id,
teamName: `Anonymized_Team_${teamNumber}`,
assignment: `Assignment ${assignmentNumber}`,
members,
links,
fileInfo,
};
});

== Test Plan ==
=== Manual Testing ===
Manual testing will be done one each part of the project including linking to the view all assignments page from a course and linking form the new assignments page to the other already created pages that the assignments page will link to. The focus of the manual testing will be to test to make sure a links are set up correctly and if a page exists for the functionality for that link it will route to the already created page rather then a new empty page.
=== Automatic Testing ===
The newly created view all assignments table will be the main focus of our automation testing. We will be testing details about the page such as the correct information is being display, the table opens correctly and the formatting of the page as a whole.

== Team Members ==
# Chris Kastritis (crkastri@ncsu.edu)
# Mark Feng (mjfeng@ncsu.edu)
# Mason Horne (mjhorne2@ncsu.edu)

Mentor: Prathima Putreddy Niranjana (pniranj@ncsu.edu)