Zostaw swoją opinię:

Lekcja 8 - strona www.

Działacie standardowo:

Lekcja 7 - zrób se grę.

Działacie standardowo:

Zadanie domowe - na lekcję 8

Przygotuj się na stworzenie strony internetowej, która będzie konfiguratorem. Co to oznacza? Że osoba korzystająca z Twojej strony będzie mogła poskładać sobie z dostępnych kawałków coś. Na przykład: komputer, rower, kolację urodzinową, wycieczkę, samochód… Na końcu ma zobaczyć podsumowanie wyboru i cenę wybranego zestawu.

Lekcja 6 - Minecraft krok po kroku

Załóż nowy katalog (nazwij do sensownie), skonfiguruj RooCode. Model Gemini pro. Klucz do API: AIzaSyCg3HM4AfG4EzQ9Kr1XrqNYz2Zk1sqZgFI

Do stworzonego katalogu skopiuj plik architektury i planu działania:

Bazując na tych plikach stwórz prootyp aplikacji Minecraft. Prompt powinien wyglądać w stylu:

Chcialbym zbudowac grę wg definicji architecture.md oraz planu IMPLEMENTATION_PLAN.md. Czy mozemy przejsc do etapu pierwszego? 

Jak ktos dojdzie do etapu 5 to bedzie mial calkiem spoko wygladający ekran. Wtedy, żeby osiągnąć dobry efekt końcowych można ściągnąć i wdrożyć wytyczne z :

https://github.com/BK-C64/ai-edu-technikum/blob/main/project/lekcja_6/VISUAL_IMPROVEMENTS_PLAN.md

Powodzenia!

Wszystko co potrzebujesz do działania

Klucz do API AI na zajęcia 07.10.2025 . Konieczny, żeby projekt korzystał z dobrodziejstw sztucznej inteligencji:

AIzaSyCB_61P0qZNvBixNu_M173OZ0_djovVsvs

Tablica Miro. Tu znajdziesz wszystko to, o czym opowiadamy na zajęciach:

https://miro.com/app/board/uXjVJOUtSx0=/?share_link_id=332348183376

Repozytorium. Tu znajdziesz wszystko związane z projektem, od dokumentacji, po startowe pliki źródłowe:

https://github.com/BK-C64/ai-edu-technikum

Dysk Google. To miejsce, gdzie możesz wrzucić swoje zmodyfikowane pliki, żeby móc korzystać z nich w domu i bezpieczenie je odzyskać na kolejnych zajęciach. Każdy zespół ma swój katalog. Lista zespołów dostępna jest na Miro (link wyżej):

https://drive.google.com/drive/folders/1xQFTog8-R0WOm8fD_xiZzbCQAnVwNKa-?usp=sharing

Lekcja 5 - budowanie serwera

Na dzisiejszej lekcji przygotujemy backend do naszej aplikacji czatu (podobnej do Discord). Serwer jest już napisany - Twoim zadaniem jest nauczyć się go uruchamiać i testować.

Czego się nauczysz:

  • 🐍 Uruchamiać środowisko wirtualne Python (venv)

  • 📦 Instalować pakiety Python (pip install)

  • 🌐 Sprawdzać odpowiedzi serwera w konsoli

  • 💾 Odpytywać bazę danych SQLite

Nie musisz pisać kodu - skupiamy się na uruchomieniu i zrozumieniu jak działa backend!

1. Ściągnij kod serwera : https://github.com/BK-C64/ai-edu-technikum i zapisz go w miejscu, gdzie później go znajdziesz.

2. Uruchom konsolę:

Naciśnij Win + R, wpisz cmd. Sprawdź wersję pythona, wpisz na konsoli:

python --version

Najnowsza wersja to: 3.13.8, jeśli masz starszą zainstaluj nową: https://www.python.org/

Przejdź do folderu: cd ścieżka\do\projektu\project\lekcja_5\server

cd ścieżka\do\projektu\project\lekcja_5\server

3. Instalujemy biblioteki spisane w pliku requirements.txt w aktywowanym przed chwilą środowisku. Wpisz na konsoli:

pip install -r requirements.txt

4. Uruchamiamy serwer. Wpisz na konsoli:

python server.py

python server.py

7. Kończymy pracę serwera. Wpisz na konsoli:

Aby zakończyć pracę serwera wprowadź z klawiatury ctrl+ C. Aby zakończyć działanie środowiska wpisz:

