Đồ án tốt nghiệp website bán đồng hồ

Đồ án tốt nghiệp

MỤC LỤC
MỤC LỤC................................................................................................................. 3
LỜI CẢM ƠN...........................................................................................................8
LỜI NÓI ĐẦU..........................................................................................................9
CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI...............................................................10
1.1 Tính cấp thiết của đề tài...............................................................................10
1.2 Mục tiêu của đề tài.......................................................................................10
1.3 Phạm vi của đề tài........................................................................................11
1.4 Nội dung nghiên cứu:...................................................................................11
CHƯƠNG 2: KHẢO SÁT HỆ THỐNG..................................................................12
2.1 Giới thiệu về cửa hàng đồng hồ Duy Mạnh................................................12
2.2 Mơ hình nghiệp vụ của cửa hàng................................................................12
2.3 Đánh giá hiện trạng......................................................................................13
CHƯƠNG 3 : PHÂN TÍCH HỆ THỐNG................................................................15
3.1. Đặc tả yêu cầu..............................................................................................15
3.1.1 Yêu cầu chức năng......................................................................................15
3.1.2 Các yêu cầu phi chức năng.........................................................................16
3.2 Xây dựng biểu đồ ca sử dụng......................................................................16
3.2.1 Tác nhân của hệ thống...............................................................................16
3.3. Biểu đồ Use case..........................................................................................18
3.3.1 Biểu dồ Use case tổng quát.........................................................................18
3.3.2 Biểu đồ phân rã cho tác nhân Admin.........................................................19
3.3.3 Biểu đồ phân rã cho tác nhân Khách hàng................................................20
3.4 biểu đồ trình tự..............................................................................................20
3.4.6 Biểu đồ lớp.................................................................................................25
CHƯƠNG 4: THIẾT KẾ HỆ THỐNG....................................................................26
4.1. Lựa chọn phương án thiết kế.....................................................................26
4.1.1 Lựa chọn công nghệ....................................................................................26
4.1.2 Giới thiệu về công nghệ..............................................................................26

4.2 Biểu đồ hoạt động.........................................................................................39
4.3 Biểu đồ thành phần......................................................................................44
4.4 Biểu đồ triển khai.........................................................................................44
4.5. Xây dựng cở dữ liệu....................................................................................45
1
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

4.5.1 Danh sách các bảng....................................................................................45
4.5.2 Bảng Admins...............................................................................................46
4.2.3 Bảng bình luận............................................................................................47
4.2.4 Bảng đánh giá.............................................................................................47
4.2.5 Bảng bài viết................................................................................................48
4.2.6 Bảng menu..................................................................................................48
4.2.7 Bảng sản phẩm yêu thích............................................................................49
4.2.8 Bảng sản phẩm............................................................................................49
4.2.9 Bảng thuộc tính...........................................................................................50
4.2.11 Bảng người dùng.......................................................................................50
4.2.12 Bảng liên hệ...............................................................................................51
4.2.13 Bảng kiểu...................................................................................................51
4.2.14 Bảng từ khóa.............................................................................................52
4.2.15 Bảng sản phẩm..........................................................................................52
4.2.16 Bảng giao dịch...........................................................................................53
4.2.17 Mơ hình quan hệ cơ sở dữ liệu.................................................................53
Chương 5: KẾT QUẢ THỰC NGHIỆM …………………………………….........54
5.1. Môi trường cài đặt……………………………………………………………54
5.1.1 Về phần cứng..............................................................................................54
5.1.2 Về phần mềm...............................................................................................54

5.2.
Giao
website……………………………………………………………...60

diện

5.2.1 Giao diện khách hàng................................................................................60
5.2.2 Giao diện quản trị......................................................................................64
KẾT LUẬN…………………………………………………………………………...69
TÀI LIỆU THAM KHẢO……………………………………………………………70

DANH MỤC CÁC HÌNH V

2
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

Hình 3. 1 Biểu đồ use case tổng quát..........................................................................18
Hình 3. 2 Biều đồ phân rã cho tác nhân admin...........................................................19
Hình 3. 3 Biểu đồ phân rã cho tác nhân khách hàng...................................................20
Hình 3. 4 Biểu đồ trình tự cho chức năng đăng nhập..................................................21
Hình 3. 5 Biểu đồ trình tự cho chức năng đăng đăng ký.............................................21
Hình 3. 6 Biểu đồ trình tự cho chức năng đặt hàng.....................................................22
Hình 3. 7 Biểu đồ trình tự cho chức năng quản lý tài khoản.......................................23
Hình 3. 8 Biểu đồ trình tự cho chức năng quản lý người dùng....................................23
Hình 3. 9 Biểu đồ trình tự cho chức năng quản lý sản phẩm.......................................24
Hình 3. 10 Biểu đồ trình tự cho chức năng quản lý tin tức..........................................24
Hình 3. 11 Biểu đồ trình tự cho chức năng quản lý đơn hàng.....................................25

