Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH KIDDY STORE - ỨNG DỤNG QUẢN LÝ CHUỖI CỬA HÀNG ĐỒ TRẺ EM ĐỒ ÁN MÔN ĐỒ ÁN Giảng viên hướng dẫn: ThS Nguyễn Trịnh Đơng Nhóm sinh viên thực báo cáo: Ngô Công Hậu 18520277 Phan Huy Tiến 18520167 TP Hồ Chí Minh, tháng 10 năm 2021 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em ĐẠ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 BÁO CÁO ĐỒ ÁN ĐỀ TÀI PHÁT TRIỂN ỨNG DỤNG QUẢN LÝ CHUỖI CỬA HÀNG ĐỒ TRẺ EM VỚI NextJS, ReactJS, PostgreSQL ĐỒ ÁN MÔN ĐỒ ÁN - LỚP SE122.M11 Giảng viên hướng dẫn: ThS Nguyễn Trịnh Đơng Nhóm sinh viên thực báo cáo: Ngô Công Hậu 18520277 Phan Huy Tiến 18520167 TP Hồ Chí Minh, tháng 10 năm 2021 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em MỤC LỤC MỤC LỤC DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT LỜI CẢM ƠN Chương – TỔNG QUAN ĐỀ TÀI 1.1 Mơ tả tốn xác định u cầu 1.2 Khảo sát trạng 10 1.2.1 Hiện trạng tổ chức 10 1.2.2 Hiện trạng nghiệp vụ 10 1.2.3 Hiện trạng tin học 11 Chương – PHÂN TÍCH ĐẶC TẢ YÊU CẦU 12 2.1 Sơ đồ Use Case 13 2.2 Danh sách Actor 14 2.3 Đặc tả Use Case 15 2.3.1 Quản lý tài khoản 15 2.3.1.1 Đăng nhập 15 2.3.1.2 Đăng xuất 16 2.3.2 Quản lý hệ thống 17 2.3.2.1 Thêm tài khoản 17 2.3.2.2 Sửa tài khoản 18 2.3.2.3 Xóa tài khoản 19 2.3.2.4 Phân quyền tài khoản 20 2.3.2.5 Thay đổi quy định 22 2.3.2.6 Thêm nhóm quyền 23 2.3.3 Quản lý nguồn cung 24 2.3.3.1 Thêm kho 24 2.3.3.2 Sửa kho 25 2.3.3.3 Xóa kho 26 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em 2.3.3.4 Thêm nguồn cung 27 2.3.3.5 Sửa nguồn cung 28 2.3.3.6 Xóa nguồn cung 29 2.3.4 Quản lý kho 30 2.3.4.1 Lập phiếu nhập kho 30 2.3.4.2 Tra cứu lịch sử nhập/xuất hàng 31 2.3.4.3 Xem chi tiết đơn nhập/xuất hàng 32 2.3.4.4 Sửa chi tiết đơn nhập/xuất hàng 32 2.3.4.5 Xóa đơn nhập/xuất hàng 33 2.3.4.6 Tra cứu hàng tồn kho 34 2.3.4.7 Quản lý yêu cầu nhập hàng từ cửa hàng 35 2.3.4.8 Lập phiếu xuất kho 36 2.3.5 Quản lý kinh doanh 37 2.3.5.1 Thêm cửa hàng 37 2.3.5.2 Sửa thơng tin cửa hàng 38 2.3.5.3 Xóa cửa hàng 39 2.3.5.4 Tra cứu thông tin cửa hàng 40 2.3.5.5 Thêm chương trình khuyến 41 2.3.5.6 Sửa thơng tin chương trình khuyến 42 2.3.5.7 Xóa chương trình khuyến 43 2.3.5.8 Tra cứu chương trình khuyến 44 2.3.5.9 Thêm mặt hàng 45 2.3.5.10 Sửa thông tin mặt hàng 46 2.3.5.11 Xóa mặt hàng 47 2.3.5.12 Lập báo cáo doanh thu 48 2.3.5.13 Lập báo cáo mặt hàng 49 2.3.5.14 Lập báo cáo khách hàng 50 2.3.6 Quản lý cửa hàng 51 2.3.6.1 Quản lý phiếu yêu cầu nhập hàng 51 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em 2.3.6.2 Lập phiếu yêu cầu nhập hàng từ kho 52 2.3.6.3 Xác nhận phiếu nhập hàng 53 2.3.6.4 Lập báo cáo bán hàng 54 2.3.6.5 Quản lý quầy 55 2.3.6.6 Quản lý mặt hàng cửa hàng 56 2.3.7 Bán hàng quầy 57 2.3.7.1 Bán hàng 57 2.3.7.2 In hóa đơn 58 2.3.7.3 Tra cứu khách hàng 58 2.3.7.4 Tạo khách hàng thành viên 59 2.4 Yêu cầu phi chức 60 Yêu cầu bảo mật 60 Chương – PHÂN TÍCH HỆ THỐNG 62 3.1 Sơ đồ 62 3.2 Sơ đồ hoạt động 67 3.3 Sơ đồ trạng thái 69 3.4 Sơ đồ kiến trúc 69 Chương – THIẾT KẾ DỮ LIỆU 71 4.1 Sơ đồ logic 71 4.2 Mô tả chi tiết kiểu liệu 72 Chương – THIẾT KẾ GIAO DIỆN 80 5.1 Sơ đồ liên kết hình 80 5.2 Danh sách hình 81 5.3 Mơ tả hình 82 5.3.1 Quản lý tài khoản 82 5.3.1.1 Màn hình đăng nhập 82 5.3.2 Quản lý hệ thống 83 5.3.2.1 Màn hình quản lý nhân viên 83 5.3.2.2 Màn hình Thêm/Sửa nhân viên 84 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em 5.3.3 Quản lý nguồn cung 85 5.3.3.1 Màn hình quản lý kho 85 5.3.3.2 Màn hình Thêm/Sửa kho hàng 86 5.3.3.3 Màn hình quản lý nhà sản xuất 87 5.3.3.4 Màn hình Thêm/Sửa nhà sản xuất 88 5.3.3.5 Màn hình quản lý nhà cung cấp 89 5.3.3.6 Màn hình Thêm/Sửa nhà cung cấp 90 5.3.4 Quản lý kho 91 5.3.4.1 Màn hình quản lý nhập kho 91 5.3.4.2 Màn hình Thêm/Sửa phiếu nhập kho 92 5.3.4.3 Màn hình quản lý xuất kho 93 5.3.4.4 Màn hình Thêm/Sửa phiếu xuất kho 94 5.3.5 Quản lý kinh doanh 95 5.3.5.1 Màn hình quản lý chi nhánh 95 5.3.5.2 Màn hình Thêm/Sửa chi nhánh 96 5.3.5.3 Màn hình quản lý mặt hàng 97 5.3.5.4 Màn hình Thêm/Sửa mặt hàng 98 5.3.6 Quản lý cửa hàng 99 5.3.6.1 Màn hình quản lý quầy 99 5.3.6.2 Màn hình quản lý nhân viên cửa hàng 100 5.3.6.3 Màn hình quản lý nhập hàng 101 5.3.6.4 Màn hình Thêm/Sửa phiếu nhập hàng 102 5.3.7 Bán hàng quầy 103 5.3.7.1 Màn hình bán hàng 103 5.3.7.2 Màn hình tốn qua Momo 104 Chương – CÀI ĐẶT VÀ THỬ NGHIỆM 105 6.1 Môi trường cài đặt 105 6.2 Các API, framework, thư viện sử dụng 105 NHẬN XÉT VÀ KẾT LUẬN 106 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em Đánh giá tiến độ thực đề tài (bảng tóm tắt trình giai đoạn thực cột thời gian hoạt động) 106 HƯỚNG PHÁT TRIỂN 107 TÀI LIỆU THAM KHẢO 108 BẢNG PHÂN CÔNG CÔNG VIỆC 109 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT Tên viết tắt Tên đầy đủ CSDL Cơ sở liệu SĐ Sơ đồ UI User Interface Giao diện người dùng UX User Experience Trải nghiệm người dùng Diễn giải Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em LỜI CẢM ƠN Nhóm chúng em trân trọng gửi lời cảm ơn đến thầy Nguyễn Trịnh Đông tạo điều kiện cho chúng em có hội thực đồ án Trong vòng 15 tuần, nhờ dẫn nhiệt tình thầy, chúng em tiếp thu kiến thức quan trọng góp ý chân thành để làm chương trình hồn chỉnh Cũng xin cảm ơn thầy cô bạn bè khoa Cơng nghệ phần mềm nhiệt tình hỗ trợ, tạo điều kiện cho nhóm em làm báo cáo Mặc dù cố gắng hoàn thành báo cáo với tất nỗ lực song báo cáo nhóm chúng em chắn khơng tránh khỏi thiếu sót, chúng em mong nhận thông cảm góp ý chân thành từ thầy Nhóm em xin chân thành cảm ơn Thành phố Hồ Chí Minh, ngày 19 tháng 10 năm 2021 Lớp SE122.M11 Nhóm gồm Ngơ Công Hậu, Phan Huy Tiến Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em Chương – TỔNG QUAN ĐỀ TÀI 1.1 Mô tả toán xác định yêu cầu Việt Nam quốc gia thời kỳ dân số vàng, số lượng trẻ em sinh năm tương đối lớn, dẫn đến hội cho ngành kinh doanh mặt hàng đồ trẻ em lớn Tuy nhiên, quản lý cửa hàng bán đồ trẻ em công việc phức tạp đặc thù mặt hàng đa dạng chủng loại, màu sắc, kích cỡ, chất liệu, khiến cơng tác quản lý kiểm sốt kho gặp nhiều khó khăn, số liệu khơng với thực tế Ngồi ra, người quản lý cửa hàng cịn gặp vấn đề tốn thời gian để tính tốn lãi/lỗ, tốn nhầm lẫn, thơng tin khách hàng khó kiểm sốt Vì vậy, nhóm định chọn đề tài Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em để giải vấn đề Các vấn đề cần phải xử lý ứng dụng mà đề tài đặt là: STT Tên yêu cầu Khía cạnh Quản lý tài khoản Quản lý chuỗi Quản lý hệ thống Quản lý chuỗi Quản lý nguồn cung Kinh doanh Quản lý kho Kho Quản lý kinh doanh Kinh doanh Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em 5.3.5 Quản lý kinh doanh 5.3.5.1 Màn hình quản lý chi nhánh Hình 5.14: Màn hình quản lý chi nhánh  Danh sách biến cố xử lý tương ứng hình STT Biến cố Xử lý Nhấn “Thêm chi nhánh” Chuyển sang hình Thêm chi nhánh Chọn mã cửa hàng Chuyển sang hình Sửa chi nhánh 95 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em 5.3.5.2 Màn hình Thêm/Sửa chi nhánh Hình 5.15: Màn hình sửa thơng tin chi nhánh  Danh sách biến cố xử lý tương ứng hình STT Biến cố Xử lý Nhấn “Hủy bỏ” Quay hình quản lý chi nhánh Nhấn “Xóa chi nhánh” Hiện thơng báo xác nhận xóa chi nhánh Nhấn “Lưu thay đổi” Cập nhật thông tin chi nhánh vào CSDL 96 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em 5.3.5.3 Màn hình quản lý mặt hàng Hình 5.16: Màn hình quản lý mặt hàng  Danh sách biến cố xử lý tương ứng hình STT Biến cố Xử lý Nhấn “Thêm mặt hàng” Chuyển sang hình Thêm mặt hàng Chọn mã mặt hàng Chuyển sang hình Sửa mặt hàng 97 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em 5.3.5.4 Màn hình Thêm/Sửa mặt hàng Hình 5.17: Màn hình sửa thơng tin mặt hàng  Danh sách biến cố xử lý tương ứng hình STT Biến cố Xử lý Nhấn “Hủy bỏ” Quay hình quản lý mặt hàng Nhấn “Xóa mặt hàng” Hiện thơng báo xác nhận xóa mặt hàng Nhấn “Lưu thay đổi” Cập nhật thông tin mặt hàng vào CSDL 98 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em 5.3.6 Quản lý cửa hàng 5.3.6.1 Màn hình quản lý quầy Hình 5.18: Màn hình quản lý quầy  Danh sách biến cố xử lý tương ứng hình STT Biến cố Xử lý Nhấn “Thêm quầy” Chuyển sang hình Thêm quầy Nhấn “Sửa” item quầy Chuyển sang hình Sửa quầy 99 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em 5.3.6.2 Màn hình quản lý nhân viên cửa hàng Hình 5.19: Màn hình quản lý nhân viên cửa hàng  Danh sách biến cố xử lý tương ứng hình STT Biến cố Xử lý Nhấn “Thêm” Chuyển sang hình Thêm nhân viên cửa hàng Chọn mã nhân viên Chuyển sang hình Sửa nhân viên cửa hàng 100 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em 5.3.6.3 Màn hình quản lý nhập hàng Hình 5.20: Màn hình quản lý nhập hàng  Danh sách biến cố xử lý tương ứng hình STT Biến cố Xử lý Nhấn “Tạo phiếu nhập hàng” Chuyển sang hình Tạo phiếu nhập hàng Chọn mã phiếu nhập hàng Chuyển sang hình Sửa phiếu nhập hàng 101 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em 5.3.6.4 Màn hình Thêm/Sửa phiếu nhập hàng Hình 5.21: Màn hình sửa thơng tin phiếu nhập hàng cho cửa hàng  Danh sách biến cố xử lý tương ứng hình STT Biến cố Xử lý Nhấn “Hủy bỏ” Quay hình quản lý phiếu nhập hàng Nhấn “Xóa phiếu nhập hàng” Hiện thơng báo xác nhận xóa phiếu nhập hàng Nhấn “Lưu thay đổi” Cập nhật thông tin phiếu nhập hàng vào CSDL 102 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em 5.3.7 Bán hàng quầy 5.3.7.1 Màn hình bán hàng Hình 5.22: Màn hình bán hàng  Danh sách biến cố xử lý tương ứng hình Biến cố STT Xử lý Nhấn “Quét mã QR/Barcode” Hiển thị modal quét mã QR Nhấn “Hủy” Hủy chọn sản phẩm chọn Nhấn “Thanh tốn” Thực tốn hóa đơn 103 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em 5.3.7.2 Màn hình tốn qua Momo Hình 5.23: Màn hình tốn momo  Danh sách biến cố xử lý tương ứng hình STT Biến cố Xử lý Nhấn “Hồn tất” Hồn tất tốn qua momo cho đơn hàng Nhấn “Hủy” Hủy toán quy momo 104 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em Chương – CÀI ĐẶT VÀ THỬ NGHIỆM 6.1 Môi trường cài đặt Ngôn ngữ sử dụng Nền tảng Backend Frontend Typescript JavaScript NestJS ReactJS PostgreSQL Cơ sở liệu Visual Studio Code IDE, Text Editor API, Framework TypeORM, JWT Tailwind CSS, Axios, Ant Design 6.2 Các API, framework, thư viện sử dụng ● ReactJS (thư viện thiết kế web) ● NestJS ● TypeORM ● PostgreSQL ● Tailwind CSS ● Ant Design ● Axios (HTTP Client) ● JWT (JSON Web Tokens) 105 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em NHẬN XÉT VÀ KẾT LUẬN Đánh giá tiến độ thực đề tài (bảng tóm tắt q trình giai đoạn thực cột thời gian hoạt động) Thời gian Hoạt động Tháng - Lập nhóm, nhận đề tài, xác định quy trình thiết kế phần mềm: mơ hình 9/2021 thác nước cải tiến - Khảo sát, xác định yêu cầu, đặt mục tiêu, tạo kế hoạch ban đầu cách thức hoạt động nhóm Tháng Phân tích, đặc tả use case, mơ hình hóa u cầu phần mềm, thiết kế CSDL 10/2021 ban đầu, phác thảo giao diện, bắt đầu làm báo cáo đồ án Tháng - Chỉnh sửa hồn thiện CSDL, phân cơng thực chức cụ 11/2021 thể với giao diện tương ứng - Chỉnh sửa giao diện tổng thể Tháng - Hoàn thiện chức năng: quản lý kho, phân quyền, thống kê, bán hàng 12/2021 - Hoàn thiện báo cáo cuối kỳ 106 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em HƯỚNG PHÁT TRIỂN Phần mềm thực tốt chức quản lý, thống kê, báo cáo Tuy nhiên, để giúp chuỗi cửa hàng phát triển hơn, phần mềm cần giúp chuỗi bán nhiều sản phẩm hơn, tập trung khách hàng Vì vậy, hướng phát triển phần mềm tập trung vào tính như: ● Thống kê, phân tích tìm mặt hàng tiềm (có nhiều khách hàng quan tâm/mua) ● Hỗ trợ nhập liệu đầu vào file excel ● Quản lý, đánh giá hiệu suất làm việc nhân viên ● Cho phép người dùng tạo chương trình khuyến mãi, tích điểm giảm giá 107 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em TÀI LIỆU THAM KHẢO [1]: NestJS - A progressive Node.js framework Retrieved 22 December 2021, from https://nestjs.com/ [2]: Tailwind CSS - Rapidly build modern websites without ever leaving your HTML Retrieved 22 December 2021, from https://tailwindcss.com/ [3]: TypeORM - Retrieved 22 December 2021, from https://typeorm.io/#/ [4]: PostgreSQL Retrieved 22 December 2021, from https://www.postgresql.org/ [5]: Phần mềm bán hàng mẹ bé MISA eShop Retrieved 22 December 2021, from https://eshop.misa.vn/tin-tuc/5317/phan-mem-quan-ly-cua-hang-me-va-be-don-gian-dedung/ 108 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em BẢNG PHÂN CÔNG CÔNG VIỆC STT Họ tên - MSSV Cả hai Cơng việc giao  Phân tích đề tài Hoàn thành 100%  Đặc tả Use case  Thiết kế sở liệu  Kiểm thử vá lỗi Phan Huy Tiến 18520167  Thực chức liên 100% quan đến quản lý kho, quản lý hệ thống, quản lý nguồn cung  Làm báo cáo Ngô Công Hậu  Đăng nhập, đăng xuất 18520277  Thực chức liên quan đến quản lý hệ thống, quản lý kinh doanh, quản lý cửa hàng, bán hàng  Thiết kế giao diện 109 100% ... cung Kinh doanh Quản lý kho Kho Quản lý kinh doanh Kinh doanh Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em Quản lý cửa hàng Cửa hàng Bán hàng quầy Bán hàng 1.2 Khảo sát trạng... khách hàng giải vấn đề với tính như: ● Quản lý tài khoản ● Quản lý hệ thống ● Quản lý nguồn cung ● Quản lý kho ● Quản lý kinh doanh ● Quản lý cửa hàng 10 Lớp SE122.M11 – Phát triển ứng dụng quản lý. .. đối tượng sử dụng ràng buộc vận hành sản phẩm Hình 2.1: Sơ đồ ngữ cảnh hệ thống quản lý chuỗi cửa hàng 12 Lớp SE122.M11 – Phát triển ứng dụng quản lý chuỗi cửa hàng đồ trẻ em 2.1 Sơ đồ Use Case