Đồ án quản lý bán sữa

VIETNAM NATIONAL UNIVERSITY HO CHI MINH CITY INFORMATION TECHNOLOGY UNIVERSITY SOFTWARE ENGINEERING FACULTY BÁO CÁO ĐỒ ÁN Môn: SE121.L21.PMCL Đồ Án QUẢN LÝ BÁN SỮA Giảng viên: Thái Thụy Hàn Uyển Người thực hiện: Nguyễn Thành Đạt 18520578 LỜI NHẬN XÉT ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… …………………………………………………………………………………………… … …………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… LỜI CẢM ƠN Sau trình học tập rèn luyện khoa Công nghệ phần mềm trường Đại học Công nghệ Thông tin chúng em trang bị kiến thức bản, kỹ thực tế để hồn thành đồ án mơn học Chúng em xin gửi lời cảm ơn chân thành đến cô Thái Thụy Hàn Uyển quan tâm, hướng dẫn, truyền đạt kiến thức kinh nghiệm cho chúng em suốt thời gian làm đồ án Trong trình làm đồ án mơn khơng tránh khỏi sai sót, em mong nhận góp ý q thầy bạn để hồn thiện Lai Vung,Đồng Tháp, tháng 6, năm 2021 MỤC LỤC Mục Lục 1.PHÁT BIỂU BÀI TOÁN 1.1 Hiện trạng 1.2 Mục đích yêu cầu đề tài KIẾN TRÚC TỔNG QUAN CỦA HỆ THỐNG 2.1 Usercase diagram hệ thống 2.2 Component diagram hệ thống 2.3 Kiến trúc hệ thống 2.4 Qui trình thực XÁC ĐỊNH YÊU CẦU PHẦN MỀM 3.1 PHÂN LOẠI CÁC YÊU CẦU PHẦN MỀM 3.2 Danh sách biểu mẫu và quy định MƠ HÌNH HỐ 10 4.1 Sơ đồ user-case 10 4.2 Danh sách các người dùng 10 4.3 Danh sách Use-case 10 4.4 Đặc tả Use-case 10 THIẾT KẾ DỮ LIỆU 20 5.1 sơ đồ logic 20 5.2 Sơ đồ lớp 20 5.3 Bảng 20 THIẾT KẾ GIAO DIỆN 24 6.1 Quản lý tài khoản 24 6.2 Quản Lý Hóa Đơn 35 6.3 Báo Cáo 42 6.4.Quản lý Khách Hàng 45 48 52 54 6.5 Quản lý Sản Phẩm 56 CÔNG NGHỆ VÀ CÔNG CỤ ÁP DỤNG 66 7.1 Công Nghệ 66 7.2 Công cụ 69 KẾT LUẬN 70 8.1 Môi trường phát triển và môi trường triển khai ứng dụng 71 8.2 Kết đạt 71 TÀI LIỆU THAM KHẢO 71 1.PHÁT BIỂU BÀI TOÁN 1.1 Hiện trạng Ngày nay, tin học có bước tiến nhanh chóng ứng dụng linh vực sống phạm vi tồn giới nói chung Việt Nam nói riêng Tin học người ta quan tâm nhắc đến nhiều hết thời đại cơng nghiệp hố đại hố Tin học yếu tố góp phần thúc đẩy mạnh kinh tế trí thức Máy vi tính với phần mềm trợ thủ đắc lực giúp ta quản lý, tổ chức, xếp xử lý công việc nhanh chóng xác Chính lẽ mà ngày có nhiều ứng dụng quản lý đời hỗ trợ cho đa dạng công việc Và hôm nhóm phát triển xin giới thiệu ứng dụng, trợ thủ đắc lực giúp cho công việc quản lý bán sữa dễ hết Ứng dụng quản lý xã hội nhóm phát triển cho tất cá nhân làm sale bán sữa.Chúng ta chức quản lý tài khoản quản lý tài khoản gồm đăng ký ,đăng nhập đăng xuất Chức thứ quản lý hóa đơn gồm xem danh sách hóa đơn,xem chi tiết hóa đơn,thêm hóa đơn,xóa hóa đơn.Trước thêm hóa đơn bạn phải có danh sách khách hàng để chọn khách hàng Sau có danh sách hóa đơn,bạn chọn hóa đơn để xem chi tiết xóa Chức thứ Báo Cáo.Để xem kết báo cáo bạn cần phải chọn ngày bắt đầu , kết thúc cần xem , sau nhập KPI doanh thu mong muốn đạt vào Sau ứng dụng hiển thị kết báo cáo gồm tổng hóa đơn,tổng doanh thu,tiến độ KPI,biểu đồ doanh thu tháng năm Chức thứ quản lý khách hàng gồm có xem danh sách khách hàng ,xem chi tiết khách hàng,xóa khách hàng ,sửa khách hàng Chức thứ quản lý sản phẩm gồm xem danh sách sản phẩm , xem chi tiết sản phẩm, thêm sản phẩm,xóa sản phẩm, sửa sản phẩm Sau bán xong hàng đâu cần điện thoại thơng minh lưu hóa đơn ,khách hàng tính toán doanh số dễ dàng thuận tiện 1.2 Mục đích yêu cầu đề tài 1.2.1 Mục đích − Giảm thiểu lượng công việc thủ công − Nâng cao hiệu cơng tác quản lí bán sữa − Bảo mật thông tin tiết kiệm thời gian 1.2.2 Yêu cầu − Giao diện bố cục phần mềm xếp hợp lí, rõ ràng, tiện lợi cho người dùng − Phần mềm lưu trữ lượng lớn thông tin nhân viên 1.2.3 Người dùng − Chương trình dành cho nhân viên sale sữa KIẾN TRÚC TỔNG QUAN CỦA HỆ THỐNG 2.1 Usercase diagram hệ thống 2.2 Component diagram hệ thống 2.3 Kiến trúc hệ thống Ứng dụng kiến trúc mô hình client server để thiết kế ứng dụng quản lý bán sữa Client server chất điện thoại giao tiếp với server truyền tải liệu cho Điện thoại đóng vai trị máy khách – Client: Với vai trò máy khách, chúng không cung cấp tài nguyên đến server sử dụng tài nguyên cung cấp từ máy chủ Server đóng vai trị máy chủ – Server: Là web server có khả cung cấp tài nguyên dịch vụ đến điện thoại-client Server đóng vai trị hỗ trợ cho hoạt động máy khách client diễn hiệu 2.4 Qui trình thực • Scrum kết hợp V • Các backlog phân chia rõ ràng theo công đoạn • Các sprint từ 1-2 tuần ( ngày làm từ 3-8 chủ nhật nghỉ ngơi) • Tổng cộng 27 sprint • Đặt nguyên tắc tự quản lên mức cao XÁC ĐỊNH YÊU CẦU PHẦN MỀM 3.1 PHÂN LOẠI CÁC YÊU CẦU PHẦN MỀM 3.1.1 Danh sách các yêu cầu 3.2 Danh sách biểu mẫu và quy định 3.2.1 Yêu cầu 3.2.1.1 Biểu mẫu Không có 3.2.1.2 Quy định QĐ1: Mỗi tài khoản không trùng.Mật bảo vệ Tự động đăng nhập lần sau sử dụng chưa đăng xuất 3.2.2 Yêu cầu 3.2.2.1 Biểu mẫu Khơng có 3.2.2.2 Quy định QĐ2: Hóa đơn phải có tên khách hàng, ngày tạo hóa đơn,nội dung, sản phẩm, tổng giá tiền 3.2.3 Yêu cầu 3.2.3.1 Biểu mẫu Khơng có 3.2.3.2 Quy định QĐ3: Cho phép chọn khoảng ngày báo cáo cụ thể.Báo cáo tổng số hóa đơn,tổng doanh thu, tiến độ KPI,biểu đồ doanh thu 3.2.4 Yêu cầu 3.2.4.1 Biểu mẫu Khơng có 3.2.4.2 Quy định QĐ4: Khách hàng phải có tên, địa , số điện thoại để dễ dàng liên lạc 3.2.5 Yêu cầu 3.2.5.1 Biểu mẫu Khơng có 3.2.5.2 Quy định QĐ5: Cho phép xem danh sách sản phẩm theo thể loại sản phẩm ( sữa bột, sữa nước, ).Sản phẩm phải có mã sản phẩm , tên sản phẩm, loại sản phẩm, giá sản phẩm MƠ HÌNH HỐ 4.1 Sơ đồ user-case 4.2 Danh sách các người dùng STT Tên người dùng Nhân viên sale sữa Ý nghĩa/Ghi Quản lý tài khoản,quản lý hóa đơn, quản lý khách hàng,quản lý sản phẩm, báo cáo 4.3 Danh sách Use-case STT 10 11 12 13 14 15 16 17 Tên Use-case Đăng ký Đăng nhập Đăng xuất Xem danh sách hóa đơn Xem chi tiết hóa đơn Thêm hóa đơn Xóa hóa đơn Xem danh sách sản phẩm Xem chi tiết sản phẩm Thêm sản phẩm Sửa sản phẩm Xóa sản phẩm Xem danh sách khách hàng Xem chi tiết khách hàng Thêm khách hàng Sửa khách hàng Xóa khách hàng 4.4 Đặc tả Use-case 4.4.1 Đặc tả Use-case “Đăng ký” 4.4.1.1 Tóm tắt Tên chức Mô tả Tác nhân Điều kiện trước Ý nghĩa/Ghi Đăng ký tài khoản Đăng nhập tài khoản Đăng xuất khỏi ứng dụng Xem danh sách hóa đơn Xem chi tiết hóa đơn Thêm hóa đơn Xóa hóa đơn Xem danh sách sản phẩm Xem chi tiết sản phẩm Thêm sản phẩm Sửa sản phẩm Xóa Sản phẩm Xem danh sách khách hàng Xem chi tiết khách hàng Thêm khách hàng Sửa khách hàng Xóa khách hàng Đăng ký Đăng ký tài khoản Người dùng (Nhân viên sale,nhân viên bán sữa, ) Khơng có STT Chú thích Kiểu Tiêu đề hình Chức Tài Khoản Text Icon,TouchableOpacity Chức Quản lý Khách Hàng Icon,TouchableOpacity Chức Quản lý Sản Phẩm Icon,TouchableOpacity Sư kiện sau nhấn Khơng có Chuyển đến hình Tài khoản Chuyển đến hình Danh sách Khách Hàng Chuyển đến hình danh sách Sản Phẩm Hình STT Chú thích Kiểu Nút quay lại StackNavigator Tiêu đề hình Icon Thêm sản phẩm Text Icon,TouchableOpacity Picker Chọn loại sản phẩm để hiển thị Sản phẩm Icon xóa sản phẩm Danh sách sản phẩm FlatList,Text, Icon, TouchableOpacity Icon, TouchableOpacity FlatList Sư kiện sau nhấn Chuyển đến hình trước Khơng có Chuyển đến hình thêm sản phẩm Hiện danh sách loại sản phẩm Hiện chi tiết sản phẩm Xóa sản phẩm hiển thị lại danh sách sản phẩm Khơng có Hình STT Chú thích Kiểu Nút quay lại StackNavigator Tiêu đề hình Icon Chỉnh sửa thơng tin khách hàng Text Icon, TouchableOpacity Mã sản phẩm Loại sản phẩm Tên sản phẩm Giá Text Text Text Text Sư kiện sau nhấn Chuyển đến hình trước Khơng có Chuyển đến hình xóa khách hàng Khơng có Khơng có Khơng có Khơng có Hình STT Chú thích Kiểu Nút quay lại StackNavigator Tiêu đề hình Chọn loại sản phẩm Text Picker Nhập mã sản phẩm Input Nhập tên sản phẩm Input Nhập Giá Input Nút xác nhận Button Sư kiện sau nhấn Chuyển đến hình trước đo Khơng có Hiện danh sách loại sản phẩm Hiện bàn phím nhập Hiện bàn phím nhâp Hiện bàn phím để nhập Lưu sản phẩm chuyển đến hình Danh Sách Sản Phẩm Hình STT Chú thích Kiểu Nút quay lại StackNavigator Tiêu đề hình Chọn loại sản phẩm Text Picker Nhập mã sản phẩm Input Nhập tên sản phẩm Input Nhập Giá Input Nút xác nhận Button Sư kiện sau nhấn Chuyển đến hình trước đo Khơng có Hiện danh sách loại sản phẩm Hiện bàn phím nhập Hiện bàn phím nhâp Hiện bàn phím để nhập Lưu sản phẩm chuyển đến hình Danh Sách Sản Phẩm 6.5.2 Luồng hoạt động Xem danh sách sản phẩm: Chọn (4) Hình -> Chuyển đến Hình o Luồng phụ: Chọn (4) Hình -> Chọn loại sản phẩm -> Hiện thị danh sách sản phẩm theo loại Xem chi tiết sản phẩm: Nhấn vào sản phẩm cần xem (5) -> Chuyển đến Hình Thêm sản phẩm: Chọn (3) Hình -> Chuyển đến Hình -> Chọn loại sản phẩm (3) Hình -> Điền thơng tin (4) (5) (6) Hình -> Nhấn (7) Hình -> Lưu sản phẩm chuyển đến Hình o Luồng phụ : Chọn (1) Hình -> Chuyển đến Hình Sửa sản phẩm : Chọn (3) Hình -> Chuyển đến Hình -> Chọn loại sản phẩm (3) Hình -> Điền thơng tin (4) (5) (6) Hình -> Nhấn (7) Hình -> Lưu sản phẩm chuyển đến Hình o Luồng phụ :Chọn (1) Hình -> Chuyển đến Hình CƠNG NGHỆ VÀ CƠNG CỤ ÁP DỤNG 7.1 Cơng Nghệ Singleton Pattern: o Singleton là design pattern nhóm Creational Design Pattern o Singleton đảm bảo thể (instance) tạo và cung cấp cho bạn method để có thể truy xuất thể lúc nơi chương trình ES6 Module : o Trước xuất ES6, JavaScript feature tạo module, nên lập trình viên phải dựa vào thư viện thứ ba Module Pattern để implement module Nhưng với ES6, chuyện khác o ES6 Module lưu file riêng biệt Chỉ module file Mọi thứ module mặc định private Function, variable, class expose cách sử dụng export keyword Và code module strick mode ❖ Export Module : ▪ Sử dụng keyword export trước khai báo function variable ▪ Sử dụng export keyword cuối file kết hợp với tên function variable muốn export ❖ Import Module : ▪ Import nhiều item lần ▪ Import module Json Web Token (JWT) JWT phương tiện đại diện cho yêu cầu chuyển giao hai bên Client – Server , thông tin chuỗi JWT định dạng JSON Trong chuỗi Token phải có phần header , phần payload phần signature ngăn dấu “.” Mã hóa mật BcryptJS o BCrypt thuật tốn mã hóa mật thiết kế Niels Provos and David Mazières o BCrypt đánh giá bảo mật an toàn so với MD5 SHA lần thực băm lại cho giá trị khác nhau, việc khiến cho việc dị tìm mật trở nên khó Heroku: tảng đám mây cho phép lập trình viên xây dựng, triển khai, quản lý mở rộng ứng dụng (PaaS – Platform as a service) Nó linh hoạt dễ sử dụng, cung cấp cho đường đơn giản để đưa sản phẩm tiếp cận người dùng Nó giúp nhà phát triển tập trung vào phát triển sản phẩm mà không cần quan tâm đến việc vận hành máy chủ hay phần cứng… 7.2 Công cụ Trello Github https://github.com/solomen5555/quanlybansua KẾT LUẬN 8.1 Môi trường phát triển và môi trường triển khai ứng dụng 8.1.1 Môi trường phát triển − Giao diện xây dựng thiết kế react-native sử dụng thư viện react-navigation, expo − Server xây dựng NodeJs − Database sử dụng cloud mongoDB online chứa heroku 8.1.2 Môi trường vận hành − Ứng dụng chạy điện thoại thông minh − u cầu: • Phải có kết nối internet • Bộ nhớ trống 60 mb 8.2 Kết đạt 8.2.1 Kết − Ứng dụng hoàn thiện chức − Server vận hành online nên sử dụng lúc nơi 8.2.2 Hạn chế − Cịn số chức chưa hồn thiện TÀI LIỆU THAM KHẢO https://www.google.com.vn/?hl=vi https://stackoverflow.com/ http://reactnative.dev/ https://reactnavigation.org/ https://www.youtube.com/ … ... việc quản lý bán sữa dễ hết Ứng dụng quản lý xã hội nhóm phát triển cho tất cá nhân làm sale bán sữa. Chúng ta chức quản lý tài khoản quản lý tài khoản gồm đăng ký ,đăng nhập đăng xuất Chức thứ quản. .. Danh sách các người dùng STT Tên người dùng Nhân viên sale sữa Ý nghĩa/Ghi Quản lý tài khoản ,quản lý hóa đơn, quản lý khách hàng ,quản lý sản phẩm, báo cáo 4.3 Danh sách Use-case STT 10 11 12 13... đồ án mơn học Chúng em xin gửi lời cảm ơn chân thành đến cô Thái Thụy Hàn Uyển quan tâm, hướng dẫn, truyền đạt kiến thức kinh nghiệm cho chúng em suốt thời gian làm đồ án Trong trình làm đồ án