Xây dựng tiện ích ví điện tử trên google chrome hỗ trợ quản lý tài sản của các địa chỉ trên nền tảng ethereum

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM -🙚🙘🕮🙚🙘 - BÁO CÁO ĐỒ ÁN MƠN HỌC Mơn: Đồ án Đồ án: Xây dựng tiện ích ví điện tử Google Chrome hỗ trợ quản lý tài sản địa tảng Ethereum Giảng viên: ThS Nguyễn Tấn Toàn Sinh viên thực hiện: Trần Hoàng Anh – 19521214 Nguyễn Khánh Toàn – 19521029 Tp.HCM, tháng năm 2022 Bài báo cáo Pocketz Mục lục I Thông tin chung II Phát biểu toán Giới thiệu đề tài Yêu cầu hệ thống a Yêu cầu tính b Yêu cầu phi tính Mơ hình Use-case III Sơ đồ Use-case Danh sách Use-case Đặt tả Use-case Phân tích (sơ đồ lớp) 13 IV Sơ đồ lớp (Mức phân tích) 13 a Sơ đồ lớp 13 b Danh sách lớp đối tượng quan hệ 14 c Mô tả chi tiết lớp đối tượng 14 Thiết kế giao diện 15 V Danh sách hình 15 Mô tả chi tiết hình 16 VI a Sign up 16 b Sign in 16 c Forget password 17 d Main layout 18 e Buy 22 f SendTx 23 g Add account 26 h Create account 26 i Add provider 27 j Account details 28 Kết luận 29 Kết đạt 29 Hướng phát triển 29 Link github tài liệu tham khảo 29 Bài báo cáo Pocketz Bài báo cáo Pocketz I Thông tin chung Tên đề tài: Ứng dụng ví điện tử dạng tiện ích Google Chrome hỗ trợ quản lý tài sản tảng Ethereum • Mơi trường phát triển ứng dụng: Google Chrome • Thơng tin nhóm STT MSSV Họ tên Điện thoại Email 19521029 Nguyễn Khánh Toàn 0369346897 19521029@gm.uit.edu.vn 19521214 Trần Hồng Anh 0943993238 19521214@gm.uit.edu.vn • II Phát biểu tốn Giới thiệu đề tài - - Lý thực đề tài: o Blockchain hệ thống sở liệu dạng chuỗi – khối cho phép lưu trữ truyền tải thơng tin cách an tồn liên kết với nhờ thuật toán mã hóa vơ phức tạp Năm 1991, hệ thống Blockchain mô tả vào W Scott Stornetta cộng ơng Stuart Haber Với mục đích ban đầu ghi thời gian vào tệp tài liệu để dễ quản lý thông tin Và tệp liệu trở nên bất biến o Năm 2008, tài giới sụp đổ Lần đầu tiên, khái niệm hệ thống tiền mặt điện tử ngang hàng-phi tập trung (khái niệm nguyên sơ hệ thống Blockchain) Khái niệm trình bày người hay nhóm ẩn danh có tên Satoshi Nakamoto, tạo giao thức mã nguồn mở có tên Bitcoin o Cho đến nay, xuất nhiều loại hình tiền kỹ thuật số thị trường, phố biến Việt Nam Bitcoin (BTC) cịn có Ethereum (ETH), Binance Coin (BNB), Ripple (XRP), NFT-tài sản số ứng dụng công nghệ blockchain o Hiện nay, loại tiền điện tử có giá trị cực lớn thị trường, việc tiền điện tử nhiều nơi dùng làm đơn vị tiền tệ để tốn Vì thế, nhóm em nghiên cứu, làm ví điện tử dạng tiện ích Google Chrome-web browser có tệp người dùng lớn nước ta để giúp quản lý số tiền có, quản lý giao dịch tiền tệ tài khoản có, giúp việc thực giao dịch trở nên dễ dàng o Nhóm định chọn ethereum tảng lớn Tổng quan đề tài: o Tìm hiểu blockchain Từ đó, áp dụng vào việc tạo ví điện tử giúp quản lý tài sản tảng Ethereum Bài báo cáo Pocketz Yêu cầu hệ thống a Yêu cầu tính - Các tính ví điện tử thời như: tạo tài khoản, nhập tài khoản, … Quản lý số dư tài khoản, quản lý hoạt động, mua, gửi tiền b Yêu cầu phi tính - Giao diện đẹp III Mơ hình Use-case Sơ đồ Use-case Bài báo cáo Pocketz Danh sách Use-case STT Ý nghĩa/Ghi Tên Use-case Tạo ví Đăng nhập Thêm tài khoản Nhập tài khoản Quên mật Đổi tài khoản Đổi mạng Thêm mạng Đổi tên tài khoản 10 Xuất khóa riêng tư 11 Gửi token 12 Mua token 13 Xem hoạt động Đặt tả Use-case User Case ID UC_1 Name Tạo ví Goal Tạo ví để sử dụng Actors Người dùng Pre-conditions Postconditions Bài báo cáo Main Flow Pocketz Người dùng nhập mật Người dùng xác nhận mật Nhấn nút “Mở ví” Ơ thoại hiển thị cụm mật bí mật xuất Bấm “Xác nhận” để hồn tất mở ví Exception Mật xác nhận khơng xác: hệ thống hiển thị thơng báo, quay lại bước Open Issues User Case ID UC_2 Name Đăng nhập Goal Mở ví thân Actors Người dùng Pre-conditions Người dùng tạo ví Post-conditions Main Flow Người dùng nhập mật Nhấn nút “Mở khóa” Exception Mật khơng xác: hệ thống hiển thị thông báo, quay lại bước Open Issues User Case ID UC_3 Name Thêm tài khoản Goal Tạo tài khoản ethereum Actors Người dùng Bài báo cáo Pre-conditions Pocketz Người dùng mở ví Post-conditions Main Flow Người dùng trang chủ, mở menu góc phải hình Chọn thêm tài khoản Người dùng nhập tên tài khoản (nếu cần) Người dùng bấm “Tạo” Exception Open Issues User Case ID UC_4 Name Nhập tài khoản Goal Nhập tài khoản Ethereum có sẵn Actors Người dùng Pre-conditions Người dùng mở ví Postconditions Main Flow Người dùng trang chủ, mở menu góc phải hình Chọn Nhập tài khoản Người dùng nhập khóa riêng tư tài khoản Người dùng bấm “Xác nhận” Exception Khi người dùng nhập sai định dạng khóa riêng tư: hệ thống báo lỗi quay lại bước Open Issues User Case ID UC_5 Bài báo cáo Pocketz Name Quên mật Goal Đổi mật ví Actors Người dùng Pre-conditions Người dùng trang đăng nhập (mở ví) Postconditions Main Flow Người dùng bấm vào dòng chữ quên mật Nhập “Cụm mật bí mật” Nhập mật Xác nhận mật Khơi phục tài khoản (ví) Exception - Cụm mật bí mật khơng xác: hệ thống hiển thị thông báo, quay lại bước Mật xác nhận khơng xác: hệ thống thị thông báo, quay lại bước Open Issues User Case ID UC_6 Name Đổi tài khoản Goal Đổi tài khoản mặc định Actors Người dùng Pre-conditions Người dùng mở ví Post-conditions Main Flow Người dùng trang chủ, mở menu góc phải hình Người dùng tìm kiếm tài khoản theo tên (nếu cần) Bấm vào tài khoản cần chọn làm mặc định Bài báo cáo Pocketz Exception Open Issues User Case ID UC_7 Name Đổi mạng Goal Đổi mạng mặc định Actors Người dùng Pre-conditions Người dùng mở ví Post-conditions Main Flow Người dùng trang chủ, bấm vào Combobox góc app Chọn mạng muốn đổi thành Exception Open Issues User Case ID UC_8 Name Thêm mạng Goal Thêm mạng tùy chỉnh Actors Người dùng Preconditions Người dùng mở ví Postconditions Bài báo cáo Pocketz balances private txList private importAccount() public selectAccount() public removeAccount() public getSelectedAccount() public createAccount() public changeUsername() public 10 getBalance() public 11 getTxList() public - Lớp walletAccount STT Tên thuộc tính Loại Ràng buộc wallet private signup() public signin() public sighout() public getMnemonic() public setAccount() public Ý nghĩa/ghi V Thiết kế giao diện Danh sách hình STT 10 Tên hình Sign up Sign in Forget password Main layout Buy SendTx Add account Create account Add provider Acc detail Ý nghĩa/Ghi Màn hình đăng kí Màn hình đăng nhập Màn qn mật Màn hình Màn hình mua Màn hình gửi Màn hình thêm tài khoản Màn hình tạo tài khoản Màn hình thêm mạng Màn hình xem thông tin chi tiết tài khoản 15 Bài báo cáo Pocketz Mơ tả chi tiết hình a Sign up b Sign in 16 Bài báo cáo Pocketz c Forget password 17 Bài báo cáo Pocketz d Main layout 18 Bài báo cáo Pocketz 19 Bài báo cáo Pocketz 20 Bài báo cáo Pocketz 21 Bài báo cáo Pocketz e Buy 22 Bài báo cáo Pocketz f SendTx 23 Bài báo cáo Pocketz 24 Bài báo cáo Pocketz 25 Bài báo cáo Pocketz g Add account h Create account 26 Bài báo cáo Pocketz i Add provider 27 Bài báo cáo Pocketz j Account details 28 Bài báo cáo VI Pocketz Kết luận Kết đạt Có kiến thức định web3, blockchain tiền ảo Có ví điện tử đơn giản dạng tiện ích Google Chrome hỗ trợ quản lý số tài sản tảng ethereum, hỗ trợ tính tạo, nhập tài khoản, xem số tiền lại, mua, gửi tiền Tuy nhiên, nhóm quản lý Ethereum, chức kết nối trang web chưa làm Hướng phát triển - Cho phép nhập loại tiền khác Liên kết với trang web Link github tài liệu tham khảo - Github: https://github.com/yami-newbie/pocketz Tài liệu tham khảo: o Document metamask: https://docs.metamask.io/guide/ o Tài liệu Ethereum JavaScript API: https://web3js.readthedocs.io/en/v1.7.3/ 29 ... tiền ảo Có ví điện tử đơn giản dạng tiện ích Google Chrome hỗ trợ quản lý số tài sản tảng ethereum, hỗ trợ tính tạo, nhập tài khoản, xem số tiền lại, mua, gửi tiền Tuy nhiên, nhóm quản lý Ethereum, ... github tài liệu tham khảo 29 Bài báo cáo Pocketz Bài báo cáo Pocketz I Thông tin chung Tên đề tài: Ứng dụng ví điện tử dạng tiện ích Google Chrome hỗ trợ quản lý tài sản tảng Ethereum. .. chọn ethereum tảng lớn Tổng quan đề tài: o Tìm hiểu blockchain Từ đó, áp dụng vào việc tạo ví điện tử giúp quản lý tài sản tảng Ethereum Bài báo cáo Pocketz Yêu cầu hệ thống a Yêu cầu tính - Các