CÔNG NGHỆ WEB PHP xây dựng website shop trang sức

Xuất phát từ những nhu cầu đó đề tài "Thiết kế Website bán trang sức trực tuyến cho cửa hàng" được xây dựng nhằm đạp ứng cho người tiêu dùng trên toàn quốc thông qua website này.. Mục ti

TRƯỜNG ĐẠI HỌC AN GIANG

KHOA CÔNG NGHỆ THÔNG TIN

CÔNG NGHỆ WEB – PHP

Xây dựng website shop trang sức

AN GIANG, 12-2022

TRƯỜNG ĐẠI HỌC AN GIANG KHOA CÔNG NGHỆ THÔNG TIN

CÔNG NGHỆ WEB – PHP

Xây dựng website shop trang sức

AN GIANG, 12-2022

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

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

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

i

MỤC LỤC

PHẦN GIỚI THIỆU 6

1 Lý dó chọn đề tài 7

2 Giới hạn và phạm vi nghiên cứu 7

3 Mục tiêu của đề tài 7

4 Nhiệm vụ nghiên cứu 7

5 Phương pháp nghiên cứu 7

PHẦN NỘI DUNG 8

CHƯƠNG 1: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 9

1 Mô tả hệ thống: 9

2 Quy trình xử lý: 9

3 Yêu cầu chức năng : 9

4 Yêu cầu hệ thống 10

CHƯƠNG 2: MÔ TẢ BÀI TOÁN 14

1 MÔ TẢ TỔNG QUAN 15

1.1 Các chức năng của hệ thống 15

1.2 Nhóm người sử dụng 15

1.3 Môi trường vận hành 15

1.4 Ràng buộc về thực thi và thiết kế: 15

2 CÁC TÍNH NĂNG CỦA HỆ THỐNG 15

2.1 Đăng nhập: 16

2.2 Đăng xuất: 16

3 KẾT QUẢ XÂY DỰNG MỘT SỐ GIAO DIỆN CHÍNH 17

3.1 Giao diện trang chủ 18

3.2 Giao diện trang đăng nhập 18

3.3 Giao diện trang thông tin sản phẩm 18

3.4 Giao diện trang thông tin tài khoản 18

3.5 Giao diện trang đổi mật khẩu 19

3.6 Giao diện trang đơn hàng của tôi: 19

3.7 Giao diện trang quản trị 20

CHƯƠNG 3: KẾT LUẬN 20

1 KẾT QUẢ ĐẠT ĐƯỢC 21

2 HẠN CHẾ 21

3 HƯỚNG PHÁT TRIỂN 21

iii

DANH SÁCH HÌNH ẢNH

Hình 1 Môi trường vận hành 9

Hình 2 Sơ đồ thiết kế kiến trúc 12

Hình 3 Xử lí đăng ký 12

Hình 4 Xử lí đăng nhập 13

Hình 5 Xử lí đăng xuất 14

Hình 6 Xử lí đăng tin 15

Hình 7 Xử lí thêm ảnh bài dăng 16

Hình 8 Xử lí cập nhật bài đăng 17

Hình 9 Xử lí xóa bài đăng 18

Hình 10 Xử lí đặt mua 19

Hình 11 Xử lí duyệt bài đăng 20

Hình 12 Giao diện trang chủ 21

Hình 13 Giao diện trang đăng nhập 22

Hình 14 Giao diện trang đăng ký 22

Hình 15 Giao diện trang đăng tin 23

Hình 16 Giao diện trang thông tài khoản 24

Hình 17 Giao diện trang đổi mật khẩu 24

Hình 18 Giao diện trang đơn hàng của tôi 25

Hình 19 Giao diện trang chi tiết đơn hàng 25

Hình 20 Giao diện trang quản trị 26

Hình 21 Giao diện trang quản lí tài khoản 27

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

DANH SÁCH BẢNG

Bảng 1 Bảng chức năng người dùng 4

Bảng 2 Bảng chức năng người quản trị 4

Bảng 3 Bảng baidang 5

Bảng 4 Bảng danhmuc 6

Bảng 5 Bảng dondatmua 6

Bảng 6 Bảng giohang 7

Bảng 7 Bảng image_baidang 7

