Xây dựng website bán điện thoại di động

Bước đầu tiếp cận các ững nhận xét, góp ý ận tình chỉchân tình c a cô chính là c s đ nhóm có th c i ti n và hoàn thi n đ tàiơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ở để nhóm

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

KHOA CÔNG NGHỆ PHẦN MỀM

ĐỒ ÁN 2 XÂY D NG WEBSITE BÁN ĐI N THO I DI Đ NG ỰNG WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG ỆN THOẠI DI ĐỘNG ẠI DI ĐỘNG ỘNG

GV HƯỚNG DẪN: ThS TRẦN THỊ HỒNG YẾN

SV THỰC HIỆN: LÊ TRỊNH VIỆT TIẾN – 20520801

TP HỒ CHÍ MINH, THÁNG 6 NĂM 2023

LỜI CẢM ƠN

Em xin g i l i c m n t i cô Tr n Th H ng Y n, ngửi lời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ị Hồng Yến, người đã hướng dẫn nhóm ồng Yến, người đã hướng dẫn nhóm ến, người đã hướng dẫn nhóm ười cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómi đã hưới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómng d n nhómẫn nhóm

em trong su t quá trình th c hi n đ án Em vô cùng bi t n s t n tình chực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ện đồ án Em vô cùng biết ơn sự tận tình chỉ ồng Yến, người đã hướng dẫn nhóm ến, người đã hướng dẫn nhóm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ận tình chỉ ỉ

d n c a cô trong quá trình nhóm th c hi n đ tài này Bẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ện đồ án Em vô cùng biết ơn sự tận tình chỉ ề tài này Bước đầu tiếp cận các ưới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómc đ u ti p c n cácần Thị Hồng Yến, người đã hướng dẫn nhóm ến, người đã hướng dẫn nhóm ận tình chỉcông ngh m i, nhóm còn nhi u thi u sót v m t ki n th c cũng nh kinhện đồ án Em vô cùng biết ơn sự tận tình chỉ ới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ề tài này Bước đầu tiếp cận các ến, người đã hướng dẫn nhóm ề tài này Bước đầu tiếp cận các ặt kiến thức cũng như kinh ến, người đã hướng dẫn nhóm ức cũng như kinh ưnghi m th c ti n nên không tránh kh i nhi u sai sót Nh ng nh n xét, góp ýện đồ án Em vô cùng biết ơn sự tận tình chỉ ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ễn nên không tránh khỏi nhiều sai sót Những nhận xét, góp ý ỏi nhiều sai sót Những nhận xét, góp ý ề tài này Bước đầu tiếp cận các ững nhận xét, góp ý ận tình chỉchân tình c a cô chính là c s đ nhóm có th c i ti n và hoàn thi n đ tàiơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ở để nhóm có thể cải tiến và hoàn thiện đề tài ể nhóm có thể cải tiến và hoàn thiện đề tài ể nhóm có thể cải tiến và hoàn thiện đề tài ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ến, người đã hướng dẫn nhóm ện đồ án Em vô cùng biết ơn sự tận tình chỉ ề tài này Bước đầu tiếp cận các

Đ tài đề tài này Bước đầu tiếp cận các ư c nhóm th c hi n trong kho ng th i gian 3 tháng, l n đ u ti p c nực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ện đồ án Em vô cùng biết ơn sự tận tình chỉ ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ến, người đã hướng dẫn nhóm ận tình chỉcác công ngh m i, bện đồ án Em vô cùng biết ơn sự tận tình chỉ ới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ưới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómc đ u đi vào th c t nên còn nhi u h n ch v ki nần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ến, người đã hướng dẫn nhóm ề tài này Bước đầu tiếp cận các ạn chế về kiến ến, người đã hướng dẫn nhóm ề tài này Bước đầu tiếp cận các ến, người đã hướng dẫn nhóm

th c cũng nh kinh nghi m th c ti n Do v y, ch c ch n không th tránh kh iức cũng như kinh ư ện đồ án Em vô cùng biết ơn sự tận tình chỉ ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ễn nên không tránh khỏi nhiều sai sót Những nhận xét, góp ý ận tình chỉ ắc chắn không thể tránh khỏi ắc chắn không thể tránh khỏi ể nhóm có thể cải tiến và hoàn thiện đề tài ỏi nhiều sai sót Những nhận xét, góp ý

nh ng sai sót, nhóm r t mong nh n đững nhận xét, góp ý ất ận tình chỉ ư c nh ng s ch b o, ý ki n đóng gópững nhận xét, góp ý ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ỉ ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ến, người đã hướng dẫn nhómquý báu c a cô và các b n h c cùng l p đ nhóm có th b sung, c i ti n s nạn chế về kiến ọc cùng lớp để nhóm có thể bổ sung, cải tiến sản ới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ể nhóm có thể cải tiến và hoàn thiện đề tài ể nhóm có thể cải tiến và hoàn thiện đề tài ổ sung, cải tiến sản ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ến, người đã hướng dẫn nhóm ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm

b n thân nhi u kinh nghi m, ph c v t t h n cho công vi c th c t sau này.ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ề tài này Bước đầu tiếp cận các ện đồ án Em vô cùng biết ơn sự tận tình chỉ ục vụ tốt hơn cho công việc thực tế sau này ục vụ tốt hơn cho công việc thực tế sau này ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ện đồ án Em vô cùng biết ơn sự tận tình chỉ ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ến, người đã hướng dẫn nhóm

