Đồ án hệ THỐNG hỗ TRỢ bán HÀNG

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐỒ ÁN BÁO CÁO ĐỒ ÁN MÔN HỌC ĐỀ TÀI: “ HỆ THỐNG HỖ TRỢ BÁN HÀNG CÓ SỬ DỤNG MÃ VẠCH ” Giảng viên hướng dẫn: Thầy Huỳnh Tuấn Anh Sinh viên thực hiện: Nguyễn Ngọc Quan 17521309 Trần Ngọc Sơn 17521310 Tp Hồ Chí Minh, ngày 15 tháng 01 năm 2021 LỜI CẢM ƠN Đầu tiên, chúng em xin gửi lời cảm ơn đến thầy Huỳnh Tuấn Anh nhiệt tình giảng dạy lớp truyền đạt kiến thức tận tình hướng dẫn, hỗ trợ cung cấp thông tin giải đáp thắc mắc cho nhóm suốt q trình thực đề tài Bên cạnh đó, chúng em xin gửi lời cảm ơn đến anh chị khóa chia kinh nghiệm, thơng tin q báo mơn học kiến thức liên qua Cuối cùng, xin gửi lời cảm ơn đến giúp đỡ bạn lớp chia hiểu biết để có thêm kiến thức đồng thời góp ý nhận xét q trình thực đề tài Nhóm thực đề tài TP.Hồ Chí Minh, ngày 15 tháng 01 năm 2021 NHẬN XÉT CỦA GIÁO VIÊN MỤC LỤC GIỚI THIỆU CHUNG 1.1 Phát biểu toán 1.2 Mục đích sử dụng tài liệu KHẢO SÁT HIỆN TRẠNG 2.1 Kế hoạch khảo sát 2.2 Phương pháp khảo sát: 2.3 Thông tin thu thập được: 11 Yêu cầu phần mềm 13 3.1 Danh sách yêu cầu 13 3.2 Danh sách biểu mẫu quy định 13 MÔ TẢ TỔNG THỂ HỆ THỐNG 15 4.1 Mơ hình tổng thể hệ thống website 15 4.2 Chức hệ thống website yêu cầu 16 4.3 Mơ hình người dùng hệ thống website 17 4.4 Mơ hình người dùng hệ thống quét mã 21 ĐẶC TẢ YÊU CẦU HỆ THỐNG 23 5.1 Yêu cầu chức website 23 5.2 Yêu cầu chức ứng dụng quét mã 23 5.3 Đặc tả yêu cầu website 23 5.4 Đặc tả yêu cầu ứng dụng quét mã 37 THIẾT KẾ DỮ LIỆU 45 THIẾT KẾ GIAO DIỆN 51 7.1 Giao diện đăng nhập 51 7.2 Giao diện quản lí thơng tin tài khoản 52 7.3 Giao diện quản lí bán hàng 55 7.4 Giao diện hóa đơn 57 7.5 Giao diện danh mục sản phẩm 61 7.6 Giao diện hệ thống quét mã 65 THIẾT KẾ KIẾN TRÚC 69 8.1 Thiết kế kiến trúc hệ thống website 69 8.2 Thiết kế kiến trúc hệ thống quét mã 70 TÀI LIỆU THAM KHẢO 71 10 KẾ HOẠCH THỰC HIỆN 72 10.1 Tổng quan 72 10.1.1 Thông tin nhóm 72 10.1.2 Quy trình 72 10.2 Bảng phân chia công việc 75 Bảng ghi nhận thay đổi Ngày Phiên Mô tả Người thay đổi - Phát biểu toán - Phương pháp kế 30/11/2020 1.0 hoạch khảo sát - Nguyễn Ngọc Quan - Danh sách yêu cầu biểu mẫu -Mô tả yêu cầu hệ thống -Đặc tả yêu cầu hệ 25/12/2020 2.0 thống - Nguyễn Ngọc Quan -Thiết kế liệu, giao diện xử lý, thiết kế kiến trúc - Cập nhật đặc tả yêu cầu phát sinh 1/1/2021 2.1 - Thiết kế giao diện - Trần Ngọc Sơn xử lý, thiết kế kiến trúc hệ thống phụ 12/1/2021 2.2 - Sửa đổi giao diện hệ thống phụ - Trần Ngọc Sơn GIỚI THIỆU CHUNG 1.1 Phát biểu toán 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 Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: cần có máy tính kết nối internet dịng liệu truy tìm gần giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh chí đơi lúc có âm bạn cần 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 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ửa hàng hay shop, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứng nhu cầu khác hàng cần thiết Vậy phải quảng bá xây dựng Website cho cửa hàng quảng bá tất sản phẩm bán Mặc dù thị trường phần mềm xuất nhiều hệ thống đáp ứng yêu cầu đó, nhận thấy chúng phức tạp, cầu kì Nên nhóm định phát triển phần mềm mới, dựa phần mềm có hướng đến đơn giản, dễ tiếp cận đáp ứng nhu cầu nghiệp vụ việc quản lí bán hàng Vì vậy, nhóm em thực đồ án “ HỆ THỐNG HỖ TRỢ BÁN HÀNG CÓ SỬ DỤNG MÃ VẠCH ” cho shop bán sản phẩm Người chủ cửa hàng đưa sản phẩm lên website quản lý website Khách hàng đặt mua hàng website mà không cần đến cửa hàng Chủ cửa hàng gửi sản phẩm cho khách hàng đơn hàng hai bên xác nhận Ngoài ra, trình sử dụng, người chủ cửa hang nhân viên cửa hang sử dụng thêm ứng dụng hỗ trợ việc quét mã để thêm đơn hang vào hố đơn tốn xem thơng tin sản phẩm Với hướng dẫn tận tình Thầy Huỳnh Tuấn Anh, nhóm em hồn thành báo cáo đồ án Tuy cố gắng tìm hiểu, phân tích thiết kế cài đặt hệ thống không tránh khỏi thiếu sót Em mong nhận thơng cảm góp ý q Thầy Em xin chân thành cảm ơn 1.2 Mục đích sử dụng tài liệu Người sử dụng Mục đích Để hiểu chức đặc tính hệ thống phát triển (hiểu Nhóm phát triển hệ thống yêu cầu người dùng mà hệ thống đáp ứng) sử dụng trình xây dựng hệ thống Phục vụ xây dựng tài liệu test chức Nhóm kiểm thử hệ thống KHẢO SÁT HIỆN TRẠNG 2.1 Kế hoạch khảo sát - Tìm hiểu, nắm bắt cấu hoạt động tổ chức bán hàng - Hiện trạng tin học: xác định mức độ phần cứng trình độ tin học tác nhân sử dụng phần mềm bán hàng - Hiện trạng nghiệp vụ: hiểu nghiệp vụ hệ thống bán hàng để xây dựng phần mềm đáp ứng thực nghiệp vụ tổ chức bán hàng 2.2 Phương pháp khảo sát: Đi đến cửa hàng vừa nhỏ, vấn, tìm hiểu nghiệp vụ cửa hàng Quan sát, tham khảo phần mềm cửa hàng sử dụng để tham khảo thêm STT Câu hỏi Dạng Câu Hỏi Trả Lời Mình làm cửa hàng Bạn làm việc cửa hàng khoảng Câu hỏi xác định rồi? tháng 12/2019 đến Hiện cửa hàng Cửa hàng kinh doanh kinh doanh năm Từ qua tảng Câu hỏi xác định (mạng xã hội, ứng facebook, ngồi cịn có cửa hàng shopee dụng)? - Hàng ngày bạn nhân viên kiểm tra đơn hàng Bạn chia sẻ khách hàng công việc hàng gửi, xác nhận sau ngày người thơng tin lại cho quản lý trang kinh Câu hỏi xác định khách để chốt đơn doanh online Các cơng việc cịn khơng? lại thuộc phận đóng gói vận chuyển có nghiệp vụ như: - nhập sản phẩm vào kho Cụ thể cách - bán hàng thức đăng sản - báo cáo theo yêu phẩm, hình ảnh, content, quản lý Câu hỏi xác định kho hàng cửa cầu (khoảng thời gian) - cập nhật giá cả, hàng thực hình ảnh thực tế, hiên nào? thơng tin sản phẩm - liên lạc chăm sóc khách hàng Dựa vào sở liệu, xuất PDF Xem PDF cho hóa đơn Tải lên danh sách sản phẩm Tải lên danh sách sản phẩm hóa đơn hóa đơn Chọn ngày Chọn ngày bắt đầu báo cáo Chọn ngày Chọn ngày kết thúc báo cáo Tính tổng Tìm kiếm Tính tổng doanh thu hóa đơn danh sách báo cáo Thực tìm kiếm hóa đơn theo khoảng thời gian chọn 7.5 Giao diện danh mục sản phẩm - Chức liên quan: Quản lí sản phẩm - Yêu cầu: Biểu mẫu Mặt hàng KHO SẢN PHẢM Hình ảnh Đơn giá -Thiết kế giao diện + Giao diện 1: 61 Mô tả + Giao diện 2: 62 + Giao diện 3: 63 -Thiết kế xử lý giao diện 1: STT Tên xử lý Ý nghĩa Load tên sản phẩm Load hình ảnh sản phẩm Tải hình ảnh sản phẩm lên khung chứa Load giá sản phẩm Tải lên giá sản phẩm Load mô tả Tải lên mô tả sản phảm Truy cập trang chỉnh sửa sản phẩm Xóa bỏ sản phẩm Khi load giao diện, load tên sản phẩm cửa hàng Khi ấn nút, truy cập trang chỉnh sửa thông tin sản phẩm Khi ấn nút, tiến hành xóa bỏ sản phẩm khỏi kho hàng 64 - Thiết kế xử lý giao diện 2: STT Tên xử lý Ý nghĩa Tên sản phẩm cần chỉnh sửa Nhập vào tên cần chỉnh sửa Đường dẫn hình ảnh Nhập vào đường dẫn Cập nhật giá sản phẩm Nhập vào giá Thay đổi mô tả sản phẩm Nhập vào mô tả Khi ấn nút, hệ thống kiểm tra ràng Áp dụng thay đổi buộc, tiến hành thay đổi cập nhật lưu trữ - Thiết kế xử lý giao diện 3: STT Tên xử lý Ý nghĩa Tên sản phẩm Nhập vào tên Đường dẫn hình ảnh Nhập vào đường dẫn Giá sản phẩm Nhập vào giá Mô tả sản phẩm Nhập vào mô tả Lưu trữ sản thông tin Khi ấn nút, hệ thống kiểm tra ràng buộc, tiến hành lưu trữ thông tin 7.6 Giao diện hệ thống quét mã - Chức liên quan: Quét mã sản phẩm, hiển thị thông tin sản phẩm, - Yêu cầu : Biểu mẫu Biểu mẫu STT Tên mặt hàng QUÉT MÃ BARCODE Mã mặt hàng Giá mặt hàng 65 Hình ảnh mặt hàng -Thiết kế giao diện + Giao diện 1: + Giao diện 2: 66 + Giao diện 3: 67 -Thiết kế xử lý giao diện 1: STT Tên xử lý SCAN Ý nghĩa Bắt đầu load giao diện scanner view 68 - Thiết kế xử lý giao diện 2: STT Tên xử lý Ý nghĩa Thông báo cho người dùng việc phải Text “ Chiếu vào mã để quét ” chiếu vào mã barcode sản phẩm để tiến hành trình quét Camera View Label mã sản phẩm Hiển thị hình ảnh Camera thu Thơng báo cho người dùng mã barcode thu - Thiết kế xử lý giao diện 3: STT Tên xử lý Ý nghĩa Product View Hình ảnh sản phẩm Label tên sản phẩm Tên sản phẩm Label giá sản phẩm Giá sản phẩm Label mã sản phẩm Mã sản phẩm Khi ấn nút, hệ thống quay trở Button DONE Scanner View để tiến hành quét sản phẩm THIẾT KẾ KIẾN TRÚC 8.1 Thiết kế kiến trúc hệ thống website - Hình thức tổ chức: Phân tán nhiều máy tính - Mẫu thiết kế: Mơ hình MVC - Nền tảng, Cơng nghệ áp dụng: • Front-end: HTML, CSS, JavaScript 69 • Back-end: NodeJs • Database: MongoDB Sơ đồ kiến trúc phần mềm: 8.2 Thiết kế kiến trúc hệ thống quét mã - Hình thức tổ chức: Một thiết bị di động - Mẫu thiết kế: Mơ hình MVVM - Nền tảng, Cơng nghệ áp dụng: • Giao diện: UIkit, SwiftUI • Ngơn ngữ lập trình: Swift • Thư viện bổ trợ: 70 § AVFoundation § Foundation § Vision § SnapKit § UIKit Sơ đồ kiến trúc phần mềm TÀI LIỆU THAM KHẢO - Các liệu môn học + https://nodejs.org/en/ + https://docs.mongodb.com/cloud/ + https://www.udemy.com/topic/nodejs/ + http://stackoverflow.com + https://swift.org/ 71 10 KẾ HOẠCH THỰC HIỆN 10.1 Tổng quan 10.1.1 Thơng tin nhóm Họ tên Mssv Email Vai trị Nguyễn Ngọc Quan 17521309 17521309@gm.uit.edu.vn Trưởng nhóm Trần Ngọc Sơn 17521310 17521310@gm.uit.edu.vn Thành viên 10.1.2 Quy trình 10.1.2.1 Các bước thực hiên Bước 1: Nhóm thống ý kiến làm đồ án hướng đến việc tin học hóa nghiệp vụ cho cửa hàng bán đặc sản Bước 2: Lập kế hoạch khảo sát tiến hành khảo sát để xác định yêu cầu phần mềm Bước 2: Phân tích, xác định rõ yêu cầu nghiệp vụ, từ xác định chức phần mềm cần có để mơ tả u cầu phần mềm đặc tả yêu cầu phần mềm Bước 3: Sau có tài liệu đặc tả yêu cầu phần mềm, nhóm tiến hành bước thiết kế + Thiết kế liệu + Thiết kế giao diện xử lí + Thiết kế kiến trúc Bước 4: Sau có tài liệu thiết kế phần mềm, nhóm tiến hành thực hóa phần mềm code Bắt đầu phân chia nhiệm vụ việc code Bước 5: Kiểm thử, sau thực code, tất thành viên kiểm thử phần mềm, phát sai sót quay lại bước để chỉnh sửa lại code Bước 6: Sau có chương trình hồn hảo, tiến hành đóng gói phần mềm kết thúc đồ án 10.1.2.2 Cách thức quản lí 72 - Nhóm họp để chọn trưởng nhóm, nhóm thống việc cần làm theo bước phát triển tạo roadmap tiến hành làm với quản lí, nhắc nhở phân chia trưởng nhóm 10.1.2.3 Cơng cụ - Visual Studio Code - Xcode - MongoDB - Github - Word - Group chat Facebook 1.2.4 Bảng công việc Cột mốc Công việc Hoàn thành - Đề tài: Website - Chọn đề tài cửa hàng đặc sản thống mơ hình 8/10 – 11/10 phát triển phần X mềm - Mơ hình phát triển: Mơ hình thác nước Xác định u cầu -Mô tả tổng thể hệ -Lập kế hoạch 11/10 - 15/10 Sản phẩm thống tiến hành khảo sát X để xác định yêu cầu -Đặc tả yêu cầu hệ thống phần chức phần mềm mềm 73 -Đặc tả yêu cầu hệ thống phần mềm -Thuật toán sơ đồ 15/10 - 28/10 Thiết kế liệu X logic -Sơ đồ logic hoàn chỉnh -Danh sách hình 18/10 - 20/10 Thiết kế giao diện X xử lí -Bảng vẽ hình -Bảng xử lí hình -Thực theo mơ hình MVC 20/10 - 22/10 Thiết kế kiến trúc X -Bảng vẽ mơ hình kiến trúc theo lớp 22/10 - 15/12 Phần mềm hồn Hiện thực hóa phần X mềm code đưa Tiến thành tinh 4/1/2021 - chỉnh hệ thống cho 10/1/2021 phù hợp thêm với Phần mềm hoàn X nhu cầu thực tế 10/1/2021 - Tiến hành kiểm thử 13/1/2021 phần mềm thành đầy đủ chức thành thêm chức khách hàng yêu cầu X Sửa thành công lỗi tồn 74 10.2 Bảng phân chia công việc Tên thành viên Cơng việc - Xác định quy trình phát triển - Lập kế hoạch tiến hành khảo sát để xác định yêu cầu phần mềm - Mô tả tổng thể hệ thống Nguyễn Ngọc Quan - Đặc tả yêu cầu hệ thống phần mềm 17521309 - Thiết kế liệu - Thiết kế kiến trúc - Hiện thực sản phẩm - Kiểm tra, rà soát lỗi báo cáo đồ án - Làm báo cáo đồ án - Xác định quy trình phát triển - Lập kế hoạch tiến hành khảo sát để xác định yêu cầu phần mềm - Thiết kế liệu Trần Ngọc Sơn 17521310 - Thiết kế giao diện - Kiểm tra, rà soát lỗi báo cáo đồ án - Hiện thực sản phẩm - Làm báo cáo đồ án Hết 75 ... lí bán hàng Vì vậy, nhóm em thực đồ án “ HỆ THỐNG HỖ TRỢ BÁN HÀNG CÓ SỬ DỤNG MÃ VẠCH ” cho shop bán sản phẩm Người chủ cửa hàng đưa sản phẩm lên website quản lý website Khách hàng đặt mua hàng. .. hoạt động tổ chức bán hàng - Hiện trạng tin học: xác định mức độ phần cứng trình độ tin học tác nhân sử dụng phần mềm bán hàng - Hiện trạng nghiệp vụ: hiểu nghiệp vụ hệ thống bán hàng để xây dựng... hàng MÔ TẢ TỔNG THỂ HỆ THỐNG 4.1 Mơ hình tổng thể hệ thống website Hình 1: Biểu đồ phân rã chức hệ thống website quán lý bán hàng 15 4.2 Chức hệ thống website yêu cầu 4.2.1 Đăng nhập: Yêu cầu chức