INF.03 w pigułce – co musisz wiedzieć:
- ✓
Nazwa kwalifikacji: Tworzenie i administrowanie stronami oraz aplikacjami internetowymi.
- ✓
Próg zdawalności: 50% z teorii (20 pytań) i 75% z praktyki (to tutaj odpada najwięcej osób!).
- ✓
Kluczowe technologie: HTML5, CSS3, JavaScript, PHP, SQL (MySQL/MariaDB).
- ✓
Środowisko: Zazwyczaj XAMPP na Windowsie.
Struktura egzaminu: Teoria vs Praktyka
Egzamin składa się z dwóch niezależnych części. Aby uzyskać dyplom technika, musisz zdać obie. Poniższa tabela przedstawia różnice:
| Cecha | Część Teoretyczna | Część Praktyczna |
|---|---|---|
| Czas trwania | 60 minut | 150 minut |
| Forma | Test wyboru (40 pytań) | Zadanie wykonane na komputerze |
| Wymagany wynik | 50% (20 pkt) | 75% (75 pkt z 100) |
| Zakres | Ogólna wiedza IT, sieci, grafika | Kodowanie strony + Baza danych + Grafika |
1. Frontend: HTML, CSS i JavaScript – Pewniaki
Na egzaminie zawsze otrzymujesz surowe pliki (teksty, grafiki). Twoim zadaniem jest zbudowanie struktury. Musisz znać na pamięć Flexboxa lub Grid, aby ułożyć layout (często 2 lub 3 kolumny). Jednak najwięcej punktów traci się na JavaScript.
Zadanie typu Must-Know: Prosta walidacja formularza w JS
function sprawdz() {
let haslo1 = document.getElementById('pass1').value;
let haslo2 = document.getElementById('pass2').value;
let wynik = document.getElementById('wynik');
if (haslo1 === "" || haslo2 === "") {
wynik.innerHTML = "Wypełnij oba pola!";
wynik.style.color = "red";
} else if (haslo1 === haslo2) {
wynik.innerHTML = "Hasła są zgodne";
wynik.style.color = "green";
} else {
wynik.innerHTML = "Hasła są różne";
}
}1.5. Layout idealny – CSS Grid w 5 minut
Większość arkuszy wymaga układu: Nagłówek, pod nim dwie kolumny (lewa i prawa), a na dole stopka. Zamiast męczyć się z float, użyj CSS Grid. Jest to standard akceptowany przez CKE i znacznie prostszy w debugowaniu.
Uniwersalny szablon CSS (Grid)
/* HTML: <header>, <main> (zawiera .lewy i .prawy), <footer> */
header, footer {
background-color: #333;
color: white;
text-align: center;
padding: 20px;
}
main {
display: grid;
/_ Podział: 30% lewa kolumna, 70% prawa _/
grid-template-columns: 30% 70%;
height: 500px; /_ Często wymagana wysokość _/
}
.lewy {
background-color: #ddd;
}
.prawy {
background-color: #eee;
}
/_ Responsywność (wymóg konieczny!) _/
@media (max-width: 600px) {
main {
grid-template-columns: 1fr; /_ Jedna kolumna na telefonie _/
}
}2. Backend: PHP i MySQL – Gdzie leżą punkty?
Połączenie z bazą danych to serce egzaminu INF.03. Musisz umieć napisać skrypt PHP, który połączy się z bazą, pobierze dane i wyświetli je w tabeli lub liście. Błąd w połączeniu często zeruje punkty za całą sekcję skryptową.
Szablon połączenia z bazą (mysqli)
<?php
// 1. Połączenie (serwer, user, hasło, baza)
$conn = mysqli_connect('localhost', 'root', '', 'egzamin');
mysqli_set_charset($conn, 'utf8'); // <--- TO JEST KLUCZOWE!
// 2. Sprawdzenie połączenia (opcjonalne, ale dobre)
if (!$conn) {
die("Błąd połączenia: " . mysqli_connect_error());
}
// 3. Zapytanie SQL
$sql = "SELECT nazwa, cena FROM produkty WHERE kategoria = 'Podzespoły'";
$result = mysqli_query($conn, $sql);
// 4. Wyświetlenie wyników w pętli
while ($row = mysqli_fetch_array($result)) {
echo "<p>Produkt: " . $row['nazwa'] . " - Cena: " . $row['cena'] . " zł</p>";
}
// 5. Zamknięcie połączenia (BARDZO WAŻNE)
mysqli_close($conn);
?>3. Bazy Danych – Czysty SQL i Relacje
PHP to tylko klej. Fundamentem jest baza danych. Na egzaminie musisz nie tylko zaimportować gotowy plik .sql, ale często stworzyć własne tabele i relacje między nimi. Najważniejszym pojęciem jest tutaj Klucz Obcy (Foreign Key).
Typowe zadania SQL w phpMyAdmin:
- ✓
Relacje 1:N: Np. Jeden autor ma wiele książek. Musisz umieć połączyć tabele
AutorzyiKsiazkiw zakładce 'Relacje' lub kodem SQL. - ✓
Zapytania (Kwerendy): Egzaminator ocenia zrzuty ekranu zapytań. Najczęściej pojawiają się:
SELECT ... WHERE ... LIKE 'A%'(zaczyna się na A) oraz funkcje liczące:COUNT,AVG,SUM. - ✓
Użytkownicy: Stworzenie użytkownika 'redaktor' z dostępem tylko do
SELECT. Robisz to w zakładce 'Uprawnienia'.
Zapytanie łączące tabele (INNER JOIN)
-- Wyświetl nazwę produktu i nazwę producenta
SELECT produkty.nazwa, producenci.nazwa
FROM produkty
INNER JOIN producenci
ON produkty.producent_id = producenci.id
WHERE produkty.cena > 50;4. Grafika: Wektory (Inkscape) vs Rastry (GIMP)
Grafika na INF.03 to nie tylko przycinanie zdjęć. Musisz rozróżniać dwa światy: grafikę rastrową i wektorową. W zadaniu będziesz miał podane, którego programu użyć, ale musisz znać teorię.
| Cecha | Rastrowa (GIMP/Photoshop) | Wektorowa (Inkscape/Illustrator) |
|---|---|---|
| Budowa | Siatka pikseli (traci jakość przy powiększaniu) | Krzywe matematyczne (idealna jakość zawsze) |
| Typowe zadanie | Korekcja barw, skalowanie zdjęcia, kadrowanie | Projekt logo, ikony, proste kształty geometryczne |
| Format zapisu | JPG (kompresja stratna), PNG (przezroczystość) | SVG (skalowalny wektor) |
| Teoria Koloru | RGB (do monitora) - to ustawiasz w pliku! | CMYK (do druku) - rzadziej, ale może się trafić |
Lista najczęstszych błędów (Checklista przed wyjściem z sali):
- Brak tagów ALT: Każdy obrazek musi mieć atrybut
alt. To darmowe punkty za dostępność. - Niezamknięte tagi PHP: Brak
?>na końcu pliku może (choć nie musi) powodować błędy. - Zła nazwa bazy: Upewnij się, że w
mysqli_connectwpisałeś dokładną nazwę bazy z polecenia. - Brak responsywności: Sprawdź, czy strona skaluje się przy zmianie szerokości okna (Media Queries).
Strategia Folderowa – Jak nie stracić punktów za bałagan?
- ✓
Folder Główny: Na pulpicie tworzysz folder o nazwie Twój NUMER PESEL (lub numer stanowiska, zależnie od instrukcji).
- ✓
Podfoldery: Wewnątrz głównego folderu stwórz osobne katalogi:
strona,grafika,baza. - ✓
Zrzuty Ekranu: To najważniejszy dowód Twojej pracy! Każdy zrzut (np. z kwerendy SQL) zapisuj jako
jpgw głównym folderze PESEL. Nie wklejaj ich do Worda, chyba że polecenie mówi inaczej. - ✓
Export: Na koniec exportuj bazę danych do pliku
.sqli zapisz w folderzebaza. Bez tego egzaminator nie sprawdzi, czy stworzyłeś tabele!
Najczęściej zadawane pytania (FAQ) - Egzamin INF.03
Odpowiedzi na pytania, które dostajemy od uczniów technikum.
Czy mogę korzystać z internetu na egzaminie?
Nie masz internetu, ale masz dokumentację offline! Zazwyczaj na pulpicie lub w folderze XAMPP znajduje się folder manual z dokumentacją PHP. Naucz się z niej korzystać (szukanie po Ctrl+F), żeby nie musieć kuć na pamięć kolejności parametrów w mysqli_query.
Co jeśli skrypt PHP nie działa?
Sprawdź, czy uruchomiłeś moduły Apache i MySQL w panelu XAMPP. To najczęstszy błąd stresowy – uczniowie piszą kod, ale zapominają włączyć serwer.
Czy muszę znać obiektowy PHP?
Na poziomie INF.03 zazwyczaj wystarcza programowanie proceduralne (mysqli_connect), które jest prostsze do nauczenia. Obiektowość jest mile widziana, ale nie jest konieczna do zdania na 100%.
🎯
Jak zdać za pierwszym razem?
Pamiętaj: Egzamin INF.03 jest bardzo schematyczny. Arkusze z lat 2021-2025 różnią się tylko danymi, a logika pozostaje ta sama.
Kluczem do sukcesu jest rozwiązanie minimum 5-10 arkuszy próbnych. Jeśli to zrobisz – zdasz.
Gubisz się w JavaScript lub PHP?
Nie ryzykuj poprawki. Przerobimy pewniaki egzaminacyjne razem.
Powodzenia!
Ten kod wydaje się trudny? 🤯
Na egzaminie nie ma czasu na zastanawianie się. Uczymy gotowych schematów w PHP i SQL, które działają zawsze. Zapisz się na darmową konsultację, a opiszemy Ci plan działania w 15 minut.
🚀 Umów konsultacjęAutor: PROkorepetycje
