ĐỒ ÁN CƠ SỞ 2 ĐỀ TÀI: WEBSITE BÁN ĐỒNG HỒ X-WATCH. Giảng viên hướng dẫn : THS. NGUYỄN VĂN BÌNH

ĐẠI HỌC ĐÀ NẴNG

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN
THÔNG VIỆT HÀN

ĐỒ ÁN CƠ SỞ 2
ĐỀ TÀI: WEBSITE BÁN ĐỒNG HỒ X-WATCH.

Sinh viên thực hiện

: DƯƠNG ĐỨC LUÂN
PHAN ANH QUỐC
Giảng viên hướng dẫn : THS. NGUYỄN VĂN BÌNH
Lớp : 19IT1

Đà Nẵng, tháng 12 năm 2020


MỞ ĐẦU
Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trong
những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũng
như của các cơng ty, nó đóng vai trị hết sức quan trọng, có thể tạo ra những bước đột
phá mạnh mẽ. Cùng với sự phát triển khơng ngừng về kỹ thuật máy tính và mạng điện
tử, công nghệ thông tin cũng được những công nghệ có đẳng cấp cao và lần lượt
chinh phục hết đỉnh cao này đến đỉnh cao khác. Mạng Internet là một trong những sản
phẩm có giá trị hết sức lớn lao và ngày càng trở nên một công cụ không thể thiếu, là
nền tảng chính cho sự truyền tải, trao đổi thơng tin trên tồn cầu. Giờ đây, mọi việc
liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: chỉ cần có một máy
tính kết nối internet và một dịng dữ liệu truy tìm thì gần như lập tức… cả thế giới về
vấn đề mà bạn đang quan tâm sẽ hiện ra, có đầy đủ thơng tin, hình ảnh và thậm chí
đơi lúc có cả những âm thanh nếu bạn cần… Bằng internet, chúng ta đã thực hiện

được nhiều công việc với tốc độ nhanh hơn và chi phí thấp hơn nhiều so với cách thức
truyền thống. Chính điều này, đã thúc đẩy sự khai sinh và phát triển của thương mại
điện tử và chính phủ điện tử trên khắp thế giới, làm biến đổi đáng kể bộ mặt văn hóa,
nâng cao chất lượng cuộc sống con người. Trong hoạt động sản xuất, kinh doanh, giờ
đây, thương mại điện tử đã khẳng định được vai trò xúc tiến và thúc đẩy sự phát triển
của doanh nghiệp. Đối với một cửa hàng hay shop, việc quảng bá và giới thiệu đến
khách hàng các sản phẩm mới đáp ứng được nhu cầu của khác hàng sẽ là cần thiết.
Vậy phải quảng bá thế nào đó là xây dựng được một Website cho cửa hàng của mình
quảng bá tất cả các sản phẩm của mình bán. Vì vậy, em đã thực hiện đồ án “ XÂY
DỰNG WEBSITE BÁN HÀNG QUA MẠNG” với tất cả các loại đồng hồ của tất cả
các công ty nổi tiếng. Người chủ cửa hàng đưa các sản phẩm đó lên website của mình
và quản lý bằng website đó. Khách hàng có thể đặt mua hàng trên website mà không
cần đến cửa hàng. Chủ cửa hàng sẽ gửi sản phẩm cho khách hàng sau khi nhận được
tiền.


LỜI CẢM ƠN
Thực hiện đồ án là cơ hội để em áp dụng những kiến thức đã học từ thầy cô và tự
học, đồng thời đúc kết được những kiến thức để vận dụng cho quá trình học tập và
làm việc sau này. Mặc dù đã rất cố gắng thực hiện đề tài nhưng vì thời gian cịn hạn
chế nên khơng thể khơng có những sai sót, rất mong thầy cơ thơng cảm. Những
góp ý của thầy cơ là kinh nghiệm để em học hỏi sau này. Qua đây em xin chân
thành cảm ơn thầy (TS) Nguyễn Văn Bình, người đã hướng dẫn, chỉ bảo em trong
suốt quá trình thực hiện đồ án và có thể hồn thành đề tài.


NHẬN XÉT CỦA GIÁO VIÊN

…………………………………………………………………………………
…………………………………………………………………………………

…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………
…………………………………………………………………………………


MỤC LỤC