L i cu i, em xin kính chúc cô d i dào s c kh e, ni m tin đ có th ti p t cời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ồng Yến, người đã hướng dẫn nhóm ức cũng như kinh ỏi nhiều sai sót Những nhận xét, góp ý ề tài này Bước đầu tiếp cận các ể nhóm có thể cải tiến và hoàn thiện đề tài ể nhóm có thể cải tiến và hoàn thiện đề tài ến, người đã hướng dẫn nhóm ục vụ tốt hơn cho công việc thực tế sau này.truy n đ t ki n th c cho các b n sinh viên.ề tài này Bước đầu tiếp cận các ạn chế về kiến ến, người đã hướng dẫn nhóm ức cũng như kinh ạn chế về kiến

2023

Sinh viên th c hi nực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ện đồ án Em vô cùng biết ơn sự tận tình chỉ

Lê Tr nh Vi t Ti n ịnh Việt Tiến ệt Tiến ến

MỤC LỤC

Chươn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómng 1 T NGỔNG QUAN V Đ TÀIỀ ĐỀ TÀI Ề ĐỀ TÀI 8

1.1 Giới thiệu về đề tài 8

1.2 Phạm vi nghiên cứu 8

1.3 Phương pháp nghiên cứu 9

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

Chươn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómng 2 CƠ S LÝ THUY TỞ LÝ THUYẾT ẾT 10

2.1 Tổng quan về Javascript 10

2.1.1 Giới thiệu 10

2.1.2 Ưu điểm 11

2.1.3 Nhược điểm 12

2.2 Tổng quan về ReactJS 12

2.2.1 Giới thiệu 12

2.2.2 Ưu điểm 13

2.2.3 Nhược điểm 14

2.3 Tổng quan về NodeJS 14

2.3.1 Giới thiệu 14

2.3.2 Ưu điểm 14

2.3.3 Nhược điểm 15

2.4 Tổng quan về MongoDB 15

2.4.1 Giới thiệu 15

2.4.2 Ưu điểm 16

2.4.3 Nhược điểm 16

Chươn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómng 3 PHÂN TÍCH THI T K H TH NGẾT ẾT Ệ THỐNG ỐNG 17

3.1 Phân tích yêu cầu đề bài 17

3.1.1 Phát biểu bài toán 17

3.1.2 Yêu cầu bài toán 18

3.2 Nghiên cứu hiện trạng 19

3.3 Đặc tả hệ thống 20

Chươn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómng 4 HI NỆ THỐNG TH C H TH NGỰC HỆ THỐNG Ệ THỐNG ỐNG 21

4.1 Sơ đồ Use Case 21

4.1.1 Sơ đồ Use Case của khách hàng 21

4.1.2 Sơ đồ Use Case của khách hàng – thành viên 22

4.1.3 Sơ đồ Use Case của quản lý 23

4.2 Biều đồ phân rã chức năng 23

4.3 Biểu đồ tuần tự 24

4.3.1 Biểu đồ tuần tự đăng nhập 24

4.3.2 Biểu đồ tuần tự đăng ký thành viên 25

4.3.3 Biểu đồ tuần tự tìm kiếm điện thoại 26

4.3.4 Biểu đồ tuần tự đặt hàng 27

4.3.5 Biểu đồ tuần tự xem thông tin điện thoại 28

4.3.6 Biểu đồ tuần tự bình luận 29

4.3.7 Biểu đồ tuần tự hiển thị danh sách điện thoại 30

4.3.8 Biểu đồ tuần tự thêm điện thoại 31

4.3.9 Biểu đồ tuần tự xóa điện thoại 32

4.3.10 Biểu đồ tuần tự xem đơn hàng 33

4.3.11 Biểu đồ tuần tự xóa thành viên 34

4.3.12 Biểu đồ tuần tự xóa đơn hàng 35

4.4 Thiết kế cơ sở dữ liệu 35

4.4.1 Bảng dữ liệu Phone 36

4.4.2 Bảng dữ liệu User 37

4.4.3 Bảng dữ liệu Order 37

4.5 Thiết kế giao diện người dùng 38

4.5.1 Giao diện trang chủ 38

4.5.2 Giao diện chi tiết điện thoại 40

4.5.3 Giao diện đăng ký, đăng nhập 42

4.5.4 Giao diện tìm kiếm điện thoại 44

4.5.5 Giao diện đặt hàng 44

4.5.6 Giao diện quản lý điện thoại 46

4.5.7 Giao diện quản lý thành viên 47

4.5.8 Giao diện quản lý đơn hàng 48

K TẾT LU NẬN 49

TÀI LI U THAM KH OỆ THỐNG ẢO 50

DANH MỤC HÌNH ẢNH

Hình 4.1 – S đ Use Case c a khách hàngơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ồng Yến, người đã hướng dẫn nhóm 21

Hình 4.2 – S đ Use Case c a khách hàng thành viênơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ồng Yến, người đã hướng dẫn nhóm 22