Hình 3. 12 Biểu đồ lớp.....................................................................................................
Hình 4. 1 Framework Laravel.....................................................................................32
Hình 4. 2 Tỉ lệ người sử dụng Laravel năm 2013........................................................33
Hình 4. 3 Tỉ lệ người sử dụng Laravel năm 2015........................................................34
Hình 4. 4 MVC trong Laravel......................................................................................35
Hình 4. 5 Biều đồ hoạt động chức năng đăng nhập.....................................................40
Hình 4. 6 Biểu đồ hoạt động chức năng đăng ký.........................................................41
Hình 4. 7 Biểu đồ hoạt động chức năng thêm mới bài viết..........................................41
Hình 4. 8 Biểu đồ hoạt động chức năng sửa bài viết...................................................42
Hình 4. 9 Biểu đồ hoạt động chức năng xóa bài viết...................................................42
Hình 4. 10 Biểu đồ hoạt động chức năng thêm mới sản phẩm....................................43
Hình 4. 11 Biểu đồ hoạt động chức năng sửa sản phẩm..............................................43
Hình 4. 12 Biểu đồ hoạt động chức năng xóa sản phẩm.............................................44
Hình 4. 13 Biểu đồ hoạt động chức năng xóa người dùng...........................................44
Hình 4. 14 Biểu đồ thành phần....................................................................................45
Hình 4. 15 Biểu đồ triển khai......................................................................................46
Hình 4. 16 Mơ hình quan hệ cơ sở dữ liệu................................................................55Y
Hình 5. 1 Cài đặt visual code 1...................................................................................56
Hình 5. 2 Cài đặt visual studio code 2.........................................................................57
Hình 5. 3 Cài đặt visual studio code 3.........................................................................57
Hình 5. 4 Cài đặt xampp 1...........................................................................................58
Hình 5. 5 Cài đặt xampp 2...........................................................................................58
Hình 5. 6 Cài đặt xampp 3...........................................................................................59
Hình 5. 7 Cài đặt xampp 4...........................................................................................60
Hình 5. 8 Cài đặt xampp 5...........................................................................................60
Hình 5. 9 Cài đặt xampp 6...........................................................................................61
Hình 5. 10 Cài đặt xampp 7.........................................................................................62
Hình 5. 11 Giao diện trang chủ...................................................................................62
Hình 5. 12 Giao diện sản phẩm nổi bật.......................................................................63
Hình 5. 13 Giao diện tìm kiếm sản phẩm.....................................................................63

Hình 5. 14 Giao diện chi tiết sản phẩm.......................................................................64
Hình 5. 15 Giao diện giỏ hàng....................................................................................64
Hình 5. 16 Giao diện danh sách đơn hàng..................................................................65
Hình 5. 17 Giao diện hóa đơn chi tiết.........................................................................65
3
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

Hình 5. 18 Giao diện đăng nhập chat và chat chi tiết.................................................66
Hình 5. 19 Giao diện quản trị viên..............................................................................67
Hình 5. 20 Giao diện danh mục kiểu...........................................................................67
Hình 5. 21 Giao diện danh mục sản phẩm...................................................................68
Hình 5. 22 Giao diện danh mục sản phẩm...................................................................68
Hình 5. 23 Giao diện quản lý khách hàng...................................................................69
Hình 5. 24 Giao diện quản lý đơn hàng.......................................................................69
Hình 5. 25 Giao diện quản lý thống kê........................................................................71

4
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

DANH MỤC CÁC BẢNG BI
Bảng 3. 1 Bảng yêu cầu phi chức năng.......................................................................16
Bảng 3. 2 Tên các ca sử dụng......................................................................................17
Bảng 3. 3 Bảng danh sách đối tượng lớp..................................................................25Y
Bảng 4. 1 Bảng cấu trúc thư mục của ứng dụng Laravel............................................36

Bảng 4. 2 Bảng danh sách các bảng............................................................................46
Bảng 4. 4 Bảng admin.................................................................................................47
Bảng 4. 5 Bảng bình luận............................................................................................47
Bảng 4. 6 Bảng đánh giá.............................................................................................48
Bảng 4. 7 Bảng bài viết...............................................................................................48
Bảng 4. 8 Bảng menu..................................................................................................49
Bảng 4. 9 Bảng sản phẩm yêu thích............................................................................49
Bảng 4. 10 Bảng sản phẩm..........................................................................................50
Bảng 4. 11 Bảng thuộc tính.........................................................................................51
Bảng 4. 12 Bảng đơn hàng..........................................................................................52
Bảng 4. 13 Bảng người dùng.......................................................................................52
Bảng 4. 14 Bảng liên hệ..............................................................................................52
Bảng 4. 15 Bảng kiểu..................................................................................................53
Bảng 4. 16 Bảng từ khóa.............................................................................................53
Bảng 4. 17 Bảng sản phẩm..........................................................................................54
Bảng 4. 18 Bảng giao dịch..........................................................................................54

5
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

LỜI CẢM ƠN
Em xin chân thành cảm ơn các thầy, cô giáo trong Khoa Công nghệ thông tin,
trường Đại học Mỏ - Địa Chất Hà Nội, đã tạo điều kiện cho em thực hiện đề tài này.
Xin cảm ơn giảng viên ThS Nông Thị Oanh, người đã tận tình hướng dẫn, chỉ
bảo em trong suốt thời gian thực hiện đề tài. Trong thời gian được làm việc với cô, em
không những học hỏi được nhiều kiến thức bổ ích mà cịn học được tinh thần làm việc,
thái độ nghiên cứu khoa học nghiêm túc của cô.