Chương 1 Giới thiệu......................................................................................6
1.
Tên đồ án.............................................................................................6
2.
Tổng quan............................................................................................6
3.
Cơ sở lý thuyết………………………………………………………. 6
4
Phương pháp………………………………………………………….6
5.
Yêu cầu trang web...............................................................................7
Chương 2 Phân tích và thiết kế hệ thống.......................................................8
1.
Khảo sát hiện trạng hiện nay................................................................8
2.
Phân tích hệ thống...............................................................................8
3.
Biểu đồ tổng quát của hệ thống……………………………………..17
4.
Sơ đồ chức năng của mỗi nghiệp vụ………………………………....17
5.
Thiết kế mã………………………………………………..................20
6.
Các chức năng module........................................................................23
Chương 3 Thiết kế và xây dựng website…………………………………...25
1.
Một số giao diện chương trình………………………………………25
2.
Thiết kế mã ( Code Design )………………………………………...26
Chương 4 Tổng kết đánh giá và hướng phát triển của website…………….27

1.
Những nhược điểm chương trình làm được…………………………27
2.
Những điểm chưa làm được và hướng giải quyết…………………...27
3.
Hướng phát triển của chương trình………………………………….27


Chương 1
1.

Giới thiệu

Tên đồ án.
Website bán đồng hồ X-Watch.

2.

Tổng quan.
-

3.

Trong thời buổi hiện nay, khi mà công nghệ phát triển, thương mại điện tử ngày
càng phát triển trên thế giới cũng như Việt Nam và dần khẳng định được vị thế
của mình trong nền kinh tế thị trường. Cùng với đó là sự ra đời của các ngơn
ngữ lâp trình cho phép thiết kế và xây dựng các ứng dụng thương mại điện tử
dưới nhiều hình thức khác nhau. Và một trong những ứng dụng của thương mại
điện tử phổ biến ở nước ta là dịch vụ bán hàng qua mạng internet. Dịch vụ này
cho phép người dùng tìm kiếm chọn lựa sản phẩm để mua, thực hiện giao dịch

mà không cần phải trực tiếp đến cửa hàng, mà chỉ cần sử dụng một thiết bị máy
tính có kết nối internet.
Tuy nhiên hiện nay dịch vụ này vẫn còn khá mới với nhiều người tiêu dùng
nước ta, đặc biệt là những người khơng có kiến thức về tin học nói chung và
thương mại điện tử nói riêng. Nên hiện giờ các đối tượng chính của thương mại
điện tử vẫn chủ yếu là tầng lớp tri thức và học sinh,sinh viên. Là những người
sinh viên, cũng có chút kiến thức về tin học cũng như tiếp xúc với thương mại
điện tử tuy nhiên đơi lúc cũng gặp một số khó khăn trong việc mua bán trên các
hệ thống bán hàng qua mạng hiện tại. Như hình thức thanh tốn, nhận hàng,
chất lượng sản phẩm thực tế khơng
được như trên website.... Vì vậy, chúng em đã dựa vào những phân tích đó và
đã thực hiện đồ án “Website cửa hàng bán đồng hồ”.

Cơ sở lý thuyết.
-

4.

Công nghệ phát triển : Vuejs, Node js.
Hệ quản trị Mysql.

Phương pháp.
-

-

Hiểu được các vấn đề đó cũng như mong muốn đưa thương mại điện tử đến với
nhiều người hơn chúng em thực hiện đề tài: Phân tích và thiết kế hệ thống
website bán hàng qua mạng. Với mục đích xây dựng một hệ thống bán hàng
qua mạng uy tín, đơn giản, thân thiện, cũng như đem lại cho khách hàng những

lựa chọn tối ưu để ngay cả những người khơng có kiến thức về tin học cũng có
thể tham gia mua hàng qua mạng chỉ với một số thao tác đơn giản. Sản phẩm
mà em hướng tới ở đây là đồng hồ, ngày nay nhu cầu làm đẹp của con người
không chỉ dừng lại ở áo quần mà còn là những phụ kiện được đeo trên người và
đồng hồ là một trong những trang sức hết sức phổ biến. Nó mang lại cho người
dùng vẻ đẹp sang trọng, quý phái cũng như thể hiện sự đẳng cấp cho người đeo.
Người chủ cửa hàng đưa các sản phẩm đó lên website của mình và quản lý
bằng website đó. Khách hàng có thể đặt mua hàng trên website mà không cần


