Kreator list rankingowych

Czym jest lista rankingowa, a czym nie jest

Lista rankingowa grupuje porównywalne elementy w uporządkowane poziomy, na przykład S, A, B i C. Wyższy wiersz zwykle oznacza większą preferencję, lepszy wynik lub lepsze dopasowanie do wybranego kryterium. Narzędzie nie oblicza punktów ani nie decyduje, gdzie powinien trafić dany element.

Dlatego lista rankingowa różni się od dwóch innych popularnych typów plansz:

Lista rankingowa sprawdza się przy opiniach i porównaniach: ulubionych albumach, opcjach produktów, postaciach z gier, przepisach do powtórzenia czy pomysłach do ustalenia priorytetów. Lista kontrolna służy do odnotowywania wykonania, a tablica Kanban, do przesuwania zadań między etapami pracy.

Ustal przydatne poziomy przed porządkowaniem

Domyślne oznaczenia S–F są umowne, a nie obowiązkowe. Zmień je tak, aby pasowały do decyzji, na przykład Doskonałe / Dobre / Może / Pomiń, Pierwszy wybór / Rezerwa / Nieodpowiednie, albo zastosuj inną jednoznaczną skalę. Możesz użyć maksymalnie 12 poziomów.

Przed przenoszeniem elementów ustal kryterium. Ranking według „najlepszego stosunku jakości do ceny” może wyglądać zupełnie inaczej niż ranking według „najwyższej jakości”. Jeśli odbiorcy zobaczą tylko wyeksportowany obraz, precyzyjny tytuł i opisowe nazwy poziomów ułatwią zrozumienie wyniku.

Elementy na tym samym poziomie również można przestawiać. Użyj tej kolejności, jeśli układ od lewej do prawej ma wyrażać preferencję; w przeciwnym razie potraktuj wszystkie elementy w wierszu jako równorzędne.

Tekst i lokalne obrazy

Plansza przyjmuje łącznie do 100 elementów, w tym maksymalnie 60 obrazów. Elementy tekstowe dobrze sprawdzają się jako nazwy, opcje i pomysły. Obrazy są normalizowane w przeglądarce, aby różne wymiary źródłowe pasowały do przewidywalnych kafelków, a zbędne metadane nie trafiały do zapisanego projektu.

Obsługiwane formaty źródłowe to PNG, JPEG i WebP. Pojedynczy plik może mieć do 8 MiB, żaden bok nie może przekraczać 8192 pikseli, a zdekodowany obraz, 16 megapikseli. Zaakceptowane obrazy są w razie potrzeby zmniejszane lokalnie do maksymalnie 512 × 512 pikseli. Znormalizowane dane obrazów w projekcie są ograniczone do 32 MiB.

Zdalne adresy obrazów i przesyłanie SVG celowo nie są obsługiwane. Przyjmowanie wyłącznie zdekodowanych lokalnych obrazów rastrowych pozwala uniknąć niedostępnych zasobów zewnętrznych, błędów Canvas związanych z różnymi źródłami oraz aktywnej zawartości SVG/XML. Dokument OWASP File Upload Cheat Sheet zaleca jako wielowarstwową ochronę dopuszczanie tylko potrzebnych formatów, limity rozmiaru, sprawdzanie czegoś więcej niż deklarowany typ MIME i ponowne zapisywanie obrazów.

Przeciąganie nie jest konieczne

Przeciąganie i upuszczanie jest wygodne, ale nie stanowi jedynej metody porządkowania. Ustaw fokus na elemencie i użyj opcji przenoszenia albo uruchom tryb klawiaturowy klawiszem Enter lub Spacja. Strzałkami wybierz proponowany poziom i pozycję, Enterem lub Spacją potwierdź, a klawiszem Escape anuluj.

