Bỏ qua, đến nội dung
TNT-FE-2021
Ngôn ngữ: English
← Tất cả dự ánHồ sơ D-02 / GENUWINDNCTờ 02 / 05Trạng thái: Đã bàn giao

GenuwindNC Machine Management

Công ty
LIMA&HANSAN
Thời gian
06/2024 – 02/2025
Vai trò
Frontend Developer
Công nghệ
React · Material-UI · Java APIs

§01Bối cảnh

Công cụ cho xưởng sản xuất: mỗi máy có một thẻ, lỗi được ghi nhận theo từng máy, và người lập kế hoạch thấy trạng thái máy ngay khi nó thay đổi.

Hình 02 — Sơ đồ giao diện

§02Ràng buộc

  1. C-1Người vận hành sửa các bảng dữ liệu dày đặc gần như suốt ca làm.
  2. C-2Cùng một form được dùng bằng nhiều ngôn ngữ.
  3. C-3Dữ liệu trạng thái từ máy liên tục đổ về trong lúc người dùng đang sửa.

§03Quyết định

  1. D-02.1

    Sửa ngay trên bảng, kiểm tra ngay trong ô

    Sửa trực tiếp trên ag-Grid với kiểm tra theo từng ô giúp người vận hành ở lại trong bảng thay vì mở hết form này đến form khác.

  2. D-02.2

    Thông báo lỗi được dịch cùng form

    Schema của React Hook Form và i18n dùng chung key, nên thông báo lỗi hiện đúng ngôn ngữ của người vận hành chứ không chỉ nhãn.

  3. D-02.3

    Tách phần giám sát trực tiếp khỏi phần sửa dữ liệu

    Cập nhật trạng thái thời gian thực nằm trong component riêng, nên dữ liệu mới không bao giờ làm mất dòng người khác đang nhập.

§04Kết quả

Kế hoạch sản xuất dựa trên dữ liệu máy và lỗi theo thời gian thực — hiệu quả lập kế hoạch tốt hơn khoảng 30%.

Tác động đo được

~30%

hiệu quả lập kế hoạch sản xuất tốt hơn