Hình 4.3 – S đ Use Case c a qu n lýơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ồng Yến, người đã hướng dẫn nhóm ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm 23

Hình 4.4 – Bi u đ phân rã ch c năngể nhóm có thể cải tiến và hoàn thiện đề tài ồng Yến, người đã hướng dẫn nhóm ức cũng như kinh 24

Hình 4.5 – Bi u đ tu n t đăng nh pể nhóm có thể cải tiến và hoàn thiện đề tài ồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ận tình chỉ 24

Hình 4.6 – Bi u đ tu n t đăng ký thành viênể nhóm có thể cải tiến và hoàn thiện đề tài ồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ 25

Hình 4.7 – Bi u đ tu n t tìm ki m đi n tho iể nhóm có thể cải tiến và hoàn thiện đề tài ồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ến, người đã hướng dẫn nhóm ện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiến 26

Hình 4.8 – Bi u đ tu n t đ t hàngể nhóm có thể cải tiến và hoàn thiện đề tài ồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ặt kiến thức cũng như kinh 27

Hình 4.9 – Bi u đ tu n t xem thông tin đi n tho iể nhóm có thể cải tiến và hoàn thiện đề tài ồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiến 28

Hình 4.10 – Bi u đ tu n t bình lu nể nhóm có thể cải tiến và hoàn thiện đề tài ồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ận tình chỉ 29

Hình 4.11 – Bi u đ tu n t hi n th danh sách đi n tho iể nhóm có thể cải tiến và hoàn thiện đề tài ồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ể nhóm có thể cải tiến và hoàn thiện đề tài ị Hồng Yến, người đã hướng dẫn nhóm ện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiến 30

Hình 4.12 – Bi u đ tu n t thêm đi n tho iể nhóm có thể cải tiến và hoàn thiện đề tài ồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiến 31

Hình 4.13 – Bi u đ tu n t xóa đi n tho iể nhóm có thể cải tiến và hoàn thiện đề tài ồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiến 32

Hình 4.14 – Bi u đ tu n t xem đ n hàngể nhóm có thể cải tiến và hoàn thiện đề tài ồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm 33

Hình 4.15 – Bi u đ tu n t xóa thành viênể nhóm có thể cải tiến và hoàn thiện đề tài ồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ 34

Hình 4.16 – Bi u đ tu n t xóa đ n hàngể nhóm có thể cải tiến và hoàn thiện đề tài ồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm 35

Hình 4.17 – Giao di n trang chện đồ án Em vô cùng biết ơn sự tận tình chỉ 39

Hình 4.18 – Giao di n chi ti t đi n tho iện đồ án Em vô cùng biết ơn sự tận tình chỉ ến, người đã hướng dẫn nhóm ện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiến 41

Hình 4.19 – Giao di n đăng nh pện đồ án Em vô cùng biết ơn sự tận tình chỉ ận tình chỉ 42

Hình 4.20 – Giao di n đăng kýện đồ án Em vô cùng biết ơn sự tận tình chỉ 43

Hình 4.21 – Giao di n tìm ki m s n ph mện đồ án Em vô cùng biết ơn sự tận tình chỉ ến, người đã hướng dẫn nhóm ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ! 44

Hình 4.22 – Giao di n đ t hàngện đồ án Em vô cùng biết ơn sự tận tình chỉ ặt kiến thức cũng như kinh 45

Hình 4.23 – Giao di n qu n lý đi n tho i (1)ện đồ án Em vô cùng biết ơn sự tận tình chỉ ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiến 46

Hình 4.24 – Giao di n qu n lý đi n tho i (2)ện đồ án Em vô cùng biết ơn sự tận tình chỉ ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiến 47

Hình 4.25 – Giao di n qu n lý đi n tho i (3)ện đồ án Em vô cùng biết ơn sự tận tình chỉ ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiến 47

Hình 4.26 – Giao di n qu n lý thành viênện đồ án Em vô cùng biết ơn sự tận tình chỉ ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm 48

Hình 4.27 – Giao di n qu n lý đ n hàngện đồ án Em vô cùng biết ơn sự tận tình chỉ ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm 48

DANH MỤC BẢNG

B ng 3.1 – Đ c t h th ngảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ặt kiến thức cũng như kinh ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ện đồ án Em vô cùng biết ơn sự tận tình chỉ 20

B ng 4.1ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm – B ng d li u Phoneảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ững nhận xét, góp ý ện đồ án Em vô cùng biết ơn sự tận tình chỉ 36

B ng 4.2 – B ng d li u Userảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ững nhận xét, góp ý ện đồ án Em vô cùng biết ơn sự tận tình chỉ 37

B ng 4.3ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm – B ng d li u Orderảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ững nhận xét, góp ý ện đồ án Em vô cùng biết ơn sự tận tình chỉ 37

TÓM TẮT ĐỒ ÁN

Đồ án “Xây dựng website bán điện thoại di động” tập trung vào khảo sát thực trạngcác cửa hàng kinh doanh điện thoại di động để từ đó xây dựng website đáp ứng cácnhu cầu cần thiết của một cửa hàng bán điện thoại di động Đề tài được bắt đầu từviệc tìm hiểu thực trạng, đưa ra các vấn đề còn tồn đọng và cần cải thiện Xác địnhphạm vi, bài toán, mục tiêu của đề tài Từ đó đưa ra các chức năng cần có của ứngdụng Ngoài việc xử lý các nghiệp vụ cho ứng dụng, em cũng đã tìm hiểu, so sánh

