Xây dựng website bán hàng cho siêu thị mini bigvin

Trong thời gian làm đồ án tốt nghiệp, em đã tìm hiểu quy trình quản lý và xâydựng lên một trang web bán hàng cho siêu thị mini Bigvin.Website có thể ứng dụng cho hầu hết các mô hình siêu

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN

ĐỀ TÀI : XÂY DỰNG WEBSITE BÁN HÀNG CHO SIÊU THỊ

MINI BIGVIN

Giáo viên hướng dẫn : TS.Hoàng Thị Mỹ Lệ

Sinh viên thực hiện : Nguyễn Gia Hoàng

Mỹ Mã sinh viên 161250533530

Lớp học phần : 219DTNIT01

Đà Nẵng, ngày 27 tháng 09 năm 2020

Trang 1 SVTH: Nguyễn Gia Hoàng Mỹ

GVHD: TS.Hoàng Thị Mỹ Lệ Báo cáo Đồ Án Chuyên Ngành

Lời cảm ơn

Lời đầu tiên, em xin gửi lời cảm ơn chân thành đến giáo viên hướng dẫn

cô Hoàng Thị Mỹ Lệ Trong suốt thời gian học và làm đồ án tốt nghiệp cô đãdành rất nhiều thời gian quý báu để tận tình chỉ bảo, hướng dẫn, định hướng cho

em trong việc nghiên cứu, thực hiện luận văn

Đặc biệt, em xin gửi lời cảm ơn chân thành đến Khoa Điện – Điện tử,trường Đại học Sư phạm Kỹ thuật, Đại học Đà Nẵng, đã tạo mọi điều kiện thuậnlợi và một môi trường học tập tốt xuyên suốt trong quá trình chúng em tham giahọc tập tại trường

Em xin cảm ơn các thầy cô giáo trường Đại học Sư phạm Kỹ thuật,Đại học Đà Nẵng đã giảng dạy em trong quá trình học tập, thực hành, làm bàitập, đọc và nhận xét đồ án của em, giúp em thấu hiểu hơn lĩnh vực mà emnghiên cứu, những hạn chế mà em cần khắc phục trong học tập, nghiên cứu vàthực hiện bản luận văn này

Để đền đáp lại sự chân thành của nhà trường, em đã hoàn thành khóa học

và đồ án tốt nghiệp với một tâm trạng tốt và gặt hái được nhiều kiến thức và kỹnăng làm việc của mình

Em xin kính chúc toàn thể quý thầy cô trường Đại học Sư Phạm Kỹ Thuậtquý thầy cô Khoa Điện – Điện tử, trường Đại học Sư phạm Kỹ thuật cùng toànthể sinh viên trường Đại học Sư Phạm Kỹ Thuật lời chúc sức khỏe thành côngtrong công tác giảng dạy và học tập

Sinh viên thực hiện

Nguyễn Gia Hoàng Mỹ

Lời cam đoan

Tôi xin cam đoan:

1 Những nội dung trong luận văn này do em thực hiện dưới sự hướng dẫn của cô Hoàng Thị Mỹ Lệ

2 Mọi tham khảo trong luận văn đều được trích dẫn rõ ràng tên tác giả, tên công trình, thời gian, địa điểm công bố

3 Mọi sao chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá,

em xin chịu hoàn toàn trách nhiệm

Sinh viên

Nguyễn Gia Hoàng Mỹ

Mục lục

MỞ ĐẦU 6

CHƯƠNG I: TỔNG QUAN VỀ ĐỀ TÀI 7

I Đặt vấn đề 7

II Mục tiêu dề tài 7

III Phạm vi đề tài 8

III.1 Phương pháp nghiên cứu, lựa chọn giải pháp công nghệ 8

III.1.1 Phương pháp nghiên cứu 8

III.1.2 Lựa chọn giải pháp công nghệ 8

CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 9

I Phát biểu hệ thống 9

II Phân tích yêu cầu 9

II.1 Mô tả bài toán 9