deactivate

Zabawy z serwerem

0. Ponowne uruchomienie serwera:

Otwórz konsolę Win+ R, wpisz cmd. Uruchom serwer i zostaw go działającego w tle, będzie sobie czekał na zapytania - nasłuchiwał. Nie zamykaj okna konsoli.

cd ścieżka\do\projektu\project\lekcja_5\server venv\Scripts\activate.bat python server.py

1. Uruchom nowe okno konsoli. To z tego okna będziemy testować nasz serwer:

2. Testujemy serwer.

3. Sprawdzamy bazę danych:

5. Test komunikacji w czasie rzeczywistym (WebSocket)

Naciśnij Win + R, wpisz cmd

Sposób pierwszy: otwórz przegladarkę i wpisz: http://localhost:8000/

Sposób drugi: na konsoli wpisz:

Oto co robi ten skrypt, krok po kroku:

  1. Nawiązuje Połączenie WebSocket: W przeciwieństwie do testu (HTTP), ten skrypt łączy się ze specjalnym adresem ws://localhost:8000/ws, który wyświetlił się przy uruchomieniu serwera.

  2. Otwiera "linię telefoniczną": Najlepszą analogią jest to, że HTTP (Test 1) to wysłanie listu i czekanie na odpowiedź. Natomiast WebSocket (Test 3) to nawiązanie połączenia telefonicznego (lub przez krótkofalówkę). Linia jest otwarta, a obie strony mogą mówić i słuchać w tym samym czasie.

  3. Wysyła i Odbiera Dane (Prowadzi "Rozmowę"): Skrypt test_websocket_client.py automatycznie wysyła i odbiera wiadomości.

curl http://localhost:8000

cd ścieżka\do\projektu\project\lekcja_5/server python check_database.py

cd ścieżka\do\projektu\project\lekcja_5\server

venv\Scripts\activate.bat

python test_websocket_client.py

Instrukcja Modowania Sprzętu pod AI – Wersja dla Ciebie

Instrukcja Modowania Sprzętu pod AI

Hej! Wyobraź sobie, że członkiem ekipy, która tuninguje i moduje potężny sprzęt komputerowy, żeby stworzyć coś absolutnie unikalnego. Waszym celem jest zbudowanie maszyny, która potrafi gadać ze sztuczną inteligencją. Zaczynamy! 🚀


Po co nam te wszystkie części? (Opis sprzętu)

Zanim zaczniemy montaż, szybki przegląd tego, co instalujemy. Każdy element ma swoją rolę:

Visual Studio Code (VS Code) 🔧 – Wasz Garaż / Warsztat:

To jest wasza baza. Wasz spersonalizowany garaż, gdzie składacie całą maszynę. Możecie w nim poukładać narzędzia, jak chcecie, pomalować ściany (zmienić motyw kolorystyczny) i dołożyć wypasione oświetlenie. To tu będziecie trzymać schematy (pliki z kodem) i składać wszystkie części w całość, widząc dokładnie, co gdzie pasuje.

Python ⚙️ – Silnik i Podzespoły:

To są te wszystkie części, które zamawiacie, żeby złożyć najlepszy sprzęt: najnowszy procesor, potężna karta graficzna, szybki RAM. Python to zestaw konkretnych, mocnych komponentów, które dają waszej maszynie realną siłę do obliczeń i wykonywania zadań. Im lepiej znacie te "części", tym potężniejszą bestię jesteście w stanie zbudować.

Rozszerzenie Roo Code 🔌 – Niestandardowy Mod:

To jest ten mod, który totalnie zmienia zasady gry. Wyobraźcie sobie, że zamiast ręcznie lutować sto różnych kabli, żeby podłączyć eksperymentalny napęd kwantowy, dostajecie specjalny adapter, który załatwia sprawę jednym kliknięciem. Roo Code to właśnie taki "adapter" – pozwala wam podłączyć mózg AI do waszej maszyny bez żadnego bólu głowy. Czysta moc, zero nudnej roboty.

Klucz API do LLM'a ⚡️ – Kluczyk do Stacyjki:

Zbudowaliście najbardziej wypasiony komputer na świecie. Ma najlepszy procesor, grafikę, chłodzenie cieczą. Ale bez prądu jest tylko kupą drogiego złomu. Klucz API to właśnie wtyczka do prądu. To on łączy waszą maszynę z gigantycznym, zewnętrznym źródłem mocy – mózgiem AI. Bez tego klucza wasza maszyna nie "ożyje". To jest dosłownie klucz, który odpala cały ten potężny silnik.