và lựa chọn các công nghệ mới và phù hợp giúp nâng cao trải nghiệm người dùng,tối ưu chi phí phát triển, triển khai, bảo trì và nâng cấp

Vì ứng dụng mang tính thực tiễn cao, việc yêu cầu thay đổi thường xuyên và thờigian phát triển ngắn, quá trình phát triển sản phẩm đã vận dụng mô hình Agile làmphương pháp luận chính cho qui trình phát triển phần mềm Kết quả thu được ở giaiđoạn phân tích, thiết kế được mô hình hóa bằng UML thông qua công cụ PlantUML

và giao diện được thiết kế bằng Figma Ở giai đoạn thực hiện, thư viện ReactJSđược sử dụng cho client và NodeJS được sử dụng cho server, sử dụng Visual StudioCode làm IDE chính

Phần cuối cùng của đồ án là trình bày kết quả đã thực hiện lên cuốn báo cáo, đưa rakết luận và hướng phát triển cho ứng dụng trong tương lai

Nội dung đồ án được trình bày trong 5 chương, như sau:

phạm vi đề tài

cách thức hoạt động, ưu điểm, nhược điểm của các công nghệ đó

yêu cầu phi chức năng

sử dụng, trình tự hệ thống, thiết kế dữ liệu, thiết kế giao diện người dùng

Chương 1 TỔNG QUAN VỀ ĐỀ TÀI

1.1 Giới thiệu về đề tài

Trong cu c s ng hi n đ iột cách tốt nhất ện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiến v i tác đ ng c a đ i d ch,ới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ột cách tốt nhất ạn chế về kiến ị Hồng Yến, người đã hướng dẫn nhóm nhu c u muaần Thị Hồng Yến, người đã hướng dẫn nhóm

s m online c a ngắc chắn không thể tránh khỏi ười cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómi tiêu dùng đư c tăng cao nh s ti n l i, rõ ràngời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ện đồ án Em vô cùng biết ơn sự tận tình chỉ

Đ cặt kiến thức cũng như kinh bi t đ i v i các c a hàng bán đi n tho i di đ ng, vì tác đ ng c aện đồ án Em vô cùng biết ơn sự tận tình chỉ ới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiến ột cách tốt nhất ột cách tốt nhất

vi c cách ly mà nhu c u s d ng đi n tho i đ gi i trí, h c t p, làmện đồ án Em vô cùng biết ơn sự tận tình chỉ ần Thị Hồng Yến, người đã hướng dẫn nhóm ửi lời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ục vụ tốt hơn cho công việc thực tế sau này ện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiến ể nhóm có thể cải tiến và hoàn thiện đề tài ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ọc cùng lớp để nhóm có thể bổ sung, cải tiến sản ận tình chỉ

vi c… c a ngện đồ án Em vô cùng biết ơn sự tận tình chỉ ười cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómi dùng là r t l n Nh n th y nhu c u c a hàng và ti mất ới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ận tình chỉ ất ần Thị Hồng Yến, người đã hướng dẫn nhóm ửi lời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ề tài này Bước đầu tiếp cận cácnăng trong vi c kinh doanh online, nhóm em quy t đ nh xây d ngện đồ án Em vô cùng biết ơn sự tận tình chỉ ến, người đã hướng dẫn nhóm ị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉWebsite bán đi n tho i di đ ng nh m thúc đ y doanh thu cho c a hàngện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiến ột cách tốt nhất ằm thúc đẩy doanh thu cho cửa hàng ! ửi lời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm

và t o s ti n l i cho ngạn chế về kiến ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ện đồ án Em vô cùng biết ơn sự tận tình chỉ ười cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómi mua thông qua vi c bán hàng online.ện đồ án Em vô cùng biết ơn sự tận tình chỉ

ph m cho ng! ười cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómi mua Ngoài ra còn giúp c a hàng qu n lý các đ n hàngửi lời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm

 Bộ lọc chi tiết sản phẩm.

1.3 Phương pháp nghiên cứu

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

đề tài

về giao diện và chức năng đã đề ra

Chương 2 CƠ SỞ LÝ THUYẾT

2.1 Tổng quan về Javascript

2.1.1 Giới thiệu

cho website tr nên s ng đ ng h n Chúng cũng đóng vai trò tở để nhóm có thể cải tiến và hoàn thiện đề tài ột cách tốt nhất ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ươn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómng

t nh m t ph n c a website, cho phép Client-side Script t ngực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ư ột cách tốt nhất ần Thị Hồng Yến, người đã hướng dẫn nhóm ừ người ười cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómidùng tươn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómng t máy ch (Nodejs) đ t o ra nh ng website đ ng.ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ể nhóm có thể cải tiến và hoàn thiện đề tài ạn chế về kiến ững nhận xét, góp ý ột cách tốt nhất.Thông thười cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómng, JavaScript sẽ đư c nhúng tr c ti p vào m tực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ến, người đã hướng dẫn nhóm ột cách tốt nhất

