Microsoft Word фккпі 2021 122 Єфремова Д.Є. docx
Створення інтерфейсу сторінки власного профілю
жүктеу/скачать 4,21 Mb.
|
- Бұл бет үшін навигация:
- Створення інтерфейсу сторінки картки авто
- Створення інтерфейсу сторінки перегляду запитів
Створення інтерфейсу сторінки власного профілюБудь-який авторизований користувач матиме змогу переглядати свій профіль та профіль будь-якого іншого користувача WEB–додатку. Профілі можна класифікувати за двома типами: профіль користувача, що здає автомобіль в оренду (рис. 3.17); профіль користувача, що планує користуватися додатком лише з ціллю оренди (рис. 3.18);. На відміну від другого, перший має на своєму профілі не лише інформацію про себе, а й всі необхідні дані про автомобіль: фото авто, повний опис, маркер «вільно», що змінює дизайн при натисканні за допомогою JS та кнопку оновлення розташування авто на мапі. Також кожен профіль має в кінці сторінки список відгуків з можливістю залишення їх іншими користувачами. Рис. 3.17. Інтерфейс сторінки профілю автовласника Рис. 3.18. Інтерфейс сторінки профілю орендаря Створення інтерфейсу сторінки картки автоІнтерфейс сторінки картки авто, що зображений на рис. 3.19, схожий з інтерфейсом сторінки профіля користувача, авто якого переглядається в даний момент, але знизу ще доданий функціонал, що надає можливість обрати дату та час оренди для відправлення запиту, що реалізується за допомогою форми: , де слугує для вводу дати оренди, а для вводу часу. Рис. 3.19. Інтерфейс сторінки картки авто Створення інтерфейсу сторінки перегляду запитівДана сторінка існує для зручного перегляду отриманих запитів. Фото орендаря, дата та час запрошуваної поїздки відображається в полі запиту. При натисканні на нього, відбувається перехід на сторінку орендаря для того, щоб орендодавець зміг подивитись досвід водіння та відгуки, на основі яких прийняти рішення: підтвердити оренду чи відмовити. Подвійне натискання на поле підтвердження – змінює статус поля на «Запит відхилено», подвійне – «Запит прийнято». Відповідно до прийнятого рішення буде змінюватися SVG– зображення (хрестик або галочка). Інтерфейс сторінки перегляду запитів зображений на рис. 3.20. Рис. 3.20. Інтерфейс сторінки перегляду запитів Коли орендодавець визначився з рішенням, користувачу прийде сповіщення у вигляді спливаючого вікна. Натиснувши на відповідну кнопку, відбудеться зв’язок орендаря та орендодавця в месенджері. Інтерфейс спливаючого вікна про підтвердження запиту зображений на рис. 3.21. Рис. 3.21. Інтерфейс спливаючого вікна про підтвердження запиту жүктеу/скачать 4,21 Mb. Достарыңызбен бөлісу:
|