Grywalizacja

Nauka programowania w Tutor IDE to nie tylko pisanie kodu — to także zdobywanie punktów doświadczenia, awansowanie na kolejne poziomy, zbieranie osiągnięć, granie w mini-gry edukacyjne, realizowanie codziennych zadań i rywalizacja z kolegami na tabeli liderów. System grywalizacji sprawia, że każda lekcja to przygoda!

Punkty doświadczenia (XP)

Za każdą aktywność na platformie uczeń zdobywa punkty doświadczenia (XP). Im więcej uczeń tworzy i się uczy, tym szybciej rośnie jego poziom.

Jak zdobywać XP?

Aktywność	Punkty XP
Utworzenie nowego projektu	50 XP
Ukończenie wyzwania (lekcji)	100 XP
Ukończenie CSS Battle	75 XP
CSS Battle — wynik 90%+	+50 XP bonus
CSS Battle — wynik 100%	+100 XP bonus
Rozmowa z asystentem AI	5 XP za wiadomość (dzienny limit)
Publikacja projektu w portfolio	25 XP
Mini-gra — łatwy poziom	15 XP
Mini-gra — średni poziom	30 XP
Mini-gra — trudny poziom	50 XP
Mini-gra — 3 gwiazdki (perfekcja)	+25 XP bonus

XP z mini-gier jest przyznawane tylko wtedy, gdy uczeń pobije swój dotychczasowy najlepszy wynik w danej grze i na danym poziomie trudności.

Poziomy

Punkty XP przekładają się na poziomy — od poziomu 1 do poziomu 50. Każdy kolejny poziom wymaga więcej punktów:

Poziom	Wymagane XP
Poziom 1	0 XP
Poziom 2	100 XP
Poziom 3	250 XP
Poziom 5	1 000 XP
Poziom 10	5 000 XP
Poziom 20	25 000 XP
Poziom 50	500 000 XP

Aktualny poziom i odznaka poziomu widoczne są na profilu ucznia oraz na tabeli liderów.

Serie (Streaks)

Codzienne logowanie buduje serię aktywności. Każdy kolejny dzień zwiększa licznik serii — wystarczy zalogować się i wykonać dowolną aktywność.

• Ikona ognia pokazuje aktualną serię
• System zapamiętuje także najdłuższą serię ucznia
• Utrzymanie serii przez kilka dni z rzędu odblokowuje specjalne osiągnięcia

Mini-gry edukacyjne

Na stronie /learn czekają 4 mini-gry edukacyjne, dzięki którym nauka HTML i CSS staje się jeszcze bardziej wciągająca. Każda gra ma 3 poziomy trudności i system gwiazdek — łącznie do zdobycia 36 gwiazdek!

Dostępne gry

Quiz Mistrza HTML

Wielokrotnego wyboru quiz sprawdzający wiedzę o HTML. Pytania dotyczą znaczników, atrybutów, struktury dokumentu i najlepszych praktyk. Każdy poziom trudności zawiera inne, coraz bardziej zaawansowane pytania.

Łowca Bugów

Gra, w której uczeń musi znaleźć i naprawić błędy w uszkodzonym kodzie. Otrzymujesz fragment kodu z celowo wprowadzonymi błędami — Twoim zadaniem jest zlokalizować je i poprawić. Im trudniejszy poziom, tym więcej błędów i bardziej podstępne pułapki.

Tag Builder

Buduj poprawne elementy HTML z części! Gra przedstawia zestaw komponentów (tagi otwierające, zamykające, atrybuty, treść) — a Ty musisz ułożyć je w prawidłowej kolejności. Doskonały sposób na naukę struktury elementów HTML.

Stylista CSS

Dopasuj style CSS do wizualnych celów. Gra pokazuje docelowy wygląd elementu — a Ty musisz napisać odpowiednie reguły CSS, aby odtworzyć ten wygląd. Ćwiczysz kolory, marginesy, padding, czcionki i inne właściwości CSS.

Poziomy trudności

Każda gra ma 3 poziomy trudności, które odblokowują się progresywnie:

Poziom	Kolor	Warunek odblokowania
Łatwy	Zielony	Odblokowany od razu
Średni	Pomarańczowy	Wymagana co najmniej 1 gwiazdka na poziomie Łatwym
Trudny	Czerwony	Wymagana co najmniej 1 gwiazdka na poziomie Średnim

System gwiazdek

Po ukończeniu gry uczeń otrzymuje od 0 do 3 gwiazdek w zależności od wyniku:

Gwiazdki	Wynik
0 gwiazdek	poniżej 50%
1 gwiazdka	50% — 79%
2 gwiazdki	80% — 94%
3 gwiazdki	95% — 100%

XP z mini-gier

Poziom trudności	XP
Łatwy	15 XP
Średni	30 XP
Trudny	50 XP
Bonus za 3 gwiazdki (perfekcja)	+25 XP

XP jest przyznawane tylko wtedy, gdy uczeń pobije swój dotychczasowy najlepszy wynik. Wielokrotne granie na tym samym poziomie nie daje dodatkowego XP, chyba że uczeń uzyska lepszy wynik niż wcześniej.

Śledzenie postępów

• Gwiazdki i najlepsze wyniki są zapisywane osobno dla każdej gry i każdego poziomu trudności
• Na stronie z listą gier widać pasek postępu pokazujący łączną liczbę zdobytych gwiazdek (X/36)
• Każda karta gry wyświetla wskaźniki gwiazdek dla poszczególnych poziomów trudności

Łącznie: 4 gry x 3 poziomy trudności = 12 trybów gry, do zdobycia 36 gwiazdek.

Codzienne zadania (Daily Quests)

Codzienne zadania to cele na poziomie organizacji, które odświeżają się każdego dnia. Dają dodatkową motywację, by wracać do platformy regularnie i realizować krótkie cele.

Przykłady codziennych zadań

• Ukończ lekcję
• Napisz X linii kodu
• Zdobądź X punktów XP
• Utrzymaj serię logowania
• Utwórz nowy projekt

Jak działają?

• Zadania odświeżają się codziennie
• Nauczyciel konfiguruje, które zadania są aktywne dla swojej organizacji
• Po spełnieniu warunku zadanie zostaje oznaczone jako ukończone
• Realizowanie codziennych zadań pomaga budować nawyk regularnej nauki

Panel rodzica

Rodzice mogą śledzić postępy swojego dziecka dzięki bezpiecznemu linkowi opartemu na tokenie — bez konieczności zakładania konta.

Jak to działa?

1. Uczeń generuje link zaproszeniowy ze swojego panelu (Dashboard)
2. Uczeń udostępnia link rodzicowi
3. Rodzic otwiera link w przeglądarce — nie potrzebuje logowania ani konta
4. Rodzic widzi postępy dziecka w bezpiecznym panelu podglądu

Co widzi rodzic?

• Aktualne XP i poziom
• Seria aktywności (streak)
• Lista projektów
• Zdobyte osiągnięcia
• Ogólne statystyki postępów

Zarządzanie linkami

• Uczeń może wygenerować wiele linków dla różnych rodziców/opiekunów
• Każdy link można odwołać (unieważnić) w dowolnym momencie
• Linki są unikalne i bezpieczne — dostęp ma tylko osoba znająca link

Osiągnięcia

Na platformie czeka 44 osiągnięcia w 10 kategoriach. Każde osiągnięcie odblokowuje się automatycznie po spełnieniu warunku, a uczeń otrzymuje powiadomienie na ekranie. Każde osiągnięcie posiada własną, unikalną odznakę (badge) wygenerowaną przez AI.

Projekty (5)

• Pierwszy projekt (first-project) — utwórz swój pierwszy projekt
• Budowniczy (builder) — utwórz 5 projektów
• Architekt (architect) — utwórz 10 projektów
• Fabryka kodu (code-factory) — utwórz 25 projektów
• Maszyna do kodu (code-machine) — utwórz 50 projektów

Wyzwania (5)

• Pierwsze wyzwanie (first-challenge) — ukończ swoje pierwsze wyzwanie
• Rozwiązywacz problemów (problem-solver) — ukończ 5 wyzwań
• Mistrz wyzwań (challenge-master) — ukończ 10 wyzwań
• Czempion wyzwań (challenge-champion) — ukończ 25 wyzwań
• Legenda lekcji (lesson-legend) — ukończ 50 wyzwań