M c đích c a ngôn ng đ c bi t này sẽ giúp b n d dàng s d ngục vụ tốt hơn cho công việc thực tế sau này ững nhận xét, góp ý ặt kiến thức cũng như kinh ện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiến ễn nên không tránh khỏi nhiều sai sót Những nhận xét, góp ý ửi lời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ục vụ tốt hơn cho công việc thực tế sau này.chúng h n trong công vi c C th nh sau:ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ện đồ án Em vô cùng biết ơn sự tận tình chỉ ục vụ tốt hơn cho công việc thực tế sau này ể nhóm có thể cải tiến và hoàn thiện đề tài ư

HTML JavaScript chính là getElementById () Chúng được sửdụng để tìm một phần tử của HTML với id =”demo” và dùng

để thay đổi nội dung của phần từ (Internal HTML) sang thành

“Hello JavaScript”

có thể sử dụng để thay đổi các giá trị của thuộc tính Ví dụ:thay đổi thuộc tính src (source) của tag<img>

việc thay đổi thuộc tính của HTML ở trên Ví dụ:document.getElementById(‘demo’).style.fontSize = ’35px;

có thể ẩn được các phần tử HTML Chúng có thể được thựchiện thông qua hoạt động thay đổi kiểu hiển thị các phần tửHTML

 Hiển thị các phần tử HTML: Một điểm đặc biệt là JavaScript

có thể hiển thị được các yếu tố HTML ẩn Đồng thời, cũng cóthể thực hiện được thông qua cách thay đổi kiểu hiển thị phầntử

và nhanh hơn nhiều so với các ngôn ngữ lập trình khác

của các trang web

có sự tương tác cũng như tăng thêm nhiều trải nghiệm mới chongười dùng

những input thay vì cách kiểm tra thủ công thông qua hoạt độngtruy xuất database

and Drop, Slider để cung cấp đến cho người dùng một RichInterface (giao diện giàu tính năng)

Client với nhau

2.1.3 Nhược điểm

người sử dụng

dẫn đến sự không đồng nhất

cho phép đọc hoặc ghi các file

được kết nối mạng

2.2 Tổng quan về ReactJS

2.2.1 Giới thiệu

ReactJS đư c hi u là m t mã ngu n m ch a JavaScript Nó để nhóm có thể cải tiến và hoàn thiện đề tài ột cách tốt nhất ồng Yến, người đã hướng dẫn nhóm ở để nhóm có thể cải tiến và hoàn thiện đề tài ức cũng như kinh ư c

ra đ i vào năm 2013 b i Facebook M c đích chính c a vi c t o raời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ở để nhóm có thể cải tiến và hoàn thiện đề tài ục vụ tốt hơn cho công việc thực tế sau này ện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiếnReactJS là c i thi n các ng d ng web hi u qu và h p d n h n v iảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ện đồ án Em vô cùng biết ơn sự tận tình chỉ ức cũng như kinh ục vụ tốt hơn cho công việc thực tế sau này ện đồ án Em vô cùng biết ơn sự tận tình chỉ ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ất ẫn nhóm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm

n l c vi t mã t i thi u Nhà phát tri n ReactJS mong mu n r ngỗ trợ ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ến, người đã hướng dẫn nhóm ể nhóm có thể cải tiến và hoàn thiện đề tài ể nhóm có thể cải tiến và hoàn thiện đề tài ằm thúc đẩy doanh thu cho cửa hàng

b t kỳ trang web nào s d ng ReactJS cũng ph i mất ửi lời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ục vụ tốt hơn cho công việc thực tế sau này ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ư t mà, nhanhchóng và kh năng m r ng cao, d th c hi n.ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ở để nhóm có thể cải tiến và hoàn thiện đề tài ột cách tốt nhất ễn nên không tránh khỏi nhiều sai sót Những nhận xét, góp ý ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ện đồ án Em vô cùng biết ơn sự tận tình chỉ

Hi n nay, các tính năng và đi m m nh c a ReactJS đ n t vi cện đồ án Em vô cùng biết ơn sự tận tình chỉ ể nhóm có thể cải tiến và hoàn thiện đề tài ạn chế về kiến ến, người đã hướng dẫn nhóm ừ người ện đồ án Em vô cùng biết ơn sự tận tình chỉ

t p trung vào các ph n riêng l B i v y khi làm vi c v i web thay vìận tình chỉ ần Thị Hồng Yến, người đã hướng dẫn nhóm ẻ Bởi vậy khi làm việc với web thay vì ở để nhóm có thể cải tiến và hoàn thiện đề tài ận tình chỉ ện đồ án Em vô cùng biết ơn sự tận tình chỉ ới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómtoàn b ng d ng c a trang web b ng ReactJS thì các nhà phát tri nột cách tốt nhất ức cũng như kinh ục vụ tốt hơn cho công việc thực tế sau này ằm thúc đẩy doanh thu cho cửa hàng ể nhóm có thể cải tiến và hoàn thiện đề tàitính năng có th tách r i và chuy n đ i giao di n ngể nhóm có thể cải tiến và hoàn thiện đề tài ời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ể nhóm có thể cải tiến và hoàn thiện đề tài ổ sung, cải tiến sản ện đồ án Em vô cùng biết ơn sự tận tình chỉ ười cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómi dùng từ ngườinhi u cách ph c t p và bi n đ i nó đ n gi n hóa h n Nh v y,ề tài này Bước đầu tiếp cận các ức cũng như kinh ạn chế về kiến ến, người đã hướng dẫn nhóm ổ sung, cải tiến sản ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ư ận tình chỉReactJS không ch th c hi n render d li u trên t ng Server mà cònỉ ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ện đồ án Em vô cùng biết ơn sự tận tình chỉ ững nhận xét, góp ý ện đồ án Em vô cùng biết ơn sự tận tình chỉ ần Thị Hồng Yến, người đã hướng dẫn nhóm