Bảng 8 Bảng nguoidung 7

Bảng 9 Bảng các chức năng của hê thống 8

Bảng 10 Bảng tính năng đăng nhập 10

Bảng 11 Bảng tính năng đăng xuất 11

Bảng 12 Bảng tính năng đăng ký 11

v

PHẦN GIỚI THIỆU

1 Lý dó chọn đề tài

Ngày nay khi xã hội ngày càng đi lên cùng với sự phát triển của khoa học kĩthuật thì không ai có thể phủ nhận vai trò của Công Nghệ thông tin ngày càng xâmnhập rộng rãi trong các lĩnh vực của cuộc sống Từ các công sở, cơ quan nhà nước,công ty, văn phồng không những tin học đã tồn tài mà còn đóng vai trò quan trọngtrong đó

Việc cập nhật thông tin là rất cần thiết với nhà quản lý và nhà kinh doanhtrong lĩnh vực này Để quảng bá sản phẩm nhiều nhà kinh doanh của các công ty lớn

đã có chiến quảng bá sản phẩm trên website là một trong những giải pháp hữu hiệunhất Đây là hình thức truyền tải thông tin nhanh chóng , hiệu quả và chi phí thấp Điđôi với sự phát triển của mạng Internet thì nhu cầu chăm sóc bản thân và làm đẹp chochính bản thân của con người cũng được tăng lên vì vậy mà hàng loạt những mỹphẩm đã được cung ứng ra thị trường nhằm phục vụ khách hàng Những khách hàng

có thể trực tiếp mua thông qua website trực tuyến Không mất nhiều thời gian màkhách hàng đã có thể mua được mỹ phẩm tốt nhất đó chỉ bằng một cú Click chuột

Xuất phát từ những nhu cầu đó đề tài "Thiết kế Website bán trang sức trực tuyến cho cửa hàng" được xây dựng nhằm đạp ứng cho người tiêu dùng trên toàn

quốc thông qua website này Khách hàng có thể kích vào mô hình sản phẩm để xemthông tin chi tiết về sản phẩm đó và chọn cho mình được sản phẩm ưng ý nhất

2 Giới hạn và phạm vi nghiên cứu

Xây dựng website bằng ngôn ngữ PHP & MYSQL

Ứng dụng được áp dụng cho cửa hàng THUTHAO JEWEL

3 Mục tiêu của đề tài

- Nghiên cứu lĩnh vực quản lý sản phẩm và phương thức bán hàng của cửa hàngThuThao

- Có các kiến thức cở bản về PHP, HTML, MYSQL

Các chức năng được hoàn thiện, bổ sung cho website bao gồm:

•Giao diện dễ sử dụng, có tính thẩm mỹ cáo và có thể co giản phù hợpvới mọi thiết bị và trên mọi màn hình

•Cho phép người dùng đăng ký, sử dụng miễn phí và đảm bảo bí mậtthông tin

4 Nhiệm vụ nghiên cứu

- Phân tích yêu cầu của hệ thông về mặt chức năng

- Tìm hiểu và phần tích yêu cầu bài toán

- Phân tích và thiết kế cở sở dữ liệu

- Phân tích và thiết kế giao diện

- Triển khai dự án

5 Phương pháp nghiên cứu

-Nắm vững kiến thức về phân tích và thiết kế hệ thống thông tin

-Có kiến thức vững về CSDL: Tổ chức dữ liệu, phân tích, thiết kế CSDL.-Nắm vững và có khả năng sử dụng thành thạo PHP, HTML, CSS, -Nắm vững, sử dụng kết hợp một cách hợp lý các kỹ thuật lập trình

2

PHẦN NỘI DUNG

CHƯƠNG 1: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

1 Mô tả hệ thống:

Website bán trang sức là cửa hàng chuyên cung cấp các sản phẩm phụ kiện làm đẹp

và cung cấp thông tin về các sản phẩm mới nhất được ưa chuộng nhiều nhất Yêu cầucủa website là có thể hiện được các sản phẩm, thông tin của sản phẩm giúp chokhách hàng có thể xem, tìm kiếm và đưa ra sự lựa chọn phù hợp nhất với nhu cầucũng như sở thích của khách hàng một cách nhanh chóng dể dàng nhất

