BÔ ̣GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUÂṬ TP. HỒ CHÍ MINH
KHOA CÔNG NGHÊ ̣THÔNG TIN
----------

TIỂU LUÂṆ CHUYÊN NGÀNH
Đề tài: XÂY DỰNG VÀÀ̀ THIẾT KẾ HỆ THỐNG CỬA HÀÀ̀NG
BÁÁ́N LINH KIỆN ĐIỆN TỬ
SỬ DỤ ̣NG CÔNG NGHỆ MERN STACK

GVHD: Ths. LÊ THỊ MINH CHÂU
Sinh viên thực hiên: ̣
NGƠ VĂN HẢI

17110292

TRƯƠNG QUANG TỊNH

17110381

Lớp: 17110IS
Khố: 2017-2021
Ngành: CÔNG NGHỆ THÔNG TIN

TP.HCM, Thang 7 – 2020


Báo cáo tiểu luận chuyên ngành

BÔ ̣GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUÂṬ TP. HỒ CHÍ MINH

KHOA CÔNG NGHÊ ̣THÔNG TIN
----------

TIỂU LUÂṆ CHUYÊN NGÀNH
Đề tài: XÂY DỰNG VÀÀ̀ THIẾT KẾ HỆ THỐNG CỬA HÀÀ̀NG
BÁÁ́N LINH KIỆN ĐIỆN TỬ
SỬ DỤ ̣NG CÔNG NGHỆ MERN STACK

GVHD: Ths. LÊ THỊ MINH CHÂU
Sinh viên thực hiên: ̣
NGÔ VĂN HẢI
TRƯƠNG QUANG TỊNH
Lớp: 17110IS
Khố: 2017-2021
Ngành: CƠNG NGHỆ THƠNG TIN

TP.HCM, Thang 7 – 2020


Báo cáo tiểu luận chuyên ngành

XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự ̣ do – Hạnh phúc
*******
Tp. Hồ Chí Minh, ngày 01 tháng 07 năm 2020

PHIẾU NHẬN XÉT CỦA GIÁÁ́O VIÊN HƯỚNG DẪN
Họ và tên Sinh viên 1: Ngô Văn Hải
MSSV: 17110292
Họ và tên Sinh viên 2: Trương Quang Tịnh

MSSV: 17110381
Ngành: Công nghệ Thông tin
Chuyên ngành: Hệ thống thông tin
Lớp: 17110IS
Họ và tên Giáo viên hướng dẫn: Th.S. Lê Thị Minh Châu
SĐT: 0902200557
Tên đề tài: XÂY DỰNG VÀ THIẾT KẾ HỆ THỐNG CỬA HÀNG BÁN LINH KIỆN
ĐIỆN TỬ SỬ DỤNG CÔNG NGHỆ MERN STACK
NHẬN XÉT:
1. Về nội dung đề tài và khối lượng thực hiên:
...
…………………………………………………………………………………………
…………………………………………………………………………………………
………………………………………………………………………………………
2. Ưu điểm:
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
3. Khuyết điểm:
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
4. Đề nghị cho bảo vệ hay không?
5. Đánh giá loại:
6. Điểm:

Tp. Hồ Chí Minh, ngày
tháng
Giáo viên hướng dẫn
(Ký & ghi rõ họ tên)


năm 202


Báo cáo tiểu luận chuyên ngành

XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự ̣ do – Hạnh phúc
*******
Tp. Hồ Chí Minh, ngày 01 tháng 07 năm 2020

PHIẾU NHẬN XÉT CỦA GIÁÁ́O VIÊN PHẢN BIỆN
MSSV: 17110292
Họ và tên Sinh viên 1: Ngô Văn Hải
MSSV: 17110381
Họ và tên Sinh viên 2: Trương Quang Tịnh
Lớp: 17110IS
Ngành: Công nghệ Thông tin
Chuyên ngành: Hệ thống thông tin
Tên đề tài: XÂY DỰNG VÀ THIẾT KẾ HỆ THỐNG CỬA HÀNG BÁN LINH KIỆN
ĐIỆN TỬ SỬ DỤNG CÔNG NGHỆ MERN STACK
Họ và tên Giáo viên phản biện: ………………………………………………………….
NHẬN XÉT:

