Xây dựng website kinh doanh đồ ăn vặt cho cửa hàng yoyo

nhân viên check tin nhắn để mua hàng đôi khi sẽ rất tốn thời gian, ghi thông hóa đơn trêngiấy khiến cho việc lưu giao dịch, tìm kiếm thông tin khách hàng trở nên khăn,...Dựa vào những rà

Học viện Ngân Hàng Khoa Hệ thống thông tin quản lý

- -BÀI THI KẾT THÚC HỌC PHẦN

Đề tài: “Xây dựng website kinh doanh đồ ăn vặt

cho cửa hàng YoYo”

Môn Học: Lập trình web Giảng viên: Triệu Thu Hương

Năm học: 2022-2023

Hà Nội, ngày 20 tháng 10 năm 2022

MỤC LỤC

MỞ ĐẦU 1

1 Xác định vấn đề 2

1.1 Giới thiệu 2

1.2 Hệ thống hiện tại 2

1.3 Hệ thống đề xuất 3

1.4 Giới hạn của hệ thống 4

1.5 Yêu cầu phần cứng, phần mềm 4

2 Phân tích yêu cầu khách hàng 5

2.1 Đối tượng sử dụng hệ thống 5

2.2 Chức năng của hệ thống 5

3 Thiết kế hệ thống 8

3.1 Mô hình quan hệ thực thể 8

3.2 Thiết kế cơ sở dữ liệu 9

3.3 Thiết kế giao diện 10

3.4 Lưu đồ giải thuật: 20

4 Kết quả đạt được: 27

5 Ưu, nhược điểm của hệ thống: 28

5.1 Ưu điểm: 28

5.2 Nhược điểm: 29

5.3 Giải pháp: 29

6 Kết luận và hướng phát triển: 29

6.1 Kết luận 29

6.2 Hướng nghiên cứu phát triển: 29

7 Bảng phân chia công việc: 30

8 Danh sách kiểm tra hoạt động: 31

8.1 Kiểm tra trang web phía khách hàng: 31

8.2 Kiểm tra trang web phía cửa hàng: 31

9 Tài liệu tham khảo: 32

MỞ ĐẦU

Với sự phát triển nhảy vọt của công nghệ thông tin hiện nay, Internet ngày càng giữvai trò quan trọng trong các lĩnh vực khoa học kỹ thuật và đời sống Nói một cách đơngiản, Internet là một tập hợp máy tính nối kết với nhau, là một mạng máy tính toàn cầu

mà bất kì ai cũng có thể kết nối bằng máy PC của họ Với mạng Internet, tin học thật

sự tạo nên một cuộc cách mạng trao đổi thông tin trong mọi lĩnh vực văn hóa, xã hội,chính trị, kinh tế…

Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” thìviệc có một Website để quảng bá công ty hay một Website cá nhân không còn là điều

gì xa xỉ nữa Thông qua Website khách hàng có thể lựa chọn những sản phẩm mà mìnhcần một cách nhanh chóng và hiệu quả

Với công nghệ World Wide Web, hay còn gọi là Web sẽ giúp bạn đưa những thôngtin mong muốn của mình lên mạng Internet cho mọi người cùng xem một cách dễdàng với các công cụ và những ngôn ngữ lập trình khác nhau Sự ra đời của các ngônngữ lập trình cho phép chúng ta xây dựng các trang Web đáp ứng được các yêu cầucủa người sử dụng PHP (Personal Home Page) là kịch bản trên phía trình chủ (ServerScript) cho phép chúng ta xây dựng trang Web trên cơ sở dữ liệu Với nhiều ưu điểmnổi bật mà PHP và MySQL được rất nhiều người sử dụng

Với lý do đó, được sự hướng dẫn và giúp đỡ của cô Triệu Thu Hương, em đã chọn

đề tài “Xây dựng Website kinh doanh online cho cửa hàng đồ ăn vặt YoYo” làm đề tài

cho đồ án môn học Lập trình Web của mình.

Trong quá trình học và làm đề tài này nhóm đã nhận được sự giúp đỡ chỉ bảo tận

tình của cô Nhóm YoYo xin chân thành cảm ơn cô Triệu Thu Hương đã hướng dẫn

trong quá trình học và làm đề tài

Tuy nhiên, do thời gian hạn hẹp, mặc dù đã nỗ lực hết sức nhưng chắc rằng đề tàikhông khó tránh khỏi thiếu sót Nhóm rất mong nhận được sự thông cảm, những lờigóp ý và chỉ bảo tận tình của cô để hoàn thiện đề tài

