BÁO cáo đồ án môn học các CÔNG NGHỆ PHẦN mềm mới đề tài xây DỰNG WEB bán HÀNG

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO
NGÀNH CÔNG NGHỆ THÔNG TIN



BÁO CÁO ĐỒ ÁN MÔN HỌC
CÁC CÔNG NGHỆ PHẦN MỀM MỚI
ĐỀ TÀI:

XÂY DỰNG WEB BÁN HÀNG

GHVD: TS. LÊ VĨNH THỊNH
SVTH:
NGUYỄN HỮU HOÀNG TRẦM

16110229


NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................

.........................................................................................................................................
.........................................................................................................................................
.........................................................................................................................................

Giảng viên hướng dẫn
Ký tên


TS. Lê Vĩnh
Thịnh

MỤC LỤC
CHƯƠNG 1. GIỚI THIỆU............................................................................................1
1.1

Mô tả đề tài........................................................................................................1

1.2

Công nghệ sử dụng.............................................................................................1

CHƯƠNG 2. PHÂN TÍCH THIẾT KẾ........................................................................3
2.1

Xác định yêu cầu................................................................................................3

2.1.Chức năng.........................................................................................................3
2.2

Use case Diagram...............................................................................................4

CHƯƠNG 3. XÂY DỰNG ỨNG DỤNG....................................................................6
3.1

Mô tả giao diện..................................................................................................6

3.2

Trang chủ...........................................................................................................8

3.3

Trang đăng nhập.................................................................................................8

3.3.1Trang đăng ký.................................................................................................9
3.4

Trang quản lý tài khoản......................................................................................9

3.4.1Thêm tài khoản.............................................................................................10
3.4.2Sửa tài khoản................................................................................................10
3.4.3Xóa tài khoản................................................................................................11
3.5

Trang quản lý sản phẩm...................................................................................11


3.5.1Thêm sản phẩm.............................................................................................12
3.5.2Sửa sản phẩm................................................................................................12
3.5.3Xóa sản phẩm...............................................................................................13

3.6

Trang giỏ hàng.................................................................................................13

3.6.1Checkout.......................................................................................................14
CHƯƠNG 4. Đánh giá...............................................................................................15
4.1

Ưu điểm...........................................................................................................15

4.2

Nhược điểm......................................................................................................15


CHƯƠNG 1. GIỚI THIỆU
1.1

Mô tả đề tài

Ngày nay công nghệ thông tin là một lĩnh vực quan trọng trong cuộc sống con người.
Máy tính, điện thoại và các thiết bị điện tử thông minh đang ngày càng phát triển với một
tốc độ nhanh đến chóng mặt. Cơng nghệ đã và đang đóng góp một phần khơng nhỏ đến
đời sống của mỗi cá nhân, gia đình và xã hội.
Mua hàng là một nhu cầu thiết yếu của con người từ xưa đến nay và với số lượng mặt
hàng hiện nay thì nhu cầu đó cịn cao hơn nữa. Tuy nhiên khi xã hội ngày càng phát triển
và nhu cầu mua hàng càng ngày càng gia tăng nhưng con người ngày càng bận rộn, khơng
có nhiều thời gian để đến cửa hàng mua hàng nên những trang bán hàng online ra đời
nhằm mục đích đáp ứng nhu cầu của người mua hàng để tiết kiệm thời gian và hoạt động
bán hàng hiệu quả hơn.

Đối với ngày nay nhu cầu mua hàng online ngày càng nâng cao. Nắm bắt được xu
hướng, nhóm em đã quyết định làm một website bán hàng online đơn giản.

1.2

Cơng nghệ sử dụng

