Перегляд вихідного коду сторінки Замовлення. Мобільний додаток

З метою зручності та оперативної обробки замовлень, Ви можете скористатися мобільним додатком, за допомогою якого доступна можливість перегляду замовлень, їх підтвердження, а також відправка повідомлення про відвантаження. 


<span style="text-decoration: underline;">'''ВСТАНОВЛЕННЯ ДОДАТКУ'''</span>


Перед тим, як розпочати процесс встановлення додатку, перевірте наявність підключення Вашого пристрою до мережі Internet.

Зверніть увагу на те, що процес установки додатку відрізняється, в залежності від того, яку ОС підтримує Ваш мобільний пристрій - "'''Android"''' або "'''iOS"'''.

Дотримуючись інструкцій нижче, встановіть додаток на Ваш пристрій. 


<span style="text-decoration: underline;">ВСТАНОВЛЕННЯ ДОДАТКУ ДЛЯ ПРИСТРОЇВ З ОС '''"ANDROID"'''</span>


'''1.''' Відкрийте браузер<span style="text-decoration: underline;">''' "Chrome"'''</span> і в адресному рядку вкажіть шлях до сайту Порталу постачальників - https://supplier.fozzy.ua

У результаті чого, у нижній частині вікна буде відображено вікно із запитом дозволу на встановлення додатку '''"Portal"''' на Ваш пристрій (Малюнок 1).

Для того щоб ініціювати процес встановлення додатку натисніть на відображенні вікна із запитом дозволу (Малюнок 1).

[[Файл:2018-12-21_9-28-03_PWA_1.png|none|frame|link=|180px]]

''Малюнок 1 - Встановлення додатку''

'''2.''' Далі необхідно виконати підтвердження дії щодо встановлення додатку за допомогою натискання кнопки '''"Добавить"''' (Малюнок 2).

[[Файл:2018-12-22_8-13-44_PWA_8.png|none|frame|link=|180px]]

''Малюнок 2 - Вікно підтвердження дії''

'''3.''' Результатом успішного встановлення є додавання на екран Вашого пристрою додатку''' "Portal"''' (Малюнок 3).

''<span style="text-decoration: underline;">'''Примітка:'''</span> додаток встановлюється на головний екран/сторінку додатків, в залежності від наявності вільного місця на Вашому пристрої.''

[[Файл:2018-12-03_13-35-01_PWA_3.png|none|frame|link=|180px]]

''Малюнок 3 - Додаток "Portal"''


<span style="text-decoration: underline;">ВСТАНОВЛЕННЯ ДОДАТКУ ДЛЯ ПРИСТРОЇВ З ОС '''"iOS"'''</span>


'''ВАЖЛИВО!''' Для встановлення додатку, на Вашому присторої має бути остання версія iOS (наприклад, на поточний момент - 12.1.1).

За необхідності, виконайте її оновлення.

Якщо у Вас вже встановлена остання версія, переходьте безпосередньо до процессу установки.

'''1.''' Відкрийте браузер '''"Safari"''' і в адресному рядку вкажіть шлях до сайту Порталу постачальників - https://supplier.fozzy.ua

Коли на екрані пристрою буде відкрита сторінка авторизації на сайті, натисність у нижній частині екрану кнопку доступу до додаткових дій (Малюнок 4).

[[Файл:2018-12-22_8-39-45_PWA_5.png|none|frame|link=|180px]]

''Малюнок 4 - Встановлення додатку на "iOS"''

'''2.''' У меню, що буде відкрито, виберіть пункт '''"На Початковий екран"''' (Малюнок 5).

[[Файл:2018-12-22_8-52-14_PWA_6.png|none|frame|link=|180px]]

''Малюнок 5 - Додаткове меню''

'''3.''' Далі виконайте підтвердження дії щодо встановлення додатку за допомогою натискання кнопки '''"Додати"''' (Малюнок 6).

[[Файл:2018-12-22_8-56-58_PWA_7.png|none|frame|link=|180px]]

''Малюнок 6 - Додавання на початковий екран додатку''

'''4.''' Результатом успішного встановлення є відображення на екрані Вашого пристрою додатку '''"Supplier Portal"''' (Малюнок 7).

''<span style="text-decoration: underline;">'''Примітка:'''</span> додаток встановлюється на головний екран/сторінку додатків, в залежності від наявності вільного місця на Вашому пристрої.''

[[Файл:2018-12-07_10-23-33_PWA_24.png|none|frame|link=|180px]]

''Малюнок 7 - Іконка встановленого додатку''

Після успішного встановлення додатку, Вам доступна робота із замовленнями.

У момент формування нового замовлення, Вам на мобільний пристрій буде відправлено сповіщення, яке Ви можете переглянути стандартним способом на Вашому мобільному пристрої (Малюнок 8).

Також, Ви будете сповіщені про те, якщо замовлення було сторноване зі сторони компанії "Фоззі" (Малюнок 9).

У тому випадку, якщо Вам було відправлено декілька повідомлень, всі вони будуть відображені у списку (Малюнок 9).