Xin gửi lời cảm ơn chân thành đến gia đình, bố mẹ và bạn bè vì đã ln là
nguồn động viên to lớn, giúp đỡ em vượt qua những khó khăn trong suốt q trình học
tập.
Mặc dù đã cố gắng hồn thiện đồ án với tất cả sự nỗ lực của bản thân, nhưng
chắc chắn khơng thể tránh khỏi những thiếu sót. Kính mong q Thầy Cơ tận tình chỉ
bảo.
Một lần nữa, em xin chân thành cảm ơn và luôn mong nhận được sự đóng góp
quý báu của tất cả mọi người.
Hà Nội, ngày

tháng năm2021

Sinh viên thực hiện
Phạm Đức Mạnh

6
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

LỜI NĨI ĐẦU
Ngày nay, cơng nghệ thơng tin đã có những bước phát triển mạnh mẽ theo cả
chiều rộng và sâu. Máy tính điện tử khơng cịn là một thứ phương tiện quý hiếm mà
đang ngày càng trở thành một cơng cụ làm việc và giải trí thông dụng của con người,
không chỉ ở nơi làm việc mà cịn ngay cả trong gia đình. Đặc biệt là công nghệ thông
tin được áp dụng trên mọi lĩnh vực kinh tế, chính trị, xã hội… Ứng dụng cơng nghệ
thơng tin và tin học hóa được xem là một trong yếu tố mang tính quyết định trong hoạt
động của quốc gia, tổ chức và trong cả các cửa hàng. Nó đóng vai trị hết sức quan
trọng và có thể tạo nên bước đột phá mạnh mẽ.

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 để truyền tải, trao đổi thông tin
trên tồn cầu. Nhờ có Internet, chúng ta đã thực hiện được những cơng việc với tốc độ
nhanh hơn, 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ử trên khắp thế giới, làm biến
đổi đáng kể bộ mặt văn hóa, nâng cao đời sống con người. Trong hoạt động sản xuất,
kinh doanh, thương mại điển tử đã khẳng định được 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, việc quảng bá và giới thiệu sản phẩm đến
khách hàng đáp ứng nhu cầu mua sắm ngày càng cao của khách hàng sẽ là cần thiết.
Trong thời gian đi thực tập tại cửa hàng đồng hồ Duy Mạnh, em đã thực hiện đồ
án “Xây dựng Website giới thiệu và bán đồng hồ cho cửa hàng Duy Mạnh” với
mong muốn củng cố lại kiến thức mà em đã được học trong chương trình Đại học để
vận dụng vào đó xây dựng một trang web có tính thực tiễn, đồng thời củng cố và nâng
cao kiến thức, kỹ năng, bổ sung kinh nghiệm thực tế.

7
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI
1.1 Tính cấp thiết của đề tài
Hiện nay việc ứng dụng công nghệ thông tin tại việt nam rất phổ biến, đặc biệt là
trong lĩnh vực kinh doanh và bán hàng online. Chỉ cần có máy tính kết nối internet và
một dịng dữ liệu truy tìm thì mọi người có thể mua được bất cứ thứ gì mình thích ở
bất kỳ đâu hay ở bất kỳ địa điểm nào đó.
Chọn thực tập tại một cửa hàng lớn về đồng hồ chyên cung cấp các loại đồng hồ
đeo tay từ những dòng đồng hồ thường cho đến dịng đồng hồ thơng minh. Nhận thấy
sự phát triển trong lĩnh vực kinh doanh online này và muốn đáp ứng được nhu cầu của

người dùng không cần đến tận cửa hàng nên website bán hàng đã được lập ra.
Vẫn show đầy đủ các loại đồng cửa hàng có, public giá cả cơng khai trên trang
website của cửa hàng như giá cả, giới thiệu các loại đồng hồ nổi bật nhất tại cửa hàng,
tiết kiệm được nhiều thời gian cho khách hàng.
Cùng với đó cửa hàng đồng hồ Duy Mạnh là một cửa hàng kinh doanh các dịng
đồng hồ thường và đồng hồ thơng minh (smartwatch) đang rất cần một website để có
thể giới thiệu sản phẩm, thực hiện bán hàng trực tuyến.
Em nhận thấy đây là một đề tài hay, bổ ích và vơ cùng thực tế, có thể cung cấp
cho em nhiều kiến thức về thị trường cũng như là kiến thức về công nghệ hiện nay.
1.2 Mục tiêu của đề tài
Xây dựng được website có các chức năng đáp ứng được yêu cầu của người dùng:
 Người quản lý
Quản lý các đơn hàng các giao dịch.
Quản lý danh mục sản phẩm.
Quản lý sản phẩm: Cập nhật thông tin về các sản phẩm.
Quản lý thống kê: quản lý doanh thu theo ngày tháng năm, sản phẩm
Quản lý tin tức.
 Khách hàng
Tạo tài khoản
Quản lý thơng tin tài khoản
Tìm kiếm thơng tin sản phẩm
Đặt hàng và kiểm tra tình trạng đơn hàng
Giỏ hàng
Xem hóa đơn

8
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