ở để nhóm có thể cải tiến và hoàn thiện đề tài ưới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ững nhận xét, góp ý

Các thành ph n chính c a ReactJS:ần Thị Hồng Yến, người đã hướng dẫn nhóm

dụng phổ biến Trong ReactJS, không có các module chuyêndụng để xử lý dữ liệu, vì vậy nó được thiết lập độc lập bằngcách chia nhỏ giao diện thành các thành phần khác nhau, giúpchúng được liên kết chặt chẽ với nhau hơn Việc liên kết vàquan hệ giữa các thành phần trong ReactJS đòi hỏi sự quan tâmđặc biệt, vì chỉ có một luồng dữ liệu duy nhất từ thành phầncha sang con Việc sử dụng luồng dữ liệu một chiều này có thểkhó khăn đối với những người mới tìm hiểu và áp dụng vào các

dự án Tuy nhiên, bên cạnh những hạn chế, ReactJS có thể khaithác tối đa chức năng và vai trò của nó trong quá trình sử dụng

cơ chế này Điều này đặc biệt quan trọng khi giao diện trở nênphức tạp hơn rất nhiều

hết các framework, như cả ReactJS Thay vì tương tác trực tiếpvới DOM, người dùng có thể nhìn thấy giao diện và các thayđổi thông qua Virtual DOM Virtual DOM đóng vai trò là một

mô hình và cũng đồng thời là một giao diện, vì vậy sự thay đổi

ở một trong hai yếu tố này sẽ ảnh hưởng đến những yếu tốkhác Nếu không tương tác trực tiếp với các phần tử DOM, bạnvẫn có thể thực hiện được cơ chế Data Binding

2.2.2 Ưu điểm

 Render tầng server.

2.2.3 Nhược điểm

không phải là một MVC framework như những framework khác.Đây chỉ là thư viện của Facebook giúp render ra phần view Vì thếReact sẽ không có phần Model và Controller, mà phải kết hợp vớicác thư viện khác React cũng sẽ không có 2-way binding hay làAjax

cần phải cấu hình lại

thước tương tương với Angular (Khoảng 35kb so với 39kb củaAngular) Trong khi đó Angular là một framework hoàn chỉnh

2.3 Tổng quan về NodeJS

2.3.1 Giới thiệu

NodeJS là m t môi trột cách tốt nhất ười cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómng runtime ch y JavaScript đa n n t ngạn chế về kiến ề tài này Bước đầu tiếp cận các ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm

và có mã ngu n m , đồng Yến, người đã hướng dẫn nhóm ở để nhóm có thể cải tiến và hoàn thiện đề tài ư c s d ng đ ch y các ng d ng web bênửi lời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ục vụ tốt hơn cho công việc thực tế sau này ể nhóm có thể cải tiến và hoàn thiện đề tài ạn chế về kiến ức cũng như kinh ục vụ tốt hơn cho công việc thực tế sau này.ngoài trình duy t c a client N n t ng này đện đồ án Em vô cùng biết ơn sự tận tình chỉ ề tài này Bước đầu tiếp cận các ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ư c phát tri n b i Ryanể nhóm có thể cải tiến và hoàn thiện đề tài ở để nhóm có thể cải tiến và hoàn thiện đề tàiDahl vào năm 2009, đư c xem là m t gi i pháp hoàn h o cho các ngột cách tốt nhất ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ức cũng như kinh

d ng s d ng nhi u d li u nh vào mô hình hục vụ tốt hơn cho công việc thực tế sau này ửi lời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ục vụ tốt hơn cho công việc thực tế sau này ề tài này Bước đầu tiếp cận các ững nhận xét, góp ý ện đồ án Em vô cùng biết ơn sự tận tình chỉ ời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ưới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómng s ki n (event-ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ện đồ án Em vô cùng biết ơn sự tận tình chỉdriven) không đ ng b ồng Yến, người đã hướng dẫn nhóm ột cách tốt nhất

 NPM(Node Package Manager) và module Node đang ngày càngphát triển mạnh mẽ.

MongoDB là m t database hột cách tốt nhất ưới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómng tài li u (document), m t d ngện đồ án Em vô cùng biết ơn sự tận tình chỉ ột cách tốt nhất ạn chế về kiến

relational database đ thích ng v i các tài li u nh JSON có m tể nhóm có thể cải tiến và hoàn thiện đề tài ức cũng như kinh ới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ện đồ án Em vô cùng biết ơn sự tận tình chỉ ư ột cách tốt nhất.schema r t linh ho t g i là BSON MongoDB s d ng l u tr d li uất ạn chế về kiến ọc cùng lớp để nhóm có thể bổ sung, cải tiến sản ửi lời cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ục vụ tốt hơn cho công việc thực tế sau này ư ững nhận xét, góp ý ững nhận xét, góp ý ện đồ án Em vô cùng biết ơn sự tận tình chỉ

