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

VIỆT - HÀN
KHOA KỸ THUẬT MÁY TÍNH VÀ ĐIỆN TỬ

ĐỒ ÁN CƠ SỞ 2
ĐỀ TÀI: WEBSITE QUẢN LÍ CỬA HÀNG TIỆN LỢI

Sinh viên thực hiện : NGUYỄN VĂN THIỆN

Lớp : 22IR
Giảng viên hướng dẫn : THS. TRẦN THU THU

Đà Nẵng, ngày 04 tháng 12 năm 2023

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỂN THÔNG
VIỆT - HÀN
KHOA KỸ THUẬT MÁY TÍNH VÀ ĐIỆN TỬ

ĐỒ ÁN CƠ SỞ 2
ĐỀ TÀI: WEBSITE QUẢN LÍ CỬA HÀNG TIỆN LỢI

Sinh viên thực hiện : NGUYỄN VĂN THIỆN

Lớp : 22IR
Giảng viên hướng dẫn : THS. TRẦN THU THUỶ
Đà Nẵng, ngày 04 tháng 07 năm 2023
 LỜI CẢM ƠN
Lời đầu tiên, em xin gửi lời cảm ơn chân thành đến các thầy cô khoa Kỹ thuật
máy tính đã dạy chúng em những kiến thức hay.
Đặc biệt chúng em xin cảm ơn sâu sắc tới Giảng viên hướng dẫn THS. Trần Thu
Thuỷ, khoa Khoa học máy tính, trường Đại học Công nghệ Thông tin và Truyền thông
Việt-Hàn đã tận tình hướng dẫn, góp ý theo sát giúp chúng em có thể hoàn thành đồ án
tốt nhất.
Cảm ơn tất cả bạn bè, tập thể lớp 22IR đã cùng chia sẻ, góp ý trong quá trình
thực hiện. Xin chân thành cảm ơn!
 NHẬN XÉT
(Của giảng viên hướng dẫn)

..………………………………………………………………………
..………………………………………………………………………
..………………………………………………………………………
..………………………………………………………………………
..………………………………………………………………………
..………………………………………………………………………
..………………………………………………………………………
..………………………………………………………………………
..………………………………………………………………………
..………………………………………………………………………
..………………………………………………………………………
..………………………………………………………………………
..………………………………………………………………………
..………………………………………………………………………
..………………………………………………………………………
..………………………………………………………………………
..………………………………………………………………………

Đà Nẵng, ngày….tháng…..năm 2023

Giảng viên hướng dẫn

THS. TRẦN THU THUỶ

 MỤC LỤC
DANH MỤC CÁC BẢNG...............................................................................................0
DANH MỤC HÌNH..........................................................................................................0
DANH MỤC CỤM TỪ VIẾT TẮT.................................................................................0
MỞ ĐẦU..........................................................................................................................1
1. Tổng quan tình hình nghiên cứu.........................................................................1
2. Tính cấp thiết, ý nghĩa khoa học và thực tiễn của đề tài.....................................2
Chương 1. GIỚI THIỆU...................................................................................................3
1.1. Tổng quan..........................................................................................................3
1.2. Phương pháp và kết luận....................................................................................3
1.2.1. Phương pháp.............................................................................................4
1.2.2. Kết luận.....................................................................................................4
1.3 Cấu trúc đồ án....................................................................................................4
Chương 2. GIỚI THIỆU CÔNG CỤ................................................................................5
2.1. XAMPP..............................................................................................................5
2.2. Visual Studio Code............................................................................................5
2.3. HTML................................................................................................................6
2.4. CSS....................................................................................................................6
2.5. PHP....................................................................................................................7
2.6. Java Script..........................................................................................................8
2.7. Bootstrap...........................................................................................................8

Chương 3. XÂY DỰNG WEBSITE.................................................................................9

3.1. Phân tích yêu cầu kỹ thuật.................................................................................9
3.2. Thiết nội dung website.......................................................................................9
3.3. Chức năng........................................................................................................10
Chương 4. KẾT QUẢ THỰC HIỆN..............................................................................10
4.1. Kết quả tổng quan............................................................................................11
4.2. Menu................................................................................................................11
4.3. Form Đăng ký người dùng...............................................................................12
4.4. Form Đăng nhập người dùng...........................................................................12
4.5 Giao diện item sản phẩm.................................................................................13
4.6 Footer...............................................................................................................13
4.7 Một số bẳng trong cơ sở dữ liệu......................................................................14

