English Dictionary

Website Project

by Thai Thi Diep

 Tổng quan

Giới thiệu

Kiến trúc hệ thống

Triển khai

Video Demo
 Giới thiệu
Mục tiêu : Xây dựng một trang web tiếng
Anh có chức năng, cung cấp thông tin về từ
vựng cho người dùng.

Công nghệ sử dụng:

Frontend : HTML, CSS, PHP
Backend : Node.js
Database : MySQL

03
Frontend (JS và CSS)
Giao diện website

Trang chủ :
Menu:
• Trang chủ: Ô tra cứu và danh sách từ.
• Trang chi tiết từ: Hiển thị nghĩa của từ.

Tra từ điển :
• Ô nhập từ cần tra.
• Kết quả tra từ với định nghĩa, ví dụ và cách
phát âm.
• Nút "Nghe" để sử dụng tính năng TTS.
• Lịch sử tra từ. 04
Kiến trúc tổng thể của website

08
Backend (PHP và MySQL)
• Cơ sở dữ liệu (Database):
⚬ Từ điển: Lưu trữ danh sách các từ vựng, thông tin
nghĩa, ví dụ, và các thuộc tính khác.
⚬ Người dùng: Lưu trữ thông tin về người dùng như
lịch sử tìm kiếm

• Logic xử lý (Backend):
⚬ Xử lý tìm kiếm: Module xử lý yêu cầu tìm kiếm từ
người dùng và truy xuất dữ liệu từ cơ sở dữ liệu.
⚬ Quản lý người dùng: Xử lý đăng nhập và quản lý
thông tin người dùng.
⚬ Quản lý nội dung: Cho phép quản trị viên thêm, xóa
từ điển và thông tin liên quan.
07
Thư viện và Framework
Frontend Framework:

Sử dụng thư viện như html, php để xây dựng giao

diện người dùng động.

Backend Framework:
Sử dụng các framework như html , php để
xây dựng logic xử lý.

06
Video demo
Thank you for your
time