1 Xác định vấn đề

1.1 Giới thiệu

Ngày nay, chúng ta đang sống trong thời đại số, công nghệ thông tin đang được pháttriển và ứng dụng nhiều trong các lĩnh vực khác nhau, đặc biệt là trong lĩnh vực kinhdoanh Các doanh nghiệp từ lớn tới nhỏ, đều mong muốn sản phẩm của mình được quảng

bá rộng rãi tới khách hàng, cùng với đó là đem đến cho khách hàng một phương thứcmua bán sản phẩm khác với phương thức mua bán trực tiếp truyền thống Khách hàng trẻtuổi ngày nay tiếp cận với công nghệ rất nhanh, và đó là lý do mà họ rất ưa chuộngphương thức mua bán mới này – Mua hàng online qua mạng Internet Doanh nghiệp nàohiện nay cũng đều có Website cho riêng mình để quảng bá sản phẩm, hình ảnh công ty, và

có thể kết hợp thêm chức năng mua hàng và thanh toán Online trên chính Website củacông ty mình

Vì vậy, nhóm em chọn đề tài “Xây dựng hệ thống Website bán hàng cho cửa hàng đồ

ăn vặt YoYo” nhằm mục đích quảng bá các sản thực phẩm đồ ăn vặt sạch, an toàn, đảmbảo chất lượng, giá thành rẻ tới người tiêu dùng Qua đó khách hàng có thể đặt mua hàngtrực tiếp trên Website mà không cần đến cửa hàng Hệ thống Website còn giúp công tyquản lý kho hàng, quản lý nhân viên, thống kê doanh thu một cách hiệu quả; Tích hợpthêm đăng tải tin tức về ẩm thực giúp khách hàng có thêm kiến thức và cái nhìn tổng thể

về ngành thực phẩm trên toàn thế giới

Web đã được đẩy lên host với tên miền: https://anvatyoyo.000webhostapp.com/

1.2 Hệ thống hiện tại

Khi dịch bệnh chưa xuất hiện, YoYo vẫn là một cửa hàng kinh doanh thực phẩm theophương pháp truyền thống Khách hàng phải đến trực tiếp cửa hàng để mua hàng Khikhách hàng đồng ý mua hàng, nhân viên sẽ ghi hóa đơn và khách hàng thanh toán bằngtiền mặt

Khi dịch bệnh bắt đầu diễn biến phức tạp, cửa hàng chuyển sang dịch vụ ship hàng tậnnhà Khách muốn mua hàng sẽ phải gọi điện qua hotline của cửa hàng hoặc nhắn tin quafanpage Khi có đơn hàng nhân viên sẽ ghi hóa đơn và giao đến nhà cho khách Điều nàychỉ giảm thiểu việc tiếp xúc so với mua hàng trực tiếp nhưng vẫn gặp phải rất nhiều hạnchế như: Khách hàng không biết cửa hàng hiện đang có những sản phẩm gì? Việc đợi

nhân viên check tin nhắn để mua hàng đôi khi sẽ rất tốn thời gian, ghi thông hóa đơn trêngiấy khiến cho việc lưu giao dịch, tìm kiếm thông tin khách hàng trở nên khăn,

Dựa vào những ràng buộc cụ thể của hệ thống hiện hành chúng ta có thể đề nghị một

hệ thống khác tiên tiến hơn, tiết kiệm được thời gian…

1.3 Hệ thống đề xuất

Chính vì những điểm yếu trên, để cửa hàng có thể kinh doanh một cách dễ dàng và

thuận tiện, nhóm chúng em đã tiến hành triển khai đề tài “Xây dựng hệ thống website cho

cửa hàng bán đồ ăn vặt YoYo”.

Khách hàng khi muốn mua sản phẩm cần truy cập vào website của cửa hàng để có thểmua sắm, xem sản phẩm hay đọc tin tức ẩm thực Khách hàng có thể tìm kiếm các loạisản phẩm mình muốn mua trên thanh tìm kiếm và bấm vào giỏ để mua sản phẩm Cácthông tin về khách hàng đã được lưu lại ở bước đăng ký, đơn hàng sẽ được xác nhận vàgiao đến địa chỉ của khách hàng.Khách hàng có thể để lại bình luận về trải mua hàng haysản phẩm đã sử dụng

Một số chức năng của hệ thống mới:

