BÁO CÁO ĐỒ ÁN Môn Thương mại điện tử và ứng dụng ĐỀ TÀI TÌM HIỂU CHỨC NĂNG CỦA WEBSITE THỰC PHẨM VSHIP

TRƯỜNG ĐẠI HỌC SÀI GỊN
KHOA CƠNG NGHỆ THƠNG TIN

BÁO CÁO ĐỒ ÁN
Môn: Thương mại điện tử và ứng dụng
TÊN ĐỀ TÀI :
TÌM HIỂU CHỨC NĂNG CỦA WEBSITE THỰC PHẨM
VSHIP
Nhóm 3
1.
2.
3.
4.

Phạm Ngọc Quang
Nguyễn Minh Trí
Trương Hồng Phát
Tạ Tấn Đạt

3119410328
3119410456
3119410302
3119410088

Giảng viên hướng dẫn: Phạm Thi Vương

TP. HCM tháng 5 / 2022

Mục lục

Thương mại điện tử và ứng dụng

HƯỚNG DẪN XÂY DỰNG WEBSITE
Phần 1: Tổng quan về cách thức và công cụ xây dựng website.
-

Trang web sử dụng PHP, JavaScript, HTML, CSS, MySQL.

-

Dữ

liệu

được

lấy

từ

trang

web

Thực

Phẩm

VSHIP

