UI module is the presentation layer of course list project. Horizontally, ui modules are separated into the following three components. Each component is made up of several views and actions. Here a view means a part of HTML page that shows information and an action means a class that will be executed after some button is pushed.

Three components are included by ui module

Course management component	Administrators can manage(add/edit/delete) course informations in this component.
Teacher workbench	Component for teacher to manage his courses and students.
Student workbench	Student workbench component is where student manages his own information. He can change profile, add/drop class and print transcript.

Administrators can manage(add/edit/delete) course informations in this component.

Type	Page/Action	Function
View	CourseList	Shows a list of all courses. The list can be sorted based on prefix, code, name and credit. Each row of course has a checkbox, user and delete courses by checking and pushing "Delete Selected" button.
Action	DeleteCourseAction	Delete checked course(s) and return to previous page
View	CreateCourse	A form for user to input information for creating new form
Action	CreateCourseAction	Action to take form information from CreateForm view and create the form in database
View	EditCourse	Edit basic information of a course
Action	SaveCourseAction	Action to save basic information of course
Action	AddPrerequisiteAction	Add a prerequisite course for another course
Action	DeletePrerequisiteAction	Delete a prerequisite from a course
View	Teachers	View to manage teachers in system
Action	AddTeacherAction	Add a new teacher
Action	DeleteTeacherAction	Action to delete existing teacher

Component for teacher to manage his courses and students.

Type	Page/Action	Function
View	My courses	Display the summary of the courses whose teacher is current user.
View	My course detail	Display the course information and the students under this course
Action	AddStudentAction	Add a student into given course
Action	SaveScoreAction	Action to save the score of a student in a course
Action	RemoveStudentAction	Force student to be removed from a course
Action	DropStudentAction	Force student to drop a course

Student workbench component is where student manages his own information. He can change profile, add/drop class and print transcript.

Type	Page/Action	Function
View	My courses	View/edit the courses that current student participates.
View	MyTranscript	Show all courses related to current student.
Action	AddCourseAction	Register a course
Action	DropCourseAction	Drop a course. If prerequiste is not completely satisfied, throw exception.