chronione do momentu rozpoczgcia egcaminu KOMISJA Arkusz zawiera informacje prawnie | Ubladgrafieny © CKE 2016 CENTRALNA EE EGZAMINACYJNA Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami Oznaczenie kwalifikacji: E14 Numer zadania: 03 Miejsce na naklejke z numerem Wypetnia zdajacy PESEL iz kodem ofrodka Numer PESEL zdajqcego* E.14-03-17.01 Czas trwania egzaminu: 150 minut EGZAMIN POTWIERDZAJACY KWALIFIKACJE W ZAWODZIE __ Rok 2017 CZESC PRAKTYCZNA Instrukeja dla zdajacego 1. Na pierwszej stronie arkusza egzaminacyjnego wpisz w oznaczonym miejscu sw6j numer PESEL i naklej naklejkg z numerem PESEL i z kodem osrodka. 2. NaKARCIE OCENY w oznaczonym miejseu przyklej naklejke z numerem PE: = sw6j numer PESEL*, — omaczenie kwalifikacji, — numer zadania, = numer stanowiska 3. KARTE OCENY przekaz zespolowi nadzorujgcemu. 4. Sprawdd, ezy arkusz egzaminacyjny zawiera 5 stron i nie zawiera bledéw. Ewentualny brak stron lub inne usterki zglos przez podniesienie rgki przewodniczacemu zespolu nadzorujacego. 5. Zapoznaj sig z tresciq zadania oraz stanowiskiem egzaminacynym. Masz na to 10 minut. Czas ten nic jest wliczany do czasu trwania egzaminu, 6. Czas rozpoezgcia i zakofiezenia pracy zapisze w widocznym miejscu przewodniczacy zespotu nadzorujgcego. 7. Wykonaj samodzielnie zadanie egzaminacyjne, Praestrzegaj zasad bezpieczenstwa i organizacji pracy. 8. Jezeli w zadaniu egzaminacyjnym wystepuje polecenie zgloS gotowosé do oceny przez podniesienie reki”, to zastosuj sig do polecenia i poczekaj na decyzjg przewodniczacego zespotu nadzorujacego. 9. Po zakonczeniu wykonania zadania pozostaw rezultaty oraz arkusz egzaminacyjny na swoim stanowisku lub w miejscu wskazanym przez przewodniczacego zespolu nadzorujgcego. 10, Po uzyskaniu zgody zespotu nadzorujacego mozesz opuscié salg/miejsce przeprowadzania egzaminu. 31 oraz. wpisz: Powodzenia! * w preypadku braku numeru PESEL ~ seria i numer paszportu lub innego dokumentu potwierdzajqcego tozsamoséZadanie egzaminacyjne Wykonaj aplikacjg internetowg realizujqcq formularz rejestracyjny dla sklepu internetowego. Wykorzystaj pakiet XAMPP jako Srodowisko bazodanowo-aplikacyjne. Strong intermetowg zbuduj przy wykorzystaniu edytora zaznaczajacego sktadnig lub edytora WYSIWYG. Aby wykonaé zadanie, zaloguj sig na konto Egzamin bez hasta, Na pulpicie znajdziesz archiwum ZIP o nazwie bazazip zabezpieczone hastem: formul4rz! Plik nalezy rozpakowaé. Wyniki swojej pracy zapisz. w folderze stworzonym na pulpicie konta Egzamin, Jako nazwy folderu uzyj swojego numeru PESEL. Rozpakowany plik umies¢ w tym folderze Operacje na bazie danych Baza danych zgodna jest ze strukturg przedstawiong na rysunku 1, Tabele sq ze soba polgezone za pomoca, Kluezy gléwnych rel it 1 do 1. Nalezy zatozyé, ze hasta sq przechowywane w sposdb nieszyfrowany. [Uzytkownicy 1 Konta ¥ @ id: INTEGER 1 2 id: INTEGER (@ imie: TEXT (@ login: TEXT © nazwisko: TEXT © (@ haslo: TEXT © adres: TEXT @ telefon: TEXT Rysunek |, Struktura bazy danych Wybierz program XAMPP Control Panel i uruchom ustugi MySQL i Apache, przejd do narzedzia phpMyAdmin, Nastepnie wykonaj operacje na bazie danych: — utwérz nowg baze danych o nazwie Sklep — do bazy Sklep zaimportuj tabele z pliku baza.sql z wezeSniej rozpakowanego archiwum — wykonaj zrzut ekranu po imporcie. Zrzut zapisz. w folderze z Twoim numerem PESEL w formacie PNG i nazwij bacaSklep png Na zrzucie powinny byé widoczne elementy wskazujqce na poprawnie wykonany import bazy = stworz nastepujace zapytania SQL do bazy Sklep i sprawdz poprawnos¢ ich dziatania: zapytanie 1: wstawiajace do tabeli Uzytkownicy rekord z danymi: imig: Jan; nazwisko: Nowak; adres: Warszawa, Kopernika 4; telefon: 608111222 zapytanie 2: wstawiajace do tabeli Konta rekord z danymi: login: janNowak; hasto: qwerty zapytanie 3: wybierajace jedynie imig i nazwisko ze wszystkich rekordéw tabeli Uzytkownicy zapytanie 4: wybierajqce jedynie adres z tabeli Uzytkownicy, dla ktérego pole id jest rowne 1 — poprawnie dziatajace zapytania zapisz w folderze z Twoim numerem PESEL, w pliku kwerendy.tet. Zapytania ponumeryj, stosujgc format zapisu: ,zapytanie 1: ... tresé zapytania Strona 225Witryna internetowa Rysunek 2. Witryna internetowa, strony sklep.htm! oraz formularz. php Przygotowanie pliku pomocniezego: utworz plik tekstowy 0 nazwie regulamin.tet i umiesé go w folderze 2 Twoim numerem PESEL. ‘Wewnatrz pliku zapisz tekst ,Regulamin sklepu muzyeznego” Cechy witryny: dwa pliki: sklep.htm! oraz. formularz php cechy wspélne dla obu stron witryny: — zastosowany standard kodowania polskich znakéw — tytut strony, widoczny na kareie przegladarki: Sklep muzyezny” — arkusz styléw w pliku o nazwie muzykacss prawidlowo polgczony z kodem strony — podzial strony na bloki: baner, panel lewy, panel prawy zrealizowany za pomoca znacznikow sekeji zgodnie z rysunkiem 2 — zawartoSé banera: naglowek pierwszego stopnia o tresei: ,SKLEP MUZYCZNY” — zawartosé panelu lewego: — nagléwek drugiego stopnia o tresci: ,NASZA OFERTA” — lista numerowana z elementami: Instrumenty muzyczne, Sprzet audio, Plyty CD cechy panelu prawego tylko dla pliku sklep.hitm!: Sci: FORMULARZ REJESTRACYINY” — formularz powigzany z plikiem formularz. php metoda post — wyglad formularza jest zgodny z rysunkiem 2, zawiera on pola: — pogrubiony tekst paragrafu (akapitu) o tresci ,Dane osobowe” — pola tekstowe poprzedzone etykietami: ,,Imig:”, ,Nazwisko:”, ,Adres:”, ,,Telefon:”. — nagtowek drugiego stopnia o tre — linia horyzontalna — pogrubiony tekst paragrafi o treéci ,.Dane logowania” — pole tekstowe poprzedzone etykieta ,Login:” = pole typu haslo poprzedzone etykiety ,Hasto:”. W ezasie wpisywania tekstu przegladarka wySwietla znaki kropki — pole typu checkbox domySInie zaznaczone oraz tekst ,Akceptujg regulamin sklepu” — slowo ,regulamin” jest odnosnikiem i prowadzi do pliku regulamin.txt. Odnosnik otwiera sig ww osobnym oknie przegladarki Strona 3.25= dwa przyciski: do czys: ia formularza z tresciq ,WYCZYSC” oraz wystania formularza ‘STRUP ztrescig , RI — cechy panelu prawego tylko dla pliku formularz.php — efekt dziatania skryptu PHP Styl CSS witryny internetowej Plik muzykacss zawiera formatowanie dla: — banera: kolor tla #812F8D, bialy kolor ezcionki, rozmiar ezcionki 200%, wyréwnanie do Srodka, marginesy wewnetrzne 10 px — panelu lewego: kolor tla #BB74C4, bialy kolor ezcionki, szerokosé 25%, wysokosé panelu zajmuje cate okno przegladarki i dostosowuje sig do wysokoéci okna przegladarki — panelu prawego: szerokos¢ 75% = macznika h2: wyréwnanie tekstu do srodka — znacznika formularza: margines zewngtrzny 20 px Niewymienione wlasciwosci obicktéw przybierajq wartosci domysine Skrypt polgezenia z bazq W tabeli 1 podano wybér funkeji PHP do obstugi bazy danych. Skrypt napisany w jezyku PHP oraz uruchamiany za pomoca przycisku REJESTRUJ formularza, wykonuje nastepujace czynnosci: — pobiera dane formularza za pomoca metody POST — wyswietla w panelu prawym tekst o tresci , Konto zostalo zarejestrowane w sklepie muzyeznym”, gdzie pola zapisane w nawiasach <> sq pobierane z formulatza, patrz rysunek 2 — lgezy sig z serwerem bazy danych na localhost, uzytkownik root bez hasta, baza danych o nazwie Sklep — wysyla do bazy zapytanie wstawiajace do tabeli Uzytkownicy rekord danych pobranych z. formularza: imig, nazwisko, adres oraz telefon — wysyla do bazy zapytanie wstawiajgce do tabeli Konta rekord danych pobranych z formularza: login oraz hasto — zamyka polgezenie z serwerem bazy UWAGA! Dla uproszczenia zadania nie jest wymagana kontrola kluczy gléwnych tak, aby spetniona byla relacja Igczqca wstawiane rekordy. Strona 4.25Tabela 1. Wybér funkeji jezyka PHP do obstugi bazy MySQL i MariaDB Funkcje biblioteki mysql Funkeje bilioteki mysqli Zwracana wartosé mysq|_connect(serwer, uéytkownik, hasto) mysqli_connect (serwer, uzytkownik, hasto, nazwa_bazy) id potaczenia lub FALSE, gdy niepowodzenie mysq|_select_db (‘nazwa_bazy’ [,id_polaczenia}) mysqli_select_db (id_polaczenia, Inazwa_bazy) TRUE/FALSE w zaleznosci od stanu operacji ‘mysql_error(lid_polaczenial) mysqli_error (id_polaczenia) [Tekst komunikatu bledu mysql_close(lid_polaczenial) mysql_close (id_polaczenia) TRUE/FALSE w zaleznosci od stanu operacji mysql_query(zapytanie Lid_polaczenia]) mysqli_query (id_polaczenia, |zapytanie) Wynik zapytania mysql_fetch_row(wynik_zapytania) mysqli_fetch_row (wynik_zapytania) Tablica numeryczna odpowiadajaca wierszowi zapytania mysql_fetch_array(wynik_zapytania) mysqli_fetch_array (wynik_zapytania) Tablica zawierajaca kolejny wiersz z podanych w wyniku zapytania lub FALSE, jezeli nie ma wiecej wierszy w wyniku zapytania mysq|_num_rows(wynik_zapytania) mysqli_num_rows (wynik_zapytania) Liczba wierszy w podanym zapytaniu mysql_num_fields (wynik_zapytania) mysqli_num_fields (wynik_zapytania) Liczba kolumn w podanym zapytaniu UWAGA! Po zakoriczeniu pracy zglos przewodniczgcemu ZN gotowosé do nagrania plyty 2 rezultatami pracy. W folderze z Twoim numerem PI powinny sig znajdowaé pliki. bazaSklep.png, formularz,php, kwerendy.tet, muzyka.css, regulamin.txt, sklep.html ewentualnie inne przygotowane przez Ciebie pliki. Po nagraniu plyty CD/DVD sprawde liczbe oraz poprawnosé dzialania zapisanych plikbw: Czas przeznaczony na wykonanie zadania wynosi 150 minut. Ocenie beda podlegaé 4 rezultaty: = operacje na bazie danych, witryna intemnetowa, skrypt polaczenia z baza. styl CSS witryny internetowej, Strona 525