Đồ án cơ sở 2 xây dựng website bán bàn phím cơ

- Méta + Bước l: Người dùng đăng nhập vào hệ thống + Bước 2: Người dùng nhập thông tin vào ô tìm kiếm chọn các chỉ tiết cần lọc ra + Bước 3: Hệ thông xử lý đăng nhập, kiêm tra thông tin

Trang 1

TRUONG DAI HOC CONG NGHE THONG TIN VA

TRUYEN THONG VIET - HAN Khoa Khoa Hoc May Tinh

VU

ĐỎ ÁN CƠ SỞ 2 XÂY DỰNG WEBSITE

BAN BAN PHIM CO

Sinh viên thực hiện: LÊ VĂN THẢO - 21IT313

DOAN QUOC HUY - 211T279

21SE2 Giáng viên hướng dẫn: THS DƯƠNG THỊ MAINGA

Đà Nẵng, tháng 10 năm 2022

Trang 2

TRUONG DAI HOC CONG NGHE THONG TIN VA TRUYEN THONG VIET - HAN

Khoa Khoa Hoc May Tinh

VKU

_—— ————

DO AN CO SO 2 XAY DUNG WEBSITE

BAN BAN PHIM CO

Sinh viên thực hiện: LÊ VĂN THẢO - 21IT313

DOAN QUOC HUY - 211T279

21SE2

Giáng viên hướng dẫn: THS DƯƠNG THỊ MAINGA

Đà Nẵng, tháng 10 năm 2022

Trang 3

MO DAU

Thương mại điện tử là lĩnh vực tương đối mới ở Việt Nam rất được Chính phủ quan tâm thúc đây phát triên Cho đến nay đã có rất nhiều lý do để các doanh nghiệp cũng như các tô chức phải quan tâm đến ứng dụng Thương mại điện tử vào kinh doanh để cạnh tranh, tồn tại và phát triển trong thực trạng toàn cầu hóa hiện nay Tuy nhiên, hiện ở Việt Nam chưa có nhiều doanh nghiệp hay tổ chức ứng dụng Thương mại điện tử một cách đúng nghĩa vào quá trình trao đôi mua bán ở trong nước và quốc tế

Và đi kèm với sự phát triển mạnh mẽ này là các dịch vụ, tiện ích dé phuc vu doi

song , công việc, giải trí của con người, cụ thé là địch vụ mua bán trực tuyến qua mang đang tỏ ra hiệu quả đối với con người và dần trở thành nhu cầu thiết yếu phục vụ đời sống con người Kết hợp với bộ phận giao hàng tận nơi, là thông qua bưu điện, thanh toán thẻ ngân hàng càng thêm thuận lợi dé loại hình này phát triền

Hiện nay, mua sắm là nhu cầu không thê thiếu của con người Các thiết bị phục vụ cho công việc ngày càng được chúng ta quan tâm, đặc biệt là bàn phím cơ và một số thiết

bị liên quan khác Từ đó, chúng em đã có ý tưởng thiết kế và xây dựng “Website bán bàn

phím cơ” dé phục vụ mọi người một cach tốt nhất Chúng ta chỉ cần một chiếc điện thoại

là có thể mua sam nhanh chóng, đa dạng mặt hàng đáp ứng tới cả các khách hàng khó nhất Chỉ cần ngôi ở nhà hay bất kì nơi đâu và loại bàn phím cơ mà mình yêu thích và sản phâm sẽ đến tay bạn trong thời gian ngắn nhất

Trang 4

LOI CAM ON

Nhom chung em chan thanh cam on Nha truong, khoa Khoa hoc may tinh da tan tinh giúp đỡ, chỉ bảo góp ý cho chúng em trong suốt thời gian học tập đề chúng em hoàn thành

báo cáo đề tài một cách tốt nhất

Và đặc biệt nhóm chúng em xim chân thành cảm ơn cô Dương Thị Mai Nga đã nhiệt

tình hướng dẫn chúng em trong suốt quá trình thực hiện đồ án

Trong quá trình thực hiện báo cáo này, sẽ không tránh khỏi những thiếu sót không mong muốn Chung em mong nhận được sự góp ý của thầy cô và từ phía hội đồng nhà trường đề báo áo này hoàn thiện hơn

Chúng em xin chân thành cảm ơn!

Sinh viên thực hiện

LÊ VĂN THẢO DOAN QUOC HUY

Trang 5

NHAN XET CUA GIANG VIEN HUONG DAN

Trang 6

MUC LUC

CHƯƠNG l1 - TỎNG QUAN VẺ ĐÈ TÀI 25c sscsscsecsereersersee 1

1 Tổng quan về đề tài c s12 1 1212121 1 1n HH1 nghe, 1

1.2 Mục tiêu của đề tài ¿55-221 21 2112212211211221211211211222111122 re 1

2 Phuong phap triém Khai ccccccccccccsccssescsscssesesstsecsssseecssesesevssesesetssvsecsessvseeeveeeesenes 1

3 Cầu trite dO aM eee cecccssesssesssssessssvessestissesssissinsssesssssesinsssssintsessentasetensuseentees 2 CHƯƠNG 2 - PHÂN TÍCH THIẾT KẾ HỆ THÓNG .5- 3

2.2 Thiết kế cơ sở dữ liệu 2-5222 2122212112211211221121121212112212 re 51

3 Hung nghién Cie ccc ccc cce cence eens eenee cee ceeecsecetsentseeeeietescesateseneeeenes 64