II.2 Sơ đồ Use-case 11

II.2.1 Xác địch thực thể 11

II.2.2 Mô tả chi tiết 15

II.3 Đặc tả chức năng 18

II.3.1 Đăng nhập từ khách hàng 18

II.3.2 Đăng nhập từ nhân viên 18

II.3.3 Đăng ký tài khoản khách hàng 19

II.3.4 Cập nhật thông tin tài khoản khách hàng 19

II.3.5 Tìm kiếm sản phẩm 20

II.3.6 Đặt hàng 20

II.3.7 Xem giỏ hàng 21

II.3.8 Cập nhật giỏ hàng 22

1 Cập nhật số lượng sản phẩm trong giỏ hàng 22

2 Hủy sản phẩm trong giỏ hàng 22

II.3.9 Cập nhật đơn hàng 23

1 Hủy sản phẩm 23

2 Thêm sản phẩm 23

II.3.10 Xử lý đơn hàng 24

II.3.11 Cập nhật sản phẩm 25

1 Thêm sản phẩm 25

2 Sửa sản phẩm 26

3 Xóa sản phẩm 26

II.3.12 Nhập hàng 27

II.3.13 Cập nhật tình trạng đơn hàng 28

1 Đơn hàng đã được đóng gói 28

2 Đơn hàng trước và sau khi giao hàng 28

3 Đơn hàng đã hoàn tất hoặc thất bại 29

II.4 Sơ đồ mối quan hệ giữa các thực thể 30

II.5 Tạo các trigger trong cơ sở dữ liệu 30

CHƯƠNG III: XÂY DỰNG CHƯƠNG TRÌNH 32

I Công cụ xây dựng chương trình 32

II Một số giao diện trong chương trình 32

II.1 Màn hình chính 32

II.2 Khách hàng 34

II.2.1 Đăng nhập từ khách hàng 34

II.2.2 Đăng nhập từ nhân viên 35

II.2.3 Đăng ký tài khoản khách hàng 35

II.2.4 Cập nhật thông tin tài khoản khách hàng 36

II.2.5 Tìm kiếm sản phẩm 36

II.2.6 Đặt hàng 37

II.2.7 Xem đơn hàng 38

II.2.8 Xem giỏ hàng và cập nhật giỏ hàng 39

II.2.9 Cập nhật đơn hàng 40

1 Hủy sản phẩm 40

2 Thêm sản phẩm 41

II.3 Nhân viên quản trị 42

II.3.1 Xử lý đơn hàng và xem đơn hàng 42

II.3.2 Cập nhật sản phẩm 43

1 Thêm sản phẩm 43

2 Sửa sản phẩm 44

3 Xóa sản phẩm 45

II.4 Nhân viên kho 45

II.4.1 Nhập hàng 45

II.4.2 Xem và cập nhật tình trạng đơn hàng (Đã đóng gói) 46

II.5 Nhan viên giao hàng 47

II.5.1 Xem và cập nhật tình trạng đơn hàng trước và sau khi giao 47

II.6 Nhân viên kho 48

II.6.1 Cập nhật tình trạng đơn hàng (hoàn tất hoặc thất bại) 48

CHƯƠNG IV: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 49

TÀI LIỆU THAM KHẢO 50

y tế thông minh 4.0, giáo dục thông minh 4.0, giao thông thông minh 4.0, …

Hiện nay, việc kinh doanh bán hàng online ứng dụng Công NghệThông Tin đang là phương hướng phát triển đầy tiềm năng Với xu thế đangngày một phát triển đó Trong thời gian làm đồ án tốt nghiệp, em đã tìm hiểuquy trình quản lý và xây dựng lên một trang web bán hàng cho siêu thị miniBigvin

Với sự hướng dẫn tận tình của cô Hoàng Thị Mỹ Lệ, em đã hoàn thành

đồ án tốt nghiệp này Tuy đã cố gắng hết sức tìm hiểu, phân tích thiết kế vàcài đặt hệ thống nhưng chắc rằng không tránh khỏi những thiếu sót Em rấtmong nhận được sự thông cảm và góp ý của quý Thầy cô