1. Về nội dung đề tài và khối lượng thực hiên:
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
2. Ưu điểm:
…………………………………………………………………………………………

…………………………………………………………………………………………
…………………………………………………………………………………………
3. Khuyết điểm:
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
4. Đề nghị cho bảo vệ hay khơng?
5. Đánh giá loại:
6. Điểm:

Tp. Hồ Chí Minh, ngày tháng năm 202
Giáo viên phản biện
(Ký & ghi rõ họ tên)


Báo cáo tiểu luận chuyên ngành


Báo cáo tiểu luận chuyên ngành

LỜI CAM ƠN
Nhóm em xin chân thành cảm ơn q thầy cơ đã giúp đỡ thực hiện đề tài này. Đặc biệt cô
Lê Thị Minh Châu đã tận tình hướng dẫn, giúp đỡ, chỉ bảo nhóm trong suốt thời gian
thực hiện tiểu luâṇ chuyên nganh.
Đồng thời nhóm cũng xin trân trọng cảm ơn những tình cảm q báu mà các thầy cơ
trong trường Đai Học sư phạm kỹ thuâṭ TPHCM đã truyền đạạ̣t cho nhóm, những kinh
nghiệm, kỹỹ̃ thuật và cách thức trong việc xây dựng đề tài này.
Và cuối cùng nhóm cũng xin được gửi lời cảm ơn đến những người bạạ̣n đã gắn bóó́,
nhưng đan anh, đan chị đa chia sẻ kinh nghiệm và những kiến thức và nhất là trong thời
gian thực hiện đề tài, đểể̉ đề tài cóó́ thểể̉ hồn thành một cách thành cơng nhất.

Song, do cịn nhiều hạạ̣n chế đề tài nhóó́m xây dựng khơng tránh khỏi những thiếu sóó́t. Rất
mong được thầy cơ và các bạạ̣n đóó́ng góó́p ý kiến đểể̉ chương trình ngày càng hồn thiện và
được đưa vào sử dụng. Chung em xin chân thành cảm ơn.
TP.HCM, ngày…. tháng …. năm …
Sinh viên thực hiên
Ngô Văn Hải
Trương Quang Tịnh


Báo cáo tiểu luận chuyên ngành

MỤ ̣C LỤ ̣C
LỜI NÓI ĐẦU.........................................................................................................................................
CHƯƠNG 1: KHẢO SÁÁ́T HIỆN TRẠ ̣NG.............................................................................................
1.1.

Phân tích hiêṇ trang:.....................................................................

1.2.

Phân tích yêu cầu...........................................................................

1.2.1. Yêu cầu chức năng nghiêp ̣ vụ:........................................................................................
1.2.2. Bảng yêu cầu chức năng nghiêp ̣ vụ:...............................................................................
1.2.3. Bảả̉ng yêu cầu chức năng hê t ̣ hống:.................................................................................
CHƯƠNG 2: CƠ SỞ LÝ THUYÊT.......................................................................................................
2.1.

MongoDB.......................................................................................


2.1.1. Ưu điểm của của Mongo DB...........................................................................................
2.1.2. Nhược điểm của của Mongo DB.....................................................................................
2.2.

ExpressJS.......................................................................................

2.3.

React...............................................................................................

2.4.

NodeJS............................................................................................

CHƯƠNG 3: PHÂN TÍÁ́CH TRANG WEB............................................................................................
3.1

Thành phầÀ̀n dữ liệu.......................................................................

3.1.1. Thành phầÀ̀n tổ chứÁ́c.........................................................................................................
3.2.1. Thành phầÀ̀n dữ liệu..........................................................................................................
3.2.

Thiết kế dữ liệu..............................................................................

CHƯƠNG 4: MƠ HÌNH HOÁÁ́ U CẦÀ̀U VÀÀ̀ PHÂN TÍÁ́CH HỆ THỐNG........................................
4.1.

Các tác nhân và chứÁ́c năng:..........................................................


4.1.1. Mô tảả̉ chi tiết từng chứÁ́c năng của các tác nhân:...........................................................
4.2.