''<span style="text-decoration: underline;">Примітка:</span> можливість отримання сповіщень підтримують тільки пристрої з ОС "Android".''

[[Файл:2018-12-26_11-33-42_PWA_8.png|none|frame|link=|180px]]

''Малюнок 8 - Сповіщення про сформоване замовлення''

[[Файл:2018-12-26_10-55-51_PWA-9.png|none|frame|link=|180px]]

''Малюнок 9 - Сповіщення про сторноване замовлення''

Подальший процес роботи із додатком не відрізняється в залежності від встановленої ОС на пристрої. 

Для того щоб розпочати роботу, натисніть на відображенні іконки додатку на екрані пристрою (Малюнок 7).

Результатом успішного відкриття додатку є перехід до сторінки авторизації (Малюнок 10).

Процес авторизації відбувається таким саме чином, як на сайті Порталу - введення логіна і пароля, за допомогою яких Ви проходите авторизацію на сайті Порталу і підтвердження вказаних даних за допомогою натискання кнопки '''"Увійти"''' (Малюнок 10).

Під час авторизації відбувається ряд стандартних перевірок:

* Перевірка на довжину логіну (не менше ніж 3 символи).
* Перевірка на довжину пароля (не менше ніж 8 символів).
* Перевірка на наявність логіну у системі Portal.
* Перевірка на кількість спроб введення даних (після 3-х невдалих спроб необхідно пройти перевірку CAPTCHA).

[[Файл:2018-12-04_10-41-05_PWA_4.png|none|frame|link=|180px]]

''Малюнок 10 - Вікно авторизації''

Після успішної авторизації, буде відкрито сторінку із реєстром замовлень (Малюнок 11).

Ви (як постачальник) бачите тільки свої замовлення, по яким ще не настав кінець дня дати поставки. 

<span style="text-decoration: underline;">Статуси замовлень у реєстрі відображено різними кольорами</span> (Малюнок 11):

<span style="color: #008000;">Зеленим</span> - "Відвантажено", "Частково підтверджено", "Підтверджено".

<span style="color: #ff0000;">Червоним</span> - "Відхилено", "Скасовано".

<span style="color: #ff6600;">Помаранчевим</span> - "Прочитано постачальником", "Відправлено".

[[Файл:2018-12-04_10-41-28_PWA_5.png|none|frame|link=|180px]]

''Малюнок 11 - Реєстр замовлень''

<span style="text-decoration: underline;">'''Підтвердження замовлення'''</span>

Для того щоб підтвердити замовлення виконайте наступні дії:

'''1.''' У реєстрі замовлень відкрийте замовлення, яке знаходиться у статусі <span style="text-decoration: underline;">"Відправлено"</span> або <span style="text-decoration: underline;">"Прочитано постачальником"</span> (Малюнок 12).

'''ВАЖЛИВО!''' У замовленнях, які знаходяться в інших статусах, відсутня можливість виконати підтвердження.

[[Файл:2018-12-04_10-41-28_PWA_6.png|none|frame|link=|180px]]

''Малюнок 12 - Замовлення у статусі "Прочитано постачальником"''

Для того щоб відкрити замовлення для подальшої роботи із ним, натисніть кнопку:

[[Файл:2018-12-04_12-33-17_PWA_7.png|none|frame|link=|180px]]

'''2.''' Результатом виконаних дій є відкриття детальної інформації по замовленню, де поле для вводу підтвердженої кількості товару доступне до зміни (Малюнок 13).

За замовчуванням значення дорівнює кількості товару ("Кількість товару" = "Підтверджена кількість").

Для того, щоб підтвердити замовлення, обов'язково потрібно вказати підтверджену кількість.

Для того, щоб вказати значення, встановіть курсор у поле і за допомогою цифрової клавіатури Вашого пристрою введіть значення, яке відповідає наступним вимогам:

* Числове значення з трьома знаками після коми.
* Якщо значення = "0", замовлення автоматично скасовується.
* Можна підтвердити меншу кількість товару, ніж вказано у замовленні. У такому разі статус замовлення буде змінено на "Частково підтверджено".

[[Файл:2018-12-04_12-34-29_PWA_8.png|none|frame|link=|180px]]

''Малюнок 13 - Інформація по замовленню''

При спробі підтвердити замовлення (кнопка "Підтвердити замовлення"), коли введене значення підтвердженої кількості перевищує кількість товару у замовленні (Малюнок 14), на екрані буде відображено повідомлення про помилку (Малюнок 15). У повідомленні про помилку вказано, що значення не може бути більшим ніж замовлена кількість.

У такому разі, закрийте повідомлення про помилку (кнопка "Так") і повернувшись до форми замовлення корректно вкажіть підтверджену кількість товару. 

[[Файл:2018-12-04_12-39-02_PWA_9.png|none|frame|link=|180px]]

''Малюнок 14 - Підтвердження замовлення''

[[Файл:2018-12-04_12-39-31_PWA_10.png|none|frame|link=|180px]]

