Prototyp front-endu chatu

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 w phpMyAdmin z wykonaniem statycznej witryny chatu w HTML5, CSS i JavaScript. Najpierw tworzona jest baza chat z polskim kodowaniem znaków oraz import tabel z pliku baza.sql. Trzeba przygotować pięć kwerend: dodanie danych logowania dla użytkownika Jeremi, obliczenie średniego roku urodzenia z zaokrągleniem w dół, pobranie danych uczestników i ich loginów dla imion na literę J z użyciem relacji, utworzenie użytkownika MySQL uczestnik oraz nadanie mu praw SELECT i UPDATE tylko do tabeli uczestnicy. Do wyników trafiają zrzuty ekranu importu i działania zapytań. Druga część pracy to strona chat.html z podłączonym plikiem styl.css oraz obróbką grafiki Jolka.jpg do kwadratu 70 × 70 px. Układ strony wykorzystuje semantyczne sekcje HTML5: baner, blok główny, panel boczny i stopkę. Interfejs zawiera listy chatów, dane uczestników z avatarami, okno rozmowy, pole tekstowe oraz przyciski Wyślij i Generuj losową odpowiedź. Styl CSS definiuje krój Garamond, kolory Tomato i Coral, okrągłe obrazy, ramkę chatu, przewijanie oraz odmienne formatowanie wypowiedzi Jolanty i Krzysztofa. Skrypt JavaScript dodaje wiadomość wpisaną przez użytkownika jako wypowiedź Jolanty oraz losuje odpowiedź Krzysztofa z 9-elementowej tablicy. Egzaminator ocenia poprawność operacji na bazie, zgodność wyglądu z makietą, działanie DOM, formatowanie CSS i kompletność zapisanych plików.