Dzięki temu edytor jest wygodny także w telefonie, gdzie precyzyjne przeciąganie bywa trudne. Wytyczne W3C dotyczące przeciągania w WCAG 2.2 wyjaśniają, dlaczego funkcja korzystająca z przeciągania potrzebuje prostszej alternatywy wskaźnikowej. Tutaj ten sam ruch wykonasz przez przeciąganie, klawiaturą oraz kliknięciem lub dotknięciem.

Co jest zapisywane w tej przeglądarce

Tytuł, poziomy, tekst elementów, dane obrazów i ranking pozostają w pamięci tej przeglądarki na tym urządzeniu. Nie są umieszczane w adresie strony ani wysyłane na serwer jako dane edytora. Lokalna kopia odzyskiwania korzysta z IndexedDB, więc zwykłe odświeżenie strony może przywrócić pracę.

Odzyskiwanie lokalne nie jest chmurą. Inna przeglądarka ani urządzenie nie zobaczą projektu, wyczyszczenie danych witryny go usunie, a osoba korzystająca z tego samego profilu przeglądarki może go ponownie otworzyć. Na współdzielonym urządzeniu użyj opcji Wyczyść projekt, a gdy potrzebujesz świadomej kopii zapasowej, wyeksportuj projekt JSON.

JSON, PNG i SVG służą do różnych celów

Import JSON jest sprawdzany przed zastąpieniem bieżącego projektu. Uszkodzony, nieobsługiwany lub zbyt duży plik nie zmieni otwartego projektu. Projekt JSON może mieć maksymalnie 48 MiB.

PNG jest rysowany bezpośrednio w przeglądarce ze znormalizowanych lokalnych obrazów. Pobieranie tworzy standardowa metoda przeglądarki canvas.toBlob(). Ponieważ nie są używane zdalne obrazy, Canvas nie zostaje skażony danymi z innego źródła i nadal można go wyeksportować.

SVG powstaje z niewielkiego, nieinteraktywnego zestawu kształtów, tekstu i elementów obrazu. Piksele elementów PNG, JPEG lub WebP są osadzane w SVG, ale nie są trasowane ani zamieniane na wektory. MDN opisuje, że element SVG <image> potrafi wyświetlać obrazy rastrowe. Eksport nie kopiuje dowolnego przesłanego SVG, skryptów, linków ani HTML.

Limity zapewniające niezawodny eksport

Dostępne szerokości eksportu to 800, 1200, 1600 i 2400 pikseli. PNG można wygenerować w skali 1× lub 2×, jeżeli wynikowa bitmapa ma nie więcej niż 8192 piksele na bok i 16 × 1024 × 1024 pikseli (około 16,8 megapiksela). Gdy eksport 2× przekroczyłby bezpieczny limit przeglądarki, narzędzie opisze problem zamiast po cichu zmniejszać planszę. Eksport SVG podlega tej samej granicy bezpieczeństwa projektu i pliku wynoszącej 48 MiB.

Elementy nieprzypisane są domyślnie pomijane na gotowym obrazie. Włącz Uwzględnij nieprzypisane, aby umieścić je w ostatnim neutralnym wierszu. Zawsze sprawdź podgląd: bardzo długi tytuł, duża liczba wierszy lub elementów może sprawić, że poprawna technicznie plansza będzie nieczytelna po udostępnieniu w małym rozmiarze.

Częste błędy na listach rankingowych

• Zmiana kryterium w połowie. Wpisz porównanie w tytule przed rozpoczęciem porządkowania.
• Niejasne nazwy poziomów. Nazwy takie jak „Może” i „Unikaj” przekazują więcej niż kolory bez objaśnienia.
• Traktowanie poziomu jak dokładnego wyniku. Elementy w jednym przedziale należą do tej samej kategorii; odległość od innego przedziału nie jest zmierzoną wartością.
• Zapominanie o nieprzypisanych. Elementy nieprzypisane nie trafiają automatycznie do gotowego eksportu.
• Udostępnianie tylko pliku projektu. JSON służy do ponownego otwarcia edytora; użyj PNG lub SVG, jeśli odbiorca ma jedynie zobaczyć wynik.