Trang 7

DANH MUC HINH VE

Hinh | - Biéu đồ ca sử dụng tông quát 21 Hinh 2 - Biêu đồ ca sử dụng chung giữa khách hàng và quản trị viên 5s se: 21 Hinh 3 - Biéu d6 ca str dung riêng của khách hàng - 1 S1 SE 2182 trưa 21 Hình 4 - Biêu đồ ca sử dụng riêng của quản fTỊ VIÊN - L2 22112211222 E2 re re, 22 Hình 5 - Biêu đồ lớp tỔng quát cct n1 n1 H111 1n 11 tr gay 22 Hình 6 - Biêu đồ tuân tự tìm kiếm sản phẩm T111 101110111 1111111 H1 TH ket ky 23 Hình 7 - Biêu đồ tuân tự lọc chỉ tiết sản phẩm - 52 S1 1221121211221 21E11EE E1 rke 24 Hình 8 - Biêu đồ tuân tự đăng ký LL n c2 HH HH HH HH1 xen ch 25 Hình 9 - Biêu đồ tuần tự đăng nhập cece ceed 26 Hinh 10 - Biéu đồ tuan tu GAN XUAEL eee cccceceeceseesceeesesscssesvsecsecevsensecstsseesevevevseseteees 27 Hình I1 - Biểu đồ tuần tự thay đôi thông tin người đùng s- c cnsnnneerrreeg 27

Hình 12 - Biểu đồ tuần tự liên hệ 2 ST SE S15 E115 nen 28

Hình 13 - Biểu đồ tuần tự thanh toán 56 22 22 2211122111222 re 28

Hinh 14 - Biéu đồ tuan tỰ Xem fII ẦỨC - c1 n1 1 11111111111 1111 1151111111111 11 111 HH nhau 29 Hình 15 - Biéu đồ tuần tự xem tinh trạng đơn hàng - - 0 2 1222222222 tre 30 Hinh 16 - Biéu dé tuan tự quản lý sản phâm - 5: tt 1112111112121 rre 31 Hinh 17 - Biéu đồ tuan tự quản lý đơn hàng 2 0 2212211122112 1121111221 x rà hườy 32 Hinh 18 - Biéu đồ tuan tu quan ly nha san XUAt cece ccc ccccsceseeecsseseesesscsveeversveeeeesvseeees 33 Hinh 19 - Biéu đồ tuan tự quản lý đanh mục sản pham cccccccccescseeeseeseseseeeeseseseeeees 34 Hình 20 - Biéu đồ tuần tự quản lý tin fỨC - c2 2221121112 112 1115115 111111112 key 35 Hình 21 - Biéu do tuan tự quản lý khuyến mãi St E2 2H 1ê 36 Hình 22 - Biéu dé tuần tự quản lý liên hệ ccccsietehehrrrrrrrrrrrrrrrrirrire 37

Hình 23 - Biểu đồ tuần tự thong kê doanh thu ecccccceeeeeesersteneceeceeececeeeeanees 37

Hình 24 - Biéu đồ tuần tự thay đổi chức vụ người dùng ccccereerrrrerrrre 38 Hình 25 - Biều đồ hoạt động tìm kiếm sản phẩm " ee sees cesaeesaesesesesetetarseiesesieeseteentiieees 39 Hinh 26 - Biêu đồ hoạt động lọc chi tiết sản phẩm 2-2 S 2E SE 2xx 39 Hình 27 - Biểu đồ hoạt động đăng ký ST EE H1 HH HH He gàng ng 40 Hình 28 - Biểu đồ hoạt động đăng DỤ ng 40 Hình 29 - Biểu đồ hoạt động đăng xuất ST HH1 HH HH He uy 41 Hình 30 - Biểu đồ hoạt động thay đối thông tin người đùng 5-5 cccsccrseere 41

Hình 31 - Biểu đồ hoạt động liên hệ - 5 1S E1 E1 1211011212110 11 111tr reg 42 Hình 32 - Biểu đồ hoạt động thanh toán 2-5 1 S1 11211212112 121212121211 y trêu 42