MongoDB: Sử dụng một q trình xử lý để xử lý các yêu cầu về dữ liệu, quản lý định
dạng dữ liệu, thực hiện các hoạt động quản lý bên dưới là mongod, đây là trình xử lý
chính. Trong việc mở rộng theo chiều ngang sử dụng mơ hình mảnh lưu trữ, [M]ongoDB
cung cấp dịch vụ xử lý các truy vấn từ tầng ứng dụng, xác định vị trí dữ liệu trong cụm
các node phân mảnh được gọi là mongos.
ExpressJS: Là một web application framework cho NodeJS, cung cấp các tính năng
mạnh mẽ cho việc xây dựng một ứng dụng web đúng nghĩa hoặc ngược lại. Express cũng
có thể sử dụng để xây dựng một API mạnh mẽ và thân thiện với người dùng, vì nó cung
cấp rất nhiều tiện ích HTTP và middleware cho việc kết nối.
Angular: Là một bộ Javascript Framework rất mạnh và thường được sử dụng để xây
dựng project Single Page Application (SPA). Nó hoạt động dựa trên các thuộc tính mở
rộng HTML (các atributes theo quy tắc của Angular). Đây là một Framework mã nguồn
Page-1


mở hồn tồn miễn phí và được hàng ngàn các lập trình viên trên thế giới ưa chuộng và sử
dụng.
NodeJS: là một nền tảng được xây dựng trên “V8 Javascript engine” được viết bằng c+
+ và Javasccript. Nền tảng này được phát triển bởi Ryan Lienhart Dahl vào năm 2009.

Page-2

CHƯƠNG 2. PHÂN TÍCH THIẾT KẾ
2.1

Xác định yêu cầu

2.1.1 Chức năng
 Trang khách hàng.
 Đăng ký.
 Đăng nhập: local, facebook, google.
 Xem danh sách sản phẩm.
 Thêm sản phẩm vào giỏ hàng.
 Quản lý giỏ hàng.
 Thanh toán.
 Trang admin.
 Đăng nhập.
 Quản lý tài khoản.
 Quản lý sản phẩm.

Page-3


2.2

Use case Diagram

Page-4


Page-5

CHƯƠNG 3. XÂY DỰNG ỨNG DỤNG
3.1

Mô tả giao diện

Page-6


STT

1

Giao diện
Trang chủ khách
hàng

Mục đích

Hiển thị danh sách sản phẩm

Hiển thị tất cả các sản phẩm đã được thêm vào
2

Trang chi tiết giỏ
hàng

giỏ hàng, có thể chỉnh sửa số lượng sản phẩm cần
mua, xóa sản phẩm khỏi giỏ hàng và có bước
thanh tốn.

3

4

5

6

7

8

9

10

Trang thanh tốn

Trang thanh tốn
thành cơng

Trang đăng nhập
(khách hàng)

Trang đăng nhập
(quản trị viên)
Trang quản lý sản
phẩm
Trang thêm và sửa

sản phẩm
Trang quản lý
người dùng
Trang thêm người
dùng

Người dùng điền đủ thông tin cá nhân và xác
nhận để kết thúc phần thanh tốn
Người dùng có thể biết được đơn hàng đã được
đặt thành cơng hay chưa.
Người dùng có thể đăng nhập bằng tài khoản
đã đăng ký hoặc đăng nhập bằng facebook hoặc
google.

Quản trị viên đăng nhập bằng tài khoản đã cấp

Hiển thị thông tin tất cả sản phẩm

Các trường nhập thông tin sản phẩm

Hiển thị thông tin tất cả các người dùng
Page-7
Các trường nhập thông tin người dùng


3.2

Trang chủ

3.3

Trang đăng nhập

Page-8


3.3.1 Trang đăng ký

3.4

Trang quản lý tài khoản

Page-9


3.4.1 Thêm tài khoản

3.4.2 Sửa tài khoản

Page-10


3.4.3 Xóa tài khoản

3.5

Trang quản lý sản phẩm

Page-11

3.5.1 Thêm sản phẩm

3.5.2 Sửa sản phẩm

Page-12


3.5.3 Xóa sản phẩm

3.6

Trang giỏ hàng

Page-13


3.6.1 Checkout

3.6.1.1 Thanh toán

Page-14


CHƯƠNG 4. Đánh giá
4.1

Ưu điểm
 Hồn thành các cơng việc theo đúng tiến độ đề ra.
 Trang web đơn giản, nhưng sử dụng khá tốt.

 Giao diện tương đối.

4.2

Nhược điểm
 Các chức năng chưa được tối ưu
 Thời gian còn ít nên chưa hoàn thiện một vài chức năng.

Page-15