User story: Là một học sinh tôi muốn dịch một đoạn văn một cách nhanh chóng, chính xác để có thể đàm thoại, viết thư, viết tài liệu hay dịch thuật.

  • Tự học HTML, PHP, CSS, Bootstrap
  • Tạo form giao diện PHP nhúng HTML, CSS cho Tab Dịch đoạn văn bản <Tham khảo bootstrap 4.0>
  • Xem lại giao diện đã tạo để đảm bảo giao diện đơn giản, thân thiện và dễ sử dụng
  • Thiết lập mô hình MVC cho Tab Dịch đoạn văn bản
  • Tìm hiểu về API, cách thiết kế và sử dụng API
  • Đưa phần dịch văn bản của Google Translate vào phần mềm
  • Liên kết khóa học: API
  • Liên kết git: TransAPI
  • Kiểm tra lại các chức năng đã được đưa vào từ Google Translate để bảo đảm các chức năng như kiểm tra chính tả, hiện bản dịch ở đúng khung text
  • Xây dựng các ca kiểm thử (test case) dựa trên kỹ thuật kiểm thử hộp tráng. Yêu cầu độ bao phủ của bộ kiểm thử phải trên 70%. Nếu dưới 70% thì sửa lại test case để đạt yêu cầu về độ bao phủ
  • Kiểm tra lại mã nguồn xem có mã xấu hay không. Nếu có mã xấu thì sửa lại đoạn mã đó
  • Demo sản phẩm với 1 vài người dùng dùng thử sản phẩm để kiểm tra xem còn lỗi về giao diện, logic hay không

Hướng dẫn sử dụng

  • Chọn Tab Dịch đoạn văn bản trên thanh Header, giao diện sẽ chuyển sang Tab dịch đoạn văn bản
  • Bạn có thể dịch Anh-Việt là chế độ mặc định bằng cách soạn văn bản vào khung bên trái sau đó bấm Translate

  • Nếu muốn dịch Việt-Anh thì chuyển đổi ngôn ngữ ở bên dưới sau đó soạn văn bản vào khung bên trái

  • Phía góc dưới cùng bên phải của khung text bên trái có chức năng Kiểm tra chính tả, bản có thể bật hoặc tắt
  • Footer của Tab là liên kết đến source code của phần mềm, bấm vào biểu tượng để đọc source code