Chào mọi người! Hôm nay tôi muốn chia sẻ một chút về cái dự án nho nhỏ mà tôi mới mày mò làm gần đây: một trang web dịch tiếng Việt sang tiếng Anh. Chuyện là thỉnh thoảng tôi cũng cần dịch vài thứ linh tinh, mà mấy cái trang có sẵn đôi khi nó dịch hơi máy móc, hoặc là quảng cáo tùm lum, nên tôi nghĩ hay là mình tự làm một cái đơn giản cho riêng mình dùng.
Bắt đầu như thế nào?
Đầu tiên, tôi phác thảo ra ý tưởng. Đơn giản thôi: một ô để nhập tiếng Việt, một ô hiển thị tiếng Anh, với một nút “Dịch”. Không cần màu mè hoa lá cành gì hết, chủ yếu là nó chạy được cái đã. Tôi cũng không phải dân chuyên thiết kế web gì đâu, nên cứ cái gì dễ nhất thì mình làm.
Tôi quyết định dùng HTML, CSS với một chút JavaScript cho phần giao diện người dùng. Mấy cái này thì quen thuộc rồi, làm cho nó nhanh. HTML để dựng cái khung sườn, CSS thì tô điểm cho nó một tí cho đỡ xấu, còn JavaScript thì để xử lý khi người ta bấm nút.
Cái khó nhất: làm sao để dịch?
Cái này mới là vấn đề đây. Tự xây dựng một bộ máy dịch từ đầu thì… thôi xin kiếu, sức người có hạn mà kiến thức thì bao la, tôi không kham nổi. Thế là tôi nghĩ ngay đến việc dùng một cái API dịch thuật nào đó có sẵn. Tôi có lượn lờ tìm hiểu một vài cái, thấy có cái cũng miễn phí cho lượng dùng nhỏ, hoặc là có gói dùng thử.
Sau một hồi cân nhắc, tôi chọn một cái API thấy có vẻ dễ tích hợp và không quá phức tạp về đăng ký. Quan trọng là phải đọc kỹ tài liệu của họ, xem cách gửi yêu cầu, cách nhận kết quả. Lúc đầu cũng hơi loay hoay vụ xác thực API key này nọ, phải tạo tài khoản rồi lấy mã, nhưng mò một hồi cũng xong. Cái cảm giác kết nối được với API của người ta nó cũng hay hay.
Phần xử lý phía sau (backend)
Để gọi API và xử lý logic, tôi dùng Python với một cái framework nhỏ nhẹ tên là Flask. Đơn giản vì nó nhẹ nhàng, dựng lên một cái server nhỏ nhanh gọn lẹ. Khi người dùng bấm nút “Dịch” ở trang web, JavaScript sẽ gửi cái đoạn văn bản tiếng Việt lên server Flask này. Server nhận được, rồi nó mới dùng API key đã đăng ký để gọi sang dịch vụ dịch thuật kia. Chờ kết quả trả về, server Flask lại gửi ngược bản dịch tiếng Anh xuống cho trình duyệt hiển thị. Nghe thì có vẻ nhiều bước nhưng thực ra code cũng không quá dài dòng.
Lúc viết code backend này cũng gặp vài trục trặc nhỏ. Ví dụ như cách gửi request cho đúng định dạng mà API nó yêu cầu, rồi cách xử lý khi API nó báo lỗi chứ không phải lúc nào cũng thành công. Nhưng cứ từ từ gỡ rối, đọc thông báo lỗi rồi tìm cách sửa.
Lắp ráp và chạy thử
Sau khi có giao diện cơ bản và phần backend xử lý, tôi bắt đầu kết nối chúng lại với nhau.
- Giao diện: Tôi tạo một cái form đơn giản thôi, hai cái ô text, một cái nút. CSS thì cũng chỉ vài dòng cho nó căn giữa, nhìn cho nó thoáng hơn tí.
- JavaScript: Phần này tôi viết code để khi người ta bấm nút “Dịch”, nó sẽ lấy nội dung từ ô tiếng Việt, gửi lên cái địa chỉ server Flask của tôi bằng AJAX (để trang không phải tải lại). Sau đó, nó chờ kết quả từ server trả về rồi nhét vào ô tiếng Anh.
- Backend Flask: Chỗ này thì tôi viết mấy dòng để nó lắng nghe yêu cầu từ JavaScript, nhận đoạn văn bản, gọi API dịch, rồi đóng gói kết quả trả về.
Sau khi viết xong mấy phần đó, tôi chạy thử. Lần đầu nó báo lỗi tùm lum. Chỗ thì quên đóng ngoặc, chỗ thì gọi sai tên biến, chỗ thì API key cấu hình chưa đúng. Cứ từ từ sửa từng cái một. Cái cảm giác khi bấm nút “Dịch” và nó hiện ra đúng kết quả, dù chỉ là vài chữ đơn giản, cũng thấy vui vui. Tôi thử dịch vài câu thông dụng, rồi vài đoạn văn ngắn, thấy nó cũng hoạt động trơn tru.
Kết quả và vài dòng suy ngẫm
Cuối cùng thì tôi cũng có một cái trang web dịch tiếng Việt sang tiếng Anh nho nhỏ, chạy được trên máy của mình. Dĩ nhiên là nó không thể xịn sò như mấy ông lớn được, không có nhiều tính năng cao siêu, dịch thuật cũng phụ thuộc hoàn toàn vào chất lượng của cái API mà tôi dùng. Nhưng mà nó là của mình làm ra, dùng cho nhu cầu cá nhân thì cũng ổn, không bị quảng cáo làm phiền.
Qua cái lần mày mò này, tôi lại học thêm được chút ít về cách làm việc với API, cách dựng một ứng dụng web đơn giản từ đầu đến cuối. Quan trọng là mình dám bắt tay vào làm, chứ không chỉ nghĩ trong đầu. Cứ làm đi, sai đâu sửa đó, rồi sẽ ra thôi. Đôi khi mấy cái dự án cá nhân nho nhỏ thế này lại giúp mình củng cố kiến thức và có thêm động lực học hỏi.
Đó là toàn bộ quá trình tôi làm cái trang dịch này. Chia sẻ với mọi người cho vui vậy thôi. Có lẽ sắp tới tôi sẽ thử thêm vài tính năng nữa cho nó, hoặc là tìm cách triển khai lên mạng cho bạn bè dùng thử xem sao. Cảm ơn mọi người đã đọc!
Đặt lớp học thử miễn phí
Học tiếng Anh 1 kèm 1 với giáo viên nước ngoài
Sau khi tham gia học thử, bạn có cơ hội nhận được bộ quà tặng miễn phí:
✅ Báo cáo đánh giá trình độ tiếng Anh
✅ 24 buổi học phát âm
✅ 30 phim hoạt hình song ngữ
✅ Bộ thẻ học động từ
