QUẢN LÝ WEBSITE BÁN ĐÔNG HỒ

TRƯỜNG ĐẠI HỌC NGOẠI NGỮ - TIN HỌC THÀNH PHỒ HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN  BÀI BÁO CÁO KẾT THÚC HỌC PHẦN HỌC KỲ II NĂM HỌC 2021-2022 HỆ THỐNG THÔNG TIN QUẢN LÝ QUẢN LÝ WEBSITE BÁN ĐÔNG HỒ GV hướng dẫn: Phạm Đức Thành Sinh viên thực hiện: Trần Quang Mạnh – 19DH110553 Nguyễn Khôi Nam – 19DH110798 Nguyễn Tấn Kiệt – 19DH110738 Lớp: TT1901 Thành phố Hồ Chí Minh, tháng 6/2022 Mục Lục CHƯƠNG GIỚI THIỆU ĐỀ TÀI 1.1 GIỚI THIỆU: 1.1.2 Mở Đầu: 1.1.3 Lý Do: 1.2 KHẢO SÁT THỰC TẾ: 1.2.1 Đồng hồ Hải Triều: 1.2.2 WatchTime: 10 1.2.4 Một quy trình nghiệp vụ cụ thể: 20 1.3 CÁC CHỨC NĂNG DỰ KIẾN CỦA ĐỀ TÀI: 21 1.4 CÔNG NGHỆ SỬ DỤNG: 21 1.4.1 Front – End: 21 1.4.2 Back – End: 21 1.5 BỐ CỤC ĐỀ TÀI: 21 1.6 PHẠM VI GIỚI HẠN: 22 CHƯƠNG GIỚI THIỆU VỀ WORDPRESS 23 2.1 KHÁI NIỆM VỀ WORDPRESS 23 2.2 LỊCH SỬ HÌNH THÀNH CỦA WORDPRESS 23 2.3 KIẾN TRÚC CỦA WORDPRESS 24 2.4 CÁC TÍNH NĂNG TRONG WORDPRESS 25 2.5 LÝ DO NÊN CHỌN WORDPRESS ĐỂ THIẾT KẾ WED 27 2.5.1 Dễ sử dụng 27 2.5.2 Cộng đồng hỗ trợ đông đão 27 2.5.3 Nhiều gói giao diện có sẵn 28 2.5.4 Nhiều plugin hỗ trợ 28 2.5.5 Dễ phát triển cho lập trình viên 28 2.5.6 Hỗ trợ nhiều ngôn ngữ 29 2.5.7 Có thể làm nhiều loại website 29 2.6 NHỮNG THÀNH TỰU CỦA WORDPRESS 29 2.7 ƯU VÀ NHƯỢC ĐIỂM CỦA WORDPRESS 30 2.7.1 Ưu điểm: 30 2.7.2 Nhược điểm: 30 2.8 TỔNG QUAN GIỚI THIỆU VỀ MY SQL 31 2.9 LỊCH SỬ HÌNH THÀNH VÀ PHÁT TRIỂN CỦA MYSQL 32 2.10 CÁCH THỨC HOẠT ĐỘNG CỦA MY SQL 32 2.11 NHỮNG LÝ DO NÊN SỬ DỤNG MY SQL 33 CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ 35 3.1 PHÂN TÍCH 35 3.1.1 SƠ ĐỒ CHỨC NĂNG 35 3.1.2 CÁC USE CASE 35 3.2 THIẾT KẾ 38 3.3 THIẾT KẾ DỮ LIỆU 44 3.4 THIẾT KẾ XỬ LÝ: 48 CHƯƠNG 4: KẾT LUẬN 49 4.1 KẾT QUẢ ĐẠT ĐƯỢC 49 4.1.1 Giao diện trang chủ 49 4.1.2 Giao diện trang sản phẩm 51 4.1.3 Giao diện xem chi tiết sản phẩm: 52 4.1.4 Giao diện giỏ hàng: 53 4.1.5 Giao diện toán: 54 4.2 NHỮNG HẠN CHẾ: 55 4.3 HƯỚNG PHÁT TRIỂN: 55 TÀI LIỆU THAM KHẢO 55 DANH MỤC HÌNH ẢNH 56 CHƯƠNG GIỚI THIỆU ĐỀ TÀI 1.1 Giới Thiệu: Ngày nay, ứng dụng cơng nghệ thơng tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Cùng với phát triển không ngừng kỹ thuật máy tính mạng điện tử, cơng nghệ thơng tin cơng nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng internet sản phẩm có giá trị lớn lao ngày trở nên công cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Bằng internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người 1.1.2 Mở Đầu: Trong hoạt động sản xuất kinh doanh, đây, thương mại điện tử khẳng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với công ty du lịch, việc quảng bá giới thiệu đến khách hàng chương trình du lịch cơng ty tổ chức thời điểm cách hiệu kịp thời yếu tố mang tính định cho tồn phát triển cơng ty Vì vậy, thật thiếu sót cơng ty bạn chưa xây dựng website để giới thiệu rộng rãi sản phẩm mà bạn có Và vấn đề đặt song song với để quản lý điều hành website cách dễ dàng hiệu quả, có tránh nhàm chán cho khách hàng thường xuyên website, thu kết mong muốn Đây vấn đề cấp thiết nỗi trăn trở hầu hết công ty doanh nghiệp, doanh nghiệp Việt Nam – với họ, thương mại điện tử 1.1.3 Lý Do: Trong thời buổi nay, mà công nghệ phát triển, thương mại điện tử ngày phát triển giới Việt Nam dần khẳng định vị kinh tế thị trường Cùng với đời ngơn ngữ lập trình cho phép thiết kế xây dựng ứng dụng thương mại điện tử nhiều hình thức khác Và ứng dụng thương mại điện tử phổ biến nước ta dịch vụ bán hàng qua mạng internet Dịch vụ cho phép người dùng tìm kiếm chọn lựa sản phẩm để mua, thực giao dịch mà không cần phải trực tiếp đến cửa hàng, mà cần sử dụng thiết bị máy tính có kết nối internet Tuy nhiên dịch vụ với người tiêu dùng nước ta, đặc biệt người khơng có kiến thức tin học nói chung thương mại điện tử nói riêng Nên đối tượng thương mại điện tử chủ yếu tầng lớp tri thức học sinh, sinh viên Là người sinh viên, có chút kiến thức tin học tiếp xúc với thương mại điện tử nhiên đơi lúc gặp số khó khăn việc mua bán hệ thống bán hàng qua mạng Như hình thức tốn, nhận hàng, chất lượng sản phẩm thực tế không website,… Hiểu vấn đề mong muốn đưa thương mại điện tử đến với nhiều người chúng em thực đề tài : “Quản lý website bán đồng hồ” Với mục đích xây dựng hệ thống bán hàng qua mạng uy tín, đơn giản, thân thiện, đem lại cho khách hàng lựa chọn tối ưu để ngày người khơng có kiến thức tin học tham gia mua hàng mạng với số thao tác đơn giản 1.2 Khảo sát thực tế: 1.2.1 Đồng hồ Hải Triều: a) Giao diện danh sách đồng hồ: Hình Giao diện danh sách đồng hồ - Hình Giao diện danh sách đồng hồ Thơng tin lưu trữ: + Hình ảnh đồng hồ + Tên đồng hồ - mã đồng hồ - + Giá tiền + Đánh giá chất lượng đồng hồ (số lượng sao) Chức năng: + Chọn đồng hồ muốn xem + Nhắn tin với tư vấn viên b) Giao diện chi tiết sản phẩm: Hình Hình2.2Giao Giaodiện diệnchi chitiết tiếtsản sảnphẩm phẩm1 - Thông tin lưu trữ: + + + + - Hình ảnh sản phẩm Video review Chế độ bảo hành hậu Thơng tin sản phẩm • Thương hiệu • Số hiệu sản phẩm • Xuất xứ • Giới tính • Kính • Máy • Bảo hành quốc tế • Bảo hành Hải Triều • Đường kính mặt số • Bề dày mặt số • Niềng • Dây đeo • Màu mặt số • Chống nước • Chức • Nơi sản xuất Chức năng: + Xem thông tin chi tiết sản phẩm + Xem showroom hàng + Thêm vào giỏ hàng + Xem video review c) Giao diện thêm sản phẩm vào giỏ hàng: Hình Giao diện thêm sản phẩm vào giỏ Hình Giao diện thêm sản phẩm vào giỏ Thơng tin lưu trữ: + Tên sản phẩm + Mã số sản phẩm + Giới tính sản phẩm + Chất liệu sản phẩm + Chất liệu dây sản phẩm Chức năng: + Thêm sản phẩm vào giỏ hàng + Tiếp tục mua sản phẩm khác + Thanh toán + Trở trang chi tiết sản phẩm - - d) Giao diện tốn: Hình Hình 4 Giao Giao diện diện thanh tốn tốn - Thơng tin lưu trữ: + Địa nhận hàng: - • Tên • Họ • Quốc gia/Khu vực • Địa • Tỉnh/Thành phố • Số điện thoại • Địa email • Thông tin thêm (ghi đơn hàng) + Đơn hàng bạn • Tên sản phẩm • Tạm tính • Tổng giá + Hình thức tốn Chức năng: + Nhập mã ưu đãi + Đăng ký nhận email từ đồng hồ Hải Triều + Chọn hình thức tốn + Đặt hàng e) Giao diện thơng tin đặt hàng hồn tất: Hình Giao diện thơng tin đặt hàng hồn tất - Thơng tin lưu trữ: + + + + + + + - Thông tin đơn hàng Mã đơn hàng Lời cảm ơn Ngày đặt hàng Tổng cộng giá tiền Phương thức toán Chi tiết đơn hàng: • Tên sản phẩm • Tổng tiền • Phương thức tốn Chức năng: + Xem thơng tin chi tiết đơn hàng 1.2.2 WatchTime: a) Giao diện danh sách đồng hồ: Hình Giao diện danh sách đồng hồ - Thơng tin lưu trữ: + Hình ảnh đồng hồ + Tên đồng hồ + Giá đồng hồ + Mức giảm giá + Bán chạy # Tên Cột maphieubh masp makh ngaybatdau ngayketthuc madonhang trangthai Mô tả Mã phiếu bảo hành Mã sản phẩm Mã khách hàng Ngày bắt đầu Ngày kết thúc Mã đơn hàng Trạng thái phiếu Kiểu liệu Char Char Char Datetime Datetime Char nVarchar Độ rộng Tối đa 10 ký tự Tối đa 10 ký tự Tối đa 10 ký tự Tối đa 10 ký tự Tối đa 100 ký tự • Bảng khách hàng Bảng 3: Bảng khách hàng # 4 Tên Cột makh tenkh sodienthoai ngaysinh diachi email sodondathang gioitinh • Bảng sản phẩm Mơ tả Mã khách hàng Tên khách hàng Số điện thoại Ngày sinh Địa Email Số đơn đặt hàng Giới tính Kiểu liệu Char nVarchar Number Date nVarchar nVarchar Number nVarchar Độ rộng Tối đa 10 ký tự Tối đa 50 ký tự Tối đa 10 ký tự Tối đa 50 ký tự Tối đa ký tự Tối đa ký tự Bảng 4: Bảng thông tin sản phẩm # Tên Cột masp tensp danhmucsp motasp chitietsp anhsp giasanpham ngaydangsanpham 10 11 12 nhasanxuat mancc makhuyenmai soluong Mô tả Mã sản phẩm Tên sản phẩm Danh mục sản phẩm Mô tả sản phẩm Chi tiết sản phẩm Ảnh sản phẩm Giá sản phẩm Ngày đăng sản phẩm Nhà sản xuất Mã nhà cung cấp Mã khuyến Số lượng Kiểu liệu Char nVarchar nVarchar nVarchar Char Độ rộng Tối đa 10 ký tự Tối đa 50 ký tự Tối đa 20 ký tự Number Date Tối đa 10 ký tự nVarchar Char Char Number Tối đa 10 ký tự Tối đa 10 ký tự Tối đa 10 ký tự Tối đa ký tự • Bảng đơn hàng Bảng 5: Bảng đơn hàng # Tên Cột madh masp tenkh sdt diachikhachhang motadonhang email tinhtrangdonhang tongtien 10 ghichu 11 ngaytaodonhang 12 ngaygiao 13 khuyenmai 14 makh Mô tả Mã đơn hàng Mã sản phẩm Tên khách hàng Số điện thoại Địa khách hàng Mơ tả đơn hàng Email Tình trạng đơn hàng Tổng tiền Ghi Ngày tạo đơn hàng Ngày giao Khuyến Mã khách hàng Kiểu liệu Char Char nVarchar Number nVarchar nVarchar nVarchar nVarchar Char Nvarcha Date Date Char Char Độ rộng Tối đa 10 ký tự Tối đa 10 ký tự Tối đa 50 ký tự Tối đa 10 ký tự Tối đa 50 ký tự Tối đa ký tự Tối đa 50 ký tự Tối đa 10 ký tự Tối đa 10 ký tự • Bảng chi tiết đơn hàng Bảng 6: Bảng chi tiết đơn hàng # Tên Cột masp madh dongiasanpham soluong chietkhau Mô tả Mã sản phẩm Mã đơn hàng Đơn giá Số lượng Chiết khấu Kiểu liệu Char Char Number Number Number Độ rộng Tối đa 10 ký tự Tối đa 10 ký tự Tối đa 10 ký tự Tối đa ký tự Tối đa ký tự • Bảng nhân viên • Bảng 7: Bảng nhân viên # Tên Cột Mô tả manv Mã nhân viên Kiểu liệu Char Độ rộng Tối đa 10 ký tự tennv sodienthoai email diachi cmnd ngaysinhnhanvien 10 11 mataikhoan tentaikhoan matkhautk chucvu Tên nhân viên Số điện thoại Email Địa Chứng minh nhân dân Ngày sinh nhân viên Mã tài khoản Tên tài khoản Mật tài khoản Chức vụ nVarchar Number nVarchar nVarchar Number Tối đa 50 ký tự Tối đa 10 ký tự Tối đa ký tự Date Char nVarchar nVarchar nVarchar Tối đa 10 ký tự Tối đa 20 ký tự Tối đa 20 ký tự Tối đa 10 ký tự • Bảng đơn hàng nhà cung cấp Bảng 8: Bảng đơn hàng nhà cung cấp # 4 Tên Cột madonhang sodienthoai diachi tongtien ghichu ngaytaodonhang tinhtrangdonhang Mô tả Mã đơn hàng Số điện thoại Địa Tổng tiền Ghi Ngày tạo đơn hàng Tình trạng đơn hàng Kiểu liệu Char Number nVarchar Number nVarchar Date nVarchar Độ rộng Tối đa 10 ký tự Tối đa 10 ký tự Tối đa 15 ký tự Tối đa 50 ký tự Tối đa 50 ký tự • Bảng chi tiết đơn hàng nhà cung cấp Bảng 9: Bảng chi tiết đơn hàng nhà cung cấp # 4 Tên Cột masp madonhang chietkhau dongia soluong Mô tả Mã sản phẩm Mã đơn hang Chiết khấu Đơn giá Số lượng Kiểu liệu Char Char Number Number Number Độ rộng Tối đa 10 ký tự Tối đa 10 ký tự Tối đa ký tự Tối đa 10 ký tự Tối đa ký tự 3.4 Thiết kế xử lý: • Sơ đồ Flowchart thuật tốn xử lý đơn hàng Hình 33 Sơ đồ Flowchart thuật toán xử lý đơn hàng CHƯƠNG 4: KẾT LUẬN 4.1 Kết đạt 4.1.1 Giao diện trang chủ Hình diện trang trang chủ chủ Hình 34 Giao Giao diện - Các thông tin lưu trữ: + Logo thương hiệu - + Giỏ hàng + Nút tìm kiếm + Đăng nhập + Các hình ảnh làm banner + Blog + Sản phẩm + Về cửa hàng + Chi nhánh + Bài viết + Liên hệ + Sản phẩm bật + Các sách cửa hàng Các chức năng: + Xem cửa hàng + Xem cửa hàng + Xem chi nhánh + Xem viết + Xem liên hệ + Xem giỏ hàng + Đăng nhập + Tìm kiếm + Xem blog + Xem danh sách sản phẩm + Xem sản phẩm 4.1.2 Giao diện trang sản phẩm Hình 35 Giao diện trang sản phẩm - - Các thông tin lưu trữ: + Logo thương hiệu + Shop + Về cửa hàng + Chi nhánh + Liên hệ + Giỏ hàng + Đăng nhập + Bộ lọc sản phẩm + Lọc theo giá sản phẩm + Ảnh sản phẩm + Tên sản phẩm + Giá tiền + Đánh giá sản phẩm (sao) + Danh mục sản phẩm • Nam • Nữ Các chức năng: + Xem cửa hàng + Xem cửa hàng + Xem chi nhánh + Xem viết + Xem liên hệ + Xem giỏ hàng + + + + + + Đăng nhập Tìm kiếm Lọc hiển thị kết Lọc theo giá Xem chi tiết sản phẩm Xem sản phẩm theo danh mục sản phẩm • Nam • Nữ • Chưa xác định 4.1.3 Giao diện xem chi tiết sản phẩm: Hình 36 Giao diện xem chi tiết sản phẩm - - Thơng tin lữu trữ: + Hình ảnh sản phẩm + Tên sản phẩm + Giá tiền + Mô tả sản phẩm: • Cơng nghệ chuyển động • Chiều dài dải • Chiều rộng vỏ • Chiều rộng lug + Số lượng sản phẩm + Thêm vào giỏ hàng Chức năng: + Xem hình ảnh chi tiết sản phẩm + Xem thông tin sản phẩm + Thêm số lượng sản phẩm + Thêm vào giỏ hàng 4.1.4 Giao diện giỏ hàng: Hình 37 Giao diện giỏ hàng - - Thơng tin lưu trữ: + Hình ảnh sản phẩm + Giá + Số lượng + Tạm tính + Tiếp tục xem sản phẩm + Cập nhật giỏ hàng + Giao hàng + Tổng + Mã ưu đãi + Áp dụng + Tiến hành toán Chức năng: + Xem sản phẩm giỏ hàng + Thêm số lượng + Tiếp tục xem sản phẩm + Cập nhật giỏ hàng + Nhập mã ưu đãi + Áp dụng mã ưu đãi + Tiến hành tốn 4.1.5 Giao diện tốn: Hình 38 Giao diện tốn - Thơng tin lưu trữ: + Thơng tin tốn: • Tên • Họ • Tên cơng ty • Quốc gia/khu vực • Địa • Mã bưu điện • Tỉnh/thành phố • Số điện thoại • Địa email • Ghi đơn hàng + Đơn hàng bạn: • Tên sản phẩm • Tạm tính • Đơn hàng • Chuyển khoản ngân hàng • Kiểm tra toán - • Trả tiền mặt nhật hàng + Đặt hàng Chức năng: + Nhập thơng tin khách hàng + Chọn phương thức tốn + Đặt hàng + Chọn phương thức toán + Đặt hàng 4.2 Những hạn chế: - Chưa hoàn chỉnh chức quản lý doanh nghiệp - Chưa toán mã QR - Chưa quản lý tốt lịch trình đơn hàng 4.3 Hướng phát triển: - phát triển them việc theo dõi đơn hàng - phát triển việc tích lũy điểm mua hàng cho khách - thêm phương thức toán khác - bảo mật hệt thống tốt - tối ưu hóa quy trình nghiệp vụ cho doanh nghiệp [1] TÀI LIỆU THAM KHẢO [1] "https://hungvm.com/sua-loi-flatsome-khong-load-duoc-uxbuilder.html," 2021 [Online] [2] "https://quachquynh.com/huong-dan-su-dung-ux-builder/," 2020 [Online] [3] https://codeinform.com/flatsome-theme-customization/ [4] "https://github.com/nhannd314/flatsome," 2017 [Online] Danh Mục Hình Ảnh Hình Giao diện danh sách đồng hồ Hình Giao diện chi tiết sản phẩm Hình Giao diện thêm sản phẩm vào giỏ Hình Giao diện tốn Hình Giao diện thơng tin đặt hàng hồn tất Hình Giao diện danh sách đồng hồ 10 Hình Giao diện xem chi tiết đồng hồ 11 Hình Giao diện đặt thông tin đặt mua 12 Hình Giao diện đặt hàng thành công 13 Hình 10 Giao diện danh sách đồng hồ 14 Hình 11 Giao diện xem chi tiết đồng hồ 15 Hình 12 Giao diện giỏ hàng 17 Hình 13 Giao diện toán 18 Hình 14 Quy trình nghiệp vụ đặt hàng 20 Hình 15 Quy trình nghiệp vụ tốn 20 Hình 16 Kiến trúc WordPress 24 Hình 17 Footer Header 25 Hình 18 ưu điểm WordPess 28 Hình 19 Các loại hình website WordPress 29 Hình 20 sever MySQL 32 Hình 21 cách thức hoạt động MySQL 33 Hình 22 Sơ đồ chức 35 Hình 23 Use case tổng quát 36 Hình 24 Use case quản lý danh mục sản phẩm 36 Hình 25 User case nhân viên 37 Hình 26 User case khách hàng 37 Hình 27 Giao diện trang chủ 38 Hình 28 Giao diện danh sách sản phẩm 40 Hình 29 Giao diện chi tiết sản phẩm 41 Hình 30 Giao diện giỏ hàng 42 Hình 31 Giao diện toán 43 Hình 32 Cơ sở liệu 44 Hình 33 Sơ đồ Flowchart thuật toán xử lý đơn hàng 48 Hình 34 Giao diện trang chủ 49 Hình 35 Giao diện trang sản phẩm 51 Hình 36 Giao diện xem chi tiết sản phẩm 52 Hình 37 Giao diện giỏ hàng 53 Hình 38 Giao diện tốn 54