đến cửa hàng. Chủ cửa hàng sẽ gửi sản phẩm cho khách hàng khi trước khi
nhận được tiền.

5.

Yêu cầu trang web.
Hệ thống có 2 phần:
Thứ nhất: Phần khách hàng:
Khách hàng là những người có nhu cầu mua sắm hàng hóa, họ sẽ tìm kiếm các
mặt hàng cần thiết từ hệ thống và đặt mua các mặt hàng này. Vì thế phải có các
chức năng sau:
- Hiển thị danh sách các mặt hàng của cửa hàng để khách hàng xem, lựa chọn và
mua.
- Khách hàng xem các thông tin tin tức mới, khuyến mãi và sản phẩm nổi bật
trên trang web.
- Sau khi khách hàng chọn và đặt hàng trực tiếp thì phải hiện lên đơn hàng để
khách hàng có thể nhập thơng tin mua hàng và xem hóa đơn mua hàng.
Thứ hai: Dành cho người quản trị: Người làm chủ ứng dụng có quyền kiểm sốt
mọi hoạt động của hệ thống. Người này được cấp username và password để đăng
nhập hệ thống thực hiện chức năng của mình.

- Chức năng cập nhật, sửa, xoá các mặt hàng, loại hàng, nhà sản xuất, tin tức.
(phải kiểm sốt được hệ thống). Nó địi hỏi sự chính xác.
- Tiếp nhận kiểm tra đơn đặt hàng của khách hàng. Hiển thị đơn đặt hàng.
- Thống kê theo ngày, khoảng thời gian.
- Ngoài các chức năng trên thì trang Web phải được thiết kế sao cho dễ hiểu,
giao diện mang tính dễ dùng đẹp mắt và làm sao cho khách hàng thấy được
thông tin cần tìm, cung cấp các thơng tin quảng cáo hấp dẫn, các tin tức khuyến
mãi để thu hút khách hàng. Điều quan trọng là phải đảm bảo an tồn tuyệt đối
thơng tin khách hàng trong quá trình đặt mua qua mạng. Đồng thời trang Web
phải luôn đổi mới, hấp dẫn.


Chương 2
1.

Khảo sát hiện trạng hiện nay.
-

-

2.

Phân tích và thiết kế hệ thống

Sau khi khảo sát tình trạng hiện nay thì em đã nắm bắt được các thơng tin sau:
Quản lý khách hàng : Mỗi khách hàng được quản lý các thông tin:
+ Họ tên, địa chỉ, số điện thoại, fax, email.
+ Quản lý hàng hoá: mã hàng hoá, tên hàng hố, đơn giá, số lượng, hình ảnh,
chi tiết, mã loại hàng,tên loại hàng.
+ Quản lý nhà sản xuất:mã nhà sx, tên nhà sx

+ Xử lý được đơn hàng và thống kê.
Khách hàng: người lựa chọn mặt hàng để mua. Khác với
mua trực tiếp tại cửa hàng, công ty ở đây khách hàng tự thao tác
thông qua từng bước cụ thể để có thể mua hàng. Trên mạng các
mặt hàng được sắp xếp theo thứ tự dễ tìm kiếm

Phân tích hệ thống

2.1 Xác định các tác nhân và tình huống sử dụng User Case
2.1.1 Danh sách các Actor của hệ thống
Trong chương trình quản lý Website bán đồng hồ bao gồm Admin, khách hàng.
Admin: admin là người có quyền cao nhất, và cũng là người đóng vai trị quan trọng
của hệ thống sau khi đăng nhập có thể quản lý thông tin sản phẩm, quản lý đơn hàng,
quản lý tài khoản, quản lý danh mục, quản lý nhà cung cấp, tìm kiếm, thống kê sau
mỗi ngày, mỗi tháng, mỗi năm. Khách hàng: có thể xem thơng tin cửa hàng, thơng tin
sản phẩm, tìm kiếm và thêm sản phẩm vào giỏ hàng và đặt mua hàng.
2.1.2 User-case
Use case mô tả sự tương tác đặc trưng giữa người dùng và hệ thống.Nó thể hiện ứng
xử của hệ thống đối với bên ngoài, trong một hoàn cảnh nhất định, xét từ quan điểm
của người quản lý. Nó mơ tả các u cầu đối với hệ thống quản lý, có nghĩa là những
gì hệ thống phải làm chứ không phải mô tả hệ thống làm như thế nào. Tập hợp tất cả
Use case của hệ thống sẽ mô tả tất cả các trường hợp mà hệ thống có thể được sử
dụng.
2.1.3 Biểu đồ Use case


