Tài liệu đồ án môn học Website bán hoa

Shop bán hoa bằng PHP, zalo 0365683018 để muốn thông tin mua code nhé. Hiện tại đồ án môn học sử dụng thuần PHP , thanh toán momo , gửi email . Sử dụng xamp.

BỘ CÔNG THƯƠNG

TRƯỜNG ĐẠI HỌC CÔNG THƯƠNG TP.HCM

KHOA CÔNG NGHỆ THÔNG TIN



LẬP TRÌNH MÃ NGUỒN MỞ THIẾT KẾ WEBSITE BÁN HOA

Giảng viên hướng dẫn: Th.S Phan Thị Ngọc Mai Sinh viên thực hiện:

1 Trần Ngọc Thanh Sơn – 2001216111

2 Minh Nhựt – 2033210646

3 Hồ Minh Tiến – 2001200283

Thành phố Hồ Chí Minh, tháng 4 năm 2024

2

LỜI CAM ĐOAN

Chúng em xin cam đoan đây là công trình nghiên cứu của riêng nhóm em, nội dung tham khảo từ các công trình khác đều được trích dẫn rõ ràng Các số liệu, kết quả nêu trong khóa luận là trung thực và chưa từng công bố trong bất kỳ công trình nào khác

Sinh viên thực hiện đề tài

(Ký và ghi rõ họ tên)

Trần Ngọc Thanh Sơn

Minh Nhựt

Hồ Minh Tiến

3

LỜI CẢM ƠN

Trong suốt quá trình thực hiện đề tài là giai đoạn quan trọng nhất Đề tài môn học

là tiền đề nhằm trang bị cho chúng em những kỹ năng nghiên cứu, kiến thức, kinh nghiệm quý báu là hành trang để em có thể vững bước sau này

Đầu tiên, chúng em xin cảm ơn ban giám Hiệu nhà trường và toàn thể quý thầy cô khoa Công nghệ thông tin Trường Đại học Công Thương Tp Hồ chí Minh Với sự quan tâm, chỉ bảo tận tình, đến nay chúng em đã có thể hoàn thành đề tài

Đặc biệt chúng em xin gửi lời cảm ơn chân thành tới cô Phan Thị Ngọc Mai người trực tiếp hướng dẫn đã luôn dành nhiều thời gian, công sức hướng dẫn chúng em hoàn thành đề tài môn học

Cuối cùng, em xin cảm ơn gia đình, người thân, bạn bè đã luôn bên cạnh, ủng hộ, động viên

Em xin chân thành cảm ơn!

4

MỞ ĐẦU

Cách mạng công nghiệp lần thứ 4 cho thấy thế giới đang phát triển ở một quy mô

mà con người có thể làm tất cả chỉ với một thiết bị công nghệ thông tin Từ khi mạng Internet được đưa vào sử dụng, thương mại điện tử đã phát triển với tốc độ rất nhanh trên phạm vi toàn cầu, dù ở các hình thức, các mức độ khác nhau tùy theo từng quốc gia, từng khu vực Với thương mại điện tử, các doanh nghiệp có thể đưa các thông tin về sản phẩm của mình đến các đối tượng khách hàng tiềm năng khác nhau ở mọi nơi trên thế giới với chi phí thấp hơn so với các phương pháp quảng cáo truyền thống Cùng với tình trạng dịch Covid-19 đang diễn biến phức tạp, một lượng lớn người lao động phải làm việc tại nhà dẫn đến nhu cầu mua sắm trực tuyến ngày càng trở nên phổ biến hơn Nhóm chúng em nhận thấy việc thiết kế một website để phục vụ nhu cầu mua sắm trực tuyến là rất quan trọng nó góp phần giúp cho việc mua sắm trở nên nhanh chóng, tiện lợi, tiết kiệm được nhiều thời gian hơn

Đó cũng là lý do mà nhóm chúng em quyết định chọn đề tài: “Xây dựng website mua bán trang thiết bị điện tử” Chúng em tin rằng với website này việc mua sắm sẽ trở nên dễ dàng, đặc biệt mọi người ai cũng có thể tiếp cận chỉ với một chiếc điện thoại hoặc laptop Từ những phân tích trên, nhóm chúng em đúc kết thành 6 chương

Chương 1: Giới thiệu đề tài

Chương 2: Thiết kế hệ thống cơ sở dữ liệu

Chương 3: Thiết kế giao diện và đánh giá

