Rejestracja użytkownika sklepu
Opis arkusza
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, grafiką oraz tworzeniem strony rejestracyjnej w HTML, CSS i JavaScript. Najpierw w phpMyAdmin powstaje baza klienci z polskim kodowaniem znaków, a następnie importowane są tabele z pliku baza.sql. Do przygotowania są cztery kwerendy SQL: wybór imion i nazwisk osób urodzonych po 2000 roku, lista unikalnych miast posortowana rosnąco, zestawienie osób z numerami telefonów przez relację oraz dodanie kolumny numerMieszkania do tabeli Adresy. Wyniki importu i zapytań dokumentują zrzuty ekranu. Kolejny etap to obróbka pliku obraz.jpg: kadrowanie do niebieskiej plakietki, ustawienie przezroczystego tła i zapis jako obraz.png o wysokości 200 px. Strona rejestracja.html ma układ z blokiem bocznym, banerem, sekcją główną, paskiem postępu i stopką. W formularzu występują trzy zakładki: Klient, Adres i Kontakt, przełączane przyciskami. Pola formularza zbierają dane osobowe, adresowe, numer telefonu i zgodę RODO. Stylizacja w pliku styl.css wykorzystuje m.in. czcionkę Cambria, kolory SteelBlue, LightBlue i Navy, cień bloku, tabelę z kropkowanym obramowaniem oraz efekt hover przycisków. Skrypt JavaScript ukrywa i pokazuje zakładki, zwiększa szerokość paska postępu po utracie focusa przez pola oraz wypisuje dane w konsoli po zatwierdzeniu. Egzaminator ocenia poprawność bazy i kwerend, zgodność struktury HTML z makietą, działanie interakcji, kompletność CSS oraz poprawne zapisanie wymaganych plików.
2 rozwiązania krok po kroku
Wyjaśnienie każdego kroku, kod z podświetlonymi zmianami i podgląd po każdym kroku. Arkusz ma kilka rozwiązań - inne narzędzie albo inne podejście do tego samego zadania.
Pobierz pliki
Załączniki
- pliki8.zipMateriały do zadania: baza.sql, obraz.jpg. Hasło do archiwum jest podane w treści arkusza. 79.3 KB