CAPSTONE PROJECT 1

INTERFACE DESIGN DOCUMENT

Version_V1.0
Date: 22/10/2019

GRADE MANAGEMENT
SYSTEM USING BLOCKCHAIN

Mentor: Nguyen Duc Man

Group: B-Grade Team
 Mai Van Thanh
 Hoang Kim Quy
 Huynh Tan Dung
 Le Minh Hoang

INTERNATIONAL SCHOOL
 Project Information

Project acronym B-Grade

Project Tittle Grade Management System Using Blockchain

Start Date 24-Aug-2019 End Date 07-Dec-2019

Lead Institution International School, Duy Tan University

Project Mentor Nguyen Duc Man
& contact
Email: mannd@duytan.edu.vn
details
Huynh
Tel Tan Dung
: 0904235945
Product Owner Email : dunghuynh.010598@gmail.com

Tel: 0964318076

Scrum Master Mai Van Thanh

& contact Email: a1mvthanh@gmail.com
details
Tel: 0383009855
Name Email Tel

Hoang Kim Quy kinhvanhoa97@gmail.com 0794218717

Team members
Le Minh Hoang lemhoang997@gmail.com 0962228965

Huynh Tan Dung dunghuynh.010598@gmail.com 0964318076

Mai Van Thanh a1mvthanh@gmail.com 0383009855

B-Grades Page | 1
 Document Information

Document Title User Inter Face Design

Reporting Period
Author(s) & Project Huynh Tan Dung, Product Owner

Name Role

Hoang Kim Quy Member

Team Information Le Minh Hoang Member

Mai Van Thanh Member

Huynh Tan Dung Member

Date 02/09/2019 Filename UserInterFaceDesign_

V1.0.docx

Access Project and CMU Program

Document History
Version Date Comment
V1.0 22/10/2019 Create Interface
s design document

B-Grades Page | 2
 Document Approvals

The following signatures are required for approval of this document.

Msc Man, Nguyen Duc Date
Mentor
Thanh, Mai Van Date
Scrum master, DevTeam
Dung, Huynh Tan Date
Product Owner, DevTeam
Quy, Hoang Kim Date
DevTeam
Hoang, Le Minh Date
DevTeam

B-Grades Page | 3
 TABLE OF CONTENTS
Project Information ........................................................................................................... 1
Document Information ...................................................................................................... 2
Document Approvals ......................................................................................................... 3
1. Introduction ................................................................................................................... 5
1.1 Purpose .................................................................................................................. 5
1.2 Scope ...................................................................................................................... 5
2. List of Interface .............................................................................................................. 5
3. Describe User Interface Application in Detail ............................................................ 6
3.1 UI-Student ................................................................................................................. 6
3.1.1 UI-01 Login ......................................................................................................... 6
3.1.2 UI-02 Home Page ............................................................................................... 7
3.1.3 UI-03 Detail Transcript ..................................................................................... 7
3.1.4 UI-04 Transcript ................................................................................................ 8
3.2 UI-Lecturer ............................................................................................................... 9
3.2.1 UI-01 Login ......................................................................................................... 9
3.2.2 UI-06 Input Grade ........................................... Error! Bookmark not defined.
3.3 UI-Dean ................................................................................................................... 12
3.3.3 UI-01 Login ....................................................................................................... 12
3.3.1 UI-07 View Grade ............................................................................................ 13
3.3.2 UI-08 View Transcript .................................................................................... 14

B-Grades Page | 4
1. Introduction
1.1 Purpose
 This document serves the purpose of specifying application’s
1.2 Scope
 Overview of the stages and modules of the system
 Create complete interfaces, and describe them clearly.

2. List of Interface
User Interface ID UI Name Notes

UI-01 Login

UI-02 Home Page

UI-03 Detail Transcript

UI-04 Transcript

UI-05 Logout

UI-06 Input Grade

UI-07 View Grade(Lecturer)

UI-08 View Grade(Dean)

UI-09 View Transcript

B-Grades Page | 5
3. Describe User Interface Application in Detail
3.1 UI-Student
3.1.1 UI-01 Login

ID Condition Control Type Target Notes

