Syrve Customer Display (та Customer Screen)

Швидке переміщення по статті:

• Простий Customer Screen    
  • Підключення та налаштування
  • Докладніше про кожен параметр
• Customer Display
  • Встановлення
  • Серверна частина
  • Клієнтська частина
  • Плагін
  • Перший запуск
  • Налаштування
  • Теми
  • Режим відображення чека
  • Режим відображення реклами
  • Ресурси
  • Пристрої
  • Контроль пристроїв
  • Візуальні об'єкти
  • Компанії
• Підключення та налаштування Syrve Customer Display Web
  • Як підключити екран покупця
  • Налаштування екрана покупця

     Екран покупця – це другий екран на касі, встановлений обличчям до гостя. Екран покупця працює у двох режимах: 

• Режим замовлення - Поки касир вибирає страви, екран працює в режимі замовлення – гість бачить, що він замовляє, на яку суму та з якими знижками. 
• Режим очікування - Коли на касі нічого не відбувається, екран працює в режимі очікування, і на ньому з'являється реклама. Як тільки касир натисне будь-яку кнопку або торкнеться екрана на терміналі, знову з'являється екран замовлення. 

     Про те, які варіанти екрану покупця пропонує Syrve, та як підключити та налаштувати їх, читайте у цій статті. 

Варіанти екрану покупця

     Syrve пропонує три варіанти екранів покупця, кожен з яких ліцензується окремо, та має свої особливості. 

1. Простий Customer Screen. Базова ліцензія RMS (Front Customer Screen), безкоштовно включена у комплект ліцензій LifeTime. Має значні обмеження у налаштуваннях, але працює майже на всіх терміналах з другим дисплеєм.
2. Customer Display доступний для ліцензій LifeTime
3. Customer Display Web - нова версія Customer Display на базі Syrve Web. За допомогою нього ви можете виводити на будь-який дисплей будь-яку інформацію (картинки, текст, відео тощо), яку хочете показати своїм відвідувачам. Наприклад, це можуть бути відомості про замовлення, яке робить клієнт, та його чек, або демонстрація рекламних роликів ресторану. Ви можете налаштувати розташування об'єктів на екрані, а також час та порядок їх відображення.

     Простий Customer Screen

Підключення та налаштування

     Підтримуються практично будь-які термінали з другим дисплеєм. Для включення другого екрана покупця необхідно додати його плагін (з папки зі збіркою з ФТП /release_syrve/<версія Syrve>/Plugins/Front/Plugin.Front.Api.CustomerScreen) в папку плагінів фронту (c:\Program Files\SyrveRMS\Front.Net\Plugins\) Запустити Syrve POS. Після того, як він завантажиться, створиться файл конфігурації плагіна CustomerScreen.front.config.xml у папці CashServer. 

     Приклад файлу CustomerScreen.front.config.xml з налаштуваннями: 

<?xml version="1.0"?>
<Config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd=">
<PathToPlaylistFolder>c:\Syrve\</PathToPlaylistFolder>
<LogoImagePath>C:\Syrve\syrve-logo.png</LogoImagePath>
<string>*.avi</string>
<string>*.wmv</string>
</SupportedExtensions>
<DisablePlugin>false</DisablePlugin>
<WelcomeText>Ласкаво просимо до Syrve!</WelcomeText>
</Config>