2.2 Biểu đồ lớp

2.3 Biểu đồ tuần tự

2.3.1 Biểu đồ tuần tự cho quá trình đăng nhập

2.3.2 Biểu đồ tuần tự cho quá trình tìm kiếm

2.3.3 Biểu đồ tuần tự cho quá trình quản lý sản phẩm


2.3.4 Biểu đồ tuần tự cho quá trình quản lý danh mục


2.3.5 Biểu đồ tuần tự cho quá trình đặt hang qua website

2.3.6 Biểu đồ tuần tự cho quá trình quản lý tài khoản


2.4 Biểu đồ hoạt động
2.4.1 Đăng nhập

2.4.2 Đăng ký


2.4.3 Thêm vào giỏ hàng

2.4.4 Quản lý tài khoản


2.4.5 Quản lý danh mục sản phẩm

2.4.6 Quản lý sản phẩm


3.

Biểu đồ tổng quát của hệ thống.
Khách hàng

Xem thông tin sản phẩm

Báo giá

Hàng
hố

Các thơng
tin khác

Chọn hàng

Đăng kí thành viên

Tìm kiếm

Thơng
tin
khách
hàng

Hố

đơn
(của
mình)

Đặt hàng

Phản hồi thơng tin

Thanh tốn trực tiếp

4.

Sơ đồ chức năng của mỗi nghiệp vụ.
1.1. Sơ đồ phân cấp chức năng của nghiệp vụ Admin.

Hàng
hoá


ADMIN

Cập nhật khách
hàng

Thêm mới khách
hàng

Sửa khách hàng

Xoá khách hàng

2.1 . Sơ đồ phân cấp chức năng của nghiệp vụ Quản lý kho.
Quản lý kho

Cập nhật hàng hố

Thêm mặt
hàng mới

Sửa thơng tin
mặt hàng

Thống kê hàng hoá

Giao hàng

Trả lời phản hồi

3.1 . Sơ đồ phân cấp chức năng của nghiệp vụ Bán hàng.

Xoá mặt
hàng


Bán hàng

Quản lý khách hàng

Tìm kiếm khách hàng

Sửa thơng tin khách
hàng
Theo dõi hàng hoá trong
kho
Lập hoá đơn thanh toán

Cập nhật đơn hàng

Trả lời phản hồi

Xoá khách hàng


5.

Thiết kế mã (Code Design )
Sơ đồ chức năng chọn và đặt hàng
Xem danh mục hàng
Danh mục
hàng
LIỆT KÊ DANH
MỤC HÀNG
Sản phẩm đã
tồn tại
Sp đã
tồn tại
chưa?

Sản phẩm
chưa tồn tại

Thêm vào giỏ hàng

Dừng
chọn
hàng

Đặt hàng

Chưa đăng ký

Đăng ký
thành viên

Đăng ký
thành
viên

Lập, lưu đơn hàng vào
CSDL

Đơn hàng


Sơ đồ chức năng theo dõi đơn hàng

Đăng nhập

KT

Nhập thông tin thanh tốn

Kiểm
tra

Gửi email thơng
báo khơng thanh
tốn

Xác nhận thanh tốn
lưu vào CSDL

Đơn hàng


Sơ đồ chức năng Đăng ký thành viên

Nhập thông tin cá nhân

KT-TT
Nhập
vào

Thêm thành viên

Lưu thành viên vào CSDL

Khách
hàng

Sơ đồ chức năng Tìm kiếm

Nhập thơng tin cần tìm

Chọn đối tượng cần tìm kiếm

Hàng Hóa - Chủng Loại

Đơn Hàng

Khách Hàng

Kết quả tìm kiếm

Tin Tức

CSDL


Sơ đồ chức năng Phản hồi – Liên hệ

Nhập thông tin phản hồi

Nhập thông tin vào CSDL

CSDL

6.

Các chức năng module.
Chức năng đăng ký thành viên.
-

-

-

