{"id":"ee09-2019-czerwiec-egzamin-zawodowy-praktyczny/zad/PE","paper_id":"ee09-2019-czerwiec-egzamin-zawodowy-praktyczny","number":"PE","points":null,"ptype":"open","subject":"ee09","category":"egzamin-zawodowy","year":2019,"month":"czerwiec","level":null,"text":"Zadanie egzaminacyjne\nWykonaj aplikację internetową portalu dla wędkarzy, wykorzystując pakiet XAMPP oraz edytor zaznaczający\nskładnię.\nAby wykonać zadanie, zaloguj się na konto Egzamin bez hasła. Na pulpicie znajdziesz archiwum ZIP\no nazwie pliki1.zip zabezpieczone hasłem: WedkoWaniE&\nArchiwum należy rozpakować.\nNa pulpicie konta Egzamin utwórz folder. Jako nazwy folderu użyj swojego numeru PESEL. Rozpakowane\npliki umieść w tym folderze. Po skończonej pracy wyniki zapisz w tym folderze.\nOperacje na bazie danych\nFragment bazy danych jest zgodny ze strukturą przedstawioną na obrazie 1. Tabela Okres_ochronny zawiera\ninformację w postaci liczbowej o miesiącach, w których ryba jest chroniona. Wartość 0 oznacza, że ryba nie\njest chroniona. Tabela Ryby zawiera pole styl_zycia przyjmujące wartość 1 dla drapieżników i wartość 2 dla\nryb spokojnego żeru. Tabela Lowisko zawiera pole rodzaj, którego wartości oznaczają: 1- morze, 2 - jezioro,\n3 - rzeka, 4 - zalew, 5 - staw. Tabela Ryby jest powiązana relacjami z tabelami Okres_ochronny oraz Lowisko.\nObraz 1. Baza danych\nUruchom usługi MySQL i Apache za pomocą XAMPP Control Panel. Za pomocą narzędzia phpMyAdmin\nwykonaj podane operacje na bazie danych:\n Utwórz bazę danych o nazwie wedkowanie\n Do bazy wedkowanie zaimportuj tabele z pliku baza.sql z rozpakowanego archiwum\n Wykonaj zrzut ekranu po imporcie. Zrzut zapisz w folderze z numerem PESEL, w formacie PNG\ni nazwij import. Nie kadruj zrzutu. Powinien on obejmować cały ekran monitora, z widocznym\npaskiem zadań. Na zrzucie powinny być widoczne elementy wskazujące na poprawnie wykonany\nimport tabel.\n Zapisz i wykonaj zapytania SQL działające na bazie wedkowanie. Zapytania zapisz w pliku\nkwerendy.txt, w folderze z numerem PESEL. Wykonaj zrzuty ekranu przedstawiające wyniki działania\nkwerend. Zrzuty zapisz w formacie JPG i nadaj im nazwy kw1, kw2, kw3, kw4. Zrzuty powinny\nobejmować cały ekran monitora z widocznym paskiem zadań.\n Zapytanie 1: wybierające jedynie pola nazwa i wystepowanie z tabeli Ryby dla ryb drapieżnych\n Zapytanie 2: wybierające jedynie pola Ryby_id oraz wymiar_ochronny z tabeli\nOkres_ochronny dla ryb, których wymiar ochronny jest mniejszy niż 50 cm\n Zapytanie 3: wybierające jedynie pole nazwa z tabeli Ryby oraz odpowiadające tej nazwie pola\nakwen i wojewodztwo z tabeli Lowisko dla łowisk, które są jeziorami. Zapytanie wykorzystuje\nrelację\n Zapytanie 4: dodające do tabeli Ryby kolumnę dobowy_limit typu numerycznego, całkowitego\nWitryna internetowa\nObraz 2. Witryna internetowa\nPrzygotowanie grafiki:\n Plik ryba1.jpg, wypakowany z archiwum, należy przeskalować z zachowaniem proporcji tak, aby jego\nszerokość wynosiła dokładnie 550 px\nCechy witryny:\n Składa się ze strony o nazwie wedkuj.php\n Zastosowany właściwy standard kodowania polskich znaków\n Tytuł strony widoczny na karcie przeglądarki: „Wędkujemy”\n Arkusz stylów w pliku o nazwie styl_1.css prawidłowo połączony z kodem strony\n Podział strony na bloki: na górze blok banera, poniżej dwa bloki: lewy i prawy, na dole blok stopki.\nPodział zrealizowany za pomocą znaczników sekcji tak, aby po uruchomieniu w przeglądarce wygląd\nukładu bloków był zgodny z obrazem 2\n Zawartość banera: nagłówek pierwszego stopnia o treści „Portal dla wędkarzy”\n Zawartość bloku lewego:\n Nagłówek drugiego stopnia o treści: „Ryby drapieżne naszych wód”\n Lista punktowa (nieuporządkowana) wypełniona przez skrypt\n Zawartość bloku prawego:\n Obraz ryba1.jpg z tekstem alternatywnym o treści: „Sum”\n W kolejnej linii odnośnik do pliku kwerendy.txt z treścią: „Pobierz kwerendy”\n Zawartość stopki: akapit (paragraf) o treści: „Stronę wykonał: ”, dalej wstawiony numer PESEL\nzdającego\nStyl CSS witryny internetowej\nCechy formatowania CSS, działające na stronie:\n Domyślne dla całej strony: krój czcionki Verdana\n Wspólne dla bloku banera i stopki: kolor tła #4682B4, biały kolor czcionki, marginesy wewnętrzne\n20 px, rozmiar czcionki 120%, wyrównanie tekstu do środka\n Dla bloku lewego: kolor tła #40E0D0, szerokość 40%, wysokość 500 px\n Dla bloku prawego: kolor tła #40E0D0, szerokość 60%, wysokość 500 px\n Dla znacznika obrazu: marginesy wewnętrzne 5 px, zewnętrzne 10 px, obramowanie 1 px, linią ciągłą\no kolorze #000080\nSkrypt połączenia z bazą\nW tabeli 1 podano wybór funkcji PHP do obsługi bazy danych. Wymagania dotyczące skryptu:\n Napisany w języku PHP\n Skrypt łączy się z serwerem bazodanowym na localhost, użytkownik root bez hasła, baza danych\no nazwie wedkowanie\n Skrypt wysyła do bazy danych zapytanie 1\n Każdy zwrócony zapytaniem wiersz jest wyświetlany w bloku lewym, w osobnym elemencie listy,\nwedług wzoru: , występowanie: , gdzie nawiasy <> oznaczają wartości\npobrane z bazy danych\n Na końcu działania skrypt zamyka połączenie z serwerem.\nTabela 1. Wybór funkcji języka PHP do obsługi bazy MySQLi i MariaDB\nFunkcje bilioteki mysqli\nZwracana wartość\nmysqli_connect(serwer, użytkownik, hasło, nazwa_bazy)\nid połączenia lub FALSE, gdy niepowodzenie\nmysqli_select_db(id_polaczenia, nazwa_bazy)\nTRUE/FALSE w zależności od stanu operacji\nmysqli_error(id_polaczenia)\nTekst komunikatu błędu\nmysqli_close(id_polaczenia)\nTRUE/FALSE w zależności od stanu operacji\nmysqli_query(id_polaczenia, zapytanie)\nWynik zapytania\nmysqli_fetch_row(wynik_zapytania)\nTablica numeryczna odpowiadająca wierszowi zapytania\nmysqli_fetch_array(wynik_zapytania)\nTablica zawierająca kolejny wiersz z podanych w wyniku zapytania\nlub FALSE, jeżeli nie ma więcej wierszy w wyniku zapytania\nmysqli_num_rows(wynik_zapytania)\nLiczba wierszy w podanym zapytaniu\nmysqli_num_fields(wynik_zapytania)\nLiczba kolumn w podanym zapytaniu\nUWAGA: po zakończeniu pracy utwórz plik tekstowy o nazwie przeglądarka.txt. Zapisz w nim nazwę\nprzeglądarki internetowej, w której weryfikowałeś poprawność działania witryny. Umieść go w folderze\nz numerem PESEL.\nNagraj płytę z rezultatami pracy. W folderze z numerem PESEL powinny znajdować się pliki: import.png,\nkw1.jpg, kw2.jpg, kw3.jpg, kw4.jpg, kwerendy.txt, przeglądarka.txt, ryba1.jpg, styl_1.css, wedkuj.php,\newentualnie inne przygotowane pliki. Po nagraniu płyty sprawdź poprawność jej odczytu. Opisz płytę swoim\nnumerem PESEL i pozostaw zapakowaną w pudełku na stanowisku wraz z arkuszem egzaminacyjnym.\nCzas przeznaczony na wykonanie zadania wynosi 150 minut.\nOcenie będzie podlegać 5 rezultatów:\n- operacje na bazie danych,\n- wygląd witryny internetowej,\n- działanie witryny internetowej,\n- styl CSS witryny internetowej,\n- skrypt połączenia z bazą.\nWypełnia zdający\nDo arkusza egzaminacyjnego dołączam płytę CD opisaną numerem PESEL\nktórej jakość nagrania została przeze mnie sprawdzona.\nWypełnia Przewodniczący ZN\nPotwierdzam, że do arkusza egzaminacyjnego dołączona jest płyta CD, opisana numerem PESEL zdającego.\nCzytelny podpis Przewodniczącego ZN\n,","answer":null,"answer_text":null,"solution":null,"image":"img/ee09-2019-czerwiec-egzamin-zawodowy-praktyczny/zad-PE.webp","solution_image":null,"topics":null,"page_from":2,"source":"ocr","answer_source":null,"answer_text_source":null,"solution_source":null,"text_source":"ocr","source_label":"Ee09 · Egzamin zawodowy · czerwiec 2019","subject_label":"ee09","category_label":"Egzamin zawodowy","text_html":"

Zadanie egzaminacyjne
Wykonaj aplikację internetową portalu dla wędkarzy, wykorzystując pakiet XAMPP oraz edytor zaznaczający
składnię.
Aby wykonać zadanie, zaloguj się na konto Egzamin bez hasła. Na pulpicie znajdziesz archiwum ZIP
o nazwie pliki1.zip zabezpieczone hasłem: WedkoWaniE&
Archiwum należy rozpakować.
Na pulpicie konta Egzamin utwórz folder. Jako nazwy folderu użyj swojego numeru PESEL. Rozpakowane
pliki umieść w tym folderze. Po skończonej pracy wyniki zapisz w tym folderze.
Operacje na bazie danych
Fragment bazy danych jest zgodny ze strukturą przedstawioną na obrazie 1. Tabela Okres_ochronny zawiera
informację w postaci liczbowej o miesiącach, w których ryba jest chroniona. Wartość 0 oznacza, że ryba nie
jest chroniona. Tabela Ryby zawiera pole styl_zycia przyjmujące wartość 1 dla drapieżników i wartość 2 dla
ryb spokojnego żeru. Tabela Lowisko zawiera pole rodzaj, którego wartości oznaczają: 1- morze, 2 - jezioro,
3 - rzeka, 4 - zalew, 5 - staw. Tabela Ryby jest powiązana relacjami z tabelami Okres_ochronny oraz Lowisko.
Obraz 1. Baza danych
Uruchom usługi MySQL i Apache za pomocą XAMPP Control Panel. Za pomocą narzędzia phpMyAdmin
wykonaj podane operacje na bazie danych:
 Utwórz bazę danych o nazwie wedkowanie
 Do bazy wedkowanie zaimportuj tabele z pliku baza.sql z rozpakowanego archiwum
 Wykonaj zrzut ekranu po imporcie. Zrzut zapisz w folderze z numerem PESEL, w formacie PNG
i nazwij import. Nie kadruj zrzutu. Powinien on obejmować cały ekran monitora, z widocznym
paskiem zadań. Na zrzucie powinny być widoczne elementy wskazujące na poprawnie wykonany
import tabel.
 Zapisz i wykonaj zapytania SQL działające na bazie wedkowanie. Zapytania zapisz w pliku
kwerendy.txt, w folderze z numerem PESEL. Wykonaj zrzuty ekranu przedstawiające wyniki działania
kwerend. Zrzuty zapisz w formacie JPG i nadaj im nazwy kw1, kw2, kw3, kw4. Zrzuty powinny
obejmować cały ekran monitora z widocznym paskiem zadań.
 Zapytanie 1: wybierające jedynie pola nazwa i wystepowanie z tabeli Ryby dla ryb drapieżnych
 Zapytanie 2: wybierające jedynie pola Ryby_id oraz wymiar_ochronny z tabeli
Okres_ochronny dla ryb, których wymiar ochronny jest mniejszy niż 50 cm
 Zapytanie 3: wybierające jedynie pole nazwa z tabeli Ryby oraz odpowiadające tej nazwie pola
akwen i wojewodztwo z tabeli Lowisko dla łowisk, które są jeziorami. Zapytanie wykorzystuje
relację
 Zapytanie 4: dodające do tabeli Ryby kolumnę dobowy_limit typu numerycznego, całkowitego
Witryna internetowa
Obraz 2. Witryna internetowa
Przygotowanie grafiki:
 Plik ryba1.jpg, wypakowany z archiwum, należy przeskalować z zachowaniem proporcji tak, aby jego
szerokość wynosiła dokładnie 550 px
Cechy witryny:
 Składa się ze strony o nazwie wedkuj.php
 Zastosowany właściwy standard kodowania polskich znaków
 Tytuł strony widoczny na karcie przeglądarki: „Wędkujemy”
 Arkusz stylów w pliku o nazwie styl_1.css prawidłowo połączony z kodem strony
 Podział strony na bloki: na górze blok banera, poniżej dwa bloki: lewy i prawy, na dole blok stopki.
Podział zrealizowany za pomocą znaczników sekcji tak, aby po uruchomieniu w przeglądarce wygląd
układu bloków był zgodny z obrazem 2
 Zawartość banera: nagłówek pierwszego stopnia o treści „Portal dla wędkarzy”
 Zawartość bloku lewego:
 Nagłówek drugiego stopnia o treści: „Ryby drapieżne naszych wód”
 Lista punktowa (nieuporządkowana) wypełniona przez skrypt
 Zawartość bloku prawego:
 Obraz ryba1.jpg z tekstem alternatywnym o treści: „Sum”
 W kolejnej linii odnośnik do pliku kwerendy.txt z treścią: „Pobierz kwerendy”
 Zawartość stopki: akapit (paragraf) o treści: „Stronę wykonał: ”, dalej wstawiony numer PESEL
zdającego
Styl CSS witryny internetowej
Cechy formatowania CSS, działające na stronie:
 Domyślne dla całej strony: krój czcionki Verdana
 Wspólne dla bloku banera i stopki: kolor tła #4682B4, biały kolor czcionki, marginesy wewnętrzne
20 px, rozmiar czcionki 120%, wyrównanie tekstu do środka
 Dla bloku lewego: kolor tła #40E0D0, szerokość 40%, wysokość 500 px
 Dla bloku prawego: kolor tła #40E0D0, szerokość 60%, wysokość 500 px
 Dla znacznika obrazu: marginesy wewnętrzne 5 px, zewnętrzne 10 px, obramowanie 1 px, linią ciągłą
o kolorze #000080
Skrypt połączenia z bazą
W tabeli 1 podano wybór funkcji PHP do obsługi bazy danych. Wymagania dotyczące skryptu:
 Napisany w języku PHP
 Skrypt łączy się z serwerem bazodanowym na localhost, użytkownik root bez hasła, baza danych
o nazwie wedkowanie
 Skrypt wysyła do bazy danych zapytanie 1
 Każdy zwrócony zapytaniem wiersz jest wyświetlany w bloku lewym, w osobnym elemencie listy,
według wzoru: <nazwa>, występowanie: <wystepowanie>, gdzie nawiasy <> oznaczają wartości
pobrane z bazy danych
 Na końcu działania skrypt zamyka połączenie z serwerem.
Tabela 1. Wybór funkcji języka PHP do obsługi bazy MySQLi i MariaDB
Funkcje bilioteki mysqli
Zwracana wartość
mysqli_connect(serwer, użytkownik, hasło, nazwa_bazy)
id połączenia lub FALSE, gdy niepowodzenie
mysqli_select_db(id_polaczenia, nazwa_bazy)
TRUE/FALSE w zależności od stanu operacji
mysqli_error(id_polaczenia)
Tekst komunikatu błędu
mysqli_close(id_polaczenia)
TRUE/FALSE w zależności od stanu operacji
mysqli_query(id_polaczenia, zapytanie)
Wynik zapytania
mysqli_fetch_row(wynik_zapytania)
Tablica numeryczna odpowiadająca wierszowi zapytania
mysqli_fetch_array(wynik_zapytania)
Tablica zawierająca kolejny wiersz z podanych w wyniku zapytania
lub FALSE, jeżeli nie ma więcej wierszy w wyniku zapytania
mysqli_num_rows(wynik_zapytania)
Liczba wierszy w podanym zapytaniu
mysqli_num_fields(wynik_zapytania)
Liczba kolumn w podanym zapytaniu
UWAGA: po zakończeniu pracy utwórz plik tekstowy o nazwie przeglądarka.txt. Zapisz w nim nazwę
przeglądarki internetowej, w której weryfikowałeś poprawność działania witryny. Umieść go w folderze
z numerem PESEL.
Nagraj płytę z rezultatami pracy. W folderze z numerem PESEL powinny znajdować się pliki: import.png,
kw1.jpg, kw2.jpg, kw3.jpg, kw4.jpg, kwerendy.txt, przeglądarka.txt, ryba1.jpg, styl_1.css, wedkuj.php,
ewentualnie inne przygotowane pliki. Po nagraniu płyty sprawdź poprawność jej odczytu. Opisz płytę swoim
numerem PESEL i pozostaw zapakowaną w pudełku na stanowisku wraz z arkuszem egzaminacyjnym.
Czas przeznaczony na wykonanie zadania wynosi 150 minut.
Ocenie będzie podlegać 5 rezultatów:

\n\n

Wypełnia zdający
Do arkusza egzaminacyjnego dołączam płytę CD opisaną numerem PESEL
której jakość nagrania została przeze mnie sprawdzona.
Wypełnia Przewodniczący ZN
Potwierdzam, że do arkusza egzaminacyjnego dołączona jest płyta CD, opisana numerem PESEL zdającego.
Czytelny podpis Przewodniczącego ZN
,

","solutions":[]}