Hình 33 - Biểu đồ hoạt động xem tin {ỨC - E2 11212121211 1111 1111111118111 811 11tr 43

Hình 34 - Biểu đồ hoạt động xem tình trạng đơn hàng 5 St EE re crrye 43 Hình 35 - Biểu đồ hoạt động quản lý sản phẩm 2-1 S21 1 112111211 1E re 44 Hình 36 - Biểu đồ hoạt động quản lý đơn hàng 5 5 SE SE HH rướy 45 Hình 37 - Biểu đồ hoạt động quản lý nhà sản xut 5 1n TS E1 re 45 Hình 38 - Biểu đồ hoạt động quản lý danh mục sản phẩm - 5 2s SE 46 Hình 39 - Biểu đồ hoạt động quản lý tin tỨc - - s22 11 1.2 1E cg He rat 47 Hình 40 - Biêu đồ hoạt động quản lý khuyên mãi 5 St 2E 11212111 tEetret 48 Hình 41 - Biểu đồ hoạt động quản lý liên hệ 5-5 SE E1 1x 12111211 rrk, 49

Trang 8

Hinh 42 - Biéu dé hoat dong thong ké doanh thu ceccecccccceccscsessessesesseseessesesseseseeeeees 49 Hinh 43 - Biéu dé hoat déng thay di chire vu ngudi ding cece cecsceeeeeeeeeeseeeeeeeeees 50

Hình 44 - Biéu d6 quan hé c.cccccecccceccecsscesescsesessesscsessesscsesssevsvesisevsesisevsssevsvseeesevaneess 51

Hình 45 - Giao diện đăng nhập 0 220 12211121121 1122112111111 152 81111281 11 1k se 52

lu 06.007 1n e.- 52 Hình 47 - Giao diện trang chủ - c1 22 222112111121 15 111 11158115 111181110111 11111111111 key 33

Hình 48 - Giao diện tìm kiếm 222 2222 22111127111271112211112011201211201211 1e 54

lu c6 s02 0n 1 34 Hình 50 - Giao diện trang sản phẩm 5 1S E1 E1 1110112111012 1121111 tru 55 Hình 51 - Giao diện trang thông tin ca han cc 202222 1211123121 1113115111111 1 1811 re 55 Hinh 52 - Giao điện trang chỉ tiết sản phẩm 22-2 S2 S E2 2127121121221 ecre, 56 Hinh 53 - Giao dién trang 916 hang cece 0 211222121211 111 1112111 1118111011111 28111 key 56 Hình 54 - Giao diện trang thanh toán 0 122 1221112111211 15 1811112511511 11 ru ky 57 Hình 55 - Giao diện trang đơn hàng 2 0 2201222122211 1111 112115 211181150111 118121 k kg 57 Hình 56 - Giao diện trang chi tiết đơn hàng 52 SE E1 11211112112 111 1 1E 1ekerre 57

Hình 57 - Giao diện trang liên hệ - L0 0 22122211221 111212112121 1111112111 1111811281 Hy 58

Hình 58 - Giao diện trang tin fỨC L0 0211212112 2111 1211121111111 8112 01111 tr ke 38 Hình 59 - Giao diện quan lý trang chủ - c1 211121112111 1251 121112118 281 thuy 59 Hình 60 - Giao dién quan lý ngur6t dung cece 2222111221122 112 11522221 reo 59

Hình 61 - Giao dién quan ly sam phame c.cccceccccsccscsccsscscesesscstessscssesessessesesevsseseseeseeeees 60

Hinh 62 - Giao dién quan ly danh muc sam pham cccccccccscccssesccseesesescseesseseeeeeveeeeees 60

Hình 63 - Giao diện quản lý nhà san XU ate cecccccccssceceseeseesessestesessvsvsetsevseevevsuseveeeen 61

Hình 64 - Giao diện quan lý đơn hàng Q0 021222111 11112112 2111181118111 1x2 ru 61 Hình 65 - Giao diện quản lý khuyến mãi - 1-1 E121 112121211 111121122 krrrrrey 62 Hình 66 - Giao diện quan lý fIn fỨC Q 02 0121221111211 121 1011119518111 ky 62

Hình 68 - Giao diện quan lý liên hệ 0 222112111 22212211 1151115112111 15 281212 21kg 63

Hình 67 - Giao diện quản lý thống kê 5-5251 SE 111E11E111121211 21111 121111 r tre 63

Trang 9

DANH MUC BANG BIEU

Bang | - Dac ta usecase tim kiém san pham ccccccccccsccscssessesvsstssesvssesevssesesesevsvssvevsvseeens 4

Bang 2 - Dac ta usecase loc chi tiét san pham " 5 Bảng 3 - Đặc tả usecase liên hệ L0 0211112112211 1 101110111 1111111501181 18111 kk nhớ 6

Bang 4 - Đặc tả usecase đăng ký Q1 TT SH n1 11 kho 6 Bảng 5 - Đặc tả usecase đăng nhập L0 0020112111111 1222221151112 10111 11k a 7 Bảng 6 - Đặc tả usecase đăng Xuất - c1 1n n1 gu ga 8

Bảng 7 - Đặc tả usecase xem i UC cece ccc c ccc cc cnc ccececesecceeeceeecsssesseeecesassesstieeeeseiees 8 Bang 8 - Đặc tả usecase thanh toán - - 02221122111 121 1221111111011 1111181151118 tr 9

Bảng 9 - Đặc tả usecase thay đôi thông tin người dùng 52 nhe erưe 10 Bang 10 - Dac ta usecase xem tinh trạng đơn hàng 5 c0 22 1222222212212 eerrkrres 12 Bảng II - Đặc tả usecase quan ly đơn hàng 0 0 1211112211211 1n re 13 Bảng 12 - Đặc tả usecase quản lý sản phẩm 5 SE E111 22211101211 ky 14 Bảng 13 - Đặc tả usecase quản lý nhà sản Xuất 5 5c ngư 15 Bang 14 - Dac ta usecase quan ly danh muc san pham c.ccccccccsccsescssesseseeeesveeeeeseeeevees 16 Bang 15 - Dac ta usecase quan ly tim t86 00.0 occ ccc 012121211221 1112112 11 1nn HH tk hưyn 17 Bang 16 - Đặc tả usecase quản lý khuyến mãi 5 St E1 121111 1171111 1 HH 18 Bang 17 - Dac ta usecase quan lý liên hệ 22 1221122111211 111 11121281 1181113 key 19 Bảng 18 - Đặc tả usecase thống kê doanh thu - 2: SE E1 1EE12212121122121E 1E ky 19 Bang 19 - Đặc tả usecase thay đổi chức vụ người dùng ss-cc nnnnnHrrrrre 20

Trang 10

DANH MUC CAC TU VIET TAT

HTML: Hyper Text Markup Language

CSS: Cascading Style Sheets

JS: Javascript

PHP: Hypertext Preprocessor

Trang 11

CHUONG 1 - TONG QUAN VE DE TAI

Téng quan về đề tài

1.1 Lý do chọn đề tài

- - Theo xu hướng chung của thời đại, mọi lĩnh vực hoạt động kinh doanh đều dựa

vào mạng Internet và đều phát triển, do dó sự giới thiệu quảng cáo các sản phẩm trên mạng có ý nghĩa to lớn và mong muốn được nhiều người biết đến Hiện nay việc mua bán và quảng bá các thông tin sản phẩm trên mạng là xu hướng hiện đại Bên cạnh việc quảng bá thì nhu cầu thưởng thức và mua sắm của con người là không thê thiếu

- Nhằm đáp ứng các nhu cầu và mang lại sự tiện lợi cho khách hàng trong việc tiếp

can va mua ban phim co, chung em da có ý tưởng xây dựng “Website ban ban phim cơ” để mang các loại ban phim co va các thiết bị liên quan đến khách hàng thông qua

mang Internet va phục vụ nhu cầu của khách hàng

1.2 Mục tiêu của đề tài

- _ Xây dựng được website tương đối hoàn chỉnh phục vụ một cách có hiệu quả cho người dùng dựa trên việc sử dụng các ngôn ngữ PHP, HTML, CSS, JŠS va framework Laravel

- _ Thay thế cho một cửa hàng buôn bán bàn phím trực tiếp thay vì phải tốn nhiều chi

phí để thuê mặt bằng, thuê nhân viên

- _ Khách hàng không cần trực tiếp đến cửa hàng mà chỉ cần dùng một vài cái click

chuột có thể mua được sản phâm mình cần

- Dịch vụ thanh toán, mua bán nhanh chóng, tiện lợi và cung cấp các mặt hàng đảm bảo chất lượng, an toàn vì sức khỏe người dùng

Phương pháp triển khai

- _ Lên ý tưởng cho sản phẩm

+ Đối tượng khách hang hướng đến? Người đang quan tâm đến các sản phẩm bàn phím cơ và các thiết bị liên quan,

+ Sản phâm sẽ mang lại gì cho khách hang? Cưng cấp các thông tin về sản phẩm mình quan tâm

- _ Phân bồ thời gian thực hiện

- Cac cong cu hé tro

+ Phan mém: Visual Studio Code, Adobe Photoshop 2022, PhpStorm 2022, Laragon,

+ Negonnetr: HTML, CSS, JS, PHP

+ Framework: Laravel

- Ap dung cac kién thttc da duoc hoc vé HTML, CSS, JS dé xay dung frontend

1

Trang 12

- Xay dung backend dva trén PHP va framework Laravel

- Tién hanh nghiện cứu kết hợp thực hiện, tham kháo tài liệu, các website có sẵn, thư viện mẫu đề có kết quả tốt nhất

Cấu trúc đồ án

- _ Chương l: Tổng quan về đề tài

- _ Chương 2: Phân tích thiết kế hệ thông

- Chương 3: Xây dựng website

- Kếtluận

Trang 13

CHUONG 2 - PHAN TICH THIET KE HE THONG

- Tim kiém san pham

- Loe chi tiét san pham

- _ Ca sử dụng: tìm kiếm san pham

- _ Tác nhân: khách hàng, quản trị viên

- _ Mục đích: mô tả các bước tìm kiếm sản phẩm

- Mô tả:

+ Bước l: Người dùng truy cập vào trang web, ấn chọn thanh tìm kiếm trên đầu trang web

+ Bước 2: Người đùng nhập nội dung tìm kiếm vào thanh tìm kiếm và ấn

nút tìm kiếm bên cạnh thanh tìm kiếm

+ Hệ thống chuyên hướng đến trang tìm kiếm

® - Nếu có sản phám nào khớp với nội dung người dùng nhập thì hiển

thị ra những sản phẩm đó

e _ Nếu không có sản phẩm nào khớp với nội dung người dùng nhập thì hiển thị thông báo không tìm thấy sản phẩm nào phù hợp với yêu cầu của bạn

- _ Điều kiện trước: bạn phải vào được trang web

3

Trang 14

- Điều kiện sau: tìm kiêm được các sản phâm theo mong muôn

- Kich ban:

Hoạt động của tác nhân Hoạt động của hệ thống

1 Người dùng ấn vào thanh

tìm kiếm và gõ nội dung tìm

kiếm

2 Người dùng ấn nút tìm kiếm

bên cạnh thanh tìm kiếm hoặc

an nut enter trên bàn phím

cầu của bạn

- Nếu hệ thống tìm thấy sản phẩm với nội dung tìm kiếm của người dùng, hiển thị những sản phẩm đó ra màn hình

Bảng Ì - Đặc tả usecase tìm kiếm sản phâm

1.3.2 Lọc chỉ tiết sản phẩm

- _ Ca sử dụng: lọc chỉ tiết sản phâm

- _ Tác nhân: khách hàng, quản trị viên

- Mục đích: người dùng nhập thông tin sản phẩm cần lọc và truy cập xem thông tin chỉ tiết của sản phâm đó

- Méta

+ Bước l: Người dùng đăng nhập vào hệ thống

+ Bước 2: Người dùng nhập thông tin vào ô tìm kiếm chọn các chỉ tiết cần

lọc ra

+ Bước 3: Hệ thông xử lý đăng nhập, kiêm tra thông tin đăng nhập

e _ Nếu đúng: chuyên hướng vào trang chủ hệ thống

e© - Nếu sai: hiển thị thông báo

+ Bước 4: Xác nhận thông tin cần lọc

+ Bước 5: Tiến hành lọc sản phẩm theo chi tiết người dùng đã chọn

- _ Điều kiện trước: người dùng đã có tài khoản

- _ Điêu kiện sau: lọc được các san pham theo các chi tiết đưa ra

- Kich ban:

1 Đăng nhập vào hệ thống 2 Xử lí đăng nhập, kiểm tra thông tin đăng

Trang 15

+ Bước 2: Hệ thống xử lý đăng nhập, kiêm tra thông tin đăng nhập

® _ Nếu đúng: chuyên hướng vào trang chủ hệ thống

® Nếu sai: hiển thị thông báo

+ Bước 3: Người dùng chọn vào ô liên hệ trên thanh điều hướng

Bước 4: Hệ thống chuyên tới trang liên hệ

Bước 5: Người dùng nhập các thông tim cá nhân và nội dung liên hệ

Bước 6: Xác nhận liên hệ thành công

- _ Điều kiện trước: người dùng đã có tài khoản

- _ Điều kiện sau: liên hệ thành công

3 Người dùng nhắn vào ô liên hệ

trên thanh điều hướng

4 Hệ thống chuyên hướng đến trang liên hệ

5 Người dùng nhập thông tin ca

nhân và nội dung liên hệ 6 Xác nhận liên hệ thành công

Bảng 3 - Đặc tả usecase liên hệ

5

Trang 16

+ Bước 2: Xử lí đăng ký, kiểm tra thông tin đăng ký

® Nếu sai: hiển thị thông báo đăng ký không thành công và thông báo đăng ký lại

Điều kiện trước: người dùng đã có tài khoản

Điều kiện sau: lọc được các sản phâm theo các chi tiết đưa ra

Kịch bản:

1 Nhập thông tin đăng ký (tên | 2 Xử lí đăng ký, kiểm tra thông tin đăng ký

khách hàng, số điện thoại, email, | - Nếu đúng: chuyên hướng vào trang chủ hệ

mật khâu, nhập lại mật khẩu, địa thống

chỉ) - Nếu sai: hiện thị thông báo đăng ký không

thành công và thông báo đăng ký lại

1.3.5

Bang 4 - Đặc tả usecase đăng ký

Đăng nhập

Ca sử dụng: đăng nhập

Tác nhân: khách hàng, quản trị viên

Mục ấích: mô tả các bước đăng nhập vào hệ thông

Mô tả

+ Bước l: Nhập thông tin đăng nhập (email, mật khẩu)

+ Bước 2: Xử lí đăng nhập, kiểm tra thông tin đăng nhập

® _ Nếu sai: hiển thị thông báo đăng nhập không thành không

Điều kiện trước: không có

Điều kiện sau: đăng nhập thành công

Kịch bản:

(email, mật khẩu) I Nhập thông tin đăng nhập | 2 Xử lí đăng nhập, kiểm tra thông tin đăng nhập

6

Trang 17

- Castr dung: dang xuat

- Tác nhân: khách hàng, quản trị viên

- Mục đích: use case này mô tả các bước đăng xuất khỏi hệ thống

- Mô tả:

+ Bước l: Người dùng ấn vào tên của mình trên thanh menu

+ Bước 2: Người dùng ấn vào nút đăng xuất trên menu con

- _ Điều kiện trước: người dùng đã đăng nhập thành công vào hệ thông

- _ Điều kiện sau: đăng xuất thành công, quay về trang chủ của hệ thống khi chưa đăng nhập

- Kich ban:

Hoạt động của tac nhan Hoạt động của hệ thống

1 Người dùng ấn vào tên của | 2 Hệ thông hiện ra một menu con trong đó

mình trên thanh menu có thông tin người dùng và đăng xuất

3 Người dùng ấn vào nút đăng |4 Hệ thống sẽ xóa phiên đăng nhập của

7

Trang 18

+

¢ Néu dung: chuyén huéng vao trang chu hé thong

e Néusai: hién thi thong bao

Bước 3: Người dùng vào phần xem tin tức

Bước 4: Hệ thống xác nhận đưa ra các tin tức để người dùng xem Điều kiện trước: người dùng đã có tài khoản và đã đăng nhập được vào hệ

1 Đăng nhập vào hệ thống 2 Xử lí đăng nhập, kiểm tra thông tin đăng

nhập

- Nếu đúng: chuyền hướng vào trang chủ hệ thống

- Nếu sai: hiển thị thông báo

3 Vào phân xem tin tức 4 Xác nhận đưa ra các tin tức

Bước 3: Người dùng chọn mua hàng và tiễn hành thanh toán

Bước 4: Chọn phương thức thanh toán và tiễn hành nhập thông tin thanh toán

Bước 5: Hệ thống xử lí đăng nhập, kiểm tra thông tin đăng nhập Nếu đúng: chuyền hướng vào trang chủ hệ thống

Nếu sai: hiển thị thông báo

Bước 6: Hệ thống hiển thị giao điện thông tin sản

Bước 7: Hệ thống xác nhận và đưa ra phương thức thanh toán

Bước 8: Xác nhận thông tin thanh toán, thực hiện thành công

Điều kiện trước: người dùng đã có tài khoản và đã đăng nhập được vào hệ thống

Điều kiện sau: thanh toán thành công

Kịch bản:

Trang 19

Hoạt động của tac nhan Hoạt động của hệ thống

I1 Nhập thông tin dang nhập

7 Chọn phương thức thanh toán

và tiến hành nhập thông tin

thanh toán 8 Xác nhận thông tin thanh toán, thực hiện

thành công

Bang - Đặc tả usecase thanh toán

1.3.9 Thay đổi thông tin người dùng

- _ Ca sử dụng: thay đôi thông tin người dùng

- Tác nhân: khách hàng

- _ Mục đích: mô tả các bước thay đôi thông tin người dùng

- Mô tả:

+ Bước 3: Người dùng ấn vào ô thông tin người dùng

+ Bước 4: Người dùng ấn nút thay đôi, sau đó thay đổi các thông tin can

thiết

+ Bước 5: Hệ thông xử lý và hiển thị thông tin sau khi thay đôi

+ Bước 6: Hệ thống thông báo thay đôi thành công

- _ Điều kiện trước: người dùng đã có tài khoản và đã đăng nhập được vào hệ thong

- Diéu kiện sau: thay đổi được những thông tin cần thiết cảu người dung

9

Trang 20

4 Người dùng ấn nút thay 6 Hệ thông xử lý và hiển thị thông tin

đối, sau đó thay đôi các thông sau khi thay đôi

+ Bước 3: Người dùng ấn vào ô đơn hàng

+ Bước 4: Hệ thông chuyển hướng đến trang xem tình trạng đơn hàng

® Nếu người dùng có đơn hàng nào đang chờ xử lý, hiển thi tình trạng của đơn hàng đó

®_ Nếu người dùng không có sản phẩm nào đang chờ xử lý, thông báo

là bạn không có đơn hàng nào

10

Trang 21

+ Điều kiện trước: bạn phải đăng nhập vào hệ thống, đã đặt hàng và đang chờ giao hàng

+ Điều kiện sau: giải đáp được các thắc mắc của bạn về tình trạng đơn hàng + Kịch bản:

đăng ký tài khoản

3 Người dùng ấn vào ô đơn | 4 Hệ thống chuyên hướng đến trang xem hàng tình trạng đơn hàng

- Nếu người dùng có sản phẩm đang chờ xử

lý, hiển thị tình trạng của đơn hàng đó

- Nếu người dùng không có sản phâm nảo đang chờ xử lý, thông báo là bạn không có sản phẩm được giao

- Tác nhân: quản trị viên

- _ Mục đích: mô tả các bước quản lý đơn hàng

- Mô tả:

® Nếu đúng: cho phép đăng nhập theo quyên

® Nếu sai: hiển thị thông báo email hoặc mật khẩu sai và yêu cầu nhập lại

+ Bước 3: Người dùng ấn vào ô quản lý đơn hang

+ Bước 4: Hệ thông chuyển hướng đến trang quản lý đơn hàng

ll

Trang 22

® Néu ngudi ding co don hang nao dang ché duoc xtr ly, quan tri vién

có thê thay đôi trạng thái của đơn hàng hoặc xóa đơn hàng

® Nếu người dùng không có đơn hàng nào đang chờ được xử lý, thông báo là người dùng không có đơn hàng nao

+_ Điều kiện trước: bạn phải đăng nhập được vào hệ thông

+ Điều kiện sau: thay đôi được trạng thái của đơn hàng hoặc xóa được đơn hàng

đăng ký tài khoản

3 Người dùng ấn vào ô đơn | 4 Hệ thống chuyên hướng đến trang quản lý hàng đơn hàng

- Nếu người dùng có đơn hàng nào đang chờ được xử lý, quản trị viên có thê thay đôi trạng thái của đơn hàng hoặc xóa đơn hàng

- Nếu người dùng không có đơn hang nào đang chờ được xử lý, thông báo là người dùng không có đơn hàng nào

+ Tác nhân: quản trị viên

+ Mục đích: quản trị viên tiến hành nhập, sửa các thông tim hoặc xóa sản

phẩm

+ Mô tả:

12

Trang 23

+

Bước 1: Người dùng đăng nhập vào hệ thống

Bước 2: Hệ thống xử lý đăng nhập, kiểm tra thông tin đăng nhập

Bước 3: Chọn chức năng quản lý sản phẩm

Bước 4: Hệ thống chuyên sang giao diện quản lý sản phẩm

Bước 5: Tiên hành nhập, sửa các thông tin hoặc xóa sản phẩm Bước 6: Hệ thống xác nhận thông tin sản phẩm

+ Điêu kiện trước: không có

+ Điều kiện sau: nhập, sửa các thông tin hoặc xóa sản phẩm thành công + Kịch bản:

- Nếu đúng: cho phép đăng nhập theo quyên

- Nếu sai: hiển thị thông báo email hoặc mật

khẩu sai và yêu cầu nhập lại

3 Chọn chức năng quản lý sản | 4 Chuyên sang giao diện quản lý sản phẩm phẩm

hoặc xóa sản phâm

Tác nhân: quản trị viên

Mục đích: quản trị viên tiến hành nhập, sửa các thông tin hoặc xóa nhà sản

xuat

M6 ta:

+

Bước 3: Chọn chức năng quản lý nhà sản xuất

Bước 4: Hệ thống chuyên sang giao điện quản lý nhà sản xuất

13

Trang 24

+ Bước 6: Hệ thống xác nhận thông tin nhà sản xuất

+ Điều kiện sau: nhập, sửa các thông tin hoặc xóa nhà sản xuât thành công + Kịch bản:

3 Chọn chức năng quản lý nhà | 4 Chuyên sang giao diện quản lý nhà sản

san xuat xuat

hoặc xóa nhà sản xuất

Bang 13 - Dac ta usecase quan ly nha san xuất

1.3.14 Quản lý danh mục sản phẩm

+ Ca sử dụng: quản lý danh mục sản phẩm

+ Tác nhân: quản trị viên

+ Mục đích: quản trị viên tiễn hành nhập, sửa các thông tin hoặc xóa danh mục sản phâm

Bước 3: Chọn chức năng quản lý danh mục sản phẩm

Bước 4: Hệ thống chuyên sang giao diện quản lý danh mục sản phâm Bước 5: Tiên hành nhập, sửa các thông tin hoặc xóa danh mục sản phẩm

Bước 6: Hệ thông xác nhận thông tin danh mục sản phâm

+ Điều kiện trước: không có

+ Điều kiện sau: nhập, sửa các thông tin hoặc xóa đanh mục sản phẩm thành công

+ Kịch bản:

14

Trang 25

- Nếu sai: hiển thị thông báo email hoặc mật khẩu sai và yêu cầu nhập lại

Bang 14 - Dac ta usecase quan lý danh mục sản phâm

1.3.15 Quan ly tin tirc

Ca sử dụng: quản lý tim tức

Mục đích: mô tả các bước của quản lý tin tức

+ Bước 3: Chọn chức năng quản lý tin tức

+ Bước 4: Hệ thông chuyền sang giao diện quản lý tin tức

+ Bước 5: Tiến hành nhập, sửa thông tin cần thiết của tin tức hoặc xóa tin tức

+ Bước 6: Hệ thông xác nhận thông tin của tin tức

+ Diễu kiện sau: nhập các thông tim tin tức, sửa hoặc xóa tin tức thành công + Kịch bản:

3 Chọn chức năng thêm tin tức | 4 Chuyển sang giao diện quản lý tin tức

15

Trang 26

5 Tién hanh nhập, sửa thông tm | 6 Hệ thống xác nhận thông tin cua tin tức

cân thiết của tin tức hoặc xóa tin

Bang 15 - Dac ta usecase quan ly tin tec

1.3.16 Quan ly khuyén mai

Ca sử dụng: quán lý khuyến mãi

Mục đích: quản trị viên tiễn hành nhập mã khuyến mãi, sửa hoặc xóa mã

Mô tả:

Bước 3: Chọn chức năng quản lý khuyến mãi

Bước 4: Hệ thống chuyên sang trang quản lý khuyến mãi

Bước 5: Tiên hành nhập mã khuyên mãi, sửa hoặc xóa mã khuyến mãi

Bước 6: Hệ thống xác nhận thông tin của mã

Điều kiện trước: không có

Điều kiện sau: nhập mã khuyến mãi, sửa hoặc xóa mã thành công Kịch bản:

3 Chọn chức năng quản lý | 4 Hệ thống chuyên sang giao diện quản lý khuyên mãi khuyên mãi

xóa mã khuyên mãi

Trang 27

+ Mục đích: mô tả các bước của quản lý liên hệ

+ Mô tả:

Bước 3: Chọn chức năng quản lý liên hệ

Bước 4: Hệ thống chuyên sang giao diện quản lý liên hệ

Bước 5: Tiến hành nhập xem hoặc xóa liên hệ của khách hàng Bước 6: Hệ thống xác nhận thông tin liên hệ

+ Điêu kiện sau: nhập mã khuyên mãi, sửa hoặc xóa mã thành công + Kịch bản:

Bang 17 - Dac ta usecase quan ly lién hé

1.3.18 Thong ké doanh thu

Ca sử dụng: thống kê doanh thu

Mục ấích: mô tả các bước thông kê doanh thu

+ Bước 3: Chọn chức năng thống kê doanh thu

17

Trang 28

+ Bước 4: Hệ thông chuyền sang trang thống kê doanh thu

+ Bước 5: Chọn hình thức thống kê (tháng, quý, năm)

+ Bước 6: Hệ thông xử lý và đưa ra bang thong kê

+ Điều kiện sau: thay đôi các thông tin sản phẩm thành công

+ Kịch bản:

I Nhập thông tin đăng nhập | 2 Xử lí đăng nhập, kiểm tra thông tin đăng

3 Chọn chức năng thay đôi chức | 4 Chuyển sang giao diện thay đổi chức vụ

vụ người dùng người dùng

5 Tiến hành thay đổi chức vụ |6 Hệ thông xác nhận thông tn chức vụ

của người dùng người dùng thay đổi

Bang 18 - Dac ta usecase thông kê doanh thu

1.3.19 Thay đối chức vụ người dùng

Ca sử dụng: thay đôi chức vụ người đùng

Mue dich: quan tri viên tiên hành thay đôi chức vụ của người ding

Mô tả:

Bước 3: Chọn chức năng thay đôi chức vụ người dùng

Bước 4: Hệ thống chuyên sang trang thay đổi chức vụ

Bước 5: Tiên hành thay đôi chức vụ của người dùng

Bước 6: Hệ thống xác nhận thông tin chức vụ người dùng thay đổi

+_ Điều kiện trước: không có

+ Điều kiện sau: thay đôi các thông tin sản phẩm thành công

+ Kịch bản:

18

Trang 29

1 Nhap thông tin đăng nhập | 2 Xử li đăng nhập, kiểm tra thông tin đăng

3 Chọn chức năng thay đôi chức | 4 Chuyển sang giao diện thay đổi chức vụ

vụ người dùng người dùng

5 Tiến hành thay đổi chức vụ |6 Hệ thông xác nhận thông tn chức vụ

của người dùng người dùng thay đổi

na san xua

Quan ly liên hệ

Khách hàng (Gi x)

2 Cs) Quan ly E Thay đôi thông danh mục Thay đôi chức