thông thường, regular expression searches, và range queries

được index

 Replication: có ý nghĩa là “nhân bản”, là có một phiên bảngiống hệt phiên bản đang tồn tại, đang sử dụng Với cơ sở dữliệu, nhu cầu lưu trữ lớn, đòi hỏi cơ sở dữ liệu toàn vẹn, không

bị mất mát trước những sự cố ngoài dự đoán là rất cao Vì vậy,người ta nghĩ ra khái niệm “nhân bản”, tạo một phiên bản cơ sở

dữ liệu giống hệt cơ sở dữ liệu đang tồn tại, và lưu trữ ở mộtnơi khác, đề phòng có sự cố

liệu và trả về kết quả đã được tính toán Các phép toán tập hợpnhóm các giá trị từ nhiều Document lại với nhau, và có thểthực hiện nhiều phép toán đa dạng trên dữ liệu đã được nhóm

đó để trả về một kết quả duy nhất Trong SQL, count(*) vàGROUP BY là tương đương với Aggregation trong MongoDB

dụng những function trên và hoạt động như một cách phânphối qua sharding

2.4.2 Ưu điểm

tính sẵn sàng cao, hiệu suất lớn và dễ dàng mở rộng lưu trữ

cứng nên tốc độ đọc và ghi cao

2.4.3 Nhược điểm

độ chính xác cao do không có ràng buộc

ngân hàng

yêu cầu một bộ nhớ RAM lớn

Chương 3 PHÂN TÍCH THIẾT KẾ HỆ THỐNG

3.1 Phân tích yêu cầu đề bài

3.1.1 Phát biểu bài toán

Tên bài toán: “Ứng dụng Reactjs và Nodejs vào xây dựng websitequản lí bán điện thoại”

Đây là một loại hình kinh doanh ảo qua mạng bằng cách xây dựngmột trang web bán điện thoại để mọi người có thể vào đó xem các loạiđiện thoại, lựa chọn giữa các hãng, so sánh các loại máy, giá tiền Vớitrang web bán điện thoại trực tuyến, cửa hàng sẽ đưa thông tin các sảnphẩm mới ra mắt hoặc sắp ra mắt lên trang web của mình Việc đưa thôngtin phải theo một trật tự hợp lý Ví dụ, khi đưa thông tin điện thoại thì cácthông tin phải đầy đủ gồm: Tên hãng, giá tiền, các thông số kĩ thuật nhưcamera, pin, hệ điêu hành, bộ nhớ, màn hình, Người quản trị trang webcũng có quyền thêm mới, sửa đổi thông tin điện thoại, hoặc xóa đi nhữngđiện thoại đã dừng bán hoặc hết hàng Mọi sự thay đổi đều được ghi nhậntrong cơ sở dữ liệu để đến với người sử dụng

Với khách hàng thì được xem trang web, xem thông tin các loại điệnthoại đang bán nhưng không có quyền đặt hàng Để có thể đặt hàng,khách hàng cần phải đăng kí là thành viên của trang web Khi đã là thànhviên, khách hàng đăng nhập vào website theo email và mật khẩu củamình Khi đó, khách hàng sẽ có quyền đặt hàng Bên cạnh đó, khách hàng

có thể tìm kiếm điện thoại theo tên hoặc là theo hãng, khi đặt hàng xongthì khách hàng có thể thay đổi số lượng theo ý muốn Khi khách hàng đặthàng thành công, người quản lí sẽ đối chiếu thông tin đơn hàng của khách

và thông tin được cập nhật trong hệ thống để tiến hành lấy vận chuyểnsản phẩm và thanh toán cho khách hàng

Ngoài ra, trang web còn dùng là nơi quảng cáo cho cửa hàng, các loạiđiện thoại đang bán và sắp bán tại cửa hàng

3.1.2 Yêu cầu bài toán

3.1.2.1 Đối với người dùng là khách hàng - không phải thành viên

giá tiền, xem sản phẩm theo giá thấp đến cao hoặc ngược lại

3.1.2.2 Đối với người dùng là khách hàng - thành viên

giá tiền, xem sản phẩm theo giá thấp đến cao hoặc ngược lại

3.1.2.3 Đối với người dùng là chủ cửa hàng hoặc quản lý

sẽ thêm mới thông tin về sản phẩm đó vào các điện thoại sắp bán

điện thoại, người quản lí có thể thay đổi thông tin để người dùngcập nhật kịp thời

hoặc hết hàng và buộc xóa khỏi hệ thống thì người quản lí cũng cóthể xóa được sản phẩm đó

luật của rạp chiếu phim hoặc vì một lí do nào đó yêu cầu xóa tàikhoản, người quản lí có thể xóa toàn bộ thông tin liên quan đến tàikhoản đó

admin sẽ thêm mới thông tin về sản phẩm đó vào các điện thoạisắp bán

 Được chỉnh sửa thông tin các sản phẩm: Khi có sự thay đổi vềthông tin điện thoại, người quản lí có thể thay đổi thông tin đểngười dùng cập nhật kịp thời.

