Fabryka cukierków z zamówieniem koloru

Część praktyczna egzaminu z kwalifikacji E.14 „Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami” (formuła 2012, poprzedniczka INF.03) z sesji styczeń 2024 (zadanie 01) trwa 150 minut. Zadanie nie obejmuje bazy danych. W części graficznej zdjęcie cukierki1.jpg trzeba zapisać w odcieniach szarości, a cukierki3.jpg przeskalować do 600 na 450 px. Logotyp powstaje ze zdjęcia cukierki2.png: kadr obejmuje tylko czerwonego żelka, nad nim znajduje się napis „Cukierki” opisany na okręgu, pogrubiony, krojem Georgia lub Times New Roman, w kolorze fioletowym. Obraz ma przezroczyste tło, wysokość dokładnie 170 px i zapisuje się go jako logotyp w formacie z przezroczystością.

Witryna składa się ze stron index.html i zamowienie.html połączonych z arkuszem styl10.css. Obie mają dwa bloki górne (odnośnik „Zamów cukierki” i logotyp będący odnośnikiem do strony głównej), baner, bloki główne lewy i prawy oraz stopkę. W bloku prawym jest nagłówek „Nasza oferta” i tabela 2x2 ze scalonymi wierszami drugiej kolumny, zawierająca listę numerowaną kształtów cukierków. Strona główna pokazuje w bloku lewym zdjęcie cukierki3.jpg, a strona zamówienia - formularz z polem numeru kształtu, trzema polami składowych R, G, B, przyciskiem „Zamówienie”, akapitem na wynik i przyciskiem „Kolor”. Styl CSS ustala krój Helvetica, kolory tła w zapisie RGB, wymiary bloków, tło z obrazu cukierki1.jpg dla odnośnika, kreskowane zielone obramowanie tabeli oraz wygląd nagłówka pierwszego stopnia.

Skrypt JavaScript uruchamiany przyciskiem „Zamówienie” sprawdza numer kształtu i wypisuje w akapicie tekst „Twoje zamówienie to cukierek ” z nazwą kształtu (cytryna, liść, banan albo „inny”), a następnie zmienia kolor tła przycisku „Kolor” na barwę z podanych wartości RGB.

Ocenie podlegają: przygotowanie grafiki, zawartość witryny, jej działanie (odnośniki, pola edycyjne, wywołanie skryptu, połączenie z arkuszem stylów), styl CSS oraz skrypt.

Zadanie powtarza arkusz E.14-01-22.06-SG z sesji czerwiec 2022. Treść zadania jest ta sama, różnią się pojedyncze sformułowania arkusza i części kryteriów w kluczu oceniania tej sesji.