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

Линк до видео запис: https://finkiukim-my.sharepoint.com/:v:/r/personal/vangel_ajanovski_finki_ukim_mk/Documents/DB/2022-2023-Z/ProektniPrezentacii/Villa_Dihovo.mp4?csf=1&web=1&e=InNOVi

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

При пристапување на апликацијата преку '''->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)]]

Овде корисникот го избира периодот во кој што сака да престојува, потоа избира соодветна соба и при клик на копчето  '''Reserve''' ја извржува својата резервација.

[[Image(announced_client_reserve.jpg)]]

Се отвара формата за резервација и автоматски се пополнуваат информациите за корнискот од база.

[[Image(reservation_form_autofill.jpg)]]

Корисникот ги дополнува информациите за тоа колку гости ке престојуваат во собата, избира начин за плаќање и со клик на копчето '''Next''' ја потврува резервацијата.

[[Image(reservation_form.jpg)]]

Откако ќе се процесира резервацијата, се отвара прозорец со кој се потврдува успешното извршување на истата.

[[Image(payment_confirmation_page.jpg)]]

Кога на апликацијата ќе се најави вработен, тој има можност за додавање на нови резервации со клик на копчето '''New''' '''Reservations''' и увид на веќе постоечките резервации со клик на копчето '''All''' '''Reservations'''.

[[Image(announced_employee.jpg)]]

При клик на копчето '''All''' '''Reservations''' се прикажуваат сите направени резервации. Вработениот со клик на копчето '''Edit''' може да ја измени резервацијата.

[[Image(all_reservations.jpg)]]

[[Image(edit_reservation.jpg)]]

Овде резервацијата е изменета.

[[Image(reservations_after_editing.jpg)]]

Исто така при клик на копчето '''Delete''' вработениот може да избрише одредена резервација.

[[Image(deleted_reservation.jpg)]]

При клик на копчето '''Food''' вработениот има можност да ги види сите резервации направени за храна.

[[Image(reservations_for_food.jpg)]]

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

[[Image(reservations_for_beverages.jpg)]]

При клик на копчето '''Events''' вработениот има можност да ги види сите резервации направени за настани.

[[Image(reservations_for_events.jpg)]]

При клик на копчето '''Activities''' вработениот има можност да ги види сите резервации направени за активности.

[[Image(reservations_for_activities.jpg)]]

При клик на копчето '''Statistics''' вработениот има можност да ги види статистиките во врска со активностите.

[[Image(report_statistics_activites.jpg)]]

При клик на копчето '''Service''' вработениот има можност да ги види сите резервации направени за услуги.

[[Image(reservations_for_service.jpg)]]


До '''Contact''' страната имаат пристап сите видови на корисници(ненајавен корисник, најавен корисник и вработен)

[[Image(contact_page.jpg)]]