Chương 5. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG..................................................14

5.1. Sơ đồ USE-CASE............................................................................................15
5.2. Sơ đồ lớp..........................................................................................................15
KẾT LUẬN.....................................................................................................................15
1. Kết luận............................................................................................................16
2. Hướng phát triển..............................................................................................16
TÀI LIỆU THAM KHẢO..............................................................................................17
 DANH MỤC CÁC BẢNG
Bảng 1 user_account
...............................................................................................................................
13

Bảng 2 product_item
...............................................................................................................................
14

Bảng 3 Cart_item
...............................................................................................................................
14
 DANH MỤC HÌNH

Hình 2-1 XamPP............................................................................................................5

Hình 2-2 Visual Studio Code.........................................................................................5
Hình 2-3 HTML.............................................................................................................6
Hình 2-4 CSS.................................................................................................................6
Hình 2-6 PHP.................................................................................................................7
Hình 2-7 JavaScript.......................................................................................................7
Hình 2-8 Bootstrap.........................................................................................................8
Hình 4-1 Giao diện cơ bản website................................................................................11
Hình 4-2-1 Menu...............................................................................................................11
Hình 4-3 Form đăng kí....................................................................................................12
Hình 4-4 Form đăng nhập...............................................................................................12
Hình 4-5 Giao diện item sản phẩm..................................................................................13
Hình 4-6 Footer................................................................................................................13
Hình 5-1 Biểu đồ Use-case..............................................................................................15
Hình 5-2 Biểu đồ lớp.......................................................................................................15
 DANH MỤC CỤM TỪ VIẾT TẮT

STT Cụm từ Viết tắt

1 HyperText Markup Language HTML
2 Cascading Style Sheets CSS
3 Personal Home Page PHP
 MỞ ĐẦU

1. Tổng quan tình hình nghiên cứu:

Tăng cường nhu cầu sử dụng website quản lí cửa hàng tiện lợi: Trong thời gian
gần đây, nhu cầu sử dụng website quản lí cửa hàng tiện lợi đã tăng lên đáng kể. Doanh
nghiệp muốn tận dụng các công nghệ và ứng dụng web để quản lí hiệu quả hơn các
hoạt động kinh doanh của họ.
Đa dạng hóa tính năng và chức năng của website: Việc phát triển website quản lí
cửa hàng tiện lợi mang đến nhiều tính năng và chức năng khác nhau như quản lí kho
hàng, đơn hàng, khách hàng, thông tin sản phẩm, quảng cáo và marketing, và nhiều
hơn nữa. Doanh nghiệp có thể tùy chỉnh website để phù hợp với yêu cầu và quy trình
kinh doanh của mình.
Phát triển của công nghệ web và các công cụ quản lí: Có sự tiến bộ trong lĩnh
vực công nghệ web và các công cụ quản lí, đi kèm với việc phát triển ngôn ngữ lập
trình và framework. Điều này giúp tạo ra những website quản lí cửa hàng tiện lợi mạnh
mẽ và dễ sử dụng, đáp ứng được nhu cầu ngày càng cao của doanh nghiệp.
Tính bảo mật và riêng tư: An ninh thông tin và bảo vệ dữ liệu là một yếu tố quan
trọng trong việc phát triển website quản lí cửa hàng tiện lợi. Các biện pháp bảo mật
như mã hóa dữ liệu, xác thực hai bước và quản lí quyền truy cập giúp đảm bảo tính
bảo mật và riêng tư cho thông tin khách hàng và doanh nghiệp.
Thách thức và rủi ro: Mặc dù website quản lí cửa hàng tiện lợi mang lại nhiều
lợi ích, nhưng cũng không tránh khỏi một số thách thức và rủi ro. Điều này bao gồm
việc đảm bảo tính ổn định và tin cậy của website, khả năng xử lí tải trọng cao trong
thời gian đỉnh điểm, và nguy cơ về an ninh mạng và tấn công hacker.
Đào tạo và hỗ trợ: Sử dụng website quản lí cửa hàng tiện lợi đòi hỏi nhân viên
và doanh nghiệp phải được đào tạo để sử dụng và quản lí dịch vụ này một cách hiệu
quả. Hỗ trợ kỹ thuật và tư vấn cũng là yếu tố quan trọng để đảm bảo hoạt động suôn sẻ
và giải quyết các vấn đề kỹ thuật nhanh chóng.