bán hoặc hết hàng và buộc xóa khỏi hệ thống thì người quản lícũng có thể xóa được sản phẩm đó

điều luật của rạp chiếu phim hoặc vì một lí do nào đó yêu cầu xóatài khoản, người quản lí có thể xóa toàn bộ thông tin liên quan đếntài khoản đó

người quản lí có thể viết bài mô tả cho sản phẩm đó, điều này giúpthu hút khách hàng hơn Từ đó nâng cao chất lượng website hơn

người quản lí có thể viết bài mô tả cho sản phẩm đó, điều này giúpthu hút khách hàng hơn Từ đó nâng cao chất lượng website hơn

3.2 Nghiên cứu hiện trạng

Sau khi nghiên c u, kh o sát hi n tr ng, em đã n m b t đức cũng như kinh ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ện đồ án Em vô cùng biết ơn sự tận tình chỉ ạn chế về kiến ắc chắn không thể tránh khỏi ắc chắn không thể tránh khỏi ư c các thông tin sau:

sau: Tên điện thoại, hệ điều hành, màn hình, dung lượng pin,camera,…

như email và mật khẩu

sau: thông tin của các sản phẩm, giá tiền, phương thức thanhtoán, trạng thái

 Đặt hàng trực tuyến: Mỗi đơn hàng khi được đặt cần đáp ứngđầy đủ các thông tin sau: thông tin của đơn hàng (bao gồmthông tin sản phẩm, giá tiền, số lượng và địa chỉ giao hàng).

3.3 Đặc tả hệ thống

B ng ảng 3.1 – Đ c t h th ng ặc tả hệ thống ảng ệ thống ống

lí có thể thêm, sửa, xóa mọi thông tin của hệ thống

Khách hàng

Không phảithành viên

Thao tác trực tiếp trên hệ thống người dùng, với cácchức năng: xem danh sách điện thoại, xem thông tin sảnphẩm, xem giá tiền, tìm kiếm sản phẩm, đăng ký tàikhoản, đăng nhập

Thành viên

Vận hành các chức năng của khách hàng - không phảithành viên, ngoài ra khách hàng thành viên có thể đặthàng, xem thông tin đơn hàng

Chương 4 HIỆN THỰC HỆ THỐNG

4.1 Sơ đồ Use Case

S đ Useơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ồng Yến, người đã hướng dẫn nhóm Case là kỹ thu t đận tình chỉ ư c dùng trong kỹ thu t ph n m mận tình chỉ ần Thị Hồng Yến, người đã hướng dẫn nhóm ề tài này Bước đầu tiếp cận các

và h th ngện đồ án Em vô cùng biết ơn sự tận tình chỉ nh mằm thúc đẩy doanh thu cho cửa hàng n m b tắc chắn không thể tránh khỏi ắc chắn không thể tránh khỏi nh ngững nhận xét, góp ý yêu c u ch c năng c a h th ng Useần Thị Hồng Yến, người đã hướng dẫn nhóm ức cũng như kinh ện đồ án Em vô cùng biết ơn sự tận tình chỉCase mô t s tảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ực hiện đồ án Em vô cùng biết ơn sự tận tình chỉ ươn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómng tác đ c tr ng gi a ngặt kiến thức cũng như kinh ư ững nhận xét, góp ý ười cảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhómi dùng bên ngoài và hện đồ án Em vô cùng biết ơn sự tận tình chỉ

th ng Use Case cũng mô t các yêu c u đ i v i h th ng.ảm ơn tới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ần Thị Hồng Yến, người đã hướng dẫn nhóm ới cô Trần Thị Hồng Yến, người đã hướng dẫn nhóm ện đồ án Em vô cùng biết ơn sự tận tình chỉ

4.1.1 Sơ đồ Use Case của khách hàng

Hình 4.1 – S đ Use Case c a khách hàng ơ đồ Use Case của khách hàng ồ Use Case của khách hàng ủa khách hàng

4.1.2 Sơ đồ Use Case của khách hàng – thành viên

Hình 4.2 – S đ Use Case c a khách hàng thành viên ơ đồ Use Case của khách hàng ồ Use Case của khách hàng ủa khách hàng

4.1.3 Sơ đồ Use Case của quản lý

Hình 4.3 – S đ Use Case c a qu n lý ơ đồ Use Case của khách hàng ồ Use Case của khách hàng ủa khách hàng ảng

4.2 Biều đồ phân rã chức năng

Mô hình phân rã chức năng (BFD – Business Function Diagram) là công cụ biểu diễn việc phân rã có thứ bậc đơn giản các công việc cần thực hiện Mỗi công việc được chia ra làm các công việc con, số mức chia ra phụ thuộc kích cỡ và độ phức tạp của hệ thống

Hình 4.4 – Bi u đ phân rã ch c năng ểu đồ phân rã chức năng ồ Use Case của khách hàng ức năng

4.3 Biểu đồ tuần tự

4.3.1 Biểu đồ tuần tự đăng nhập

Hình 4.5 – Bi u đ tu n t đăng nh p ểu đồ phân rã chức năng ồ Use Case của khách hàng ần tự đăng nhập ự đăng nhập ập