1.3 Phạm vi của đề tài
Bài toán xây dựng một website thương mại điện tử trong thực tế là một bài toán lớn
với nhiều giao dịch phát sinh. Tuy nhiên, trong giới hạn và phạm vi của đề tài này
website mà em xây dựng chỉ cho phép người dùng đăng kí, đăng nhập, tìm kiếm, lọc,
theo dõi tin tức, sản phẩm, bình luận sản phẩm, thêm sản phẩm vào giỏ hàng, đặt hàng
online với giao dịch thanh toán khi nhận hàng, nhận email xác nhận đặt hàng từ bên
bán khi hoàn thành đặt đơn hàng online. Đồng thời phần quản trị website thực hiện các
chức năng quản trị hệ thống thêm - sửa –hiển thị hoặc không hiển thị danh mục, sản
phẩm, tin tức, tài khoản người dùng; theo dõi thay đổi trạng thái đơn hàng; thực hiện
thống kê các đơn hàng theo loại đơn hàng, hoặc là theo thời gian; báo cáo doanh thu.
Với giới hạn về thời gian và cơ sở hạ tầng nên phạm vi của đề tài ứng dụng em
xây dựng có các chức năng sẽ chưa được phát triển là:
Gửi thông báo trực tiếp khi có đơn hàng mới ở phần quản trị.
Xử lý đơn hàng hủy/ đơn hàng trả lại.
Nhập sản phẩm từ file Excel.
Thanh toán online.
1.4 Nội dung nghiên cứu:
Nội dung của đồ án được chia làm 5 chương:
Chương 1: Tổng quan về đề tài giới thiệu tổng quan về đề tài.
Chương 2: Khảo sát hệ thống, khảo sát bài toán để đưa ra phương án tốt nhất
thực hiện đồ án và ứng dụng thương mại điện tử với website bán hàng trực tuyến.
Chương 3: Phân tích hệ thống mơ tả các cách thức tổ chức, quản lý bán đồng
hồ, đồng thời đưa ra các yêu cầu cụ thể cho việc xây dựng website giới thiệu về sự
phát triển của truyền thông trong cuộc sống hiện nay đến khách hàng.
Chương 4: Thiết kế hệ thống giới thiệu công nghệ thực hiện đồ án, trình bày
nội dung phân tích và đưa ra các bảng dữ liệu được thiết kế trong qua trình xây dựng
website.
Chương 5: Kết quả thực nghiệm mơ tả cài đặt web, mô tả giao diện, hoạt động
các chức năng được thiết kế trong website.

9
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

CHƯƠNG 2: KHẢO SÁT HỆ THỐNG
2.1 Giới thiệu về cửa hàng đồng hồ Duy Mạnh
Cửa hàng bán đồng hồ Duy Mạnh có địa chỉ tại số 102 đường Nguyễn Lương
Bằng, Thành phố Hải Dương, Hải Dương.
Cửa hàng chuyên cung cấp đồng hồ của các hãng như Omega, Aries Gold,
Diamond… Các dòng đồng hồ thường và đồng hồ thơng minh (smartwatch). Cửa hàng
ln là điểm đến u thích của giới cơng nghệ nói chung và giới săn đồng hồ mới nói
riêng. Cửa hàng ln cập nhật các thơng tin, mặt hàng mới nhất trên thế giới cũng như
ở Việt Nam. Đội ngũ nhân viên trẻ đẹp, năng động, sẵn sàng phục vụ quý khách hàng
kịp thời, đầy đủ nhất.
Tiêu chí hoạt động của của hàng là làm sao mặt hàng đến tay người tiêu dùng giá
rẻ nhất thị trường nhưng chất lượng phải được đảm bảo. Việc giữ uy tín với khách
hàng là phương châm hoạt động, phát triển thương hiệu của cửa hàng.
Hiện tại cửa hàng vừa phục vụ cho khách hàng đến mua hàng trực tiếp tại cửa
hàng và muốn phục vụ cho một số khách hàng có nhu cầu mua tại cửa hàng nhưng
khơng thể đến trực tiếp cửa hàng được.
2.2 Mơ hình nghiệp vụ của cửa hàng
Hoạt động kinh doanh của cửa hàng hoa chủ yếu diễn ra 2 quá trình:
 Quá trình nhập hàng:
Cửa hàng được cung cấp hàng từ nhiều nhà cung cấp và thương hiệu khác
nhau : đồng hồ Diamond D, Q&Q, Citizen, Aries Gold, … Khi cửa hàng có nhu cầu
thì người quản lý sẽ liên hệ với các nhà cung cấp và yêu cầu nhà cung cấp gửi thông
tin như : Tên, thương hiệu đồng hồ, số lượng có thể cung cấp được cho cửa hàng, giá

cả... Sau khi thỏa thuận xong về giá cả và số lượng sẽ tiến hành kí hợp đồng mua hàng
với nhà cung cấp. Quá trình giao hàng sẽ được thực hiện theo thời gian đã thỏa thuận
giữa nhà cung cấp và cửa hàng
Khi nhận hàng, bộ phận quản lý kho kiểm tra hàng, nếu khớp với hợp đồng mua
hàng thì lập hố đơn mua hàng có các thơng tin về tên hàng, số lượng, đơn giá, tổng
tiền, ... đồng thời chuyển cho quản lý viết phiếu chi có thơng tin về họ tên, địa chỉ, lý
do chi tiền, tổng số tiền chi, … để thanh toán tiền với nhà cung cấp, ngược lại thì sẽ có
thơng tin phản hồi với nhà cung cấp.
Sau khi nhận hàng quản lý sẽ kiểm hàng và nhận hàng đồng thời lập chứng từ
nhập kho và cập nhật danh mục hàng vào sổ nhập kho và lưu trữ thông tin như: mã nhà
cung cấp, tên nhà cung cấp, tên, nhãn hiệu, quy cách, sản phẩm hàng hóa, số lượng
thực nhập, đơn giá và tổng số tiền.