( Để lấy dữ liệu một cách nhanh chóng, nhóm
đã cào dữ liệu từ các danh mục sản phẩm trên trang web, sau đó tạo tool xử
lý dữ liệu, bỏ các dữ liệu khơng cần thiết sau đó đưa vào database.
-

Dựa vào trang web Thực Phẩm VSHIP, nhóm đã tham khảo và triển khai các
nghiệp vụ có trên trang web và có một số cải tiến phù hợp với đồ án.

-

Từ việc quan sát thực tiễn nghiệp vụ và tham khảo cơ sở dữ liệu của các
trang web thương mại điện tử mà nhóm đã làm trước đây. Nhóm em đã xây
dựng thành cơng một cơ sở dữ liệu hồn thiện và phù hợp với đồ án mơn
học, thích hợp để phát triển cho các dự án thực tế bên ngồi.

-

Nhóm đã sử dụng cơng cụ VSCode để phát triển trang web.

-

Để chạy được trang web, nhóm chúng em đã sử dụng XAMPP để tạo môi
trường mô phỏng server localhost Ngồi ra XAMPP cịn hỗ trợ cho nhóm
phát triển database MySQL.

-

Cấu trúc file được phân bố logic, các file được đặt tên rõ ràng, dễ hiểu, cấu
trúc file phân lớp rõ ràng từng lớp, chức năng. Ngoài ra mỗi hàm trong file
đều được chú thích một cách rõ ràng để có thể tái sử dụng cho các dự án

khác.

Phần 2: Giới thiệu và cài đặt môi trường.
2.1 Cài đặt XAMPP
Truy cập trang web />Ở mục XAMPP for windows ta chọn Download (64 bit) ứng với version 7.4.29
/PHP 7.4.29. Sau đó XAMPP sẽ được tải về máy.

2


Thương mại điện tử và ứng dụng

Sau khi XAMPP đã tải về máy, ta mở XAMPP lên và tiền hành cài đặt.
Sau khi cài đặt XAMPP ta sẽ có được môi trường để phát triển PHP cũng như sử
dụng được hệ quản trị cơ sở dữ liệu MySQL.

2.2 Khởi tạo môi trường

Sau khi XAMPP đã được cài đặt, ta mở XAMPP lên, ở Module Apache và MySQL
ta khởi chạy bằng cách bấm vào Start.

3


Thương mại điện tử và ứng dụng

Tiếp theo ta sẽ tiến hành tạo cơ sở dữ liệu. Đầu tiên ta mở trình duyệt và truy cập
vào đường dẫn http://localhost/phpmyadmin, giao diện quản lý cơ sở dữ liệu
phpMyAdmin sẽ được hiển thị lên.Ở thanh panel bên trái, ta chọn Mới

Giao diện tạo mới cơ sở dữ liệu sẽ hiển thị lên, ta nhập tên cơ sở dữ liệu là web2
hoặc tên tự chọn. Sau đó bấm nút tạo.

4


Thương mại điện tử và ứng dụng

Cơ sở dữ liệu web2 đã được tạo ra, nhưng nó trống rỗng, điều tiếp theo ta cần làm
là thêm các bảng, cũng như dữ liệu của các bảng. Để thêm, tại thanh menu ta chọn
mục Nhập tiếp theo đó ta bấm vào nút chọn tệp. Tại đây ta chọn cơ sở dữ liệu
web2.sql đã được đính kèm trong thư mục github. Sau đó bấm thực hiện.

5


Thương mại điện tử và ứng dụng

Các bảng dữ liệu cũng như dữ liệu của trang web sẽ được cài đặt vào trong cơ sở dữ
liệu web2 đã được tạo trước đó.
Tiếp theo, để có thể deploy trang web, ta tiến hành đưa code vào thư mục
C:\xampp\htdocs, tại thư mục này, ta tạo 1 thư mục với tên trang web mà chúng ta
muốn. Sau đó copy tồn bộ code trong thư mục github vào thư mục ta vừa tạo.
Vậy là ta đã khởi tạo môi trường thành công, để tiến hành truy cập vào trang web, ta
truy cập vào đường dẫn http://localhost/thucphamvship Với thucphamvship là tên
thư mục chứa code mà ta vừa tạo.

6

Thương mại điện tử và ứng dụng

HƯỚNG DẪN SỬ DỤNG WEBSITE
Phần 1: Các chức năng
1.1 Trang khách hàng
-

-

-

Trang chủ:
+ Xem danh sách loại sản phẩm
+ Xem danh sách sản phẩm nổi bật, sản phẩm mới, sản phẩm
khuyến mãi
+ Đăng nhập, đăng xuất, đăng ký
+ Tìm kiếm sản phẩm
+ Xem giỏ hàng
+ Xem thông tin doanh nghiệp
+ Kiểm tra đơn hàng
Danh mục:
+ Hiển thị danh sách sản phẩm theo danh mục
+ Sắp xếp sản phẩm theo giá
Giỏ hàng:
+ Xem danh sách sản phẩm đã chọn
+ Đặt hàng
+ Thanh toán

1.2 Trang Admin
-

-

-

-

Quản lý người dùng:
+ Quản lý danh sách quản trị viên
+ Quản lý danh sách khách hàng
Quản lý sản phẩm:
+ Nhập hàng vào kho.
+ Quản lý sản phẩm.
- Quản lý danh mục:
+ Thêm danh mục
+ Sửa, xóa danh mục
Quản lý hóa đơn:
+ Quản lý hóa đơn.
+ Quản lý đơn hàng.
Thống kê doanh thu

7


Thương mại điện tử và ứng dụng

Phần 2: Hướng dẫn sử dụng
2.1 Trang khách hàng
Xem trang chủ

Vào trang web vship thứ khách hàng thấy đầu tiên sẽ là trang chủ
Xem danh sách sản phẩm nổi bật, sản phẩm mới, sản phẩm khuyến mãi
Ở trang chủ khi lăn chuột xuống sẽ thấy lần lượt các danh sách sản
phẩm kể trên

8


Thương mại điện tử và ứng dụng

Đăng nhập và đăng ký tài khoản.
B1: Khách hàng chọn vào chức năng đăng nhập, nếu có tài khoản thì
khách hàng nhập tài khoản và mật khẩu vào form và nhấn nút Đăng
nhập màu xanh. Nếu chưa có tài khoản thì làm bước 2.
B2: Khách hàng chọn vào chức năng “Tạo tài khoản”

B3: Khách hàng điền đầy đủ thông tin

9


Thương mại điện tử và ứng dụng

B4: Khách hàng nhấp chọn “Đăng kí”
Cho phép khách hàng xem thơng tin cá nhân khách hàng
B1: Khách hàng nhấp chọn vào tên đăng nhập của mình

B2: Khách hàng chọn vào “Thơng tin cá nhân”

B3: Tại đây khách hàng có thể nhấp chọn “Sửa” để thay đổi thông tin cá nhân hoặc nhấp

vào “Trở về” để tiếp tục mua sắm

10


Thương mại điện tử và ứng dụng

B4: Khách hàng chọn “Sửa”, tại đây khách hàng có thể thay đổi thơng tin cá nhân của
mình sau đó chọn “Cập nhật” để lưu thơng tin sau khi thay đổi.

Tìm kiếm sản phẩm

B1: nhấp vào form tìm kiếm ở đầu trang
B2: nhập thơng tin và bấm tìm kiếm, nó sẽ dẫn khách hàng đến trang danh
sách sản phẩm ứng với từ khóa vừa nhập

11


Thương mại điện tử và ứng dụng

Xem giỏ hàng
B1: Khách hàng chọn vào “Giỏ hàng”

B2: Khách hàng chọn vào “Tiếp tục đơn hàng”

B3: Nếu khách hàng đã đăng nhập, hệ thống sẽ chuyển sang trang cho phép
khách hàng điền thông tin đăng nhập, nếu khách hàng chưa đăng nhập, hệ thống sẽ
chuyển sang trang cho phép khách hàng đăng nhập

12


Thương mại điện tử và ứng dụng

B4: Khách hàng chọn “Tiến hành đặt hàng”
B5: Khách hàng chọn một trong hai hình thức giao hàng sau đó nhấp chọn
“Tiếp tục đơn hàng”

B6: Khách hàng kiểm tra lại thơng tin sau đó nhấp vào “Đặt hàng” hệ thống
sẽ lưu đơn hàng của khách hàng.

13


Thương mại điện tử và ứng dụng

Xem thông tin doanh nghiệp

Xem lịch sử mua hàng

14


Thương mại điện tử và ứng dụng

B1: nhấp vào nút
hàng

sẽ dẫn khách hàng đến trang lịch sử đơn

Xem danh sách sản phẩm theo danh mục
Để xem danh sách sản phẩm theo danh mục, ta chỉ cần nhấn vào một trong các danh
mục trên danh sách danh mục cửa sổ danh sách sản phẩm ứng với danh mục đó sẽ
xuất hiện

15


Thương mại điện tử và ứng dụng

sắp xếp sản phẩm theo giá

2.2 Trang Admin
Cho phép nhập hàng vào kho
B1: Truy cập vào trang admin, sau đó chọn mục quản lý sản phẩm. Ở tab
này ta chọn thêm sản phẩm.

B2: Form thêm sản phẩm sẽ hiển thị lên. Tiếp đó ta nhập các thơng tin cần có
cho một sản phẩm và chọn nút thêm sản phẩm.

16


Thương mại điện tử và ứng dụng

Quản lý sản phẩm
B1: Truy cập vào trang admin, sau đó chọn mục quản lý sản phẩm. Ở tab
này ta chọn danh mục sản phẩm.
B2: Ta chọn mục sản phẩm. Ở mục này, ta chọn danh sách sản phẩm. Khi

đó, danh sách sản phẩm trong kho sẽ hiển thị lên.

B3: Ở đây ta có thể thực hiện thao tác sửa, xóa sản phẩm.
B4: Đối với sửa sản phẩm. Ta chọn sản phẩm cần sửa sau đó bấm chọn nút
sửa. Hộp thoại sửa sản phẩm sẽ hiển thị lên. Ở đây ta chỉ cần nhập thơng tin sản
phẩm cần chỉnh sửa và sau đó bấm lưu.

17


Thương mại điện tử và ứng dụng

Đối với xóa sản phẩm. Ta chỉ cần chọn dòng tương ứng đối với sản phẩm cần
xóa. Sau đó bấm chọn nút Ẩn. Khi đó sản phẩm sẽ được xóa.
Quản lý danh mục sản phẩm
B1: Truy cập vào trang admin, sau đó chọn mục quản lý sản phẩm. Ở tab
này ta chọn danh mục sản phẩm.
B2: Giao diện quản lý danh mục sẽ hiện lên. Ở đây ta có thể thêm danh mục
sản phẩm mới bằng cách chọn vào input nhập tên danh mục… sau đó chọn nút
thêm

18


Thương mại điện tử và ứng dụng

Ngồi ra ở phía bên dưới, chúng ta sẽ thấy mục sửa, xóa danh mục sản phẩm.
Nếu muốn xóa, đơn giản. Ta chỉ cần click vào nút xóa tương ứng với danh
mục sản phẩm cần xóa.
Ngược lại nếu muốn sửa. Ta chỉ cần chọn nút sửa ứng với tên danh mục cần

sửa. Hộp thoại sẽ hiển thị như hình.

19


Thương mại điện tử và ứng dụng

Ở đây ta chỉ cần nhập lại tên danh mục sau đó bấm vào nút cập nhật để hồn
tất việc chỉnh sửa.
Quản lý hóa đơn
B1: Để quản lý hóa đơn. Ta chọn mục quản lý hóa đơn trong mục quản lý hóa
đơn. Giao diện sẽ hiển thị như hình dưới.

B2: Ở đây ta có thể in hóa đơn bằng cách chọn vào nút in hóa đơn đối với hóa đơn
tương ứng.
Quản lý đơn hàng
B1: Để quản lý đơn hàng. Ta chọn mục quản lý đơn hàng trong mục quản lý hóa
đơn. Giao diện sẽ hiển thị như hình dưới. Ngồi ra ta cịn có thể xem chi tiết các
hóa đơn. Khơng chỉ thế ta cịn có thể tìm kiếm bất kỳ hóa đơn nào đó. Và lọc ra hóa
đơn trong khoảng ngày.

20


Thương mại điện tử và ứng dụng

B2: Ở đây ta có thể thanh tốn cho mỗi đơn hàng mà khách hàng đã tạo. Ngồi ra ta
cịn có thể xem chi tiết các đơn hàng. Khơng chỉ thế ta cịn có thể tìm kiếm bất kỳ
đơn hàng nào đó. Và lọc ra đơn hàng trong khoảng ngày.
Thống kê theo sản phẩm

B1: Để thống kê các sản phẩm bán chạy. Ở mục thống kê doanh thu ta chọn
thống kê theo sản phẩm.

21


Thương mại điện tử và ứng dụng

B2: Danh sách các sản phẩm sẽ hiển thị lên. Ở đây ta có thể thực hiện thao
tác sắp xếp, tìm kiếm.
Thống kê doanh thu theo tháng
B1: Để thống kê doanh thu theo tháng. Ở mục thống kê doanh thu ta chọn
thống kê doanh thu theo tháng.

B2: Danh sách các sản phẩm sẽ hiển thị lên. Ở đây ta có thể thực hiện thao
tác sắp xếp, tìm kiếm.

22


Thương mại điện tử và ứng dụng

LỜI MỞ ĐẦU.
Trong sự phát triển khơng ngừng của xã hội thì nhu cầu của con người về
cuộc sống ngày càng cao. Từ ý nghĩa thực tế đó mà đã nảy sinh ra nhiều loại hình
dịch vụ để phần nào đáp ứng được những nhu cầu thiết yếu của con người. Các dịch
vụ đó đa dạng về nhiều mặt với nhiều cách đáp ứng khác nhau. Và một loại hình
dịch vụ khá phổ biến hiện nay đó là bán hàng qua mạng.
Nếu như trước đây máy tính trở nên xa lạ với mọi người thì ngày nay máy
tính trở thành một người bạn đắc lực khơng thể thiếu. Người ta có thể thơng qua

máy tính làm được mọi chuyện tưởng như là khơng thể, khơng những thế mà hiệu
quả cơng việc cịn rất cao nó thể hiện như độ chính xác nhanh chóng và thuận tiện.
Những minh chứng cho sự tiện lợi của máy tính được thơng qua dịch vụ mua
bán trên mạng. Mặc dù dịch vụ mua bán này đối với các nước phát triển trên thế
giới khơng phải là mới mẻ gì. Tuy nhiên ở Việt Nam ta nó là bước đi chập chững
ban đầu.
Khi vào với dịch vụ mua bán qua mạng, người ta thấy được sự tiện lợi mà
nhiều dịch vụ khác khơng có được, tạo cho con người có sự tin cậy, mà nhất là trong
xã hội ngày nay khi con người lấy công việc làm nền tảng cho sự phát triển thì dịch
vụ mua bán qua mạng ngày càng phát huy được thế mạnh của nó.
Mua bán được hoạt động với nhiều hình thức khác nhau nhưng để có một
dẫn chứng cụ thể nói lên sự tiện lợi này trong khuôn khổ của một báo cáo sản phẩm
tôi xin xây dựng và cài đặt một hệ thống mua bán sản thực phẩm sạch qua mạng.
Nhiệm vụ chính của tơi là xây dựng cịn sự tiện lợi của nó chỉ khi dùng đến nó thì
mới có thể biết hết được.
Mục đích của tơi khi xây dựng nên một ứng dụng bán hàng qua mạng với
phương thức thanh tốn có thể là tiền mặt, thẻ tín dụng, chuyển khoản, …thơng qua
các hệ thống ngân hàng. Có thể linh hoạt trong mặt cung ứng sản phẩm tới người
tiêu dùng.

23


Thương mại điện tử và ứng dụng

TỔNG QUAN VỀ ĐỀ TÀI
I. Giới thiệu về đề tài.
Ngày nay công nghệ thông tin đã có những bước tiến phát triển mạnh mẽ về
cả chiều sâu và chiều rộng. Máy tính điện tử giờ đây khơng cịn là thứ q hiếm mà
đang ngày càng trở thành một công cụ làm việc và giải trí của con người. Những

năm gần đây, việc cập nhật các thông tin cũng như thực hiện các giao dịch qua
mạng internet ngày càng trở nên phổ biến. Và một loại hình kinh doanh qua hiện
nay khá phổ biến đó là bn bán qua mạng. Hình thức kinh doanh này mang lại rất
nhiều lợi ích cho người tiêu dùng cũng như nhà cung cấp. Phần lớn khách hàng có
nhu cầu mua hàng thì phải đến các cửa hàng, siêu thị hay các trung tâm thương mại
để lựa chọn những mặt hàng hợp với nhu c ầu của mình. Cơng việc này tốn kém
nhiều thời gian và chi phí đi lại cho người tiêu dùng, đơi khi khách hàng cịn gặp
phải hàng dịch vụ kém chất lượng. Tất cả những bất cập đó sẽ được loại bỏ với sự
ra đời của website bán hàng qua mạng. Khi khách hàng có nhu cầu mua hàng, dù ở
nhà hay công sở hay bất cứ nơi đâu có mạng internet, khách hàng chỉ cần truy cập
vào những trang web bán hàng qua mạng là có thể tìm kiếm được những mặt hàng
mà mình muốn mua, khách hàng có thể thực hiện các thủ tục được hướng dẫn trên
trang web là có thể mua được hàng, nhân viên của cơng ty đó sẽ giao hàng đến tận
nơi cho khách hàng. Ngồi những lợi ích mà Internet mang lại cho người tiêu dùng
nó cịn giúp cho nhà cung cấp phát triển rất nhiều trong việc mở rộng thị trường,
giúp thương hiệu của công ty được nhiều người biết đến, từ đó giảm được rất nhiều
chi phí quảng cáo cho sản phẩm và rất thuận tiện trong việc quản lý sản phẩm và
chăm sóc khách hàng theo đúng phương trâm đặt ra.
Để tiếp cận và bắt kịp xu hướng phát triển của thương mại điện tử hiện nay,
tơi đã tìm hiểu và xây dựng website bán thiết bị điện tử.

24


Thương mại điện tử và ứng dụng

I. Nội dung báo cáo.
Mở đầu:
Phần mở đầu sẽ giới thiệu sơ qua về nội dung, mục đích và lý do để thực
hiện đề tài, lựa chọn các công cụ để thực hiện đề tài.

Phần I: Phân tích và thiết kế chương trình.
Trong phần này, trình bày q trình phân tích khảo sát các hoạt động thực tế.
Qua phần tìm hiểu thực tế, chúng ta sẽ có cái nhìn khái qt về hệ thống hiện tại và
có thể đưa ra các nhận xét, đánh giá về những ưu điểm, nhược điểm, và những vấn
đề còn tồn tại trong hệ thống hiện tại, cả nhũng nhu cầu đối với hệ thống mới cần
xây dựng. Từ đó có thể đưa ra các thiết kế cho hệ thống mới.

Phần I: Kết luận và hướng phát triển:
Đưa ra các đánh giá, nhận xét về hệ thống, các vấn đề giải quyết được, các
vấn đề còn tồn tại. Đồng thời đưa ra hướng phát triển của đề tài trong tương lai.

PHẦN I: PHÂN TÍCH VÀ THIẾT KẾ CHƯƠNG TRÌNH.
CHƯƠNG 1: PHÂN TÍCH VÀ KHẢO SÁT THỰC TẾ
I.1.1 Phân tích.
I.1.1 .1 Xác định yêu cầu của hệ thống.
❖ Chức năng của hệ thống.

Đây là một website nhằm bán và giới thiệu rộng rãi thực phẩm sạch đến
người tiêu dùng với các chi tiết mặt hàng cũng như giá cả một cách chính xác.
Có những chức năng sau:
● Cho phép nhập hàng vào CSDL.
● Hiển thị danh sách các mặt hàng theo từng loại hàng (bao gồm: hình ảnh,

giá cả…).
● Hiển thị danh sách top sản phẩm bán chạy và sản phẩm mới.

25