== Прототип апликација

Линк до видео запис: 

= Насоки за користење на апликацијата и финална имплементација на обработени функционалности

При пристапување на апликацијата преку -> localhost:9090/home од ненајавен корисник се прикажува почетната страница на апликацијата на која што има две копчиња за '''Login''' и '''Register'''. 

[[Image(home_page_unannounced.jpg)]]

При клик на '''Reservations''' од менито, ненајавениот корисик со кликање на '''Available''' '''Reservations''' има можност да ги види сите слободни соби во вилата.

[[Image(unannounced_menu.jpg)]]

Бидејки корисникот е ненајавен тој не може да резервира соба. За да го стори тоа потребно е прво да се најави на апликацијата со клик на копчето '''Login'''.

[[Image(unannounced_reservations_view.jpg)]]

Овде корисникот доколку има свој кориснички профил се најавува со username и password, а во спротивно доколку нема свој профил, може да си направи со клик на копчето '''Register''' '''here''' . 

[[Image(login.png)]]

Со пополнување на сите потребни информаации и клик на копчето '''Sign''' '''up''', креира свој профил со кој понатаму може да се логира. 

[[Image(registration_page.jpg)]]

Доколку пасвордот не се совпаѓа добиваме '''Exception.'''

[[Image(exception_passwords_dont_match.jpg)]]

Со внесување на '''username''' и '''password''' корисникот се најавува на апликацијата.

[[Image(login_page.jpg)]]

Доколку полето за username или password е не валидно, повторно добиваме '''Exception.'''

[[Image(exception_user_credentials.jpg)]]

Откако ќе се најави корисникот, почетната страница е иста, со тоа што наместо копчињата '''Login''' и '''Register''', го имаме копчето '''Log''' '''out'''. Со клик на копчето '''Available''' '''Reservations''' најавениот корнисник може да ги види сите слободни соби и да изврши резервација.

[[Image(announced_client.jpg)]]

[[Image(announced_client_reserve.jpg)]]

[[Image(reservation_form_autofill.jpg)]]

[[Image(reservation_form.jpg)]]

[[Image(payment_confirmation_page.jpg)]]

[[Image(announced_employee.jpg)]]

[[Image(all_reservations.jpg)]]

[[Image(edit_reservation.jpg)]]

[[Image(reservations_after_editing.jpg)]]

[[Image(deleted_reservation.jpg)]]

[[Image(reservations_for_food.jpg)]]

[[Image(reservations_for_beverages.jpg)]]

[[Image(reservations_for_events.jpg)]]

[[Image(reservations_for_activities.jpg)]]

[[Image(reservations_for_service.jpg)]]

[[Image(report_statistics_activites.jpg)]]

[[Image(contact_page.jpg)]]