(Đồ án tốt nghiệp) 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

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH SƯ PHẠM CÔNG NGHỆ THÔNG TIN 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 GVHD: NGUYỄN HỮU TRUNG SVTT:VÕ TRƯỜNG DUY THIÊN MSSV:15110379 SVTT:VI VĂN SANG MSSV:15110390 SKL007219 Tp Hồ Chí Minh, 2020 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 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 20152020 ĐH SƯ PHẠM KỸ THUẬT TP.HCM XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT ***** Độc lập - Tự - Hạnh phúc ***** PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên sinh viên 1: Họ tên sinh viên 2: Chuyên ngành: Tên đề tài: VÕ TRƯỜNG DUY MSSV: 15110379 VI VĂN SANG MSSV: 15110390 SƯ PHẠM CÔNG NGHỆ THÔNG TIN Xây dựng ứng dụng quản lýgas IOS, sử dụng ngôn ngữ DART tảng FLUTTER ThS NGUYỄN HỮU TRUNG Họ tên GVHD: NHẬN XÉT: Về nội dung đề tài khối lượng công việc thực hiện: Ưu điểm Khuyết điểm Đề nghị cho bảo vệ hay không? …………………… Đánh giá xếp loại: Điểm: TP Hồ Chí Minh, ngày …… tháng …… năm 2020 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) ĐH SƯ PHẠM KỸ THUẬT TP.HCM XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập - Tự - Hạnh phúc ***** ***** PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên sinh viên 1: Họ tên sinh viên 2: Chuyên ngành: Tên đề tài: VÕ TRƯỜNG DUY VI VĂN SANG SƯ PHẠM CÔNG NGHỆ MSSV: 15110379 MSSV: 15110390 THÔ NG TIN Xây dựng ứng dụng quản lýgas IOS, sử DART tảng FLUTTER dụng ngôn ngữ Họ tên GVPB: NHẬN XÉT: Về nội dung đề tài khối lượng công việc thực hiện: Ưu điểm Khuyết điểm Đề nghị cho bảo vệ hay không? …………………… Đánh giá xếp loại: Điểm: TP Hồ Chí Minh, ngày …… tháng …… năm 2020 Giáo viên phản biện (Ký & ghi rõ họ tên) 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 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT ****** ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP Họ vàtên sinh viên: VÕ TRƯỜNG DUY MSSV: 15110379 VI VĂN SANG MSSV: 15110390 Thời gian làm tiểu luận từ: 15/2/2020 đến 4/8/2020 Ngành: Công nghệ thông tin Chuyên ngành: Công nghệ phần mềm Tên đề tài: Xây dựng ứng dụng quản lýgas IOS, sử dụng ngôn ngữ DART tảng FLUTTER Họ tên Giáo viên hướng dẫn: Ths NGUYỄN HỮU TRUNG Nhiệm vụ thực hiện:  Tìm hiểu quy trình xây dựng ứng dụng tảng IOS  Tìm hiểu Firebase vàứng dụng vào đồ án  Xây dựng ứng dụng quản lýgas tảng IOS Mục Lục PHẦN 1: PHẦN MỞ ĐẦU 1.1 Tính Cấp thiết đề tài 1.2 Mục đích đề tài 1.3 Đối tượng vàphạm vi nghiê cứu 1.4 Kết dự kiến đạt PHẦN 2: PHẦN NỘI DUNG CHƯƠNG CƠ SỞ LÝ THUYẾT Tìm hiểu Flutter 1.1 Flutter làgì? 1.2 Flutter Framework Model Cấu thành nào? 1.3 So Sánh với Cross-platform framework khác 1.4 Các Widget flutter 1.5 Statefullwidget vàstatelesswidget 1.6 Phương thức render flutter Ngôn Ngữ Dart 2.1 Dart làgì? 2.2 Các Ưu điểm Ngôn ngữ Dart 2.3 Tại Flutter lại sử dụng Dart Giới thiệu firebase CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU Khảo sát trạng Xác định u cầu Mơhình hóa yêu cầu 3.1 Lược đồ usecase 3.2 Đặc tả Usecase CHƯƠNG 3: THIẾT KẾ PHẦN MỀM Thiết kế Cơ sở liệu 1.1 Môtả công việc 1.2 Usecase Diagram 1.3 Sequence Diagram 1.4 Thiết kế cở sở liệu Thiết kế giao diện vàxử lý 2.1 Khách Hàng 2.1.1 Đăng ký, đăng nhập, Quên mật 2.1.2 Trang chủ 2.1.3 Thông tin tài khoản 2.1.4 Thông tin sản phẩm đánh giá 2.1.5 Giỏ hàng 2.1.6 Thanh toán 2.2 Admin 2.2.1 Trang chủ 2.2.2 Menu tùy chọn 2.2.3 Quản lý đơn hàng CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ Thiết lập môi trường Cài đặt vàkiểm thử giao diện PHẦN 3: PHẦN KẾT LUẬN 3.1 Kết đạt 3.2 Ưu điểm, nhược điểm 3.3 Hướng phát triển tương lai TÀI LIỆU THAM KHẢO KẾ HOACH THỰC HIỆN Tuần Ngày 1+2 3-6 7+8 29 01 31 01 11 Kiểm “Hình tốn” Kiểm “nút” 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 Description Kiểm “Đánh khách hàng” Kiểm “Nhập luận” Kiểm “nút” gửi 76 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 Description Kiểm tra “Hiển thị thông tin khách (Email, địa chỉ, số điện thoại.)” Kiểm “Chức quay lại” Kiểm tra “nút” Nhận Hủy đơn hàng 77 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ànhình đăng nhập 78 Màn trang khách hàng Màn hình giỏ hảng Màn hình tốn Màn đánh giá khách hàng Màn hình menu tùy chọn hình Màn trang Admin Màn chi tiết hàng admin 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 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 cá chức khác để thuận tiện cho người sử dụng 82 - Áp dụng ứng dụng lên cá 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- example-af75004e1666? fbclid=IwAR3TYEtiucJGfkNVAZ0f9eIpppMPS6jC57q0EZ6SAnUEzLSqr9uSU9LQKiE https://pub.dev/? fbclid=IwAR1NkzauEak4u3dFQmfrXKDQtCze_hriQUsktiD5OoVwJZbw4IXS8HRD cl4 https://www.youtube.com/playlist? list=PLVDJsRQrTUz5ZiT0z_SGvOkrHllexhz72&fbclid=IwAR3jL FhWAHa1_u5wOIX0CMLv4iucYCMGT35Mt5rrgXrt1l7nM68U8I1wA8 83 ... 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... 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... độ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