10
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

 Quá trình bán hàng
Hiện tại cửa hàng đang bán trực tiếp cho khách đến mua tại cửa hàng và thông
qua điện thoại đối với những khách hàng thân thiết.
Đối với khách đến cửa hàng thì khách hàng sẽ xem các mẫu tại cửa hàng, nhân
viên tại quầy sẽ tư vấn và nếu khách hàng ưng ý và mua sản phẩm thì sẽ tiến hành
thanh tốn tốn cho cửa hàng và cửa hàng sẽ đóng gói sản phẩm cho khách mang về.
Khi nhận nhận được điện thoại yêu cầu cung cấp hàng của khách hàng, nhân
viên sẽ gửi báo giá các mặt hàng cho khách hàng. Sau khi thống nhất, nếu đồng ý
khách hàng sẽ gửi yêu cầu mua hàng thông qua đơn đặt hàng, điện thoại… Nhân viên
bán hàng sẽ tiếp nhận đơn đặt hàng, xác nhận và cập nhật vào sổ khách hàng sau đó
chuyển cho bộ phận quản lí kho, đồng thời cập nhật danh sách khách hàng vào sổ

khách hàng. Dựa trên các thông tin trong đơn đặt hàng, quản lý sẽ kiểm tra số lượng
hàng trong kho, nếu đáp ứng đủ yêu cầu của khách hàng thì lập chứng từ xuất kho và
cập nhật danh mục hàng xuất vào sổ xuất kho, sau đó chuyển hàng cho nhân viên giao
hàng để tiến hành giao hàng cho khách. Ngược lại thì trình lãnh đạo để có kế hoạch
nhập hàng về.
Bộ phận bán hàng, khi nhận được hàng từ kho sẽ kiểm tra hàng và lập hoá đơn
bán hàng đồng thời thực hiện giao hàng đến tận nơi cho khách hàng.
2.3 Đánh giá hiện trạng
Hiện nay với cách kinh doanh truyền thống thì cửa hàng gặp phải tương đối
nhiều khó khăn :
Thứ nhất, hiện tại cửa hàng đang phải thuê mặt bằng kinh doanh với giá thuê rất
cao, phải đầu tư vào cửa hàng rất lớn (vật dụng trang trí cửa hàng, thuê nhân viên bán
hàng, mua mới sản phẩm…) vì vậy số vốn để duy trì cửa hàng rất là lớn. Đặc biệt
trong tình hình dịch covid 19 thì cửa hàng khơng được mở cửa đón khách và điều này
đã ảnh hưởng đến rất nhiều doanh thu của cửa hàng.
Thứ hai, do thói quen, nhu cầu mua sắm của khách hàng qua mạng ngày càng
phổ biến hơn nên số lượng khách đến cửa hàng trong những năm gần đây sụt giảm dần
đó cũng là một trong những yếu tố ảnh hưởng đến doanh thu của cửa hàng.
Để khắc phục những khó khăn trên cũng như muốn mở rộng hình thức kinh
doanh và quảng bá sản phẩm đồng hồ của cửa hàng không những cho khách hàng
trong tỉnh mà cịn cho khách hàng tồn quốc biết nên chủ cửa hàng quết định xây dựng
một website nhằm :
Tăng cường hoạt động quản lý, dựa trên hệ thống thông tin quản lý tin học.
Hỗ trợ nhân viên, người chủ cửa hàng thực hiện các nghiệp vụ.

11
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

Tiết kiệm chi phí thuê địa điểm, quảng bá đến người tiêu dùng.
Tăng lợi nhuận cho người chủ của hàng.
Đáp ứng nhu cầu mua bán ngày càng phát triển của xã hội, xây dựng nên một
môi trường làm việc hiệu quả.
Thúc đẩy phát triển buôn bán trực tuyến.
Rút ngắn khoảng cách giữa người mua và người bán, tạo ra một Website trực
tuyến có thể đưa nhanh thơng tin cũng như việc trao đổi mua bán các loại điện thoại
qua mạng.
Việc quản lý hàng trở nên dễ dàng.
Sản phẩm được sắp xếp có hệ thống nên người dùng dễ tìm kiếm sản phẩm.

12
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

CHƯƠNG 3 : PHÂN TÍCH HỆ THỐNG
3.1. Đặc tả yêu cầu
3.1.1 Yêu cầu chức năng
Website bán đồng hồ có các chức năng sau:
 Giao diện quản trị hệ thống (người bán)
Quản trị hệ thống có quyền quản lý toàn bộ hoạt động của website quản lý và
bán đồng hồ:
- Chức năng quản lý sản phẩm: Người quản trị thực hiện các hành động thêm,
sửa, xóa các đối tượng quản lý, thêm chức năng tìm kiếm, xuất thơng tin sản phẩm.
- Chức năng quản lý bài viết: Người quản trị được phép thực hiện hoạt động
thêm, sửa, xóa các đối tượng được quản lý.
- Chức năng quản lý tài khoản: Người dùng được phép thực hiện hoạt động