Sơ đồ use-case................................................................................

4.2.1.

Sơ đồ usecase:..............................

4.2.2.

Đặc tảả̉ use-case............................

4.3.

Biểu đồ hoạt động:.........................................................................

4.3.1. Đăng ký thành viên:.........................................................................................................
4.3.2. Đăng nhập vào hệ thốÁ́ng:.................................................................................................
4.3.3.

Đổi mật khẩu:..............................

4.3.4. Tìm kiếm sảả̉n phẩm:........................................................................................................
4.3.5.

Xem sảả̉n phẩm:...........................

4.3.6.


Xem giỏ hàng:.............................


Báo cáo tiểu luận chuyên ngành

4.3.7. Xem thông tin cá nhân:..............
CHƯƠNG 5: THIẾT KẾ GIAO DIỆN..................................................................................................
5.1.

Trang người dùng..........................................................................

5.1.1. Trang đăng nhập (Login)...........

5.1.2. Trang đăng kíÁ́ (Register)............

5.1.3. Trang chủ (Home).......................

5.1.4. Trang sảả̉n phẩm (Products)........

5.1.5. Trang chi tiết sảả̉n phẩm..............

5.1.6. Trang danh sách địa chỉ khách h

5.1.8. Trang đặt hàng............................

5.1.9. Trang xem lịch sử giao dịch.......
5.2. Trang quảả̉n trị người dùng.....................................................................................................

5.2.1. Trang chủ.....................................


5.2.2. Trang quảả̉n lý người dùng..........

5.2.3. Trang quảả̉n lý sảả̉n phẩm.............

5.2.4. Trang quảả̉n lý loại sảả̉n phẩm......

5.2.5. Trang quảả̉n lý đơn hàng.............

5.2.6. Trang chi tiết đơn hàng..............
6.1

Để cài đặt ứÁ́ng dụ ̣ng.......................................................................

6.1.1. Các bước cài đặt..........................
6.2

Kiểm thử phầÀ̀n mềm......................................................................

6.2.1. ChứÁ́c năng đăng ký.....................

6.2.2. ChứÁ́c năng đăng nhập.................

6.2.3. ChứÁ́c năng quên mật khẩu.........

6.2.4. ChứÁ́c năng tạo lại mật khẩu.......
CHƯƠNG 7: TỔNG KẾT......................................................................................................................
7.1. Kết quảả̉ đạt được..........................................................................................................................
7.2. Ưu điểm và nhược điểm...............................................................................................................
7.2.1. Ưu điểm..................................................................................................................................
7.2.2. Nhược điểm............................................................................................................................

7.3. Kinh nghiệm đạt được..................................................................................................................
7.4. Hướng phát triển trong tương lai................................................................................................


Báo cáo tiểu luận chun ngành

DANH MỤ ̣C HÌNH ẢNH
Hình 3. 1 Thiết kế dữ liệu........................................................................................................................ 19
Y
Hình 4. 1 Sơ đồ tổng qt của hệ thớÁ́ng................................................................................................. 25
Hình 4. 2 Biểu đồ usecase đăng kíÁ́ đăng nhập....................................................................................... 25
Hình 4. 3 Biểu đồ uscase tìm kiếm sảả̉n phẩm........................................................................................ 26
Hình 4. 4 Biểu đồ usecase quảả̉n líÁ́ đơn hàng.......................................................................................... 26
Hình 4. 5 Biểu đồ usecase mua hàng của khách hàng........................................................................... 27
Hình 4. 6 Sơ đồ thớÁ́ng kê......................................................................................................................... 27
Hình 4. 7 Biểu đồ hoạt dộng đăng ký thành viên.................................................................................. 37
Hình 4. 8 Biểu đồ hoạt dộng đăng nhập hệ thớÁ́ng................................................................................. 37
Hình 4. 9 Biểu đồ hoạt động đổi mật khẩu............................................................................................ 38
Hình 4. 10 Biểu đồ hoạt động tìm kiếm sảả̉n phẩm................................................................................ 38
Hình 4. 11 Biểu đồ hoạt động xem sảả̉n phẩm......................................................................................... 39
Hình 4. 12 Biểu đồ hoạt động xem giỏ hàng.......................................................................................... 39
Hình 4. 13 Biểu đồ hoạt động xem thơng tin cá nhân........................................................................... 40
Hình 5. 1 Trang dăng nhập.............................................................................................................................. 41
Hình 5. 2 Trang đăng ký................................................................................................................................... 41
Hình 5. 3 Trang chủ (client)............................................................................................................................. 42
Hình 5. 4 Trang sảả̉n phẩm................................................................................................................................ 43
Hình 5. 5 Trang chi tiết sảả̉n phẩm.................................................................................................................. 43
Hình 5. 6 Trang danh sách địa chỉ khách hàng.................................................................................................. 44
Hình 5. 7 Trang giỏ hàng.................................................................................................................................. 44
Hình 5. 8 Trang đặt hàng................................................................................................................................. 45