Chương 4: Kết luận và hướng phát triển

5

MỤC LỤC

LỜI CAM ĐOAN 2

LỜI CẢM ƠN 3

MỞ ĐẦU 4

DANH MỤC BẢNG 7

DANH MỤC HÌNH ẢNH 8

Chương 1 GIỚI THIỆU ĐỀ TÀI 10

1.1 Giới thiệu 10

1.2 Mục tiêu và phạm vi đề tài 10

1.3 Đối tượng nghiên cứu 10

1.4 Công cụ và thiết bị sử dụng 11

1.5 Khảo sát hệ thống 11

1.5.1 Sơ lược về hệ thống 11

1.5.2 Các quy trình nghiệp vụ 12

1.5.3 Các biểu mẫu thu thập 14

Chương 2 THIẾT KẾ HỆ THỐNG CƠ SỞ DỮ LIỆU 16

2.1 Giới thiệu 16

2.2 Thiết kế CSDL 16

2.2.1 Cơ sở dữ liệu tổng quát 16

2.2.2 Chi tiết cơ sở dữ liệu các bảng 17

Chương 3 THIẾT KẾ GIAO DIỆN VÀ ĐÁNH GIÁ 22

3.1 Giao diện website khách hàng 22

6

3.1.1 Giao diện trang chủ 22

3.1.2 Trang sản phẩm 23

3.1.3 Trang sản phẩm chi tiết 25

3.1.4 Trang giỏ hàng 26

3.1.5 Trang giao diện thanh toán 28

3.1.6 Trang quản lý thông tin tài khoản 30

3.1.7 Trang đóng góp ý kiến 31

3.1.8 Trang đăng nhập 32

3.1.9 Giao diện đăng ký 33

3.2 Giao diện Admin 39

3.2.1 Giao diện trang Dashboard 39

3.2.2 Giao diện đơn hàng 40

3.2.3 Giao diện quản lý sản phẩm 41

3.2.4 Giao diện quản lý tài khoản khách hàng 42

3.2.5 Giao diện danh mục 43

Chương 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 46

7

DANH MỤC BẢNG

Bảng 1 1 Bảng sản phẩm 17

Bảng 1 2 Bảng hình ảnh sản phẩm 18

Bảng 1 3 Bảng kích thước sản phẩm 18

Bảng 1 4 Bảng đánh giá sản phẩm 19

Bảng 1 5 Bảng đặt hàng 20

8

DANH MỤC HÌNH ẢNH

Hình 1 1 Biểu mẫu hóa đơn giá trị gia tăng 14

Hình 1 2 Biểu mẫu hóa đơn bán hàng 15

Hình 2 1 Hình ảnh sơ đồ cơ sở dữ liệu toàn bộ hệ thống 16

Hình 2 2 Hình ảnh cơ sở dữ liệu về phần sản phẩm 17

Hình 2 3 Hình ảnh sơ đồ cơ sở dữ liệu về chức năng đặt hàng 20

Hình 3 1 Giao diện trang chủ của web bán hoa 22

Hình 3 2 Giao diện sản phẩm của website 23

Hình 3 3 Hình ảnh giao diện chi tiết sản phẩm 25

Hình 3 4 Hình ảnh trang giỏ hàng 26

Hình 3 5 Hình ảnh giao diện trang thanh toán 28

Hình 3 6 Hình ảnh giao diện trang quản lý thông tin cá nhân 30

Hình 3 7 Hình ảnh giao diện đóng góp thông tin 31

Hình 3 8 Hình ảnh giao diện đăng nhập cho người dùng 32

Hình 3 9 Hình ảnh giao diện trang đăng ký tài khoản 33

Hình 3 10 Hình ảnh giao diện quản lý tài khoản 34

Hình 3 11 Hình ảnh giao diện quản lý đơn hàng 35

Hình 3 12 Hình ảnh giao diện tổng quan của Admin 39

9

Hình 3 13 Hình ảnh giao diện trang quản lý đơn hàng Admin 40

Hình 3 14 Hình ảnh giao diện trang quản lý sản phẩm Admin 41

Hình 3 15 Hình ảnh giao diện thêm sản phẩm của Admin 41

Hình 3 16 Hình ảnh giao diện quản lý tài khoản khách hàng 42

Hình 3 17 Hình ảnh giao diện quản lý danh mục sản phẩm 43

10