động sửa, các chức năng được quản lý.
- Chức năng quản lý người dùng: Người quản trị được phép thực hiện hoạt
động xóa các chứ năng mình quản lý.
- Quản lý đơn hàng: Cho phép tìm kiếm, xuất thơng tin, xem đơn hàng (trong
đó được xóa sản phẩm trong đơn hàng), cập nhật trạng thái đơn hàng, xóa đơn hàng.
- Chức năng quản lý hệ thống: Người quản trị được phép thực hiện hoạt động
thêm, sửa, xóa slide, sự kiện,
- Chức năng thống kê doanh thu: người quản trị theo dõi được doanh thu của
website
 Giao diện khách hàng (người mua)
Frontend của website bán hàng online được xây dựng trên các tiêu chí:
- Giao diện đẹp, các thao tác đơn giản và thân thiện với người dùng.
- Thông tin sản phẩm phong phú, đa dạng, luôn cập nhật những sản phẩm mới
nhất.
- Có thơng tin liên hệ của cửa hàng
- Font chữ đơn giản, hình ảnh dễ nhìn, màu sắc hài hịa.
- Tính bảo mật dữ liệu của hệ thống phải cao.
- Đảm bảo vận hành tốt khi có nhiều người dùng cùng tương tác tại cùng một
thời điểm.
- Website tương thích với các trình duyệt phổ biến.
Frontend của website bán hàng thực hiện các chức năng:
- Hiển thị các sản phẩm bán chạy, sản phẩm mới, sản phẩm nổi bật, sản phẩm
13
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

vừa xem, tin tức.
- Khách hàng có thể xem thông tin chi tiết của sản phẩm, gửi đánh giá, bình

luận sản phẩm.
- Cho phép khách hàng đặt mua sản phẩm.
- Cho phép khách hàng đăng ký, đăng nhập hệ thống
- Cho phép tìm kiếm các sản phẩm và tin tức.
- Cho phép xem các tin tức, bài viết nổi bật.
- Cho phép quản lý tài khoản: xem tổng quan trang cá nhân, cập nhật thông tin
tài khoản, quản lý đơn hàng, xem sản phẩm yêu thích, sản phẩm đã xem, xem lịch sử
login.
- Cho phép gửi thông tin liên hệ.
3.1.2 Các yêu cầu phi chức năng

Bảng 3. 1 Bảng yêu cầu phi chức năng
STT

Tên ca sử dụng

Mô tả yêu cầu

1

Giao diện

Giao diện hệ thống phải dễ sử dụng, trực quan, thân
thiện với mọi người dùng.

2

Tốc độ xử lý

3

Bảo mật

4

Tương thích

Hệ thống phải xử lý nhanh chóng và chính xác.
Tính bảo mật và độ an tồn cao.
Tương thích với đa phần các trình duyệt web hiện tại.

3.2 Xây dựng biểu đồ ca sử dụng
3.2.1 Tác nhân của hệ thống
Các tác nhân chính của hệ thống bao gồm:
Tác nhân Admin: thực hiện các chức năng như quản lý sản phẩm, quản lý tin tức,
quản lý người dùng, quản lý đơn hàng, quản lý hệ thống. Để thực hiện chức năng này
admin phải đăng nhập.
Tác nhân khách hàng: có thể thực hiện các chức năng như tìm kiếm sản phẩm, tin
tức – bài viết, xem thông tin chi tiết của sản phẩm, bài viết, đặt hàng, xem giỏ hàng,
đăng ký tài khoản mới, bình luận sản phẩm, đánh giá sản phẩm, đăng nhập hệ thống,
gửi thông tin liên hệ, quản lý tài khoản.

14
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

Bảng 3. 2 Tên các ca sử dụng
ST

T

Tên ca sử dụng

1

Quản trị hệ thống

2
3
4
5
6
7
8
9

10
11
12
13
14
15

Mơ tả

Quản lý tồn hộ hệ thống, có quyền thay đổi các thơng tin sản
phẩm, bài viết, trong hệ thống.
Quản lý sản
Quản lý, lưu trữ thông tin về sản phẩm như mã sản phẩm, tên

phẩm
sản phẩm… thêm, sửa, xóa sản phẩm
Quản lý danh
Quản lý thông tin về các danh mục sản phẩm như thêm, sửa,
mục sản phẩm
xóa
Quản lý thơng tin về các đơn đặt hàng như: tên người đặt
Quản lý đặt hàng
hàng, địa chỉ người nhận, số điện thoại, tổng tiền…
Quản lý chi tiết
Quản lý thông tin về đặt hàng gồm: mã chi tiết đặt hàng, mã
đặt hàng
đặt hàng, mã sản phẩm, số lượng, thành tiền.
Quản lý khách
Quản lý thông tin về khách hàng như tên khách hàng, địa chỉ,
hàng
mã khách hàng, số điện thoại, email...
Quản lý thông tin giao như: Mã giao dịch, mã khách hàng,
Quản lý giao dịch
địa chỉ người nhận, số điện thoại, tổng tiền.
Quản lý chi tiết
Quản lý hóa đơn của khách hàng như: mã giao dịch, mã hóa
hóa đơn
đơn, mã sản phẩm, số lượng, thành tiền.
Giỏ hàng là để lưu thơng tin mà khách hàng đã chọn có
Giỏ hàng
những trường như: mã giỏ hàng, mã sản phẩm, mã giao dịch,
ngày tạo.
Khách hàng có thể thực hiện thao tác đăng ký để trở thành
Tạo một tài