➢ Hiển thị thông tin về cửa hàng để quảng bá hình ảnh

➢ Hiển thị danh sách các mặt hàng theo từng danh mục sản phẩm để khách hàngxem và chọn mua

➢ Sau khi khách hàng chọn và đặt hàng trực tiếp thì hàng sẽ được cho vào giỏ hàng,trong giỏ hàng sẽ hiện lên đơn hàng để khách hàng có thể nhập thông tin muahàng và chốt hóa đơn

➢ Bên cạnh việc mua hàng, cần có chức năng comment để khách hàng bình luận vềcác sản phẩm của cửa hàng

➢ Hiển thị danh sách tin tức và tin tức chi tiết

➢ Hiển thị giao diện form Liên hệ để khách hàng gửi lời nhắn trực tiếp tới cửa hàng

➢ Chức năng cập nhật, sửa xóa sản phẩm, kiểu sản phẩm, danh mục sản phẩm, tintức, sự kiện

➢ Tiếp nhận và quản lý đơn đặt hàng Hiển thị danh sách hóa đơn và chi tiết hóađơn

➢ Quản lý danh sách liên hệ mà khách hàng đã gửi tới cửa hàng

1.4 Giới hạn của hệ thống

Hệ thống đã được thiết kế với đầy đủ chức năng cần thiết của một website bánhàng tuy nhiên vẫn còn một vài hạn chế như khách hàng chưa thể thanh toán trực tiếp quawebsite bằng cách liên kết thẻ ngân hàng mà vẫn phải thanh toán tiền mặt khi nhận hànghoặc chuyển khoản cho cửa hàng

1.5 Yêu cầu phần cứng, phần mềm

1.5.1 Phần mềm

Thành phần:

 Trình duyệt: Google Chrome, Cốc Cốc

 Phần mềm: Sublime text, Xampp, Star UML

SSE2

Bộ xử lý lõi kép 3,3 GHzhay 64 bit nhanh hơn có

bộ hướng dẫn SSE2

Hiển thị Độ phân giải 1024 x 768 Độ phân giải 1024 x 768

2 Phân tích yêu cầu khách hàng

2.1 Đối tượng sử dụng hệ thống

Về phía cửa hàng, người sử dụng website chính là quản lý, nhân viên của cửa hàng sửdụng để quản lý kho hàng, đơn đặt hàng, quảng bá các sản phẩm và tương tác với kháchhàng

Khách hàng hay người mua hàng không cần đăng ký tài khoản trên hệ thống vẫn cóthể tìm kiếm thông tin, sản phẩm, xem tin tức và mua hàng

Hệ thống đã được thiết kế với đầy đủ chức năng cần thiết của một website bán hàng,

về phía khách hàng hay người mua hàng hệ thống có các chức năng như:

➔ Hiển thị thông tin về cửa hàng để quảng bá hình ảnh:

Hầu hết khách hàng hiện nay đều muốn tham khảo trước các thông tin liên quan đếnthông tin của cửa hàng xem cửa hàng có uy tín không rồi mới quyết định mua hàng,Chính vì vậy, một trang web bán hàng chuyên nghiệp thì chức năng đầu tiên phải có đó làđăng tải và cung cấp đầy đủ, rõ ràng các thông tin của cửa hàng để quảng bá hình ảnh củacửa hàng

➔ Tra cứu thông tin nhanh chóng với tính năng tìm kiếm:

Một trang web với cả trăm nghìn thông tin khổng lồ có thể khiến khách hàng bối rốikhi muốn tìm đến thông tin mà mình cần Với chức năng tìm kiếm ở góc trên bên phảitrang chủ web, khách hàng có thể nhanh chóng tìm ra sản phẩm mình cần mà không phảilật tìm từ trên xuống dưới website hay từ page này tới page khác

➔ Tính năng lọc:

Tính năng có tính năng lọc sản phẩm theo danh mục sản phẩm Với các chế độ lọc này,khách hàng có thể lựa ra những sản phẩm vừa ý mình nhất, có thể là một món đồ rẻ nhấthay một món đồ mới nhất, phù hợp với nhu cầu của khách hàng

➔ Tính năng đặt hàng/thêm vào giỏ hàng:

Đặt hàng tiện lợi, mọi lúc mọi nơi chỉ với một cú click chuột đơn giản Khách hàng chỉcần tìm chọn và tham khảo chi tiết các sản phẩm họ yêu thích và rồi chọn vào ô “đặthàng” hay “thêm vào giỏ hàng” là đã có thể tiến hành đặt hàng tại YoYo