Chương 1 GIỚI THIỆU ĐỀ TÀI

1.1 Giới thiệu đề tài

Phát triển Website : Đề tài có thể tập trung vào việc phân tích và thiết kế giao diện người dùng, cấu trúc thông tin, chức năng và tính năng của website bán hoa

Quản lý sản phẩm: Nghiên cứu có thể tập trung vào việc phân tích và tạo danh mục sản phẩm, quản lý thông tin sản phẩm (ảnh, mô tả, giá cả, v.v.), và các chức năng liên quan như tìm kiếm, lọc sản phẩm, và đặt hàng

Hệ thống đặt hàng và thanh toán: Phạm vi đề tài có thể tập trung vào việc phân tích

và triển khai hệ thống đặt hàng và thanh toán an toàn và thuận tiện, bao gồm các chức năng như thêm vào giỏ hàng, chỉnh sửa đơn hàng, phương thức giao hàng, tính phí vận chuyển,

và các phương thức thanh toán khác nhau

Chăm sóc khách hàng: Phạm vi đề tài có thể bao gồm việc nghiên cứu và triển khai các chức năng hỗ trợ khách hàng, bao gồm thông tin liên hệ, hỗ trợ trực tuyến, quản lý đánh giá và nhận xét khách hàng, và các biện pháp chăm sóc khác để tạo sự hài lòng cho khách hàng

1.2 Mục tiêu và phạm vi đề tài

Mục đích chính của một website bán hoa là cung cấp cho khách hàng một nền tảng trực tuyến để mua sắm hoa Nó cung cấp một kênh tiếp cận thuận tiện, cho phép khách hàng lựa chọn và đặt hàng từ một loạt các sản phẩm hoa có sẵn

Phạm vi: Đề tài chỉ dừng trong phạm vi mua bán hàng

1.3 Đối tượng nghiên cứu

– Tìm hiểu trang thương mại điện ở Việt Nam

– Các chức năng của website

– Quy trình xây dựng website

– Quản lý hóa đơn

• Chức năng quản lý hóa như xem chi tiết hóa đơn, xuất file excel hóa đơn

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

• Chức năng quản lý sản phẩm như thêm, xóa, chỉnh sửa thông tin sản phẩm – Quản lý tài khoản

• Chỉnh sửa thông tin tài khoản của mình, thay đổi mật khẩu

– Thống kê doanh thu

• Chức năng thống kê doanh thu, số lượng sản phẩm bán được theo ngày, tháng hoặc năm

Website dành cho khách hàng:

– Chức năng đăng ký tài khoản, đăng nhập tài khoản để mua hàng

12

– Chức năng quản lý thông tin bao gồm:

• Thông tin tài khoản: xem, chỉnh sửa thông tin tài khoản

• Địa chỉ: xem, thêm, chỉnh sửa thông tin địa chỉ giao hàng

• Thay đổi mật khẩu

– Chức năng quản lý đơn hàng bao gồm:

• Lịch sử mua hàng: danh sách các đơn hàng đã mua, xem chi tiết đơn hàng – Chức năng tìm kiếm sản phẩm

– Lọc sản phẩm theo danh mục của website

– Sắp xếp sản phẩm

– Chức năng xem chi tiết sản phẩm

– Chức năng thêm giỏ hàng, mua hàng

– Chức năng áp dụng mã khuyến mãi để được nhận giảm giá khi mua hàng

b Yêu cầu phi chức năng

– Giao diện thân thiện, dễ sử dụng những người không biết nhiều về tin học vẫn có thể sử dụng được

– Hệ thống hoạt động liên tục trong thời gian dài, hạn chế sự cố – Đảm bảo an toàn

dữ liệu, độ tin cậy

1.5.2 Các quy trình nghiệp vụ

a Quy trình tìm kiếm sản phẩm

Khách hàng khi mua hàng, hoặc muốn xem thông tin của một sản phẩm nào đó có thể tìm kiếm sản phẩm dựa vào tên sản phẩm Trên ứng dụng hoặc website sẽ hiển thị các sản phẩm có tên gần đúng với từ khóa tìm kiếm của khách hàng

13

b Quy trình mua hàng trực tuyến

Khách hàng có thể chọn mua một hoặc đồng thời nhiều sản phẩm một cách dễ dàng trên ứng dụng, hoặc thông qua website của cửa hàng Sau khi chọn các sản phẩm cần mua

