Năm hướng để giáo viên dùng được teacher.flyer.us và teacher.teado.ai trên trình duyệt điện thoại, kèm bản mô phỏng thao tác được ở khung 390×844 và 768×844.
Tài liệu trả lời yêu cầu ngày 02/10/2026, nguyên văn:
chạy cho anh 3 options responsive của teacher.flyer.us (teado.ai) để giáo viên có thể dùng được trên điện thoại nhé — Làm luôn bản demo clickable ở trong roadmap link nhé
Nguồn số liệu. Tỉ lệ phiên theo thiết bị và mức dùng từng tính năng lấy từ bản phân tích 15/09/2026, khoảng đo 01/06–31/08/2026, nền 1.131 giáo viên hoạt động. Màu, cỡ chữ, bán kính và biểu tượng lấy trực tiếp từ mã nguồn partner-web.
Giới hạn. Ba bản mô phỏng dùng dữ liệu bịa có hình dáng giống thật, không phải dữ liệu production. Chỉ dựng bốn màn tiêu biểu trong tổng số 28 mục menu; màn Báo cáo để trống có chủ ý. Chưa khảo sát giáo viên, nên thứ tự ưu tiên các màn là suy luận từ số liệu thao tác chứ không phải từ phỏng vấn.
Trạng thái. Chưa có phương án nào được chọn. Ước tính công là con số thô, chưa qua đội kỹ thuật.
Giáo viên hiện gần như chỉ dùng được trên máy tính. Số liệu ba tháng: 86% phiên trên trình duyệt máy tính, 11% trên điện thoại, 2,4% trên ứng dụng. Bản đánh giá trải nghiệm 09/09 chấm Điều hướng 5 trên 10.
Chọn phương án ở thanh trên, đổi giữa điện thoại và máy tính bảng ở nút bên phải. Mỗi khung đều thao tác được, và địa chỉ trang đổi theo lựa chọn nên gửi link là người nhận thấy đúng màn đó.
| Tiêu chí | 1 · Thu gọn | 2 · Thanh dưới | 3 · Việc cần làm | 4 · Cài lên máy | 5 · Thích ứng |
|---|---|---|---|---|---|
| Phủ 100% màn | Có | Có | Không | Không, phụ thuộc nền dưới | Có |
| Công ước tính | 2–3 tuần | 5–7 tuần | 4–5 tuần | 1–2 tuần cộng thêm nền dưới | 8–10 tuần |
| Màn phải sửa | Thanh bên và lớp bảng dùng chung | 28 mục, từng màn một | 3 màn mới | Không màn nào, chỉ thêm manifest và service worker | Toàn bộ thành phần dùng chung |
| Rủi ro hỏng bản máy tính | Thấp | Cao | Rất thấp | Không | Cao |
| Thao tác bằng ngón tay | Kém | Tốt | Tốt | Theo nền dưới | Tốt |
| Đọc bảng nhiều cột | Vuốt ngang | Không còn bảng | Không còn bảng | Theo nền dưới | Bảng tự đổi thành thẻ |
| Ra được bản dùng thử | Sớm | Muộn | Trung bình | Sớm nhất | Muộn nhất |
| Hạng mục | Nội dung |
|---|---|
| Vùng chạm tối thiểu 44px | Mọi nút và liên kết. Hiện nhiều nút nằm trong ô bảng chỉ cao 28–32px. |
| Ô nhập cỡ chữ 16px | Dưới 16px thì iOS tự phóng to trang khi chạm vào ô, làm vỡ bố cục. |
| Màu thương hiệu lúc đăng nhập | Trang đăng nhập đang ra màu xanh, không phải tím. Đã kiểm tra trên điện thoại ngày 02/10. |
| Mở bài của exam trên điện thoại | Theo ghi chú trong task: chấp nhận đẩy sang ứng dụng. Nên hiện một dải mời mở ứng dụng kèm nút bỏ qua, không chặn cứng. |
| Giữ một bộ mã | Không dựng bản di động riêng. Hai bộ mã cho một sản phẩm là chi phí bảo trì nhân đôi vĩnh viễn. |
| Giai đoạn | Việc | Điều kiện chuyển tiếp |
|---|---|---|
| P0 | Phương án 1 cho 5 màn hay dùng nhất | Bài đã giao, Lớp, Học sinh, Kho đề, Báo cáo. Đây là 5 nhóm chiếm gần toàn bộ thao tác thật. |
| P1 | Đo một tháng | Tỉ lệ phiên điện thoại, màn nào được mở, thao tác nào bị bỏ dở. |
| P2a | Nếu giáo viên dùng rộng nhiều màn | Đi tiếp phương án 2. |
| P2b | Nếu chỉ tập trung vài việc | Đi tiếp phương án 3, rẻ hơn và đúng nhu cầu hơn. |
| # | Tình huống | Xử lý |
|---|---|---|
| 1 | Bảng có cột tuỳ chỉnh theo trường | Số cột không cố định. Phương án 1 phải tự ghim cột đầu dù cấu hình cột nào; phương án 2 phải chọn được ba trường nào lên thẻ. |
| 2 | Xoay ngang màn hình | Ở ngang, màn 844px rộng đủ cho bố cục máy tính thu nhỏ. Không khoá hướng xoay. |
| 3 | Máy tính bảng 768–1024px | Khoảng này hiện rơi vào bố cục máy tính và bị chật. Cần một mốc ngắt riêng, đừng gộp vào điện thoại. |
| 4 | Bàn phím che nút | Nút chính nằm trong vùng cuộn, không dán đáy, nếu không bàn phím sẽ che mất. |
| 5 | Thanh dưới và vùng an toàn iPhone | Thanh dưới phải cộng thêm safe-area-inset-bottom, nếu không vạch gạt ngang của iOS che mất nhãn. |
| 6 | Giáo viên đang mở dở trên máy tính rồi chuyển sang điện thoại | Giữ nguyên bộ lọc và trang đang xem theo tài khoản, không theo thiết bị. |
| 7 | Bản Teado rút gọn | Teado chỉ có một tập mục nhỏ hơn. Thanh dưới ở phương án 2 và 3 phải tự bớt mục, không để ô trống. |
| 8 | Chấm bài Nói trên điện thoại | Cần nghe bản ghi và nhìn dữ liệu âm vị cùng lúc. Màn hình hẹp không đủ; nên để nguyên trên máy tính ở giai đoạn đầu. |
| # | Tiêu chí |
|---|---|
| 1 | Ở khung 390×844, không màn nào trong 5 màn chính bị cuộn ngang toàn trang. |
| 2 | Mọi nút và liên kết có vùng chạm tối thiểu 44×44px. |
| 3 | Chạm vào ô nhập không làm iOS phóng to trang. |
| 4 | Giao trọn một bài từ điện thoại: chọn đề, chọn lớp, đặt hạn, xác nhận. |
| 5 | Bản máy tính không đổi một pixel nào, kiểm bằng ảnh chụp đối chiếu. |
| 6 | Thanh dưới không bị vạch gạt ngang của iOS che. |
| 7 | Lặp lại tiêu chí 1 tới 6 trên bản Teado rút gọn. |