Em xin chân thành cảm ơn!

Trong thời gian làm đồ án tốt nghiệp, em đã tìm hiểu quy trình quản lý và xâydựng lên một trang web bán hàng cho siêu thị mini Bigvin.

Website có thể ứng dụng cho hầu hết các mô hình siêu thị nhỏ, cửa hàng tạphóa với mong muốn bán hàng online thông qua hình thức đưa sản phẩm của mìnhtại cửa hàng lên website

II Mục tiêu dề tài

Xây dựng website bán hàng nhằm mục đích giúp cho khách hàng có thể muasắm tại nhà thông qua hình thức online, giúp cho doang nghiệp gia tăng, mở rộngthị trường bán hàng, quản bá thương hiệu, tăng doanh thu cho siêu thị miniBigvin Ứng dụng này giúp cho khách hàng có thể mua sắm ngay tại nhà và thamkhảo giá cả mặt hàng trên thị trường

SVTH: Nguyễn Gia Hoàng Mỹ

GVHD: TS.Hoàng Thị Mỹ Lệ Báo cáo Đồ Án Chuyên Ngành

Trang 8 SVTH: Nguyễn Gia Hoàng Mỹ

III Phạm vi đề tài

Website áp dụng cho các cửa hàng bán hàng tiêu dùng, thiết bị điện tử với qui

mô nhỏ như cửa hàng tạp hóa, cửa hàng điện tử, siêu thị mini

III.1 Phương pháp nghiên cứu, lựa chọn giải pháp công nghệ

III.1.1 Phương pháp nghiên cứu

- Khảo sát thực tế về thông tin sản phẩm, hệ thống nhân viên tại cửa hàng

- Tham khảo một số website bán hàng khác

- Chọn lọc thông tin để lưu trữ dữ liệu

- Vận dụng kĩ năng và kiến thức đã học

III.1.2 Lựa chọn giải pháp công nghệ

- Ngôn ngữ lập trình:

o Thiết kế Backend: Java Spring Framework

o Thiết kế Frontend: HTML, CSS, Boostrap, Javascript, Jquery, Ajax

- Cơ sở dữ liệu: Microsoft SQL Server 2014 để thiết kế và lưu trữ cơ sở dữliệu

Báo cáo Đồ Án Chuyên Ngành

Trang 9

GVHD: TS.Hoàng Thị Mỹ Lệ

I Phát biểu hệ thống

Hoạt động của cây xăng có thể tóm tắt như sau:

Khi khách hàng đến mua xăng thì cung cấp thông tin cá nhân, nhu cầu muaxăng của mình Nhân viên sẽ gửi những yêu cầu đó đến quản lý để quản lý lậpphiếu xuất hoặc nhân viên đó có thể lập phiếu xuất cho khách hàng Trong phiếuxuất có đầy đủ thông tin khách hàng mua, nhân viên lập phiếu xuất, sồ lượng, loạixăng, giá tiền, ngày lập phiếu

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

II.1 Mô tả bài toán

II.1.1.g Xem giỏ hàng.

II.1.1.h Xem đơn hàng.

II.1.1.i Đặt hàng.

II.1.1.j Đăng xuất.

II.1.2 Quản trị viên

GVHD: TS.Hoàng Thị Mỹ Lệ Báo cáo Đồ Án Chuyên Ngành

Trang 10 SVTH: Nguyễn Gia Hoàng Mỹ

II.1.2.e Đăng xuất.

II.1.3 Nhân viên kho

II.1.3.a Đăng nhập.

II.1.3.b Nhập hàng.

II.1.3.c Xem đơn hàng.

II.1.3.d Cập nhật tình trạng danh sách đơn hàng (đã đóng gói).

II.1.3.e Cập nhật tình trạng danh sách đơn hàng (đã hoàn tất, thất bại) II.1.3.f Đăng xuất.