và thêm vào giỏ hàng, khách hàng có thể điều chỉnh số lượng muốn mua hoặc loại bỏ sản phẩm không muốn mua ra khỏi giỏ hàng Trường hợp khách hàng có mã giảm giá do cửa hàng phát hành thì có thể sử dụng để nhận các ưu đãi giảm giá Khi mua hàng trực tuyến, website sẽ yêu cầu khách hàng cung cấp thông tin giao hàng bao gồm họ tên, số điện thoại người nhận, địa chỉ nhận hàng Trường hợp mua hàng thành công cửa hàng sẽ gửi thông tin về đơn hàng cũng như tình trạng của đơn hàng đến địa chỉ email của khách hàng

c Quy trình xem lịch sử mua hàng

Khách hàng sau khi mua hàng có thể xem lại thông tin chi tiết các đơn hàng đã mua (lịch sử mua hàng) bao gồm: thông hoá đơn, thông tin giao hàng, thông tin sản phẩm và tình trạng của đơn hàng Trường hợp đơn hàng đang trong tình trạng là “Đang xử lý” khách hàng có thể thực hiện huỷ đơn hàng Ngược lại khách hàng sẽ không thể thực hiện huỷ đối với các đơn hàng đang trong các tình trạng khác

d Quy trình hủy đơn hàng

Sau khi đặt hàng thành công, khách hàng đổi ý không muốn mua nữa, hoặc muốn mua sản phẩm khác thì khách hàng có thể thực hiện huỷ đơn hàng Khách hàng chỉ được huỷ đối với các đơn hàng đang ở trạng thái “Chưa duyệt” Trường hợp đơn hàng đang ở các trạng thái khác thì khách hàng chỉ có thể xem không được hủy đơn hàng

14

1.5.3 Các biểu mẫu thu thập

Hình 1 1 Biểu mẫu hóa đơn giá trị gia tăng

15

Hình 1 2 Biểu mẫu hóa đơn bán hàng

16

Chương 2 THIẾT KẾ HỆ THỐNG CƠ SỞ DỮ LIỆU

2.1 Giới thiệu

Giai đoạn thiết kế nhằm đưa ra các quyết định về cài đặt hệ thống, để sao cho hệ

thống thỏa mãn các yêu cầu mà giai đoạn phân tích đã đưa ra, đảm bảo phù hợp với nhu

cầu thực tế Nhóm đã thiết kế hệ thống dựa trên giai đoạn phân tích hệ thống bao gồm: thiết

kế CSDL, sơ đồ lớp ở mức thiết kế, thiết kế giao diện hệ thống

2.2 Thiết kế CSDL

2.2.1 Cơ sở dữ liệu tổng quát

Hình 2 1 Hình ảnh sơ đồ cơ sở dữ liệu toàn bộ hệ thống

18

19

20

Hình 2 3 Hình ảnh sơ đồ cơ sở dữ liệu về chức năng đặt hàng

Bảng DonHang

Bảng 1 5 Bảng đặt hàng

21

SDTKH Varchar(200) Số điện thoại khách hàng

TrangThai Varchar(200) Trạng thái đơn hàng

22

Chương 3 THIẾT KẾ GIAO DIỆN VÀ ĐÁNH GIÁ

3.1 Giao diện website khách hàng

3.1.1 Giao diện trang chủ

Hình 3 1 Giao diện trang chủ của web bán hoa

Đây là giao diện trang chủ sử dụng Slider dùng để trưng bày các banner quảng cáo

giúp thu hút khách khàng,tạo hiệu ứng thị giác đẹp mắt.Hiển thị các banner quảng cáo cho

các sự kiện hoặc khuyến mãi.Liên kết đến các trang sản phẩm tương ứng.Sử dụng PHP để

tương tác với cơ sở dữ liệu và tạo các mục slider động.,bên trên là nút home,shop có

combobox sẽ hiển thị 3 sản phẩm chủ yếu của shop:Hoa giấy,hoa cưới,hoa kỉ niệm,nút

blog,nút contact us

- Ý nghĩa các Control :

+ Home : Nhấn home sẽ load lại trang

+ Shop : Sẽ hiển thị thông tin từng danh mục

23

+ Blog : Hiển thị các bài viết

+ Contact : Hiển thị trang gửi thông tin , người dùng đóng góp ý kiến