CSS Battle (5)

• Pixel Perfect (pixel-perfect) — uzyskaj 100% w CSS Battle
• Snajper pikseli (pixel-sniper) — uzyskaj 100% w 3 zadaniach CSS Battle
• Maszyna pikseli (pixel-machine) — uzyskaj 100% w 5 zadaniach CSS Battle
• Wojownik CSS (css-warrior) — ukończ 5 zadań CSS Battle
• Legenda CSS (css-legend) — ukończ 10 zadań CSS Battle

Serie (5)

• Na fali (on-fire) — utrzymaj serię 3 dni z rzędu
• Zaangażowany (dedicated) — utrzymaj serię 7 dni z rzędu
• Nie do zatrzymania (unstoppable) — utrzymaj serię 14 dni z rzędu
• Miesiąc kodu (month-of-code) — utrzymaj serię 30 dni z rzędu
• Maraton kodu (code-marathon) — utrzymaj serię 60 dni z rzędu

Asystent AI (4)

• Pierwszy czat (first-chat) — rozpocznij rozmowę z asystentem AI
• Ciekawski umysł (curious-mind) — wyślij 50 wiadomości do asystenta AI
• Odkrywca AI (ai-explorer) — wyślij 200 wiadomości do asystenta AI
• Mistrz AI (ai-mastermind) — wyślij 500 wiadomości do asystenta AI

Social / Publikacje (3)

• Opublikowane! (published) — opublikuj swój pierwszy projekt
• Pokaz talentów (showcase) — opublikuj 5 projektów
• Portfolio Pro (portfolio-pro) — opublikuj 10 projektów

Poziomy (5)

• Wschodząca gwiazda (rising-star) — osiągnij poziom 5
• Robi się poważnie (getting-serious) — osiągnij poziom 10
• Połowa drogi (halfway-there) — osiągnij poziom 25
• Elitarny koder (elite-coder) — osiągnij poziom 40
• Maksymalny poziom (max-level) — osiągnij poziom 50

Tabela liderów (3)

• Top 3 (top-3) — znajdź się w pierwszej trójce w tabeli liderów
• Numer jeden (number-one) — zajmij 1. miejsce w tabeli liderów
• Lider serii (streak-leader) — miej najdłuższą serię w organizacji

Gry (7)

• Początkujący gracz (game-starter) — ukończ swoją pierwszą mini-grę
• Mistrz gier (game-master) — zdobądź 3 gwiazdki w 10 grach
• Pogromca żółwia (turtle-tamer) — ukończ wszystkie poziomy trudności w grze Turtle
• Czarodziej kolorów (color-wizard) — uzyskaj perfekcyjny wynik w grze z kolorami
• Ninja Flexboxa (flexbox-ninja) — opanuj wszystkie wyzwania Flexbox
• Demon prędkości (speed-demon) — ukończ grę w rekordowym czasie
• Pogromca bugów (bug-exterminator) — znajdź i napraw 50 błędów w Łowcy Bugów

Specjalne (2)

• Witaj! (welcome) — zaloguj się po raz pierwszy
• Early Adopter (early-adopter) — sekretne osiągnięcie dla pierwszych użytkowników

Tabela liderów

Uczniowie mogą porównywać swoje wyniki z kolegami z organizacji na tabeli liderów.

Jak działa ranking?

• Ranking obejmuje wszystkich uczniów w danej organizacji (szkole lub grupie)
• Uczniowie sortowani są według liczby zdobytych punktów XP
• Trzy pierwsze miejsca wyróżnione są medalami: złoty, srebrny i brązowy
• Pozycja aktualnego ucznia jest zawsze podświetlona, nawet jeśli jest daleko w rankingu

Filtry czasowe

Tabelę liderów można filtrować według okresu:

• Ten tydzień — kto zdobył najwięcej XP w tym tygodniu
• Ten miesiąc — ranking miesięczny
• Od początku — łączny ranking od założenia konta

Dzięki filtrom nawet nowi uczniowie mają szansę znaleźć się na podium w rankingu tygodniowym.