2. Tính cấp thiết, ý nghĩa khoa học và thực tiễn của đề tài:

Trong quá trình khảo sát, chúng em nhận thấy:

* Nhu cầu người dùng: Trong thời đại số hóa, doanh nghiệp ngày càng nhận
thấy tầm quan trọng của việc tận dụng công nghệ để quản lí cửa hàng và tương
tác với khách hàng một cách hiệu quả. Nhu cầu sử dụng website quản lí cửa
hàng tiện lợi đã tăng lên đáng kể, doanh nghiệp muốn tận dụng các công nghệ và
ứng dụng web để quản lí và thúc đẩy hoạt động kinh doanh của họ.

1
 * Tiềm năng kinh doanh: Sử dụng website quản lí cửa hàng tiện lợi mang lại
tiềm năng kinh doanh lớn. Doanh nghiệp có thể tăng tính hiệu quả và năng suất
trong việc quản lí kho hàng, đơn hàng, khách hàng, thông tin sản phẩm và quảng
cáo. Ngoài ra, việc tạo ra trải nghiệm mua sắm thuận tiện và tăng cường quan hệ
khách hàng cũng giúp tăng doanh số bán hàng và sự tín nhiệm từ khách hàng.
* Tính linh hoạt và thuận tiện: Sử dụng website quản lí cửa hàng tiện lợi mang
lại tính linh hoạt và thuận tiện cho doanh nghiệp. Các tính năng và chức năng
của website cho phép doanh nghiệp tùy chỉnh và quản lí các hoạt động kinh
doanh một cách dễ dàng và linh hoạt. Ngoài ra, khách hàng cũng có thể dễ dàng
tìm kiếm và mua sắm sản phẩm thông qua giao diện trực tuyến, giúp tiết kiệm
thời gian và nỗ lực.
* Tiềm năng nghiên cứu và phát triển: Đề tài "Website quản lí cửa hàng tiện
lợi" có tiềm năng nghiên cứu và phát triển về phương pháp quản lí kinh doanh sử
dụng công nghệ thông tin và ứng dụng web. Các nghiên cứu liên quan có thể tập
trung vào việc phân tích hiệu quả, tính bảo mật, trải nghiệm người dùng, và các
yếu tố khác để cải thiện và mở rộng phạm vi ứng dụng của website quản lí cửa
hàng tiện lợi.
* Thực tiễn và ứng dụng: Đề tài này mang tính thực tiễn cao, vì website quản lí
cửa hàng tiện lợi đã được sử dụng rộng rãi trong nhiều lĩnh vực kinh doanh.
Nghiên cứu và phát triển trong lĩnh vực này có thể mang lại những ứng dụng
thực tiễn đáng kể, giúp doanh nghiệp nâng cao hiệu suất và cạnh tranh trong thị
trường.
Do vậy chúng em hy vọng sẽ tạo nên một website hoàn chỉnh nhất có thể để đáp
ứng được yêu cầu đặt ra cũng như kỳ vọng.

2
 Chương 1. GIỚI THIỆU

1.1. Tổng quan:

Trang web quản lý cửa hàng tiện lợi là một nền tảng cho phép người dùng quản
lý và vận hành cửa hàng tiện lợi một cách hiệu quả. Trang web này cung cấp các
công cụ và tính năng để quản lý hàng hóa, quản lý khách hàng, quản lý doanh thu, và
cung cấp các dịch vụ tiện ích cho khách hàng.
Với người kinh doanh: Sẽ có thể tạo cửa hàng trên trang web. Sau đó, người
kinh doanh có thể quản lý và cập nhật thông tin về hàng hóa, gian hàng, giá cả và các
thông tin khác liên quan. Họ cũng có thể tạo và quản lý các chương trình khuyến mãi,
theo dõi doanh thu và lợi nhuận, và tương tác với khách hàng qua hệ thống tin nhắn..
Với khách hàng: Khách hàng có thể truy cập trang web, tìm kiếm các cửa hàng
tiện lợi gần nhất và xem thông tin về các sản phẩm và dịch vụ mà cửa hàng cung cấp.
Họ cũng có thể tạo tài khoản để theo dõi lịch sử mua hàng, nhận thông báo về các
chương trình khuyến mãi và gửi phản hồi cho cửa hàng. Khách hàng có thể đặt hàng
trực tuyến và thanh toán qua trang web, sau đó đến cửa hàng để nhận hàng hoặc yêu
cầu giao hàng tận nơi.
Website cung cấp đầy đủ cấu trúc của website, thể hiện bỗ cục rõ mua bán. Đầy
đủ chức năng tìm kiếm, thông tin dịch vụ chi tiết, giá tiền, hình ảnh cụ thể cụ thể của
mỗi dịch vụ. Kết nối với cơ sở dữ liệu để tạo form đăng kí, đăng nhập và đăng kí cho
khách hàng. Nhằm thiết kế được website cung cấp đầy đủ dịch vụ, trực quan một
cách tốt nhất.
Trang web quản lý cửa hàng tiện lợi nhằm tạo ra một trải nghiệm mua sắm thuận
tiện và hiệu quả cho khách hàng, đồng thời giúp người kinh doanh quản lý cửa hàng
một cách hiệu quả và tăng cường doanh thu.