Hình 5. 9 Trang lịch sử giao dịch.................................................................................................................... 45
Hình 5. 10 Trang chủ (Admin)........................................................................................................................ 46
Hình 5. 11 Trang quảả̉n lý người dùng............................................................................................................ 46
Hình 5. 12 Trang quảả̉n lý sảả̉n phẩm............................................................................................................... 47
Hình 5. 13 Trang quảả̉n lý loại sảả̉n phẩm....................................................................................................... 47
Hình 5. 14 Trang quảả̉n lý đơn hàng................................................................................................................ 48
Hình 5. 15 Trang chi tiết đơn hàng................................................................................................................. 48
Hình 5. 16 Trang xuất hố đơn....................................................................................................................... 50
Y
Hình 6. 1 Giao diện visual studio code (client)...................................................................................... 46
Hình 6. 2 Giao diện visual studio code (server)..................................................................................... 47
Hình 6. 3 Màn hình Intergrate Command Line (client)....................................................................... 47
Hình 6. 4 Màn hình Intergrate Command Line (server)...................................................................... 47
Hình 6. 5 Màn hình Intergrate Command Line (client)....................................................................... 48
Hình 6. 6 Màn hình Intergrate Command Line (server)...................................................................... 48


Báo cáo tiểu luận chuyên ngành

DANH MỤ ̣C BẢNG
YBảả̉ng 1. 1 Bảả̉ng yêu cầÀ̀u chứÁ́c năng nghiệp vụ ̣ ..........................................................................................
Bảả̉ng 1. 2 Bảả̉ng yêu cầÀ̀u chứÁ́c năng hệ thốÁ́ng................................................................................................ 13
Y
Bảả̉ng 3. 1 Bảả̉ng Users............................................................................................................................... 16
Bảả̉ng 3. 2 Bảả̉ng Products......................................................................................................................... 17
Bảả̉ng 3. 3 Bảả̉ng Categories...................................................................................................................... 17
Bảả̉ng 3. 4 Bảả̉ng Checkout........................................................................................................................ 18
Bảả̉ng 4. 1 Bảả̉ng các tác nhân và chứÁ́c năng................................................................................................... 22
Bảả̉ng 4. 2 Bảả̉ng mô tảả̉ chứÁ́c năng của quảả̉n trị viên..................................................................................... 23
Bảả̉ng 4. 3 Bảả̉ng mô tảả̉ chứÁ́c năng của khách................................................................................................. 23

