Egzamin INF.03 - Co było w 2024? Analiza Arkuszy i Gotowe Rozwiązania.

💻 INF.03 - Egzamin dla "Programistów"

INF.03 (dawne E.14) to tworzenie stron i aplikacji internetowych. W teorii brzmi fajnie, w praktyce - stresujesz się, bo zapomniałeś średnika w PHP i strona jest biała.

W 2024 roku arkusze skupiały się na: Prostych CMSach, walidacji JS i operacjach na bazie danych.

🔍 Analiza Arkuszy 2024

1. Bazy danych (Dominuje MySQL/MariaDB)

Zadania są schematyczne:

1. Zaimportować plik .sql do phpMyAdmin.
2. Stworzyć użytkownika bazy danych z ograniczonymi uprawnieniami (zazwyczaj tylko SELECT, INSERT, UPDATE).
3. Napisać kwerendy w pliku tekstowym (np. "Wybierz imiona kobiet kończące się na 'a'").

Pułapka: Często zapominacie o mysqli_close($conn) na końcu skryptu PHP. Egzaminatorzy to sprawdzają!

2. Frontend (HTML/CSS)

Układ strony jest zawsze taki sam:

• Nagłówek (baner).
• Dwie lub trzy kolumny (lewy/prawy panel).
• Stopka.

W 2024 roku Flexbox był najbezpieczniejszą opcją. Grid też jest ok, ale Flexbox łatwiej "naprawić" jak coś się rozjedzie. Pamiętaj o alt w obrazkach - to darmowe punkty za dostępność (WCAG).

3. Skrypty (PHP vs JS)

W arkuszach masz wybór lub narzucone rozwiązanie.

• PHP: Zazwyczaj pobieranie danych z bazy i wyświetlanie ich w tabeli/liście.
• JavaScript: Walidacja formularzy (czy pole nie jest puste, czy hasła są takie same).

💡 Pewniaki - Gotowce na Egzamin

Naucz się tych fragmentów na pamięć. Uratują Ci życie.

Połączenie z bazą (PHP)

$conn = mysqli_connect('localhost', 'root', '', 'nazwa_bazy');
if (!$conn) {
    echo "Błąd połączenia";
    exit();
}
// Pamiętaj o kodowaniu znaków!
mysqli_set_charset($conn, "utf8");

Proste zapytanie (PHP)

$sql = "SELECT imie, nazwisko FROM uczniowie WHERE klasa='2a'";
$result = mysqli_query($conn, $sql);
 
while($row = mysqli_fetch_array($result)) {
    echo $row['imie'] . " " . $row['nazwisko'] . "<br>";
}

Walidacja formularza (JS)

Sprawdź, czy pole nie jest puste, bez przeładowania strony.

function sprawdz() {
    let imie = document.getElementById('imie').value;
    if (imie == "") {
        alert("Wpisz imię!");
        return false;
    }
    return true;
}

🎨 Grafika komputerowa

Na INF.03 często musisz przyciąć grafikę w GIMP-ie.

• Skalowanie: Obraz ma mieć dokładnie 400x300px.
• Filtry: Czasem każą zmienić kolorystykę na szarość (Desaturacja) lub dodać rozmycie.
• Eksport: Zwróć uwagę na format (JPG vs PNG). PNG obsługuje przezroczystość, JPG jest lżejszy.

Na co uważać?

1. Szablon strony: Musi być zgodny z rysunkiem poglądowym w 100%. Jak kolumny są nierówne - tracisz punkty za "zgodność z projektem".
2. Polskie znaki: Jeśli na stronie są krzaki zamiast ą/ę, stracisz punkty. Ustaw charset="UTF-8" w HTML i utf8_polish_ci w bazie.

Podsumowanie

Kluczem do zdania INF.03 jest spokój i estetyka kodu. Kod nie musi być piękny "informatycznie", ma działać i wyglądać jak na obrazku. Powodzenia w czerwcu!