1.2. Phương pháp và kết luận:

1.2.1. Phương pháp:

Sử dụng các ngôn ngữ lập trình như HTML, CSS, PHP, Java Script, Bootstrap
để thiết kế trang website và một số mẫu tham khảo.

3
1.2.2. Kết luận:

Thiết kế giao diện: Trang web quản lý cửa hàng tiện lợi cần có một giao diện
hấp dẫn, trực quan và dễ sử dụng. Giao diện nên được tối ưu hóa cho các thiết bị khác
nhau và tạo trải nghiệm người dùng thuận tiện.
Chất lượng nội dung: Trang web cần cung cấp nội dung chất lượng và hữu
ích về các cửa hàng, sản phẩm, dịch vụ và các thông tin liên quan. Nội dung nên được
biên tập kỹ lưỡng, cung cấp thông tin chi tiết và hỗ trợ khách hàng trong việc tìm kiếm
thông tin cần thiết.
Tính năng và chức năng: Trang web quản lý cửa hàng tiện lợi cần có các tính
năng và chức năng quan trọng như đăng ký, đăng nhập, tìm kiếm sản phẩm, quản lý
giỏ hàng, thanh toán, và theo dõi đơn hàng. Các tính năng này nên hoạt động một cách
mượt mà và đáp ứng đúng nhu cầu và mong đợi của khách hàng.
Bảo mật và quyền riêng tư: Trang web cần áp dụng các biện pháp bảo mật và
quyền riêng tư để bảo vệ thông tin cá nhân của khách hàng, gồm cả thông tin tài khoản
và thông tin thanh toán. Các giao dịch trực tuyến cần được bảo vệ an toàn và đảm bảo
tính bảo mật.
Hỗ trợ khách hàng: Trang web nên cung cấp các phương thức hỗ trợ khách
hàng hiệu quả như email, số điện thoại hoặc chat trực tuyến. Thời gian phản hồi nhanh
và sự hỗ trợ tận tâm sẽ giúp khách hàng cảm thấy tin tưởng và hài lòng.

1.3 Cấu trúc đồ án:

 Giới thiệu công cụ.

 Xây dựng trang website.
 Kết quả thực hiện.
 Kết luận và hướng phát triển.

4
 Chương 2. GIỚI THIỆU CÔNG CỤ

Dưới đây là một số công cụ thực hiện thiết kế website mà chúng em sử dụng để
hoàn thành đồ án của mình:

2.1. XAMPP:

XAMPP là một phần mềm cho phép giả lập môi trường server hosting ngay trên
máy tính của bạn, cho phép bạn chạy demo website mà không cần phải mua “hosting”
hay “VPS” . Chính vì vậy, XAMPP hay được phục vụ cho hoạt động học tập giảng
dạy thực hành và phát triển web.

Hình 2-1 XamPP

2.2. Visual Studio

Code:

Visual Studio Code là phần mềm lập trình được phát triển bởi Microsoft trên ba
nền tảng khác nhau và hỗ trợ đa ngôn ngữ. Ngoài ra, Visual Studio Code còn có chức
năng tự hoàn thành lệnh thông minh và cải tiến mã nguồn.

Hình 2-2 Visual Studio Code

2.3. HTML:

HTML hay là Ngôn ngữ Đánh dấu Siêu văn bản. Sử dụng HTML để xây dựng và
cấu trúc lại các thành phần trong website hoặc ứng dụng. HTML có thể được hỗ trợ
bởi các công nghệ như “CSS” và các ngôn ngữ kịch bản giống như “JavaScript” .

5
 Hình 2-3 HTML

2.4. CSS:

CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng
để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu “HTML”.
Nói ngắn gọn hơn là ngôn ngữ tạo phong cách cho trang web. Bạn có thể hiểu đơn
giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra
các đoạn văn bản, các tiêu đề, bảng,…thì CSS sẽ giúp chúng ta có thể thêm style vào
các phần tử HTML đó như đổi bố cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi
cấu trúc…

Hình 2-4 CSS

2.5. PHP:

PHP là từ viết tắt của thuật ngữ Personal Home Page. Đây là một dạng mã lệnh
hoặc một chuỗi ngôn ngữ kịch bản. Trong đó, ngôn ngữ PHP chủ yếu được phát triển
để dành cho những ứng dụng nằm trên máy chủ. Mỗi khi các lập trình viên PHP viết
các chương trình thì các chuỗi lệnh sẽ được chạy ở trên server, từ đó sinh ra mã
HTML. Nhờ vậy mà những ứng dụng trên các website có thể chạy được một cách dễ
dàng.

6
 Hình 2-6 php

2.6. Java Script:

JavaScript là một ngôn ngữ lập trình phía client (chạy trên trình duyệt) được sử
dụng để làm cho các trang web trở nên tương tác và động. Nó được phát triển ban đầu
để thêm tính năng và logic vào các trang web tĩnh, nhưng sau đó đã phát triển thành
một ngôn ngữ lập trình phía client mạnh mẽ và linh hoạt.
JavaScript cho phép các lập trình viên tạo ra các chức năng tương tác trên trang web
như xử lý sự kiện, thay đổi nội dung của trang, kiểm tra và xác thực dữ liệu nhập từ
người dùng, tạo hiệu ứng động, gửi và nhận dữ liệu từ máy chủ mà không cần tải lại
toàn bộ trang.

2.7. Bootstrap:

Bootstrap là một framework CSS và JavaScript phổ biến được sử dụng để xây
dựng giao diện người dùng đẹp, đáp ứng và dễ sử dụng cho các trang web và ứng dụng
web. Nó cung cấp một tập hợp các lớp CSS, các thành phần UI (User Interface) và các
kịch bản JavaScript có sẵn, giúp giảm thiểu công việc phát triển và tối ưu hóa trải
nghiệm người dùng.

7
Bootstrap được phát triển bởi Twitter và được ra mắt công khai từ năm 2011. Nó
nhanh chóng được sử dụng rộng rãi trong cộng đồng phát triển web do tính linh hoạt
và khả năng tùy chỉnh cao.

8
 Chương 3. XÂY DỰNG WEBSITE

3.1. Phân tích yêu cầu kỹ thuật:

Trang web xây dụng trên các kỹ thuật xây dựng menu, tạo các form đăng nhập,
đăng ký đối với người dùng. Sử dụng cấu trúc cơ bản của website đưa ra được các nội
dung yêu cầu. Để kết nối trang web với cơ sở dữ liệu, em sử dụng XAMPP để xây
dựng một cơ sở dữ liệu. Đồng thời tạo cấu trúc form và nội dung trong trang web sao
cho dễ nhìn và thân thiện với người dùng. Điều này có thể được thực hiện bằng cách
sử dụng các thẻ HTML, CSS và PHP, Java Script và Bootstrap.

3.1.1. Thiết kế nội dung website:

Thiết kế nội dung cho trang web quản lý cửa hàng tiện lợi sẽ sử dụng các ngôn
ngữ và công nghệ web như HTML, CSS, JavaScript và framework Bootstrap để tạo ra
giao diện trực quan và hấp dẫn. Dưới đây là các phần cần thiết để thiết kế nội dung
trang web:
* HTML: Sử dụng thẻ HTML để xây dựng cấu trúc và định dạng nội dung của
trang web. Sử dụng các thẻ như <header>, <nav>, <section>, <footer> để phân chia và
nhóm các phần khác nhau của trang web.
* CSS: Sử dụng CSS để tạo kiểu cho các phần tử HTML. Định dạng các phông
chữ, màu sắc, kích thước, đường viền và căn chỉnh của các phần tử trên trang web. Sử
dụng các lớp và ID để áp dụng kiểu cho các phần tử cụ thể.
* JavaScript: Sử dụng JavaScript để thêm các hiệu ứng động và tương tác cho
trang web. Sử dụng JavaScript để tạo các chuyển động, hiển thị thông báo, kiểm tra
hợp lệ của dữ liệu và thực hiện các chức năng tương tác như thêm vào giỏ hàng, xóa
sản phẩm, và tính toán tổng giá trị đơn hàng.
Bootstrap: Sử dụng framework Bootstrap để tạo giao diện trực quan và
responsive. Sử dụng các lớp và thành phần có sẵn của Bootstrap để tạo các phần tử
như menu điều hướng, bảng, biểu đồ, nút, và hình ảnh có giao diện thẩm mỹ và tương
thích trên các thiết bị khác nhau.

3.2. Chức năng:

Website quản lý cửa hàng tiện lợi có các chức năng sau để đáp ứng nhu cầu của
khách hàng:

* Cấu trúc và bố cục rõ ràng: Thiết kế website với cấu trúc và bố cục rõ ràng,
giúp khách hàng dễ dàng quan sát và mua hàng. Sắp xếp các phần tử như menu điều
hướng, banner quảng cáo, danh mục sản phẩm, và giỏ hàng một cách logic và trực
quan.

9
 * Nội dung đầy đủ: Cung cấp đầy đủ thông tin về sản phẩm, dịch vụ và các
chương trình khuyến mãi. Mỗi loại dịch vụ nên có mô tả chi tiết, thông tin về giá cả,
thông số kỹ thuật và hình ảnh cụ thể.
* Tài khoản người dùng: Kết nối với cơ sở dữ liệu để tạo chức năng đăng ký và
đăng nhập tài khoản người dùng. Người dùng có thể tạo tài khoản mới, đăng nhập
bằng thông tin đăng nhập đã đăng ký, và quản lý thông tin cá nhân của mình.
* Quản lý giỏ hàng: Cung cấp chức năng thêm hàng vào giỏ hàng, chỉnh sửa số
lượng và xóa sản phẩm trong giỏ hàng. Tính toán tổng giá trị đơn hàng và hiển thị
thông tin chi tiết về sản phẩm trong giỏ hàng.
* Kết nối cơ sở dữ liệu: Liên kết với cơ sở dữ liệu để lưu trữ và quản lý thông tin
về sản phẩm, khách hàng, đơn hàng và các dữ liệu liên quan khác. Điều này giúp quản
lý cửa hàng tiện lợi nắm rõ thông tin và dễ dàng thao tác với dữ liệu.
* Thanh toán: Cung cấp phương thức thanh toán trực tuyến an toàn và tiện lợi.
Cho phép khách hàng chọn phương thức thanh toán và cung cấp thông tin thanh toán
cần thiết.
* Tìm kiếm sản phẩm: Cung cấp chức năng tìm kiếm để khách hàng có thể tìm
kiếm và lọc sản phẩm dựa trên tiêu chí như tên sản phẩm, danh mục, giá cả hoặc thuộc
tính khác.

10
 Chương 4. KẾT QUẢ THỰC HIỆN

4.1. Kết quả tổng quan:

Hình 4.1 Giao diện cơ bản website

4.2. Menu:

11
 Hình 4.2.1 Menu website

4.3. Form đăng kí người dùng:

Hình 4.3 Form đăng kí

4.4. Form đăng nhập người dùng:

12
 Hình 4.4 Form đăng nhập

4.5. Giao diện item sản phẩm:

Hình 4.5 Giao diện sản phẩm

4.6 Footer:

Hình 4.6 Footer

4.7 Một số bảng trong cơ sở dữ liệu:

Sử dụng Xampp xây dượng một cơ sở dữ liệu có tên “shop_info” tạo 1 bảng
trong cơ sở dữ liệu có tên user_account. Trong bảng user_account tạo 3 cột username,
password, email. Tạo nên được một cơ sở dữ liệu hoàn chỉnh nhất để xử lí sự kiện

13
đăng nhập, đăng ký cho trang web.
id int(11) auto_increment
username varchar(50)
password varchar(50)
email varchar(100)

Table 1: user_account

Tạo 1 bảng trong cơ sở dữ liệu có tên product_item. Trong bảng product_item