Bảả̉ng 4. 4 Bảả̉ng mô tảả̉ chứÁ́c năng của khách hàng....................................................................................... 24
Bảả̉ng 4. 5 Đặc tảả̉ use case đăng nhập.............................................................................................................. 28
Bảả̉ng 4. 6 Đặc tảả̉ use case đăng ký.................................................................................................................. 29
Bảả̉ng 4. 7 Đặc tảả̉ use case thanh toán............................................................................................................. 30
Bảả̉ng 4. 8 Đặc tảả̉ use case tìm kiếm sảả̉n phẩm.............................................................................................. 30
Bảả̉ng 4. 9 Đặc tảả̉ use case thêm sảả̉n phẩm..................................................................................................... 31
Bảả̉ng 4. 10 Đặc tảả̉ use case xoá sảả̉n phẩm...................................................................................................... 31
Bảả̉ng 4. 11 Đặc tảả̉ use case xem sảả̉n phẩm..................................................................................................... 32
Bảả̉ng 4. 12 Đặc tảả̉ use case xem thông tin cá nhân....................................................................................... 32
Bảả̉ng 4. 13 Đặc tảả̉ use case thêm vào giỏ hàng.............................................................................................. 33
Bảả̉ng 4. 14 Đặc tảả̉ use case nhận và giao hàng.............................................................................................. 33
Bảả̉ng 4. 15 Đặc tảả̉ use case cập nhật thông tin sảả̉n phẩm........................................................................... 34
Bảả̉ng 4. 16 Đặc tảả̉ use case thêm loại sảả̉n phẩm........................................................................................... 34
Bảả̉ng 4. 17 Đặc tảả̉ use case xoá loại sảả̉n phẩm.............................................................................................. 35
Bảả̉ng 4. 18 Đặc tảả̉ use case cập nhật loại sảả̉n phẩm..................................................................................... 35
Bảả̉ng 4. 19 Đặc tảả̉ use case quên mật khẩu................................................................................................... 36

Y
Bảả̉ng 6. 1 Kiểm thử chứÁ́c năng đăng ký................................................................................................. 49
Bảả̉ng 6. 2 Kiểm thử chứÁ́c năng đăng nhập............................................................................................. 50
Bảả̉ng 6. 3 Kiểm thử chứÁ́c năng quên mật khẩu..................................................................................... 50
Bảả̉ng 6. 4 Kiểm thử chứÁ́c năng tạo lại đổi mật khẩu............................................................................. 51


Báo cáo tiểu luận chuyên ngành

LỜI NÓI ĐẦU
Trong những năm gần đây với sự phát triển vượt trội của khoa học kỹ thuật đặt biệt
là công nghệ thông tin, với những ứng dụng của công nghệ thông tin vào các lĩnh vực đã
đóng góp phần to lớn cho sự nghiệp phát triển của con người. Cùng với sự phát triển

nhanh chóng của Internet thì các hình thức mua và bán hàng hóa cho mọi người ngày
càng đa dạng và phát triển hơn. Các ứng dụng Web ngày càng trở nên phổ biến. Trước
nhu cầu đó, cùng với u cầu mơn học, nhóm chúng em quyết định chọn đề tài Xây dựng
Website bán hàng trực tuyến, cụ thể là bán linh kiện và thiết bị điện tử.
Bai bao cao nay sẽ đê câpp̣ đên qua trinh thưc hiêṇ đê tai từ luc xây dưng ý tương,
khao sat hiêṇ trang, xac đinh yêu câu, phân tich thiêt kê hê p̣ thông, thiêt kê giao diêṇ…
cho đên luc cai đăt,p̣ kiêm thư va hoan thiêṇ chương trinh. Bai bao cao gôm cac Chương
chinh như sau:
Chương 1: Khao sat hiêṇ trang
Chương 2: Cơ sơ lý thuyêt
Chương 3: Phân tích trang web
Chương 4: Thiêt kê giao diện
Chương 5: Mơ hình hố u cầu và phân tích hệ thống
Chương 6: Cài đặt và thử nghiệm
Chương 7: Tông kêt.


Báo cáo tiểu luận chuyên ngành

CHƯƠNG 1: KHẢO SÁÁ́T HIỆN TRẠ ̣NG
1.1. Phân tích hiêṇ trang:
Thương mại điêṇ tư ngày càng bùng nổ trên tồn cầu, và Việt Nam chính là một
trong những đất nước sử dụng điện thoại di động thường xuyên nhất. Theo báo cáo từừ̀
Picodi cho biết, cứ 10 giao dịch thì 8 giao dịch được thực hiện bằng internet mỗi ngày
trong năm 2019.
Bên cach nhưng mon đô da dung đươc mua hang ngay thi nhưng linh kiêṇ thiêt bi
điêṇ tư ngay cang đươc khach hang tin tương va mua nhiêu hơn. Do đó, nhu cầu xây
dựng một website bán các thiết bị điện tử trở nên thiết yếu. Chính vì vậy, nhóm đã quyết
định chọn đề tài “Xây dựng và thiết kế website bán linh kiện và thiết bị điện tử” này,
mục đích là tạo ra một sản phẩm đáp ứng được nhu cầu của thị trường hiện nay.