II.1.4 Nhân viên giao hàng

II.1.4.a Đăng nhập.

II.1.4.b Xem đơn hàng.

II.1.4.c Cập nhật tình trạng danh sách đơn hàng trước và sau khi giao

hàng

Báo cáo Đồ Án Chuyên Ngành

GioiTinh (Nam hoặc nữ) Password (Mật khẩu đăng nhập)DienThoai (Số điện thoại của khách hàng) Email (Hòm thư điện tử của khách hàng)SVTH: Nguyễn Gia Hoàng Mỹ

GVHD: TS.Hoàng Thị Mỹ Lệ Báo cáo Đồ Án Chuyên Ngành

Trang 12 SVTH: Nguyễn Gia Hoàng Mỹ

DiaChi (Địa chỉ giao hàng của khách hàng) NgaySinh (Ngày sinh của khách hàng)Username (Tài khoản đăng nhập của khách hàng)

II.2.1.b NhanVien

Các thuộc tínhMaNhanVien (Thuộc tính khóa chính) Password (Mật khẩu đăng nhập của nhân viên) HoTenNV (Họ tên nhân viên)

DiaChi (Địa chỉ của nhân viên) DienThoai (Số điện thoại của nhân viên) NgaySinh (Ngày sinh của nhân viên) GioiTinh (Giới tính nam hoặc nữ) Username (Tên tài khoản đăng nhập)PhanQuyen (Phân quyền chức vụ cho nhân viên)

II.2.1.c DonHang

Các thuộc tính

MaDH (Thuộc tính khóa chính)

MaKH (Thuộc tính khóa ngoại)

MaNVLap (Thuộc tính khóa ngoại đối với nhân viên quản trị) PTThanhToan (Phương thức thanh toán)

NgayDat (Ngày đặt hàng)

TienThanhToan (Tiền thanh toán cho đơn hàng)

MaNVGiaoHang (Thuộc tính khóa ngoại đối với nhân viên giao hàng)

TinhTrang (tình trạng đơn hàng)

GuiTang (Đơn hàng có gửi tặng hay không?)

II.2.1.d ChiTietDonHang

Các thuộc tính

MaCTDH (Thuộc tính khóa chính)

MaDH (Thuộc tính khóa ngoại)

MaSP (Thuộc tính khóa ngoại)

SoLuong (Số lượng sản phẩm đặt)

ThanhTien (Tổng tiền của những sản phẩm)

II.2.1.e GuiTang

Các thuộc tính

MaGuiTang (Thuộc tính khóa chính)

MaDH (Thuộc tính khóa ngoại)

NguoiNhan (Họ tên khách hàng được tặng)

DiaChiGiaoHang (Địa chỉ khách hàng được tặng)

DienThoai (Số điện thoại khách hàng được tặng)

II.2.1.f DanhMucSanPham

Các thuộc tính

MaDM (Thuộc tính khóa chính)

TenDanhMuc (Tên loại sản phẩm)

HinhAnh (Hình ảnh đại diện cho loại sản phẩm)

II.2.1.g SanPham

Các thuộc tính

MaSP (Thuộc tính khóa chính)

TenSP (Tên sản phẩm)

MaDanhMuc (Thuộc tính khóa ngoại)

DonGia (Đơn gia của một sản phẩm)

SoLuong (Số lượng sản phẩm hiện tại trong kho) ChiTiet (Thông tin chi tiết sản phẩm)

HinhAnh (Hình ảnh của sản phẩm)

II.2.1.h PhieuNhapHang

Các thuộc tính

MaPhieuNhap (Thuộc tính khóa chính)

NgayNhap (Ngày nhâp hàng)

SoLuong (Số lượng nhập)

MaNV (Thuộc tính khóa ngoại)

MaSP (Thuộc tính khóa ngoại)

II.2.2 Mô tả chi tiết

Bảng KhachHang: dùng để lưu trữ thông tin khách hàng

Bảng NhanVien: dùng để lưu trữ thông tin nhân viên.

