Tìm hiểu Flutter xây dựng Phần mềm quản lý 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 BÁO CÁO CUỐI KỲ Môn học: ĐỒ ÁN Tìm hiểu Flutter xây dựng Phần mềm quản lý bán hàng Giảng viên: Thạc sĩ Thái Thuỵ Hàn Uyển Thành viên nhóm: Lưu Hồng Hiệp 16520379 Trần Hồng Kha 16520549 Nhận xét giảng viên 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 Thuỵ 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 học tập mơn Đồ án Trong q trình làm đồ án mơn khơng tránh khỏi sai sót, chúng em mong nhận góp ý quý thầy bạn để hoàn thiện TP Hồ Chí Minh, 22 tháng 1, năm 2021 MỤC LỤC LỜI CẢM ƠN THÔNG TIN CHUNG 1.1 TÊN ĐỀ TÀI 1.2 GIỚI THIỆU ĐỀ TÀI 1.3 CÔNG NGHỆ VÀ CÔNG CỤ SỬ DỤNG 1.4 THÔNG TIN NHÓM MỤC TIÊU VÀ NỘI DUNG ĐỀ TÀI 2.1 MỤC TIÊU 2.2 NỘI DUNG ĐỀ TÀI 2.2.1 TÌM HIỂU FLUTTER 2.2.2 POS SYSTEM (POINT-OF-SALE) 2.3 MÔ TẢ CHỨC NĂNG DỰ ÁN 2.3.1 QUẢN LÝ THÔNG TIN NHÂN VIÊN (CRUD) 2.3.2 QUẢN LÝ MENU (CRUD) 2.3.3 QUẢN LÝ NHÀ CỬA HÀNG (CRUD) 2.3.4 TẠO HOÁ ĐƠN VÀ THANH TOÁN 2.3.5 THỐNG KÊ DOANH THU 10 2.3.6 QUẢN LÝ KHO HÀNG (CRUD) 10 2.3.7 XEM LỊCH SỬ HOẠT ĐỘNG (CRUD) 10 BẢNG KẾ HOẠCH VÀ QUI TRÌNH PHÁT TRIỂN PHẦN MỀM 11 SƠ ĐỒ USECASE 15 4.1 DANH SÁCH ACTOR 16 4.2 DANH SÁCH USECASE 16 4.3 ĐẶC TẢ USECASE 18 4.3.1 ĐĂNG NHẬP 18 4.3.2 ĐĂNG XUẤT 19 4.3.3 QUẢN LÝ THÔNG TIN 20 4.3.4 CHỈNH SỬA THÔNG TIN 21 4.3.5 XEM NHÂN VIÊN LÀM TRONG NGÀY 22 4.3.6 QUẢN LÝ NHÂN VIÊN 23 4.3.7 THÊM NHÂN VIÊN 23 4.3.8 CHỈNH SỬA THÔNG TIN NHÂN VIÊN 24 4.3.9 XOÁ NHÂN VIÊN 26 4.3.10 QUẢN LÝ KHU VỰC 27 4.3.11 THÊM KHU VỰC 27 4.3.12 CHỈNH SỬA THÔNG TIN KHU VỰC 28 4.3.13 XOÁ KHU VỰC 29 4.3.14 QUẢN LÝ BÀN 31 4.3.15 THÊM BÀN 31 4.3.16 CHỈNH SỬA THÔNG TIN BÀN 32 4.3.17 XOÁ BÀN 33 4.3.18 QUẢN LÝ LOẠI MÓN 35 4.3.19 THÊM LOẠI MÓN 35 4.3.20 CHỈNH SỬA THƠNG TIN LOẠI MĨN 36 4.3.21 XỐ LOẠI MĨN 37 4.3.22 QUẢN LÝ MÓN 39 4.3.23 THÊM MÓN 39 4.3.24 CHỈNH SỬA THƠNG TIN MĨN 40 4.3.25 XỐ MĨN 42 4.3.26 XEM TRẠNG THÁI CỬA HÀNG 43 4.3.27 XEM MÓN TRONG BÀN 43 4.3.28 ĐẶT MÓN 44 4.3.29 CHỈNH THÊM MÓN 45 4.3.30 THANH TOÁN 45 4.3.31 THỐNG KÊ 47 4.3.32 THỐNG KÊ DOANH THU 47 4.3.33 THỐNG KÊ MÓN 48 4.3.34 THỐNG KÊ GIỜ LÀM NHÂN VIÊN 49 THIẾT KẾ CƠ SỞ DỮ LIỆU 50 THIẾT KẾ GIAO DIỆN 51 6.1 6.2 6.3 6.4 6.5 6.6 6.7 6.8 GIAO DIỆN ĐĂNG NHẬP GIAO DIỆN CHÍNH GIAO DIỆN XEM NHÂN VIÊN LÀM TRONG NGÀY GIAO DIỆN THÔNG TIN CÁ NHÂN GIAO DIỆN QUẢN LÝ NHÂN VIÊN GIAO DIỆN QUẢN LÝ KHU VỰC GIAO DIỆN QUẢN LÝ BÀN GIAO DIỆN QUẢN LÝ LOẠI MÓN 51 51 52 52 52 53 53 54 6.9 GIAO DIỆN QUẢN LÝ MÓN 54 6.10 GIAO DIỆN CỬA HÀNG 55 6.11 GIAO DIỆN CHỌN MÓN 55 6.12 GIAO DIỆN HOÁ ĐƠN 56 6.13 GIAO DIỆN THANH TOÁN 56 6.14 GIAO DIỆN ĐIỂM DANH 57 HƯỚNG PHÁT TRIỂN 58 BẢNG PHÂN CÔNG CÔNG VIỆC 59 TÀI LIỆU KHAM KHẢO 60 THÔNG TIN CHUNG 1.1 Tên đề tài Phần mềm quản lý cửa hàng kho sản phẩm 1.2 Giới Thiệu đề tài Ngày nay, phát triển mạnh mẽ tin học làm cho máy tính trở thành phương tiện thiếu sống Hơn lúc hết, tính máy tính khai thác cách triệt để lĩnh vực: kinh doanh, quản lý, thống kê,… Đối với việc kinh doanh, việc áp dụng tin học quản lý bán hàng giải pháp đắn, hiệu trước nhu cầu mua sắm thị trường ngày tăng Xuất phát từ thực tế đó, đề tài “Phần mềm quản lý bán hàng” mà chúng em xây dựng mong muốn thỏa mãn nhu cầu bán hàng cửa hàng nay, cụ thể quán ăn Tuy nhiên việc nghiên cứu gặp nhiều khó khăn nên đề tài cịn nhiều thiếu sót, mong thầy thơng cảm Chúng em xin chân thành cảm ơn! 1.3 Công nghệ công cụ sử dụng IDEs: Visual Studio Code, Android Studio • Giao diện: o Flutter • Version control: o Git: git • o Host + Issue tracker: GitHub 1.4 Thơng tin nhóm STT MSSV Họ tên Email 16520379 Lưu Hoàng Hiệp 16520379@gm.uit.edu.v n 16520549 Trần Hoàng Kha 16520549@gm.uit.edu.v n Mục tiêu nội dung đề tài 2.1 Mục tiêu Mục tiêu báo cáo nêu nội dung tìm hiểu flutter ứng dụng flutter để xây dựng ứng dụng quản lý bán hàng 2.2 Nội dung đề tài 2.2.1 Tìm hiểu Flutter Flutter SDK nguồn mở Google dùng để tạo ứng dụng chất lượng cao cho Android iOS cách sử dụng codebase Ngày tháng 12 năm 2018, Google tổ chức kiện Flutter Live để chào mừng SDK mobile mới, Flutter phiên ổn định Họ cơng bố project Google Hummingbird cho phép developer cần build ứng dụng lần sau chạy nơi Flutter Google giới thiệu người giới ứng dụng di động Khơng có ngạc nhiên Flutter giúp nhà phát triển tạo ứng dụng native đẹp mắt giúp họ phát triển ứng dụng đa tảng cách dễ dàng 2.2.1.1 Đặt điểm bật - Fast Development: Tíng Hot Reload hoạt động milliseconds để thị giao diện tới bạn Sử dụng tập hợp widget customizable để xây dựng giao diện vài phút Ngồi Hot Reload cịn giúp bạn thêm tính năng, fix bug tiết kiệm thời gian mà không cần phải thông qua máy ảo, máy android iOS - Expressive and Flexible UI: Có nhiều thành phần để xây dựng giao diện Flutter vô đẹp mắt theo phong cách Material Design Cupertino, hỗ trợ nhiều APIs chuyển động, smooth scrolling - Native Performance: Các widget fluter kết hợp khác biệt tảng ví dụ scrolling, navigation, icons, font để cung cấp hiệu tốt tới iOS Android 2.2.1.2 Kiến trúc Flutter Trong Flutter, tất quy widget, widget phức hợp bao gồm widget khác bên Nhờ kết hợp linh hoạt tạo ứng dụng phức tạp Các tính tương tác tích hợp nhờ GestureDetector widget Trạng thái widget quản lý cập nhật StatefulWidget widget Flutter cung cấp thiết kế class để lớp lập trình tùy thuộc vào độ phức tạp tác vụ 2.2.1.3 Ngơn ngữ lập trình Flutter Để lập trình với Flutter, bạn sử dụng ngơn ngữ lập trình gọi Dart Ngôn ngữ tạo Google vào năm 2011, cải thiện nhiều năm qua Dart tập trung vào phát triển front end, bạn sử dụng để tạo ứng dụng di động ứng dụng web Một vài thông tin ngôn ngữ Dart: - Là ngôn ngữ lập trình đơn giản, dễ hiểu dễ tiếp cận - Là ngơn ngữ lập trình sử dụng để build lên Flutter Framework - Nó đời vào năm 2011, nhắm đến việc tạo ứng dụng đa tảng – web, mobile, desktop IoT - Là ngôn ngữ tĩnh, theo hướng đối tượng (OOP), functional programming lexical scoped Dart kết hợp Java JavaScript nên học có tảng ngơn ngữ lúc tiếp cận dễ 2.2.1.4 So sánh với react native Flutter React Native Khả dùng lại code Flutter cho phép overwriting code Nếu bạn có kế hoạch cho việc sử dụng lại code Flutter tùy chọn tốt để tối ưu việc lựa sử dụng lại code React Native cho phép bạn sử dụng lại code, điều lại bị giới hạn vài components Để định nghĩa style cho tảng React Native nhiều thời gian Các thư viện Third Party Có nhiều third-party packages sử dụng ngày phát triển, chúng thực hữu dụng Từ React Native trở lên phổ biến, có nhiều third-party packages phát triển sử dụng nhiều ứng dụng, chúng thêm bớt cách linh động ứng dụng bạn Độ phổ biến Với khoảng 111k Github stars, Flutter trở thành trends việc phát triển Như Google giới thiệu framework Nó chắn muốn trở thành tảng phổ biến lựa chọn developer Với 92k Github stars, React Native có lượng developer sử dụng nhiều lượng developer sử dụng JavaScript dễ dàng để sử dụng với thư viện React Cộng đồng Từ Flutter giới thiệu, có lượng lớn viết hướng dẫn đưa lên online, có nhiều tài ngun hữu ích để bắt đầu viết ứng dụng mobile app React Native phổ biến từ lâu, có nhiều cộng đồng để hỗ trợ online Những kỹ lập trình viên có kinh nghiệm JavaScript chắn đưa giải pháp cho vấn đề trình phát triển bạn 2.2.2 POS system (point-of-sale) Nó sử dụng cho shop bán lẻ (retail shop), quầy toán tiền (check out counter) shop, vị trí thay đổi mà giao dịch xuất loại môi trường kiểu Thêm nữa, point of sale đáp ứng giống hệ thống tính tiền (electronic cash register system) PoS sử dụng nhà hàng ăn uống, khách sạn, sân vận động, casino, nói chung thích hợp cho mơi trường bán lẻ- tóm lại, thứ phục vụ cho việc bán hàng, điểm bán hàng hệ thống bán hàng (point of sale system) Trong đề tài POS xử dụng cho quán cafe 2.3 Mô tả chức dự án 2.3.1 Quản lý thông tin nhân viên (CRUD) Lưu trữ thông tin nhân viên hệ thống 2.3.2 Quản lý Menu (CRUD) Lưu trữ thông tin thực đơn, ăn hệ thống 2.3.3 Quản lý nhà cửa hàng (CRUD) Lưu trữ thông tin danh sách tầng, bàn hệ thống 2.3.4 Tạo Hoá đơn Thanh tốn Thêm ăn xố ăn có menu cho bàn tốn cho bàn 2.3.5 Thống kê doanh thu Xem doanh thu theo thời gian quán ăn 2.3.6 Quản lý Kho hàng (CRUD) Xem thêm, thêm chỉnh sửa thông tin nguyên liệu quán ăn 2.3.7 Xem lịch sử hoạt động (CRUD) Xem trạng thái giao dịch toán lịch sử cửa hàng Bảng kế hoạch qui trình phát triển phần mềm SPRINT 1: PRODUCT DEMO UI (14/10/2020 - 24/10/2020) STT Chức Ngày bắt đầu Ngày hồn thành Thời gian Tìm hiểu nghiệp vụ 14/10/2020 16/10/2020 ngày Xây dựng sỡ 17/10/2020 17/10/2020 ngày 17/10/2020 18/10/2020 ngày 19/10/2020 20/10/2020 ngày liệu cho đồ án Xây dựng mvc cho server Xây dựng bloc architecture cho flutter Ghi bàn 4.3.30.2 Các u cầu đặc biệt Khơng có 4.3.30.3 Điều kiện tiên Người sử dụng actor quản lý cần phải đăng nhập trước để thực usecase 4.3.30.4 Post condition Nếu usecase thành cơng giao diện xác nhận tốn thành công Thông tin giao diện bàn phục vụ trống Và người dùng điều hướng giao diện Cửa hàng 4.3.30.5 Điểm mở rộng Khơng có 4.3.31 Thống kê Usecase mô tả cách quản lý xem báo cáo thống kê cửa hàng 4.3.31.1 Dịng kiện 4.3.31.1.1 Dịng kiện Usecase bắt đầu actor chọn sang giao diện thống kê 4.3.31.1.2 Dịng kiện khác Khơng có 4.3.31.2 Các u cầu đặc biệt Khơng có 4.3.31.3 Điều kiện tiên Người sử dụng actor quản lý cần phải đăng nhập trước để thực usecase 4.3.31.4 Post condition Nếu usecase thành công giao diện hiển thị mục thống kê có cửa hàng bao gồm: - Thống kê doanh thu theo ngày/tháng/năm - Thống kê theo - Thống kê làm 4.3.31.5 Điểm mở rộng Khơng có 4.3.32 Thống kê doanh thu Usecase mô tả cách quản lý xem báo cáo thống kê doanh thu cửa hàng 4.3.32.1 Dòng kiện 4.3.32.1.1 Dịng kiện Usecase bắt đầu actor chọn vào giao diện thống kê doanh thu Actor chọn loại thống kê doanh thu theo ngày/tháng/năm 4.3.32.1.2 Dịng kiện khác Nếu thơng tin khơng hợp lệ hệ thống thơng báo xảy lỗi cho actor 4.3.32.2 Các u cầu đặc biệt Khơng có 4.3.32.3 Điều kiện tiên Người sử dụng actor quản lý cần phải đăng nhập trước để thực usecase 4.3.32.4 Post condition Nếu usecase thành cơng giao diện hiển thị biểu đồ doanh thu theo loại actor chọn tổng kế doanh thu 4.3.32.5 Điểm mở rộng Khơng có 4.3.33 Thống kê Usecase mơ tả cách quản lý xem báo cáo thống kê cửa hàng 4.3.33.1 Dịng kiện 4.3.33.1.1 Dịng kiện Usecase bắt đầu actor chọn vào giao diện thống kê 4.3.33.1.2 Dịng kiện khác Nếu thơng tin khơng hợp lệ hệ thống thơng báo xảy lỗi cho actor 4.3.33.2 Các yêu cầu đặc biệt Khơng có 4.3.33.3 Điều kiện tiên Người sử dụng actor quản lý cần phải đăng nhập trước để thực usecase 4.3.33.4 Post condition Nếu usecase thành cơng giao diện hiển thị danh sách giồm 10 có doanh thu cao thấp 30 ngày gần 4.3.33.5 Điểm mở rộng Khơng có 4.3.34 Thống kê làm nhân viên Usecase mơ tả cách quản lý xem báo cáo thống kê làm nhân viên tháng 4.3.34.1 Dòng kiện 4.3.34.1.1 Dòng kiện Usecase bắt đầu actor chọn vào giao diện thống kê làm 4.3.34.1.2 Dòng kiện khác Nếu thơng tin khơng hợp lệ hệ thống thông báo xảy lỗi cho actor 4.3.34.2 Các u cầu đặc biệt Khơng có 4.3.34.3 Điều kiện tiên Người sử dụng actor quản lý cần phải đăng nhập trước để thực usecase 4.3.34.4 Post condition Nếu usecase thành cơng giao diện hiển thị danh sách nhân viên có quán kèm theo tổng làm lương họ tháng lương nhân viên tính theo: Lương = làm * số tiền/giờ 4.3.34.5 Điểm mở rộng Khơng có Thiết kế sở liệu Thiết kế giao diện 6.1 Giao diện đăng nhập 6.2 Giao diện 6.3 Giao diện xem nhân viên làm ngày 6.4 Giao diện thông tin cá nhân 6.5 Giao diện quản lý nhân viên 6.6 Giao diện quản lý khu vực 6.7 Giao diện quản lý bàn 6.8 Giao diện quản lý loại 6.9 Giao diện quản lý 6.10 Giao diện cửa hàng 6.11 Giao diện chọn 6.12 Giao diện hố đơn 6.13 Giao diện toán 6.14 Giao diện điểm danh Hướng phát triển Hoàn thiện sản phẩm Cải tiếng độ an tồn sản phẩm Thêm chức đặt cho nhân viên Thêm chức phần quản lý nhiều chi nhánh Thêm chức quản lý BẢNG PHÂN CƠNG CƠNG VIỆC STT MSSV Cơng việc giao 16520379 Thu thập nghiệp vụ Xây dựng sở liệu Xây dựng server api - Xây dựng nhóm api cho product - Xây dựng nhóm api cho statistic - Xây dựng nhóm api cho account - Xây dựng nhóm api cho workTime - Xây dựng nhóm api cho order Thiết kế UI Thiết kế bloc architect cho mobile - Xây dựng ui cho di động - Xây dựng UI cho xem làm - Xây dựng nhóm UI cửa hàng - Xây dựng UI toán - Xây dựng nhóm ui thống kê - Xây dựng UI nhóm ui làm việc Viết báo cáo Mức độ hoành thành(%) % 16520379 - - Thu thập nghiệp vụ Kiểm tra sở liệu Xây dựng server api - Xây dựng nhóm api cho table - Xây dựng nhóm api cho area - Xây dựng nhóm api cho typeOfProduct Xây dựng UI cho di động - Xây dựng ui Quản lý nhân viên - Xây dựng ui Quản lý bàn - khu vực - Xây dựng ui Quản lý – loại - Xây dựng ui Home screen Viết báo cáo TÀI LIỆU KHAM KHẢO [1] %