Với các chức năng hồn chỉnh, có tính đóng gói cùng với giao diện nổi bật, dễ
dàng thao tác. Nhóm quyết định chọn Website phongvu.vn là tài liệu tham khảo để phát
triển đề tài lần này.
1.2. Phân tích yêu cầu
1.2.1. Yêu cầu chức năng nghiêp ̣ vụ:
Lưu trư:
- Ngươi dung: tên, email, mật khẩu
- San phâm: tên, giá tiền, bảo hành, nhãn hiệu, mơ tả, nơịdung, hình ảnh,
loại sản phẩm, số lượng sản phẩm, số lượng sản phẩm đã bán, sản phẩm
đã xoá.
- Loai san phâm: tên loai.
- Đơn hang: thông tin người mua, đia chi, giỏ hàng, sơ lương, gia, tơng
gia, trạng thái đơn hàng, chi phí giao hàng.
Tra cưu:
- San phâm: Theo môṭtiêu chuân nao đo.
- Đơn hang: Theo môṭtiêu chuân nao đo.
- Loai san phâm: Theo môṭtiêu chuân nao đo.

Tinh toan:
- Tinh tông tiên khi mua san phâm.
- Thông kê doanh thu.

Kêt xuât:
- Bao cao doanh thu.


Báo cáo tiểu luận chuyên ngành

STT
1


1.2.2. Bảng yêu cầu chức năng nghiêp ̣ vụ:
Cơng viêc ̣
Đăng
nhâpp̣
đăng ki

2

Câpp̣
san phâm

3

Tính tiền

4

Tra
thơng
về
phẩm
1.2.3. Bảả̉ng yêu cầu chức năng hê ̣thống:

STT
1

Nội dung
Phân quyền
sử dụng

diện người dùng gồm các chức năng cơ bản sau:
đăng kí, đăng nhập, xem hoặc mua sản phẩm…
Bảả̉ng 1. Bảả̉ng yêu cầÀ̀u chứÁ́c năng hệ thốÁ́ng


Báo cáo tiểu luận chuyên ngành

CHƯƠNG 2: CƠ SỞ LÝ THUYÊT
MERN stack là tâpp̣ hơp cua bôn công nghệ ma nguôn mơ đều liên quan đến Javascript
đươc sư dung rôngp̣ rai đo la: MongoDB, ExpressJS, React/React Native, NodeJS.
Người ta dùng MERN stack để xây dựng React Universal App. Trong đo:
2.1.

MongoDB
MongoDB là một cơ sở dữ liệu mã nguồn mở và là cơ sở dữ liệu NoSQL (*) hàng
đầu, được hàng triệu người sử dụng. MongoDB được viết bằng C++.

Ngoài ra, MongoDB là một cơ sở dữ liệu đa nền tảng, hoạt động trên các khái
niệm Collection và Document, nó cung cấp hiệu suất cao, tính khả dụng cao và khả
năng mở rộng dễ dàng.
2.1.1. Ưu điểm của của Mongo DB
 Ít schema hơn: Vì schema được sinh ra là để nhóm các đối tượng vào 1
cụm, dễ quản lýý́. Ví dụ như tạo một schema tên là Students chẳng hạn thì
chỉ có những gì liên quan đến student thì mới được cho vào schema này.
Trong khi đó trong mongodb thì chỉ 1 collection ta có thể chứa nhiều
document khác nhau. Với mỗi document thì số trường, nội dung, kích thước
lại có thể khác nhau.
 Cấu trúc của một đối tượng rõ ràng.
 Khơng có các Join phức tạp.
 Khả năng mở rộng cực lớn: việc mở rộng dữ liệu mà khơng phải lo đến các


vấn đề như khóa ngoại, khóa chính, kiểm tra ràng buộc... MongoDB cho
phép thực hiện replication và sharding nên việc mở rộng cũng thuận lợi
hơn.
 Sử dụng bộ nhớ trong để lưu giữ cửa sổ làm việc cho phép truy cập dữ liệu