tin người dùng (oar) Quản lý vụ người dùng

Trang 31

1.5 Biểu đồ lớp

+ id int + gia: double + ThemAnhSanPham/)

+ ten: string + trang_thaiiot + SuaannsanPnam() + $0_dien_tnoai int + §2_MuoAg: + XeaAnhSaniPham(]

+ gid_§nh: sting + id_danh_muc: int jt _— _ ‘Phan theo

+ anh_da_cien: string + iđ_nha _san _xuet: iat tá Denhlfuc :

+ dis_cht sting id: int

+ mat_khaw: string scenery tank sting + Cuc_vu: int =meesearnen0 + ThamDanhBfuc()

~ DangNhap() Machen Phan thes + Suabanntauco

: Š + cucu: int + XeaDanhMuc(,

+ ĐangKyO

+ LoChiTietSsrPham() tn ng Hai

tent string

‘Quan Trivien + LienHeQ + so _đien hoại int

Te + xemTeTue)) Tờ + ThongkeDoane Thu) + ThayDo[TheegTifNguelDưngy) * ThanHiôsnloniQ) + uanLy9g\Pham(1 + TnamTInTuet) + 3vaNha9anXuak] + QuanLyDonHang0 + 8uaTPTao() Jats eon + QuânLyDani32w0) + XosTinTaof) ta ~

