| 49 | | |
| | 49 | * Првично потребно е паркирачот да биде најавен во системот за да може да пребара и започне паркинг сесија. (овие чекори се веќе објаснети погоре) \\ |
| | 50 | * Откако успешно ќе се најави паркирачот, му се отвара почетната страна (слика 5.1) \\ |
| | 51 | * Паркирачот може да кликне на хамбургер менито (иконата горе лево) и да му се покажат повеќе опции (почетна го носи на почетната страна, мапа го носи на мапа со паркинг зони и паркинг места, сесија го носи на започнување на сесија, одјави се го одјавува корисникот). Во овој случај паркирачот клика на мапа. (слика 5.2) \\ |
| | 52 | * Се праќа GET барање на патеката /parkingZone и ова барање е пречекано од ParkingZoneController контролерот. \\ |
| | 53 | * Се повикува функцијата getAllParkingZones од сервисниот слој parkingZoneService при што на мапата се покажуваат сите паркинг зони со сите паркинг места соодветно обоени во зелено/црвено доколку се слободни/зафатени. (слика 5.3) \\ |
| | 54 | * Може да се избере конкретна зона за која паркирачот сака да ја провери состојбата со избирање на име на паркинг зона како опција во drop down менито под мапата. (слика 5.4) \\ |
| | 55 | * Откако ќе се избере одредена зона се испраќа GET барање на патеката /parkingZone/{parkingZoneId} каде што parkingZoneId е @PathVariable и претставува ID на паркинг зоната и ова барање е пречекано од ParkingZoneController контролерот. \\ |
| | 56 | * Се повикува функцијата findById(parkingZoneId) од сервисниот слој parkingZoneService и се враќа конкретната паркинг зона со соодветното ИД. \\ |
| | 57 | * Откако ќе се добие паркинг зоната, мапата се фокусира врз нејзиниот центар и се прикажува состојбата на паркинг зоната со преостанати слободни места како и информации за цена од час и работно време на паркинг зоната. (слика 5.5) \\ |
| | 58 | \\ |
| | 59 | слика 5.1\\ |
| | 60 | [[Image("5.1.JPG")]] |
| | 61 | \\ |
| | 62 | \\ |
| | 63 | слика 5.2\\ |
| | 64 | [[Image("5.2.JPG")]] |
| | 65 | \\ |
| | 66 | \\ |
| | 67 | слика 5.3\ |
| | 68 | [[Image("5.3.JPG")]] |
| | 69 | \\ |
| | 70 | \\ |
| | 71 | слика 5.4\\ |
| | 72 | [[Image("5.4.JPG")]] |
| | 73 | \\ |
| | 74 | \\ |
| | 75 | слика 5.5\\ |
| | 76 | [[Image("5.5.JPG")]] |
| | 77 | \\ |
| | 78 | \\ |
