3.Thiết kế hệ thống

3.1. Kiến trúc hệ thống

• Phía server: Sử dụng mockAPI tạo dữ liệu database.
• Phía client: Sử dụng HTML, Angular 2 (TypeScript). Angular 2 sẽ sử dụng các đường dẫn mockAPI cung cấp để GET dữ liệu về rồi xuất dữ liệu ra giao diện.
• Các thư viện sử dụng: Sử dụng Bootstrap để thiết kế giao diện.

3.2. Thiết kế cơ sở dữ liệu

• Bảng chudes: Lưu thông tin những chủ đề gồm Id, tên chủ đề, hình ảnh mô tả chủ đề.

• Bảng worddrs: Lưu thông tin mô tả từ gồm id, id chủ đề của từ, từ tiếng anh, nghĩa tiếng việt.

3.3.Thiết kế các module trong ứng dụng

Trang web được chia làm 2 module chính:

• Là chọn chủ đề: Người dùng chọn các chủ đề mình muốn để luyện tập.
• Làm bài luyện tập: Người dùng trả lời các câu hỏi trong chủ đề mình đã chọn.