nhân viên thuận tiện cho việc mua sản phẩm và hưởng những
khoản mới
khuyến mại của cửa hàng.
Quản lý thơng tin Khách hàng có thể thay đổi thông tin của tài khoản ,thay đổi
tài khoản
mật khẩu , địa chỉ , thông tin liên lạc.
Quản lý thông tin Khách hàng có thể thay đổi thơng tin của tài khoản ,thay đổi
tài khoản
mật khẩu , địa chỉ , thông tin liên lạc.
Thực hiện đăng nhập vào hệ thông, bắt buộc phải nhập email
Đăng nhập
và password. Kiểm tra hợp lệ trùng với dữ liệu có sẵn thì hệ
thống sẽ cho phép đăng nhập.
Tìm kiếm thơng
Tìm kiếm, nhanh về thơng tin sản phẩm, dựa vào các tiêu chí
tin
tìm kiếm của website như tìm theo tên của sản phẩm…
Khách hàng có thể thực hiện chức năng này để đặt mua
Đặt hàng
hàng, nhằm giảm thiểu thời gian và chi phí cho khách hàng.

15
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

ST
T
16

Tên ca sử dụng

Giỏ hàng

Mô tả
Sau khi đăng nhập và chọn mua sản phẩm, giỏ hàng là nơi
chứa thông tin về sản phẩm mà khách hàng đã chọn mua như
số lượng sản phẩm, tên sản phẩm và giá tiền sản phẩm đó.

3.3. Biểu đồ Use case
3.3.1 Biểu dồ Use case tổng quát
Khái quát chức năng chính của hệ thống. Các chức năng này có tính tổng qt dễ
dàng nhìn thấy được trên quan điểm của các tác nhân. Dựa vào u cầu của bài tốn ta
có use case tổng quát như sau:

Hình 3. 1 Biểu đồ use case tổng quát

16
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

3.3.2 Biểu đồ phân rã cho tác nhân Admin

Hình 3. 2 Biều đồ phân rã cho tác nhân admin

17
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B

Đồ án tốt nghiệp

3.3.3 Biểu đồ phân rã cho tác nhân Khách hàng

Hình 3. 3 Biểu đồ phân rã cho tác nhân khách hàng
3.4 biểu đồ trình tự
Mục đích: biểu diễn tương tác giữa những người dùng và những đối tượng bên
trong hệ thống. Biểu đồ này cho biết các thông điệp được truyền tuần tự như thế nào
theo thời gian. Thứ tự các sự kiện trong biểu đồ tuần tự hồn tồn tương tự như trong
kịch bản mơ tả ca sử dụng tương ứng.
Biểu diễn: Biểu đồ trình tự được biểu diễn bởi các đối tượng và thông điệp
truyền đi giữa các đối tượng đó.

18
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

 Biểu đồ trình tự cho chức năng Đăng nhập

Hình 3. 4 Biểu đồ trình tự cho chức năng đăng nhập

 Biểu đồ trình tự cho chức năng đăng ký

Hình 3. 5 Biểu đồ trình tự cho chức năng đăng đăng ký

19

Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

 Biểu đồ trình tự cho chức năng đặt hàng

Hình 3. 6 Biểu đồ trình tự cho chức năng đặt hàng

 Biểu đồ trình tự cho chức năng quản lý tài khoản

Hình 3. 7 Biểu đồ trình tự cho chức năng quản lý tài khoản

20
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

 Biểu đồ trình tự cho chức năng quản lý người dùng

Hình 3. 8 Biểu đồ trình tự cho chức năng quản lý người dùng

 Biểu đồ trình tự cho chức năng quản lý sản phẩm

Hình 3. 9 Biểu đồ trình tự cho chức năng quản lý sản phẩm

21
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B

Đồ án tốt nghiệp

 Biểu đồ tuần tự cho chức năng quản lý tin tức

Hình 3. 10 Biểu đồ trình tự cho chức năng quản lý tin tức

 Biểu đồ trình tự cho chức năng quản lý đơn hàng

Hình 3. 11 Biểu đồ trình tự cho chức năng quản lý đơn hàng

22
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

3.4.6 Biểu đồ lớp

 Danh sách các đối tượng
Bảng 3. 3 Bảng danh sách đối tượng lớp
STT

Tên lớp/quan hệ

Ý nghĩa/Ghi chú

1

Category

Mơ tả các thuộc tính và các phương thức liên quan
tới nghiệp vụ quản lý danh mục sản phẩm.

2

News

Mơ tả các thuộc tính và các phương thức liên quan
tới nghiệp vụ quản lý bài viết.

3

Order

Mô tả các thuộc tính và các phương thức liên quan
tới nghiệp vụ quản lý danh sách đơn hàng.

4

Product

Mơ tả các thuộc tính và các phương thức liên quan
tới nghiệp vụ quản lý danh sách sản phẩm.

5

Transaction

Mơ tả các thuộc tính và các phương thức liên quan

tới nghiệp vụ quản lý thông tin giao dịch.

6

User

Mơ tả các thuộc tính và các phương thức liên quan
tới nghiệp vụ quản lý danh sách thành viên.

 Mơ hình lớp

Hình 3. 12 Biểu đồ lớp

23
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B


Đồ án tốt nghiệp

CHƯƠNG 4: THIẾT KẾ HỆ THỐNG
4.1. Lựa chọn phương án thiết kế
4.1.1 Lựa chọn công nghệ