nhập

năng user

Bảng DonHang: lưu trữ thông tin đơn hàng.

PTThanhToan NVarchar(255) Not null Phương thức

thanh toán

Bảng ChiTietHoaDon: Lưu trữ thông tin về về các chi tiết đơn hàng.

phẩm được đặt

phẩm

Bảng GuiTang: lưu trữ thông tin về đơn hàng nào được gửi tặng

DiaChiGiaoHang Nvarchar(255) Not null Địa chỉ người nhận

Tên trường Kiểu dữ liệu Ràng buộc Chú thích

sản phẩm

Bảng DanhMucSanPham: Lưu trữ thông tin về danh mục (loại) của sản phẩm

Bảng SanPham: lưu trữ thông tin các sản phẩm.

tồn kho

Bảng PhieuNhapHang: lưu trữ thông tin nhập sản phẩm.

tồn kho

1 Hệ thống sẽ xác nhận thông tin đăng nhập:

a Nếu hợp lệ sẽ chuyển đến giao diện trang chủ, tài khoản được login vào hệ thống và hiển thị ra tên khách hàng

b Nếu không hợp lệ sẽ yêu cầu đăng nhập lại

 Output: Đăng nhập vào màn hình

II.3.2 Đăng nhập từ nhân viên

 Mục đích: Đăng nhập để nhân viên thao tác nghiệp vụ

 Actor: Nhân viên quản trị, nhân viên kho, nhân viên giao hàng

 Input

1 Username

2 Mật khẩu

 Xử lý hệ thống

1 Hệ thống sẽ xác nhận thông tin đăng nhập:

a Nếu hợp lệ sẽ chuyển đến giao diện quản lý, tàikhoản được login vào hệ thống và hiển thị ra tênnhân viên và các chức năng tương ứng

b Nếu không hợp lệ sẽ thông báo lỗi và yêu cầu đăngnhập lại

II.3.3 Đăng ký tài khoản khách hàng

 Mục đích: Tạo tài khoản để đăng nhập vào đặt mua sản phẩm

 Actor: Khách hàng

 Input: tên tài khoản, mật khẩu, họ tên, số điện thoại, email, địa chỉ, giới tính, ngày sinh

 Xử lý hệ thống

1 Hệ thống sẽ kiểm tra các dữ liệu đầu vào

a Nếu các dữ liệu mà khách hàng nhập vào hợp lệ thìtài khoản mới sẽ được đăng ký thành công

b Nếu các dữ liệu mà khách hàng nhập vào khônghợp lệ thì hệ thống sẽ thông báo lỗi ngay bên dướinhững ô nhập dữ liệu nào chưa hợp lệ

 Output: Tài khoản khách hàng đã được tạo mới

II.3.4 Cập nhật thông tin tài khoản khách hàng

 Mục địch: Cập nhật chỉnh sửa lại thông tin khách hàng

 Actor: Khách hàng

 Input: Họ tên, số điện thoại, email, địa chỉ, giới tính, ngày sinh

 Xử lý hệ thống

1 Hệ thống sẽ kiểm tra các dữ liệu đầu vào

a Nếu các dữ liệu mà khách hàng nhập vào hợp lệ thìtài khoản được cập nhật thành công

b Nếu các dữ liệu mà khách hàng nhập vào khônghợp lệ thì hệ thống sẽ thông báo lỗi ngay bên dướinhững ô nhập dữ liệu nào chưa hợp lệ

 Output: Cập nhật lại thông tin tài khoản thành công

1 Hệ thống sẽ kiểm tra các dữ liệu đầu

a Nếu tên sản phẩm có trong hệ thống, hệ thống sẽhiển thị danh sách các sản phẩm hợp lệ ra mànhình

b Nếu không có tên sản phẩm nào hợp lệ với tên sảnphẩm cần tìm thì hệ thống sẽ không hiển thị sảnphẩm nào

 Output: Hiển thị danh sách các sản phẩm

2: Click vào nút có biểu tượng