''Малюнок 15 - Повідомлення про помилку''

'''3.''' Коли дані щодо підтвердженої кількості товару вказано корректно, необхідно зберегти зміни за допомогою натискання кнопки '''"Підтвердити замовлення"''' (Малюнок 16).

[[Файл:2018-12-04_12-40-15_PWA_11.png|none|frame|link=|180px]]

''Малюнок 16 - Підтвердження замовлення''

'''4.''' Результатом успішного підтвердження замовлення є відображення інформаційного повідомлення, що дані було збережено (Малюнок 17).

Для продовження роботи із додатком закрийте повідомлення за допомогою натискання кнопки '''"Так"''', після чого виконується перехід до реєстру замовлень.

[[Файл:2018-12-04_12-41-24_PWA_12.png|none|frame|link=|180px]]

''Малюнок 17 - Інформаційне повідомлення''

Після того, як замовлення було підтверджено, відбувається зміна поточного статусу замовлення на "Підтверджено"/"Частково підтверджено", в залежності від того, яка кількість була підтверджена (Малюнок 18).

[[Файл:2018-12-04_12-42-48_PWA_13.png|none|frame|link=|180px]]

''Малюнок 18 - Реестр замовлень''

<span style="text-decoration: underline;">'''Відправка повідомлення про відвантаження'''</span>

Ви (як постачальник), у момент завантаження товару у машину, можете внести зміни у замовлення. Для цього потрібно створити повідомлення про відвантаження.

По одному замовленню Ви можете відправити декілька повідомлень про відвантаження, за умови, що замовлення не сторноване зі сторони компанії "Фоззі".

Повідомлення про відвантаження можна сформувати до кінця дня дати поставки, яка вказана у замовленні.

Для того щоб відправити повідомлення про відвантаження товару, виконайте наступні дії:

'''1.''' Відкрийте замовлення у статусі <span style="text-decoration: underline;">"Підтверджено"</span>/<span style="text-decoration: underline;">"Частково підтверджено"</span>/<span style="text-decoration: underline;">"Відвантажено"</span>. Наприклад, як показано на малюнку 19, відкриваємо до роботи замовлення у статусі "Частково підтверджено".

'''ВАЖЛИВО!''' У замовленнях, які знаходяться в інших статусах, відсутня можливість відправити повідомлення про відвантаження.

[[Файл:2018-12-04_15-50-24_PWA_14.png|none|frame|link=|180px]]

''Малюнок 19 - Реєстр замовлень''

'''2.''' Результатом виконаних дій є відкриття детальної інформації по замовленню, де до редагування доступне поле <span style="text-decoration: underline;">"Кількість відвантаження"</span>, де Ви маєте вказати фактичну кількість відвантаженого товару.

За замовчуванням значення дорівнює підтвердженій кількості товару.

<span style="text-decoration: underline;">Значення має відповідати вимогам:</span> ціле число з трьома знаками після коми.

[[Файл:2018-12-04_15-50-37_PWA_15.png|none|frame|link=|180px]]

''Малюнок 20 - Інформація по замовленню''

При спробі відправити повідомлення про відвантаження (введено кількість - > кнопка "Повідомити про відвантаження"), коли значення відвантаженої кількості товару перевищує підтверджену кількість товару (Малюнок 21), на екрані буде відображено повідомлення про помилку (Малюнок 22).

У такому разі, закрийте повідомлення про помилку (кнопка "Так"), і повернувшись до форми замовлення корректно вкажіть кількість відвантаженого товару.

[[Файл:2018-12-04_15-50-49_PWA_16.png|none|frame|link=|180px]]

''Малюнок 21 - Повідомлення про відвантаження''

[[Файл:2018-12-04_15-51-00_PWA_17.png|none|frame|link=|180px]]

''Малюнок 22 - Повідомлення про помилку''

'''3.''' Коли дані щодо кількості відвантаженого товару вказано корректно (не перевищує кількість підтвердженого), необхідно відправити повідомлення про відвантаження за допомогою натискання кнопки '''"Повідомити про відвантаження"''' (Малюнок 23).

[[Файл:2018-12-04_15-51-25_PWA_18.png|none|frame|link=|180px]]

''Малюнок 23 - Повідомлення про відвантаження''

'''4.''' Результатом успішної відправки повідомлення про відвантажену кількість товару є відображення інформаційного повідомлення про збереження змін (Малюнок 24).

Для того щоб продовжити роботу із додатком, закрийте інформаційне повідомлення (кнопка "Так"), після чого виконується автоматичний перехід до реєстру доступних замовлень.

[[Файл:2018-12-26_12-01-19_PWA_10.png|none|frame|link=|180px]]

''Малюнок 24 - Інформаційне повідомлення''

Після того, як було відправлено повідомлення про відвантаження, змінюється поточний статус замовлення на <span style="text-decoration: underline;">"Відвантажено"</span> (Малюнок 25).

[[Файл:2018-12-04_15-52-07_PWA_20.png|none|frame|link=|180px]]

''Малюнок 25 - Реєстр замовлень''