Project Assignment Course: ITSE 2402 Term: Mode: Instructor: Abass Alamnehe Purpose: Project V—Grade Worksheet Requirement ▪ Use Microsoft Visual Studio Code or any tool that you think is appropriate...

Project Assignment

Course: ITSE 2402
Term: Mode:
Instructor: Abass Alamnehe
Purpose: Project V—Grade Worksheet

Requirement
▪ Use Microsoft Visual Studio Code or any tool that you think is appropriate for the project.
▪ To submit, you should ZIP the project with proper folder structure.
▪ Submit your work on http://eagleonline.hccs.edu by due date.

Resources
HTML Documentation
https://developer.mozilla.org/en-US/docs/Learn/HTML
Bootstrap
https://getbootstrap.com/docs/4.1/getting-started/introduction/
JavaScript Reference
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference
TypeScript
https://www.typescriptlang.org/docs/home.html
Angular
https://angular.io/
Node.js
https://nodejs.org/en/
Apache Web Server
Digital & Information Technology
Houston Community College
http://eagleonline.hccs.edu/
https://developer.mozilla.org/en-US/docs/Learn/HTML
https://getbootstrap.com/docs/4.1/getting-started/introduction/
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference
https://www.typescriptlang.org/docs/home.html
https://angular.io/
https://nodejs.org/en/

Project: Grade Worksheet

The purpose of this project is to develop an Angular web app that provides an entry form for student grades and
determines the average grade of each student based on grade scale table provided below.

Grade Scale
Type Scale
Exam I, II, and III 60%
Project I, II, III, IV, and V 40%


The app should have a page that consists of:

▪ Page Title
▪ A data form supporting the fields required for the project. Please use this course exams and projects grade
policy.
▪ A section where every time a user enters a student data, the average is determined, and the student record
is listed. This section should list all entered students.


General Rules
▪ The required data for student grades should include first name, last name, three exams, and five projects.
▪ The weight assigned to all the exams is 60% while for projects is 40%.
▪ The app should determine the average and render it in the Grade Detail table along with the associated
data.
▪ Form or data validation is encouraged.
Programming Requirements
▪ The is an Angular app project.
▪ At least, template-driven form is required for data entry.
▪ Use bootstrap for professional look & feel.
▪ Your page design should reflect the content matter.
Design Consideration
When you design your website, take into consideration the following factors.

▪ The page is friendly to various devices. Ideally, to design an effective web page, using HTML, CSS, JavaScript,
SVG, and at least, one client-side framework is required. You will find a lot of examples on Bootstrap official
site:

https://getbootstrap.com/.

▪ You should use an original look & feel on the page layout, color theme, and font selection that are appropriate
to the contents.
▪ Generally, global hyperlinks are places on the header and footer of a page. The header should feature those
links that capture the structure of the website. The Bootstrap framework does provide excellent header style
that you can use.
General Requirements
▪ The application must be user friendly and fun to use. Apply proper look & feel where it applies.
▪ The source code must be properly and consistently documented.
▪ The source code must be properly and consistently formatted.
▪ Submit compressed src folder only. If two or more identical works are submitted, all of them will be
rejected with serious consequences.
https://getbootstrap.com/
May 08, 2021

Submit New Assignment

Copy and Paste Your Assignment Here