2 Quy trình xử lý:

- Phần mua hàng:

Khi người dùng truy cập vào website, khách hàng có thể xem hoặc tìm kiếmcác sản phẩm tùy thích Sau lựa chọn được sản phẩm cần thiết người dùng có thểthêm sản phẩm vào giỏ hàng của mình và tiếp tục xem các sản phẩm khác Tiếp theo

có thể quản lý giỏ hàng của mình nếu không phù hợp có thế xóa sản phẩm mà mình

đã thêm vào giỏ Điền các thông tin cần thiết để có thể đặt mua

- Phần đăng tin:

Admin bắt buộc phải đăng nhập để có thể chuyển sang giao diên của admin

để quản lý các danh sách sản phẩm, thông tin người dùng và các đơn đặt hàng Cóthể thêm, xóa, sửa ở tất các các hạng mục tùy ý

3 Yêu cầu chức năng :

- Đối với người dùng:

1 Xem thông tin bài đăng Truy cập

2 Tìm kiếm bài đăng dựa trên từ khóa Tìm kiếm

6 Đăng nhập, đăng ký, đăng xuất Truy cập

Bảng 1 Bảng chức năng người dùng.

- Đối với quản trị :

STT Chức năng Loại chức năng

1 Quản lý bài đăng Thêm, xóa, sửa

2 Quản lý người dùng Thêm, khóa

3 Quản lý danh mục Thêm, sửa, xóa

4 Đăng nhập, đăng xuất Truy cập

Bảng 2 Bảng chức năng người quản trị.

4

4 Yêu cầu hệ thống

Chi tiết dữ liệu trong bảng :

-Bảng danh mục:

STT Tên trường Kiểu dữ liệu Ý nghĩa

1 iddanhmuc int(255) Mã danh mục (khóa chính)

2 tendanhmuc varchar(255) Tên danh mục

Bảng 3 Bảng danhmuc.

-Bảng địa chỉ

STT Tên trường Kiểu dữ liệu Ý nghĩa

1 id int(255) Mã địa chỉ (khóa chính)

2 Nguoidung_id int(255) Mã người dùng

3 diachi varchar(255) Thông tinh địa chỉ

4 macdinh tinyint(4)

Bảng 4 Bảng diachi.

6

- Bảng đơn hàng:

STT Tên trường Kiểu dữ liệu Ý nghĩa

1 id int(255) Mã đơn hàng (khóa chính)

2 Nguoidung_id int(255) Mã người dùng

3 Diachi_id int(255) Mã địa chỉ

5 tongtien float Tổng tiền

6 ghichu varchar(255) Ghi chú

Bảng 5 Bảng donhang.

- Bảng đơn hàng chi tiết:

STT Tên trường Kiểu dữ liệu Ý nghĩa

1 id int(255) Mã đơn hàng chi tiết (khóa

chính)

2 donhang_id int(255) Mã đơn hàng

3 mathang_id int(255) Mã mặt hàng

5 soluong int(255) Số lượng

6 thanhtien float Thành tiền

Bảng 6 Bảng donhangct

-Bảng mặt hàng:

STT Tên trường Kiểu dữ liệu Ý nghĩa

1 id int(255) Mã mặt hàng (khóa chính)

2 tenmathang varchar(255) Tên mặt hàng

6 soluongton int(255) Số lượng tồn

7 hinhanh varchar(255) Hình ảnh

8 danhmuc_id int(255) Mã danh mục

10 luotmua int(255) Lượt mua

Bảng 7 Bảng mathang

- Bảng người dùng:

STT Tên trường Kiểu dữ liệu Ý nghĩa

1 id int(255) Mã người dùng (khóa chính)

2 email varchar(255) Email

3 sodienthoai varchar(10) Số điện thoại

4 matkhau varchar(255) Mật khẩu

5 hoten varchar(255) Họ tên

7 trangthai tinyint(4) Trạng thái

8 hinhanh varchar(255) Hình ảnh

Bảng 8 Bảng nguoidung.

8

CHƯƠNG 2: MÔ TẢ BÀI TOÁN

7 Quản lí bài đăng

8 Tìm kiếm bài đăng

9 Lọc bài đăng theo danh mục

