Zadanie egzaminacyjne
Wykonaj aplikację internetową dla bazy danych filmów. Wykorzystaj pakiet XAMPP jako środowisko bazodanowo-aplikacyjne. Stronę internetową zbuduj przy wykorzystaniu edytora zaznaczającego składnię oraz programu do obróbki grafiki rastrowej i wektorowej.Aby wykonać zadanie, zaloguj się na konto Egzamin bez hasła. Na pulpicie znajdziesz archiwum ZIP o nazwie pliki1.zip zabezpieczone hasłem: Baz@FilmY
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
Baza danych jest zgodna ze strukturą przedstawioną na obrazie 1. Tabela filmy ma dwa klucze obce łączące ją z tabelami rezyserzy i gatunki.Obraz 1. Baza danych oraz wartości tabeli gatunki |
- Utwórz nową bazę danych o nazwie dane
- Do bazy zaimportuj tabele z pliku dane.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, 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 danych dane. 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: wstawiające do tabeli filmy jeden rekord o danych: film „Suburbicon” z roku 2017, gatunek filmu to komedia, ocena jest równa 5
- Zapytanie 2: wybierające jedynie pole tytul z tabeli filmy oraz odpowiadające mu pole nazwa z tabeli gatunki dla filmów, dla których pole ocena ma wartość 6 . Należy posłużyć się relacją
- Zapytanie 3: wybierające jedynie pola tytul oraz rok z tabeli filmy tylko dla gatunku dramatów o ocenie równej 5
- Zapytanie 4: tworzące tabelę o nazwie aktorzy i polach id typu numerycznego, imie typu tekstowego, nazwisko typu tekstowego. Pole id nie może przyjmować wartości NULL
Witryna internetowa
Obraz 2. Witryna internetowa. Kursor znalazł się na obszarze formularza. |
kadr.jpg |
- Grafikę kadr.jpg należy skadrować. Na obrazie widoczne są dwie czarne linie wyznaczające kadr. Zdjęcie powinno być wycięte tak, aby był widoczny tylko obszar pomiędzy liniami (linie nie mają być widoczne).
Cechy witryny:
- Składa się ze strony o nazwie index.html
- Zastosowany właściwy standard kodowania polskich znaków
- Tytuł strony widoczny na karcie przeglądarki: „Filmy”
- Arkusz stylów w pliku o nazwie styl1.css prawidłowo połączony z kodem strony
- Podział strony na bloki: boczny panel po lewej stronie oraz trzy panele po prawej stronie – jeden pod drugim, stopka pod wszystkimi panelami. Podział zrealizowany za pomocą znaczników sekcji, zgodnie z obrazem 2
- Zawartość lewego panelu:
- Nagłówek trzeciego stopnia o treści „Dostępne gatunki filmu”
- Lista numerowana (uporządkowana) z elementami o treści: „Sci-Fi”, „animacja”, „dramat”, „horror”, „komedia”
- Umieszczony w akapicie (paragrafie) odnośnik o treści „Pobierz obraz” prowadzący do obrazu kadr.jpg
- Umieszczony w akapicie odnośnik o treści „Sprawdź repertuar kin” prowadzący do strony „repertuar-kin.pl”, odnośnik otwiera się w osobnym oknie
- Zawartość pierwszego prawego panelu: nagłówek pierwszego stopnia o treści „FILMOTEKA”
- Zawartość drugiego prawego panelu: formularz wysyłający dane metodą POST do pliku dodaj.php z elementami umieszczonymi w osobnych wierszach:
- Tekst „Tytuł: ” oraz pole edycyjne typu tekstowego
- Tekst „Gatunek filmu: ” oraz pole edycyjne typu numerycznego
- Tekst „Rok produkcji: ” oraz pole edycyjne typu numerycznego
- Tekst „Ocena: ” oraz pole edycyjne typu numerycznego
- Przycisk o treści CZYŚĆ, po jego wciśnięciu dane z pól edycyjnych są usuwane
- Przycisk o treści DODAJ, po jego wciśnięciu dane są wysyłane do skryptu PHP
- Zawartość trzeciego prawego panelu: obraz kadr.jpg z tekstem alternatywnym „zdjęcia filmowe”
- Zawartość stopki:
- Akapit o treści „Autor strony: ”, dalej wstawiony numer PESEL zdającego
Styl CSS witryny internetowej
Plik styl1.css zawiera formatowanie:- Domyślne dla całej strony: krój czcionki Helvetica
- Panelu lewego: kolor tła Navy, biały kolor czcionki, wysokość 700 px, szerokość 25%
- Pierwszego panelu prawego: kolor tła RoyalBlue, wysokość 100 px, szerokość 75%, wyrównanie tekstu do środka
- Drugiego panelu prawego: kolor tła SteelBlue, wysokość 300 px, szerokość 75%
- Trzeciego panelu prawego: kolor tła RoyalBlue, wysokość 300 px, szerokość 75%, wyrównanie tekstu do środka
- Stopki: kolor tła SteelBlue, wyrównanie tekstu do środka, marginesy wewnętrzne 20 px
- Nagłówka pierwszego stopnia: odległość między literami wynosi 5 px
- Formularza: marginesy zewnętrzne 30 px, wysokość linii wynosi 3
- W momencie najechania kursorem na obszar formularza zmienia on kolor tła na DeepSkyBlue
Skrypt połączenia z bazą
Wymagania dotyczące skryptów:- Napisany w języku PHP, umieszczony w pliku dodaj.php (w pliku znajduje się tylko skrypt)
- Skrypt łączy się z serwerem bazodanowym na localhost, użytkownik root bez hasła, baza danych o nazwie dane
- Pobiera dane z formularza ze wszystkich pól edycyjnych
- Dodaje dane do tabeli filmy za pomocą zmodyfikowanego zapytania 1
- Wypisuje tekst „Film <tytul> został dodany do bazy”, gdzie <tytul> oznacza tytuł wpisany do formularza