Công cụ tạo bảng xếp hạng theo hạng

Bảng xếp hạng theo hạng là gì: và không phải là gì

Bảng này nhóm các mục có thể so sánh vào những hạng có thứ tự như S, A, B và C. Hàng cao hơn thường biểu thị mức yêu thích cao hơn, hiệu quả tốt hơn hoặc phù hợp hơn với tiêu chí bạn chọn. Công cụ không tính điểm và không quyết định mục nào thuộc về đâu.

Vì vậy, nó khác hai loại bảng thường gặp khác:

Hãy dùng bảng xếp hạng cho ý kiến và đánh giá so sánh: album yêu thích, lựa chọn sản phẩm, nhân vật trò chơi, món muốn nấu lại hoặc ý tưởng cần ưu tiên. Dùng danh sách kiểm tra để theo dõi hoàn thành và bảng Kanban khi công việc chuyển qua các giai đoạn.

Chọn các hạng hữu ích trước khi sắp xếp

Nhãn S–F mặc định là quy ước, không bắt buộc. Hãy đổi thành Xuất sắc / Tốt / Cân nhắc / Bỏ qua, Ưu tiên / Dự phòng / Không phù hợp hoặc thang khác có ý nghĩa rõ ràng. Bạn có thể dùng tối đa 12 hàng hạng.

Xác định tiêu chí trước khi di chuyển mục. Xếp theo “đáng tiền nhất” có thể tạo kết quả rất khác “chất lượng tốt nhất”. Nếu người khác chỉ thấy ảnh xuất mà không có ghi chú, tiêu đề chính xác và nhãn hàng rõ nghĩa sẽ giúp họ hiểu kết quả.

Các mục trong cùng hạng vẫn có thể đổi thứ tự. Dùng thứ tự đó để biểu thị mức ưu tiên từ trái sang phải; nếu không, hãy coi mọi mục trong hàng là tương đương.

Mục chữ và ảnh cục bộ

Bảng nhận tối đa 100 mục, trong đó không quá 60 ảnh. Mục chữ phù hợp cho tên, lựa chọn và ý tưởng. Ảnh được chuẩn hóa ngay trong trình duyệt để nhiều kích thước nguồn vừa ô dự kiến và siêu dữ liệu không cần thiết không đi vào dự án đã lưu.

Định dạng được nhận là PNG, JPEG và WebP. Mỗi tệp nguồn tối đa 8 MiB, mỗi cạnh không quá 8192 pixel, và ảnh giải mã không quá 16 megapixel. Ảnh hợp lệ được thu nhỏ cục bộ khi cần, tối đa 512 × 512 pixel. Dữ liệu ảnh đã chuẩn hóa của cả dự án bị giới hạn ở 32 MiB.

URL ảnh từ xa và tệp SVG không được chấp nhận có chủ đích. Chỉ dùng ảnh raster cục bộ đã giải mã giúp tránh tài nguyên từ xa bị hỏng, lỗi canvas khác nguồn và nội dung SVG/XML chủ động. Tài liệu File Upload Cheat Sheet của OWASP khuyên chỉ cho phép định dạng cần thiết, giới hạn dung lượng, kiểm tra nhiều hơn MIME khai báo và ghi lại ảnh như các lớp phòng vệ khi tải tệp.

Không bắt buộc phải kéo

Kéo thả tiện lợi nhưng không phải cách duy nhất. Đưa tiêu điểm vào một mục và dùng nút di chuyển, hoặc nhấn Enter hay phím cách để vào chế độ di chuyển bằng bàn phím. Phím mũi tên đổi hạng và vị trí dự kiến; Enter hay phím cách xác nhận, Escape hủy bỏ.

Nhờ đó, trình chỉnh sửa cũng dễ dùng trên điện thoại, nơi kéo chính xác có thể khó. Hướng dẫn của W3C về thao tác kéo trong WCAG 2.2 giải thích tại sao chức năng dùng thao tác kéo cần một cách trỏ đơn giản hơn. Ở đây, cùng một thao tác có thể thực hiện bằng kéo, bàn phím, nhấp hoặc chạm.

Nội dung được lưu trong trình duyệt

Tiêu đề, các hạng, chữ, dữ liệu ảnh và thứ tự nằm trong bộ nhớ trình duyệt trên thiết bị này. Chúng không được đưa vào URL trang hay gửi lên máy chủ dưới dạng dữ liệu chỉnh sửa. Bản khôi phục cục bộ dùng IndexedDB nên tải lại trang thông thường có thể phục hồi công việc.

Khôi phục cục bộ không phải lưu trữ đám mây. Trình duyệt hoặc thiết bị khác không thấy dự án; xóa dữ liệu trang sẽ xóa dự án; người dùng chung hồ sơ trình duyệt có thể mở lại. Hãy dùng Xóa dự án trên thiết bị dùng chung và xuất JSON dự án khi cần bản sao lưu chủ động.

JSON, PNG và SVG phục vụ mục đích khác nhau

Tệp JSON được xác thực trước khi thay dự án hiện tại. Tệp lỗi, không được hỗ trợ hoặc quá lớn sẽ không làm thay đổi dự án đang mở. JSON dự án tối đa 48 MiB.

PNG được vẽ trực tiếp trong trình duyệt bằng ảnh cục bộ đã chuẩn hóa. Phương thức chuẩn canvas.toBlob() tạo tệp tải xuống; vì không dùng ảnh từ xa nên canvas không bị nhiễm khác nguồn và vẫn xuất được.

SVG được tạo từ một tập nhỏ gồm hình, chữ và phần tử ảnh không tương tác. Pixel của mục PNG, JPEG hoặc WebP được nhúng trong SVG, không được đồ lại hay chuyển thành vector. MDN ghi rõ phần tử SVG <image> có thể hiển thị ảnh raster. Tệp xuất không sao chép SVG tùy ý, mã lệnh, liên kết hoặc HTML đã tải lên.

Giới hạn để xuất tệp ổn định

Chiều rộng xuất là 800, 1200, 1600 hoặc 2400 pixel. PNG có thể tạo ở 1× hoặc 2× nếu bitmap kết quả không vượt 8192 pixel mỗi cạnh và 16 × 1024 × 1024 pixel (khoảng 16,8 megapixel). Nếu bản 2× vượt giới hạn an toàn của trình duyệt, công cụ sẽ báo rõ thay vì âm thầm thu nhỏ bảng. SVG cũng theo giới hạn an toàn 48 MiB cho dự án và tệp.

Mặc định, các mục Chưa xếp hạng không xuất hiện trong ảnh hoàn chỉnh. Bật Bao gồm mục chưa xếp hạng để đưa chúng vào hàng trung lập cuối cùng. Luôn xem trước: tiêu đề quá dài, quá nhiều hàng hoặc mục có thể khiến bảng hợp lệ về kỹ thuật nhưng khó đọc khi chia sẻ ở kích thước nhỏ.

Lỗi thường gặp khi tạo bảng xếp hạng

• Đổi tiêu chí giữa chừng. Ghi nội dung so sánh trong tiêu đề trước khi xếp.
• Đặt tên hàng mơ hồ. Nhãn như “Cân nhắc” và “Nên tránh” rõ hơn màu không chú thích.
• Coi một hạng là điểm số chính xác. Các mục cùng hạng chung một nhóm; khoảng cách giữa các hạng không phải số đo.
• Quên khu vực chưa xếp hạng. Các mục này không tự động có trong bản xuất hoàn chỉnh.
• Chỉ chia sẻ tệp dự án. JSON dùng để mở lại trình chỉnh sửa; dùng PNG hoặc SVG khi người nhận chỉ cần xem.