hình cái giỏ hàng để thêm sản

phẩm hoặc vào xem chi tiết

sản phẩm, chỉnh sửa số lượng

3: Hệ thống tiếp nhận thông tinsản phẩm và đưa vào trong giỏhàng

5: Hệ thống hiển thị danh sáchcác thông tin của sản phẩm cótrong giỏ hàng

đặt và click nút “Thêm vào

giỏ” để đưa sản phẩm vào giỏ

hàng

4: Vào giỏ hàng để xem các

sản phẩm hiện có trong giỏ

hàng

6: Click nào nút “TIẾN

HÀNH ĐẶT HÀNG”

8: Nếu gửi tặng, khách hàng

click vào nút gửi tặng rồi điền

thông tin địa chỉ người nhận

hoặc nếu không gửi tặng thì

click vào nút “ĐẶT HÀNG”

để hoàn tất việc đặt hàng

7: Hệ thống chuyển san trangcheckout để hiển thị thông tinchi tiết của đơn hàng

9: Hệ thống tiếp nhận, xử lýnghiệp vụ, lưu thông tin đơnhàng vào CSDL

10: Chuyển sang trang chủ vàthông báo đã đặt hàng thànhcông

 Output : Đặt hàng thành công Thông báo cho khách hàng

II.3.7 Xem giỏ hàng

 Mục đích: Xem sản phẩm hiện có trong đơn hàng

2: Thêm sản phẩm vào giỏ

3: Click vào biểu tượng giỏ

hàng ở góc trên cùng bên phải

4: Hệ thống chuyển sang trang giỏ hàng

của trang.

 Output: Chuyển sang trang giỏ hàng

II.3.8 Cập nhật giỏ hàng

1 Cập nhật số lượng sản phẩm trong giỏ hàng

 Mục địch: Chỉnh sửa số lượng của sản phẩm trong giỏ hàng

 Actor: Khách hàng

 Input: Số lượng sản phẩm

 Xử lý hệ thống

1: Click vào biểu tượng giỏ

hàng ở góc trên cùng bên phải

 Output: Cập nhật số lượng sản phẩm trong giỏ hàng

2 Hủy sản phẩm trong giỏ hàng

 Mục đích: Hủy sản phẩm hiện tại có trong giỏ hàng

 Actor: Khách hàng

 Input: Sản phẩm cần hủy

 Xử lý hệ thống

1: Click vào biểu tượng giỏ

hàng ở góc trên cùng bên phải

2: Hệ thống chuyển sang tranggiỏ hàng

của trang.

3: Click vào dấu “X” tại dòng

tương ứng với sản phẩm muốn

4: Hệ thống tiếp nhận và hủy sản phầm trong giỏ hàng

Output: Sản phẩm đã được hủy

5: Click vào nút “Hủy”

2: Hệ thống chuyển sang trang quản lý đơn hàng

4: Hệ thống hiển thị danh sách các sản phẩm trong đơn hàng 6: Hệ thống tiếp nhận xử lý vàhủy sản phẩm trong đơn hàng

 Output: Hủy sản phẩm trong đơn đặt hàng

8: Hệ thống xử lý thông tin vàtrả về danh sách các sản phẩmtương ứng.

11: Hệ thống tiếp nhận các sảnphẩm được thêm vào Xử lý vàcập nhập lại đơn hàng trongCSDL

 Output: Hủy sản phẩm trong đơn đặt hàng

 Phác thảo giao diện

II.3.10 Xử lý đơn hàng.

 Mục đích: Xem thông tin đơn hàng, điều phối đơn hàng cho nhân viên đơn hàng

 Actor: Nhân viên quản trị

 Input: Đơn hàng và nhân viên giao hàng tương ứng

5: Click vào nút “Lưu”

4: Hệ thống chuyển sang trang nhân viên quản trị

3: Hệ thống chuyển sang xử lý đơn hàng

6: Hệ thống tiếp nhận xử lý vàcập nhật nhân viên giao hàng