Đề tài xây dựng một website cho phép tác nhân người dùng thực hiện các giao dịch trao đôi đồ chơi, quản lý các sản phẩm đồ chơi của cá nhân và tác nhân quản tri viên thực hiện các nghiệp
Trang 1ĐẠI HỌC QUOC GIA TP HO CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA HE THONG THONG TIN
DANG VAN TUAN - 16521361 DUONG THANH TRUNG - 16521310
KHOA LUAN TOT NGHIEP
XAY DUNG WEBSITE TRAO DOI DO CHOI TRE EM
BUILDING CHILDREN'S TOY EXCHANGE
WEBSITE
KY SU NGANH HE THONG THONG TIN
TP HO CHÍ MINH, 2021
Trang 2ĐẠI HỌC QUOC GIA TP HO CHÍ MINH
TRUONG DAI HOC CONG NGHE THONG TIN
KHOA HE THONG THONG TIN
DANG VAN TUAN - 16521361
DUONG THÀNH TRUNG - 16521310
KHOA LUAN TOT NGHIEP
XAY DUNG WEBSITE TRAO DOI DO CHOI TRE EM
BUILDING CHILDREN'S TOY EXCHANGE
WEBSITE
KY SU NGANH HE THONG THONG TIN
GIANG VIEN HUONG DAN
THS DO DUY THANH
TP HO CHÍ MINH, 2021
Trang 3DANH SÁCH HỘI ĐÒNG BẢO VỆ KHÓA LUẬN
Hội đồng cham khóa luận tốt nghiệp, thành lập theo Quyết định số
19/QD-DHCNTT-DTDH ngày 04/07/2016 của Hiệu trưởng Trường Đại học Công nghệ Thông tin.
= — Chủ tịch.
AB — Thư ký
—— — Ủy viên
đt Ũ — Ủy viên
Trang 4MỤC LỤC
Chương 1 TONG QUAN DE TẢI - 2-5256 S‡SE22EE2EEEEEEEEEEEEEEEEEEEEEEEEEErkerkee 3
1.1 Hiện trạng và đặt vấn đề . s-s<sscssexssrsscssrssrrssrserssrssrrssrssree 3
LL.D Dat Van 7a Ả ốỐ 31.1.2 Tìm hiểu một số website trao đỗi đồ cũ - 2-55 cccccccsercee 4
1.1.2.1 https://ChOodOCU.COM/ 1n 43 4 1.1.2.2 htfps://WwWwW.ChOfOf.COTH c1 HH ng ry 4 1.1.3 Nhận xét ¿-5cck St 2t 2 2210711211211211011211211.111211 211.111 eerrre 5
2.1.4 Tìm hiểu về Db4firee csccccceessesssesssesssesssessssssesssecssessusssecssessusssesssecsuessesens 9
2.1.5 Tìm hiểu về R€aCfjS - - 2 ©s x21 E2 2E2EE71E71571221211211 11111111 10
2.2 Co’ ca 76 6 6 6 11
Chương 3 PHAN TICH THIET KE HỆ THỒNG -2- 52752255: 12
3.1 Phân tích yêu cầu ccccsssssssesssssssssessessssssssoessssscssecsesssssecsoeessesscsscsoeeanceseeseeseess 12
3.1.1 Các yêu cầu chức năng - 22 +¿+2++2++2EESEEtEEEEEEEEEErErkrrrkrrkesrvee 123.1.2 Yêu cầu phi chức năng ¿- 2© 2+ 2+EE+EE+EE£EEE2EESEEEEEEEEEEEerkerkerree 13
Trang 53.2 Phân tích thiết kế hệ thong «se s°ssvsssvseevserssersserssrsssrse 13
3.2.1 Các chức năng của hệ thống ¿- 2 2 E+EE2E2EE+EEtEEeEEEEEESrkrrxerree 133.2.2 Các tác nhân hệ thong - 22 2¿©2+¿©+++EE+2EEt2EEEEEESEESEEerrrrrkesrvee 14
3.3 Sơ đồ use case tOmg Quát se sess+ss++s©vsetestrseersertsersserssrtsssrssrke 16
3.3.1 Danh sách uS€ CS€ - G11 HH TH TH HH HH 17 3.3.2 DAC †ả USE CASE LG HH HH ng key 17
3.3.2.1 Use case đăng KÍ n1 .HHnHTHnHnHnrkt 18
3.3.2.2 Use case đăng nhậẬp càng Hà Hàng Hy 19
3.3.2.3 Use case quên mật khâu + ¿+ s+S++££+E++E+Ee£Eerkerxerxrrxrree 203.3.2.4 Use case thay đổi thông tin tài khoản -:-2-©5+c5z555ce: 21
3.3.2.5 Use case xem danh sách sản phẩm đồ choi - 2-5252 22
3.3.2.6 Use case giao địch sản pham đồ chơi 2-2 25 s2 s+zs2 5+2 233.3.2.7 Use case quản lý sản phâm đồ chơi - 2-2 2 52 sex e2 253.3.2.8 Use case quan lý danh mục d6 chơi 2-5 5+©sz+s+zs+zxe>se2 26
3.3.2.9 Use case quản lý người dùÙng +5 + skeeeresrsrerrrrrre 27
3.3.2.10 Use case thống kê ¿- ¿52 22t EEEEEEEEEEEE11112152121 21211 xe 28
3.4 Sơ đồ tuẦn tựự s-s-c< 2s se se SsE>sEhsE3EvE29E3 5232535035039 282se2sexxe 29
3.4.1 Sơ đồ tuần tự giao dịch sản phẩm đồ chơi 2 2 2+2 29
3.4.2 Sơ đồ tuần tự thêm sản phẩm đồ chơi - 2-2 2+2 +s+£x+zs+£szc+2 293.4.3 Sơ đồ tuần tự cập nhật sản pham đồ chơi - 2 2-52 5scx+cse£xce2 303.4.4 Sơ đồ tuần tự xóa sản phâm đỗ chơi -2- 2-55 x2s2£+zzerxcrsez 30
3.4.5 Sơ đồ tuần tự thống kê thông tin - 2-2 22E£+EE+£EtzEzErrxrrxerree 31
3.4.5 Sơ đỗ tuần tự đăng nhập - 2 2 2+2 +EeEEeEESEEEEEEEEEEEEEEEEEEEerkrrkrree 31
Trang 63.7.3 Mô tả các màn hìnhh - óc + 19112319112 1191119111 HH ng ng Hy 36
3.7.3.1 Màn hình trang đăng kÍ - c S + 3S S9 re 36
3.7.3.2 Màn hình đăng nhập - + + +1 E + E92 E*EESEEESEEErrrrreerrrrkrrre 37
3.7.3.3 Màn hình quên mật khâu - 2 ¿+ + £+E++E£+E££xe£xezxerxerxsez 38
3.7.3.4 Màn hình trang Chủ 5 c1 3133 11121119119 1 ng ng ng 39
3.7.3.5 Màn hình danh sách đồ chơi ¿-ccc¿ccxvsvcxvrrerrrrrrrrrrree 403.7.3.5 Màn hình thông tin đồ chơi ¿- ¿22 ©++x+2zx+zx+vzxesrxrsrxees 41
3.7.3.7 Màn hình yêu cầu giao dịch 2- 2 s+£+E++Ex+Exerxzrxsrxerxerxee 42
3.7.3.8 Màn hình thông tin người bán - 5 c5 c3 +sskEseereseeerrre 43
3.7.3.9 Màn hình quản lí thông fin - ¿+55 +5 + +2 +*Exvexeerrsexeerseerrre 43 3.7.3.10 Màn hình giao dich bán + 32+ 3211313115111 rrrk 44
3.7.3.11 Màn hình giao dịch mua - 5-5521 + E+kESskEsekereseersee 45
3.7.3.12 Màn hình quản lí đồ chơi bán -2- 2 s2 ++25+2z++zx+zxzse2 46
3.7.3.13 Màn hình tạo đồ chơi cccccccvvcrrrtrktirrrrrtrirrrrrrrirrrrrieg 47
3.3.7.14 Màn hình cập nhật GO chơii - 5 St Sx2EEEEEEEEEEEEkrkererkeeerrrx 48
3.7.3.15 Màn hình quan fTỊ - - 6 xxx 3121 11911 1 ng ng ng 49
3.7.3.16 Màn hình quản lí thông tín - 55525 ‡++*++se+veexeeeseeeers 50
3.7.3.17 Màn hình thống kê -2- 2 2¿+++2E++EEE+EE+2ExtEEvrkesrxerrxeee 51
3.7.3.18 Màn hình quan lí người dùng - 55+ + + *++ssersseseerseerers 51
3.7.3.19 Màn hình quản lí thẻ fag c3 SĂ 3+1 S2 irerirrrrrrrrrrrre 52 3.7.3.20 Màn hình thêm/ cập nhật thẻ tag - - 5c 2S *+sssxsssseress 52
3.7.3.21 Màn hình quan lí danh mục - 5 5+5 £++E+skEsesseeseersee 53
3.7.3.22 Màn hình thêm/cập nhật danh mục - 55+ ++s<++ss+sex+xx 54
3.7.3.23 Màn hình quản lí d6 chơi - + - + s2 £+££+E£+E££Ee£xerxerxerssree 54
3.7.3.24 Màn hình quan lí giao dich - 5c + s* +2 +ksserseersrrreerrsrrre 55
Chương 4 CÀI ĐẶT THỰC NGHIỆM 22 +22xc2xerxesrxrerrees 56
4.1 Cài đặt và triển khai websÏ(e s s-<s<csscsecsessessessessesersersersersess 56
4.1.1 COng CU SU AUN 56
4.1.2 Triển khai websife - - - n3 SE TT TT EEEEEErerrrerrrerrree 56
Trang 74.2 KiGim f]: (SG SG << << E9 9S 999 99 ve e4 se 56
4.2.1 Kiểm thử người dùng - 2-22 2E EEEE12112117121 21111 56
4.2.2 Kiểm thử quản trị viÊn -2- 2¿©+¿++++2E++EE+2EEEEEESEEESEEEEkerkrerkrrrrres 59
Chương 5 KET LUẬN, HƯỚNG PHAT TRIỂN -2-©52©5scsecscc: 605.1 Kết qua dat đưỢC -s- 5< 5° 5s se se EssExsEEseEseEssExsersersersersserserserssrse 60
5.2 Ưu điểm của hệ thống c5 s s©ss©s£s£ se seEsESsesseseeseesersersersers 605.3 Hạn chế của hệ thong 2-2 s << s£ s2 se seEsEssessEssEsseesersersersers 60
5.4 Huong phat 0) 60
TAI LIEU THAM KHAO | Error! Bookmark not defined
Link website tham khảo: - ¿5 55c << ccc<<52 Error! Bookmark not defined.
Trang 8DANH MỤC HÌNH VE
Hình 1 1: Giao diện website chodocu.COm - 55 221512 + +22 ££ceszzx 4
Hình 1 2: Giao diện website chO(tO(.COI c5 5333211132211 ekerevee 4
Hình 3 1: Sơ đồ use case ¿ :- 52c ©2222<SEE E21 2212717121121121111111 21111 cre 16
Hình 3 2: Use case đăng kÍ - -c 1.1111 1 S1 H1 ng HH ng 18
Hình 3 3: Use case đăng nhập - - - G1 3112191 9 1 ng ng net 19
Hình 3 4: Use case quên mật khẩu - 2-2 ¿+ ©E+EE+EE£EE2EE2EEEerEerkerkrrkrree 20Hình 3 5: Thay đôi thông tin tài khoản -¿- 2: ©5255¿22xv2E+vEx+ezxrerxerrecree 21Hình 3 6: Use case xem danh sách sản phâm đồ chơi 2-2 2 5 s52 +2 22Hình 3 7: Use case giao dịch sản phâm 6 chơi 2-2 2 2+s+x+£x+£x+z+zs+2 23Hình 3 8: Use case quan lý sản phâm đồ chơi - 2-2 2 22 2+E£+x+£x+£s+rszsez 25Hình 3 9: Use case quản lý danh mục sản phâm đồ chơi 2- 5 52552 26
Hình 3 10: Use case quản lý người dùng - 55 + seseerseereersrrree 27
Hình 3 11: Use case thống kê - ¿2-52 52+S22E22E2EEEEEEEEEEEEE2E12117171 21212 xe 28Hình 3 12: Sơ đồ tuần tự giao dich sản phâm đồ chơi ¿25s s52 29Hình 3 13: Sơ đồ tuần tự thêm sản phẩm đồ chơi -2- 2 5¿©52+ss+cs+zxzsz 29Hình 3 14: Sơ đồ tuần tự cập nhật sản phâm đồ chơi -2- 2 22 s22 30Hình 3 15: Sơ đồ tuần tự xóa sản phẩm đồ chơi -: 2-©5¿c5¿2cx+cs+cc+z 30Hình 3 16: Sơ đồ tuần tự thống kê - 2-2 £+E£SE+EE+EEEEEEEE2EEECEEErkerkerkrree 31
Hình 3 17: Sơ đồ tuần tự đăng nhập 2 2 2+SE+EEtEE2EESEEEEECEErrkrrkerkrrex 31Hình 3 18: Sơ đồ hoạt động - 2 2 E+SE2E2EESEEEEEEEE2E12E1E71 21.1121 crk, 32
Hinh 3.19: Co so dit Gu oe n ồ.ồ < 33 Hình 3 20: Man hình đăng KkÍ - - G113 911 911kg ng HH ren 36 Hình 3 21: Màn hình đăng nhập - - 5 25 2+ 2x 19H HH ng ngư 37
Trang 927: Màn hình thông tin người bán . sc + s+vstrrirrrrrrirrrrree 28: Màn hình quản lý thông tin 55 25+ + +kseErerrrrrreerrrsrrrree 29: Màn hình giao dịch bán - - - c1 + *32EEEskrsrirrrrrirerrrrerree
30: Màn hình giao dịch TnUa - 5 5 + + 9v vn nh ng ngư
31: Màn hình quản lý đồ chơi bán - 2-2 s©5£+£+£xe£xzxzrszrxerxeee32: Màn hình tạo đồ chơi -c:¿55++222+vvttExxtrttkrrrtrtrtrrrrrtrrrrrrree33: Màn hình cập nhật đồ chơi -2-2¿©5¿2++2++£x++£x+rxerxxerxesrxee
0/0800 0-4344
35: Màn hình quản lý thông tIn - 5 25 33221333 E++vEEeeeseseerrserrres
36 Màn hình quản lý thống kê - 2 2 ¿SE EE+EE+EE+E££E££EeEEeEEerxreee
37: Màn hình quản lí người dùng - - «+ sx£seEseeeeeeserserseree 38: Màn hình quản lý thẻ fag 5 c1 2211121111111 11111 1 xe 39: Màn hình thêm/cập nhật thẻ fag - - 5-5 1+ ssesesrsreree
40: Màn hình quản lý danh mụC -. - S5 2221323 EEeeerssrrerrrrres 41: Màn hình thêm/ cập nhật danh mục -.- 55+ +5 **+s++ss+sexss
Trang 10DANH MỤC BẢNG
Bảng 3 1: Bảng mô tả chức năng của quản tri VIÊN - - 5 55+ <+s+sessxe 14
Bang 3 2: Bảng mô tả chức năng của người dùng ¿+ s-cssss+ssserssereees 15
Bảng 3 10: Mô tả lọc dit lIỆu - c 2 1113111131111 1111 111 1 1 1H ng ng 40
Bảng 3 11: Mô tả chỉ tiết đồ chơi ¿5-52 55222x2EE22EE2EEt2EEEEEEEEverkrrrkerkrsree 41
Bảng 3 12: Mô tả yêu cầu giao dịch :- 5c +52+E2EE‡EEEE2EEEEEEEEeEErrkerkerkrrex 42Bảng 3 13: Mô ta quan lí thông tit c2 2223321331 E*EEEEEeereerreeereerrrerrs 44 Bảng 3 14: Mô tả giao dich bán - - Sc 3c 3211123131311 ekrrre 44
Bảng 3 15: Mô tả giao dich Tmua - - 2c 2c 322112311133 11 1111 1 EEkerrvre 46
Bảng 3 16: Mô tả quản lí đỒ chơi 2-52 s2 2E22EE£EEEEEEEEEEEEEEerEerrkrrkerkrres 41Bảng 3 17: Mô tả thêm 6 chơi -2 22 2SE£SE2E22EE£EEEEEEEEEEEEEEEEEEEEEkrrkerkrrex 48
Bảng 3 18: Mô tả cập nhật đồ chơi -¿- 52 22SE+EE‡EE2EE2EEEEEEEEEEEErrkerkerkrrer 49
Bảng 3 19: Mô tả màn hình acÌm1m - - - (<5 << +18 333 E£**EEEeEEseereeeeeeeeeereere 50 Bang 3 20: Mô tả màn hình quản lí thông tín - s5 cs*csecsesserssseeske 50 Bảng 3 21: Mô tả quản lý thẻ fag - 2c 11x11 H1 HH HH ng ng 52 Bảng 3 22: Mô tả thêm thẻ †a, 5 HH TT TH HH hiệp 53
Bang 3 23: Mô tả danh sách danh mục cccceseeseesseeseeeseeeeeeseeeseeeeeeeeeeeeseeseeeaeens 53
Bang 3 24: Mô tả thêm danh Mmuc - 5 2213233131351 EEEEErrrrrrkrrre 54
Bang 3 25: Mô tả danh sách đồ chơi hệ thống - 2-2 2 2 +x£E+£x+£z£sz e2 55Bảng 3 26: Bảng kiểm thử người đùng ¿ 2¿©5255222x2ExcEEeEkrerxrsrxerresree 56Bảng 3 27: Bảng kiểm thử quản trị viên . -2¿© 2 ©5£+2x+2£xt2EEtExeerxrzrxerresree 59
Trang 12TÓM TẮT KHÓA LUẬN
Đề tài khóa luận “Xây dựng webstie trao đôi đồ chơi dành cho trẻ em” là một
dé tài hướng đến đối tượng người dùng có nhu cầu trao đổi các sản phẩm đồ chơi cũ
đành cho trẻ em.
Đề tài xây dựng một website cho phép tác nhân người dùng thực hiện các giao
dịch trao đôi đồ chơi, quản lý các sản phẩm đồ chơi của cá nhân và tác nhân quản tri
viên thực hiện các nghiệp vụ quản lý danh mục sản phẩm, tag sản phẩm, các giao
dịch, thống kê
Sau quá trình tìm hiểu, tác giả đã lên kế hoạch thực hiện đề tài như sau:
- Tim hiểu qui trình hoạt động của các website trao đổi sản phẩm
- Tim hiểu về Nodejs
- Tim hiểu về Reactjs
- _ Xây dựng mô hình dữ liệu
- _ Xây dựng API xử lý và gửi dữ liệu
- _ Thực hiện kết nói front end, back end, tiễn hành kiểm tra và kiểm thử
Trang 13MỞ ĐẦUNhững dong sản phẩm liên quan đến trẻ em như đồ chơi, nôi, quần áo, bàn ghế
ăn, thông thường sẽ có thời gian sử dụng ngắn, hiệu quả sử dụng thấp Vì lẽ đó mà
nhu cầu được trao đổi mua bán lại các sản phẩm thuộc dòng sản phẩm nay là vô cùngcần thiết
Công nghệ phát triển rất nhanh tại đây cũng kéo theo nhu cầu sử dụng công
nghệ dé ứng tính tiện lợi, nhanh chóng của con người Đây chính là điều kiện tốt dé
thương mại điện tử có thể phát triển mạnh mẽ
Hiện tại các website trao đối đồ cũ trên thị trường vẫn chưa chú trọng vào danhmục sản phẩm dành riêng cho em, không những thế các giao dịch vẫn được thực hiệnbằng tiền thật khiến việc giao dịch trở nên phức tạp trong việc định giá sản phẩm,
rườm rà trong các giao dịch Điều mà người dùng mong muốn đó là được cho đi
những thứ mình không cần đến nhưng vẫn có thê nhận lại được một điều gì đó khích
lệ tinh thần của họ
Nắm bắt được thực trạng tác giả đã định hướng bản thân phát triển website
trao đôi đô chơi cũ dành cho trẻ em.
Trang 14Chương 1 TONG QUAN DE TÀI
1.1 Hién trang va dat van dé
1.1.1 Dat van dé
Trên thị thường tôn tại rat nhiều dòng sản phầm khác nhau, nhưng những dong
sản phẩm liên quá đến trẻ em như quần áo, đồ chơi, bàn ghé, thông thường sẽ có
thời gian sử dụng ngắn, hiệu qua sử dụng thấp Vì lẽ đó mà nhu cầu được trao đổimua bán lại các sản phâm thuộc dòng sản phẩm này là vô cùng cần thiết
Mua đồ cho trẻ nhỏ ai cũng chọn món đồ tốt nhất có thé Nhưng các bé sẽ lớnrất nhanh, nhanh hết hứng thú với những món đồ hiện tại, bỏ lại rất nhiều đồ cũ chỉ
mới dùng vai thang hay thậm chí vài ngày Gitr lại thì chật tủ, chat nhà, bỏ đi thì phí.
Trao đổi đồ dành cho các bé sẽ tiết kiệm cho bố mẹ khá nhiều, lại tiết kiệm được chi
phí cho xã hội Tại sao lại không mang đôi chúng lấy những thứ mình cần? Thay vì
bị quang ra bai rac hay chiếm chỗ một cách vô dụng trong nhà, những vật cũ lại được
“tái sinh” và mang lại niềm vui cho những người chủ mới.
Trong những năm trở lại đây, Internet lại phát triển rất nhanh tại Việt Nam.Người dân sử dụng Internet hàng ngày tai gia đình, co quan va tai mọi nơi thiết bị di
động thể kết nối được Wifi, 4G Day chính là điều kiện tốt dé thương mại điện tử có
thê phát triển mạnh mẽ
ToysTrading ra đời sẽ trở thành một địa chỉ đáng tin cậy từ những người có
đồ chơi dành trẻ em đã qua sử dung và không dùng đến nữa, đến những người có nhucầu tìm kiếm và mua sản pham ưng ý khi còn hạn chế về tài chính
ToysTrading sẽ trở thành một nơi dé người mua và người bán kết nối nhanh
chóng và thuận tiện - một sản giao dịch đồ dành cho trẻ em cho đi và nhận lại
Trang 151.1.2 Tìm hiéu một sô website trao đôi đồ cũ
1.1 2.1 https://chodocu.com/ [1]
Xin chào! mời bạn đăng ký hoặc đăng nhập Olocomvn ElTintữc # Tinđälưu # Đăngtinmiễnphi
Toàn quốc Xu hướng tìm kiếm: Iphone, Ipad, Tai nghe,
DANH MỤC SẢN PHẨM
Cơ hội tìm kiếm trong s hodocu.com
Đồ điện tử Thiết bị nghe nhìn Đồ gia dụng Xe cộ Thời trang, phụ kiện
Điện thoại TV, màn chiếu Tủ lạnh Ôtô Thời trang nữ
Máy tính bảng Máy chiếu Máy giặt Xe máy Giày dép nữ
SIM thẻ Máy nghe nhạc Lò vĩ sóng, Lò nướng Xe đạp Phụ kiện nữ
Máy đọc sách Tai nghe Máy hút bụi Phụ tùng, đồ bảo hô Thời trang nam
Máy tính bàn, máy chủ Đầu đĩa, đầu thu Quạt Xe chuyên dung Giày dép nam
1.1
Hình 1 1: Giao diện website chodocu.com
.2.2 https://www.chotot.com/ [2]
choTOT
Tim kiểm trên Chợ Tốt 2, ĐĂNG TIN
@ Chợ Tốt Ưu Dai op) Nap Đông Tốt © Tin đăng đã lưu ©® Vong quay may man Cn) Tim >
Kham pha danh muc
Tin đăng mới
Hình 1 2: Giao diện website chotot.com
Trang 161.1.3 Nhận xét
Theo tìm hiểu tác giả nhận thấy rằng đa số website đều các ưu điểm :
- _ Giao diện đẹp, thân thiện với người dùng
- _ Được thiết kế dé hoạt động trên nhiều nền tảng thiết bị khác nhau như mobile,
table,
- Cac website hiện tại van chưa tập trung chú trọng vào ngành hàng đồ dành trẻ
em
- _ Các giao dịch trên các website đó van giao dich bằng tiền thật, với những mon
đồ cũ dành cho trẻ em rất khó có thể định giá được giá trị hiện tại tương xứng
với số tiền thật là bao nhiêu
Qua viêc quan sát các website tác giả đã rút ra được một số kiến thức cần thiết
dé phát triển website trao đôi đồ cũ trẻ em theo hướng hỗ trợ người dùng, giúp ngườidùng, cảm thấy dé dàng hơn trong việc trao đôi những món đồ chơi cũ, đã qua sử
dụng.
1.2 Mục tiêu đề tài
Đề tài với mục đích là xây dựng website trao đôi đồ chơi cũ dành cho trẻ em:
- Xây dựng sản giao dịch dành cho dé trẻ em cho đi và nhận lại
- _ Hỗ trợ tìm kiếm thông tin, gợi ý, trao đôi sản phẩm phù hợp với sở thích và
nhu cầu của người dùng
- _ Giảm thiểu sự lãng phí của các món hàng có thé tái sử dụng được tiết kiệm
chi phí cho cá nhân va gia đình.
- Đánh giá chi tiết độ tin cậy và uy tín của người giao dịch khi sử dụng hệ
thống
1.3 Phạm vỉ nghiên cứu
1.3.1 Công nghệ ứng dụng vào hệ thống
- Ngôn ngữ lap trình: JavaScript, HTMLS, CSS, SQL
- Thu viện: Sequelize, Nodemon, Reactjs
- Framework: Express, Nodejs
- Hé quản tri cơ sở dt liệu: MySQL
Trang 17- Ung dụng công nghệ cloudinary để lưu ảnh, db4free dé lưu database, heroku
dé lưu trữ source code1.3.2 Co sở lý thuyết
- Phuong pháp kích thích người dùng sử dụng trang web
- Logic trên môi trường điện tử
1.4 Bố cục báo cáo
Khóa luận gồm 4 chương với các nội dung chính sau :
Chương 1: Tong quan đề tài
Giới thiệu tổng quan nội dung đề tài khóa luận Nội dung bao gồm: hiện trạng
và đặt vấn đề, khảo sát một số website, nhận xét, mục tiêu đề tài, phạm vi nghiên cứu,
cơ sở lý thuyết bố cục báo cáo
Chương 2: Cơ sở lý thuyết
Giới thiệu các nền tảng công nghệ hỗ trợ đề tạo ra trang web
Các cở sở lý thuyết được áp dụng vào hệ thống
Chương 3 : Phân tích và thiết kế hệ thống
Trình bày về sơ đồ tổ chức của website, phân tích thiết kế hệ thống, thiết kế
cơ sở đữ liệu, thiết kế giao diện website
Chương 4: Cài đặt và kiểm thử
Trình bày cài đặt website, tóm tắt quá trình triển khai kiểm thửChương 5: Tổng kết
Tổng kết khóa luận, ưu khuyết điểm của hệ thống và hướng phát triển
Trang 18Chương 2 CƠ SỞ LÝ THUYET
2.1 Nền tảng công nghệ
2.1.1 Tìm hiểu về Nodejs
2.1.1.1 Tổng quan về nodejs
NodeJS là một nền tảng được xây dựng trên V8 JavaScript Engine - trình
thông dịch thực thi mã JavaScript, giúp xây dựng các ứng dụng web một cách đơn
giản và dễ dàng mở rộng [3]
NodeJS được phát triển bởi Ryan Dahl vào năm 2009 và có thé chạy trên nhiều
hệ điều hành khác nhau: OS X, Microsoft Windows, Linux
2.1.1.2 Các đặc điểm của nodejs
Node.js chứa một thư viện built-in cho phép các ứng dụng hoạt động như một
Webserver mà không cần phần mềm như Nginx hoặc IIS
Node.js cung cấp kiến trúc hướng sự kiện (event-driven) va non-blocking I/OAPI, tối ưu hóa thông lượng của ứng dụng va có kha năng mở rộng cao
Mọi hàm trong Node.js là không đồng bộ (asynchronous) Do đó, các tác vụ
đều được xử lý và thực thi ở chế độ nền (background processing)
2.1.1.3 Ưu điểm của nodejs
Nhận và xử lý nhiều kết nối chỉ với một single-thread
JSON APIs Với cơ chế event-driven, non-blocking I/O(Input/Output) và mô hình kết
hop với Javascript là sự lựa chọn tuyệt vời cho các dịch vụ Webs lam bằng JSON
Kha năng xử lý nhiều Request/s đồng thời, thời gian phản hồi nhanh
Node1S có thé xử ly hàng nghìn Process và trả ra một luồng khiến cho hiệu xuất hoạt
động đạt mức tối đa nhất và tuyệt vời nhất
Streamming Data (Luông dir liệu): Các web thông thường gửi HTTP request
và nhận phản hôi lại (Luồng dữ liệu) Gia xử sẽ cần xử lý một luỗng giữ liệu cực lớn,NodeJS sẽ xây dựng các Proxy phân vùng các luồng dit liệu dé đảm bảo tối đa hoạtđộng cho các luồng dữ liệu khác
Trang 192.1.2 Tìm hiểu về Expressjs
2.1.2.1 Tổng quan về expressjs
Expressjs là một framework được xây dựng trên nền tảng của Nodejs, cungcấp các tính năng mạnh mẽ để phát triển web hoặc mobile Expressjs hỗ trợ các
method HTTP và midleware tạo ra API vô cùng mạnh mẽ va dễ sử dụng.
2.1.2.2 Các đặc điểm của expressjs
Thiết lập các lớp trung gian dé trả về các HTTP request.
Define router cho phép sử dụng với các hành động khác nhau dựa trên phương
thức HTTP va URL.
Cho phép trả về các trang HTML dựa vào các tham số
2.1.2.3 Ưu điểm của expressjs
Express hỗ trợ chúng ta phát triển ứng dụng theo mô hình MVC.
Cho phép định nghĩa các middleware.
Định nghĩa rõ ràng các request methods trong route.
Hỗ trợ mạnh về REST API
2.1.3 Tìm hiểu về Heroku
2.1.3.1 Tổng quan heroku
Heroku là gì? Là nền tảng đám mây cho phép các lập trình viên xây dựng, triển
khai, quản lý và mở rộng ứng dụng (PaaS — Platform as a service).
Heroku rất linh hoạt và dễ sử dụng, cung cấp cho một con đường đơn giản nhất
dé đưa sản phẩm tiếp cận người dùng, giúp các nhà phát triển tập trung vào phát triểnsản phâm mà không cần quan tâm đến việc vận hành máy chủ hay phần cứng
2.1.3.2 Cách hoạt động của heroku
Heroku được biết đến như một nơi dé triển khai các ứng dụng trong dyno (Khibạn triển khai một ứng dụng Heroku, bạn phải thiết lập một máy ảo được gọi là slug,
sử dụng một hoặc nhiều buildpacks Khi một máy ảo được khởi chạy từ slug, đó được
gọi là dyno.)
Trong trường hợp phải xử lý khối lượng công việc nhiều, phức tạp, bạn sẽ cầnthêm nhiều block (scale chiều ngang) hoặc tăng kích thước các block (scale chiều
Trang 20dọc) Phí sử dụng Heroku được tính dựa trên số lượng dyno và kích thước mỗi dyno
mà bạn dùng.
2.1.3.3 Các tính năng của heroku
Heroku Runtime: cung cấp các smart container mà ứng dụng của bạn sẽ chạy
trong đó, xử lý mọi từ từ cấu hình, điều phối, cân bang tai, backup, log, bao mat
Heroku Teams: đây là một công cụ quản ly nhóm, kết hợp nhiều lập trình viên
lại với nhau dé xây dựng phần mềm tốt hơn.
Scale: Heroku có thể mở rộng quy mô ứng dụng ngay lập tức, cả theo chiều
dọc và chiều ngang
Add-ons: Mở rộng, nâng cao và quản lý các ứng dụng của bạn với các dịch vụ
được tích hợp sẵn như New Relic, MongoDB, SendGrid, Searchify, Fastly, Papertrail,
ClearDB MySQL, Treasure Data
Code/data rollback: Heroku cho phép bạn khôi phục mã nguồn hoặc cơ sở dữliệu của mình về trạng thái trước đó ngay lập tức
App metrics: Với tính năng giám sát tích hợp lưu lượng, thời gian phản hồi,
bộ nhớ, tải CPU và lỗi bạn sẽ luôn biết được ứng dụng của bạn đang hoạt động ra
sao.
Continuous delivery: Heroku Flow str dung Heroku Pipeline, Review Apps va
tích hop Github dé xây dựng quy trình CI/CD gồm build, test, deploy
GitHub Integration: Tích hợp Github giúp bạn có thể pull request, push,
commit,
2.1.3.4 Ưu điểm heroku
Hỗ trợ nhiều ngôn ngữ lập trình: NodeJS, Ruby, Python, PHP, Java, Scala,
Clojure, Go, Kotlin
Được cung cấp Database, SSL miễn phí, hỗ trợ mạnh làm việc team cũng nhưliên kết với Github một cách đơn giản
2.1.4 Tìm hiểu về Db4free
2.1.4.1 Tổng quan db4free
Db4free.net cung cấp dịch vụ mới nhất đôi khi còn trong giai đoạn phát triển
Trang 21các biên bản MySQL Server.
Bạn có thé dé dang đăng ký tài khoản miễn phi và dùng cho ứng dung của bạn,
dé chắc rằng có thé hoạt động cùng biên bản mới nhất của MySQL
db4free.net nhằm mục đích luôn cung cấp biên bản mới nhất hoặc phiên bản pháttriển mới nhất
Db4free.net's MySQL server sẽ được cập nhật ngay sau khi một phiên bản mới
được phát hành, thường là vào cùng ngày hoặc nhanh nhất có thể
db4free.net cũng cung cấp biên bản mới nhất của phpMyAdmin
2.1.4.2 Khuyết điểm db4free
Db4free.net là một môi trường thử nghiệm điều đó có nghĩa là không phù hợpcho sản phâm thực tế
Có thé có hiện tượng sụp server, mat dữ liệu và tinh năng bảo mật không đáp
ứng được các tiêu chuân mà bạn mong đợi từ một nhà cung cấp dữ liệu lưu trữ chuyên
nghiệp.
2.1.5 Tìm hiểu về Reactjs
2.1.5.1 Tổng quan reactjs
ReactJs là một thư viện viết bang javascript, dùng dé xây dựng giao diện người
dùng (UI) React được sử dụng rộng rãi và có hệ sinh thái đa dạng phong phú UI tat
nhiên là quan trọng, nhưng không phải là tất cả Dé phát triển ứng dụng hoàn chỉnh,
một mình ReactJs là không làm được tất cả, bạn sẽ cần thêm [4]:
« Server side language: dé xử ly logic và lưu trữ dữ liệu trên server
¢ HTML/CSS: nếu bạn làm ứng dụng web
¢ _ Flux/Redux: là một kiến trúc giúp bạn tổ chức code rõ ràng và sạch sẽ
« Objective C: nếu ban sử dung React dé xây dựng app cho iOS
2.1.5.2 Các đặc điểm reactjs
- Dễ sử dụng
- H6 trợ Reusable Component trong Java
- Than thiện với SEO
- Viét component dé dang hon
10
Trang 22- Hiệu suất tốt hơn với Virtual DOM
2.1.5.3 Ưu điểm reactjs
Reactjs cực kì hiệu quả: Reactjs tạo ra cho DOM ảo — nơi mà các component
thực sự tồn tại trên đó Điều này sẽ giúp cải thiện hiệu suất rất nhiều
Reactjs giúp việc viết các đoạn code Javascript đễ dàng hơn: cú pháp đặc biệt
là JSX (Javascript mở rộng) cho phép ta trộn giữa code HTML và Javascript.
Render tang server: Reactjs là một thư viện component, có thé vừa render ở
ngoài trình duyệt sử dụng DOM và cũng có thé render bằng các chuỗi HTML mà
server trả VỀ
Làm việc với vấn đề test giao diện: cực kì dễ để viết các test case giao diện vì
virtual DOM được cai đặt hoàn toàn bằng Javascript
Hiệu năng cao đối với các ứng dụng có dữ liệu thay đôi liên tục, dễ dàng cho
bảo trì và sửa lỗi.
2.2 Cơ sở lý thuyết
Website được triển khai dựa trên mô hình sàn thương mại điện tử C2C, với
nhiều ưu điểm có thể có đến như:
- _ Cấu trúc tô chức logic dé kế thừa quản ly code
- Dễ dang nâng cấp bồ sung chức năng
- Dé dàng kế thừa thư viện từ các functions bên tăng năng suất hiệu qua lập trình
Đối với mô hình sàn thương mại điện tử C2C, mô hình có tên viết tắt củaConsumer to Consumer, nghĩa là của bên mua và bán đều cá nhân không phải doanhnghiệp C2C ra đời với mục đích mang lại một đáp ứng nhu cầu mua hàng từ kháchhàng với khách hàng dựa trên nền tảng bên thứ ba hỗ trợ hoạt động giao dịch Mô
hình là nơi sản phẩm đa phần là những đồ cũ trong đó nhiều loại ngừng sản xuất.
Nhưng do tính chất là đồ cũ nên chất lượng có thể không đảm bảo nên website có hỗ
trợ việc đánh giá tài khoản người dùng dé hỗ trợ người dùng mua bán dé dàng hơn.
Website nhắm đến đối tượng người dùng có nhu cầu, mong muốn cho di cácsản phẩm đồ chơi cũ dành cho trẻ em không còn sử dụng
Băng việc sử dụng những đông tiên ảo với giá trị tương ứng với giá tri tiên
11
Trang 23thật, người dùng có thé dé dang định giá được sản pham ấy mà đưa ra quyết định giao
dịch sản phẩm
Việc được nhận 200000 ecoin trong lần đăng kí đầu tiên, người dùng có thể
dé dang lựa chọn sản phẩm minh mong muốn và chỉ chịu khoản phí ship hoặc thậmchí không mat phí nếu 2 bên thỏa thuận được việc giao hàng trực tiếp, với khoản tiềnship có giá trị chỉ bằng nửa so với giá trị mua mới sản phẩm thì sẽ tiết kiệm được rất
nhiều chỉ phí cho người dùng nhưng vẫn nhận được sản phẩm tốt và chất lượng.
Với những món đồ có số tiền ecoin cao nhưng mong muốn được sở hữu, ngườidùng không đủ ecoin dé có thé tiến hàng giao dịch thì việc đem những món đồ chơi
cũ mình đang có đem đăng lên trang web với mức giá hấp dẫn, sẽ mau sớm có được
đủ số ecoin dé tiến hành giao dịch với sản pham có số ecoin cao mà mình mong muôn
Việc sử dụng xác thực bằng email khi đăng kí tài khoản, cũng như mỗi email, số điện thoại, sẽ được đăng kí một tài khoản sẽ khiến website giới hạn được ngườitham gia ảo giúp người dùng tránh được tình trạng giao dịch với tài khoản ảo dẫn đếnkết quả giao dịch không như ý
Người dùng chỉ được sở hữu một giao dịch với một món đồ chơi duy nhất và
chỉ có thể tiến hành giao dịch với món đồ khác khi giao dịch hiện tại được xử lý hoàn
tất hoặc hủy vi thé sẽ giảm thiểu được tinh trạng một số người dùng có mục đích đi
thu gom sản phâm đồ chơi đang có trên hệ thống
Trong quá trình giao dịch, nếu người mua nhận được món hàng nhưng khôngbam xác nhận trên website khiến người bán không nhận được số ecoin của sản pham
đã bán, thì sau bảy ngày ké từ ngày người bán chấp nhận giao dich thì hệ thống sẽ tự
cập nhật số ecoin của cả người mua người bán mang đến sự công bằng, minh bạch
trong quá trình giao dịch.
Việc người bán chấp nhận giao dich thì hệ thống mới hiển thị thông tin của hai
bên người mua và người bán sẽ giúp bảo mật thông tin cá nhân của người dùng.
Chương 3 PHAN TÍCH THIẾT KE HE THONG
3.1 Phân tích yêu cầu
3.1.1 Các yêu cầu chức năng
12
Trang 24Giao diện quản lý:
Quản trị viên quản lý toàn bộ hoạt động của websiteQuản lý danh sách tag đồ chơi
Quản lý danh sách danh mục đồ chơi
Quản lý danh sách giao dịch của hệ thốngQuản lý danh sách đồ chơi của người dùng đang có trên hệ thống
Quản lý danh sách tài khoản người dùng
Quản lý thống kê các thông tin trên hệ thống
Giao diện người dùng:
Hiển thị được danh sách đồ choi được đăng lên gần thời điểm hiện tại nhất
Hiển thị danh sách tat các đồ chơi đang trong trạng thái sẵn sang giao dịchXem thông tin người bán, các giao dịch đã thực hiện cũng như số điểm đánh
giá.
Xem chỉ tiết thông tin của một món đồ chơi.
Giao dich trao đổi với sản phâm đồ chơi mong muốnQuản lí sản phâm đồ chơi, danh sách, thông tin các giao dich đang tham gia3.1.2 Yêu cầu phi chức năng
Yêu câu về giao diện: Giao diện quản lý gân gũi, đơn giản Giao diện người
dùng thân thiện, sinh động, tương tác tốt.
Yêu cầu về chất lượng:
Tính tiện dụng: Hệ thống có giao diện trực quan, thân thiện và dễ sử dụngTính hiệu quả: Website thé hiện trực quan các trạng thái thông tin, g1úp người
dùng dễ dàng thao tác Website hoạt động én định
Tính tương thích: Hoạt động tốt với tat cả trình duyệt web phổ biến hiện nay
3.2 Phân tích thiết kế hệ thống
3.2.1 Các chức năng của hệ thống
e Hệ thống dành cho quản trị viên của website:
Quản lý danh sách tag đồ chơi
Quản lý danh sách danh mục đồ chơi
13
Trang 25Quan lí các giao dịch toàn hệ thong
Quan ly danh sach dé choi
Quan lý danh sách tài khoản người dùng
Thống kê
Hệ thống dành cho khách hàng sử dụng website:
Hiền thị danh sách món đồ chơi được đăng lên website gần nhất
Hiền thị danh sách tất cả đồ chơi đang trong trạng thái sẵn sàng trao đôi
Đăng kí, đăng nhập tài khoản.
Tạo mật khâu mới nếu bị quên mật khẩu hoặc thay đôi mật khẩu hiện tạiNgười dùng được xem thông tin chỉ tiết các món đồ chơi
Người dùng được thực hiện giao dịch với món đồ chơi mong muốn khi đượcngười bán chập thuận và đủ số tiền giao dịch
Người dùng được phép đánh giá người dùng khác sau mỗi phiên giao dịch
Tác nhân quản tri viên : người nay thực hiện các chức năng quản tri hệ thông,
danh mục, tag, đồ chơi, thống kê giao dịch Đề thực hiện các chức năng quản tri hệthống này bắt buộc phải đăng nhập
Tác nhân người dùng bao gồm người dùng đã và chưa đăng kí thành viên.Tác
nhân khách hàng có các chức năng sau: xem danh sách các món đô chơi, xem thông
tin chi tiét của một món đô chơi, xem một sô thông tin của người dùng khác Dé có
thé tiến hành giao dich được sản phẩm, xem thông tin chi tiết của người dùng khác,
đánh giá người dùng sau mỗi giao dịch thành công thì người dùng phải đăng nhập.
Tác nhân quản trị viên:
Bảng 3 1: Bang mô tả chức năng của quản tri viên
14
Trang 26Stt Tên chức năng Mô tả
1 | Đăng nhập Thực hiện đăng nhập vào hệ thống, nhập vào email và
password Kiểm tra hợp lệ trùng với đữ liệu có sẵn thì
hệ thống sẽ cho phép đăng nhập dé thực hiện các chức
năng của hệ thông
2 | Quản lý danh mục | Quản lý các thao tác thêm, xóa, sửa danh mục d6 chơi
đô chơi
3 | Quản lý tag đồ Quản lý các thao tác thêm, xóa, sửa tag đồ chơi
chơi
4 | Quản lý tài khoản | Quản lý thông tin tài khoản đăng nhập của người dùng,
người dùng quản lý xóa người dùng
5 | Quan lý danh sách Thống kế số lượng đồ chơi đã được giao dịch, hoặc
đô chơi đang ở trạng thái san sang giao dich
6 | Quan lý các giao Quản lý thông tin chỉ tiết của các giao dịch đang có trên
1 | Đăng nhập Thực hiện đăng nhập vào hệ thống, nhập vào email và
password Kiểm tra hợp lệ trùng với dữ liệu có san thì hệ
thống sẽ cho phép đăng nhập đề thực hiện các chức năng của
hệ thông
2 | Dang kí Người dùng đăng kí thông tin tài khoản Nếu thông tin chưa có
trong hệ thông, hệ thông sẽ ghi nhận và lưu thông tin vào
CSDL Sau khi đăng kí, người dùng có thê đăng nhập và thực
hiện các chức năng trên website
3 | Quên mật Người dùng quên mật khâu và muốn tạo một mật khâu mới
khâu băng cách nhập email và mật khâu mới, sau khi xác nhận băng
email hệ thông sẽ cho phép đăng nhập băng mật khâu mới vừa
15
Trang 27Quản lý tài
khoản
Người dùng muốn thay đôi các thông tin tài khoản cá nhân
trên hệ thông cũng như mật khâu hiện tại.
Xem danh
sách đô chơi
Xem thông tin các sản phẩm đồ chơi theo từng độ tuổi, giới
tính, thành phô, danh mục, tag.
Xem thông
tin chi tiệt cua từng món
Xem thông tin chi tiết của một sản phẩm đồ chơi như độ tuôi,
giới tính phù hợp, thuộc danh mục, tag gì, thuộc sở hữu của
người bán nào
đồ chơi
Mua đồ chơi | Thực hiện yêu cầu mua sản phẩm với người bán
Người dùng phải đăng nhập dé thực hiện được chức năng này
Đánh giá Sau mỗi phiên giao dịch thành công, người mua và người bán
người dùng có thê đánh giá cho nhau
Cả hai đều phải đăng nhập đề thực hiện chức năng này
Quản lý sản phâm do chơi
Quản lý các thao tác thêm, xóa, sửa sản phâm đô chơi
Người dùng phải đăng nhập dé thực hiện được chức năng này
chơi Xem thông
tin người đăng
3.3 Sơ đồ use case tong quát
Thay đối thông tin tài khoản anchude:
Quan lý tài khoản người dùng —_—— -~ ~~ssssssnnnnnrrrrrrrrrrreery
Hình 3.1: Sơ đồ use case
16
Trang 283.3.1 Danh sách use case
Bảng 3.3: Bảng use case
Stt Use case Y nghia
1 | Use case đăng nhập Nguoi dung dang nhap tai khoan
2 | Use case dang ki Nguoi dung dang ki tai khoan
3 | Use case quên mat khẩu Người dùng quên mật khâu
4 | Use case thay đổi thông tin tài Người dùng muốn thay đồi thông tin tài
khoản khoản
5| Use case xem danh sách các sản | Người dùng xem thông tin các san phẩm
phâm đô chơi đô chơi
6 | Use case giao dich sản phẩm đồ | Người dùng muốn giao dich sản phẩm đồ
chơi và đánh giá người dùng chơi mong muôn và đánh giá người dùng
khác sau moi giao dịch thành công.
7 | Use case quản lý sản phẩm đồ Người dùng quản lý sản phẩm đồ chơi
chơi
8 | Use case quan lý danh mục sản Quan trị viên quản lý danh mục sản pham
phâm đô chơi đô chơi
9 | Use case quản lý tag sản phâm đồ | Quản trị viên quản lý tag sản phẩm d6
chơi chơi
10} Use case quản ly tài khoản người | Quản trị viên quan lý tài khoản người
dùng dùng
11| Use case quản ly sản phẩm đồ Quản trị viên quan lý sản phẩm đồ chơi
chơi cũ của người dùng của người dùng
12| Use case thống kê Quan trị viên thống kê thông tin trên hệ
thống
3.3.2 Đặc tả use case
17
Trang 293.3.2.1 Use case đăng kí
«include»
can nỆ Kiểm tra thông tin
Người dùng
Hình 3 2: Use case đăng kí
- Tac nhân: người dùng
- Mô tả: use case cho người dùng chưa có tài khoản
- _ Điều kiện trước: đã có email
- Dong sự kiện chính:
e Chọn chức năng đăng ki
e Giao diện đăng kí hiển thi
e Nhập các thông tin cần thiết vào giao diện
e_ Hệ thống kiểm tra các thông tin vừa nhập có hợp lệ Nếu tài khoản đã có trên
hệ thống thì chuyên sang dong sự kiện rẽ nhánh AI
e Nếu tài khoản đăng kí chưa tồn tại thì người dùng sẽ đăng kí thành công
- Use case kết thúc
- Dong sự kiện rẽ nhánh AI: Tài khoản đã tồn tại Hệ thống thông báo quá trình
đăng kí không thành công do tài khoản đã tồn tại Chọn nhập lại, hệ thống yêucầu nhập lại tài khoản, mật khẩu
- Kết quả: Tài khoản được đăng kí thành công, lưu thông tin xuống cơ sở đữ
liệu Quản trị viên và người dùng có thê đăng nhập
18
Trang 303.3.2.2 Use case đăng nhập
A
Nguoi dung ee «include»
"¬—- Kiểm tra thông tin
Quản trị viễn
Hình 3 3: Use case đăng nhập
- Tac nhân: quản tri viên, người dùng
- M6 tả: use case cho quan tri viên người dùng đã có tài khoản đăng nhập vào
hệ thống
- _ Điều kiện trước: đăng kí tài khoản thành công trên hệ thống
- Dong sự kiện chính:
e Chọn chức năng đăng nhập
e Giao diện đăng nhập hién thi
e Nhập tải khoản, password vào giao diện đăng nhập
e Hệ thống kiểm tra các thông tin vừa nhập có hợp lệ Nếu nhập sai tài khoản
hoặc mật khẩu thì chuyên sang dòng sự kiện rẽ nhánh A1
e Nếu nhập đúng và là quản trị viên thì hệ thống sẽ chuyên tới trang quản trị
e Nếu nhập đúng và là người dùng thì hệ thống sẽ chuyên tới trang chủ website
- Use case kết thúc
- Dong sự kiện rẽ nhánh A1: Tài khoản đã tồn tại Hệ thống thông báo quá trình
đăng kí không thành công do tài khoản không ton tại, sai mật khâu hoặc sai taikhoản Chọn nhập lại, hệ thống yêu cầu nhập lại tài khoản , mật khẩu
- Kết quả: Tài khoản được nhập thành công.Nếu là quản trị viên có thé sử dung
19
Trang 31các chức năng quản lý tương ứng trang quản trị Nếu là người dùng có thể xemdanh sách các sản phâm đô chơi
3.3.2.3 Use case quên mật khẩu
R R ~ «include» — - :
Quên mật khẩu _} -=> Kiểm tra thong tin
Người dùng
Hình 3 4: Use case quên mật khẩu
- Tac nhân: người dùng
- M6 tả: use case cho người dùng đã quên mật khẩu tài khoản đã đăng kí thành
công trên hệ thống
- _ Điều kiện trước: đăng kí tài khoản thành công trên hệ thống
- Dong sự kiện chính:
© Chọn chức năng quên mật khâu
e Giao diện quên mật khâu hiền thi
e Nhập email, password mới vào giao diện quên mật khẩu
e Hệ thống kiểm tra các thông tin vừa nhập có hợp lệ Nếu nhập sai email thì
chuyền sang dòng sự kiện rẽ nhánh Al
se Nếu nhập đúng, người dùng sẽ nhận được mail của hệ thống, click vào link
xác nhận thay đôi mật khẩu trên mail để xác nhận thay đổi, người dùng saukhi nhấp vào link xác nhận sẽ đăng nhập được vào hệ thống bằng mật khẩu
mới
- Use case kết thúc
- Dòng sự kiện rẽ nhánh A1: Hệ thống thông báo quá trình quên mật khẩu không
thành công do email không tồn tại hoặc mật khẩu mới không hợp lệ Chọnnhập lại, hệ thống yêu cầu nhập lại email, mật khâu mới
- Keét quả: Mật khâu mới được lưu vao cơ sở đữ liệu thành công
20
Trang 323.3.2.4 Use case thay đối thông tin tài khoản
e_ Chọn chức năng thay đôi thông tin
e Giao diện thay đôi thông tin hiển thị
e Nhập thông tin mới vào giao diện
e Hệ thống kiểm tra các thông tin vừa nhập có hợp lệ Nếu nhập sai thì chuyển
sang dòng sự kiện rẽ nhánh Al
e Nếu nhập đúng, người dùng sẽ nhận thông báo thay đổi thông tin thành công
của hệ thống
- Use case kết thúc
- Dong sự kiện rẽ nhánh A1: Hệ thống thông báo quá trình thay đổi thông tin
không thành công do thông tin không hợp lệ Chọn nhập lại, hệ thống yêu cầu
nhập lại thông tin
- _ Kết quả: Thông tin mới được lưu vào cơ sở dit liệu thành công
21
Trang 333.3.2.5 Use case xem danh sách sản phẩm đồ chơi
Người dùng weer einclude»
Hình 3 6: Use case xem danh sách sản phẩm đồ chơi
- Tac nhân: người dùng
- Mô tả: use case cho xem đanh sách các sản phẩm đồ chơi
- _ Điều kiện trước: không
- Dong sự kiện chính:
e_ Xem trang chủ: Hệ thống hiên thị danh sách các sản phâm đồ chơi đang có
san Nhấp vào từng sản phẩm sẽ hién thị thông tin chi tiết của sản phẩm cũngnhư thông tin người bán sản phâm đó
e Thực hiện giao dịch san phẩm: người dùng tiễn hành thực diện giao dịch với
sản phẩm mong muốn, nếu chưa đăng nhập sẽ chuyền tới dòng sự kiện rẽ
Trang 343.3.2.6 Use case giao dịch sản phẩm đồ chơi
Xem danh sách sản phẩm đồ
Hình 3 7: Use case giao dịch sản phẩm đồ chơi
- Tac nhân: người dùng
- Mô tả: use case mô tả quá trình giao dịch với sản phẩm đồ chơi mong muốn
- _ Điều kiện trước: đã đăng nhập vào hệ thống thành công
- Dong sự kiện chính:
e Xem trang chủ: Hệ thống hiển thị danh sách các sản phẩm đồ chơi đang có
san Nhấp vào từng sản phẩm sẽ hién thị thông tin chỉ tiết của sản phâm cũng
như thông tin người bán sản pham đó.
e Thực hiện giao dịch sản phẩm:
o Người mua tiễn hành thực điện giao dịch với sản phẩm mong muốn, nếu chưa
đăng nhập sẽ chuyên tới dòng sự kiện rẽ nhánh AI
o Người mua chọn sản phẩm muốn giao dịch, hệ thống sẽ gửi yêu cầu mua san
phẩm đến với người bán, nếu không thành công chuyền tới dòng sự kiện rẽ
nhánh A2
© Người bán chấp nhận yêu cầu giao dịch, hệ thong sé hién thi thông tin cua
người mua, người bán va sản phẩm dang giao dich nếu không thành công
chuyền tới dòng sự kiện rẽ nhánh A3
o Sau khi đạt được thỏa thuận cá nhân giữa người mua và người ban cho phiên
giao dịch, người bán xác nhận giao dịch, nếu không thành công chuyền tới
23
Trang 35dòng sự kiện rẽ nhánh A4
Người mua nhận được sản phẩm sẽ xác nhận giao dịch thành công trên hệ
thống, hệ thống tự động cập nhật số tiền trong tài khoản của người mua, người
bán và cập nhật trạng thái sản phẩm đồ chơi trong phiên giao dịch Nếu ngườimua không xác nhận giao dịch thành công thì chuyên tới dòng sự kiện rẻ nhánh
chọn sản phẩm khác đề bắt đầu phiên giao dịch mới
Dòng sự kiện rẽ nhánh A4: Hệ thống thông báo giao dịch bị hủy do bên ngườibán hoặc người mua đã hủy phiên giao dịch này Người mua tiến hành lựachọn sản phẩm khác đề bắt đầu phiên giao dịch mới
Dòng sự kiện rẽ nhánh A5: Người mua không xác nhận giao dịch thành công
trên hệ thống Sau bảy ngày kế từ ngày người bán xác nhận giao dịch, hệ thống
sẽ tự động cập nhật số tiền trong tài khoản của người mua, người bán và trạng
thái sản phẩm giao dịch Kết thúc phiên giao dịch
Kết quả: Thông tin phiên giao dịch được lưa vào cơ sỡ dữ liệu, người mua có
thê tiêp tục mua các sản phâm khác
24
Trang 363.3.2.7 Use case quản lý sản phẩm đồ chơi
Hình 3 8: Use case quản lý sản phẩm đồ chơi
- Tac nhân: người dùng
- M6 tả: use case cho phép người dùng thêm, xóa, sửa các sản phẩm đổi chơi
- _ Điều kiện trước: đăng nhập thành công vào hệ thống
- Dong sự kiện chính:
e _ Người dùng chon kiểu tác động: Thêm, xóa, sửa, tìm kiếm sản phẩm đồ chơi
e Thêm sản phẩm đồ chơi: Chọn thêm đồ chơi, hệ thống hiển thị giao diện nhập
đồ chơi mới, người dùng nhập các thông tin cần thiết, nếu thành công sẽ đưa
ra thông báo thêm thành công, nếu sai thực hiện rẽ nhánh AI, lưu thông tinvào danh sách sản phẩm đồ chơi
e Sửa thôngtin đồ chơi: Hệ thông hiển thị danh sách đồ choi, chọn sản phẩm đồ
chơi cần sửa thông tin, nhập các thông tin cần thay đồi, nêu việc thay đổi thôngtin thành công sẽ đưa ra thông báo, nếu sai thực hiện rẽ nhánh A1, lưu thông
tin vào danh sách sản phâm đồ chơi
e Xóa đồ chơi: Hệ thống hiển thị danh sách các sản phẩm đồ chơi, chọn sản
phẩm đồ chơi cần xóa, nếu việc thay đôi thành công hệ thống sẽ đưa ra thông
báo, nếu sai thì thực hiện dòng rẽ nhánh A1, lưu thông tin danh sách sản phẩm
đồ chơi
- Use case kết thúc
- Dong sự kiện rẽ nhánh AI: Hệ thống thông báo việc nhập dữ liệu không hợp
lệ, nhập lại thông tin, quay lại thực hiện của dòng sự kiện chính Use case kết
25