Xây dựng ứng dụng ví điện tử đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

MỤC LỤC LỜI CẢM ƠN i LỜI MỞ ĐẦU ii ABSTRACTION iv MỤC LỤC .vi CÁC TỪ VIẾT TẮT VÀ THUẬT NGỮ viii DANH MỤC CÁC BẢNG BIỂU ix DANH MỤC CÁC HÌNH ẢNH xiii Chương 1: TỔNG QUAN 1.1 Lý chọn đề tài 1.2 Mục tiêu .1 1.3 Công nghệ sử dụng .2 1.4 Phương pháp nghiên cứu Chương 2: CƠ SỞ LÝ THUYẾT 2.1 Flutter 2.2 Ember.js Framework 2.3 Node.js 2.4 Express Framework .8 2.5 PostgreSQL 2.6 Sequelize 10 Chương 3: PHÂN TÍCH VÀ THIẾT KẾ 11 3.1 Khảo sát trạng 11 3.1.2 Ứng dụng ví điện tử ZaloPay 14 3.1.3 Ứng dụng ví điện tử ViettelPay 16 3.2 Phân tích yêu cầu .17 3.2.1 Đối tượng sử dụng 18 3.2.2 Các thông tin cần lưu trữ 18 3.2.3 Yêu cầu chức .19 3.2.4 Yêu cầu phi chức 20 3.3 Mơ hình hóa u cầu 21 3.3.1 Thiết kế use case diagram 21 vi 3.3.2 Đặc tả use case 21 3.4 Sơ đồ (Sequence diagram) 56 3.5 Thiết kế sở liệu 67 3.5.1 Mơ hình sở liệu mức quan niệm 67 3.5.2 Mơ hình sở liệu mức vật lý 69 3.5.3 Mơ tả thuộc tính bảng 70 3.6 Thiết kế giao diện .82 3.6.1 Một số hình website quản lý dành cho “Quản trị viên” 82 3.6.2 Các hình ứng dụng ví điện tử dành cho “Khách” “Khách hàng” 89 Chương 4: CÀI ĐẶT ỨNG DỤNG VÀ KIỂM THỬ 119 4.1 Mơi trường lập trình 119 4.2 Cài đặt môi trường phát triển 119 4.3 Front-end 119 4.3.1 Tạo ứng dụng Flutter 119 4.3.2 Cấu trúc ứng dụng Flutter 121 4.3.3 Tạo ứng dụng Ember.js .121 4.3.4 Cấu trúc ứng dụng Ember.js .122 4.4 Back-end 123 4.4.1 Cài đặt Express Framework .123 4.4.2 Một số API bật .123 4.4.3 Một số hàm xử lý chức bật 129 4.5 Kiểm thử số chức 134 Chương 5: TỔNG KẾT 142 5.1 Kết đạt 142 5.2 Ưu điểm nhược điểm 143 5.3 Khó khăn học kinh nghiệm 143 5.4 Hướng phát triển 144 TÀI LIỆU THAM KHẢO 145 vii CÁC TỪ VIẾT TẮT VÀ THUẬT NGỮ - Framework: đoạn mã viết sẵn, cấu thành nên khung thư viện lập trình đóng gói - Front-end: phần hệ thống phần mềm, tương tác trực tiếp với người sử dụng Cụ thể, hệ thống giao diện người dùng (GUI) lập trình phía người dùng - Back-end: phần lập trình server gồm có thành phần để xử lý thông tin từ Front-end Thông thường ám tới việc tương tác với hệ quản trị liệu - Database: sở liệu - Client-side: phía máy khách - Server-side: phía máy máy chủ - Render: q trình kiến tạo mơ hình (hoặc tập hợp mơ hình) thành cảnh phim hình ảnh - Platform: tảng - License: giấy phép - LTS (Long Term Support): hỗ trợ dài hạn - API (Application Programming Interface): giao diện lập trình ứng dụng - Flutter widget: thành phần ứng dụng flutter từ container, button, text,… xem widget - Dependencies: thư viện sử dụng dự án viii DANH MỤC CÁC BẢNG BIỂU Bảng 2.1 So sánh Node.js PHP/ASP Bảng 3.1 Use case Đăng ký tài khoản email 23 Bảng 3.2 Use case Đăng nhập .24 Bảng 3.3 Use case Quên mật 26 Bảng 3.4 Use case Đăng xuất 27 Bảng 3.5 Use case Thay đổi thông tin cá nhân .28 Bảng 3.6 Use case Kiểm tra thơng tin ví .29 Bảng 3.7 Use case Quản lý sổ tiết kiệm 31 Bảng 3.8 Use case Quản lý khoản vay 33 Bảng 3.9 Use case Chuyển tiền .34 Bảng 3.10 Use case Kiểm tra lịch sử giao dịch 35 Bảng 3.11 Use case Nạp tiền trực tuyến .37 Bảng 3.12 Use case Đăng ký gửi tiết kiệm 38 Bảng 3.13 Use case Đăng ký vay tiền 40 Bảng 3.14 Use case Chơi game 41 Bảng 3.15 Use case Thanh toán dịch vụ hóa đơn 42 Bảng 3.16 Use case Quản lý tài khoản người dùng 44 Bảng 3.17 Use case Duyệt cho vay .46 Bảng 3.18 Use case Kiểm soát giao dịch tự động ngân hàng 47 Bảng 3.19 Use case Quản lý tài khoản tiết kiệm 48 Bảng 3.20 Use case Quản lý sổ tiết kiệm .49 Bảng 3.21 Use case Nạp tiền vào tài khoản cho khách hàng 51 Bảng 3.22 Use case Rút tiền cho khách hàng .52 Bảng 3.23 Use case Quản lý lãi suất tiết kiệm 53 Bảng 3.24 Use case Quản lý lãi suất cho vay .54 Bảng 3.25 Use case Quản lý mã khuyến 55 Bảng 3.26 Mô tả sơ đồ cho use case Đăng nhập 56 Bảng 3.27 Mô tả sơ đồ cho use case Quên mật .57 Bảng 3.28 Mô tả sơ đồ cho use case Cập nhật thông tin cá nhân .59 Bảng 3.29 Mô tả sơ đồ use case Chỉnh sửa danh sách dịch vụ yêu thích 60 Bảng 3.30 Mô tả sơ đồ cho use case Thanh tốn dịch vụ hóa đơn 62 Bảng 3.31 Mô tả sơ đồ cho use case Chuyển tiền 63 Bảng 3.32 Mô tả sơ đồ cho use case Đăng ký gửi tiết kiệm .65 Bảng 3.33 Mô tả sơ đồ cho use case Tất toán sổ tiết kiệm .66 Bảng 3.34 Danh sách bảng sở liệu 71 Bảng 3.35 Danh sách chi tiết thuộc tính bảng User 72 Bảng 3.36 Danh sách chi tiết thuộc tính bảng Wallet 72 Bảng 3.37 Danh sách chi tiết thuộc tính bảng Rank 73 Bảng 3.38 Danh sách chi tiết thuộc tính bảng Event .73 ix Bảng 3.39 Danh sách chi tiết thuộc tính bảng GiftCode 74 Bảng 3.40 Danh sách chi tiết thuộc tính bảng TransactionFee 74 Bảng 3.41 Danh sách chi tiết thuộc tính bảng RateInterest .75 Bảng 3.42 Danh sách chi tiết thuộc tính bảng LoanInterest 75 Bảng 3.43 Danh sách chi tiết thuộc tính bảng SavingsWallet 76 Bảng 3.44 Danh sách chi tiết thuộc tính bảng SavingsWalletBook 76 Bảng 3.45 Danh sách chi tiết thuộc tính bảng Loan 77 Bảng 3.46 Danh sách chi tiết thuộc tính bảng Provider 77 Bảng 3.47 Danh sách chi tiết thuộc tính bảng Service 78 Bảng 3.48 Danh sách chi tiết thuộc tính bảng SpecificService .78 Bảng 3.49 Danh sách chi tiết thuộc tính bảng SourceMoney 79 Bảng 3.50 Danh sách chi tiết thuộc tính bảng Message 79 Bảng 3.51 Danh sách chi tiết thuộc tính bảng Transaction 80 Bảng 3.52 Danh sách chi tiết thuộc tính bảng SystemTransactionLog 81 Bảng 3.53 Danh sách chi tiết thuộc tính bảng Bill 81 Bảng 3.54 Danh sách chi tiết thuộc tính bảng FavoriteService .82 Bảng 3.55 Danh sách chi tiết thuộc tính bảng Friend 82 Bảng 3.56 Danh sách chi tiết thuộc tính bảng Game .82 Bảng 3.57 Mơ tả hình Trang chủ trang quản lý 83 Bảng 3.58 Mơ tả hình Danh sách người dùng 84 Bảng 3.59 Mô tả hình Tạo người dùng 85 Bảng 3.60 Mô tả hình Chỉnh sửa thơng tin người dùng 86 Bảng 3.61 Mơ tả hình chức Duyệt khoản vay 87 Bảng 3.62 Mơ tả hình chức Phát mã khuyến 88 Bảng 3.63 Mô tả hình chức Nạp tiền cho khách hàng 89 Bảng 3.64 Bảng danh sách hình ứng dụng di động ví điện tử 91 Bảng 3.65 Mơ tả hình Giới thiệu (Bước 1) 93 Bảng 3.66 Mơ tả hình Giới thiệu (Bước 2) 93 Bảng 3.67 Mơ tả hình Giới thiệu (Bước 3) 94 Bảng 3.68 Mơ tả hình Đăng nhập 95 Bảng 3.69 Mô tả hình Đăng ký .95 Bảng 3.70 Mơ tả hình Quên mật 95 Bảng 3.71 Mơ tả hình Đặt lại mật 96 Bảng 3.72 Mơ tả hình Home 97 Bảng 3.73 Mơ tả hình Thay đổi dịch vụ u thích 97 Bảng 3.74 Mơ tả hình Tất dịch vụ 98 Bảng 3.75 Mô tả hình Thơng tin ví .99 Bảng 3.76 Mô tả hình Cập nhật thơng tin cá nhân 99 Bảng 3.77 Mơ tả hình Thay đổi mật 100 Bảng 3.78 Mô tả dialog xác nhận đăng xuất .101 Bảng 3.79 Mơ tả hình Nạp tiền vào ví 101 x Bảng 3.80 Mơ tả hình Nạp tiền vào ví (Paypal) 102 Bảng 3.81 Mô tả hình Nạp tiền vào ví (visa Stripe 1) 102 Bảng 3.82 Mô tả hình Nạp tiền vào ví (visa Stripe 2) 103 Bảng 3.83 Mô tả hình Mở tiết kiệm 103 Bảng 3.84 Mơ tả hình Đăng ký vay tiền .104 Bảng 3.85 Mơ tả hình Chuyển tiền .104 Bảng 3.86 Mơ tả hình Xem lãi suất tiết kiệm .105 Bảng 3.87 Mô tả hình Xem lãi suất cho vay .105 Bảng 3.88 Mơ tả hình Quản lý tiết kiệm .106 Bảng 3.89 Mơ tả hình Chi tiết tiết kiệm 107 Bảng 3.90 Mơ tả hình Quản lý khoản vay 107 Bảng 3.91 Mơ tả hình Chi tiết khoản vay 107 Bảng 3.92 Mô tả hình Dịch vụ mua 3G/4G 108 Bảng 3.93 Mơ tả hình Dịch vụ mua thẻ điện thoại .108 Bảng 3.94 Mơ tả hình Dịch vụ nạp tiền điện thoại .109 Bảng 3.95 Mơ tả hình trị chơi Bắn chim (Bắt đầu) 109 Bảng 3.96 Mơ tả hình trị chơi Bắn chim (Bắn chim) 110 Bảng 3.97 Mô tả hình trị chơi Bắn chim (Chim bay) 110 Bảng 3.98 Mơ tả hình trị chơi Bắn chim (Thơng tin điểm) .111 Bảng 3.99 Mơ tả hình trị chơi Bắn chim (Đổi phần thưởng) .111 Bảng 3.100 Mơ tả hình trị chơi Bắn chim (Chế độ đồ họa pixel) 112 Bảng 3.101 Mô tả hình Dịch vụ mua vé xem phim 113 Bảng 3.102 Mơ tả hình Dịch vụ mua thẻ game 113 Bảng 3.103 Mơ tả hình Thanh tốn hóa đơn Internet 113 Bảng 3.104 Mơ tả hình Thanh tốn hóa đơn nước 114 Bảng 3.105 Mô tả hình Thanh tốn hóa đơn điện .115 Bảng 3.106 Mơ tả hình Xác nhận toán 115 Bảng 3.107 Mơ tả hình Chọn mã khuyến 116 Bảng 3.108 Mô tả hình Nhập mã xác nhận tốn .116 Bảng 3.109 Mơ tả hình Thơng báo tốn thành cơng 117 Bảng 3.110 Mơ tả hình Lịch sử giao dịch 118 Bảng 3.111 Mơ tả hình Chi tiết giao dịch 118 Bảng 3.112 Mô tả hình Danh sách mã khuyến 118 Bảng 4.1 Test case kiểm thử chức Đăng nhập 134 Bảng 4.2 Test case kiểm thử chức Nạp tiền thông qua Paypal (1) 135 Bảng 4.3 Test case kiểm thử chức Nạp tiền thông qua Paypal (2) 136 Bảng 4.4 Test case kiểm thử chức Chuyển tiền (1) 136 Bảng 4.5 Test case kiểm thử chức Chuyển tiền (2) 137 Bảng 4.6 Test case kiểm thử chức Mở tiết kiệm (1) 138 Bảng 4.7 Test case kiểm thử chức Mở tiết kiệm (2) 138 Bảng 4.8 Test case kiểm thử chức Tất toán tiết kiệm 139 xi Bảng 4.9 Test case kiểm thử chức Thanh toán dịch vụ (1) 140 Bảng 4.10 Test case kiểm thử chức Thanh toán dịch vụ (2) 140 Bảng 4.11 Test case kiểm thử chức Chơi game (1) 141 Bảng 4.12 Test case kiểm thử chức Chơi game (2) 141 Bảng 4.13 Test case kiểm thử chức Chơi game (3) 141 xii DANH MỤC CÁC HÌNH ẢNH Hình 2.1 Cấu trúc ứng dụng Flutter Hình 2.2 Cấu trúc ứng dụng Ember.js Hình 3.1 Màn hình Đăng nhập (Momo) .12 Hình 3.2 Màn hình Home (Momo) .12 Hình 3.3 Màn hình Chỉnh sửa dịch vụ yêu thích (Momo) .12 Hình 3.4 Màn hình Thơng tin ví (Momo) .12 Hình 3.5 Màn hình Thơng tin cá nhân (Momo) 12 Hình 3.6 Màn hình chức Nạp tiền vào ví (Momo) .12 Hình 3.7 Màn hình chức Chuyển tiền (Momo) 13 Hình 3.8 Màn hình Dịch vụ mua thẻ điện thoại (Momo) .13 Hình 3.9 Màn hình Dịch vụ mua vé xem phim (Momo) 13 Hình 3.10 Màn hình Xác nhận tốn (Momo) 13 Hình 3.11 Màn hình Xác nhận tốn (Momo) 13 Hình 3.12 Màn hình Lịch sử giao dịch (Momo) 13 Hình 3.13 Màn hình Kết giao dịch (Momo) 14 Hình 3.14 Màn hình Chi tiết giao dịch (Momo) 14 Hình 3.15 Màn hình Đăng nhập (ZaloPay) 15 Hình 3.16 Màn hình Home (ZaloPay) 15 Hình 3.17 Màn hình Thông tin cá nhân (ZaloPay) .15 Hình 3.18 Màn hình chức Nạp tiền (ZaloPay) .15 Hình 3.19 Màn hình Dịch vụ nạp điện thoại (ZaloPay) .15 Hình 3.20 Màn hình Dịch vụ nạp 3G/4G (ZaloPay) 15 Hình 3.21 Màn hình Thanh tốn hóa đơn (ZaloPay) 16 Hình 3.22 Màn hình Đăng nhập (ViettelPay) .17 Hình 3.23 Màn hình Home (ViettelPay) .17 Hình 3.24 Màn hình Lọc lịch sử giao dịch (VTPay) 17 Hình 3.25 Màn hình Chỉnh sửa dịch vụ u thích (ViettelPay) 17 Hình 3.26 Màn hình chức Vay tiền (ViettelPay) 17 Hình 3.27 Màn hình chức Quản lý khoản vay (ViettelPay) 17 Hình 3.28 Use case diagram 21 Hình 3.29 Sơ đồ cho use case Đăng nhập 56 Hình 3.30 Sơ đồ cho use case Quên mật 58 Hình 3.31 Sơ đồ cho use case Cập nhật thông tin cá nhân .59 Hình 3.32 Sơ đồ cho use case Chỉnh sửa danh sách dịch vụ u thích 61 Hình 3.33 Sơ đồ cho use case Thanh tốn dịch vụ hóa đơn 62 Hình 3.34 Sơ đồ cho use case Chuyển tiền 64 Hình 3.35 Sơ đồ cho use case Đăng ký gửi tiết kiệm .65 Hình 3.36 Sơ đồ cho use case Tất toán sổ tiết kiệm 67 Hình 3.37 ERD diagram .68 xiii Hình 3.38 Database diagram 69 Hình 3.39 Màn hình trang chủ Admin 83 Hình 3.40 Màn hình Danh sách người dùng 84 Hình 3.41 Màn hình Tạo người dùng 85 Hình 3.42 Màn hình Chỉnh sửa thông tin người dùng 86 Hình 3.43 Màn hình chức Duyệt khoản vay 87 Hình 3.44 Màn hình chức Phát mã khuyến 88 Hình 3.45 Màn hình chức Nạp tiền cho khách hàng 89 Hình 3.46 Sơ đồ luồng hình ứng dụng di động Ví điện tử 92 Hình 3.47 Màn hình Giới thiệu (Bước 1) .93 Hình 3.48 Màn hình Giới thiệu (Bước 2) .93 Hình 3.49 Màn hình Giới thiệu (Bước 3) .93 Hình 3.50 Màn hình Đăng nhập 94 Hình 3.51 Màn hình Đăng ký .94 Hình 3.52 Màn hình Quên mật 94 Hình 3.53 Màn hình Đặt lại mật 96 Hình 3.54 Màn hình Home 96 Hình 3.55 Màn hình Thay đổi dịch vụ u thích 96 Hình 3.56 Màn hình Tất dịch vụ 98 Hình 3.57 Màn hình Thơng tin ví 98 Hình 3.58 Màn hình Cập nhật thơng tin cá nhân 98 Hình 3.59 Màn hình Thay đổi mật .100 Hình 3.60 Dialog xác nhận đăng xuất .100 Hình 3.61 Màn hình Nạp tiền vào ví 100 Hình 3.62 Màn hình Nạp tiền vào ví (Paypal) 102 Hình 3.63 Màn hình Nạp tiền vào ví (visa Stripe 1) 102 Hình 3.64 Màn hình Nạp tiền vào ví (visa Stripe 2) 102 Hình 3.65 Màn hình Mở tiết kiệm 103 Hình 3.66 Màn hình Đăng ký vay tiền 103 Hình 3.67 Màn hình Chuyển tiền 103 Hình 3.68 Màn hình Xem lãi suất tiết kiệm 105 Hình 3.69 Màn hình Xem lãi suất cho vay 105 Hình 3.70 Màn hình Quản lý tiết kiệm .105 Hình 3.71 Màn hình Chi tiết tiết kiệm 106 Hình 3.72 Màn hình Quản lý khoản vay .106 Hình 3.73 Màn hình Chi tiết khoản vay 106 Hình 3.74 Màn hình Dịch vụ mua 3G/4G 108 Hình 3.75 Màn hình Dịch vụ mua thẻ điện thoại .108 Hình 3.76 Màn hình Dịch vụ nạp tiền điện thoại .108 Hình 3.77 Màn hình trị chơi Bắn chim (Bắt đầu) 109 Hình 3.78 Màn hình trị chơi Bắn chim (Bắn chim) 109 xiv Hình 3.79 Màn hình trị chơi Bắn chim (Chim bay) 109 Hình 3.80 Màn hình trị chơi Bắn chim (Thơng tin điểm) 111 Hình 3.81 Màn hình trị chơi Bắn chim (Đổi phần thưởng) .111 Hình 3.82 Màn hình trị chơi Bắn chim (Chế độ đồ họa pixel) 111 Hình 3.83 Màn hình Dịch vụ mua vé xem phim 112 Hình 3.84 Màn hình Dịch vụ mua thẻ game .112 Hình 3.85 Màn hình Thanh tốn hóa đơn Internet .112 Hình 3.86 Màn hình Thanh tốn hóa đơn nước 114 Hình 3.87 Màn hình Thanh tốn hóa đơn điện 114 Hình 3.88 Màn hình Xác nhận tốn 114 Hình 3.89 Màn hình Chọn mã khuyến 116 Hình 3.90 Màn hình Nhập mã xác nhận tốn 116 Hình 3.91 Màn hình Thơng báo tốn thành cơng .116 Hình 3.92 Màn hình Lịch sử giao dịch .117 Hình 3.93 Màn hình Chi tiết giao dịch .117 Hình 3.94 Màn hình Danh sách mã khuyến 117 Hình 4.1 Trang tải Node.js 119 Hình 4.2 Trang tải Flutter 120 Hình 4.3 Tạo ứng dụng Flutter 120 Hình 4.4 Cấu trúc ứng dụng Flutter 121 Hình 4.5 Cài đặt Ember.js 121 Hình 4.6 Tạo ứng dụng Ember.js 121 Hình 4.7 Cấu trúc ứng dụng Ember.js 122 Hình 4.8 Tạo ứng dụng Node.js 123 Hình 4.9 Cài đặt Express.js framework 123 Hình 4.10 API tạo người dùng 123 Hình 4.11 API chỉnh sửa thơng tin người dùng 124 Hình 4.12 API lấy thơng tin tất người dùng 124 Hình 4.13 API lấy thông tin người dùng theo ID .125 Hình 4.14 API chức Nạp tiền thông qua Paypal (1) 126 Hình 4.15 API chức Nạp tiền thông qua Paypal (2) 126 Hình 4.16 API chức Nạp tiền thơng qua Paypal (3) 127 Hình 4.17 API chức Thanh toán dịch vụ 127 Hình 4.18 API chức Tất toán tiết kiệm (1) 128 Hình 4.19 API chức Tất tốn tiết kiệm (2) 128 Hình 4.20 API chức Tất tốn tiết kiệm (3) 129 Hình 4.21 API chức Tất toán tiết kiệm (4) 129 Hình 4.22 Hàm Thêm lãi suất tiết kiệm (1) 130 Hình 4.23 Hàm Thêm lãi suất tiết kiệm (2) 131 Hình 4.24 Hàm Thêm lãi suất tiết kiệm (3) 131 Hình 4.25 Hàm Tính tiền lãi tiết kiệm cho khách hàng (1) 132 xv Chương 4: CÀI ĐẶT ỨNG DỤNG VÀ KIỂM THỬ Hình 4.23 Hàm Thêm lãi suất tiết kiệm (2) Hình 4.24 Hàm Thêm lãi suất tiết kiệm (3) 131 Chương 4: CÀI ĐẶT ỨNG DỤNG VÀ KIỂM THỬ - Hàm tính tiền lãi tiết kiệm cho khách hàng Hình 4.25 Hàm Tính tiền lãi tiết kiệm cho khách hàng (1) Hình 4.26 Hàm Tính tiền lãi tiết kiệm cho khách hàng (2) 132 Chương 4: CÀI ĐẶT ỨNG DỤNG VÀ KIỂM THỬ Hình 4.27 Hàm Tính tiền lãi tiết kiệm cho khách hàng (3) - Hàm cập nhật dịch vụ u thích khách hàng Hình 4.28 Hàm Cập nhật dịch vụ yêu thích khách hàng (1) 133 Chương 4: CÀI ĐẶT ỨNG DỤNG VÀ KIỂM THỬ Hình 4.29 Hàm Cập nhật dịch vụ yêu thích khách hàng (2) 4.5 Kiểm thử số chức - Kiểm thử chức Đăng nhập Bước Mô tả Dữ liệu kiểm Kết thử Chuyển Kết thực Trạng mong đợi tế hướng Ứng dụng Ứng đến trang đăng điều hướng điều nhập xác đến thái dụng Pass hướng trang đăng nhập Nhập email người Email: Có thể nhập Có thể nhập Pass dùng liệu test01@ văn gmail.com Nhập mật Password: Có thể nhập Có thể nhập Pass người dùng liệu 123456 Nhấn nút Đăng Đăng nhập vào trang chủ văn nhập Điều hướng Pass vào trang chủ Bảng 4.1 Test case kiểm thử chức Đăng nhập 134 Chương 4: CÀI ĐẶT ỨNG DỤNG VÀ KIỂM THỬ Bước Kiểm thử chức Nạp tiền thông qua Paypal Mô tả Dữ liệu kiểm Kết thử Chuyển hướng đến nạp tiền Kết thực Trạng mong đợi tế Ứng dụng Ứng điều hướng điều xác thái dụng Pass hướng đến trang nạp tiền Chọn phương Có thể chuyển Chuyển đổi Pass thức toán đổi phương phương Paypal thức thức tốn Nhập số tiền nạp Amount: Có thể nhập Có thể nhập Pass 300000 liệu văn Chuyển Chuyển Nhấn nút Nạp hướng đến hướng trang Paypal Pass đến trang Paypal Bảng 4.2 Test case kiểm thử chức Nạp tiền thông qua Paypal (1) Bước Mô tả Dữ liệu kiểm Kết thử Chuyển hướng đến nạp tiền Kết thực Trạng mong đợi tế Ứng dụng Ứng điều hướng điều xác thái dụng Pass hướng đến trang nạp tiền Chọn phương Có thể chuyển Chuyển đổi Pass thức tốn đổi phương phương Paypal thức thức toán 135 Chương 4: CÀI ĐẶT ỨNG DỤNG VÀ KIỂM THỬ Nhập số tiền nạp Amount: Giá trị 1000 Số tiền hạn Pass mức 20.000 vnđ Nhấn nút Nạp Chuyển Chuyển hướng Pass đến hướng trang Paypal đến trang Paypal Bảng 4.3 Test case kiểm thử chức Nạp tiền thông qua Paypal (2) Bước Kiểm thử chức Chuyển tiền Mô tả Dữ liệu kiểm Kết thử Chuyển Kết thực Trạng mong đợi hướng đến chuyển tiền tế Ứng dụng Ứng điều hướng điều xác thái dụng Pass hướng đến trang nạp tiền Nhập người nhận Nhập Có thể nhận Có thể nhập Pass thơng người nhận Nhập số tiền Amount: muốn chuyển 200000 tin người liệu nhận Có thể nhập Có thể nhập Pass giá trị giá trị Nhấn nút Chuyển Chuyển Thông tiền hướng báo Pass đến toán trang chủ, số thành cơng, dư ví chuyển giảm, có giao trang đến thông dịch lịch tin dịch vụ sử Bảng 4.4 Test case kiểm thử chức Chuyển tiền (1) 136 Chương 4: CÀI ĐẶT ỨNG DỤNG VÀ KIỂM THỬ Bước Mô tả Dữ liệu kiểm Kết thử Chuyển hướng đến chuyển tiền Kết thực Trạng mong đợi tế Ứng dụng Ứng điều hướng điều xác thái dụng Pass hướng đến trang nạp tiền Nhập người nhận Nhập sai Có thể nhận Có thể nhập Pass thông tin người nhận Nhập số tiền Amount: muốn chuyển 200000 Nhấn nút Chuyển người liệu nhận Có thể nhập Có thể nhập Pass giá trị giá trị Thơng báo lỗi Khơng tiền tìm Pass thấy người dùng vừa nhập Bảng 4.5 Test case kiểm thử chức Chuyển tiền (2) Bước Kiểm thử chức Mở tiết kiệm Mô tả Dữ liệu kiểm Kết thử Chuyển Kết thực Trạng mong đợi tế hướng Ứng dụng Ứng đến trang mở tiết điều hướng điều kiệm xác thái dụng Pass hướng đến trang mở tiết kiệm Chọn loại kỳ hạn Term: month 3 Có thể chọn Có thể chọn Pass loại kỳ hạn loại kỳ hạn Nhập số muốn gửi Amount: Nhập Nhập Pass tiết kiệm liệu 100000 liệu 137 Chương 4: CÀI ĐẶT ỨNG DỤNG VÀ KIỂM THỬ Nhấn nút Mở tiết Current Chuyển Chuyển Pass kiệm Balance: trang chủ, trừ trang chi tiết 500000 tiền ví thơng tin giao tạo thành dịch, trừ tiền cơng sổ tiết ví kiệm Bảng 4.6 Test case kiểm thử chức Mở tiết kiệm (1) Bước Mô tả Dữ liệu kiểm Kết thử Chuyển Kết thực Trạng mong đợi tế hướng Ứng dụng Ứng đến trang mở tiết điều hướng điều kiệm xác thái dụng Pass hướng đến trang mở tiết kiệm Chọn loại kỳ hạn Term: Có thể chọn Có thể chọn Pass month loại kỳ hạn loại kỳ hạn Nhập số muốn gửi Amount: Nhập Nhập Pass tiết kiệm liệu 100000 Nhấn nút Mở tiết Current kiệm liệu Thông báo số Thông báo số Pass Balance: 5000 dư không đủ dư không đủ Bảng 4.7 Test case kiểm thử chức Mở tiết kiệm (2) Bước Kiểm thử chức tất tốn tiết kiệm Mơ tả Dữ liệu kiểm Kết thử Chuyển Kết thực Trạng mong đợi tế hướng Ứng dụng Ứng đến trang tất tốn điều hướng điều tiết kiệm xác thái dụng Pass hướng đến trang tất toán tiết kiệm 138 Chương 4: CÀI ĐẶT ỨNG DỤNG VÀ KIỂM THỬ Nhấn nút Tất toán Nhận Chuyển tiền lãi Pass trang chi tiết thông tin giao dịch, cộng thêm tiền vào số dư ví, hệ thống đóng sổ tiết kiệm Bảng 4.8 Test case kiểm thử chức Tất toán tiết kiệm Bước Kiểm thử chức tốn dịch vụ Mơ tả Dữ liệu kiểm Kết thử Chuyển Kết thực Trạng mong đợi hướng Price: 100000 Ứng tế dụng Ứng đến trang điều hướng điều tốn xác đến thái dụng Pass hướng trang toán Chọn mã khuyến Chọn mã Có khuyến thể sử Có thể chọn Pass dụng mã khuyến mã khuyến Nhấn nút Thanh Current Thông báo Điều hướng Pass tốn Balance: thành cơng, số đến trang chi 500000 dư ví bị tiết dịch vụ, số trừ, mã dư ví bị nạp điện trừ, vơ hiệu thoại, mã hóa mã khuyến khuyến chuyển trạng 139 Chương 4: CÀI ĐẶT ỨNG DỤNG VÀ KIỂM THỬ thái sử dụng Bảng 4.9 Test case kiểm thử chức Thanh tốn dịch vụ (1) Bước Mơ tả Dữ liệu kiểm Kết thử Chuyển Kết thực Trạng mong đợi hướng Price: 100000 Ứng tế thái dụng Ứng đến trang điều tốn xác dụng Pass hướng điều hướng đến trang toán Chọn mã khuyến None Pass Nhấn nút Thanh Current: 5000 Thơng báo số Thơng báo Pass tốn thể dư khơng đủ khơng tốn số dư khơng đủ Bảng 4.10 Test case kiểm thử chức Thanh toán dịch vụ (2) Bước Kiểm thử chức Chơi game Mô tả Dữ liệu kiểm Kết thử Chuyển Kết thực Trạng mong đợi tế hướng Ứng dụng Ứng đến trang trị chơi điều hướng điều xác thái dụng Pass hướng đến trang toán Nhấn nút Bắt đầu Có bắt đầu Có trị chơi thể sử Pass dụng mã khuyến 140 Chương 4: CÀI ĐẶT ỨNG DỤNG VÀ KIỂM THỬ Click vào Nhân vật có Nhân vật có Pass hình trò chơi thể bắn cung, động tác bắn số cung bị cung giảm Bảng 4.11 Test case kiểm thử chức Chơi game (1) Bước Mô tả Dữ liệu kiểm Kết thử Cung tên Kết thực Trạng mong đợi bắn trúng chim tế thái Người chơi Mỗi loại chim Pass cộng cung cấp số điểm điểm tương loại ứng chim Bảng 4.12 Test case kiểm thử chức Chơi game (2) Bước Mô tả Dữ liệu kiểm Kết thử Đổi mã khuyến Code: từ trò chơi Kết thực Trạng mong đợi 50 Có thể tế đối Có thái thể đổi Pass point giá trị mã giảm mã giảm 0.5% Current: giá giá 70 point Nhấn nhận nút Xác Nhận Nhận Pass mã giảm giá mã giảm giá số điểm bị trừ điểm giảm Bảng 4.13 Test case kiểm thử chức Chơi game (3) 141 Chương 5: TỔNG KẾT Chương 5: TỔNG KẾT 5.1 Kết đạt - Trong thời gian bắt đầu nhận đề tài đến sau trải qua việc phân tích tìm kiếm hướng giải để thực đề tài nhìn chung nhóm thực hoàn thành mục tiêu mong muốn mà ban đầu đặt Qua việc tự học tìm kiếm thơng tin qua mạng để thực đề tài, nhóm thực biết hiểu quy trình xây dựng ứng dụng cách sử dụng công cụ hỗ trợ cho việc lập trình, cách phân tích sở liệu, việc giải vấn đề… Qua giúp nhóm cải thiện nhiều kỹ có thêm nhiều kinh nghiệm - Về mặt lý thuyết nhóm được kết sau:  Biết Node.js  Biết cách sử dụng framework Flutter, Ember.js, Express.js ORM Sequelize  Cách tạo, sử dụng sở liệu hệ quản trị sở liệu PostgreSQL  Biết cách tích hợp công nghệ để xây dựng thành ứng dụng di động ví điện tử dành cho khách hàng website quản lý dành cho quản trị viên - Về mặt thực nhóm xây dựng ứng dụng di động ví điện tử dành cho khách hàng website quản lý dành cho quản trị viên với chức sau: Ứng dụng di động ví điện tử gồm chức năng:  Cập nhật thông tin cá nhân  Kiểm tra thơng tin ví  Thay đổi danh sách dịch vụ yêu thích  Nạp tiền vào ví  Chuyển tiền  Xem lãi suất tiết kiệm  Xem lãi suất vay  Mở tiết kiệm  Tất toán tiết kiệm 142 Chương 5: TỔNG KẾT  Đăng ký vay tiền  Thanh toán khoản vay  Thanh tốn dịch vụ hóa đơn  Chơi game  Kiểm tra lịch sử giao dịch  Quên mật Website quản lý gồm chức năng:  Quản lý người dùng  Quản lý lãi suất tiết kiệm  Quản lý lãi suất cho vay  Kiểm soát giao dịch tự động  Quản lý tất sổ tiết kiệm  Quản lý tất tài khoản tiết kiệm  Quản lý tất khoản vay  Quản lý mã khuyến 5.2 Ưu điểm nhược điểm - Ưu điểm:  Đáp ứng yêu cầu ví điện tử  Đơn giản dễ sử dụng người dùng  Giao diện thân thiện đẹp mắt giúp cao trải nghiệm người dùng  Người quản trị dễ dàng việc quản lý liệu - Nhược điểm:  Xử lý nghiệp vụ chưa thực sát với thực tế  Các chức chưa hoàn thiện cách tốt  Độ bảo mật thông tin chưa cao 5.3 Khó khăn học kinh nghiệm - Khó khăn: 143 Chương 5: TỔNG KẾT Do hạn chế mặt thời gian khó khăn việc gặp mặt trực tiếp thành viên với nhau, nhóm giảng viên hướng dẫn để trao đổi đề tài cách tốt tình hình dịch bệnh diễn biến phức tạp Do nhóm thực khơng thể tập trung tối đa để hồn thiện khóa luận cách tốt - Bài học kinh nghiệm:  Đọc kỹ tài liệu trang chủ cơng nghệ muốn sử dụng hầu hết thơng tin cần tìm hiểu có  Tìm kiếm thơng tin từ khóa  Nâng cao trình độ tiếng Anh việc cần thiết  Tham gia thực tập tìm việc sớm để tiếp xúc với nhiều cơng nghệ biết trình phát triển phần mềm thực tế 5.4 Hướng phát triển - Với lượng thời gian kiến thức, nguồn nhân lực hạn chế nên đề tài mang đến cho người dùng tính ứng dụng ví điện tử Nếu nói việc đáp ứng hết nhu cầu cho người dùng kết đề tài khơng thể bao quát hết Do hướng phát triển đề tài khơng thể thiếu Để có nhìn xa tương lai mang lại thỏa mãn cho người dùng, đề tài “Xây dựng ứng dụng ví điện tử” cịn cần phải có hướng phát triển sau:  Khắc phục nhược điểm ứng dụng nâng cấp giao diện  Phát triển chức thông báo ứng dụng thông báo đẩy  Thêm chức kết bạn trị chuyện - Với hướng phát triển trên, nhóm tin tương lai ứng dụng phát triển thị trường người dùng, với tính ứng dụng giúp cho người dùng có trải nghiệm tốt hơn, tiết kiệm chi phí thời gian tiền bạc cho người, từ chất lượng sống nâng cao 144 TÀI LIỆU THAM KHẢO Tài liệu Node.js: [1] https://nodejs.org/en/ (Truy cập lần cuối ngày 17/07/2021) [2] https://www.w3schools.com/nodejs/default.asp (Truy cập lần cuối ngày 17/07/2021) Tài liệu HTML, CSS, JavaScript: [3] https://www.w3schools.com/html/default.asp (Truy cập lần cuối ngày 17/07/2021) [4] https://www.w3schools.com/css/default.asp (Truy cập lần cuối ngày 17/07/2021) [5] https://www.w3schools.com/js/default.asp (Truy cập lần cuối ngày 17/07/2021) [6] https://www.w3schools.com/bootstrap4/default.asp (Truy cập lần cuối ngày 17/07/2021) Tài liệu Flutter: [7] https://flutter.dev/ (Truy cập lần cuối ngày 17/07/2021) Tài liệu Ember.js framework: [8] https://guides.emberjs.com/release/ (Truy cập lần cuối ngày 17/07/2021) Tài liệu Express.js framework: [9] https://expressjs.com/ (Truy cập lần cuối ngày 17/07/2021) Tài liệu ORM Sequelize: [10] https://sequelize.org/ (Truy cập lần cuối ngày 17/07/2021) Tài liệu JSON Web Tokens: [11] https://jwt.io/ (Truy cập lần cuối ngày 17/07/2021) 145 ... tốn di động Ví điện tử, Mobile Banking, Ngân hàng điện tử, Internet Banking… Vì nhóm thực định chọn đề tài "Xây dựng ứng dụng ví điện tử" phù hợp với nhu cầu thực tiễn Cũng ôn tập vận dụng kiến... để tạo, phát triển xây dựng ứng dụng Ember - Components - Cấu trúc sử dụng ứng dụng Ember, sử dụng để tạo phần tử giao diện người dùng - Routing - Một phần trung tâm ứng dụng Ember Cho phép nhà... đổi thông tin thành công: Hệ thống thông báo khách hàng thay đổi thông tin thành công Thay đổi thông tin không thành công: Hệ thống thông báo lỗi khách hàng thay đổi thông tin Flow of events 27