Koszty farby i kalkulator puszek

Część praktyczna egzaminu z kwalifikacji E.14 „Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami” (formuła 2012, poprzedniczka INF.03) z sesji czerwiec 2020 (zadanie 01) trwa 150 minut. Bazę danych malarz zdający tworzy za pomocą wizualnych narzędzi phpMyAdmin. Tabela farby (id_farby, kolor, cena, pojemność) jest wypełniana ręcznie danymi z tabeli w arkuszu, a tabela malowanie, z kluczem podstawowym złożonym z id_pomieszczenia i id_sciany oraz kluczem obcym id_farby, otrzymuje dane zaimportowane z pliku malowanie.txt. Strukturę i zawartość obu tabel dokumentują zrzuty ekranu w formacie JPEG. Trzy kwerendy zapisane w pliku kwerendy.txt wybierają cenę niebieskiej farby, kolor wraz z ceną jednego litra obliczoną z pól cena i pojemnosc oraz nazwy kolorów farb użytych w pomieszczeniu 3 (połączenie dwóch tabel). Na koniec baza jest eksportowana do pliku malarz.sql.

Plik obraz.png trzeba przeskalować do 200 na 200 px i zapisać jako JPEG. Witryna składa się ze stron index.html, mieszamy.html i cena.html o wspólnym układzie: baner z nagłówkiem „Koszty farby” będącym odnośnikiem do strony głównej, obok siebie panel lewy z menu („Mieszamy”, „Wyceniamy”) i panel prawy, a pod nimi stopka z numerem PESEL. Strona główna pokazuje akapit i obraz z tekstem alternatywnym, a strona cena.html - pole edycyjne na powierzchnię i przycisk „Policz”. Arkusz styl.css określa kolory tła bloków, ich wysokości i szerokości (25% i 75%), wyśrodkowanie tekstu, krój Arial, rozmiary czcionek, marginesy wewnętrzne oraz marginesy obrazu.

Skrypt w JavaScript na stronie cena.html pobiera powierzchnię z pola edycyjnego i oblicza minimalną liczbę jednolitrowych puszek, przyjmując, że litr farby wystarcza na 4 m2, a wynik zaokrągla w górę do liczby całkowitej. Wynik pojawia się pod przyciskiem z ustalonym w arkuszu tekstem.

Ocenie podlegają operacje na bazie danych (tabele, dane, kwerendy, zrzuty i eksport), zawartość i wygląd witryny, jej działanie (układ bloków, odnośniki, wywołanie skryptu, połączenie z arkuszem stylów), styl CSS oraz skrypt obliczający liczbę puszek.