# Egzamin zawodowy — zadanie PE > Źródło: matura.lol — https://matura.lol/question/e14-2015-wrzesien-egzamin-zawodowy-praktyczny/zad/PE > Wersja Markdown strony zadania (dla asystentów AI). Przy cytowaniu podaj matura.lol i link powyżej. - arkusz: Egzamin zawodowy E14 · wrzesień 2015 - rok: 2015 - typ: closed ## Treść Zadanie egzaminacyjne Utwórz witrynę internetową, bazę danych oraz grafiki. Wykorzystaj edytor tekstu kolorujący składnię lub/i edytor WYSIWYG, programy graficzne oraz program MS Access lub LibreOffice Base. Na stanowisku egzaminacyjnym znajduje się komputer z zainstalowanym systemem operacyjnym i oprogramowaniem, a także dokumentacja w postaci spisu zainstalowanego oprogramowania. Zaloguj się na konto egzamin z uprawnieniami administratora, bez hasła. Utwórz na pulpicie folder i nazwij go swoim numerem PESEL. Utwórz w nim podfoldery baza i grafika. Wymagania dotyczące bazy danych Utwórz bazę danych o nazwie matematycy (z odpowiednim dla wersji programu rozszerzeniem). Bazę danych zapisz w podfolderze baza. Baza danych powinna zawierać: 1. dwie tabele o nazwach: Matematycy i Publikacje. Każda z tabel powinna zawierać klucz podstawowy, ponadto: a) tabela Matematycy zawiera pola: imie, nazwisko, b) tabela Publikacje zawiera pola: tytul, rokWydania, idA utora; 2. relację opisującą zależność taką, aby można było każdemu z zapisanych w tabeli matematyków przypisywać wiele publikacji. Pole idA utora z tabeli Publikacje jest kluczem obcym tej relacji; 3. formularz z podformularzem do wprowadzania danych. Na karcie formularza powinno być możliwe wpisanie danych jednego matematyka wraz z jego publikacjami; Wprowadź dane do tabel na podstawie podanych niżej informacji: Carl Gauss Badania arytmetyczne, 1801 r. Stefan Banach Rachunek różniczkowy i całkowy, 1929 r. Teoria operacji, 1931 r. Wymagania dotyczące grafiki Utwórz zestaw dwóch grafik przedstawiających figury kwadratu i koła według następujących wymagań: 1. format plików PNG, pliki zapisane w podfolderze grafika, nazwy kwadrat.png oraz kolo.png, 2. wymiary obrazu 80 x 80 px, 3. kształt kwadratu powinien zajmować całą grafikę (długość boku 80 px), 4. kształt koła powinien zajmować całą grafikę (średnica 80 px), 5. kolor wypełnienia figur to dowolny odcień koloru brązowego, brak krawędzi, 6. tło grafiki koła jest przeźroczyste. Wymagania dotyczące struktury witryny internetowej Utwórz stronę internetową, a pliki źródłowe zapisz w folderze nazwanym Rysunek 1. Struktura witryny Twoim numerem PESEL. Utwórz strukturę strony internetowej według internetowej wymagań: 1. wyświetlanie polskich liter w oparciu o kodowanie UTF-8; I paver 2. wszystkie strony witryny mają układ zgodny z rysunkiem 1. i _ Składają się z banera, pod nim dwóch paneli: lewego oraz wy prawy prawego, a także ze stopki znajdującej się na dole witryny; 3. wzajemne położenie banera, paneli i stopki jest zorganizowane | r wa | przy wykorzystaniu bloków. Nie należy wykorzystywać do tego celu ramek ani tabel; 4. baner, panel lewy i stopka są stałe dla wszystkich podstron witryny; 5. w bloku banera znajduje się tekst FIGURY GEOMETRYCZNE I MATEMATYCY. Kliknięcie myszą na napis przenosi do strony głównej; 6. w lewym panelu znajdują się: Rysunek 2. Menu - nagłówek trzeciego stopnia o treści WYBIERZ FIGURĘ, w panelu lewym - listą numerowana z zagnieżdżoną listą nienumerowaną, której 1. eg treść przedstawia rysunek 2, po kliknięciu słowa KWADRAT . ze lub KOŁO następuje przejście do podstron, 2. KOŁO - _ odnośnik zapisany w nagłówku trzeciego stopnia o treści BAZA = obwód DANYCH, po jego kliknięciu pobierany jest plik bazy danych = pole matematycy; 7. w prawym panelu znajduje się treść strony głównej lub podstron; 8. stopka zawiera tekst Strona stworzona przez: PESEL. W miejsce PESEL wstaw swój numer PESEL. Rysunek 3. Wygląd witryny - strona główna (kursor na napisie KOŁO) FIGURY GEOMETRYCZNE | MATEMATYCY 0 FIGURY GEOMETRYCZNE Sp Koro w BE E © Utwórz oprawę graficzną strony. Wykorzystaj język CSS. Kod CSS umieść w osobnym pliku lub w części nagłówkowej każdego pliku HTML. Właściwości formatowania są następujące: 1. szerokość panelu lewego: 20%, 2. wysokość panelu lewego: 500 px, 3. szerokość panelu prawego: 80%, 4. tło elementów, czyli baner, panel lewy oraz stopka: kolor #63b03c, 5. - kolor czcionki banera, lewego panelu i stopki: biały (kolor odnośników również biały), 6. czcionka banera: krój Arial, rozmiar 300%, kapitaliki (small-caps), 7. wyrównanie tekstu banera i stopki: do środka, 8. lista nienumerowana: typ punktora - kwadrat (właściwość list-style-type). Wymagania dotyczące strony głównej i podstron Wygląd strony głównej przedstawia rysunek 3. Należy wykorzystać wcześniej stworzone grafiki. W panelu prawym strony głównej umieść: 1. tekst FIGURY GEOMETRYCZNE zapisany nagłówkiem pierwszego stopnia. Poniżej w jednym rzędzie wypisane słowa: KWADRAT, KOŁO; 2. po najechaniu kursorem myszki na dane słowo, w dowolnym miejscu panelu, pojawia się odpowiednia figura geometryczna. Figura znika, gdy kursor myszki przesuwa się poza dane słowo. Wygląd panelu prawego podstrony kwadrat jest zgodny z rysunkiem 4. Tekst KWADRAT powinien być zapisany nagłówkiem pierwszego stopnia. Rysunek 4. Prawy panel podstrony kwadrat KWADRAT Podaj długość boku: licz pole licz obwód Wciśnięcie dowolnego przycisku powoduje uruchomienie kodu JavaScript, który: 1. sprawdzi, czy pole do wprowadzania wartości jest puste lub wprowadzona wartość nie jest liczbą. Jeśli tak, wyświetli w okienku treść komunikatu Należy wpisać wartość liczbową. 2. w przeciwnym wypadku obliczy pole lub obwód, zależnie od wciśniętego przycisku. Zostanie wypisany tekst dla pola: Treść tekstu dla pola: P = a2 = (uwaga - 2 zapisane w indeksie górnym). Dla obwodu: Obw = 4a = W miejsce trzech kropek wstawiony jest wyliczony wynik. W panelu prawym podstrony koło umieść treść: Podstrona w trakcie budowy, krój pisma pochylony. Czas przeznaczony na wykonanie zadania wynosi 150 minut. Ocenie będzie podlegać 5 rezultatów: - baza danych, - grafiki dla witryny internetowej, - struktura witryny internetowej, - styl dla elementów strony, - strona główna i podstrony witryny. ## Odpowiedź **Odpowiedź (oficjalny klucz CKE):** Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E.14 Zad. 01 Kod arkusza: E.14-01-15.08 Lp. Rezultaty podlegające ocenie/kryteria oceny R.1 Rezultat 1: Baza danych R.1.1 W katalogu PESEL\baza istnieje plik o nazwie matematycy z odpowiednim dla programu bazy danych rozszerzeniem R.1.2 Istnieje tabela o nazwie Matematycy z kluczem podstawowym i polami: imie, nazwisko R.1.3 Istnieje tabela o nazwie Publikacje z kluczem podstawowym i polami: tytul, rokWydania, idAutora R.1.4 Istnieje relacja jeden do wielu łącząca tabele Matematycy i Publikacje , połączone są pola klucza podstawowego tabeli Matematycy (1) i idAutora tabeli Publikacje (wiele) R.1.5 Istnieje formularz z podformularzem do wprowadzania danych. Na karcie formularza powinno być możliwe wpisanie jednego matematyka wraz z jego publikacjami R.1.6 Wpisane zostały dane do tabeli Matematycy : Carl Gauss i Stefan Banach R.1.7 Dane w tabeli publikacje zostały wpisane z zachowaniem referencji R.2 Rezultat 2:Grafiki dla witryny internetowej R.2.1 Istnieją dwie grafiki przedstawiające kwadrat i koło. Format PNG, katalog PESEL\grafika, nazwy plików kwadrat.png, kolo.png R.2.2 Wypełniono figury na obu grafikach kolorem brązowym, bez krawędzi R.2.3 Grafice z kołem nadano tło przeźroczyste (widoczne jest np. w programie GIMP) R.2.4 Nadano grafikom rozmiar 80 x 80 px (± 2 px), kwadrat wypełnia całą przestrzeń grafiki, koło wpisane w ramy grafiki R.3 Rezultat 3: Struktura witryny internetowej R.3.1 Na każdej stronie prawidłowo wyświetlają się polskie znaki R.3.2 Zdefiniowano strukturę witryny za pomocą znaczników sekcji (np. div, section, footer, header) R.3.3 Nadano każdej podstronie układ postaci: baner na górze, poniżej dwa panele - lewy z menu i prawy z treścią strony, na dole stopka R.3.4 Na banerze znajduje się tekst FIGURY GEOMETRYCZNE I MATEMATYCY, kliknięcie tekstu na dowolnej podstronie, przenosi do strony głównej R.3.5 Panel lewy zawiera tekst: WYBIERZ FIGURĘ (w znaczniku h3), listę numerowaną z zagnieżdżoną listą punktowaną R.3.6 Na panelu lewym kliknięcie odnośnika KWADRAT powoduje przejście do podstrony kwadrat, kliknięcie odnośnika KOŁO do podstrony koło R.3.7 Na panelu lewym kliknięcie odnośnika BAZA DANYCH powoduje pobranie pliku z bazą danych R.3.8 Zdefiniowano w lewym panelu odnośnik BAZA DANYCH w znaczniku

R.3.9 W stopce znajduje się tekst Strona stworzona przez: PESEL (z numerem PESEL zdającego) R.4 Rezultat 4: Styl dla elementów strony R.4.1 Istnieją i są zastosowane style CSS dla każdego bloku div (dla nagłówka, obu paneli, stopki); znajdują się albo w osobnym pliku CSS albo w nagłówku każdej strony w znaczniku