+ QuanLyNhaSan Xu) : VG Khuyonaaa + XoaDeoHang(} TT] tn

z CC “ChiTietDonHang

+ QuanLy$g\Pham/) i ia Xung 2) vam

+ QuanLyLienieo ———e.xx_'2lÏ mm = piam_gia: outle 220! Ngg

+ QuanLyTPITuei) ¬ rena fat MỊ 4 isan shen int

+ TheyOoiChucVuNguoiDungt) +38 8n noo in ~ Themkhuyenhfal) + len_san_phem:sưing

+ noi dưng: shing “ Buofuyendea0 ~ tia_ sen_phem: daubic

+ emai: string = Koakhuyantai() + s0_luong int

Trang 32

Nguoi dung Yéu cau tìm kiếm —— *

Hiển thị thanh tìm kiếm

Nhập thông tin tìm kiếm

Trang 33

1.6.2 Loc chi tiét san pham

Trang 34

alt ) Kiểm tra mật khẩu nhập lại

[Nêu mật khẩu nhập lại không khớp}

Thông báo lỗi

Trả về thông tin người dùng

[Tạo tải khoản sẽ“ *

thành công ] Kct2zcaca: Tên tưng Ghế

' Thông báo lỗi

[Tạo tải khoản

không thảnh công ] Thông báo lỗi

