Internetowy atlas drzew

Praktyczny egzamin z kwalifikacji INF.03 „Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych” trwa 150 minut i łączy pracę z bazą MySQL, przygotowanie statycznej witryny oraz skrypty JavaScript po stronie klienta. Najpierw tworzona jest baza atlas_drzew w phpMyAdmin, importowane są dane z pliku atlasdrzew.sql, a poprawność importu dokumentuje zrzut ekranu import.png. Do przygotowania są cztery kwerendy SQL zapisane w pliku kwerendy.txt: lista gatunków iglastych posortowana według średniej długości życia, połączenie tabel drzewa i gatunki dla daty posadzenia 2008-06-06, zliczenie gatunków według rodzaju z aliasem „ilość” oraz wyszukanie drzew obserwowanych w Gdańsku, których nazwy kończą się literą „a”. Druga część pracy to strona lisciaste.html pod tytułem „Atlas drzew”, z semantycznym układem HTML5: nagłówek, panel boczny, nawigacja, część główna i stopka z numerem zdającego. W panelu bocznym znajdują się miniatury drzew, pole wyszukiwania i przycisk „Szukaj”, a grafika dab.jpg ma zostać przeskalowana do szerokości 300 px. Stylizacja w pliku styl.css definiuje między innymi tło nagłówka, układ bloków, cień sekcji głównej, przewijanie obrazów, wygląd menu, obramowania zdjęć oraz efekt hover. JavaScript korzysta z tablic nazw i opisów drzew: kliknięcie obrazu albo wyszukanie nazwy czyści blok główny i dynamicznie tworzy nagłówek h2 oraz paragraf z opisem. Egzaminator ocenia poprawność operacji bazodanowych, strukturę i wygląd witryny, działanie interakcji JavaScript, zgodność plików wynikowych oraz kompletność zrzutów ekranu i pliku przegladarka.txt.