Sau khi click chọn, khách hàng cần chọn cập nhật với tính năng thêm thêm vào giỏhàng hoặc khách hàng sẽ phải điền đầy đủ thông tin như họ tên, sđt, địa chỉ, ghi chú vàrồi click chọn lại vào ô “đặt hàng” để đặt hàng thành công tại YoYo

➔ Tính năng quản trị hệ thống:

Tính năng quản trị hệ thống sẽ là một web page có thiết kế giao diện khác biệt hoàntoàn với phần còn lại của website Tính năng này chỉ cho phép những người có tài khoảnquản trị (tài khoản admin) để vào hệ thống - thường tài khoản này chỉ được cung cấp chonhân viên vận hành trong cửa hàng YoYo

Về cách thao tác truy cập vào quản trị hệ thống:

Bước 1: Chọn đăng nhập quản trị

Bước 2: Điền đầy đủ tài khoản, mật khẩu mà cửa hàng cung cấp

(tai khoan:admin, matkhau:123456)

Bước 3: Chọn vào ô đăng nhập hệ thống

Sau khi đăng nhập thành công, màn hình sẽ hiển thị giao diện quản trị hệ thống, ở đây

ta có thể thấy 8 hình thức quản trị chính bao gồm:

Với quản trị tin tức:

Người quản trị viên, nhân viên vận hành có thể có những thao tác như:

● Sửa tin tức: bao gồm sửa tiêu đề, hình ảnh, mô tả nội dung chính, nội dung tin tức

● Xóa tin tức: nhân viên có thể xoá hoàn toàn tin tức đó bằng cách chọn vào dấu “x”

ở cột xoá nếu nhân viên cảm thấy mẩu tin tức đấy không còn phù hợp với nộidung mà website YoYo muốn truyền tải

● Thêm tin tức: Nhân viên có thể chọn vào dòng “thêm mới +”, để tạo thêm nhiều

nội dung tin tức mới cho website

Với quản trị sản phẩm:

Người quản trị viên, nhân viên vận hành có thể có những thao tác như:

● Sửa sản phẩm: bao gồm sửa tên sản phẩm, giá gốc, giá bán, chi tiết, mô tả, nộidung, danh mục sản phẩm, kiểu sản phẩm, ảnh minh hoạ

● Xóa sản phẩm: nhân viên có thể xóa hoàn toàn sản phẩm đó bằng cách chọn vàodấu “x” ở cột xoá nếu cửa hàng không còn nhận hàng sản phẩm đó nữa

● Thêm sản phẩm: Nhân viên có thể chọn vào dòng “thêm mới +”, để tạo thêm mẫu

sản phẩm mới hiển thị trên trang web của người dùng

Với quản trị danh mục:

Người quản trị viên, nhân viên vận hành có thể có những thao tác như:

● Sửa danh mục: sửa tên danh mục

● Xóa danh mục: nhân viên có thể xóa hoàn toàn danh mục đó bằng cách chọn vàodấu “x” ở cột xoá nếu cửa hàng không còn lựa chọn hàng theo danh mục đó nữa.

● Thêm danh mục: Nhân viên có thể chọn vào dòng “thêm mới +”, để tạo thêm danh

mục mới hiển thị trên trang web của người dùng

Với quản trị loại sản phẩm:

Người quản trị viên, nhân viên vận hành có thể có những thao tác như:

● Sửa loại sản phẩm: sửa tên loại sản phẩm

● Xóa loại sản phẩm: nhân viên có thể xóa hoàn toàn loại sản phẩm đó bằng cáchchọn vào dấu “x” ở cột xoá nếu cửa hàng không còn nhận loại sản phẩm đó nữa

● Thêm loại sản phẩm: Nhân viên có thể chọn vào dòng “thêm mới +”, để tạo thêm

loại sản phẩm mới hiển thị trên trang web của người dùng

Với quản trị sự kiện:

Người quản trị viên, nhân viên vận hành có thể có những thao tác như:

● Sửa sự kiện: sửa tên sự kiện, hình ảnh sự kiện

● Xóa sự kiện nhân viên có thể xóa hoàn toàn sự kiện đó bằng cách chọn vào dấu

“x” ở cột xoá nếu cửa hàng không còn sự kiện đó nữa

● Thêm loại sản phẩm: Nhân viên có thể chọn vào dòng “thêm mới +”, để tạo thêm