Quản trị: nhóm người dùng này có quyền cao nhất trên hệ thống Có thể tạo

và quản lý tất cả các nhóm người dùng khác, thực hiện được các chức năng như:Quản lí bài đăng, quản lí người dùng, quản lí danh mục,…

Người dùng: người dùng website thực hiện các chức năng như: Tìm kiếm,chọn mua, đặt hàng

1.3 Môi trường vận hành

Website xây dựng trên mô hình Web Server với ngôn ngữ PHP sử dụng cácplugin hổ trợ như Bootstrap, Jquery, w3css Cơ sở dữ liệu của hệ thống sử dụng hệquản trị cơ sở dữ liệu MySQL

1.4 Ràng buộc về thực thi và thiết kế:

- Ràng buộc thực thi thiết kế:

•Giao diện đơn giản, thân thiện với người dùng

•Bàn giao sản phẩm đúng thời hạn

•Phần mềm chạy trên localhost

•Công cụ lập trình chính: Sublime Text 3

•Kích thước bộ nhớ máy (Máy lưu CSDL) phải đủ lớn để lưu thôngtin tăng lên khi sử dụng

- Ràng buộc thực thi: Đáp ứng nhanh yêu cầu người dùng, trong thời gian chờvượt quá giới hạn hệ thông phải hiện thông báo đến người dùng

- Yêu cầu ngôn ngữ: ngắn gọn dễ hiểu.

Mục ưu tiên Cao

Nội dung Cho phép tất cả các nhóm người dùng thực hiện đăng nhập

vào hệ thống

Cách xử lý Bước 1: Người dùng nhập tài khoản và mật khẩu đăng nhập

Bước 2: Người dùng nhấp vào nút Đăng nhậpBước 3: Hệ thống kiểm tra dữ liệu người dùng vừa nhập vào.Nếu thành công hệ thống chuyển đến trang chủ Ngược lại hệthống gửi một thông báo đến người dùng

Kết quả Đăng nhập thành công hoặc thất bại

Bảng 10 Bảng tính năng đăng nhập.

10

Mục ưu tiên Cao

Nội dung Cho phép tất cả các nhóm người dùng thực hiện đăng xuất ra

khỏi hệ thống, kết thúc phiên làm việcCách xử lý Bước 1: Người dùng nhấp vào nút Đăng xuất

Bước 2: Gửi thông báo xác nhận tới người dùngBước 3: Hệ thống đăng xuất chuyển người dùng trở lại trangĐăng nhập nếu người dùng đăng nhập

Kết quả Đăng xuất thành công

Bảng 11 Bảng tính năng đăng xuất.

3 KẾT QUẢ XÂY DỰNG MỘT SỐ GIAO DIỆN CHÍNH

3.1 Giao diện trang chủ

3.2 Giao diện trang đăng nhập

3.3 Giao diện trang thông tin sản phẩm

12

3.4 Giao diện trang thông tin tài khoản

3.5 Giao diện trang đổi mật khẩu

3.6 Giao diện trang đơn hàng của tôi:

3.7 Giao diện trang quản trị

14

CHƯƠNG 3: KẾT LUẬN

1 KẾT QUẢ ĐẠT ĐƯỢC

Xây dựng ra một trang website bán hàng trang sức phục vụ cho nhu cầungười dùng và quản trị viên với thiết kế đơn giản, dể sử dụng , dể dang tiếp cận đếnmọi đối tượng khách hàng, cho phép người dùng tìm kiếm thông tin và đặt hàng sảnphẩm mà mình mong muốn

Xây dựng hệ thông website một cách logic đầy đủ các chức năng cơ bản

- Hoàn thiện thêm các chức năng đang còn hạn chế của hệ thống

- Cho phép khách hàng mua hàng và thanh toán trực tiếp qua mạng thông quathẻ ATM

- Cho phép người bán và người mua có thể chat ngay trên website

- Hoàn thiện hệ thống hơn để khi đưa vào vận hành thực tế có thể vận hànhtốt nhất đáp ứng đủ các tiêu chí về web hiện nay

- Thiết kế thêm tăng tính thẩm mỹ cho trang web, giúp cho website bắt mắthơn với người dùng