nhanh hơn. Việc cập nhật được thực hiện nhanh gọn nhờ update tại chỗ (inplace).
2.1.2. Nhược điểm của của Mongo DB
 Dữ liệu được caching, lấy RAM làm trọng tâm hoạt động vì vậy khi hoạt
động yêu cầu một bộ nhớ RAM lớn


Báo cáo tiểu luận chuyên ngành
 Như đã giới thiệu ở trên, mọi thay đổi về dữ liệu mặc định đều chưa được

ghi xuống ổ cứng ngay lập tức vì vậy khả năng bị mất dữ liệu từừ̀ nguyên
nhân mất điện đột xuất là rất cao.
 Do là một hệ quản trị cơ sở dữ liệu mới ra đời và phát triển chưa được lâu,

nên MongoDB cũng chưa thể hổ trợ các tính năng liên quan đến việc bảo
mật cơ sở dữ liệu một cách hoàn chỉnh và ổn định như các đàn anh đi trước.
(*): NoSQL là một dạng CSDL mã nguồn mở không sử dụng Transact-SQL để truy vấn
thơng tin. NoSQL viết tắt bởi: None-Relational SQL, hay có nơi thường gọi là Not-Only
SQL. CSDL này được phát triển trên Javascript Framework với kiểu dữ liệu JSON. (Cú
pháp của JSON là “key: value”) NoSQL ra đời như là 1 mảnh vá cho những khuyết điểm
và thiếu xót cũng như hạn chế của mơ hình dữ liệu quan hệ RDBMS về tốc độ, tính năng,
khả năng mở rộng, memory cache…
2.2.

ExpressJS

Expressjs là một framework được xây dựng trên nền tảng của Nodejs. Nó cung
cấ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ẽẽ̃ và dễ sử dụng.

Để có thể áp dụng cơng nghệ này cho đề tài, nhóm sẽẽ̃ sử dụng Expressjs để phát
triển các services là các Rest API. Mục đích của việc dùng Rest API là vì chúng ta
có thể dễ dàng phát triển hệ thống trên nhiều nền tảng khác không chỉ riêng cho
việc viết web trực tuyến, đồng thời như đã nói ở trên về cơng dụng của
Microservices thì phát triển hệ thống như thế này là sẽẽ̃ chia hệ thống ra thành 2
thành phần đó là server và client. Server ở đây chính là các services được chia nhỏ
ra với ExpressJS Framework, ở đây xử lýý́ dữ liệu sau đó sẽẽ̃ trả dữ liệu có ích về
cho Client hiển thị cho người dùng.
2.3.

React
React là một thư viện JavaScript mã nguồn mở, giao diện người dùng để xây
dựng giao diện người dùng hoặc các thành phần UI. Nó được duy trì bởi Facebook
và một cộng đồng các nhà phát triển và cơng ty cá nhân. React có thể được sử
dụng như một cơ sở để phát triển các ứng dụng trang web hoặc di động.

2.4.

NodeJS
Node.js là một hệ thống phần mềm được thiết kế để viết các ứng dụng internet có
khả năng mở rộng, đặc biệt là máy chủ web. Chương trình được viết bằng C, C++,
JavaScript , sử dụng kỹ thuật điều khiển theo sự kiện, nhập/xuất không đồng bộ
để tối thiểu tổng chi phí và tối đa khả năng mở rộng.


Báo cáo tiểu luận chuyên ngành

NodeJS ra đời nhờ những lập trình viên đầu tiên của JavaScript mở rộng nó từừ̀
một ngơn ngữ chỉ có thể thực thi trên trình duyệt thành ngơn ngữ có thể thực thi
độc lập trên máy tính.
NodeJS cũng giống với trình duyệt hiện nay, được chạy dựa trên V8 JavaScript
engine - cơng cụ giúp trình duyệt dịch và thực thi JavaScript. Ngoài ra, NodeJS
cung cấp một số thư viện khơng có sẵn trong V8 engine.


Báo cáo tiểu luận chuyên ngành

CHƯƠNG 3: PHÂN TÍÁ́CH TRANG WEB
3.1