sự kiện mới hiển thị trên trang web của người dùng

Với quản trị admin:

Người quản trị viên, nhân viên vận hành có thể có những thao tác như:

● Sửa người dùng: sửa tên người dùng, password

● Xóa người dùng: có thể xóa hoàn toàn tài khoản người dùng đó bằng cách chọnvào dấu “x” ở cột xoá

● Thêm mới người dùng: quản trị viên có thể chọn vào dòng “thêm mới +”, để tạo

thêm tài khoản người dùng mới hiển thị trên trang web của người dùng

Với quản trị liên hệ:

Những liệt kê về phản hồi của khách hàng Các thông tin bao gồm:

Với quản trị đơn hàng:

● Bảng dữ liệu hiển thị các đơn hàng có thông tin bao gồm:

Hình 1 Sơ đồ thực thể liên kết

3.2 Thiết kế cơ sở dữ liệu

Hình 2 Sơ đồ cơ sở dữ liệu

3.3 Thiết kế giao diện

a Giao diện khách hàng:

- Giao diện trang chủ:

Hình 3 Giao diện trang chủ

Trang chủ “Index.php”: Là trang chính, chứa tất cả các mục để lựa chọn Từ trang chủ

khách hàng có thể tìm thấy mọi thông tin cần thiết:

❖ Thông tin về các sự kiện, chương trình, event mà cửa hàng đang thực hiện

❖ Thông tin về các loại sản phẩm với giao diện bắt mắt, đẹp, thu hút từ đó kháchhàng có thể đặt mua cho mình những sản phẩm yêu thích, phù hợp với túi tiền

❖ Các bài viết hay về ẩm thực trên toàn thế giới được quản trị hệ thống chọn lọc

- Giao diện trang sản phẩm:

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

Trang “san_pham.php” là trang hiển thị thông tin khái quát các sản phẩm như: bao bì,

tên sản phẩm, khối lượng, giá tiền để khách hàng có thể lựa chọn và lọc sản phẩm theodanh mục sản phẩm

- Giao diện trang chi tiết sản phẩm:

Hình 5 Giao diện trang chi tiết sản phẩm

Trang “san_pham chi_tiet.php” là trang hiển thị thông tin chi tiết về sản phẩm: giá, bảo

hành, hạn sử dụng, xuất xứ, thành phần…giúp cho khách hàng có cái nhìn tổng quan vềsản phẩm Là cơ sở để khách hàng có quyết định mua sản phẩm hay không

- Giao diện trang tin tức

Hình 6 Giao diện trang tin tức

Trang “tin_tuc.php” là trang hiển thị thông tin về các tin tức ẩm thực nóng hổi được

quản trị cửa hàng cập nhật

- Giao diện trang chi tiết tin tức

Hình 7 Giao diện trang chi tiết tin tức

Trang “tin_tuc_chi_tiet.php” là trang hiển thị thông tin chi tiết về các tin tức ẩm thực,

hay những bài quảng cáo, review về cửa hàng để tăng độ tin cậy và uy tín của cửa hàng.Giúp lượt tương tác của khách hàng với website của cửa hàng nhiều thêm

- Giao diện trang liên hệ

Hình 8 Giao diện trang liên hệ

Trang “lienhe.php” là cầu nối giữa khách hàng và cửa hàng, tại đây khách hàng có thể

gửi các thắc mắc cũng như ý kiến của mình tới cửa hàng Khách hàng phải nhập đầy đủcác thông tin cá nhân trong form trên

- Giao diện đặt hàng

Hình 9 Giao diện trang giỏ hàng

Trang “cart.php” là trang mà khách hàng có thể xem được những sản phẩm của mình

đã chọn Tại đây khách hàng có thể biết được số lượng mặt hàng mình đã chọn cũng nhưtổng số tiền phải thanh toán Khách hàng có thể thêm, cập nhập cũng như xóa sản phẩmngay tại giỏ hàng Khách hàng điền đầy đủ thông tin vào form “thông tin đặt hàng” để cóthể mua hàng

b Người quản trị:

- Giao diện trang chủ:

Hình 10 Giao diện quản trị Admin Đây là trang quản trị dành cho người Admin của cửa hàng, cung cấp đầy đủ tính năngcho người quản trị như: quản lý sản phẩm, quản lý các đơn đặt hàng…

- Giao diện quản trị người dùng:

Hình 11 Giao diện quản trị người dùng của Admin

17