tạo 5 cột Id_sp, tensp, mota, hinhanh, giaca, donvi. Tạo nên được một cơ sở dữ liệu
hoàn chỉnh nhất để xử lí sự kiện thêm, sửa, xoá sản phẩm.

Id_sp int(11) auto_increment

tensp varchar(500)
mota varchar(500)
giaca double
hinhanh longtext
donvi varchar(500)

Table 2: product_item

Tạo 1 bảng trong cơ sở dữ liệu có tên Cart_item. Trong bảng Cart_item tạo 6 cột
Id_sp, id, tensp, hinhanh, giaca, soluong. Tạo nên được một cơ sở dữ liệu hoàn chỉnh
nhất để người dùng kiểm soát được quá trình mua hàng một cách mượt mà nhất.

id int(11) auto_increment
Id_sp int(11) auto_increment
hinhanh longtext
tensp varchar(500)
giaca double
soluong int

Table 3: Cart_item

Chương 5. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

5.1 Biểu đồ USE- CASE:

14
 Hình 5.1: use-case diagram

5.2. Biểu đồ lớp:

Hình 5.2: class diagram

KẾT LUẬN

1. Kết luận:
Trong đồ án "thiết kế website quản lí cửa hàng tiện lợi" này, chúng em đã tạo ra một
trang web hiệu quả và tiện lợi để quản lí cửa hàng và cung cấp thông tin cho khách

15
hàng. Giao diện người dùng thân thiện: chúng em đã tạo ra một giao diện người dùng
dễ sử dụng, trực quan và thân thiện với người dùng. Chúng em đã tích hợp các chức
năng quản lí cửa hàng, bao gồm quản lí sản phẩm, quản lí kho hàng và quản lí đơn đặt
hàng. Ngoài ra, chúng em cũng đã cung cấp thông tin về địa chỉ cửa hàng, số điện
thoại liên lạc và các thông tin liên hệ khác trong footer của trang web.

Tuy nhiên, trang web vẫn còn một số chức năng chưa đạt được yêu cầu như đưa thông
tin từ cơ sở dữ liệu và một số chức năng khác. Cần tiếp tục phát triển và cải thiện để
đáp ứng tốt hơn các yêu cầu của đề tài.

Qua bài đồ án này, chúng em đã đạt được các mục tiêu sau:
 Tạo ra được một website hoàn chỉnh, bố cục đầy đủ, dễ nhìn.
 Đăng nhập, đăng ký tài khoản người dùng.
 Hiện thị thông tin đầy đủ của sản phẩm để đưa đến cho người dùng.

Tuy nhiên, cần tiếp tục phát triển và hoàn thiện các chức năng khác để đáp ứng
đúng yêu cầu đề tài.

2. Hướng phát triển:

Với những hạn chế và tồn tại nêu trên, hướng phát triển dự kiến như sau:

* Đăng tải thông tin sản phẩm từ cơ sở dữ liệu: Phát triển chức năng liên kết
với cơ sở dữ liệu để lấy thông tin về sản phẩm và hiển thị cho người dùng. Điều này
cho phép khách hàng xem thông tin chi tiết về sản phẩm mà họ muốn mua.
* Hoàn thiện responsive cho website: Đảm bảo rằng trang web hiển thị một
cách tốt trên các thiết bị di động và kích thước màn hình khác nhau. Tối ưu hóa giao
diện để đảm bảo trải nghiệm người dùng mượt mà và thuận tiện trên cả điện thoại di
động, máy tính bảng và máy tính.
* Nâng cao thẩm mỹ và thân thiện giao diện người dùng: Cải thiện giao diện
người dùng để trở nên hấp dẫn hơn và thu hút khách hàng. Tích hợp các yếu tố thiết kế
đẹp mắt, sử dụng màu sắc và hình ảnh hợp lý để tạo ra một trải nghiệm trực quan và
thú vị cho người dùng.
* Xử lý phần thanh toán: Phát triển một quy trình thanh toán an toàn và tiện lợi
cho khách hàng. Tích hợp các cổng thanh toán phổ biến và cung cấp các phương thức
thanh toán linh hoạt để người dùng có thể dễ dàng mua sắm và thanh toán trên trang
web.

16
 TÀI LIỆU THAM KHẢO

Những trang web tham khảo:

https://www.bachhoaxanh.com
https://shopnongsansach.com
https://foodmap.asia/

17