Đồ án Website phẩm kết hợp tư vấn quản mỹ lí sản phẩm

Đồ án 2bán – SE122.L11 Đề tài: Website phẩm kết hợp tư vấn quảnmỹ lí sản phẩm Thành viên thực hiện: Mục lục 17520511 – Lưu Sỹ Hoàng 17520982 – Đặng Vĩnh Siêu I Mở Đầu: GIẢNG VIÊN HƯỚNG DẪN THS HUỲNH HỒ THỊ MỘNG TRINH Lý chọn đề tài: Đối tượng sử dụng đối tượng nghiên cứu: 3 Giới hạn phạm vi nghiên cứu: Nhiệm vụ nghiên cứu: Phương pháp nghiên cứu: Ý nghĩa thực tiễn đề tài: II Nội dung: Phân tích đề tài: 4 1.1 Q trình khảo sát: 1.2 Phân rã chức 1.3 Tài liệu đặc tả: Mơ hình use-case: 2.1 Sơ đồ use-case tổng quát: 2.2 Sơ đồ use-case chi tiết cho use-case tổng quát(nếu có): 10 2.3 Danh sách Actor: 13 2.4 Danh sách use-case: 13 2.5 Đặc tả use-case: 14 Phân tích 20 3.1 Sơ đồ lớp: 20 3.2 Sơ đồ 21 Thiết Kế Dữ Liệu: 25 4.1 Sơ đồ logic (Database): 25 4.2 Mô tả chi tiết Công nghệ sử dụng 5.1 Mô tả chi tiết thành phần hệ thống 25 31 31 5.2 Công nghệ 32 Thiết Kế Giao Diện: 33 6.1 Danh sách trang: 33 33 Đăng nhập User 33 Đăng nhập 33 III 34 Kết Luận: Môi trường phát triển mô trường triển khai 34 Kết đạt 34 Hướng phát triển 35 Bảng phân chia công viêc 36 I Mở Đầu: Lý chọn đề tài: Hiện nay, bối cảnh Cách mạng công nghiệp 4.0, tảng web dịch vụ mua hàng online, thương mại điện tử ngày phát triển với số lượng khách hàng lớn Cùng với niềm u thích với mỹ phẩm giới trẻ Việt Nam nên nhu cầu mua sắm loại mỹ phẩm cao Vì nên nhóm em định chọn đề tài Website bán mỹ phẩm để vừa học hỏi cách hoạt động trang web bán hàng vừa ứng dụng thực tế để sử dụng sau có nhu cầu bán hàng qua website Đối tượng sử dụng đối tượng nghiên cứu: Đối tượng sử dụng: - Nhóm khách hàng thành thạo tin học văn phịng, có hoặc có nhu cầu mua sắm mỹ phẩm chăm sóc sắc đẹp - Nhân viên, admin, quản lý website để theo dõi việc bán hàng đơn hàng, nhập hàng Đối tượng nghiên cứu: Website bán mỹ phẩm Giới hạn phạm vi nghiên cứu: Các chủ shop mỹ phẩm có có mặt (hoặc chưa) có nhu cầu mở web bán hàng online cá nhân Cộng Tác Viên Nhiệm vụ nghiên cứu: - Tìm hiểu nghiệp vụ bán hàng cho người dùng, quản lý kho hàng (Quản lý bán hàng, sản phẩm, nhập hàng, tốn) - Tìm hiểu cơng cụ xây dựng website Phương pháp nghiên cứu: - Tìm hiểu - Đọc tài liệu Ý nghĩa thực tiễn đề tài: - Giảm phụ thuộc khách hàng khoảng cách địa lý mua hàng, cung cấp nhìn cụ thể, trực quan sản phẩm mà đến tận nơi - Tìm hiểu nghiệp vụ bán hàng, quản lý website Tiện lợi cho người bán hàng dễ dàng quản lý cửa hàng II Nội dung: Phân tích đề tài: 1.1Quá trình khảo sát: 1.1.1 Đối tượng khảo sát - Các shop mỹ phẩm online, shopee - Các cửa hàng mỹ phẩm có sử dụng phương thức quản lý web 1.1.2 Hiện trạng tổ chức -Tổ chức nội Hiện hàng bán hàng online cần quản lý thông tin khách hàng,thống kê đơn hàng, tài khoản khách hàng, sản phẩm, danh mục sản phẩm doanh thu bán hàng Nếu khơng có cách tổ chức lưu trữ hợp lý thống kê đáp ứng nhu cầu khách hàng Ngoài cần phải đáp ứng nhu cầu khác khách toán online, đặt hàng toán COD, hủy đơn hàng ,xem thơng tin đơn hàng Điều cần phải có hệ thống website người dùng truy cập thực nhu cầu 1.1.3 Hiện trạng nghiệp vụ Một đại lý bán mỹ phẩm cần xây dựng hệ thống quản lý bán hàng cho khách, hệ thống mô tả sau: - Đại lý bán vé cho nhiều hãng thể thao khác nhau, thông tin hãng bao gồm: Mã hãng, tên hãng (Some By Mi, Vichy,…) - Một sản phẩm thuộc danh mục Chăm sóc sắc đẹp, Chăm sóc thể - Một danh mục sản phẩm có tiêu chí phân loại sản phẩm khác - Khách hàng mua lúc nhiều sản phẩm đơn hàng theo dõi tình trạng đơn hàng đăng nhập website - Admin người quản lý quản lý khách hàng, thêm bớt sản phẩm, slide quảng cáo sản phẩm, danh mục sản phẩm, chi tiết giá, tên sản phẩm trang quản lý - Thông tin đơn hàng bao gồm: mã đơn hàng, trạng thái, mã khách hàng địa giao hàng Thông tin sản phẩm bao gồm: Mã sản phẩm, loại sản phẩm, mơ tả.Mỗi sản phẩm có nhiều thuộc tính khác size hàng khách lựa sản phẩm Khách hàng hủy đơn hàng Nếu đơn hàng COD khách hàng khơng chịu loại phí cịn khách hàng toán Online chưa nhận hàng đổi ý hồn 100% số tiền Đó nghiệp vụ bán hàng, bên cạnh cịn nghiệp vụ khác Trước tình hình ,vấn đề đặt cần phải có hệ thống đáp ứng yêu cầu như: ❖ Có khả lưu trữ lâu dài thơng tin khách hàng, doanh thu danh mục thiết yếu khác ❖ Giúp cho người dung có nhiều hình thức lựa chọn đăng ký cách dễ dàng ❖ Xử lý nhanh chóng tác vụ 1.1.3.1 Quy trình kiểm tra thơng tin khách hàng Kiểm tra thông tin khách hàng - Thông tin khác hàng bao gồm: Mã khách hàng, Tên, địa chỉ, SĐT, Email - Gọi điện để xác nhận khách hàng có phải khách hàng ảo tránh tình trạng bom hàng 1.1.3.2 Quy trình giao hàng đến khách Kiểm tra thơng tin khách hàng -Nếu khách gần bán kính 15km với cửa hàng tự tay giao trực tiếp cho khách hàng để lấy thiện cảm, niềm tin từ khách hàng đóng góp ý kiến từ khách hàng để cải thiện cho cửa hàng -Nếu khách hàng xa tùy vị trí địa lý khách hàng để lựa chọn đơn vị giao hàng để giúp tiết kiệm chi phí vận chuyển cho khách hàng 1.1.3.3 Thông kê báo cáo Shop thực thông kê theo định kì vào cuối tháng cuối năm, bao gồm: -Báo cáo đơn hàng bán -Thống kê sản phẩm bán chạy -Báo cáo lợi nhuận, doanh thu 1.1.3.4 Quy trình hậu cần (Thay đổi tên người nhận hàng, địa chỉ, sdt….) -Các yêu cầu sau khách hàng xếp vào quy trình này: ● ● ● ● ● Thay đổi tên người nhận hàng Thay đổi địa nhận hàng Thay đổi size sản phẩm Thay đổi số điện thoại nhận hàng Hủy đơn hàng 1.2 Phân rã chức 1.3Tài liệu đặc tả: 1.3.1 Công việc CV Mô tả công STT việc T1 Tra cứu đơn hàng: cho khách hàng tra cứu xem danh sách đơn hàng theo yêu cầu khách hàng ĐK khởi động Khi khách hàng có có nhu cầu tra cứu đơn hàng Quy tắc Vị trí làm việc Tần suất Thời lượng Khách 502-3p hàng 80 Lần/ Ngày Hồ Hồ sơ sơ xuất nhập D1 T2 Tiếp nhận đặt hàng: xác nhận khách hàng cách gọi điện kiểm tra thông tin khách hàng đưa Khách hàng đặt hàng Nhân viên bán hàng 5080 KH/ NGA Y T3 Nhập hàng: Nhân viên thêm sản phẩm số lượng size theo sản phẩm lên website để bán Nhân viên yêu cầu đăng sản phẩm Nhân viên bán vé 203-5p 30 LAN/ NGA Y 1.3.2 Hồ sơ STT Hồ Sơ D2 D2 Vai Trị D3 Cơng Việc D1 Danh sách thông tin đơn hàng: Dùng khách hàng theo dõi T1 D2 Danh sách đơn hàng xác nhận: Cho biết thông tin đơn hàng xác nhận thành công T2, D3 Danh sách sản phẩm: Hiển thị sản phẩm bán T3 1.3.3 Quy tắc 1.3.4 Sơ đồ trạng 1-2p Mơ hình use-case: 2.1 Sơ đồ use-case tổng quát: 2.5.6 Đặc tả use-case Mua hàng: Tên chức Mua hàng Tóm tắt Khách hàng mua hàng web Dịng kiện Khách hàng lựa chọn sản phẩm thêm vào giỏ hàng Kiểm tra thơng tin nhận hàng Lựa chọn hình thức tốn Mua hàng Dịng kiện khác Xác nhận thông tin từ gọi nhân viên Các u cầu đặc biệt Khơng có Trạng thái hệ thống Actor: Khách hàng trước thực thiện use case Điều kiện: người dùng đăng nhập vào website sử dụng chức Trạng thái hệ thống Khơng có sau thực use case Điểm mở rộng 20 Khơng có Phân tích 3.1Sơ đồ lớp: 3.1.1 Sơ đồ lớp (mức phân tích): 3.2 Sơ đồ 3.2.1 Đăng nhập 21 3.2.2 Đăng xuất 3.2.3 Thay đổi mật 22 3.2.4 Mua hàng 3.2.5 Tra cứu đơn hàng 23 3.2.6 Thanh toán online đơn hàng 3.2.7 Hủy đơn hàng 3.2.8 Quản lý slide, sản phẩm, danh mục, size, hãng Thiết Kế Dữ Liệu: 4.1Sơ đồ logic (Database): STT 24 Tên bảng liệu boxes_section images slider admin Ý nghĩa/Diễn giải Các box trang index Lưu src hình Chứ slide Tài khoản admin 10 11 12 13 14 users bill product hang product_type size Tài khoản user Hóa đơn Lưu sản phẩm Lưu hãng sản phẩm Lưu loại sản phẩm Lưu loại size danh size_detail mục sản phẩm Chi tiết số lượng sản phẩm bill_detail cart_detail collection size Chi tiết đơn hàng Chi tiết giỏ hàng Bộ sưu tập 4.2 Mô tả chi tiết 4.2.1 boxes_section STT Tên thuộc tính Kiểu id int box_tile text box_desc text 4.2.2 images STT Tên thuộc tính Kiểu id link id_product 4.2.4 slider STT Tên thuộc tính 25 id slider_name int varchar() int Kiểu int varchar Ràng buộc 11 kí tự 100 kí tự 15 kí tự Ràng buộc 11 kí tự 500 kí tự 11 kí tự Ràng buộc 11 kí tự 100 kí tự Ý nghĩa/ghi Mã box Tiêu đề box Mô tả box Ý nghĩa/ghi Mã hình Đường dẫn hình id sản phẩm Ý nghĩa/ghi Mã slide Tên slide slider_url slide_image 4.2.5 admin STT Tên thuộc tính id name image username password about phone 4.2.6 hang STT Tên thuộc tính id name image 4.2.7 product_type STT Tên thuộc tính id name image 4.2.8 product STT Tên thuộc tính 26 id name id_type price description id_hang varchar varchar Kiểu int varchar varchar varchar varchar nvarchar varchar Kiểu int Varchar Varchar Kiểu int varchar varchar Kiểu int Varchar int Float Varchar Nvarchar 255 kí tự 20 kí tự Ràng buộc 11 kí tự 20 kí tự 10 kí tự 10 kí tự 10 kí tự 200 kí tự 15 kí tự Ràng buộc 11 kí tự 100 kí tự 100 kí tự Ràng buộc 11 kí tự 100 kí tự 500 kí tự Ràng buộc 11 kí tự 100 kí tự 11 ký tự 20 kí tự 10 kí tự 10 kí tự Đường dẫn slide Hình slide Ý nghĩa/ghi Mã admin Tên admin Hình admin Tên tài khoản Mật Thông tin SĐT Ý nghĩa/ghi Mã hãng Tên hãng Hình hãng Ý nghĩa/ghi Mã loại sản phẩm Tên loại sản phẩm Hình loại sản phẩm Ý nghĩa/ghi Mã san phẩm Tên sản phẩm id loại sản phẩm Giá Mô tả sản phẩm id hãng status int kí tự 4.2.9 size STT Tên thuộc tính id id_type name 4.2.10 size detail STT Tên thuộc tính id id_size id_product number 4.2.11 cart_detail STT Tên thuộc tính id id_customer id_product quantity id_size_detail 4.2.12 bill_detail STT Tên thuộc tính 27 id id_bill id_product quantity price id_size_detail Kiểu Ràng buộc int int varchar 11 kí tự 11 kí tự 15 kí tự Kiểu Ràng buộc int int Int int 11 kí tự 11 kí tự 11 kí tực 11 kí tự Kiểu int int int float int Kiểu int int int float float int Ràng buộc 11 kí tự 11 kí tự 11 kí tự 11 ký tự Ràng buộc 11 kí tự 11 kí tự 11 ký tự 11 ký tự Tình trạng sản phẩm Ý nghĩa/ghi Mã size id loại sản phẩm Tên size Ý nghĩa/ghi Mã chi tiết size Mã size Mã danh mục Số lượng sản phẩm Ý nghĩa/ghi Mã giỏ hàng Mã khách hàng Mã sản phẩm Số lượng Mã chi tiết size Ý nghĩa/ghi Mã chi tiết bill Mã bill Mã sản phẩm Số lượng Giá Mã chi tiết size comment vote 4.2.13 users STT Tên thuộc tính id email password name phone address cityID districtID wardID 4.2.14 bill STT Tên thuộc tính nvarchar int ký tự Kiểu int Varchar Varchar Varchar Varchar Varchar int int int Phản hồi khách hàng Vote sản phẩm Ràng buộc 11 kí tự 255 kí tự 255 kí tự 100 20 255 11 11 11 Kiểu Ràng Ý nghĩa/ghi Mã khách hàng Email khách hàng Mật Tên khách hàng Số điện thoại khách hàng Địa Mã thành phố Mã quận huyện Mã phường Ý nghĩa/ghi buộc 10 11 12 28 id id_customer date_order total note status name phone address check_out_id check_out_date magiaodich int int datetime float text tinyint varchar varchar varchar varchar datetime varchar 11 kí tự 11 kí tự 20 100 20 255 255 255 Mã bill Mã khách hàng Thời điểm đặt hàng Tổng cộng Ghi Tình trạng bill Tên bill Số điện thoại Địa Mã check out Thời điểm check out Mã giao dịch 13 14 15 16 17 url_payment orderID orderCode expectedDeliveryTime totalServiceFee varchar int varchar date int 255 11 11 11 Url payment Mã order Code order Dự tính ngày giao hàng Phí service Cơng nghệ sử dụng 5.1 Mô tả chi tiết thành phần hệ thống Mơ hình MVC (Model - View - Controller) kiến trúc phần mềm hay mơ hình thiết kế sử dụng kỹ thuật phần mềm Nó giúp cho developer tách ứng dụng họ thành phần khác Model, View Controller Mỗi thành phần có nhiệm vụ riêng biệt độc lập với thành phần khác Các thành phần MVC: ● Model: Đây thành phần chứa tất nghiệp vụ logic, phương thức xử lý, truy xuất database, đối tượng mô tả liệu Class, hàm xử lý ● View: Đảm nhận việc hiển thị thông tin, tương tác với người dùng, nơi chứa tất đối tượng GUI textbox, images Hiểu cách đơn giản, tập hợp form file HTML ● Controller: Giữ nhiệm vụ nhận điều hướng yêu cầu từ người dùng gọi phương thức xử lý chúng Chẳng hạn thành phần nhận request từ url form để thao tác trực tiếp với Model 5.2 Công nghệ Full stack sử dụng Nodejs ReactJS, sở liệu MSSQL SERVER 29 ❖ Về Nodejs: ● Node.js hệ thống phần mềm thiết kế để viết ứng dụng internet có khả mở rộng, đặc biệt máy chủ web Chương trình viết JavaScript, sử dụng kỹ thuật điều khiển theo kiện, nhập/xuất không đồng để tối thiểu tổng chi phí tối đa khả mở rộng ● Laravel có đặc tính trội: ✔ Đơn giản: chức Laravel dễ hiểu thực ✔ Ngắn gọn: hầu hết chức Laravel hoạt động liên tục với cấu hình nhỏ, dựa vào quy tắc chuẩn để giảm bớt code-bloat ✔ Trình bày hợp lý: hướng dẫn sử dụng Laravel đầy đủ ln cập nhật Nhà lập trình, người tạo framework cập nhật tài liệu trước cho phiên mới, đảm bảo người học lập trình ln ln có tài liệu ● Luồng hiển thị trang: ● Về truy vấn liệu Nodejs: Sử dụng Library MSSql 30 ❖ Về giao diện front end: sử dụng HTML, CSS, Jquery,và Bootstrap, Antd Design Thiết Kế Giao Diện: 6.1Danh sách trang: STT Tên hình Ý nghĩa / Ghi Đăng nhập Admin Đăng nhập Đăng nhập User Trang quản trị Admin Đăng nhập Quản lý sản phẩm, đơn hàng, danh mục, hãng, slide, boxes Trang quản lý account cá nhân Quản lý thông tin cá nhân (đổi mật khẩu, xem tình trạng đơn 31 hàng) Trang chủ Trang chủ Cửa hàng Hiện sản phẩm Giỏ hàng Chứa sản phẩm thêm Chi tiết sản phẩm Chứa thông tin, size sản phẩm mua III Kết Luận: Môi trường phát triển mô trường triển khai Môi trường phát triển: viết ngôn ngữ PHP IDE Visual Code Môi trường triển khai local Web chạy tốt tảng trình duyệt web Chrome, FireFox, Microsoft Edge Đã test web server chạy ổn định laptop có cấu hình Chip CPU: Core i3 8145U RAM: 4GB GPU onboard: Intel UHD Graphics 620 Đã test tải 10 clients chạy lúc Kết đạt Sau thời gian thực đề tài, chương trình hồn thành đạt số kết sau: - Hiểu rõ quy trình quản lý bán hàng trực tuyến 32 - Xây dựng thành công website quản lý bán đồ mỹ phẩm đáp ứng nhu cầu đặt người tiêu dùng - Giao diện chương trình thân thiện, dễ sử dụng, - Thực kiểm thử phần mềm mức độ lập trình - Hiểu thêm kiến thức Back End Front End - Luyện tập HTML, CSS, Javascript - Hiểu rõ kiến trúc web Laravel - Hiểu cách làm việc nhóm Github - Học thêm framework NodeJS, Bootstrap, AJAX Web Design - Website đạt SEO 100 điểm Hướng phát triển ● Gia tăng tính bảo mật cho hệ thống ● Tính đặng nhập quản lý nhân viên ● Sử dụng thêm nhiều cơng cụ hỗ trợ để gia tăng tính tương thích phần mềm ● Nâng cao tính thẩm mỹ phần mềm ● Thêm chức quản lý khác, in doanh thu tháng, năm ● Tối ưu hóa Performance web ● Tính sản phẩm giảm giá, sale ● Tính sử dụng mã giảm giá ● Tính mua hàng tích điểm cho user 33 ● Tính comment hình ảnh Bảng phân chia công viêc STT MSSV 17520982 Công việc giao Mức độ hồn thành - Thu thập, phân tích u website - Hiệu chỉnh,sửa lỗi CSDL 100% - Thiết kế giao diện client - Back end client 17520511 - Lên ý tưởng - Thiết kế CSDL - Back end, giao diện admin - Làm báo cáo 34 100%