Cửa hàng đồng hồ trực tuyến tài liệu thiết kế chi tiết

Project3 CDBK.k12.LTMT1-G3 Cửa Hàng Đồng Hồ Trực Tuyến Tài Liệu Thiết Kế Chi Tiết CDBK.K12.LTMT1 Sinh Viên Nguyễn Tiến Quang - Hà Nội, 26/4/2023- Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 CDBK.k12.LTMT1-G3 MỤC LỤC Đặt Vấn Đề 1.1 Tóm Lược 1.2 Vấn Đề Với Cửa Hàng Truyền Thống 1.3 Giải Pháp Đề Xuất 1.4 Giới Hạn Phạm Vi Hệ Thống 1.5 Yêu Cầu Phần Cứng & Phần Mềm 1.5.1 Yêu Cầu Tối Thiểu 1.5.2 Yêu Cầu Khuyến Nghị .4 Đặc Tả Yêu Cầu Người Dùng 2.1 Người Dùng Hệ Thống 2.2 Chức Năng Hệ Thống Thêm quản trị viên (chỉ dành cho Root Admin) Sửa quản trị viên (chỉ dành cho Root Admin) .7 Xóa quản trị viên (chỉ dành cho Root Admin) .7 Thêm loại sản phẩm .7 Sửa loại sản phẩm Xóa loại sản phẩm Thêm sản phẩm Sửa sản phẩm Xóa sản phẩm Thêm nhà sản xuất Sửa nhà sản xuất Xóa nhà sản xuất Quản lý khách hàng .9 Tìm đơn hàng Xem chi tiết đơn hàng Xóa đơn hàng .10 In hóa đơn đơn hàng 10 In phiếu giao hàng đơn hàng 10 Cập nhật settings hệ thống 10 Thêm banner 10 Xóa banner 10 Thiết Kế Hệ Thống 11 2.3 Sơ Đồ Quan Hệ Thực Thể .11 2.4 Thiết Kế Cơ Sở Dữ Liệu 15 2.5 Bản Đồ Site 21 Một số hình ảnh giao diện web 22 3.1 Giao diện trang chủ (http://localhost:3000/home.php) 22 3.2 Giao diện Admin (http://localhost:3000/admin/product.php) 23 3.3 Giao diện cho phép khách hàng chọn sản phẩm (http://localhost:3000/productcategory.php?path=79) 27 3.4 Giao diện giỏ hàng (http://localhost:3000/cart.php) 30 Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 CDBK.k12.LTMT1-G3 Đặt Vấn Đề 1.1 Tóm Lược Project3 đồ án cuối kì mang tính tổng hợp kiến thức kĩ mà nhóm sinh viên chúng em học rèn luyện học kì HTML/CSS/JavaScript, MySQL, PHP Đây môn diễn mơi trường lớp học phịng thực hành nhà trường, mơ chặt chẽ bước trình triển khai dự án phần mềm thực tế Dự án phần mềm quy mô nhỏ giúp sinh viên chúng em: o Thực hành bước, tức tiếp cận theo bước o Xây dựng ứng dụng lớn hơn, mạnh mẽ sau o Làm quen với công cụ phân tích, thiết kế phát triển dự án phần mềm o Biết cách hợp chương trình đơn lẻ thành ứng dụng hoàn chỉnh o Học cách triển khai khái niệm theo giai đoạn o Nâng cao kỹ gia tăng giá trị o Làm việc dự án giải vấn đề sống thực o Đưa tình thực tế giúp tạo ứng dụng phức tạp hữu ích o Rèn luyện kĩ tự học làm việc nhóm 1.2 Vấn Đề Với Cửa Hàng Truyền Thống Cửa hàng truyền thống có số mặt hạn chế: Phương thức tốn lạc hậu, bất tiện; Đi lại bất tiện, vất vả, thời gian, khơng có bãi đỗ xe cho khách hàng; Giá khơng minh bạch, khó so sánh nhanh; Chen lấn xếp hàng quầy tốn; Thiếu thơng tin, đa dạng; Thiếu lựa chọn, so sánh Phục vụ cho nhóm nhỏ khách hàng (do sản phẩm cung cấp hiển thị không phong phú đa dạng), chức tìm kiếm chưa có chạy chậm kết tìm kiếm khơng nhiều, khơng cho phép người dùng đặt mua hàng từ xa; Quản lý thủ cơng; Chi phí lớn cho việc th mặt bằng, gian hàng, quảng cáo; Thiếu quán quản lý giao tiếp với khách hàng; Vốn đầu tư lớn có rủi ro thị trường, dịch bệnh; Chủ hàng phải có mặt liên tục để giám sát; Thời gian bán hàng bị hạn chế ngày 1.3 Giải Pháp Đề Xuất Để khắc phục nhược điểm cách làm truyền thống, nhóm sinh viên tiến hành xây dựng website với số tính tiện ích sau: - Khả tìm kiếm sản phẩm nâng cao (theo chủng loại, giá cả, hãng sản xuất …) - Khả đặt hàng trực tuyến, sản phẩm đặt hàng đưa đến tận nơi - Khả đăng kí thành viên, tư vấn - Khả quảng bá sản phẩm cho công ty có nhu cầu Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 1.4 CDBK.k12.LTMT1-G3 Giới Hạn Phạm Vi Hệ Thống Do nguồn lực hạn mặt nhân sự, thời gian, tài nên hệ thống có giới hạn định: - Chưa thể tích hợp cơng cụ tốn trực tuyến - Chưa có tính đa ngơn ngữ, đa tiền tệ - Chưa đưa vào nghiệp vụ quản lý bán hàng khác thuế, chiết khấu, phiếu tặng quà, quản lý hàng tồn kho, tùy chọn sản phẩm, so sánh đánh giá từ khách hàng v.v… 1.5 Yêu Cầu Phần Cứng & Phần Mềm 1.5.1 Yêu Cầu Tối Thiểu Phần Cứng Phần mềm 1.5.2 Yêu Cầu Khuyến Nghị Phần Cứng Phần Mềm Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 CDBK.k12.LTMT1-G3 Đặc Tả Yêu Cầu Người Dùng 2.1 Người Dùng Hệ Thống 2.1.1 Khách Vãng Lai Xem thơng tin chi tiết & hình ảnh sản phẩm Tìm kiếm sản phẩm Đặt hàng trực tuyến Liên hệ / Phản hồi / Góp ý Đăng kí tài khoản 2.1.2 Thành Viên Ngoài chức năng/quyền khách vãng lai, thành viên cịn có chức như: Sửa thông tin tài khoản Đăng nhập Xem lịch sử đơn hàng 2.1.3 Nhân Viên Nội Bộ Quản lý sản phẩm Quản lý nhà sản xuất Quản lý loại sản phẩm Quản lý khách hàng Quản lý đơn hàng Quản lý hệ thống nói chung Quản lý thơng tin nhân viên khác (chỉ người dùng Admin có quyền này) 2.2 Chức Năng Hệ Thống 2.2.1 Chức khách vãng lai Xem thông tin Input Thông tin người dùng chọn từ giao diện Process Tìm CSDL thơng tin phù hợp Output Hiển thị thơng tin tìm Tìm kiếm thơng tin Input Tìm theo từ khóa mà người sử dụng nhập vào: theo tên, giá, hãng sản xuất, v.v…của sản phẩm Process Tìm CSDL thơng tin phù hợp Output Hiển thị kết khớp với truy vấn, thơng báo khơng tìm thấy kết Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 CDBK.k12.LTMT1-G3 CSDL khơng có ghi phù hợp Chọn giỏ hàng Input Chọn s Process Cập nh Output Hiển th Sửa giỏ hàng Input Chọn sản phẩm giỏ hàng để xóa, sửa Process Cập nhật liệu phiên kết nối máy chủ-máy khách Output Hiển thị chi tiết giỏ hàng Đăng kí thành viên Input Nhập liệu vào trường thơng tin form đăng kí Process Kiểm duyệt liệu, gửi liệu lên máy chủ, mở tài khoản hoàn tất thủ tục đăng kí Output Hiển thị thơng báo đăng kí thành cơng, thất bại (nếu có) 2.2.2 Chức thành viên Ngồi quyền khách vãng lai thành viên cịn có quyền: Đăng Nhập Input Nhập liệu tài khoản form đăng nhập (username, password) Process Xác thực tài khoản, thiết lập liệu phiên đăng nhập (session) Output Hiển thị thông báo đăng nhập thành công, thất bại (nếu có) Đăng Xuất Input Nhấp chuột vào link nút đăng Process Xóa liệu phiên đăng nhập (session) Output Hiển thị thông báo đăng nhập thành cơng, thất bại (nếu có) Sửa giỏ hàng Input Chọn sản phẩm giỏ hàng để xóa, sửa Process Cập nhật liệu phiên kết nối liên quan đến giỏ hàng Output Hiển thị lại thông tin giỏ hàng Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 CDBK.k12.LTMT1-G3 2.2.3 Chức quản trị Thêm quản trị viên (chỉ dành cho Root Admin) Input Nhập thông tin form tạo tài khoản quản trị Process Xác thực tính hợp lệ thơng tin thực thi trình tạo tài khoản quản trị CSDL Output Thông báo tạo tài khoản thành cơng thất bại có Sửa quản trị viên (chỉ dành cho Root Admin) Input Chọn tài khoản quản trị cần sửa Process Xác thực tính hợp lệ thơng tin thực thi q trình sửa tài khoản quản trị CSDL Output Thông báo sửa tài khoản thành cơng thất bại có Xóa quản trị viên (chỉ dành cho Root Admin) Input Chọn tài khoản cần xóa Process Xác nhận việc cần phải xóa, sau thực thi q trình xóa tài khoản quản trị CSDL Output Thơng báo xóa tài khoản thành cơng thất bại có Sửa thơng tin cá nhân (chỉ dành cho Root Admin) Input Sửa thông tin cá nhân thân quản trị viên Process Xác thực tính hợp lệ thơng tin thực thi q trình sửa tài khoản quản trị CSDL Output Thơng báo sửa tài khoản thành công thất bại có Thêm loại sản phẩm Input Nhập thơng tin loại sản phẩm Process Xác thực tính hợp lệ thơng tin thực thi q trình thêm loại sản phẩm CSDL Output Thông báo thêm thành cơng thất bại có Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 CDBK.k12.LTMT1-G3 Sửa loại sản phẩm Input Nhập thông tin cập nhật loại sản phẩm Process Xác thực tính hợp lệ thơng tin thực thi q trình sửa thơng tin loại sản phẩm CSDL Output Thông báo sửa thành cơng thất bại có Xóa loại sản phẩm Input Chọn loại sản phẩm cần xóa Process Xác nhận việc xóa thực thi q trình xóa loại sản phẩm thông tin khác tham chiếu đến loại sản phẩm CSDL Output Thơng báo xóa thành cơng thất bại có Thêm sản phẩm Input Nhập thông tin sản phẩm Process Xác thực tính hợp lệ thơng tin thực thi q trình thêm sản phẩm CSDL Output Thơng báo thêm thành cơng thất bại có Sửa sản phẩm Input Nhập thông tin cập nhật sản phẩm Process Xác thực tính hợp lệ thơng tin thực thi q trình sửa thơng tin sản phẩm CSDL Output Thông báo sửa thành công thất bại có Xóa sản phẩm Input Process Chọn sản phẩm cần xóa Xác nhận việc xóa thự khác tham chiếu đến sản p Output Thơng báo xóa thành côn Cửa Hàng Đồng Hồ Trực Tuyến Page of 31 Project3 category_id CDBK.k12.LTMT1-G3 int(11) NOT NULL Bảng ‘customer’ (Khách Hàng/Độc Giả) Tên Cột customer_id fullname email telephone address password status date_added Bảng ‘order’ (Đơn Hàng) Tên Cột order _id customer_id email -Mã loại sản phẩm (FK) Cửa Hàng Đồng Hồ Trực Tuyến Page 19 of 31 Project3 CDBK.k12.LTMT1-G3 telephone fullname address comment total date_added Bảng ‘order_details’ (Chi Tiết Đơn Hàng: chứa mối quan hệ Nhiều-Nhiều `order` `product`) Tên Cột order _id product _id name quantity price total Cửa Hàng Đồng Hồ Trực Tuyến Project3 Bảng ‘user’ (nhân viên hệ thống quản trị backend) Tên Cột user_id username password fullname email image status date_added due_date 10 phone 11 specialist 12 description 13 sort_order Page 20 of 31 2.5 Bản Đồ Site Cửa Hàng Đồng Hồ Trực Tuyến Project3 Trang Chủ: Trang Chủ Chi Tiết Sản Phẩm Tìm Kiếm Sản Phẩm Sản Phẩm theo Loại Sản Phẩm theo Hãng SX Giỏ Hàng Thanh Tốn Đăng Kí Tài Khoản Trang Quản Trị: Đăng Nhập (Nhân Viên) Sản Phẩm (Thêm / Sửa / Xóa) Loại Sản Phẩm (Thêm / Sửa / Xóa) Nhà Sản Xuất (Thêm / Sửa / Xóa) Chi Tiết Đơn Hàng (Xem/Xóa) Khách Hàng (Xem/Xóa) Nhân Viên (Xem/Xóa) Hệ Thống (Xem/Sửa) Page 21 of 31 Cửa Hàng Đồng Hồ Trực Tuyến Page 22 of 31 Project3 CDBK.k12.LTMT1-G3 MỘT SỐ HÌNH ẢNH GIAO DIỆN WEB 3.1 Giao diện trang chủ (http://localhost:3000/home.php) Hình 7: Giao diện trang chủ web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 23 of 31 Project3 3.2 - CDBK.k12.LTMT1-G3 Giao diện Admin (http://localhost:3000/admin/product.php) Giao diện quản lí sản phẩm: Hình 8: Giao diện trang quản lí sản phẩm web bán đồng hồ - Giao diện quản lí nhà sản xuất: Hình 9: Giao diện trang quản lí nhà sản xuất web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 24 of 31 Project3 - CDBK.k12.LTMT1-G3 Giao diện quản lí đơn hàng: Hình 10: Giao diện trang quản lí nhà đơn hàng web bán đồng hồ - Giao diện quản lí khách hàng: Hình 11: Giao diện quản lí khách hàng web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 25 of 31 Project3 - CDBK.k12.LTMT1-G3 Giao diện quản lí loại sản phẩm: Hình 12: Giao diện quản lí loại sản phẩm web bán đồng hồ - Giao diện quản lí quản trị viên: Hình 13: Giao diện quản lí quản trị viên phẩm web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 26 of 31 Project3 CDBK.k12.LTMT1-G3 3.3 Giao diện trang cho phép khách hàng chọn hàng (http://localhost:3000/product-category.php?path=79) Hình 14: Giao diện loại sản phẩm đồng hồ nam web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 27 of 31 Project3 - CDBK.k12.LTMT1-G3 Giao diện tìm kiếm: Hình 14: Giao diện tìm kiếm sản phẩm web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 28 of 31 Project3 - CDBK.k12.LTMT1-G3 Giao diện nhãn hàng: Hình 14: Giao diện sản phẩm theo nhãn hàng web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 29 of 31 Project3 CDBK.k12.LTMT1-G3 Giao diện giỏ hàng (http://localhost:3000/cart.php) 3.4 Hình 15: Giao diện giỏ hàng web bán đồng hồ - Giao diện toán: Cửa Hàng Đồng Hồ Trực Tuyến Page 30 of 31 Project3 CDBK.k12.LTMT1-G3 Hình 16: Giao diện toán web bán đồng hồ Cửa Hàng Đồng Hồ Trực Tuyến Page 31 of 31