Laboratorium: Interfejsy

Zadania

Posługując się szablonem theme.zip należy przygotować stronę dla hipotetycznego kina, która zawiera następujące elementy:

1) Strona główna:

1.1 W obszarze hero image należy umieścić informację o zbliżającej się premierze wybranego filmu. Element call-to-action powinien mieć postać formularza umożliwiającego rezerwację biletu (pole daty, lista rozwijana do wyboru godziny seansu, przycisk "Zarezerwuj").

1.2. Należy zastosować konwencję long scrolling, aby na stronie głównej zaprezentować informację na temat:

• promowanych filmów w aktualnym repertuarze,
• lokalizacji kina,
• cen biletów,
• promocji z okazji "tanich czwartków"

Należy wykorzystać krótkie komunikaty (mała gęstość informacji) i wzbogacić przekaz elementami graficznymi (np. ikony z Font Awesome).

1.3 W stopce strony należy zamieścić informacje kontaktowe i przyciski/ikony pozwalające na przejście do serwisów społecznościowych.

2) Strona rejestracji

Powinna zawierać formularz z polami:

• imię
• nazwisko
• e-mail
• hasło
• powtórz hasło
• data urodzenia

3) Strona logowania - formularz umożliwiający podanie loginu i hasła

4) Strona informacji szczegółowych na temat filmu (dostępna po kliknięciu jednego z odnośników na stronie głównej). Powinna zawierać informacje:

• tytuł filmu
• opis
• plakat
• data premiery
• przycisk prowadzący do strony rezerwacji biletów

5) Strona typu coming soon informująca o zbliżającym się otwarciu usługi typu VOD (ang. video on demand), którą zamierza wprowadzić na rynek nasze kino.