Capstone Project 1: Interface Design Document

You might also like

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 16

InterfaceDesign Document 2019

CAPSTONE PROJECT 1
Interface Design Document
< Quick Marker >
(Doc-v1.1)

PROJECT CODE: CAP1-AIS

DOCUMENT CODE: InterfaceDesign_Ver1

PROJECT TEAM: Team 13

MENTOR: Msc.Nhat Minh Nguyen

TEAM MEMBERS:
Giang To Huu

Huy Le Quoc

Tuan Huynh Anh

Trung Dang Quoc

Da Nang, Oct 15, 2019


Page | 1
InterfaceDesign Document 2019

Contents
1. Overview .....................................................................................................................................................6
1.1. Purpose ................................................................................................................................................6
1.2. Scope ...................................................................................................................................................6
2. Interface Design ..........................................................................................................................................7
2.1. Main interface......................................................................................................................................7
2.2. Activity Main interface .......................................................................................................................8
2.3. Test interface ..................................................................................... Error! Bookmark not defined.
2.4. Add test interface...............................................................................................................................10
2.5. Check interface ..................................................................................................................................11
2.6. Exam interface...................................................................................................................................12
2.7. Title code interface ............................................................................................................................13
2.8. Answer interface................................................................................................................................14
2.9. Student interface ................................................................................................................................15
2.10. Add student interface.........................................................................................................................16

Page | 2
InterfaceDesign Document 2019

Project Information

Project acronym QM
Project Title Quick Marker
Start Date 8/8/2019 End Date 10/12/2019

Lead Institution International School, Duy Tan University

Project Mentor & Nhat Nguyen Minh


contact details
Email: nhatnm2010@gmail.com

Name
Tel: 0905125143 Email Tel
Giang, To Huu tohuugiang129@gmail.com 0905171067

Team members Huy, Le Quoc quochuy25111998@gmail.com 0359322922


Tuan, Huynh Anh hatuan0402@gmail.com 0935023182
Trung, Dang Quoc trungdq2497@gmail.com 0932713490

Page | 3
InterfaceDesign Document 2019

Interface Design Document

Document Title Interface Design Document

Reporting Period Oct 15, 2019

Author(s) Anh Tuan Huynh

Role Developer’s member Member Huy Le Quoc

Developer’s member Member Giang To Huu

Product Owner, Developer’s Member Tuan Huynh Anh


member

Scrum Master, Developer’s Member Trung Dang Quoc


member

Date Oct 15, 2019 Filename InterfaceDesign_Ver


1.0.

URL

Access Project and CMU Program

Document History

Version Date Comments Updater

Interface Design
V1.0 15/10/2019
Document

Page | 4
InterfaceDesign Document 2019

Document Approvals: The following signatures are required for approval of


this document.

Mentor Nhat Nguyen Minh Date

…../…../2019

Product Owner Tuan Huynh Anh Date

…../…../2019

Scrum Master Trung Dang Quoc Date

…../…../2019

DEV Team’s Member Giang To Huu Date

…../…../2019

DEV Team’s Member Huy Le Quoc Date

…../…../2019

DEV Team’s Member Tuan Huynh Anh Date

…../…../2019

DEV Team’s Member Trung Dang Quoc Date

…../…../2019

Page | 5
InterfaceDesign Document 2019

1. Overview
1.1. Purpose
 This document helps to better understand the interface of the Comment Scraper Tool ,
detailed specification components and function of the system.
 With this document, the development team can understand detail the structure and
composition to create a consistent and complete system.

1.2. Scope
 Overview of the stages and modules of the software.
 Create complete interface and describe them clearly.

Page | 6
InterfaceDesign Document 2019

2. Interface Design
2.1. Main interface

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

Page | 7
InterfaceDesign Document 2019

2.2. Activity Main interface

ID Condition Control Type Target Notes


1 Click item Change to Test interface
2 Click Item Change to student interface
3 Click Item nothing
4 Click item ·

Page | 8
InterfaceDesign Document 2019

2.3. Test interface

ID Condition Control Type Target Notes


1 Click Toolbar Change to add test interface
2 Click RelativeLayout Change to check interface
3 Click Group Change to activity main interface

Page | 9
InterfaceDesign Document 2019

2.4. Add test interface

ID Condition Control Type Target Notes


1 Click TextView Enter the exam name
2 Click TextView Enter the number of sentences
3 Click TextView Enter a scale
4 Click Button When you click, it will create an
additional test
5 Click Button Exit

Page | 10
InterfaceDesign Document 2019

2.5. Check interface

ID Condition Control Type Target Notes


1 Click RelativeLayout Change to Exam interface
2 Click RelativeLayout
3 Click RelativeLayout
4 Click RelativeLayout
5 Click RelativeLayout
6 Click Change to test interface

Page | 11
InterfaceDesign Document 2019

2.6. Exam interface

ID Condition Control Type Target Notes


1 Click Change to Check interface
2 Click LinearLayout Change to Title code interface
3 Click Toolbar Change to Title code interface

Page | 12
InterfaceDesign Document 2019

2.7. Title code interface

ID Condition Control Type Target Notes


1 Click Select the exam code
2 Click Change to Exam interface
3 Click Tablayout Change to Title code interface
4 Click Tablayout Change to Answer interface

Page | 13
InterfaceDesign Document 2019

2.8. Answer interface

ID Condition Control Type Target Notes


1 Click Change to Exam interface
2 Click Tablayout Change to Title code interface
3 Click Tablayout Change to Answer interface
4 Click Choose the answer of the test

Page | 14
InterfaceDesign Document 2019

2.9. Student interface

ID Condition Control Type Target Notes


1 Click Group Change to activity main interface
2 Click RelativeLayout Change to add student interface
3 Click Toolbar Add new students

Page | 15
InterfaceDesign Document 2019

2.10. Add Student interface

ID Condition Control Type Target Notes


1 Click Group Change to activity main interface
2 Click TextView Enter Name
3 Click TextView Enter Class
4 Click TextView Enter Student code
5 Click Button When you click, it will create a new
student
6 Click Button Exit

Page | 16

You might also like