Đồ án quản lí cửa hàng ký gửi quần áo cũ(planb

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINHTRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNGTINKHOA CÔNG NGHỆ PHẦNMỀM ĐỒ ÁN Quản lí cửa hàng ký gửi quần áo cũ(PlanB) Giảng viên hướng dẫn : ThS Trần Thị Hồng YếnSinh viên thực : Huỳnh Mình Chí Mã sinh viên : 20521130 Sinh viên thực : Nguyễn Hữu Trung KiênMã sinh viên : 205211489 TP HỒ CHÍ MINH, 2023 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNGDẪN ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ……………………………………………………………………Ngày…tháng……năm2023 Ngươi nhậnxét (Ký tên ghi rõhọtên) LỜI CẢM ƠN Đầu tiên, xin gửi lời cảm ơn chân thành đến Cô Trần Thị HồngYến–giảng viên môn Nhập môn Công nghệ phần mềm Cô trực tiếphướngdẫn,tận tình chia sẻ kiến thức, hỗ trợ đóng góp ý kiếnqbáuđểgiúp chúng tơi hồn thành thật tốt đồ án báo cáo Trong thời đại công nghệ phát triển mạnh mẽ vượt bậc ngày nay, việcquảnlývà kinh doanh cửa hàng ký gửi quần áo cũ địi hỏi hiệu tiệnlợi Chínhnhận thức điều thúc đẩy xây dựng ứng dụng web"PlanB"-một hệ thống quản lí cửa hàng ký gửi quần áo cũ, nhằmhỗ trợ chủcửahàngtrong việc quản lý hàng hóa, bán hàng tối ưu hóa quy trình kinh doanh Đồngthời, ứng dụng mang đến cho khách hàng trải nghiệmmua sắmtrựctuyến thuận tiện dễ dàng tìm kiếm sản phẩmquần áo chất lượngtừcửa hàng ký gửi Trong q trình thực đồ án, chúng tơi khơng tránh khỏi nhữngtháchthứcvà sai sót, hỗ trợ góp ý chân thành từ Cơ giúp chúngtơi vượtqua khó khăn hồn thiện đồ án cách tốt Chúng xincamkết tiếp thu áp dụng kinh nghiệm quý báu để nângcaokhảnăng thực dự án tương lai Một lần nữa, xin chân thành cảm ơn Cô Trần Thị HồngYếnvàhyvọng đóng góp Cơ tiếp tục giúp đỡ hỗ trợ chúng tơi tronghànhtrình học tập nghiên cứu tương lai Xin chân thành cảmơn quýthầycô! DANH SÁCH THÀNH VIÊN NHÓM Tên thành viên Huỳnh Minh Chí Nguyễn Hữu Trung Kiên MSSV 20521130 25021489 MỤC LỤC CHƯƠNG 1: GIỚI TÀI 21.1 THIỆU ĐỀ Đặt đề 21.2 vấn Giải Pháp 21.3 Mục tiêu đề tài 21.4 Đối tượng sử dụng 31.5 Công cụ sử dụng .31.6 Phạm vi nghiên cứu .3 CHƯƠNG 2: TỔNG QUAN 42.1 Tổng quan đồ án .42.1.1 Mơ tả quy trình thực cơng việc 42.2 Cơ sở lý thuyết 2.2.1 Thiết kế giao diện người dùng Figma 52.2.3 ReactJS 92.2.4 NodeJS 112.2.5 Phần mềm lập trình VSCode 132.3.5 Dịch vụ Github 16 CHƯƠNG 3: ĐẶC TẢ USE CASE 183.1 Sơ đồ Use case 183.2 Danh sách Use case 183.3 Đặc tả Use case 19 3.3.1 Đăng nhập 193.3.2 Đăng xuất .20 3.3.3 Quản lý Ký gửi 213.3.4 Quản lý Thanh toán 223.3.5 Quản lý Hóa đơn 233.3.6 Quản lý Khách hàng 243.3.7 Quản lý Sản phẩm 263.3.8 Biểu đồ 273.3.9 Quản lý Nhân viên 273.3.10 Quản lý Chấm công 293.3.11 Báo cáo 303.3.12 Quản lý Tài khoản 30 CHƯƠNG 4: PHÂN TÍCH HỆ THỐNG .32CHƯƠNG 5: THIẾT KẾ DỮ LIỆU 345.1 Sơ đồ Logic 345.2 Mô tả chi tiết kiểu liệu 35CHƯƠNG 6: THIẾT KẾ GIAO DIỆN 396.1 Danh sách hình 396.2 Mô tả hình 396.2.1 Màn hình đăng nhập 406.2.2 Màn hình Trang ch 406.2.3 Màn hình Ký g i 41 6.2.4 Màn hình Thêm sản phẩm .426.2.5 Màn hình toán 436.2.6 Màn hình Quản lý Hóa đơn 446.2.7 Chi tiết hóa đơn Ký gửi 45 6.2.8 Màn hình Quản lý Khách hàng 466.2.9 Màn hình Thêm khách hàng 476.2.10 Màn hình Quản lý Sản phẩm .486.2.11 Màn hình Chỉnh sửa sản phẩm 496.2.12 Màn hình Biểu đồ 506.2.13 Màn hình Quản lý Nhân viên 516.2.14 Màn hình Thêm nhân viên 526.2.15 Màn hình Thơng tin Nhân viên 536.2.16 Màn hình Lịch làm việc 546.2.17 Màn hình Báo cáo 546.2.18 Màn hình Quản lý Tài khoản .556.2.19 Màn hình Thơng tin tài khoản .56 CHƯƠNG 7: CÀI ĐẶT VÀ THỬ NGHIỆM .587.1 Môi trường cài đặt .587.1.1 Môi trường cài đặt thử nghiệm 587.1.2 Kết đánh giá 58 CHƯƠNG 8: NHẬN XÉT VÀ KẾT LUẬN 598.1 Kết đạt 598.2 Hạn chế 598.3 Hướng phát triển 59TÀI LIỆU THAM KHẢO 60 DANH MỤC BẢNG Bảng ng Danh sách Use Case 19B ảng ng Use case Đăng nhập 20Bảng Use case Đăng xuất .21B ảng ng Use case Quản lý Ký gửi 22B ảng ng Use case Qu ảng n lý Thanh toán 23B ảng ng Use case Quản lý Hóa đơn 24 Bảng ng Use case Quảng n lý Khách hàng .25B ảng ng Use case Quảng n lý Sảng n ph m 27B ảng ng Use case Bi u đ 27B ảng ng 10 Use case Quản lý Nhân viên 29B ảng ng 11 Use case Quản lý Chấm công .30B ảng ng 12 Use case Báo cáo .30B ảng ng 13 Use case Quản lý Tài khoản 31B ảng ng 14 B ảng ng thu ộc tính Khách c tính Khách hàng 35B ảng ng 15 Bảng thuộc tính Nhân viên 36B ảng ng 16 B ảng ng thu ộc tính Khách c tính S ảng n ph m 36B ảng ng 17 B ảng ng thu ộc tính Khách c tính Ký g i 37B ảng ng 18 B ảng ng thu ộc tính Khách c tính Hóa đ ơn n Ký g i chi ti t 37B ảng ng 19 B ảng ng thu ộc tính Khách c tính S ảng n ph m bán 37B ảng ng 20 B ảng ng thu ộc tính Khách c tính Lươn ng 38B ảng ng 21 B ảng ng thu ộc tính Khách c tính S ảng n ph m trảng l i .38Bảng ng 22 B ảng ng thu ộc tính Khách c tính Doanh thu 38B ảng ng 23 B ảng ng Danh sách hình 39B ảng ng 24 Mô t ảng cách s d ụng hình ng hình Đăng nh p 40Bảng ng 25 Mơ tảng cách s d ụng hình ng hình Trang ch .41Bảng ng 26 Mô t ảng cách s d ụng hình ng hình Ký g i .42B ảng ng 27 Mô t ảng cách s d ụng hình ng hình Thơng tin sảng n ph m 43Bảng ng 28 Mô tảng cách s d ụng hình ng hình Thanh toán 44Bảng ng 29 Mô tảng cách s d ụng hình ng hình Qu ảng n lý Hóa đơn n .45Bảng ng 30 Mô tảng cách s d ụng hình ng hình Chi ti t Hóa đ ơn n Ký g i 46 Bảng ng 31 Mô tảng cách s dụng hình ng hình Quảng n lý Khách hàng 47Bảng ng 32 Mô tảng cách s dụng hình ng hình Thơng tin Khách hàng 48B ảng ng 33 Mô t ảng cách s dụng hình ng hình Quảng ng lý Sảng n ph m 49B ảng ng 34 Mơ t ảng cách s dụng hình ng hình Ch nh s a Sảng n ph m .50Bảng ng 35 Mô tảng cách s d ụng hình ng hình Bi u đ 51B ảng ng 36 Mô t ảng cách s d ụng hình ng hình Quảng n lý Nhân viên 52Bảng ng 37 Mô tảng cách s d ụng hình ng hình Thơng tin Nhân viên .53Bảng ng 38 Mô tảng cách s dụng hình ng hình Thơng tin Nhân viên .54Bảng ng 39 Mô tảng cách s d ụng hình ng hình L ịch làm ch làm vi c .54Bảng ng 40 Mô tảng cách s d ụng hình ng hình Báo cáo 55B ảng ng 41 Mô t ảng cách s d ụng hình ng hình Qu ảng n lý Tài khoảng n 56Bảng ng 42 Mô tảng cách s d ụng hình ng hình thơng tin Tài khoảng n 57 DANH MỤC HÌNH Hình Figma 5Hình JavaScript 7Hình ReactJS .10Hình NodeJS 12 Hình Visual Studio Code 14Hình Github .17Hình Sơ đồ Use case 18Hình Mơ hình MVC .33Hình Sơ đồ Cơ sở liệu .35Hình 10 Màn hình Đăng nh p 40Hình 11 Màn hình Trang chủ 41Hình 12 Màn hình Ký gửi 42Hình 13 Thơng tin sản phẩm 43Hình 14 Màn hình Thanh tốn .44Hình 15 Màn hình Quản lý Hóa đơn 45Hình 16 Chi tiết Hóa đơn Ký gửi 46Hình 17 Màn hình Quản lý Khách hàng .47Hình 18 Thơng tin Khách hàng 48Hình 19 Màn hình Quản lý Sản phẩm 49Hình 20 Chỉnh sửa Sản phẩm 50Hình 21 Màn hình Biểu đồ .51Hình 22 Màn hình Quản lý Nhân viên 52Hình 23 Thêm Nhân viên 52Hình 24 Thông tin Nhân viên 53Hình 25 Màn hình Lịch làm việc 54Hình 26 Màn hình Báo cáo 55Hình 27 Màn hình Quản lý Tài khoản 56Hình 28 Màn hình Thơng tin Tài khoản .57 TÓM TẮT ĐỒ ÁN "PlanB" website quản lí cửa hàng ký gửi quần áo cũ, đượcthiết kếnhằm hỗ trợ hiệu quản lí cửa hàng, chợ đồ cũ cá nhânbánđồsecondhand Với giao diện trực quan dễ sử dụng, "PlanB" cung cấp cáctínhnăngquản lí hàng hóa, bán hàng thống kê, giúp chủ cửa hàng tối ưu hóa quytrìnhkinhdoanh Website giúp cho người dùng quản lí kiểmsốt mặt hàngtrongcửa hàng, bao gồm thơng tin chi tiết, tình trạng, giá thơng tinliênquankhác Ngồi ra, "PlanB" cung cấp chức bán hàng, cho phép người dùngthựchiện giao dịch mua bán cách thuận tiện nhanh chóng Đặc biệt, "PlanB" cung cấp tính thống kê, giúp chủ cửa hàngtheodõihiệu suất kinh doanh, xem thông số doanh thu, số lượng sản phẩmbánravàcác số liên quan khác Nhờ đó, người dùng đưa nhữngquyết địnhthơng minh tối ưu hóa hoạt động kinh doanh Với mục tiêu đơn giản hóa quản lí tối ưu hóa quy trình kinhdoanh,"PlanB" giải pháp tiện ích cho cửa hàng, chợ đồ cũ cá nhânbánđồsecondhand, giúp họ nâng cao hiệu suất đạt thành công trongviệckinhdoanh sản phẩm secondhand CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1.1 Đặt vấn đề Ngày nay, nhiều cửa hàng kinh doanh hoạt động chủ yếu mangtínhthủcơng, dựa vào kinh nghiệm hệ thống nhân viên Do đặc điểmlượnghànghốnhập xuất ngày lớn nên cơng tác quản lí, mua bán nhiềuthời gian,cơng sức mà độ xác khơng cao, điều nhiều gây thiệt hại chocửahàng 1.2 Giải Pháp Nhận thấy tình hình trên, nhóm em lên ý tưởng xây dựng ứngdụnghỗ trợ công tác quản lý bán hàng “Xây dựng ứng dụng web Plan” đời nhằmđáp ứng nhu cầu quản lí hàng hóa, bán hàng tối ưu hóa quy trình kinhdoanh.Đồng thời, nâng cao trải nghiệm khách hàng 1.3 Mục tiêu đề tài - Tối ưu hóa quy trình kinh doanh: "PlanB" phát triển nhằmtối ưuhóaquy trình kinh doanh cho cửa hàng, chợ đồ cũ cá nhân bán đồ secondhand.Ứng dụng cung cấp tính quản lý hàng hóa, đặt hàng, ghi chú, vàxácđịnhgiá trị hàng hóa Nhờ đó, người dùng dễ dàng quản lý hàng tồnkho, tạorabáo cáo thống kê, theo dõi lịch sử giao dịch, giúp tăng cường hiệuquảkinhdoanh tiết kiệm thời gian - Nâng cao hiệu suất bán hàng: "PlanB" giúp người dùng nâng caohiệusuấtbán hàng thông qua việc theo dõi doanh thu, định giá sản phẩm, quảnlýkháchhàng Các tính báo cáo thống kê ứng dụng giúp người dùngđánhgiáhiệu kinh doanh, xác định sản phẩm hot kế hoạch tiếp thị, từđótốiưu hóa doanh thu tăng cường lợi nhuận - Quản lí hàng tồn kho hiệu quả: "PlanB" cung cấp cơng cụ quảnlí hàngtồn kho giúp người dùng kiểm sốt số lượng, thơng tin trạng thái sảnphẩm.Tính giúp người dùng dễ dàng theo dõi số lượng hàng tồn, phânloại sảnphẩm, nhanh chóng tìm kiếm thơng tin sản phẩm cụ thể Điều nàygiúpngười dùng quản lí hàng tồn kho cách xác, tránh thất lãngphí nguồnlực - Tăng cường khả tiếp cận khách hàng: "PlanB" hỗ trợngười dùngtrong việc xây dựng quản lí danh sách khách hàng, ghi thôngtinquantrọng theo dõi lịch sử mua hàng khách hàng Điều giúp người dùngtạodựng mối quan hệ khách hàng mạnh mẽ, đáp ứng nhu cầu khách hàngvàtăngcường hài lòng họ - Nâng cao trải nghiệm bán hàng: "PlanB" tạo điều kiện thuận lợi chongườidùng việc quản lí bán hàng secondhand Ứng dụng cung cấp giaodiệndễsử dụng, giúp người dùng nhanh chóng đăng tải sản phẩm, cập nhật thơngtin, vàquản lí hoạt động kinh doanh hàng ngày Điều giúp người dùngtạoratrảinghiệm bán hàng thuận tiện, đáp ứng nhu cầu ngày đa dạng kháchhàngvàtạo dựng lòng tin 1.4 Đối tượng sử dụng PlanB hướng đến chủ cửa hàng, chợ đồ cũ cá nhân bán đồsecondhand.Đối tượng sử dụng bao gồm người muốn quản lí bán hàng qua mơhìnhkýgửi bán đồ cũ trực tuyến Ứng dụng phù hợp cho cửa hàngquầnáo,cửa hàng đồ cũ, gian hàng chợ đồ cũ, hay cá nhân có nhu cầu bán hàng secondhand."PlanB" giúp đơn giản hóa quy trình quản lí hàng hóa, tăng cường khả năngtiếpcậnkhách hàng, nâng cao trải nghiệm bán hàng 1.5 Công cụ sử dụng - Công cụ dùng để phân tích, thiết kế: Figma, draw.io, StarUML - Cơng cụ phát triền: Visual Studio Code - Công cụ quản lý dự án: Github, Google Drive, Messenger - Công cụ soạn thảo văn bản: Microsoft Word 1.6 Phạm vi nghiên cứu - Thiết kế giao diện người dùng: Figma - Các ngơn ngữ lập trình cơng nghệ phát triển website: HTML, CSS,JavaScript - Các framework hỗ trợ: ReactJS, NodeJS - Phần mềm lập trình: Visual Studio Code - Dịch vụ Github CHƯƠNG 2: TỔNG QUAN 2.1 Tổng quan đồ án Ứng dụng Website PlanB hệ thống quản lí cửa hàng ký gửi quầnáocũ,giúp chủ cửa hàng quản lí hàng hóa, bán hàng tối ưu hóa quy trình kinhdoanh.Đồng thời, khách hàng tìm kiếm mua sắm sản phẩmquầnáochất lượng từ cửa hàng ký gửi thông qua giao diện trực tuyến thuận tiệnvàdễsửdụng 2.1.1 Mơ tả quy trình thực cơng việc ● Bước 1: Xác định u cầu: c 1: Xác địch làm nh yêu cầu: u: - Phân tích khảng thi quy mơ thực c hi n - Tìm hi u quy trình nghi p vụng hình - Tham khảng o trảng i nghi m ứng dụng liên quan ng dụng hình ng liên quan - Khảng o sát người dùng qua mạng i dùng qua m ng - Thu th p thông tin yêu cầu: u ● Bước 1: Xác định yêu cầu: c 2: Thi t k h thống: ng: - Vẽ sơn đ Use-case: phân tích nghi p vụng hình tổng quan ng quan ● Bước 1: Xác định yêu cầu: c 3: Thi t k liệu li u - Thi t k liệu li u tươn ng ứng dụng liên quan ng vớc 1: Xác định yêu cầu: i loại yêu cầu phần mềmđểđảmbảo đượcng lo i yêu cầu: u c a phầu: n mềmđểđảmbảo đượcmđ đảng mbảng o đượcc tính đ n tính ti n hóa vớc 1: Xác định yêu cầu: i phầu: n mềmđểđảmbảo đượcm, có hi uquảng vềmđểđảmbảo đượcmặt truy xuất lưut truy xu ất lưut lưu trữ liệu - Xác địch làm nh l p danh sách bảng ng liệu li u cầu: n thi t cho yêucầu: uc aphầu: n mềmđểđảmbảo đượcm - Xây dực ng sơn đ logic cụng hình th c a phầu: n mềmđểđảmbảo đượcm ● Bước 1: Xác định yêu cầu: c 4: Thi t k giao di n - L p danh sách hình người dùng qua mạng i dùng tươn ng tác vớc 1: Xác định yêu cầu: i phầu: nmềmđểđảmbảo đượcm- Mô tảng đống: i tượcng loại yêu cầu phần mềmđểđảmbảo đượcng hình - Xác địch làm nh nhữ liệung chứng dụng liên quan c hi n thịch làm loại yêu cầu phần mềmđểđảmbảo đượcng hình ● Bước 1: Xác định yêu cầu: c 5: Code ki m th - Code trình bày theo mơ hình lớc 1: Xác định yêu cầu: p đượcc phân chia theo nhi mvụng hình yêu cầu: u - Testcase rõ ràng đ ki m tra tính hi u quảng c a h thống: ng 2.2 Cơ sở lý thuyết 2.2.1 Thiết kế giao diện dùng Figma 2.2.1.1 Tổng quan Figma