Тепер докладніше про кожен параметр:

     <PathToPlaylistFolder>c:\music\video\</PathToPlaylistFolder> - шлях до папки із рекламними відеороликами. Обов’язково вказувати папку до промо-відео.

     Параметри відео (розміри та кодеки). 

     Відео має бути відтворено стандартним windows медіаплеєром, локально перевіряли з кодеками СРСР , але можливо використовувати будь-який інший відповідний набір. Роздільна здатність відео, на якому тестувалося 720 на 576, роздільна здатність екрану 1024 на 768. 

     <SupportedExtensions>*.avi</SupportedExtensions>

     <SupportedExtensions>*.wmv</SupportedExtensions>  - маска медіафайлів, які будуть відтворюватися. Підтримується кілька масок. Їх потрібно вказувати окремими тегами. Якщо не вказано жодної маски, то намагаються відтворювати всі файли в зазначеній папці, в т.ч. mp3 та ін. Якщо користувач не може гарантувати, що за вказаним ним шляхом будуть лише підходящі для відтворення медіафайли, то маску краще вказувати. 

     <LogoImagePath>C:\Syrve\syrve-logo.png</LogoImagePath>  - шлях до зображення, яке відображатиметься під відео. Розмір зображення не фіксований, будь-яка картинка буде відцентрована. Тестувалося для зображення розміром 500 на 500. Підтримується будь-який стандартний формат – bmp, jpg, png, gif тощо. 

     <DisablePlugin>false</DisablePlugin> - вимкнення плагіна. Якщо true, то плагін не ініціалізується та не відображається. Зручно, якщо користувач має два монітори, при цьому кілька офіціантських терміналів, при цьому на деяких потрібно відображати другий екран покупця.

     Примітка. На ФТП крім плагіна також викладаються його вихідні коди.
У папці з версією підпапка \SDK\CustomerScreenPlugin\ . Ви можете переписати плагін для себе під свої вимоги. 

     Customer Display

     За допомогою цього екрана покупця ви можете виводити на будь-який дисплей будь-яку інформацію (картинки, текст, відео тощо), яку хочете показати своїм відвідувачам. Наприклад, це можуть бути відомості про замовлення, яке робить клієнт, та його чек, або демонстрація рекламних роликів ресторану. Ви можете налаштувати розташування об'єктів на екрані, а також час та порядок їх відображення. 

Встановлення

 Завантажте актуальну версію дисплею з папки зі збіркою з ФТП /release_syrve/<версія Syrve>/Plugins/Front/CustomerDisplay-1.0.1042.0

     Основні етапи встановлення Syrve Customer Display: 

1. Встановлення серверної частини та бази даних.
2. Встановлення клієнтської частини.
3. Установка плагіна для Syrve POS.

Серверна частина

     Щоб встановити серверну частину програми: 

1. Запустіть файл інсталяції Setup.CDS.Back.msi.
2. У вікні привітання натисніть кнопку Далі.
3. Ознайомтеся з Ліцензійним договором та встановіть галочку Я приймаю умови ліцензійної угоди. Натисніть кнопку Далі.
4. За потреби змініть каталог установки та натисніть кнопку Далі.
5. Попередньо встановіть сервер SQL або підключайтеся до встановленого, наприклад, можете використовувати \RESTO. Вкажіть параметри підключення до сервера бази даних:

