CENTRALNA Arkusz zawiera informacje: KOMISJA Prawnie chronione do momentu EGZAMINACYJNA rozpeczecia egzaminu Nazwa kwalifikacji: Programowanie, tworzenie i administrowanie stronami internetowymi | bazami danych ‘Cznaczenie kwalifikacji: EE.09 Numer zadania: 04 ‘Wersja arkusza: SG Wypetnia zdajacy Migjsce na naklejke z numerem Numer PESEL zdajacego* PESEL iz kodem ofrodka Czas trwania egzaminu: 450 minut. EE.09-01.22.01-5G EGZAMIN POTWIERDZAJACY KWALIFIKACJE W ZAWODZIE Rok 2022 czes¢ PRAKTYCZNA Lae Ta iota Instrukeja dla zdajacego 4. Na pierwszej sironie arkusza egzaminacyjnego wpisz w oznaczonym miejscu swéj numer PESEL i naklej naklejke z numerem PESEL i z kodem ofrodka. 2. Na KARGIE OCENY w oznaczonym miejscu przyklej naklejke z numerem PESEL oraz wpisz: - sw6j numer PESEL", - numer stanowiska_ 3 Sprawd, czy arkusz egzaminacyjny zawiera 5 stron i nie zawiera biedéw. Ewentualny brak stron lub inne usterki zgtos przez podniesienie reki przewodniczacemu zespolu nadzorujacego. 4 Zapoznaj sig z treéciq zadania oraz stanowiskiem egzaminacyjnym. Masz na to 10 minut. Czas ten nie jest wliczany do czasu trwania egzaminu. § Czas rozpoczecia i zakoriczenia pracy zapisze w widocznym miejscu przewodniczacy zespolu nadzorujacego. & Wykonaj samodzielnie zadanie egzaminacyine. Przestrega) zasad bezpieczeristwa i organizacji 7. Po zakofezeniu wykonania zadania pozostaw arkusz egzaminacyjny z rezultatami oraz KARTE OCENY na swoim stanowisku lub w miejscu wskazanym przez przewodniczacego zespolu nadzorujacego. & Pouzyskaniu zgady zespolu nadzorujgcego mozesz opuscié: sale/miejsce przeprowadzania egzaminu. Powodzenia! * w pezypadku braku numeru PESEL — seria i numer paszpertu lub innego dokumentu potwierdzajacego tozsamosé LUntac geaticony (DCKE 2020Zadanie egzaminacyjne Wykonaj aplikacje intemetowg portalu kart wedkarskich wykorzystujac pakiet XAMPP oraz edytor zaznaczajacy sktadnig. ‘Aby wykonaé zadanie, zaloguj sig na konto Egzamin bez hasta. Na pulpicie znajdziesz archiwum ZIP © nazwie piikit.zip zabezpieczone hastem: K@RTY" Archiwum nalezy rozpakowaé. Nalezy utworzy¢ folder o nazwie odpowiadajacej numerowi PESEL zdajacego lub w przypadku jego braku innemu numerowi, ktérym zosial podpisany arkusz. Archiwum nalezy rezpakowaé do tege folderu. Waine! Wszystkie wykonane w czasie egzaminu pliki w tym zrzuty ekranu, pliki strony, styléw nalezy umiesci¢ w tym folderze. Operacje na bazie danych Baza danych jest zgodna ze struktura przedstawiona na Obrazie 1. Tabela Zawody_wedkarskie jest polgezona relacja z tabela Lowisko (opisuje lowisko, gdzie bed sig odbywaé zawody) oraz tabelq Karty_wedkarskie (opisuje wedkarza, ktéry wygral zawody). Tabela Lowisko zawiera pole rodzaj, ktérego wartosci oznaczaja: 1- morze, 2 — jezioro, 3 - rzeka, 4 —zalew, 5 - staw. wedkarskie + 7 aS ¥ Zawody_s Karty_wedkarskle Te EST Vid: INTEGER id: INTEGER % obwen: TEXT @ Karty_wedkarskie_id: INTEGER (Fk) @ imie: TEXT en ‘@ Lowisko_id: INTEGER (FK) > & nazwisko: TEXT @ wojewodstwo: TEXT 7 a rota TEER @ data_rawodow: DATE @ adres: TEXT ea: sede: TEXT @ data_zezwolenia: DATE @ punkty: INTEGER Obraz 1. Baza danych Uruchom uslugi MySQL i Apache za pomoca XAMPP Control Panel. Za pomoca narzedzia phpMyAdmin wykonaj podane operacje na bazie danych: — Utwérz baze danych @ nazwie wedkowanie — De bazy wedkowanie zaimportuj tabele z pliku baza.sql 2 rozpakowanego archiwum — Wykonaj zrzut ekranu po imporcie. Zrzut zapisz w folderze z numerem PESEL, lub w preypadku jego braku w folderze zinnym numerem, ktérym zostat podpisany arkusz, w formacie PNG i nazwij import. Nie kadruj zrzutu. Powinien on obejmowat caly ekran monitora, z widocanym paskiem zadan. Na zrzucie powinny byé widoczne elementy wskazujace na poprawnie wykonany import tabel — Zapisz i wykonaj zapytania SQL dziatajace na bazie wedkowanie. Zapytania zapisz w pliku kwerendy.txt, w folderze z numerem PESEL lub w przypadku jego braku w folderze z innym numerem, kt6rym zostat podpisany arkusz. Wykonaj zrzuty ekranu przedstawiajace wyniki dziaiania kwerend. Zrauty zapisz w formacie JPEG i nadaj im nazwy kw1, kw2, kw3, Awd. Zrzuty powinny obejmowaé caty ekran monitora z widocznym paskiem zadah. - Zapytanie 1: dodajace rekord do tabeli Karty wedkarskie dla Grzegorza Niemczyka, zamieszkatego pod adresem .Gdynia, Batorego 14/5", z data .2018-02-23"; wartos¢ punktow: 0. Baza powinna sama nada¢ wartos pola id dia tabeli = Zapytanie 2: wybierajgce jedynie pola imie i nazwisko z tabeli Karly_wedkarskie dia wedkarzy, dla ktérych liezba punktow jest wigksza niz 20 — Zapytanie 3: wybierajace jedynie pole akwen z tabell Lowisko dia iowisk, gdzie sedziq zawodéw jest Kreysztof Dobrowolski, nalezy u2yé relagji = Zapytanie 4: tworzace u2ytkownika anna na localhost z hasiem anna123 Strona 225Witryna internetowa ‘Obraz 2. Witryna internetowa Praygotowanie grafiki: — lik wedka.jog, wypakowany zarchiwum, nalezy przeskalowaé z zachowaniem proporgj tak, aby jego ‘wysokos¢ wynosita dokiadnie 220 px Cecny witryny: ‘Sktada sig ze strony 0 nazwie karta.htm/ oraz skryptu zapisz_php. Ponizsze wymagania dotyeza tylko pliku karta.himt = Zastosowany waéciwy standard kodowania polskich znakéw = Tytutstrony widoczny na karcie przegladarki: Karty wedkarskie” — Arkusz stylow w pliku o nazwie sfy!_1.css prawidtowo pataczony z kodem strony — Podziat strony na bioki: na gérze blok banera, ponizej blok gléwny, na dole trzy bloki: lewy, érodkowy ii prawy. Podzial zrealizowany za pomoca znacznikéw sekgji tak, aby po uruchomieniu w przegladarce ‘wyglad uktadu biokow by! zgodny z Obrazem 2 — Zawartosé bloku banera: nagiéwek drugiego stopnia o tresci .Zgtaszenie na karte wedkarsk” — Zawartosé bloku giéwnego: — Nagléwek czwartego stopnia o tresci: .Formularz - karta wedkarska’ — Formularz wysylajacy dane metodg POST do pliku zapisz.php zawierajacy pola — Pole edycyjne podpisane powyzej tekstem: .imig: ” — Pole edycyine podpisane pewyzej tekstem: .nazwisko: — Pole edycyjne podpisane powyze| tekstem: .adres: "; pole ma rozmiar 30 — Praycisk cayszczacy zawarlos¢ formularza z etykieta .CZYSC" = Praycisk wysytajacy zawartosé formularza z etykietg .ZAPISZ” = Zawartosé bloku lewego: = Nagiowek ezwartego stopnia 0 tresci: .Typy towisk™ — Lista punktowana (nieuparzadkewana) zawierajqca elementy: Zalewy, Stawy, Jeziora, Rzeki Strona 325Zawartosé bloku Srodkowego: obraz wedka.jog z tekstem alternatywnym o treéci: .karta wedkarska” ‘Zawartosé bloku prawego: — Akapit (paragraf) o tresci ,Strong przygotowal: ", dalej wstawiony numer PESEL zdajacego lub w przypadku jego braku inny numer, kiérym zostat podpisany arkusz = Odnoénik do strony .hitp:!www.kartawedkarska.pll” 0 tresci: Karta wedkarska” Styl CSS witryny internetowaj ‘Cechy formatowania CSS: ‘Sq zawarte wylgcznie w zewnetrznym arkuszu styiow Domygine dla calej strony: krdj ezcionki Georgia Dla bloku banera: kolor ta DodgerBlue, bialy kolor czcionki, marginesy wewnetrzne 10 px, wyréownanie tekstu do Srodka Dia bloku giéwnego: kolor tla LightBlue, marginesy wewnetrzne 100 px Dia bloku lewego: kolor ta DodgerBiue, biaty kolor czcionki, szerakoS¢ 20%, wysokosé 220 px Wspéine dla bloku érodkewega i bloku prawego: kolor ta DodgerBlue, biaty kolor ezcionki, szerakosé 40%, wysokoSé 220 px, wyrownanie tekstu do Srodka Dia znacznika odnosnika: obramowanie linia kreskowang © szerokesci 1 px i kolorze DimGray, kolor tla Gold, kolor czcionki DarkRed, marginesy wewnetrzne 10 px ‘Skrypt polgczenia z bazq W Tabeli 1 podano wybér funkgji PHP do obslugi bazy danych. Wymagania dotyczace skryptu: Napisany w jezyku PHP, w pliku zapisz. pho ‘Skrypt dziala na danych przestanych z formularza ‘Skrypt laczy sie z serwerem bazodanowym na Jocaihast, u2ytkownik root bez hasta, baza danych onazwie wedkowanie ‘Skrypt wysyla do bazy danych zmodyfikowane zapytanie 1, ktére w polach data_zezwolenia i punkly zawiera wartoSé NULL, pzostale wartoSci wypeinione sq danymi 2 formularza Na kaficu dziaiania skrypt zamyka potaczenie z serwerem, Tabela 1. Wybor funkeji jezyka PHP do obstugi bazy MySQL i MariaDB Funkcje bilioteki mysqli ‘Zwracana wartosé |mysali_conneci(senwer, u2ytkownik, hasio, _ id polaczenia lub FALSE, gdy niepowodzenie’ |nazwa_bazy) |mysqli_select_db(id_polaczenia, nazwa_bazy) |TRUE/FALSE w zaleanoéci od stanu operacji |mysqli_error(id_polaczenia) Tekst komunikatu biedu |mysqli_close(id_polaczenia) |TRUE/FALSE w zaleznoéci od stanu operacji |mysqii_query(id_polaczenia, zapyianie) |Wynik zapytania |mysqli_fetch_row(wynik_zapytania) |Tablica numeryezna odpowiadajaca wierszowi zapytania |mysqli_fetch_array(wynik_zapytania) | Tablica zawierajaca kolejny wiersz z podanych w wyniku |zapytania lub FALSE, je2eli nie ma wigce| wierszy Ww |wyniku zapytania |mysqli_num_rows(wynik_zapytania) Liczba wierszy w podanym zapytaniu |mysqli_num_fields(wynik_zapytania) Liczba kolumn w podanym zapytaniu Strona 4z5