1

Montujemy Silnik (Python)

⚙️ Czas ubrudzić sobie ręce

  1. Wejdź na stronę https://www.python.org/ i pobierz instalator
  2. Uruchom go. W pierwszym oknie, które zobaczysz, KONIECZNIE ZAZNACZ NA DOLE PTASZKIEM POLE "Add Python to PATH". Serio, to mega ważne, oszczędzi ci mnóstwo problemów
  3. Klikaj "Install Now" i gotowe. Pierwszy i najważniejszy komponent jest na miejscu

MEGA WAŻNE!

Zaznaczenie "Add Python to PATH" to kluczowy krok!

2

Przygotowujemy Warsztat (VS Code)

🔧 Twój garaż jest otwarty

  1. Wejdź na https://code.visualstudio.com/ i pobierz program
  2. Instalacja jest standardowa – po prostu zgódź się na wszystko i klikaj "Dalej". Twój garaż jest otwarty
3

Instalujemy Specjalny Mod (Roo Code)

🔌 Mod jest zainstalowany

  1. Otwórz VS Code
  2. Po lewej stronie jest pasek z ikonami. Znajdź tę, która wygląda jak cztery kwadraty/klocki LEGO (Extensions) i kliknij ją
  3. Na górze, w polu wyszukiwania, wpisz Roo Code
  4. Kliknij niebieski przycisk Install przy znalezionym rozszerzeniu. Mod jest zainstalowany
4

Podłączamy Zasilanie (Klucz API)

⚡️ To jest najważniejszy moment

To jest najważniejszy moment. Masz dwie opcje, żeby dostać prąd:

OPCJA A (Własny Generator – dla ambitnych)

Chcesz mieć własne, niezależne źródło mocy? Nie ma problemu

UWAGA: Ta ścieżka może wymagać podania danych karty płatniczej do weryfikacji konta Google (ale dostajesz duży darmowy limit, który spokojnie wystarczy). Jeśli nie masz 18 lat, zrób to z rodzicem.

  1. Wejdź na stronę Google AI Studio
  2. Zaloguj się i kliknij "Get API key", a potem "Create API key"
  3. Skopiuj ten długi ciąg znaków – to twój osobisty klucz. Trzymaj go w bezpiecznym miejscu!
  4. Wróć do VS Code, wejdź w Ustawienia (ikona zębatki w lewym dolnym rogu → Settings)
  5. Wyszukaj Roo Code, znajdź pole "Api Key" i wklej tam swój świeżo zdobyty klucz
5

Odpalamy Maszynę (Wielki Test)

🚀 Czas przekręcić kluczyk w stacyjce

Czy wszystko działa? Czas przekręcić kluczyk w stacyjce.

  1. W VS Code stwórz nowy plik (File → New File) i zapisz go jako test_bestii.py
  2. Wklej ten kod:
import roocode

# Zmień pytanie na cokolwiek chcesz!
odpowiedz = roocode.ask("Wymyśl nazwę dla drużyny e-sportowej z technikum we Wrocławiu.")

print("AI proponuje:")
print(odpowiedz)
  1. Kliknij ikonę Play (▶) w prawym górnym rogu ekranu
  2. Patrz na terminal na dole. Jeśli pojawiła się tam kreatywna odpowiedź – GRATULACJE! Twoja maszyna żyje i ma dostęp do nieskończonej mocy!

Właśnie to zrobiliście!

W waszym warsztacie (VS Code) złożyliście z najlepszych podzespołów (Python) potężną maszynę, użyliście specjalnego modu (Roo Code), a na końcu przekręciliście kluczyk w stacyjce (API), żeby podłączyć ją do gigantycznego źródła mocy (AI). Jesteście gotowi do działania! 🎉

!

Maszyna nie odpala?

Nie panikuj! Sprawdź to:

  • ! Sprawdź, czy klucz API jest dobrze wklejony (bez dodatkowych spacji)
  • ! Upewnij się, że Python został dodany do PATH (krok 1)
  • ! Sprawdź połączenie z internetem
  • ! Upewnij się, że rozszerzenie Roo Code zostało poprawnie zainstalowane

POTRZEBUJESZ POMOCY?

Skontaktuj się z nauczycielem lub sprawdź dokumentację Roo Code.