Đồ án môn học phát triễn phần mềm mã nguồn mở xây dựng website bán tranh sơn mài truyền thống

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ ĐỒ ÁN MÔN HỌC PHÁT TRIỄN PHẦN MỀM MÃ NGUỒN MỞ XÂY DỰNG WEBSITE BÁN TRANH SƠN MÀI TRUYỀN THỐNG GVHD: NGUYỄN HỮU VĨNH SVTH: NGUYỄN ĐOÀN HOÀI NAM MSSV: 1724801030080 LỚP: D17PM02 B;NH DƯƠNG – 12/2020 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ ĐỒ ÁN MÔN HỌC PHÁT TRIỄN PHẦN MỀM MÃ NGUỒN MỞ XÂY DỰNG WEBSITE BÁN TRANH SƠN MÀI TRUYỀN THỐNG GVHD: NGUYỄN HỮU VĨNH SVTH: NGUYỄN ĐOÀN HOÀI NAM MSSV: 1724801030080 LỚP: D17PM02 B;NH DƯƠNG – 12/2020 i TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: XÂY DỰNG WEBSITE BÁN TRANH SƠN MÀI TRUYỀN THỐNG Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) Nguyễn Hữu Vĩnh ii MỤC LỤC DANH MỤC BẢNG v DANH MỤC H;NH vi LỜI NÓI ĐẦU viii CHƯƠNG KHẢO SÁT HỆ THỐNG 1 Khảo sát đặt tả yêu cầu: 1.1 Khảo sát: .1 1.2 Đặc tả yêu cầu: CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Các chức hệ thống: .3 2.1.1 Chức dành cho quản trị viên: 2.1.2 Chức dành cho người dùng: 2.1.3 Các tác nhân hệ thống: 2.1.4 Mô tả chức Quản trị: 2.1.5 Chức người dùng: 2.2 Sơ đồ Use-Case tổng quát: 2.3 Sơ đồ tuần tự: 2.3.1 Chức đăng ký: 2.3.2 Chức đăng nhập: 2.3.3 Chức quản lý hóa đơn: .9 2.3.4 Chức quản lý danh mục sản phẩm : .10 2.3.5 Chức quản lý sản phẩm 11 2.3.6 Chức thêm sản phẩm vào giỏ hàng toán : .12 2.3.7 Chức Quản lý hồ sơ thành viên : 13 2.3.8 Chức Tìm kiếm sản phẩm: .14 2.3.9 Chức liên hệ: 15 CHƯƠNG THIẾT KẾ HỆ THỐNG 16 3.1 Thiết kế sở liệu: .16 3.1.1 Mô tả sở liệu: 16 3.2 Thiết kế xây dựng website: 20 iii 3.2.1 Giao diện người dùng: .20 3.2.2 Giao diện quản trị: 24 KẾT LUẬN 26 Kết đạt đề tài: .26 Hạn chế đề tài: 27 Hướng phát triển đề tài: 27 TÀI LIỆU THAM KHẢO 28 DANH MỤC BẢN iv Bảng 1.1 - Các yêu cầu phi chức website Bảng 2.1 - Bảng mô tả chức quản trị Bảng 2.2: Bảng chức người dùng Bảng 2.3.1 Bảng mô tả chức Đăng ký Bảng 2.3.2: Bảng mô tả chức Đăng nhập .8 Bảng 2.3.3: Bảng mô tả chức Quản lý thành viên Bảng 2.3.4 Bảng mô tả chức Quản lý danh mục sản phẩm 10 Bảng 2.3.5 Bảng mô tả chức Quản lý sản phẩm 11 Bảng 2.3.10 Bảng mô tả chức đặt hàng toán 12 Bảng 2.3.12 Bảng mô tả chức Quản lý hồ sơ 13 Bảng 2.3.13 Bảng mơ tả chức Tìm kiếm phim 14 Bảng 2.3.14 Bảng mô tả chức xem review 15 Bảng 2.3.15 Bảng mô tả chức Liên hệ 16 Bảng 3.1.2.1: Chi tiết bảng users 17 Bảng 3.1.2.6: Chi tiết bảng years 18 Bảng 3.1.2.3: Chi tiết bảng categorys 18 Bảng 3.1.2.2: Chi tiết bảng product 19 Bảng 3.1.2.4: Chi tiết bảng products detail 20 Bảng 3.1.2.5: Chi tiết bảng product images 20 v DANH MỤC H;N Hình 2.1: Biểu đồ Use-case tổng quát Hình 2.3.1 Sơ đồ chức Đăng ký Hình 2.3.2: Sơ đồ chức Đăng nhập Hình 2.3.3: Sơ đồ chức Quản lý hóa đơn Hình 2.3.4 Sơ đồ chức Quản lý danh mục sản phẩm 10 Hình 2.3.5 Sơ đồ chức Quản lý sản phẩm 11 Hình 2.3.10 Sơ đồ chức đặt hàng tốn .12 Hình 2.3.12 Sơ đồ chức Quản lý hồ sơ .13 Hình 2.3.13 Sơ đồ chức Tìm kiếm sản phẩm 14 Hình 2.3.15 Sơ đồ chức Liên hệ .15 Hình 3.2.1.1: Trang chủ 20 Hình 3.2.1.2: Trang đăng nhập khách hàng 20 Hình 3.2.1.2: Trang đăng ký khách hàng 21 Hình 3.2.1.4: Chức giỏ hàng 21 Hình 3.2.1.5: Chức tìm kiếm 22 Hình 3.2.1.6: Trang danh mục sản phẩm ngẫu nhiên .22 Hình 3.2.1.7: Trang chi tiết sản phẩm .23 Hình 3.2.2 Giao diện quản trị: .24 Hình 3.2.2.1: Trang chủ quản trị .24 Hình 3.2.2.2: Trang quản lý hóa đơn 24 Hình 3.2.2.3: Trang quản lý thành viên 25 Hình 3.2.2.4: Trang sửa sản phẩm 25 Hình 3.2.2.5: Trang danh sách sản phẩm .26 vi DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT Từ viết tắt Giải thích Tiếng Việt CSDL Cơ sở liệu Tiếng Anh UC Use Case vii LỜI NÓI ĐẦU Mua - bán hàng qua mạng - hình thức thương mại xuất Việt Nam phát triển nhanh chống, thu hút nhiều khách hàng tin dùng Mua hàng qua mạng có nhiều điểm ưu việt so với cách mua- bán trực tiếp Khi mua hàng trực tuyến bạn sẽ:  Tiết kiệm thời gian- nhận hàng tận nhà  So sánh giá dễ dàng  Lựa chọn đa dạng  Giá thành rẻ  Chủ động, an tồn tình Với lợi ích vốn kiến thức học lớp , mạng internet em lựa chọn đề tài “Xây dựng website bán tranh sơn mài truyền thống” viết ngôn ngữ Php dự tảng OOP để cung cấp cho người trang web mua bán tranh truyền thống, mang đậm sắc dân tộc cho người có nhu cầu Do kiến thức kinh nghiệm lập trình, thiết kế cịn hạn chế nên website em cịn nhiều thiếu xót Rất mong đóng góp thầy bạn để website hoàn thiện Em xin cảm ơn thầy viii CHƯƠNG KHẢO SÁT HỆ THỐNG Khảo sát đặt tả yêu cầu: 1.1 Khảo sát: Trên mạng có nhiều trang bán hàng online từ mạng xã hội website riêng biệt Mua bán mạng xã hội tiện lợi cho người dùng nhiều mặt Dựa điểm đó, em xây dựng website bán tranh sơn mài để cung cấp trang web mua bán Website gồm chức đăng nhập, đăng ký, admin ,… 1.2 Đặc tả yêu cầu: 1.2.1 Quản lý Admin: - Giao diện thân thiện người dùng - Admin quản lý danh mục sản phẩm sản phẩm, hóa đơn,… 1.2.2 Giao diện người dùng: - Bắt mắt , dễ sử dụng - Phải có thơng tin liên hệ - Màu sắc tươi sáng , font chữ dễ nhìn - Tương thích với trình duyệt phổ biến - Hiển thị sản phẩm có shop - Cho phép người dùng xem chi tiết sản phẩm, review sản phẩm tìm kiếm sản phẩm - Cho phép người dùng đăng ký, đăng nhập - Cho phép người dùng thêm sản phẩm vào giỏ hàng toán - Cho phép người dùng phản hồi ix Đồ án Xây dựng Website bán hàng trực tuyến 3.3.8 Chức Tìm kiếm sản phẩm: Hình 2.3.13 Sơ đồ chức Tìm kiếm sản phẩm Tên chức Tác nhân Mơ tả Điều Tìm kiện Kết trước kiếm Người dùng sản phẩm Người dùng Không tìm điều kiện có Hiển thị danh sách tìm kiếm kiếm sản phẩm có website Bảng 2.3.13 Bảng mơ tả chức Tìm kiếm phim 23 Đồ án Xây dựng Website bán hàng trực tuyến 3.3.9 Chức liên hệ: Hình 2.3.15 Sơ đồ chức Liên hệ Tên chức Tác nhân Mô tả Điều Liên hệ kiện Kết trước Người dùng Người dùng Đăng nhập Thơng báo để lại người dùng nhận tin phản hồi với nhắn phản hồi shop sớm Bảng 2.3.15 Bảng mô tả chức Liên hệ 24 Đồ án Xây dựng Website bán hàng trực tuyến CHƯƠNG THIẾT KẾ HỆ THỐNG 4.1 Thiết kế sở liệu: 4.1.1 Mô tả sở liệu:  Bảng customers (Người dùng) : ST Tên thực thể Kiểu liệu Ràng buộc Mô tả Id Int(10) Khóa Id người dùng Name Varchar(191) Not null Tên người dùng Email Varchar(191) Khoá ngoại Email người dùng Password Varchar(191) Not null Mật người dùng Phone Int(11) Not null Số phone người dùng Address Varchar(191) Not null Địa người dùng T Bảng 3.1.2.1: Chi tiết bảng customers  Bảng order (thông tin người dùng): ST Tên thực thể Kiểu liệu Ràng buộc Mô tả Id Int(10) Khóa Id đơn hàng productId Varchar(191) Not null Id sản phẩm productName Varchar(191) Not null Tên sản phẩm customers_id Varchar(191) Not null Id khách hàng Quantity Varchar(191) Not null Số lượng sản phẩm Price Varchar(191) Not null Gía sản phẩm Image Varchar(191) Not null Ảnh sản phẩm T 25 Đồ án Xây dựng Website bán hàng trực tuyến ST Tên thực thể Kiểu liệu Ràng buộc Mô tả Status Varchar(191) Not null Trạng thái Date Date Not null Ngày mua sản phẩm T Bảng 3.1.2.6: Bảng hóa đơn  Bảng categorys (Danh mục): ST Tên thực thể Kiểu liệu Ràng buộc Mơ tả Id Int(10) Khóa Id người dùng Name Varchar(191) Khóa ngoại Tên danh mục sản phẩm Alias Varchar(191) Not null Biệt hiệu danh mục Keyword Varchar(191) Not null Từ khóa Description Varchar(191) Not null Mô tả T Bảng 3.1.2.3: Chi tiết bảng categorys  Bảng products (Sản phẩm): 26 Đồ án Xây dựng Website bán hàng trực tuyến ST Tên thực thể Kiểu liệu Ràng buộc Mô tả Id Int(10) Khóa Id người dùng Name Varchar(191) Khóa ngoại Tên sản phẩm Cost Decimal(8,2) Not null Giá sản phẩm Image Varchar(191) Not null Hình ảnh sản phẩm User_id Int(10) Khóa ngoại Id người dùng Alias Varchar(191) Not null Biệt hiệu sản phẩm T Bảng 3.1.2.2: Chi tiết bảng product  Bảng products detail (Chi tiết sản phẩm): 27 Đồ án Xây dựng Website bán hàng trực tuyến ST Tên thực thể Kiểu liệu Ràng buộc Id Int(10) Khóa Id người dùng Unit_price Decimal(8,2) Not null Đơn giá Promotion_pric Decimal(8,2) Not null Giá ưu đãi T Mô tả e Content Longtext Not null Nội dung Keywords Varchar(191) Not null Từ khóa Description Varchar(191) Not null Mô tả View Int(10) Not null Lượt xem Product_id Int(10) Khóa ngoại Id sản phẩm Bảng 3.1.2.4: Chi tiết bảng products detail 4.2 Thiết kế xây dựng website: 4.2.1 Giao diện người dùng:  Trang chủ: 28 Đồ án Xây dựng Website bán hàng trực tuyến Hình 3.2.1.1: Trang chủ  Đăng nhập: Hình 3.2.1.2: Trang đăng nhập khách hàng  Đăng ký: 29 Đồ án Xây dựng Website bán hàng trực tuyến Hình 3.2.1.2: Trang đăng ký khách hàng  Giỏ hàng: Hình 3.2.1.4: Chức giỏ hàng 30 Đồ án Xây dựng Website bán hàng trực tuyến  Tìm kiếm Hình 3.2.1.5: Chức tìm kiếm  Danh mục sản phẩm ngẫu nhiên : Hình 3.2.1.6: Trang danh mục sản phẩm ngẫu nhiên 31 Đồ án Xây dựng Website bán hàng trực tuyến  Chi tiết sản phẩm : Hình 3.2.1.7: Trang chi tiết sản phẩm 32 Đồ án Xây dựng Website bán hàng trực tuyến 4.2.2 Giao diện quản trị:  Trang chủ quản trị: Hình 3.2.2.1: Trang chủ quản trị  Quản lý hóa đơn: Hình 3.2.2.2: Trang quản lý hóa đơn 33 Đồ án Xây dựng Website bán hàng trực tuyến  Quản lý thành viên: Hình 3.2.2.3: Trang quản lý thành viên  Sửa sản phẩm Hình 3.2.2.4: Trang sửa sản phẩm 34 Đồ án Xây dựng Website bán hàng trực tuyến  Danh sách sản phẩm Hình 3.2.2.5: Trang danh sách sản phẩm 35 Đồ án Xây dựng Website bán hàng trực tuyến KẾT LUẬN Kết đạt đề tài: Sau thời gian tập trung triển khai đề tài, em tạm hoàn thành website bán tranh sơn mài truyền thống với giao diện bắt mắt , thao tác sử dụng dễ dàng, thân thiện với người dùng Khi thực hoàn thành website, em có thêm nhiều kiến thức, kinh nghiệm để xây dựng phát triển website Những kỹ tảng để giúp em nâng cao trình độ thân, kinh nghiệm thực tế để làm việc ngồi doanh nghiệp sau Hạn chế đề tài: Do chưa vững kiến thức lập trình web php nên website em cịn nhiều phần chưa hồn chỉnh Em có gắng phát triển thêm sau Hướng phát triển đề tài: Với chức có , website cần chức tốt , em có gắng phát triển thêm nhiều chức 36 TÀI LIỆU THAM KHẢO Các tài liệu tiếng việt [1] Giáo trình Phân tích thiết kế hướng đối tượng băng UML, Nhà xuất giáo dục, 2001 Tác giả: Đăng Văn Đức [2] Sử dụng PHP & MySQL thiết kế web động, Nhà xuất Minh Khai, 2008 Tác giả: Nguyễn Trường Sinh Tài liệu tiếng anh [3] https://www.w3schools.com/ [4] https://laravel.org/ 37 ...TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ ĐỒ ÁN MÔN HỌC PHÁT TRIỄN PHẦN MỀM MÃ NGUỒN MỞ XÂY DỰNG WEBSITE BÁN TRANH SƠN MÀI TRUYỀN THỐNG GVHD: NGUYỄN HỮU VĨNH SVTH:... người dùng 3.2 Sơ đồ Use-Case tổng quát: 14 Đồ án Xây dựng Website bán hàng trực tuyến Hình 2.1: Biểu đồ Use-case tổng quát 15 Đồ án Xây dựng Website bán hàng trực tuyến 3.3 Sơ đồ tuần tự: 3.3.1... sách sản phẩm 35 Đồ án Xây dựng Website bán hàng trực tuyến KẾT LUẬN Kết đạt đề tài: Sau thời gian tập trung triển khai đề tài, em tạm hoàn thành website bán tranh sơn mài truyền thống với giao