Thành phầÀ̀n dữ liệu
3.1.1. Thành phầÀ̀n tổ chứÁ́c
3.1.1.1. Front-end
Phần front- end của một trang web là phần tương tác với người dùng. Tất
cả mọi thứ bạn nhìn thấy khi điều hướng trên Internet, từừ̀ các font chữ,
màu sắc cho tới các menu xổ xuống và các thanh trượt, là một sự kết hợp
của HTML, CSS, và JavaScript được điều khiển bởi trình duyệt máy tính
của bạn.
Nó sẽẽ̃ thực hiện việc nhận và gửi dữ liệu giữa giao diện người dùng với
Server thông qua các API.

3.1.1.2. Back-end
Xử lýý́ các dữ liệu được gửi đến từừ̀ phía Client để lưu xuống Database,
lấy dữ liệu thô từừ̀ dưới Database, điều chỉnh trở về các dữ liệu có ích để
hiển thị trên UI và trả về cho Client:
3.2.1. Thành phầÀ̀n dữ liệu
3.2.1.1. Users (_id, name, email, password, addresses, role, cart, isBlock,

createdAt, updatedAt)
ST
T
1
2
3
4
5
6
7
8
9

Tê

N
E
Pa
Ad

is
cre
upd
Bảả̉ng 3. Bảả̉ng Users


Báo cáo tiểu luận chuyên ngành
3.2.1.2. Products (_id, title, prices, warranty, brand, description, content,
images, category, quantity, sold, isDelete, createdAt, updatedAt)
ST

T
1
2
3
4
5
6
7
8
9
10
11
12
13
14

W

D

C

c
u
3.2.1.3. Categories (_id, name, createdAt, updatedAt)

ST
T
1
2

3
4

c
u
Bảả̉ng 3. Bảả̉ng Categories


Báo cáo tiểu luận chuyên ngành

3.2.1.4. Checkout (_id, userId, name, email, address, cart, status, payments,
tax, deliveryCharges, createdAt, updatedAt)
ST
T
1
2
3
4
5
6
7
8
9
10
11
12
13


Báo cáo tiểu luận chuyên ngành

3.2.
Thiết kế dữ liệu
Sơ đồ thiết kế dữ liệu

Hình 3. Thiết kế dữ liệu


Báo cáo tiểu luận chun ngành

CHƯƠNG 4: MƠ HÌNH HOÁÁ́ YÊU CẦÀ̀U VÀÀ̀ PHÂN TÍÁ́CH HỆ THỐNG
4.1. Các tác nhân và chứÁ́c năng:
Tên tác nhân
Khách
Người dùng

Quản trị viên

Bảả̉ng 4. Bảả̉ng các tác nhân và chứÁ́c năng


Báo cáo tiểu luận chuyên ngành

4.1.1. Mô tảả̉ chi tiết từng chứÁ́c năng của các tác nhân:

4.1.1.1. Mô tảả̉ chứÁ́c năng của quả
STT
1
2
3
4

5

Đ
T
C
p
X

9

T
p
X
p
T
p
X
h
X

10

T

11

K

12
13


4.1.1.2. Mô tảả̉ chứÁ́c năng của khá
Đ
X

6
7
8


Báo cáo tiểu luận chuyên ngành

4.1.1.3.

Mô tảả̉ chứÁ́c năng của khách hàng:

14
15

Đăng nhập
Xem sản phẩm

16
17
18

Lấy lại mật khẩu
Quản lýý́ giỏ hàng
Đặt hàng


19

Thanh toán

20

Xem các sản
phẩm liên quan
đến sản phẩm
khác
21
Cập nhật thông
tin
Bảả̉ng 4. Bảả̉ng mô tảả̉ chứÁ́c năng của khách hàng


Báo cáo tiểu luận chuyên ngành

4.2. Sơ đồ use-case
4.2.1. Sơ đồ usecase:

Hình 4. Sơ đồ tổng qt của hệ thớÁ́ng

Hình 4. Biểu đồ usecase đăng kíÁ́ đăng nhập


Báo cáo tiểu luận chuyên ngành

Hình 4. Biểu đồ uscase tìm kiếm sảả̉n phẩm


Hình 4. Biểu đồ usecase quảả̉n líÁ́ đơn hàng