Hướng dẫn cài đặt và sử dụng Hệ thống TT Blockchain Lab!: Học & Trải Nghiệm Công Nghệ Blockchain (blockchain.tt.edu.vn)
TT Blockchain Lab!: Nền tảng học tập và trải nghiệm tương tác về công nghệ blockchain. Khám phá và thực hành các khái niệm từ cơ bản đến nâng cao, bao gồm sinh khóa, các loại ví, giao dịch, sàn giao dịch, vòng đời token, và các demo trực quan về blockchain. Đồng thời cập nhật tin tức và cảnh báo lừa đảo. Dành cho mục đích giáo dục.
Link sản phẩm: blockchain.tt.edu.vn (Truy cập trên trình duyệt đã đăng nhập tài khoản Google, ấn chấp nhận và tiếp tục vào AI Studio để trải nghiệm)
Link github full code: https://github.com/tuanthanh1305/tt-blockchain-lab
1. Tóm tắt các chức năng chính:
Hệ thống Demo Blockchain Giúp học TSMH dễ dàng, Hiệu quả:
Trải nghiệm blockchain demo an toàn:- Thử thực hành crypto: Tạo ví ảo, nhận/gửi "tiền ảo" DMC(Demo Coin), xem lịch sử giao dịch.
- Hiểu blockchain chạy thế nào: Thực hành tương tác với khối, chuỗi, đào khối mô phỏng.
- Trải nghiệm sàn CEX/DEX: Thử đặt lệnh trên sổ lệnh, swap token trên AMM.
- Biết ví lạnh ký giao dịch ra sao: Xem demo ký offline.
- "Tạo" token riêng: Nhập thông số, hiểu về cung cấp thanh khoản.
- Chatbot AI: Hỏi đáp mọi thứ về blockchain, ví, sàn, …
- Tin tức crypto mỗi ngày: Cập nhật tự động.
- Cảnh báo lừa đảo: Biết chiêu trò mới để né.
- "Soi" dự án blockchain (T.E.S.T.S): AI phân tích giúp theo các quy chuẩn Test.
An tâm học tập: Mọi thứ chỉ là mô phỏng, không rủi ro tài chính.
Dễ dùng: Giao diện tiếng Việt, trực quan.
Linh hoạt: Có thể dùng API Key Gemini cá nhân cho các tính năng AI.
2. Một số hình ảnh demo:
3. Hướng dẫn setup, cài đặt chi tiết:
Hướng dẫn sử dụng Chi tiết:
Hướng Dẫn Sử Dụng TT Blockchain Lab!
I. Giao Diện Chính & Điều Hướng
Header (Phần Đầu Trang): Logo TTBL: Bên trái, bạn sẽ thấy logo "TTBL" và dòng chữ "Phát triển bởi Giảng viên Viện Công nghệ Blockchain và AI". Nhấp vào đây (thường) sẽ đưa bạn về Trang Chủ. Menu Điều Hướng (Máy tính): Một loạt các nút bấm như "Trang Chủ", "Sinh Khóa", "Các Loại Ví", v.v. Nhấp vào từng mục để truy cập các chức năng tương ứng. Mục đang hoạt động sẽ có màu nền khác biệt. Menu Điều Hướng (Di động): Trên thiết bị di động, menu sẽ được thu gọn thành một danh sách thả xuống. Chọn từ danh sách để điều hướng. Biểu Tượng Nhóm Facebook: Biểu tượng người dùng (UserGroupIcon) ở góc phải sẽ dẫn bạn đến Diễn đàn AI & Blockchain Việt Nam trên Facebook.
Footer (Phần Chân Trang): Lưu Ý Quan Trọng: Một cảnh báo nổi bật nhắc nhở rằng đây là nền tảng học tập, mọi thông tin (ví, khóa, giao dịch) đều là GIẢ và chỉ dành cho mục đích giáo dục. TUYỆT ĐỐI KHÔNG SỬ DỤNG THÔNG TIN NÀY VỚI TÀI SẢN THẬT. Thông Tin Tác Giả: Thông tin về người phát triển ứng dụng và Viện Công nghệ Blockchain và Trí tuệ nhân tạo (ABAII).
Chatbot AI (Trợ Lý Ảo): Mở/Đóng: Nhấp vào biểu tượng bong bóng chat (ChatBubbleOvalLeftEllipsisIcon) ở góc dưới bên phải màn hình để mở hoặc đóng cửa sổ chatbot. Đặt Câu Hỏi: Nhập câu hỏi của bạn về blockchain, ví, sàn giao dịch vào ô chat và nhấn nút gửi (biểu tượng máy bay giấy) hoặc Enter. Chủ Đề Gợi Ý: Chatbot cũng cung cấp các chủ đề học tập gợi ý, bạn có thể nhấp vào đó để AI giải thích. Mục Đích: Chatbot sử dụng API Gemini để cung cấp câu trả lời. Câu trả lời có thể bao gồm thông tin tác giả.
Khu Vực Thông Báo: Khi có thông báo (ví dụ: sao chép thành công, lỗi API), chúng sẽ xuất hiện ở góc trên bên phải màn hình và tự động biến mất sau một khoảng thời gian. Bạn cũng có thể đóng chúng bằng tay.
II. Trang Chủ (HomeView)
Chào Mừng & Thông Tin Tác Giả: Lời chào và giới thiệu về nền tảng. Liên kết đến các kênh mạng xã hội của tác giả (YouTube, TikTok, Fanpage).
Tin Tức Blockchain Hàng Ngày ( Mục đích: Cập nhật các tin tức mới nhất về công nghệ blockchain và thị trường tài sản mã hoá. Sử dụng API Hệ Thống: Nhấn nút "Tải Tin Tức (Hệ Thống)" (hoặc "Làm Mới...") để AI (Gemini) tìm và hiển thị tin tức. Ứng dụng sử dụng API Key được cấu hình sẵn (process.env.API_KEY). Nếu có lỗi (ví dụ: API Key không hợp lệ, hết hạn mức), thông báo sẽ hiển thị.
Sử dụng API Key Cá Nhân: Nhấn vào "Dùng API Key cá nhân?". Nhập API Key Gemini của bạn vào ô trống. Nhấn "Lưu & Xác thực Key". Key sẽ được lưu vào Local Storage của trình duyệt và được xác thực. Nếu key hợp lệ, nhấn nút "Tải Bằng Key Của Bạn" (hoặc "Làm Mới...") để tải tin tức. Để xóa key đã lưu, nhấn "Xóa Key đã lưu".
Hiển Thị Tin Tức: Các tin tức sẽ được liệt kê với tiêu đề, tóm tắt, thời gian (nếu có), và liên kết đến nguồn gốc (nếu có). Nguồn Tham Khảo (Google Search): Nếu AI sử dụng Google Search, các liên kết nguồn sẽ được hiển thị.
Cảnh Báo Lừa Đảo Blockchain ( Mục đích: Cung cấp thông tin về các hình thức lừa đảo phổ biến và mới nổi trong không gian blockchain. Cách sử dụng tương tự như mục "Tin Tức Blockchain Hàng Ngày": Nút "Tải Cảnh Báo (Hệ Thống)" và tùy chọn sử dụng API Key cá nhân với các nút tương ứng.
Hiển Thị Cảnh Báo: Mỗi cảnh báo bao gồm tiêu đề, mô tả chi tiết, dấu hiệu nhận biết, cách phòng tránh, ngày cập nhật và link nguồn (nếu có). Nguồn Tham Khảo (Google Search): Tương tự phần tin tức.
Bắt Đầu Hành Trình Của Bạn: Một lưới các "Thẻ Tính Năng" (Feature Card). Mỗi thẻ giới thiệu một chức năng chính của ứng dụng. Nhấp vào một thẻ để điều hướng đến chức năng tương ứng (ví dụ: "Nguyên Lý Sinh Khóa", "Mô Phỏng Ví Thực Hành", "🔍 Test Dự Án Blockchain").
Kiến Thức Nền Tảng Về Ví Tài Sản Mã Hoá: Các thẻ giáo dục giải thích các khái niệm cơ bản: Ví Tài sản mã hoá là gì? Địa chỉ Công khai (Public Address). Khóa Riêng tư (Private Key). Cụm Từ Khôi Phục (Seed Phrase).
III. Sinh Khóa (KeyGenerationView)
Tổng Quan & Sơ Đồ: Giải thích quy trình từ Nguồn Ngẫu Nhiên → Khóa Riêng Tư → Khóa Công Khai → Địa Chỉ Ví. Sơ đồ trực quan hóa quy trình này.
Bộ Sinh Khóa Mô Phỏng: Nhấn nút "Tạo Cặp Khóa Mô Phỏng Mới". Ứng dụng sẽ hiển thị (mô phỏng): Nguồn Ngẫu Nhiên Cực Lớn (Entropy). Khóa Riêng Tư. Khóa Công Khai. Địa Chỉ Ví.
Sao chép: Nhấn biểu tượng sao chép (DocumentDuplicateIcon) bên cạnh mỗi giá trị để copy. Lưu ý: Tất cả các giá trị này đều là GIẢ và chỉ cho mục đích minh họa.
Cụm Từ Khôi Phục (Seed Phrase Demo): Giải thích về tầm quan trọng của Seed Phrase. Mô Phỏng Sinh Khóa Từ Cụm Từ Khôi Phục: Chọn từ: Nhấp vào các từ gợi ý từ danh sách để tạo cụm từ của bạn (tối đa 6 từ cho demo). Bỏ chọn: Nhấn dấu x bên cạnh từ đã chọn để loại bỏ. Nhấn "Tạo Khóa (Mô Phỏng) Từ Các Từ Đã Chọn". Ứng dụng sẽ hiển thị (mô phỏng) "Khóa Gốc" và "Khóa Riêng Tư Con" được tạo từ các từ bạn chọn. Sao chép: Có nút sao chép cho các khóa này.
Lưu ý: Đây là mô phỏng đơn giản hóa, không phải quy trình mật mã thực tế.
IV. Các Loại Ví (WalletTypesView)
Mỗi loại ví (Ví Nóng, Lạnh, Phần Cứng, Phần Mềm, Giấy, Lưu Ký, Không Lưu Ký) được trình bày trong một thẻ riêng. Mỗi thẻ bao gồm: Biểu tượng và tên loại ví. Mô tả ngắn gọn. Chi tiết về cách hoạt động. Ưu điểm và Nhược điểm.
Phần cuối có lời khuyên về việc chọn ví phù hợp với nhu cầu của bạn.
V. Tìm Hiểu Blockchain (BlockchainDemoView)
Đây là một demo tương tác, được chia thành các tab: Hàm Băm (Hash Function): Nhập bất kỳ dữ liệu nào vào ô "Dữ liệu đầu vào". Quan sát "Giá trị băm SHA-256" thay đổi ngay lập tức. Thử thay đổi dù chỉ một ký tự nhỏ để thấy hiệu ứng thác đổ (avalanche effect).
Khối (Block): Một khối đơn lẻ được hiển thị với các trường: Số Khối, Nonce, Dữ Liệu, Hash Khối Trước, Hash. Thay đổi Dữ Liệu hoặc Nonce: Hash của khối sẽ thay đổi và khối có thể trở nên "không hợp lệ" (màu đỏ nếu hash không bắt đầu bằng số lượng số 0 quy định - HASH_ZERO_PREFIX). Đào (Mine): Nhấn nút "Đào (Mine)". Máy tính sẽ tự động thử các giá trị Nonce khác nhau cho đến khi tìm được một Nonce làm cho Hash của khối hợp lệ (bắt đầu bằng các số 0 theo yêu cầu - màu xanh lá).
Chuỗi Khối (Blockchain): Hiển thị một chuỗi các khối được liên kết với nhau (Hash Khối Trước của khối này là Hash của khối trước đó). Thay đổi Dữ liệu/Nonce trong một khối: Hash của khối đó và tất cả các khối sau nó trong chuỗi sẽ thay đổi và trở nên không hợp lệ. Liên kết giữa các khối (mũi tên LinkIcon) sẽ chuyển sang màu đỏ. Đào lại: Bạn phải "Đào (Mine)" lại khối đã thay đổi, sau đó đào lại lần lượt tất cả các khối tiếp theo để làm cho toàn bộ chuỗi hợp lệ trở lại. Thêm Khối Demo: Nhấn nút này để thêm một khối mới vào cuối chuỗi.
Sổ Cái Phân Tán (Distributed Ledger): Hiển thị nhiều bản sao của blockchain (mỗi bản thuộc về một "Peer" - A, B, C). Thay đổi dữ liệu trong một khối của Peer A: Chỉ chuỗi của Peer A bị ảnh hưởng và trở nên không hợp lệ. Chuỗi của Peer B và C vẫn giữ nguyên và hợp lệ. Đào lại: Bạn có thể đào lại khối bị thay đổi trên Peer A, hoặc đào lại toàn bộ chuỗi của một Peer cụ thể.
Giao Dịch Token (Tokens): Phần này giải thích khái niệm về cách các giao dịch (gửi/nhận token) được đưa vào trường "Dữ Liệu" của một khối.
Giao Dịch Coinbase (Phần Thưởng Khối): Giải thích về giao dịch coinbase – phần thưởng mà thợ đào/người xác thực nhận được khi tạo ra một khối mới.
VI. Giao Dịch Blockchain (TransactionsExplainedView)
Vòng Đời Của Một Giao Dịch Blockchain: Giải thích các bước: Tạo Giao Dịch, Ký Giao Dịch, Phát Tán Giao Dịch, Đưa Vào Khối, Xác Nhận Khối & Chuỗi.
Cách Ví Ngoại Tuyến Thực Hiện Giao Dịch: Giải thích quy trình "ký ngoại tuyến" (offline signing). Sơ đồ trực quan hóa quy trình. Mô Phỏng Ký Giao Dịch Ngoại Tuyến ( Bước 1: Chuẩn Bị (Online): Nhập thông tin giao dịch mô phỏng (Địa chỉ nhận, Số lượng, Phí). Nhấn "Chuẩn Bị Giao Dịch Thô". Dữ liệu giao dịch chưa ký (Raw TX Data) sẽ được hiển thị.
Bước 2: Ký (Ví Lạnh - Offline): Nhấn "Ký Giao Dịch (Mô Phỏng Offline)". Ứng dụng sẽ mô phỏng việc ký bằng khóa riêng tư (không có khóa thật nào được sử dụng). Giao dịch đã ký (Signed TX Data) sẽ hiển thị.
Bước 3: Phát Tán (Online): Nhấn "Phát Tán Lên Mạng (Mô Phỏng)". Ứng dụng mô phỏng việc gửi giao dịch đã ký lên mạng.
Bắt Đầu Lại Demo: Cho phép bạn thực hiện lại quy trình.
VII. Tìm Hiểu Sàn Giao Dịch (ExchangesExplainedView)
Ứng dụng có các tab: "Giới Thiệu Sàn", "Sàn Tập Trung (CEX)", "Sàn Phi Tập Trung (DEX)", "Rủi Ro & Lưu Ý".
Giới Thiệu Sàn: Phân biệt CEX và DEX. Sàn Tập Trung (CEX): Giải thích ưu nhược điểm. Cơ chế Sổ Lệnh (Order Book). Mô Phỏng Sổ Lệnh ( Hiển thị các lệnh mua (Bids - màu xanh) và lệnh bán (Asks - màu đỏ). Đặt lệnh: Chọn MUA/BÁN, Thị Trường/Giới Hạn, nhập Số lượng, (Giá nếu là Giới Hạn). Nhấn nút MUA/BÁN. Lệnh của bạn (nếu là Giới Hạn và chưa khớp) sẽ được tô sáng trong sổ lệnh. Lệnh Thị Trường sẽ cố gắng khớp với các lệnh tốt nhất có sẵn. Sổ lệnh sẽ tự động biến động nhẹ để mô phỏng thị trường. Nhật ký mô phỏng: Hiển thị các hành động đã thực hiện.
Sàn Phi Tập Trung (DEX): Giải thích ưu nhược điểm. Cơ chế AMM và Pool Thanh Khoản. Mô Phỏng Hoán Đổi (Swap Demo - Chọn tài sản: Chọn tài sản bạn muốn gửi (Từ) và tài sản muốn nhận (Đến). Nhập số lượng: Nhập số lượng tài sản muốn gửi. Số lượng nhận được (ước tính) sẽ tự động hiển thị dựa trên tỷ giá mô phỏng. Đảo chiều: Nhấn nút mũi tên lên xuống để hoán đổi tài sản Từ và Đến. Thông tin: Hiển thị tỷ giá mô phỏng, phí pool, độ trượt giá cho phép (tất cả đều mô phỏng). Nhấn "Thực Hiện Swap (Mô Phỏng)". Nhật ký mô phỏng: Ghi lại hành động swap.
Rủi Ro & Lưu Ý: Cảnh báo về các rủi ro khi giao dịch tài sản mã hoá và những điều cần lưu ý.
VIII. Vòng Đời Token (TokenLifecycleView)
Ứng dụng có các tab: "Giới Thiệu Token/Coin", "Khởi Tạo Token", "Thanh Khoản Ban Đầu & Định Giá", "Niêm Yết & Giao Dịch", "Cộng Đồng & Hệ Sinh Thái", "Rủi Ro & Cân Nhắc".
Giới Thiệu Token/Coin: Phân biệt Coin và Token. Khởi Tạo Token (Khái niệm): Giải thích các thông số: Tên, Ký Hiệu, Tổng Cung, Số Thập Phân, Tiêu Chuẩn. Mô Phỏng Thông Số Token: Nhập Tên, Ký Hiệu, Tổng Cung. Nhấn "Mô Phỏng 'Triển Khai Token'" để nhận thông báo mô phỏng.
Thanh Khoản Ban Đầu & Định Giá: Giải thích về Liquidity Pool, AMM, giá khởi điểm. Mô Phỏng Cung Cấp Thanh Khoản: Nhập Lượng Token cung cấp, chọn Tài sản đối ứng, nhập Lượng tài sản đối ứng. Giá khởi điểm ước tính sẽ hiển thị. Nhấn "Mô Phỏng 'Thêm Thanh Khoản'".
Niêm Yết & Giao Dịch Token: Quy trình niêm yết trên DEX và CEX. Cộng Đồng & Hệ Sinh Thái: Tầm quan trọng và các yếu tố xây dựng. Rủi Ro & Cân Nhắc: Cảnh báo chi tiết về các rủi ro khi tham gia dự án token (biến động giá, lừa đảo, lỗi hợp đồng, v.v.) và lời khuyên quan trọng.
IX. Test Dự Án Blockchain (T.E.S.T.S) (ProjectTestAutomationView)
Nhập Thông Tin: Nhập "Tên dự án, website, hoặc địa chỉ contract". Chọn "Giai đoạn dự án": Mới phát hành, Đã hoạt động, hoặc Chưa phát hành. Mỗi giai đoạn có bộ tiêu chí T.E.S.T.S khác nhau.
Phân Tích: Sử dụng API Hệ Thống: Nhấn "Test bằng API Hệ Thống". Sử dụng API Key Cá Nhân: Nhấn "Dùng API Key cá nhân". Nhập API Key Gemini của bạn, nhấn "Lưu & Xác thực Key". Sau khi xác thực, nhấn "Test bằng API Key Của Bạn". Có thể xóa key đã lưu.
Kết Quả: AI (Gemini) sẽ phân tích dự án dựa trên thông tin bạn cung cấp và các tiêu chí T.E.S.T.S. Kết quả phân tích sẽ được hiển thị, bao gồm cả các nguồn tham khảo (nếu có từ Google Search). Nếu có lỗi (API Key không hợp lệ, hết hạn mức), thông báo sẽ hiển thị.
X. Mô Phỏng Ví (SimulatorView)
Tạo Ví ( Nếu bạn chưa có ví mô phỏng, nhấn "Tạo Ví Mô Phỏng Ngay". Một ví mới với địa chỉ, khóa riêng tư, cụm từ khôi phục (tất cả đều GIẢ) và một lượng ${DEFAULT_CURRENCY.symbol} (ví dụ: 100 DMC) ban đầu sẽ được tạo.
Bảng Điều Khiển Ví ( Thông Tin Ví ( Hiển thị Số dư, Địa chỉ ví, Khóa Riêng Tư (ẩn, có thể hiện), Cụm Từ Khôi Phục (ẩn, có thể hiện). Nhấn biểu tượng sao chép để copy thông tin. LƯU Ý: Thông tin này là GIẢ.
Gửi ${DEFAULT_CURRENCY.symbol} ( Nhập "Địa chỉ người nhận" (phải là định dạng 0x... hợp lệ, ví dụ copy từ một ví khác bạn tạo hoặc một địa chỉ giả). Nhập "Số lượng ${DEFAULT_CURRENCY.symbol}". Nhấn "Gửi ${DEFAULT_CURRENCY.symbol}".
Nhận từ Faucet: Nhấn nút "Nhận từ Faucet (${DEFAULT_CURRENCY.symbol})". Một lượng ${DEFAULT_CURRENCY.symbol} (ví dụ: 50 DMC) sẽ được thêm vào ví của bạn.
Tạo Lại Ví Khác: Nhấn nút này để xóa ví hiện tại và tất cả giao dịch, sau đó bạn có thể tạo một ví mới.
Lịch Sử Giao Dịch ( Hiển thị danh sách các giao dịch đã thực hiện (Gửi, Nhận, Khởi Tạo, Faucet). Mỗi giao dịch có biểu tượng, mô tả, số lượng, thời gian và nút kính lúp để xem chi tiết.
Sổ Cái Blockchain Mô Phỏng ( Mỗi khi có hành động (tạo ví, gửi/nhận), một "khối" (block) mới chứa giao dịch đó sẽ được thêm vào chuỗi này. Hiển thị các khối theo thứ tự, khối mới nhất ở bên trái (hoặc trên cùng trên di động). Mỗi khối hiển thị thông tin cơ bản như ID khối, Hash, Hash Khối Trước, Nonce và các giao dịch bên trong. Nhấn vào nút kính lúp trên giao dịch trong khối để xem chi tiết.
Chi Tiết Giao Dịch (Modal - Khi bạn nhấn nút kính lúp trên một giao dịch (trong Lịch Sử Giao Dịch hoặc Sổ Cái), một cửa sổ modal sẽ hiện ra. Hiển thị thông tin chi tiết về giao dịch đó (Mã giao dịch, Trạng thái, Khối, Thời gian, Từ/Đến địa chỉ, Giá trị, Phí, Gas, Nonce) và thông tin về khối chứa nó.
XI. Thuật Ngữ (GlossaryView)
Tìm kiếm: Nhập từ khóa vào ô tìm kiếm. Lọc theo danh mục: Chọn danh mục từ danh sách thả xuống. Danh sách các thuật ngữ sẽ được hiển thị với định nghĩa và các thuật ngữ liên quan (nếu có).