1 Click Text Box Enter student ID
2 Click Text Box Enter password
3 Click Button User click “Login” to log in
system:
- Check username or password is
invalid, if invalid. System will
display message: “the password
or username is invalid”.
- Check username or password,
whether field is empty. System
will display” Field is empty”.
- Username and password don’t
exist in system. System will
display: “Username or password
doesn’t exist”.
- If login success, change to form
UI -02

·-

B-Grades Page | 6
3.1.2 UI-02 Home Page

ID Condition Control Type Target Notes

1 Nothing Image Nothing
2 Click Button Nothing
3 Click Button Change to UI-03
4 Click Button Change to UI-04
·
5 Click Button Logout of the system

3.1.3 UI-03 Detail Transcript

ID Condition Control Type Target Notes

1 Nothing Image Nothing
2 Click Button Change to UI-02
3 Click Button Nothing
4 Click Button Change to UI-04

B-Grades Page | 7
5 Click Button Logout of the system
6 Click Combo Box Select school year and semester
above and show data table
7 Nothing Table Nothing
8 Click Button Show detail grade component
9 Nothing Table Nothing

3.1.4 UI-04 Transcript

ID Condition Control Type Target Notes

1 Nothing Image Nothing
2 Click Button Change to UI-02
3 Click Button Change to UI-03
4 Click Button Change to UI-04
5 Click Button Logout of the system
6 Nothing Table Show transcript

B-Grades Page | 8
3.2 UI-Lecturer
3.2.1 UI-01 Login

ID Condition Control Type Target Notes

1 Click Text Box Enter student ID
2 Click Text Box Enter password
3 Click Button User click “Login” to log in
system:
- Check username or password is
invalid, if invalid. System will
display message: “the password
or username is invalid”.
- Check username or password,
whether field is empty. System
will display” Field is empty”.
- Username and password don’t
exist in system. System will
display: “Username or password
doesn’t exist”.
- If login success, change to form
UI -02

·-

B-Grades Page | 9
3.2.2 UI-06 Input Grade

ID Condition Control Type Target Notes

1 Nothing Image Nothing
2 Click Button Change to UI-02
3 Click Button Nothing
4 Click Button Change to UI-07
5 Click Button Logout of the system
6 Click Combo Box Select school year and session
and show data table
7 Click Button Show table input grade
8 Click Combo Box Select score component the
score column to enter and show
data table
9 Click Text Box Enter data number
10 Click Button Save data

B-Grades Page | 10
3.2.3 UI-07 View Grade

ID Condition Control Type Target Notes

1 Nothing Image Nothing
2 Click Button Change to UI-02
3 Click Button Change to UI-06
4 Click Button Nothing
5 Click Button Logout of the system
6 Click Combo Box Select school year and session
and show data table
7 Click Button show view grades table
8 Nothing Table Nothing

B-Grades Page | 11
3.3 UI-Dean
3.3.3 UI-01 Login

ID Condition Control Type Target Notes

1 Click Text Box Enter student ID
2 Click Text Box Enter password
3 Click Button User click “Login” to log in
system:
- Check username or password is
invalid, if invalid. System will
display message: “the password
or username is invalid”.
- Check username or password,
whether field is empty. System
will display” Field is empty”.
- Username and password don’t
exist in system. System will
display: “Username or password
doesn’t exist”.
- If login success, change to form
UI -02

·-

B-Grades Page | 12
3.3.1 UI-07 View Grade

ID Condition Control Type Target Notes

1 Nothing Image Nothing
2 Click Button Change to UI-02
3 Click Button Nothing
4 Click Button Change to UI-09
5 Click Button Logout of the system
6 Click Combo Box Select school year and session,
show data table
7 Nothing Table Nothing
8 Click Button Show table view grade()
9 Nothing Table Nothing

B-Grades Page | 13
3.3.2 UI-08 View Transcript

ID Condition Control Type Target Notes

1 Nothing Image Nothing
2 Click Button Change to UI-02
3 Click Button Change to UI-07
4 Click Button Nothing
5 Click Button Logout of the system
6 Click Combo Box Select course
7 Click Combo Box Select class and show data table
8 Click Button Show data table transcript of
student(9)
9 Nothing table Nothing

B-Grades Page | 14