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

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 Sinh viên thực Giảng viên hướng dẫn Nguyễn Thị Thu Thảo Nguyễn Minh Vi 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 Sinh viên thực Nguyễn Thị Thu Thảo-DTH195174 Giảng viên hướng dẫn Nguyễn Minh Vi 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ý ghi rõ họ tên) i MỤC LỤC PHẦN GIỚI THIỆU Lý dó chọn đề tài .7 Giới hạn phạm vi nghiên cứu Mục tiêu đề tài Nhiệm vụ nghiên cứu Phương pháp nghiên cứu PHẦN NỘI DUNG .8 CHƯƠNG 1: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG Mô tả hệ thống: .9 Quy trình xử lý: .9 Yêu cầu chức : Yêu cầu hệ thống 10 CHƯƠNG 2: MƠ TẢ BÀI TỐN 14 MÔ TẢ TỔNG QUAN 15 1.1 Các chức 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 thực thi thiết kế: 15 CÁC TÍNH NĂNG CỦA HỆ THỐNG 15 2.1 Đăng nhập: 16 2.2 Đăng xuất: .16 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 19 3.6 Giao diện trang đơn hàng tôi: 19 3.7 Giao diện trang quản trị 20 CHƯƠNG 3: KẾT LUẬN 20 KẾT QUẢ ĐẠT ĐƯỢC 21 HẠN CHẾ 21 HƯỚNG PHÁT TRIỂN 21 ii iii DANH SÁCH HÌNH ẢNH Hình Mơi trường vận hành .9 Hình Sơ đồ thiết kế kiến trúc 12 Hình Xử lí đăng ký .12 Hình Xử lí đăng nhập 13 Hình Xử lí đăng xuất 14 Hình Xử lí đăng tin .15 Hình Xử lí thêm ảnh dăng .16 Hình Xử lí cập nhật đăng 17 Hình Xử lí xóa đăng 18 Hình 10 Xử lí đặt mua .19 Hình 11 Xử lí duyệt đă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 .24 Hình 18 Giao diện trang đơn hàng .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 iv DANH SÁCH BẢNG Bảng Bảng chức người dùng Bảng Bảng chức người quản trị .4 Bảng Bảng baidang Bảng Bảng danhmuc .6 Bảng Bảng dondatmua Bảng Bảng giohang Bảng Bảng image_baidang .7 Bảng Bảng nguoidung Bảng Bảng chức thống Bảng 10 Bảng tính đăng nhập 10 Bảng 11 Bảng tính đăng xuất 11 Bảng 12 Bảng tính đăng ký .11 v PHẦN GIỚI THIỆU Lý dó chọn đề tài Ngày xã hội ngày lên với phát triển khoa học kĩ thuật khơng phủ nhận vai trị Cơng Nghệ thơng tin ngày xâm nhập rộng rãi lĩnh vực sống Từ công sở, quan nhà nước, công ty, văn phồng tin học tồn tài mà cịn đóng vai trị quan trọng Việc cập nhật thông tin cần thiết với nhà quản lý nhà kinh doanh lĩnh vực Để quảng bá sản phẩm nhiều nhà kinh doanh cơng ty lớn có chiến quảng bá sản phẩm website giải pháp hữu hiệu Đây hình thức truyền tải thơng tin nhanh chóng , hiệu chi phí thấp Đi đơi với phát triển mạng Internet nhu cầu chăm sóc thân làm đẹp cho thân người tăng lên mà hàng loạt mỹ phẩm cung ứng thị trường nhằm phục vụ khách hàng Những khách hàng trực tiếp mua thơng qua website trực tuyến Không nhiều thời gian mà khách hàng mua mỹ phẩm tốt cú Click chuột Xuất phát từ nhu cầu đề tài "Thiết kế Website bán trang sức trực tuyến cho cửa hàng" xây dựng nhằm đạp ứng cho người tiêu dùng tồn quốc thơng qua website Khách hàng kích vào mơ hình sản phẩm để xem thơng tin chi tiết sản phẩm chọn cho sản phẩm ưng ý Giới hạn phạm vi nghiên cứu Xây dựng website ngôn ngữ PHP & MYSQL Ứng dụng áp dụng cho cửa hàng THUTHAO JEWEL Mục tiêu đề tài - Nghiên cứu lĩnh vực quản lý sản phẩm phương thức bán hàng cửa hàng ThuThao - Có kiến thức cở PHP, HTML, MYSQL Các chứ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 co giản phù hợp với thiết bị hình •Cho phép người dùng đăng ký, sử dụng miễn phí đảm bảo bí mật thơng tin Nhiệm vụ nghiên cứu - Phân tích yêu cầu hệ thơng mặt chức - Tìm hiểu phần tích u cầu tốn - Phân tích thiết kế cở sở liệu - Phân tích thiết kế giao diện - Triển khai dự án Phương pháp nghiên cứu -Nắm vững kiến thức phân tích thiết kế hệ thống thơng tin -Có kiến thức vững CSDL: Tổ chức liệu, phân tích, thiết kế CSDL -Nắm vững có khả sử dụng thành thạo PHP, HTML, CSS, -Nắm vững, sử dụng kết hợp cách hợp lý kỹ thuật lập trình PHẦN NỘI DUNG CHƯƠNG 1: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG Mơ tả hệ thống: Website bán trang sức cửa hàng chuyên cung cấp sản phẩm phụ kiện làm đẹp cung cấp thông tin sản phẩm ưa chuộng nhiều Yêu cầu website sản phẩm, thông tin sản phẩm giúp cho khách hàng xem, tìm kiếm đưa lựa chọn phù hợp với nhu cầu sở thích khách hàng cách nhanh chóng dể dàng Hệ thống gồm phận: - Bộ phẩn quản trị (admin): Có thể xử lý cách đăng Quản lý thông tin khách hàng Xử lý đơn hàng chờ Có thể thêm, xóa, sửa thơng tin sản phẩm - Bộ phận người dùng (khách hàng): Truy cập vào website cửa hàng Xem tìm kiếm thơng tin chi tiết tất sản phẩm có cửa hàng Lựa chọn đặt mua sản phẩm ưng ý giỏ hàng Quản lý thông tin cá nhân thân 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 xem tìm kiếm sản phẩm tùy thích Sau lựa chọn sản phẩm cần thiết người dùng thêm sản phẩm vào giỏ hàng tiếp tục xem sản phẩm khác Tiếp theo quản lý giỏ hàng khơng phù hợp xóa sản phẩm mà thêm vào giỏ Điền thơng tin cần thiết để đặt mua - Phần đăng tin: Admin bắt buộc phải đăng nhập để chuyển sang giao diên admin để quản lý danh sách sản phẩm, thông tin người dùng đơn đặt hàng Có thể thêm, xóa, sửa tất các hạng mục tùy ý Yêu cầu chức : - Đối với người dùng: STT Chức Xem thông tin đăng Tìm kiếm đăng dựa từ khóa Đặt hàng Quản lí giỏ hàng Đăng nhập, đăng ký, đăng xuất Bảng Bảng chức người dùng - Đối với quản trị : STT Loại chức Truy cập Tìm kiếm Giao dịch mua hàng Thêm, xóa Truy cập Chức Quản lý đăng Quản lý người dùng Quản lý danh mục Đăng nhập, đăng xuất Loại chức Thêm, xóa, sửa Thêm, khóa Thêm, sửa, xóa Truy cập Bảng Bảng chức người quản trị 4 Yêu cầu hệ thống Chi tiết liệu bảng : -Bảng danh mục: STT Tên trường iddanhmuc tendanhmuc Kiểu liệu int(255) varchar(255) Ý nghĩa Mã danh mục (khóa chính) Tên danh mục Kiểu liệu int(255) int(255) varchar(255) tinyint(4) Ý nghĩa Mã địa (khóa chính) Mã người dùng Thơng tinh địa Bảng Bảng danhmuc -Bảng địa STT Tên trường id Nguoidung_id diachi macdinh Bảng Bảng diachi - Bảng đơn hàng: STT Tên trường id Nguoidung_id Diachi_id tongtien ghichu Kiểu liệu int(255) int(255) int(255) datetime float varchar(255) Ý nghĩa Mã đơn hàng (khóa chính) Mã người dùng Mã địa Ngày Tổng tiền Ghi Ý nghĩa Mã đơn hàng chi tiết (khóa chính) Mã đơn hàng Mã mặt hàng Đơn giá Số lượng Thành tiền Bảng Bảng donhang - Bảng đơn hàng chi tiết: STT Tên trường id Kiểu liệu int(255) donhang_id mathang_id dongia soluong thanhtien int(255) int(255) float int(255) float Bảng Bảng donhangct -Bảng mặt hàng: STT 10 Tên trường id tenmathang mota giagoc giaban soluongton hinhanh danhmuc_id luotxem luotmua Kiểu liệu int(255) varchar(255) text float float int(255) varchar(255) int(255) int(255) int(255) Ý nghĩa Mã mặt hàng (khóa chính) Tên mặt hàng Mơ tả Giá gốc Giá Bán Số lượng tồn Hình ảnh Mã danh mục Lượt xem Lượt mua Bảng Bảng mathang - Bảng người dùng: STT Tên trường id email sodienthoai matkhau hoten loai trangthai hinhanh Kiểu liệu int(255) varchar(255) varchar(10) varchar(255) varchar(255) tinyint(4) tinyint(4) varchar(255) Ý nghĩa Mã người dùng (khóa chính) Email Số điện thoại Mật Họ tên Phân quyền Trạng thái Hình ảnh Bảng Bảng nguoidung CHƯƠNG 2: MƠ TẢ BÀI TỐN MÔ TẢ TỔNG QUAN 1.1 Các chức hệ thống STT TÊN CHỨC NĂNG Đăng nhập Đăng xuất Đăng ký Đăng tin Xem chi tiết đăng Đặt hàng Quản lí đăng Tìm kiếm đăng Lọc đăng theo danh mục 10 Quản lí người dùng 11 Quản lí danh mục 12 Xử lí đơn hàng 13 Cập nhật thông tin 14 Cập nhật mật Bảng Bảng chức thống 1.2 Nhóm người sử dụng Quản trị: nhóm người dùng có quyền cao hệ thống Có thể tạo quản lý tất nhóm người dùng khác, thực chức như: Quản lí đă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 chức 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 mơ hình Web Server với ngơn ngữ PHP sử dụng plugin hổ trợ Bootstrap, Jquery, w3css Cơ sở liệu hệ thống sử dụng hệ quản trị sở liệu MySQL 1.4 Ràng buộc thực thi 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 thời hạn •Phần mềm chạy localhost •Cơng cụ lập trình chính: Sublime Text •Kích thước nhớ máy (Máy lưu CSDL) phải đủ lớn để lưu thông tin tăng lên sử dụng - Ràng buộc thực thi: Đáp ứng nhanh yêu cầu người dùng, thời gian chờ vượt giới hạn hệ thông phải thông báo đến người dùng - Yêu cầu ngôn ngữ: ngắn gọn dễ hiểu CÁC TÍNH NĂNG CỦA HỆ THỐNG 2.1 Đăng nhập: Tên yêu cầu Đối tượng dụng Đăng nhập sử Tất nhóm người dùng Mục ưu tiên Cao Nội dung Cho phép tất nhóm người dùng thực đă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 mật đăng nhập Bước 2: Người dùng nhấp vào nút Đăng nhập Bước 3: Hệ thống kiểm tra 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 thông báo đến người dùng Kết Đăng nhập thành cơng thất bại Bảng 10 Bảng tính đăng nhập 10 2.2 Đăng xuất: Tên yêu cầu Đối tượng dụng Đăng xuất sử Tất nhóm người dùng Mục ưu tiên Cao Nội dung Cho phép tất nhóm người dùng thực đăng xuất khỏi hệ thống, kết thúc phiên làm việc Cá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ùng Bước 3: Hệ thống đăng xuất chuyển người dùng trở lại trang Đăng nhập người dùng đăng nhập Kết Đăng xuất thành cơng Bảng 11 Bảng tính đăng xuất 11 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 3.6 Giao diện trang đơn hàng tôi: 13 3.7 Giao diện trang quản trị 14 CHƯƠNG 3: KẾT LUẬN KẾT QUẢ ĐẠT ĐƯỢC Xây dựng trang website bán hàng trang sức phục vụ cho nhu cầu người dùng quản trị viên với thiết kế đơn giản, dể sử dụng , dể dang tiếp cận đến đối tượng khách hàng, cho phép người dùng tìm kiếm thơng tin đặt hàng sản phẩm mà mong muốn Xây dựng hệ thông website cách logic đầy đủ chức HẠN CHẾ Hạn chế nhiều khía cạnh ,chưa mạng lại tối ưu hóa cho người dùng quản trị viên so với trang web lớn ngành Còn mắc nhiều lỗi thực đồ án phải nhiều thời gian để khắc phục Chưa tạo giao diện hoàn chỉnh bắt mắt HƯỚNG PHÁT TRIỂN - Hoàn thiện thêm chức hạn chế hệ thống - Cho phép khách hàng mua hàng tốn trực tiếp qua mạng thơng qua thẻ ATM - Cho phép người bán người mua chat website - Hoàn thiện hệ thống để đưa vào vận hành thực tế vận hành tốt đáp ứng đủ tiêu chí web - Thiết kế thêm tăng tính thẩm mỹ cho trang web, giúp cho website bắt mắt với người dùng 15 ...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 Sinh viên thực Nguyễn Thị Thu Thảo-DTH195174 Giảng viên hướng... thơng qua website trực tuyến Không nhiều thời gian mà khách hàng mua mỹ phẩm tốt cú Click chuột Xuất phát từ nhu cầu đề tài "Thiết kế Website bán trang sức trực tuyến cho cửa hàng" xây dựng nhằm... danh mục,… Người dùng: người dùng website thực chức 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 mơ hình Web Server với ngơn ngữ PHP sử dụng plugin hổ trợ Bootstrap,