Trang 35

Nhập thông tin đăng ký

Tìm người dùng với email

alt ) —] Trả về rỗng

: Thông báo lỗi

[Không tôn tại user ] [ [nen SA RRJAP SiEIE/SIEUD DĐ SA APEC LL

Trang 36

Hiễn thị trang đăng nhập Xóa cookie đăng nhập

Hinh 10 - Biéu dé tuần tự đăng xuất

1.6.6 Thay doi thong tin người dùng

Hệ thông Cơ sở dữ liệu

— Gung Chọn nút người dùng ——

at Hiễn thi menu con trong

đó có nút thông tin cá nhân

Chọn nút thông tin cá nhân

Hiễn thị thông tin en

Le mới sau khi thay đỗi

Trang 37

Hé thong Cơ sở dữ liệu

Người đìng Chọn vảo nút liên hệ " '

Hién thi trang lién hé

Nhập thông tin liên hệ at

Hình 12 - Biểu đồ tuân tự liên hệ

1.6.8 Thanh toán

wart Chon thanh toan trong

ou — giỏ hàng của bạn

i Hién thi ra don hang và các

lk phương thức thanh toán

Chọn phương thức thanh toán

và nhập thông tin thanh toán

Xác nhận thông tin thanh toán

và phương thức thanh toán Tìm đơn hàng

Tiêu đề	Đồ Án Cơ Sở 2 Xây Dựng Website Bán Bàn Phím Cơ
Tác giả	Lê Văn Thảo, Doan Quốc Huy
Người hướng dẫn	ThS. Dương Thị Mai Nga
Trường học	Trường Đại Học Công Nghệ Thông Tin Và Truyền Thông Việt - Hàn
Chuyên ngành	Khoa Khoa Học Máy Tính
Thể loại	đồ án
Năm xuất bản	2022
Thành phố	Đà Nẵng

Định dạng
Số trang	74
Dung lượng	11,3 MB