• Сервер (IP-адреса або ім'я) - Введіть адресу сервера SQL та інстанс бази даних у форматі <адреса сервера>\<instance>. 
• Ім'я користувача та пароль або обліковий запис Windows - Користувач повинен мати права адміністратора на сервері бази даних. Він використовується лише при встановленні.

6. Щоб переконатися, що сервер бази даних доступний, натисніть кнопку Перевірити з'єднання. Якщо підключення пройшло успішно, натисніть кнопку Далі.
7. Налаштуйте базу даних:

• Якщо це перша установка, потрібно створити нову базу. Для цього введіть назву в полі Ім'я бази даних і виберіть Створити нову базу даних.  
• Якщо ви вже маєте базу CustomerScreen, виберіть пункт Використовувати існуючу базу та виберіть її зі списку. Використовуватимуться вже існуючі в базі налаштування. 
• Якщо Ви бажаєте використовувати існуючу базу, але заново створити налаштування, виберіть Перезаписати вибрану базу.  Усі налаштування бази будуть видалені, і потрібно буде налаштовувати CustomerScreen заново.

8. Щоб продовжити, натисніть кнопку Далі.
9. Усі налаштування зроблено, натисніть кнопку Встановити.
10. Після завершення інсталяції натисніть Готово.

     В результаті буде встановлена база даних та програма Syrve Customer Display Screen - Back Office, за допомогою якої налаштовуються екрани для клієнтів. 

Клієнтська частина

     Щоб встановити клієнтську частину Syrve Customer Display : 

1. Запустіть файл інсталяції Setup.CDS.Front.msi.
2. У вікні привітання натисніть кнопку Далі. Ознайомтеся з Ліцензійним договором та встановіть галочку Я приймаю умови ліцензійної угоди. Натисніть кнопку Далі.
3. Вкажіть каталог, до якого буде встановлена клієнтська частина, і натисніть кнопку Далі.
4. Програма готова до встановлення, натисніть кнопку Встановити.
5. Натисніть Готово, щоб завершити встановлення.

Плагін

     Щоб гості могли бачити на екрані замовлення, які оформлюються на Syrve POS, встановіть плагін. Для цього скопіюйте файли бібліотек з архіву Resto.Front.Api.CustomerDisplay у каталог із плагінами SyrvePOS C:\Program Files\SyrveRMS\Front.Net\Plugins. Після встановлення плагіна клієнтська частина SyrveCustomerDisplay запускатиметься автоматично разом з Syrve POS. 

Перший запуск

     Усі налаштування конфігурації виконуються у програмі Syrve Customer Display Screen – Back Office. Щоб відкрити її, запустіть за допомогою ярлика на робочому столі або через меню Пуск → Syrve → Customer Display Screen → Back Office. У вікні вкажіть ім'я користувача та пароль і натисніть кнопку Login. Обліковий запис за замовчуванням: admin/admin.

     Перед першим запуском фронтової частини в Back Office  створіть тему та пристрій. 

     Для каталогу установки CustomerDisplayScreen Front зазвичай відкривають права на запис всім користувачам. 

     Запустіть Syrve Customer Display Screen – Front. Щоб його налаштувати: 

1. У вікні вкажіть шлях до бази даних у форматі <адреса сервера>\<instance>.
2. Натисніть кнопку   щоб перевірити підключення. При успішному підключенні якщо в базі лише один пристрій, він автоматично підставиться в поле Device. Якщо кілька, виберіть потрібне зі списку.
3. Натисніть кнопку SAVE.

Налаштування 

     Налаштування Syrve Customer Display Screen має таку послідовність:

1. Створюється тема - яка визначає візуальне оформлення інформації, що відображається на екрані. На першому кроці важливі лише основні налаштування – назва та дозвіл.
2. Додаються до сховища ресурси - тобто. елементи, які ви хочете демонструвати на екрані: картинки, відео тощо.
3. Створюються пристрої - на яких відображатиметься інформація.
4. Створюються візуальні об'єкти - які визначають якого режиму призначений той чи інший ресурс.
5. Додаються компанії, які визначають, на яких пристроях демонструватимуться ті чи інші візуальні об'єкти.
6. Налаштування теми визначає розташування об'єктів на екрані.

Теми 

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

     Ви можете створити для кожного екрана свою тему. Або можна використовувати одну для всіх пристроїв. У цьому випадку на всіх екранах відображатиметься однакова інформація.

     Щоб додати нову тему:

1. У вкладці Action виберіть Themes.
2. У вікні, натисніть кнопку New.
3. У полі Theme Name задайте назву теми.
4. Вкажіть роздільну здатність екрана, на який буде відображатися інформація.
5. Налаштуйте розташування об'єктів для різних режимів. Як це зробити, див. Режим відображення чека та Режим відображення реклами.
6. Для використання горизонтальної орієнтації екрана встановіть галочку Is Landscape.
7. Натисніть Save.

     Залежно від призначення екран може працювати в двох режимах:

• Режим відображення чека.
• Режим відображення реклами.

     Після додавання об'єктів, які будуть демонструватися для клієнтів, налаштуйте їх розташування на екранах кожного їх режимів.

Режим відображення чека 

     Режим використовується для відображення на екрані замовлення, чека, реклами та іншого контенту.

     Щоб налаштувати розташування об'єктів у цьому режимі:

1. У вкладці Action виберіть Themes.
2. Напроти потрібної теми натисніть кнопку:   ✎  
3. У вікні властивостей теми навпроти Banner Advertise натисніть кнопку:   VIEW LAYOUT  

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

     Елементи на екрані ви можете переміщати в будь-яке місце за допомогою миші або шляхом зміни координат X і Y, початок яких розташовується у верхньому лівому кутку.

     Кожен об'єкт має параметр Zindex, за допомогою якого можна визначати рівні розташування об'єктів на екрані. Значення, що дорівнює нулю, означає, що об'єкт знаходиться на нижньому рівні.

     Щоб додати зображення на екран, натисніть кнопку Add Image. У властивостях цього елемента в полі Source виберіть малюнок, що вже є в базі даних, або додайте новий. Для цього натисніть New. Далі виконайте інструкції, описані в розділі Ресурси. 

     Після внесення змін натисніть кнопку Close. Потім, щоб зберегти налаштування, у вікні властивостей теми натисніть Save.

Режим відображення реклами 

     У режимі відображення реклами на екрані може демонструватися лише контент - зображення, ролики тощо. У цей режим екран може переходити автоматично, наприклад, коли касир відходить від каси.

     Щоб налаштувати, через який проміжок часу екран перейде до цього режиму:

1. У вкладці Settings виберіть App Settings.
2. У вікні, введіть у поле Stand By Time потрібне значення в секундах.
3. Натисніть кнопку Update.

     Для налаштування розташування об'єктів у режимі відображення реклами:

1. У вкладці Action виберіть Themes.
2. Напроти потрібної теми натисніть кнопку:   ✎   
3. У вікні властивостей теми навпроти Stand By Advertise натисніть кнопку:   VIEW LAYOUT  

     Об'єкти тут налаштовуються аналогічно режиму відображення чека. Відрізняється лише сам набір цих об'єктів – тут відсутні елементи, що відображають інформацію про замовлення та чек.

Ресурси

     Ресурси – це сховища об'єктів, які відображатимуться на екрані (картинки, відео тощо). Ці об'єкти зберігаються у базі даних сервера.

     Щоб додати новий ресурс:

1. У вкладці Action виберіть Resources.
2. Натисніть New.
3. Вкажіть назву ресурсу.
4. Виберіть його тип:
   • Якщо ви додаєте зображення або відео, натисніть кнопку Browse і вкажіть потрібний файл.
     
   • Якщо ви вибрали текст, то натисніть кнопку      ⚙️      і у вікні задайте параметри текстового поля. Після цього натисніть кнопку Close.
     
   • Під час вибору веб-сторінки введіть її адресу в рядку Resource.
     
5. Натисніть Save.  

     Щоб подивитися, як виглядає об'єкт і відкрити його, натисніть навпроти потрібної позиції на значок   👁   або двічі клацніть правою кнопкою миші.

     Щоб видалити об'єкт, натисніть на значок   ☓   навпроти нього. Елемент, який пов'язаний з будь-яким візуальним об'єктом або компанією, не можна видалити.

Пристрої 

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

     Щоб додати новий пристрій:

1. У вкладці Action виберіть Devices.
2. Натисніть New.
3. У вікні:
   1. Введіть назву пристрою.
   2. Вкажіть роздільну здатність екрана.
   3. Виберіть зі списку створену раніше тему .
   4. Для використання горизонтальної орієнтації екрана встановіть галочку Is Landscape.
4. Натисніть Save.

Контроль пристроїв 

     Проконтролювати стан активності пристрою можна за допомогою екрана моніторингу. Щоб відкрити вкладку Settings, виберіть пункт Monitor Screen.

     У вікні ви побачите список доданих пристроїв. 

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

     Після зміни будь-яких налаштувань, наприклад, теми або ресурсів, обов'язково синхронізуйте їх із пристроями. Для цього:

1. На закладці Settings виберіть пункт Monitor Screen.
2. Позначте галочками пристрою, які потрібно синхронізувати із сервером.
3. Натисніть кнопку Synchronize. 

     В результаті на вибраних пристроях клієнтські частини перезапустяться, а об'єкти будуть відображатися відповідно до нових налаштувань.

Візуальні об'єкти

     Щоб додати новий візуальний об'єкт:

1. На закладці Action виберіть Advertises.
2. У вікні, натисніть кнопку New.
3. У вікні властивостей:
   1. Введіть назву об'єкта.
   2. У полі Media Type виберіть тип ресурсу, який міститься в цьому об'єкті: зображення, відео, текст або веб-сторінку.
   3. У полі Visibility Duration вкажіть період відображення об'єкта на екрані в секундах.
   4. У списку Resource Name виберіть один із раніше створених ресурсів . Тут будуть доступні ті з них, які відповідають типу об'єкта, вибраному в п. 3.2.
   5. У полі Advertise Type виберіть режим, у якому може відображатися створюваний візуальний об'єкт:
      • BannerAd – об'єкт може демонструватися лише у режимі відображення чека.
      • StandByAd – об'єкт може демонструватися лише у режимі відображення реклами.
      • AnyWhere – об'єкт може демонструватися у будь-якому з режимів.

4. Натисніть Save.

Компанії 

     Щоб додати нову компанію:

1. На закладці Action виберіть Campaigns.
2. У вікні, натисніть кнопку New.
3. У вікні властивостей:
   1. Введіть назву компанії.
   2. У полі Device Name виберіть створений раніше пристрій, де демонструватимуться задані нижче візуальні об'єкти.
   3. У полі Description можна ввести докладний опис компанії.
   4. У полях Start Date та End Date вкажіть дати початку та закінчення дії компанії.
   5. У полях Banner Advertise та Stand By Advertise вкажіть візуальні об'єкти, які демонструватимуться в режимах відображення чи реклами відповідно. Вони змінюватимуть один одного залежно від часу, зазначеного в їх властивостях.
   6. Вкажіть для об'єктів порядок відтворення. Для цього виберіть потрібний об'єкт та за допомогою кнопок у вигляді стрілок перемістіть його вище або нижче за списком.
   7. Щоб зробити активну компанію, встановіть галочку Enabled.
4. Натисніть Save.

     Підключення та налаштування Syrve Customer Display Web

Як підключити екран покупця

1. На касу з Syrve POS та екраном покупця встановіть плагін Resto.Front.Api.DigitalSignage.    
2. У веб-офісі вкажіть, у яких групах ресторану працюють екрани покупця:
   1. На головній сторінці веб-офісу у розділі Зовнішні замовлення натисніть програму Syrve Live API і виберіть Налаштування → (назва ресторану).
   2. У розділі Увімкнення термінальних груп для роботи через Syrve Live встановити галочку навпроти груп, у яких працюватимуть екрани користувачів. 
   3. Натисніть кнопку Зберегти.
      Інші пункти можна залишити за замовчуванням.
      
   4. Далі необхідно перейти в офісний додаток Syrve Office та відзначити галочками термінали у налаштуваннях відділення. Якщо пропустити цей етап, то налаштувати екран покупця в Syrve Web не вдасться.
   5. У офісному додатку Syrve Office перейдіть до розділу меню Адміністрування → Налаштування торгового підприємства та виберіть потрібне відділення. У блоці Офіціантські станції та комп'ютери користувача позначте галочками необхідні термінали та натисніть Зберегти зміни.
      
3. Відразу після підключення на всіх екранах покупця почне відображатися контент за замовчуванням відповідно до налаштувань «Прив'язка за замовчуванням» на сторінці Дисплей покупця → Налаштування кас.

     Далі у статті описано, як налаштувати екран покупця так, як вам потрібно.

Налаштування екрана покупця

     Насамперед підготуйте рекламні матеріали, які потрібно показувати на екранах. Потім для кожного розміру екрана потрібно налаштувати тему: де знаходиться логотип, а де список замовлення і т.д. Насамкінець налаштовуються рекламні компанії з набором зображень та відеороликів, які підготовлені заздалегідь.

     Щоб перейти до налаштувань екрана покупця, у веб-офісі на головній сторінці в розділі Налаштування та обслуговування системи виберіть Екран покупця.

Крок 1. Підготуйте матеріали

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

     Завантажте картинки та відео в розділі Екран покупця → Галерея.

     Якщо у вас кілька пристроїв з різними розмірами екранів, підготуйте кілька варіантів одного і того ж зображення і відео з різною роздільною здатністю під кожен екран. Так вони краще виглядатимуть у підсумку. Усі варіанти розмірів зображень та відео рекомендуємо використовувати в межах однієї компанії.

Крок 2. Створіть та налаштуйте тему

     Тема визначає розташування елементів, які відображатимуться на екрані в режимах замовлення та очікування: логотип, список замовлення, сума, знижки, реклама, QR -коди тощо.

     Щоб створити нову тему:

1. Виберіть Дисплей покупця → Теми.
2. Натисніть кнопку та введіть назву теми.
3. Налаштуйте Роздільна здатність. Якщо значення за промовчанням не підходить, у списку натисніть кнопку Додати та введіть потрібні розміри.
4.  Налаштуйте "Режим замовлення": у блоці Налаштування режиму перейдіть у вкладку Екран замовлення, натисніть кнопку Додати елемент і виберіть, що потрібно розмістити на екрані:
   1. Блоки для складу замовлення, знижки, суми і т.д.
   2. Рекламний блок - відео або картинки, які плануєте потім міняти. У темі лише розмічається розташування рекламних матеріалів. Самі матеріали налаштовуються у рекламній компанії.
   3. Можна також додати зображення та текст.
5. Налаштуйте режим очікування: у блоці  Налаштування режиму перейдіть у вкладку Екран замовлення, натисніть кнопку Додати елемент і виберіть, що потрібно розмістити на екрані: рекламний блок, текст або зображення. Принцип налаштування такий самий, як і для режиму замовлення.
6. Збережіть налаштування теми.

     На екрані покупця налаштована вище тема буде виглядати так:

Крок 3. Створіть та налаштуйте рекламну компанію

     Рекламна компанія – це контент, який відображатиметься на екрані: кілька картинок або відеороликів змінюють один одного через вказаний час.

1. Натисніть Дисплей покупця → Компанії.
2. Натисніть кнопку   та введіть назву компанії.
3. Вкажіть період, коли буде діяти компанія, зокрема час.
4. Додайте дозволи всіх пристроїв, для яких підготували зображення та відео.
5. Додайте зображення або відео для режимів замовлення та очікування. Вкажіть час відображення.
6. Збережіть налаштування компанії.

Крок 4. Налаштуйте каси

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

1. Натисніть Дисплей покупця → Налаштування кас.
2. Розкрийте список із терміналами ресторану.
3. Виберіть тему та рекламну компанію (одну чи кілька) для кожної каси.
4. Збережіть зміни.

     «Прив'язка за замовчуванням» — використовується для нових пристроїв, які ще не налаштовують тему та кампанію. Параметри за замовчуванням також можна змінити.Налаштування завершено, рекламні матеріали повинні вже відображатися на налаштованих касах. 

Повернутись до інших Лайфхаків