Đang tải... (xem toàn văn)
Phát triển ứng dụng quản lý mua bán gas trên IOS sử dụng ngôn ngữ DART trên nền tảng flutter Phát triển ứng dụng quản lý mua bán gas trên IOS sử dụng ngôn ngữ DART trên nền tảng flutter Phát triển ứng dụng quản lý mua bán gas trên IOS sử dụng ngôn ngữ DART trên nền tảng flutter Phát triển ứng dụng quản lý mua bán gas trên IOS sử dụng ngôn ngữ DART trên nền tảng flutter Phát triển ứng dụng quản lý mua bán gas trên IOS sử dụng ngôn ngữ DART trên nền tảng flutter Phát triển ứng dụng quản lý mua bán gas trên IOS sử dụng ngôn ngữ DART trên nền tảng flutter Phát triển ứng dụng quản lý mua bán gas trên IOS sử dụng ngôn ngữ DART trên nền tảng flutter
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM ~~~o0o~~~ VÕ TRƯỜNG DUY - 15110379 VI VĂN SANG – 15110390 Đề Tài: PHÁT TRIỂN ỨNG DỤNG QUẢN LÝ MUA BÁN GAS TRÊN IOS - SỬ DỤNG NGÔN NGỮ DART TRÊN NỀN TẢNG FLUTTER KHÓA LUẬN TỐT NGHIỆP GIÁO VIÊN HƯỚNG DẪN ThS: NGUYỄN HỮU TRUNG KHÓA 2015-2020 LỜI CẢM ƠN Nhóm em xin chân thành cảm ơn khoa CƠNG NGHỆ THÔNG TIN, BỘ MÔN CÔNG NGHỆ PHẦN MỀM, TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM tạo điều kiện thuận lợi cho chúng em thực đề tài Chúng em xin gửi lời cảm ơn chân thành đến thầy NGUYỄN HỮU TRUNG, người tận tình bảo hướng dẫn nhóm em thực đề tài Bên cạnh đó, chúng em xin gửi lời cảm ơn đến thầy cô giảng viên trường Đại Học Sư Phạm Kỹ Thuật Tp.HCM nói chung thầy cô giảng viên khoa Công Nghệ Thông Tin nói riêng, người giảng dạy, tạo điều kiện cho em tích lũy kiến thức quý báu năm học qua Chúng em nỗ lực nhiều để hoàn thành tốt đề tài, khả hạn chế nên chắn khơng tránh khỏi thiếu sót Chúng em mong nhận bảo tận tình thầy để ngày tiến TP Hồ Chí Minh, ngày …… tháng …… năm 2020 Nhóm sinh viên thực hiện: VÕ TRƯỜNG DUY- 15110379 VI VĂN SANG - 15110390 Mục Lục ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP PHẦN 1: PHẦN MỞ ĐẦU 10 TÍNH CẤP THIẾT ĐỀ TÀI 10 MỤC ĐÍCH CỦA ĐỀ TÀI 10 ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU 11 KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC 11 PHẦN 2: PHẦN NỘI DUNG 12 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 12 TÌM HIỂU VỀ FLUTTER 12 1.1 Flutter làgì? 12 1.2 Flutter Framework Model Cấu thành nào? 12 1.3 So Sánh với Cross-platform framework khác 13 1.4 Các Widget flutter 15 1.5 Statefullwidget vàstatelesswidget 17 1.6 Phương thức render flutter 18 NGÔN NGỮ DART 19 2.1 Dart làgì? 19 2.2 Các Ưu điểm Ngôn ngữ Dart 19 2.3 Tại Flutter lại sử dụng Dart 20 GIỚI THIỆU VỀ FIREBASE 20 3.1 Giới thiệu firebase 20 3.2 Các chức firebase 20 3.3 Những lợi ích firebase 21 CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 24 KHẢO SÁT HIỆN TRẠNG 24 1.1 Ứng dụng Gas24h 24 1.2 Ứng dụng VipGas 25 1.3 Ứng dụng bán Lazada 26 XÁC ĐỊNH YÊU CẦU 27 2.1 Yêu cầu Chức 27 2.2 Yêu cầu phi chức 28 CHƯƠNG 3: THIẾT KẾ PHẦN MỀM 30 THIẾT KẾ CƠ SỞ DỮ LIỆU 30 1.1 Môtả công việc 30 1.2 Usecase Diagram 35 1.3 Thiết kế cở sở liệu 37 Dưới cá hình ảnh sở liệu thiết kế dựa vào Firebase 37 - 37 THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ 40 2.1 Khách hàng 40 2.1.1 Màn hình khởi đầu, Đăng ký, Quên mật 40 2.1.2 Trang chủ khách hàng 44 2.1.3 Menu tùy chọn khách hàng 48 2.1.4 Thông tin sản phẩm-đánh giá sản phẩm 51 2.1.5 Giỏ hàng 53 2.1.6 Thanh toán 56 2.2 Admin 58 2.2.1 Trang chủ admin 58 2.2.2 Chi tiết đơn hàng admin 60 2.2.3 Menu tùy chọn admin 63 CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ 67 PHẦN 3: PHẦN KẾT LUẬN 82 KẾT QUẢ ĐẠT ĐƯỢC 82 ƯU ĐIỂM, NHƯỢC ĐIỂM 82 HƯỚNG PHÁT TRIỂN TRONG TƯƠNG LAI 82 TÀI LIỆU THAM KHẢO 83 DANH MỤC HÌNH ẢNH Hinh 1: ứng dụng Gas24h 24 Hinh 2: ứng dụng VipGas 25 Hinh 3: ứng dụng Lazada 26 Hinh 4: Sơ đồ Usecase admin 35 Hinh 5: 3-2 Sơ đồ Usecase khách hàng 36 Hinh 6: Danh sách tài khoản 37 Hinh 7: Xét tài khoản đăng nhập vào phần mềm 37 Hinh 8: Firebase khách hàng hủy đơn hàng 38 Hinh 9: Firebase tiến hành nhận hàng 38 Hinh 10: Firebase thông tin khách hàng đặt hàng 38 Hinh 11: Firebase khách hàng bình luận sản phẩm 39 Hinh 13: Firebase admin quản lý danh sách khách hàng đặt hàng 39 Hinh 12: Firebase quản lý khách hàng nhận, hủy hay trình đợi nhận hàng 39 Hinh 14: Màn hình khởi đầu đăng nhập 40 Hinh 15: Giao diện đăng ký, quên mật 41 Hinh 16: Giao diện trang chủ 44 Hinh 17: Giao diện trang chủ với menu tùy chọn 45 Hinh 18: Giao diện menu tùy chọn khách hàng 48 Hinh 19: Giao diện chi tiết sản phẩm đánh giá 51 Hinh 20: Giao diện giỏ hàng 54 Hinh 21: Giao diện toán 56 Hinh 22: Giao diện trang chủ admin 58 Hinh 23: Giao diện chi tiết đơn hàng admin 61 Hinh 24: Giao diện menu tùy chọn admin 64 Hinh 25: Biểu đồ kết Test 81 DANH MỤC BẢNG BIỂU Bảng 1: Bảng yêu cầu chức nghiệp vụ khách hàng 30 Bảng 2: Bảng quy định/ công thức liên quan khách hàng 32 Bảng 3: Bảng yêu cầu chức nghiệp vụ admin 33 Bảng 4: Bảng quy định, công thức liên quan đến chức admin 34 Bảng 5: Bảng mô tả thành phần giao diện đăng nhập, quên mật khẩu, đăng ký 42 Bảng 6: Bảng mô tả xử lý giao diện đăng nhập, quên mật khẩu, đăng ký 43 Bảng 7: Bảng mô tả thành phần trang chủ khách hàng 46 Bảng 8: Bảng môtả xử lýtrang chủ khách hàng 47 Bảng 9: Bảng môtả thành phần giao diện menu tùy chọn khách hàng 48 Bảng 10: Bảng môtả xử lýcác thành phần giao diện menu tùy chọn khách hàng 49 Bảng 11: Bảng môtả thành phần thông tin sản phẩm 52 Bảng 12: Bảng mô tả xử lý thông tin sản phẩm 52 Bảng 13: Bảng mô tả thành phần giao diện giỏ hàng 54 Bảng 14:3-14: Bảng xử lý thành phần 55 Bảng 15:3-15 Bảng mơ tả hình tốn 57 Bảng 16:3-16 Bảng mơ tả xử lý hình toán 57 Bảng 17: Bảng mô tả thành phần giao diện trang chủ admin 59 Bảng 18: Bảng mô tả xử lý giao diện trang chủ admin 60 Bảng 19: Bảng mô tả thành phần giao diện chi tiết đơn hàng admin 61 Bảng 20: Bảng mô tả xử lý giao diện chi tiết đơn hàng 62 Bảng 21: Bảng mô tả thành phần giao diện menu tùy chọn admin 65 Bảng 22: Bảng mô tả xử lý thành phần giao menu tùy chọn admin 66 Bảng 23: Bảng kiểm thử hình “đăng nhập” 67 Bảng 24: Bảng kiểm thử hình trang chủ thơng tin khách hàng 70 Bảng 25: Bảng kiểm thử hình trang chủ thơng tin admin 72 Bảng 26: Bảng kiểm thử hình Giỏ hàng 74 Bảng 27: Bảng kiểm thử “Thanh toán” 75 Bảng 28: Bảng kiểm thử mà hình đánh giá sản phẩm cảu khách hàng 76 Bảng 29: Bảng kiểm thử hình đánh giá chi tiết đơn hàng khách hàng 77 Bảng 30: Bảng kết kiểm thử 78 PHẦN 1: PHẦN MỞ ĐẦU TÍNH CẤP THIẾT ĐỀ TÀI Trong thời đại 4.0 công nghệ phát triển, chất lượng sản phẩm doanh nghiệp trú trọng tới chất lượng khơng phải mạnh để cạnh tranh sản phẩm mà thay vào trải nghiệm người dùng, tiện lợi, tính chất nhanh chóng dịch vụ bán hàng mà doanh nghiệp cung cấp Sự bùng nổ ứng dụng đặt hàng, đặt dịch vụ trực tuyến mà ta không nhắc tới ơng lớn Uber, Grab, Lazada,… có đồ ăn foody, now gần BaeMin, câu hỏi đặt “Vậy mặt hàng thiết yếu khác sao? Chúng ta có cần ứng dụng tương tự?” Người tiêu dùng chưa biết nhiều loại gas, mẫu mã thị trường Hiện tượng gas giả gas chất lượng ngày nhiều thị trường Làm để người tiêu dùng có nhìn khách quan gas dùng Hơm nhóm em phát triển ứng dụng QUẢN LÝ MUA BÁN GAS Ứng dụng cho phép người dùng đặt gas điện thoại MỤC ĐÍCH CỦA ĐỀ TÀI Tìm hiểu Flutter vàngơn ngữ Dart, Tại người ta nói Flutter thay đổi mặt Mobile Development Xây dựng, phát triển phần mềm quản lýmua bán Gas cónhững chức cở ngơn ngữ Dart tảng Flutter o Đăng ký, Đăng nhập, Đăng xuất o Đăng nhập nhanh chóng Google vàFacebook (các tài khoản phổ biến thời điểm tại) o Quản lýtài khoản (Xem/Cập nhật thông tin, đổi mật khẩu, lấy lại mật khẩu) o Xem chi tiết sản phẩm o Đánh giá sản phẩm o Thêm xóa sửa sản phẩm 10 o Cập nhật sản phẩm o Quản lýcửa hàng o Thống kê ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU Dịch vụ sở liệu FireBase Flutter vàsự tiện tích nótrong lập trình di động Ngôn ngữ dart, Tại flutter lại sử dụng ngôn ngữ dart Các chức phần mềm bán hàng KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC Hiểu rõvề Flutter Các dùng ngôn ngữ dart tảng flutter Cài đặt phần mềm tảng Android vàIOS Phần mềm quản lýGas cótối thiểu chức phần mềm bán hàng 11 PHẦN 2: PHẦN NỘI DUNG CHƯƠNG 1: CƠ SỞ LÝ THUYẾT TÌM HIỂU VỀ FLUTTER 1.1 Flutter làgì? Flutter làmobile UI framework Google để tạo giao diện chất lượng cao iOS vàAndroid khoảng thời gian ngắn Flutter hoạt động với code sẵn có sử dụng lập trì nh viên, tổ chức Flutter phát triển nhằm giải toán thường gặp mobile làFast Development Native Performance Nếu React Native đảm bảo Fast Development vàcode native đảm bảo Native Performance thìFlutter làm điều 1.2 Flutter Framework Model Cấu thành nào? Flutter viết chia làm hai tầng Tầng sử dụng ngôn ngữ Dart cung cấp đoạn mã xây dựng lên ứng dụng Flutter Các đoạn mã cung cấp phương tiện để thay đổi chỉnh sửa chúng Từ giúp ứng dụng lập trình viên tùy chỉnh theo mong muốn Tầng Application giúp lập trình viên thay đổi mã nguồn ứng dụng thời điểm compile time Tầng thứ hai Flutter nằm sâu bên viết C++ Tầng Shell chứa cơng tụ trợ giúp ứng dụng Flutter q trình chạy Nổi bật cần lưu ý tầng máy ảo Dart VM Khái niệm máy ảo khái niệm ứng dụng chạy song song với mã nguồn phần ứng dụng Máy ảo Dart VM có ba nhiệm vụ bao gồm Làm ứng dụng trung gian mã nguồn viết Dart thiết bị phần cứng (hoặc phần mềm nằm ngồi ứng dụng) Thơng dịch đoạn mã Dart theo phương thức JIT (Just in time - mã nguồn thông dịch gọi đến) AOT (Ahead of Time – Mã) 12 Thực thi đoạn mã thông dịch biên dịch cung cấp runtime system bao gồm garbage collector, vài thư viện cần có ngơn ngữ 1.3 So Sánh với Cross-platform framework khác Một ứng dụng để chạy thiết bị thông thường tạm quan tâm tới hai thành phần Thành phần gần với lập trình viên lớp Application Lớp Application chứa đoạn mã viết lập trình viên cơng cụ giúp ứng dụng hoạt động quản lý hoạt động ứng dụng Thành phần quan tâm thứ hai lớp Platform dùng để hệ điều hành ứng dụng trung gian ứng dụng lập trình viên thiết bị Trong phạm vi lập trình ứng dụng mobile, Lớp Platform chia làm ba thành phần bao gồm Services: Bao gồm ứng dụng viết cài đặt mặc định thiết bị có trách nhiệm quản lý giao tiếp ứng dụng thiết bị với nhau, cung cấp thông tin thiết bị cho ứng dụng thực thi yêu cầu ứng dụng để điều khiển thiết bị (Location, Camera, Sensors ) Canvas/Events: Là ứng dụng giúp hiển thị giao diện lên hình thiết bị trình chiếu đồng thời nhận lại kiện xuất giao diện (ví dụ tương tác người dùng kiện từ animation ) OEM Widgets: Thành phần phụ cấu thành thống vendor (nhà cung cấp thiết bị (HTC), đơn vị phát hành thiết bị (NTT Docomo)) nhằm thống quy chuẩn chung cho UI (thành phần giao diện) sử dụng Platform Quy chuẩn thống tạo vài giới hạn cho việc viết lên UI nói kĩ phần sau Thành phần so sánh phạm vi viết kiến trúc lớp Application cách mà lớp Application giao tiếp với lớp Platform Giống đề cập phần trước Tầng Application Flutter cung cấp kiến trúc cho ứng 13 B4 Bấm “Đăng ký” 14 Không Không đăng nhập B1 Nhập username email B2 Nhập mật ký B3 Xác nhận mật công thành B4 Bấm “đăng ký” 15 Không Không đăng nhập B1 Nhập username mật B2 Nhập email ký thành B3 Nhập xác nhận mật công B4 Bấm “đăng ký” 16 Không Không đăng xác B1 Nhập username nhận mật B2 Nhập email ký B3 Nhập mật công thành B4 Bấm “đăng ký” 17 Điền đầy đủ B1 Nhập username Đăng thơng tin B2 Nhập email ký thành công xác vào trang B3 Nhập mật đăng ký B4 Xác nhận mật B5 Bấm “đăng ký” 18 Kiểm tra “nút B1 Bấm back” Trở trang đăng nhập trang đăng ký 19 Kiểm tra “Sử B1 Bấm vào “Đăng nhập Xuất dụng tài khoản google” “Đăng hộp google nhập facebook” facebook” thoại hiển thị email để đăng nhập 69 1.2 Màn hì nh trang chủ thơng tin người dùng 1.2.1 Màn hì nh trang chủ vàthơng tin khách hàng Bảng 24: Bảng kiểm thử hình trang chủ thông tin khách hàng ID Test Case Test Case Procedure Descriptio Expected Inter-test Output case n Dependence tra B1 Đăng nhập Kiểm “mở Hiển thị trang chủ hình trang sau chủ” đăng nhập Kiểm tra B1.Đăng nhập Hiển “thông tin trang thông B2 Bấm khách thị tin cánhân hàng” Kiểm tra Màn “chế độ ban B1 Bấm chuyển ngày sang chế độ ban đêm hì nh Kiểm ban đêm tra “tài khoản Hiển B1 Bấm thị user name tôi” Kiểm tra Hiển thị “mục yêu danh mục thích” sản sản B1 Bấm u thích phẩm (thơng phẩm tin 70 Result khách hàng) Kiểm tra mục” cài Hiển B1 Bấm thị hộp thoại đặt” (Thơng bạn có tin muốn reset khách hàng ) password không? Kiểm tra “giới thiệu” (thông Hiển B1 Bấm tin khách thị giới thiệu ứng dụng quản lýgas hàng) Kiểm tra “liên hệ” (thông Hiển thị địa B1 Bấm cách tin thức liên hệ khách với hàng) hàng Kiểm tra “đăng xuất” (thông Trở B1 Bấm khách lại trang đăng tin nhập khách hàng) 10 Kiểm “thông tra B1 Bấm vào hì nh Hiện tin sản phẩm” thị thơng tin sản phẩm 11 Kiểm tra Hiển thị tất list “Tất cả” B1 Bấm 71 sản phẩm không theo phân loại 12 Kiểm tra Hiển thị sản B1 Bấm vào “Bình gas” phẩm bì nh gas 13 Kiểm tra “Bếp gas” Hiển thị sản B1 Bấm vào phẩm bếp gas 14 Kiểm tra B1: Bấm vào Hiển thị sản “Phụ kiện” phẩm phụ kiện 1.2.2 Màn hì nh trang chủ vàthông tin admin Bảng 25: Bảng kiểm thử hình trang chủ thơng tin admin ID Test Case Test Case Procedure Descriptio Expected Inter-test Output case n Dependence tra B1 Đăng nhập Kiểm “mở hì nh trang Hiển thị trang chủ chủ” sau đăng nhập Kiểm tra B1.Đăng nhập Hiển “thông tin trang thông B2 Bấm khách thị tin cánhân hàng” 72 Result Kiểm tra Màn hì nh “chế độ ban B1 Bấm chuyển ngày sang chế độ ban đêm ban đêm “(thông tin khách hàng) Kiểm tra “tài khoản tôi” (thông Hiển B1 Bấm thị user name, password tin khách hàng) Kiểm tra Hiển thị “mục yêu danh mục thích” sản sản B1 Bấm phẩm phẩm (thơng tin u thí ch khách hàng) Kiểm tra cài mục” Hiển B1 Bấm thị hộp thoại đặt” (Thông bạn có tin muốn reset khách hàng ) password khơng? Kiểm tra “giới thiệu” (thông Hiển B1 Bấm tin khách hàng) Kiểm tra “liên hệ” thị giới thiệu ứng dụng quản lýgas Hiển thị địa B1 Bấm vàcách 73 (thông tin thức liên hệ khách hàng) với khách hàng Kiểm tra “đăng xuất” (thông Trở B1 Bấm lại trang đăng tin nhập khách hàng) 10 Kiểm tra B1 Bấm Hiện lý trang quản “Quản đơn hàng” 11 Kiểm “quản thị lý đơn hàng Tra B1: Bấm Hiển lý thị trang quản lý đơn hàng khách hàng 1.3 Giỏ hàng Bảng 26: Bảng kiểm thử hình Giỏ hàng ID Test Case Test Case Procedure Description Expected Inter-test Output case Dependen ce 74 Result Kiểm tra nút B1 Bấm “back” Trở trang chủ hình giỏ hàng Kiểm tra “xóa” sản phẩm B1 Bấm vào Xóa thành cơng sản phẩm giỏ hàng Kiểm tra “Tiến B1 hành Bấm vào Chuyển qua tốn” hì nh tốn 1.4 Màn hì nh Thanh toán Bảng 27: Bảng kiểm thử “Thanh toán” ID Test Case Test Case Procedure Description Expected Inter-test Output case Dependence Kiểm tra Trở lại “trở lại” giỏ B1 Bấm hì nh hàng hàng Kiểm tra B1 giỏ vào Nhập Nhập “nhập vào” địa địa Kiểm tra “nhập vào” số Hiển thị sản phẩm B1 Nhập vào điện gas thoại 75 bếp Result Kiểm tra “Hình thức Hiển thị sản B1: Tí ch vào phẩm tốn” Kiểm phụ kiện tra B1: Bấm vào Thanh tốn “nút” thành cơng tốn 1.5 Màn hình đánh giá khách hàng Bảng 28: Bảng kiểm thử mà hình đánh giá sản phẩm cảu khách hàng ID Test Case Test Case Procedure Description Expected Inter-test Output case Dependence Kiểm tra Đánh “Đánh giá B1 Bấm sản giá phẩm khách hàng” Kiểm Nhập tra “Nhập bình bì nh luận luận” B1 Nhập vào Kiểm “nút” gửi tra Gửi B1 Bấm bì nh luận 76 Result 1.6 Màn hình đánh giá chi tiết đơn hàng khách hàng Bảng 29: Bảng kiểm thử hình đánh giá chi tiết đơn hàng khách hàng ID Test Case Test Case Procedure Description Expected Inter- Output test case Depende nce Kiểm tra “Hiển Quan sát hì nh Hiển thị đầy đủ thị thông tin thông tin khách khách hàng hàng (Email, địa chỉ, (Email, địa chỉ, số điện thoại.)” số điện thoại) Kiểm Quay lại “Chức tra B1 Nhập vào hì nh trang chủ Kiểm tra “nút” B1 Bấm Hiển thị thông Nhận báo nhận hay quay lại” Hủy đơn hàng hủy đơn hàng 77 Result TỔNG HỢP KẾT QUẢ KIỂM THỬ Bảng 30: Bảng kết kiểm thử Màn hì nh Màn hình đăng nhập ID Test Case Description Result Kiểm tra mở trang đăng nhập Pass Kiểm tra mở trang đăng nhập đăng xuất Pass Kiểm tra “Hiển thị mật khẩu” Pass Kiểm tra bấm “Quên mật khẩu” Fail Kiểm tra gửi email “Quên mật khẩu” Pass Kiểm tra hủy email “Quên mật khẩu” Pass Bấm đăng nhập không nhập email Pass Bấm “đăng nhập không nhập password” Pass Đăng nhập sai mật Pass 10 Đăng nhập sai tên email Pass 11 Đăng nhập mật tên đăng nhập Pass 12 Kiểm tra nút đăng ký Pass 13 Không nhập username Pass 14 Không nhập email Pass 15 Không nhập mật Pass 16 Không xác nhận mật Pass 17 Điền đầy đủ thông tin xác vào trang đăng ký Pass 18 Kiểm tra “nút back” trang đăng ký 78 Pass 19 Màn hình trang chủ khách hàng Kiểm tra “Sử dụng tài khoản google facebook” Pass Kiểm tra “mở hình trang chủ” sau đăng Pass nhập Kiểm tra “thông tin khách hàng” Kiểm tra “chế độ ban ngày ban đêm “(thông tin Pass Pass khách hàng) Kiểm tra “tài khoản tôi” (thông tin khách hàng) Pass Kiểm tra “mục yêu thích” sản phẩm (thông tin Pass khách hàng) Kiểm tra mục” cài đặt” (Thông tin khách hàng ) Pass Kiểm tra “giới thiệu” (thông tin khách hàng) Pass Kiểm tra “liên hệ” (thông tin khách hàng) Pass Kiểm tra “đăng xuất” (thông tin khách hàng) Pass 10 Kiểm tra “thông tin sản phẩm” Pass 11 Kiểm tra “thêm vào giỏ hàng” Pass 12 Kiểm tra “Số lượng giỏ hàng” Pass 13 Kiểm tra “Giỏ hàng” Pass 14 Kiểm tra “Phân loại sản phẩm” Pass 15 Kiểm tra “Bình gas” Pass 16 Kiểm tra “Bếp gas” Pass 17 Kiểm tra “Phụ kiện” Pass 18 Kiểm tra “Tất cả” Pass 79 Màn giỏ hảng Màn Pass Kiểm tra “xóa” sản phẩm Pass Kiểm tra “Tiến hành toán” Pass Kiểm tra “trở lại” giỏ hàng Pass Kiểm tra “nhập vào” địa Pass Kiểm tra “nhập vào” số điện thoại Pass Kiểm tra “Hình thức toán” Pass Kiểm tra “nút” toán Pass Kiểm tra “Đánh giá khách hàng” Pass Kiểm tra “Nhập bì nh luận” Pass Kiểm tra “nút” gửi Pass Nút chức “DartMode” Pass Kiểm tra chức “Thông báo” Pass Kiểm tra chức “Tài khoản tôi” Pass Kiểm tra chức “Quản lý đơn hàng” Pass Kiểm tra chức “yêu thích” Pass Kiểm tra chức “Cài đặt” Pass Kiểm tra chức “Giới thiệu” Pass Kiểm tra chức “liên hệ” Pass Kiểm tra chức “Đăng xuất” Pass Kiểm tra nút “Menu tùy chọn” Pass hình tốn Màn Kiểm tra nút “back” hình giỏ hàng hình hình đánh giá khách hàng Màn hình menu tùy chọn 80 Màn hình trang chủ Kiểm tra nút “tìm kiếm” Kiểm tra mở chi tiết đơn hàng: nhấp vào đơn hàng Pass Kiểm tra mở chi tiết đơn hàng: nhấp vào dấu thập Pass Fail Admin đỏ Màn hình chi tiết đơn hàng admin Kiểm tra nút “Tất đơn hàng” Pass Kiểm tra nút “đơn hàng giao” Pass Kiểm tra nút “đơn hàng giao” Pass Kiểm tra nút “đơn hàng hủy” Pass Kiểm tra nút quay lại Pass Kiểm tra thông tin hiển thị khách hàng Pass Kiểm tra hiển thị tổng đơn hàng Pass Kiểm tra nút Xác nhận hay hủy đơn hàng pass TEST Pass 25% Fail 75% Hinh 25: Biểu đồ kết Test 81 PHẦN 3: PHẦN KẾT LUẬN KẾT QUẢ ĐẠT ĐƯỢC - Tìm hiểu Flutter làgì - Nắm bắt quy trình xây dừng ứng dụng tảng ios - Hiểu thêm firebase vànhững tiện ích nótrong lập trì nh ứng dụng di động - Xây dựng ứng dụng bán hàng Gas có đầy đủ tính cần thiết ứng dụng bán hàng o Đăng nhập- đăng xuất o Đăng nhập nhanh (thông qua facebook gmail) o Quản lýtài khoản o Menu sản phẩm o Giỏi hàng o Thanh toán o Theo dõi đơn hàng ƯU ĐIỂM, NHƯỢC ĐIỂM 2.1 Ưu điểm - Thực chức ứng dụng bán hàng - Ứng dụng đơn giản, dễ dàng sử dụng 2.2 Nhược điểm - Ứng dụng sử dụng Google Firebase miễn phí nên dung lượng sử dụng bị hạn chế vàtốc độ không tốt - Tốc độ xử lýphần đăng nhập chậm HƯỚNG PHÁT TRIỂN TRONG TƯƠNG LAI - Trước mắt nhóm khác phục nhược điểm cótrong phần mềm - Làmột phần mềm bán hàng, phục vụ cho khách hàng để người mua có trải nghiệm tốt phầm mềm người bán dễ dàng quản lý đơn hàng, nhóm phát triển thêm chức khác để thuận tiện cho người sử dụng 82 - Áp dụng ứng dụng lên mặt hàng khác làchỉ Gas tìm thêm hướng phát triển cho phần mềm - Đưa ứng dụng trải nghiệm thực tế TÀI LIỆU THAM KHẢO https://api.flutter.dev/?fbclid=IwAR2rzKnZBrh7imeQCOdda_tma6oyHtF_nNZsOjfjfxCPCpKnLfsR dlSTagg https://github.com/flutter/samples/blob/master/INDEX.md?fbclid=IwAR1cZPZKGVCQyaasQOm VT6iJPw1AfEi3_43InxHQJVOJEyiGAdqp5fz19cA https://dart.dev/guides?fbclid=IwAR0tL6-gqKpMBvSOSW0yEdn979clVihfaOSGgizLtvNaByzFnufOWgoJ9U https://medium.com/flutter-community/flutter-bloc-and-provider-a-shopping-cart-exampleaf75004e1666?fbclid=IwAR3TYEtiucJGfkNVAZ0f9eIpppMPS6jC57q0EZ6SAnUEzLSqr9uSU9LQKiE https://pub.dev/?fbclid=IwAR1NkzauEak4u3dFQmfrXKDQtCze_hriQUsktiD5OoVwJZbw4IXS8HRD cl4 https://www.youtube.com/playlist?list=PLVDJsRQrTUz5ZiT0z_SGvOkrHllexhz72&fbclid=IwAR3jL FhWAHa1_u5wOIX0CMLv4iuc-YCMGT35Mt5rrgXrt1l7nM68U8I1wA8 83 ... thơng qua tính ngơn ngữ API sử dụng đối tượng Future Stream 2.3 Tại Flutter lại sử dụng Dart Như nói trên, Dart phát triển Google, Flutter Google muốn viết (phát triển) ngôn ngữ mà cải tiến Javascript... dart, Tại flutter lại sử dụng ngôn ngữ dart Các chức phần mềm bán hàng KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC Hiểu rõvề Flutter Các dùng ngôn ngữ dart tảng flutter Cài đặt phần mềm tảng Android v? ?IOS ... loại gas, mẫu mã thị trường Hiện tượng gas giả gas chất lượng ngày nhiều thị trường Làm để người tiêu dùng có nhìn khách quan gas dùng Hơm nhóm em phát triển ứng dụng QUẢN LÝ MUA BÁN GAS Ứng dụng