+ Icon User : Click vào sẽ hiển thị và truy cập vào trang quản lý thông tin user + Icon giỏ hàng : Click vào sẽ xem được tình trạng giỏ hàng và thông tin các sản phẩm đã thêm vào giỏ hàng

+ Shop Now : đây là hành động click vào trang load sản phẩm theo từng danh mục

3.1.2 Trang sản phẩm

Hình 3 2 Giao diện sản phẩm của website

Giao diện SHOP bao gồm :

Bên trái là danh mục hoa:

Bộ lọc theo giá : khách hàng có sử dụng bộ lọc theo giá từ 0 đến 1200

• Một biểu mẫu đơn giản chứa hai trường nhập dữ liệu: `min_price` (giá tối thiểu)

và `max_price` (giá tối đa)

• Khi người dùng bấm nút "Search", dữ liệu từ biểu mẫu này sẽ được gửi đến một trang `search.php` (chưa được cung cấp trong mã PHP này)

Brand: thương hiệu sản phẩm

• Tương tự như phần Categories, mảng `$brands` chứa danh sách các thương hiệu sản phẩm

• Vòng lặp `foreach` được sử dụng để hiển thị mỗi thương hiệu dưới dạng các liên kết

Sử dụng listview và gridview:

• Trong phần giao diện người dùng, sử dụng hai biểu tượng (icon) để chuyển đổi giữa chế độ xem lưới (Grid View) và chế độ xem danh sách (List View) Điều này cho phép người dùng chọn cách họ muốn xem sản phẩm

• Trong Grid View, mỗi sản phẩm được hiển thị trong một ô lưới có kích thước cố định Mỗi ô lưới thường chứa hình ảnh của sản phẩm, tên sản phẩm, giá cả, và các nút hoặc thẻ để tương tác như xem nhanh sản phẩm

• Trong List View, mỗi sản phẩm được hiển thị dưới dạng danh sách dọc Mỗi mục trong danh sách bao gồm hình ảnh sản phẩm, tên sản phẩm, giá cả và mô tả ngắn Người dùng có thể dễ dàng duyệt qua danh sách này để tìm kiếm sản phẩm mà họ quan tâm

25

• Dù ở chế độ xem nào, sản phẩm được hiển thị trên nhiều trang để tránh việc tải quá nhiều dữ liệu cùng một lúc Phân trang này giúp cải thiện trải nghiệm người dùng

và tối ưu hóa hiệu suất của trang web

• Cho phép người dùng dễ dàng tùy chỉnh cách hiển thị sản phẩm theo ý muốn Họ

có thể chuyển đổi giữa Grid View và List View một cách linh hoạt tùy theo sở thích

cá nhân

Sort By : tìm kiếm sắp xếp theo loại

• Một hộp thả xuống `<select>` cho phép người dùng lựa chọn cách sắp xếp sản phẩm theo một số tiêu chí khác nhau như: relevance, name (A-Z), name (Z-A), price (low to high), price (high to low)

• Mặc định, tất cả các tùy chọn sẽ được hiển thị, nhưng không có hành động cụ thể nào được xử lý khi người dùng chọn một tùy chọn

3.1.3 Trang sản phẩm chi tiết

Hình 3 3 Hình ảnh giao diện chi tiết sản phẩm

26

Cho phép người dùng xem thông tin chi tiết của sản phẩm mà người dùng nhấn chọn, bao gồm các thông tin chi tiết của sản phẩm đó như: thông tin sản phẩm, đặc điểm nổi bật Nút lệnh thêm vào giỏ hàng, slide các sản phẩm tương tự theo danh mục

Ý nghĩa control:

+ Tăng / Giảm : Tăng giảm số lượng sản phẩm muốn mua

+ Size : Có thể chọn size sản phẩm

+ Hiển thị thông tin của sản phẩm

+ Add to cart : thêm thông tin vào giỏ hàng gồm số lượng cần mua

+ Hiển thị thông tin sản phẩm như các ảnh chi tiết

3.1.4 Trang giỏ hàng

Hình 3 4 Hình ảnh trang giỏ hàng

Trang giỏ hàng: giao diện trang giỏ hàng sau khi khách hàng mua 1 sản phẩm nào

đó sẽ hiển thị thông tin chi tiết của mỗi sản phẩm, bao gồm hình ảnh, tên sản phẩm, giá, kích thước, số lượng và tổng thành tiền

THUMBNAIL : hình ảnh của sản phẩm

PRODUCT: Tên sản phẩm