information technology assignment 1 unit semi project

Performed Student: Tran Thien Thach 8 1.3 Use case description Post condition - Actor login to the system successfully - The system records the successful login activity in the activity

Trang 1

BTEC FPT INTERNATIONAL COLLEGE

INFORMATION TECHNOLOGY ASSIGNMENT 1:

UNIT: Semi Project

STUDENT : TRAN THIEN THACH CLASS : IT16101

STUDENT ID : BDAF200018

SUPERVISOR : NGUYEN HOANG ANH VU

Da Nang, JUNE 2022

Trang 2

ASSIGNMENT 1 FRONT SHEET

Qualification BTEC Level 5 HND Diploma in Computing

Unit number and title Unit 3: Website Design & Development

Submission date 21/6/2022 Date received (1st

submission) 21/6/2022

submission)

Student name TRAN THIEN

THACH Student ID BDAF200018

Class IT16101 Assessor name NGUYEN HOANG ANH VU

Trang 3

Summative Feedbacks: Resubmission Feedbacks:

Signature & Date: TRAN THIEN THACH

i

Trang 4

Performed Student: Tran Thien Thach 1

Trang 5

LIST OF TABLES AND FIGURES

Figure 1: User Use Case Diagram 8

Figure 2: Admin Use Case Diagram 9

Figure 3: Site Map 10

Figure 4: Database 11

Figure 5: Admin table 11

Figure 6: Item Table 11

Figure 7: Order table 12

Figure 8: Order track table 12

Figure 9: Product table 12

Figure 10: Users table 13

Figure 11: ERD 13

Figure 12: Home page 15

Figure 13: About us page 17

Figure 14: All product 19

Figure 15: Login page 20

Figure 16: My account page 21

Figure 17: Billing 22

Figure 18: How to choose size 25

Figure 19: Shop system 26

Figure 20: Contact page 27

Figure 21: Sale off page 29

Figure 22: Payment method page 30

Figure 23: Track order page 31

Figure 24: Login admin page 32

Trang 6

Figure 25: Admin page 34

Figure 26: Home page 38

Figure 27: Result successful registration 38

Figure 28: Login user 39

Figure 29: Login success 39

Figure 30: About us page 40

Figure 31: All products page 42

Figure 32: My account page 43

Figure 33: Bill ship address 44

Figure 33: Bill ship addres 45

Figure 35: How to choose size page 50

Figure 36: Shop system page 50

Figure 37: Contact page 51

Figure 38: Sale off page 53

Figure 39: Pay method page 54

Figure 40: Track order page 55

Figure 41: Login admin 56

Figure 42: Admin page 58

Table 1 #UC11: Logout 8

Table 2 Activities 8

Table 3 System Message 8

Table 4 #UC22: Log-out 9

Trang 7

Table 7 #UC33: Delete Account 9

Table 10 #UC44: View Produces 10

Table 12 #UC55: Create Produce 11

Trang 8

INTRODUCTION

First of all, I would like to thank my family for their enthusiastic encouragement and invaluable support for me to complete this assignment Next, I would like to thank my sub-ject teachers for guiding me, helping me achieve good academic results, and thanking all my friends for exchanging and supporting me

Semi-Project is an introductory course that introduces us to the foundational services required to host, manage, and access a secure website You will learn about back-end technology and front-end technology The following report will cover the following sections:

User Requirements

System Designs Implementation

Trang 9

- Coming up next are a few instances of utilitarian necessities:

+ Client orders will be acknowledged utilizing the web-based application

+ The web application will actually want to handle an exchange

+ The web application ought to give a receipt that incorporates the client's name, the items bought, the expense of every thing, and the general sum

+ The web application will actually want to give deals information on a week by week, month to month, and yearly premise

1.1.2 Non-Functional Requirements:

- Non-practical necessities are the norms that the program or site is needed to meet Reaction time and dependability are instances of non-practical models

- Coming up next are some non-practical requirements for the vehicle shop application:

+ All staff, including agents and chiefs, should have the option to use the internet based application effortlessly

+ The online application will be accessible in an assortment of dialects

+ The web application ought to have the option to deal with a few deals simultaneously without forfeiting speed

1.2 Use-Case diagram

Trang 10

Figure 2 :Admin Use Case Diagram

Trang 11

1.3 Use case description

Post condition - Actor login to the system successfully

- The system records the successful login activity in the activity log

Table 1 #UC11: Logout Activities

- The system records successful logging in Activity Log

Table 2 Activities System Message

MS02

Message when the actor presses the Login button: <Login successful= Table 3 System Message

Trang 12

#UC22: Log-out

