Đồ án tốt nghiệp xây dựng app quản lý và bán hàng thời trang nam hhl

BỘ CÔNG THƯƠNG TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG APP QUẢN LÝ VÀ BÁN HÀNG THỜI TRANG NAM HHL Giảng viên hướng dẫn Sinh viên thực Mã sinh viên Ngành Chuyên ngành Lớp Khóa học : TS ĐÀO NAM ANH : TẠ ĐĂNG TRUNG HIẾU : 18810310388 : CÔNG NGHỆ THÔNG TIN : CÔNG NGHỆ PHẦN MỀM : D13CNPM5 : 2018-2023 Hà Nội, tháng năm 2023 LỜI CẢM ƠN Đại học Điện Lực môi trường tốt sở vật chất giáo viên nhiệt tình, giàu kinh nghiệm, tạo điều kiện tốt đến sinh viên, chúng em thật biết ơn điều Em xin cảm ơn thầy cô giáo khoa Công nghệ phần mềm đặc biệt thầy Đào Nam Anh nhiệt tình hướng dẫn hướng dẫn em hồn thành tốt báo cáo đồ án tốt nghiệp Trong trình làm thực tập công ty, trình làm báo cáo đồ án tốt nghiệp, chúng em khó tránh khỏi sai sót trình độ lý luận kinh nghiệm thực tiễn hạn chế non nớt, mong thầy, cô bỏ qua Nhóm chúng em mong nhận ý kiến đóng góp thầy, để học thêm nhiều kinh nghiệm hoàn thành tốt báo cáo đồ án tốt nghiệp Em xin chân thành cảm ơn! Sinh viên thực Tạ Đăng Trung Hiếu BỘ CƠNG THƯƠNG CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC ĐIỆN LỰC Độc lập – Tự – Hạnh phúc NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN I Thông tin chung Họ tên người hướng dẫn: TS Đào Nam Anh Đơn vị công tác: Khoa Công Nghệ Thông Tin Học hàm, học vị: TS Họ tên sinh viên: Ngày sinh: Mã sinh viên: TẠ ĐĂNG TRUNG HIẾU Lớp: D13CNPM5 Tên đề tài: Xây dựng app quản lý bán hàng thời trang nam HHL II Nhận xét đồ án/khóa luận tốt nghiệp 2.1 Nhận xét hình thức: 2.2 Mục tiêu nội dung: Bố cục hợp lý 2.3 Kết đạt được: Sinh viên hiểu vận dụng kiến thức CNTT vấn đề nghiên cứu Hiểu vận dụng kiến thức sở chuyên ngành vấn đề nghiên cứu Có kỹ vận dụng thành thạo phần mềm, tính tốn vấn đề nghiên cứu 2.4 Kết luận đề nghị: Sinh viên có phương pháp nghiên cứu phù hợp, giải đủ nhiệm vụ đồ án giao Đề tài có giá trị ứng dụng thực tiễn Thuyết minh đồ án cịn có lỗi tả, in ấn, định dạng III Nhận xét tinh thần thái độ làm việc sinh viên Có kỹ làm việc nhóm, kỹ giải vấn đề IV Điểm đánh giá: V Đề nghị Được báo cáo: Được báo cáo Không báo cáo: _ Hà Nội, ngày 06 tháng 02 năm 2023 Giảng viên hướng dẫn TS Đào Nam Anh MỤC LỤC LỜI MỞ ĐẦU CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ XÁC LẬP DỰ ÁN SHOP BÁN QUẦN ÁO HLL 1.1 Khảo sát trạng Shop Bán Quần Áo HHL 1.1.1 Tổng quan 1.1.2 Hoạt động nghiệp vụ 1.1.3 Phát biểu toán nghiệp vụ 1.2 Xác lập dự án Shop Bán Quần Áo HHL 1.2.1 Yêu cầu dự án 1.2.2 Phạm vi thực 1.2.3 Kế hoạch triển khai CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Xác định actor use case tổng quát hệ thống 2.1.1 Xác định actor 2.1.2 Use case tổng quát 2.2 Chức đăng nhập .8 2.2.1 Biểu đồ use case 2.2.2 Biểu đồ hoạt động 10 2.2.3 Biểu đồ trình tự 10 2.3 Chức quản lý tài khoản 11 2.3.1 Biểu đồ use case 11 2.3.2 Biểu đồ hoạt động 13 2.3.3 Biểu đồ trình tự 14 2.4 Chức quản lý danh mục sản phẩm .15 2.4.1 Biểu đồ use case 15 2.4.2 Biểu đồ hoạt động 17 2.4.3 Biểu đồ trình tự 18 2.5 Chức quản lý sản phẩm 19 2.5.1 Biểu đồ use case 19 2.5.2 Biểu đồ hoạt động 21 2.5.3 Biểu đồ trình tự 22 2.6 Chức quản lý đơn hàng 23 2.6.1 Biểu đồ use case 23 2.6.2 Biểu đồ hoạt động 25 2.6.3 Biểu đồ trình tự 26 2.7 Chức quản lý tin tức 27 2.7.1 Biểu đồ use case 27 2.7.2 Biểu đồ hoạt động 29 2.7.3 Biểu đồ trình tự 30 2.8 Chức quản lý doanh thu .31 2.8.1 Biểu đồ use case 31 2.8.2 Biểu đồ hoạt động 33 2.8.3 Biểu đồ trình tự 34 CHƯƠNG 3: CÀI ĐẶT VÀ THỬ NGHIỆM CHƯƠNG TRÌNH .35 3.1 Ngôn ngữ lựa chọn .35 3.1.1 JavaScript 35 3.1.2 Node Js 36 3.1.3 React Native 37 3.1.4 React Js 39 3.1.5 Next JS 40 3.1.6 MongoDB 41 3.2 Thiết kế sở liệu 42 3.2.1 Cấu trúc bảng liệu thuộc tính .42 3.3 Thiết kế giao diện 45 KẾT LUẬN 60 TÀI LIỆU THAM KHẢO 61 DANH MỤC HÌNH ẢNH Hình 1: Biểu đồ use case tổng quát Hình 2: Sơ đồ use case đăng nhập Hình 3: Biểu đồ hoạt động chức đăng nhập .10 Hình 4: Biểu đồ trình tự chức đăng nhập 10 Hình 5: Biểu đồ use case quản lý tài khoản 11 Hình 6: Biểu đồ hoạt động chức quản lý tài khoản 13 Hình 7: Biểu đồ trình tự chức quản lý tài khoản 14 Hình 8: Biểu đồ use case quản lý danh mục sản phẩm .15 Hình 9: Biểu đồ hoạt động chức quản lý danh mục sản phẩm 17 Hình 10: Biểu đồ trình tự chức quản lý danh mục sản phẩm .18 Hình 11: Biểu đồ use case chức quản lý sản phẩm 19 Hình 12: Biểu đồ hoạt động chức quản lý sản phẩm 21 Hình 13: Biểu đồ trình tự chức quản lý sản phẩm .22 Hình 14: Biểu đồ use case chức quản lý đơn hàng 23 Hình 15: Biểu đồ hoạt động chức quản lý bán hàng 25 Hình 16: Biểu đồ trình tự chức quản lý bán hàng 26 Hình 17: Biểu đồ use case chức quản lý tin tức 27 Hình 18: Biểu đồ hoạt động chức ăng quản lý tin tức 29 Hình 19: Biểu đồ trình tự chức quản lý tin tức 30 Hình 20: Biểu đồ use case chức quản lý doanh thu 31 Hình 21: Biểu đồ hoạt động chức quản lý doanh thu 33 Hình 22: Biểu đồ trình tự chức quản lý doanh thu .34 Hình 1: Ứng dụng JavaScript 35 Hình 2: Ví dụ Node Js 36 Hình 3: React Native hoạt động tảng lớn 38 Hình 4: JavaScript React Js 40 Hình 5: Next Js hoạt động 41 Hình 6: Mongo DB hoạt động 42 Hình 7: Giao điện đăng nhập web client 45 Hình 8: Giao diện đăng ký web client 45 Hình 9: Giao diện trang chủ web client 46 Hình 10: Giao diện sản phẩm web client 46 Hình 11: Giao diện chi tiết sản phẩm web client 47 Hình 12: Giao diện tin tức web client 47 Hình 13: Giao diện phương thức bán hàng web client .48 Hình 14: Giao diện giỏ hàng web client .48 Hình 15: Giao diện đăng nhập web admin 49 Hình 16: Giao diện quản lý đơn hàng web admin 49 Hình 17: Giao diện quản lý tài khoản web admin 50 Hình 18: Giao diện quản lý sản phẩm web admin 50 Hình 19: Giao diện tin tức web admin .51 Hình 20: Giao diện quản lý doanh thu web admin .51 Hình 21: Giao diện đăng nhập app client 52 Hình 22: Giao diện đăng ký app client .53 Hình 23: Giao diện sản phẩm app client 54 Hình 24: Giao diện chi tiết sản phẩm app client 55 Hình 25: Giao diện trang chủ app client .56 Hình 26: Giao diện giỏ hàng app client 57 Hình 27: Giao diện tốn app client 58 DANH MỤC BẢNG BIỂ Bảng 1: Bảng kế hoạch lịch trình .6 Bảng 1: Bảng actor .7 Y Bảng 1: Bảng liệu quản lý tin tức 42 Bảng 2: Bảng liệu quản lý danh mục sản phẩm .42 Bảng 3: Bảng liệu quản lý đơn hàng 43 Bảng 4: Bảng liệu quản lý thông tin đơn hàng .43 Bảng 5: Bảng liệu quản lý sản phẩm 43 Bảng 6: Bảng liệu quản lý tài khoản 44 LỜI MỞ ĐẦU Công nghệ thông tin (CNTT) ngành nghề phát triển lớn mạnh, khẳng định vai trị tiến vượt bậc Việt Nam, tác động lớn tới ngành nghề đời sống xã hội người Lĩnh vực quản lý, hoạt động kinh doanh sản xuất tăng trưởng doanh thu gấp nhiều lần nhờ công nghệ hoá, số hoá Nhận thấy vấn đề quản lý kinh doanh bán hàng trải nghiệm người dùng lĩnh vực quần áo nhiều bất cập, hạn chế cần cải thiện nên đồ án tốt nghiệp chúng em xin trình bày trình xây dựng “Xây dựng App quản lý bán hàng thời trang nam HHL” gồm nội dung sau: Chương 1: Khảo sát trạng xác lập dự án Shop Bán Quần Áo Nam HHL Chương 2: Phân tích thiết kế hệ thống Chương 3: Cài đặt thử nghiệm chương trình