Công cụ sử dụng :
- Visual Studio Code
- Cơng cụ lập trình: HTML, CSS, BOOTSTRAP, JQUERY
- Ngơn ngữ lập trình: PHP
- Framework hỗ trợ: Laravel 5.8
- Công cụ quản lý CSDL: MySQL
Em lựa chọn và sử dụng các công nghệ trên bởi vì:

Trong chương trình đào tạo em có được tiếp cận với các cơng nghệ này và em
nhận thấy rằng nó đủ khả năng giải quyết được bài toán mà em nêu ra đó là “Xây dựng
website giới thiệu và bán hoa tươi cho cửa hàng Lovely Flowers”.
Ưu điểm của các công nghệ em đưa ra: Phần mềm sử dụng để lập trình nhẹ,
giao diện đơn giản, có các cơng cụ hỗ trợ đầy đủ chức năng thực hiện soạn thảo code.
Ngơn ngữ lập trình được sử dụng là mã nguồn mở, hồn tồn miễn phí và có cộng
đồng người dùng đông đảo. Những phẩn mềm, mã nguồn mở nổi tiếng sử dụng PHP
là: Joomla CMS, vBulletin Forum, phpBB Forum, IBF Forum, osCommerce… Quản
lý CSDL với MySQL cũng rất tiện lợi, đơn giản, tốc độ xử lý nhanh và có thể chạy
được trên nhiều hệ điều hành.
4.1.2 Giới thiệu về công nghệ

 Giới thiệu Visual Studio Code
Visual Studio Code là gì?
Visual Studio Code là một trình biên tập mã được phát triển bởi Microsoft dành
cho Windows, Linux và macOS. Nó hỗ trợ chức năng debug, đi kèm với Git, có syntax
highlighting, tự hồn thành mã thơng minh, snippets, và cải tiến mã nguồn. Nó cũng
cho phép tùy chỉnh, do đó, người dùng có thể thay đổi theme, phím tắt, và cá tùy chọn
khác. Nó miễn phí và là phần mềm mã nguồn mở, mặc dù gói tải xuống chính thì là có
giấy phép.
Lịch sử
Visual Studio Code được cơng bố, ra mắt phiên bản thử nghiệm vào ngày 29
tháng 4 năm 2015 bởi Microsoft tại hội nghị Build 2015.
Vào ngày 18 tháng 11 năm 2015, Visual Studio Code được phát hành dưới giấy
phép MIT và mã nguồn của nó được đưa lên GitHub. Chức năng Extesion (tiện ích mở

24
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B

Đồ án tốt nghiệp

rộng) cũng được cơng bố.
Tính năng
Visual Studio Code là một trình biên tập mã. Nó hỗ trợ nhiều ngôn ngữ và chức
năng tùy vào ngôn ngữ sử dụng theo như trong bảng sau. Nhiều chức năng của Visual
Studio Code không hiển thị ra trong các menu tùy chọn hay giao diện người dùng.
Thay vào đó, chúng được gọi thông qua khung nhập lệnh hoặc qua một tập tin .json (ví
dụ như tập tin tùy chỉnh của người dùng). Khung nhập lệnh là một giao diện theo dòng
lệnh. Tuy nhiên, nó biến mất khi người dùng nhấp bất cứ nơi nào khác, hoặc nhấn tổ
hợp phím để tương tác với một cái gì đó ở bên ngồi đó. Tương tự như vậy với những
dòng lệnh tốn nhiều thời gian để xử lý. Khi thực hiện những điều trên thì q trình xử
lý dịng lệnh đó sẽ bị hủy.

 Giới thiệu về cơng cụ lập trình
a. HTML
Định nghĩa: HTML viết tắt cho Hyper Text Markup Language là ngôn ngữ đánh
dấu siêu văn bản. Là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web
với các mẩu thơng tin được trình bày trên world wide web, cùng với CSS và
Javascript, HTML tạo ra bộ ba nền tảng kỹ thuật cho world wide web.
Vai trò: HTML có vai trị xây dựng cấu trúc siêu văn bản trên một website hoặc
khai báo các tập tin kỹ thuật số (media) như hình ảnh, video, nhạc.
b. CSS
Định nghĩa: CSS là viết tắt của Cascading style sheets. Được dùng để miêu tả
cách trình bày các tài liệu viết bằng ngơn ngữ HTML.
Vai trò:
Hạn chế tối thiệu việc làm rối mã HTML của trang web bằng các thẻ quy định
kiểu dáng (chữ đậm, chữ in nghiêng, chữ có gạch chân, chữ màu), khiến mã nguồn
trang web được gọn gàng hơn, tách nội dung của trang web và định dạng hiển thị, dễ
dàng cho việc cập nhật nội dung.

Tạo ra các kiểu dáng có thể áp dụng cho nhiều trang web, giúp tránh phải lặp lại
việc định dạng cho các web giống nhau.
c. BOOTSTRAP
Định nghĩa: bootstrap là một framework HTML, CSS và Javascript cho phép
người dùng dễ dàng thiết kế website theo một chuẩn nhất định, tạo các website thân
thiện với người dùng.
Vai trị:
- Rất dễ sử dụng: nó đơn giản vì nó được base trên HTML, CSS và JavaScript
25
Phạm Đức Mạnh – Lớp Khoa học máy tính K61B