Khách hàng có thể đăng ký để trở thành khách hàng thường xuyên (thành viên)
của công ty và được cấp một tài khoản người dùng(Acount) để đăng nhập khi
cần đặt hàng ,thanh toán, hỗ trợ kỹ thuật…
Đầu vào: Các thông tin cá nhân của khách hàng :
+ User name (tài khoản người dùng ).
+ Password (mật khẩu )
+ Họ tên đầy đủ
+ Địa chỉ liên lạc
+ Email
+ Số điện thoại
Các quá trình thực hiện:
+ Module nhập thông tin cá nhân của khách hàng
+ Module xác nhận thông tin vừa nhập
+ Module thông báo cho khách hàng và yêu cầu nhập lại tài khoản người dùng
nếu tài khoản đó đã có người đăng ký.
+Module lưu thơng tin khách hàng vừa đăng ký vào CSDL.
+ Module thông báo và gửi Email đến khách hàng kết quả đăng ký.
Đầu ra:
+ Thông báo cho khách hàng và yêu cầu nhập lại tài khoản hoặc Email nếu tài
khoản hoặc Email đó đã tồn tại trong CSDL.
+ Thông báo và yêu cầu nhập lại thông tin trong trường hợp thông tin nhập vào
khơng chính xác , khơng phù hợp.
+ Thơng báo kết qủa đăng ký , mã khách hàng được cấp.

Chức năng tìm kiếm.
-

Tìm kiếm thơng tin về sản phẩm (theo loại nhóm sản phẩm ).
Đầu vào:
+ Từ hoặc cụm từ cần tìm kiếm.
+ Dạng tìm kiếm ( tìm kiếm sản phẩm).
Các quá trình thực hiện:
+ Module tìm kiếm trong CSDL.
+ Module hiển thị kết quả tìm kiếm.
Đầu ra: Kết quả tìm kiếm.

Chức năng đặt hàng.
-

-

-

Sau khi khách hàng chọn những sản phẩm cần mua đặt vào giỏ hàng,khách
hàng có thể đặt mua hàng chính thức thơng qua Website.
Đầu vào:
+ Danh mục mặt hàng trong giỏ hàng.
+ Thông tin cá nhân của khách hàng ( Họ tên, mật khẩu, số điện thoại…).
+ Thông tin liên quan đến việc mua hàng.
Các q trình thực hiện:
+ Module hiển thị đầy đủ thơng tin liên quan đến sản phẩm khách hàng đã
chọn.
+ Module tính tổng tiền hàng theo đơn giá và tỷ giá của ngày đặt mua.
+ Module nhập thông tin đơn hàng.

+ Module cập nhật đơn hàng vào CSDL.
+ Module thông báo cho khách hàng việc đặt hàng thành công ,các thủ tục
thanh tốn, nhận hàng ,hướng dẫn đặt hàng hay thơng báo đặt hàng khơng
thành cơng.
Đầu ra:
+ Thơng báo tình trạng đặt hàng (thành cơng\khơng thành cơng),các thủ tục
thanh tốn, nhận hàng , hoặc hướng dẫn đặt hàng lại trong trường hợp thông
tin đặt hàng không phù hợp.

Chức năng Liên hệ.
-

Cho phép người dùng góp ý, phản hồi, khiếu nại,… một số thông tin liên quan
đến sản phẩm.
Đầu vào:
+ Các thông tin góp ý, phản hồi dưới dạng gmail.
Các q trình thực hiện:
+ Module nhập thơng tin phản hồi, góp ý.
+ Module lưu thơng tin góp ý vào CSDL.
Đầu ra:
+ Thơng tin chi tiết về phản hồi, góp ý chờ nhà quản trị phản hồi.


Chương 3
1.

Thiết kế và xây dựng website

Một số giao diện chương trình.
Giao diện trang chủ

Giao diện admin

Giao diện trang sản phẩm

Giao diện trang Giỏ Hàng

2.

Xây dựng mơ hình thực thể quan hệ.
2.1. Lược đồ quan hệ nhóm dữ liệu đơn hàng.
2.2. Một số bảng Thể hiện các thành phần dữ liệu
Các thành phần dữ liệu: Mô tả bảng Quản trị.

Mô tả bảng Khách hàng.

Mô tả bảng Sản Phẩm.

Mô tả bảng Chi Tiết Đặt Hàng.