Name Log out Code UC22

Description Allow the actor to logout the account from the system

Actor Admin and User Trigger Actor presses log-out button

Pre-condition Actor has successfully logged into the system

Post condition - Actor successfully logged out - The system redirects to the login page

Table 4 #UC22: Log-out Activities

Main Flow: Log in successfully 1 - Actor clicks Logout button on

profile management page

2 - The system confirms the logout and then redirects to the login page

Table 5 Activities System Message

MS02 Message when the actor clicks the Log Out button: <Are you sure you want to sign out of your account from the device?= Table 6 System Message

#UC33: Delete Account

Name Delete Account Code UC33 Description Allow actors to delete accounts

Actor Admin Trigger Actor presses Delete button Pre-condition Actor has successfully logged into the system

Post condition - Actor deleted account successfully

- Go to the user administration management page Table 7 #UC33: Delete Account

Trang 13

- Actor enters password

2 - The system asks for a password - The system redirects to the account management page

- The system confirms the password, deletes it, and goes to the login page

Table 8 Activities

System Message

MS02 Notice when actor clicks Delete button: "Are you sure you want to delete this account?"

Table 9 System Message

#UC44: View Produces

Name View Produces Code UC44

Description Allow actors to view produces

Actor Admin / User Trigger Actor clicks on the product

Pre-condition Actor accessing the system

Post condition Go to product detail page

Table 10 #UC44: View Produces

Trang 14

Activities

Main Flow: View Produces successfully

1 - Actor presses the Home button

- Actors click on the product they want to see detailed information about

2 - The system will load the product and display the product

- The system redirects to the product detail page

Table 11 Activities

#UC55: Create Produce

Name Create Produce Code UC55 Description Allow actors to create a new produce

Actor Admin Trigger Actor presses Create button Pre-condition Actor has successfully logged into the system

Post condition Go to product management page Table 12 #UC55: Create Produce Activities

Main Flow: View Produces successfully

1 - Actor clicks the manage product button on the admin page

- Actor fills in the information and clicks the Create button

2 - The system asks to fill in all information

- Upload products to the product management page

Table 13 Activities

Trang 19

2.3 Wire frames and specific explanation

Wireframing is a procedure for planning a site's construction A wireframe is a graph that shows how data and usefulness on a site ought to be laid up, thinking about client requests and excursions

- From the get-go in the improvement cycle, wireframes are utilized to assemble the key structure of a page before visual plan and content are added

A wireframe is a website page design that shows what interface parts will be available on significant pages It's a significant stage in the interface configuration process

- A wireframe's motivation is to make a visual portrayal of a page from the get-go in a venture so partners and task colleagues might endorse it before the innovative flow starts

- Our website is carefully wireframed with a clear and detailed plan that includes the following pages:

❖ Login page

Trang 20

Figure 12: Login page

Trang 21

❖ My account page

Figure 13: My account page

Trang 22

❖ Homepage

Trang 23

Figure 14: Home page

❖ About us page

Trang 24

Trang 25

Figure 15: About us page

Trang 26

❖ All products page

Trang 27

FIGURE 16: ALL PRODUCTS

Trang 28

❖ How to choose size page

Trang 29

Trang 30

Figure 17: How to choose size

Trang 31

❖ Shop system

Figure 18: Shop system

Trang 32

❖ Contact page

Figure 19: Contact page

Trang 33

❖ Sale off page

Trang 34

Figure 20: Sale off page

Trang 35

❖ Payment method page

Figure 21: Payment method page

Trang 36

❖ Billing and shipping address page

Figure 22: Billing

Trang 37

❖ Track order page

Figure 23: Track order page

Trang 38

❖ Login Admin page

Figure 24: Login admin page

Trang 39

❖ Admin Page

Trang 40

Figure 25: Admin page

Trang 41

CONCLUSION

After completing this report, I sketched the website design using a wireframe tool with full features to meet the requirements of users and customers After the sketch, I proceed to design the website with my brand In addition, I learned more front-end and back-end, functional and non-functional requirements I have scheduled a test to determine speed and use it to review your website functionality

Trang 42

REFERENCES

gi.html#:~:text=Web%20server%20c%C3%B3%20ngh%C4%A9a%20l%C3%A0,%C4%91%C6%B0%E1%BB%A3c%20giao%20quy%E1%BB%81n%20qu%E1%BA%A3n%20l%C3%BD.&text=Ph%E1%BA%A7n%20c%E1%BB%A9ng%3A%20M%C3%A1y%20ch%E1%BB%A7%20web,thi%E1%BA%BFt%20b%E1%BB%8B%20c%E1%BB%A7a%20E