ВСТУП Система управління навчанням (Learning Management System, LMS) та тематичного цільового контенту до неї (далі – Система або Система дистанційного навчання) – програмне забезпечення, призначене для організації навчального процесу та моніторингу навчання слухачів, що будується на основі централізованої програмно-технологічної платформи з уніфікацією програмно–технічних засобів розробки прикладної функціональності з використанням сучасних веб–портальних та сервісно-орієнтованих технологій. Система дистанційного навчання є сучасним та зручним інструментом, який надає можливість дистанційного навчання та підвищення рівня кваліфікації співробітників структурних підрозділів виконавчого органу Київської міської ради (Київської міської державної адміністрації), районних у місті Києві державних адміністрацій та підприємств, установ і організацій, що належать до комунальної власності територіальної громади міста Києва. Додатково Система забезпечує вирішення таких питань:

• підвищення ефективної взаємодії між керівництвом і співробітниками підприємства в питаннях покращення умов праці, навчання тощо;
• можливість проведення нарад у форматі вебкастів між співробітниками які знаходяться в різних офісах.

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

Для входу в Систему користувач повинен у веб-браузері перейти за посиланням https://admin-lms.kyivcity.gov.ua/ та авторизуватись, шляхом введення свого унікального логіну та паролю у відповідну форму авторизації (Рисунок 1). Рисунок 1. Форма авторизації користувача   Після успішної авторизації в Системі, користувач з обліковим записом “Менеджер організації” потрапляє на головну сторінку панелі адміністратора (Рисунок 2). Рисунок 2. Головна сторінка панелі адміністратора Головна сторінка має структуру:

• логотип – здійснює перехід на головну сторінку порталу;
• головне меню містить сервіси:

○       “Заявки”; ○       “Статистика”; ○       “Користувачі”;

• меню верхньої панелі містить сервіси:

○       “Сповіщення”; ○       “Повідомлення”; ○       “Профіль користувача”; ○       меню налаштування мови;

• вкладка “Динаміка проходження завдань” сервісу “Статистика”.

Головне меню та меню верхньої панелі стаціонарно закріплені в Системі та дозволяють здійснювати перехід у необхідний сервіс з будь-якої сторінки Системи.

Сервіс надає можливість керування заявками користувачів на курси і представлений у вигляді таблиці зі списком заявок (Рисунок 3). Рисунок 3. Сервіс “Заявки”
Структура сервісу:

• №;
• поле “Користувач” – поле з можливістю сортування та фільтрації;
• поле “Організація” – поле з можливістю сортування та фільтрації;
• поле “Курс” – поле з можливістю сортування та фільтрації;
• поле “Дата заявки” – поле з можливістю сортування.

  В сервісі представлені такі елементи керування:

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

○       поле “Коментар” – при відхиленні заявки Система відображає спливаюче вікно підтвердження дії, що надає можливість залишити коментар у якості аргументації причини відмови. Структура вікна (Рисунок 4): Рисунок 4. Сервіс “Заявки” – вікно відхилення заявки з можливістю додати коментар
■       текстове поле для введення повідомлення; ■       кнопка “Скасувати” – відміняє дію та закриває спливаюче вікно; ■       кнопка “Підтвердити” – підтверджує дію та надсилає користувачеві коментар, якщо він був доданий; ■       кнопка   - закриває вікно підтвердження дії.  

Сервіс призначено для побудови та експортування звітів з навчання слухачів Системи, до яких має доступ користувач. Сервіс представлено у вигляді 4 автономних звітів:

1. “Зведений звіт з результатів проміжних оцінювань та підсумкових оцінювань” (вкладка “Оцінювання”).
2. “Зведений звіт по кількості пройдених завдань” (вкладка “Пройдені завдання”).
3. “Зведений звіт по кількості пройдених курсів” (вкладка “Пройдені курси”).
4. “Зведений звіт з динаміки проходження завдань” (вкладка “Динаміка проходження завдань”).

Звіт відображає результати проходження курсу користувачами (Рисунок 5). Рисунок 5. Сервіс “Статистика” – вкладка “Оцінювання”
Звіт представлений у вигляді таблиці зі структурою:

• по вертикалі:

○        “Організація” – назва організації, до якої належить користувач; ○        “ПІБ” – повне ім`я користувача.

• по горизонталі:

○     перелік занять, які групуються в теми курсу. Комірки містять бали за тестові завдання, що входять у одне заняття. Достатня кількість балів відображається зеленим кольором у таблиці, недостатня – червоним; ○     сума балів за курс за результатами кожного користувача та середнє значення результатів користувачів кожної організації.
Елементи керування:

• фільтр  – дозволяє налаштовувати параметри виводу інформації у звіті і містить такі поля та елементи (Рисунок 6):

Рисунок 6. Вкладка “Оцінювання” – структура фільтру   ○       поле “Курси” – текстове поле з можливістю пошуку по назві курсу та вибору одного курсу зі списку. Обов’язкове поле. ○       поле “Організації” – текстове поле зі спадним списком організацій Системи, з можливістю пошуку по назві. Присутня можливість мультивибору. ○       поле “Користувачі” – текстове поле зі спадним списком користувачів Системи з можливістю пошуку. Присутня можливість мультивибору. Фільтр залежить від обраної організації(й). ○       кнопка “Сформувати” – при натисканні запускає в роботу фільтр з відповідними налаштуваннями та закриває його. В результаті, на екрані відображаються лише дані, що відповідають параметрам фільтрації; ○       кнопка “Скинути” – при натисканні скидає налаштування фільтра, чим відміняє задані користувачем параметри фільтрації, та закриває фільтр. В результаті, на екрані відображаються дані за замовчуванням;

• кнопка “Експорт”  – при натисканні здійснює експорт звіту на комп’ютер користувача у вигляді файлу Microsoft Excel (.xlsx). Експортований файл містить дані, що відповідають заданим параметрам фільтрації в Системі (Рисунок 7).

Рисунок 7. Вкладка “Оцінювання”  – кнопка “Експорт”  

Звіт відображає кількість пройдених користувачем завдань із загальної кількості завдань, в межах обраного курсу (Рисунок 8). Рисунок 8. Сервіс ”Статистика” – вкладка “Пройдені завдання”
Звіт представлений у вигляді таблиці з наступними полями:

• №;
• поле “Організація” – поле з можливістю сортування;
• поле “Користувач” – поле з можливістю сортування;
• поле “Курс” – поле з можливістю сортування;
• поле “Кількість” – містить кількість пройдених завдань із загальної кількості. Поле з можливістю сортування.

  Елементи керування:

• фільтр  – дозволяє налаштовувати параметри виводу інформації у звіті і містить такі поля та елементи (Рисунок 9):

Рисунок 9. Вкладка “Пройдені завдання” – структура фільтру   ○       поле “Курси” – текстове поле з можливістю пошуку по назві курсу та вибору курсу зі списку. Присутня можливість мультивибору. ○       поле “Організації” – текстове поле зі спадним списком організацій Системи, з можливістю пошуку по назві. Присутня можливість мультивибору. ○       поле “Користувачі” – текстове поле зі спадним списком користувачів Системи з можливістю пошуку. Присутня можливість мультивибору. Фільтр залежить від обраної організації(й). ○       кнопка “Сформувати” – при натисканні запускає в роботу фільтр з відповідними налаштуваннями та закриває його. В результаті, на екрані відображаються лише дані, що відповідають параметрам фільтрації; ○       кнопка “Скинути” – при натисканні скидає налаштування фільтра, чим відміняє задані користувачем параметри фільтрації, та закриває фільтр. В результаті, на екрані відображаються дані за замовчуванням;

• кнопка “Експорт” – при натисканні здійснює експорт звіту на комп’ютер користувача у вигляді файлу Microsoft Excel (.xlsx). Експортований файл містить дані, що відповідають заданим параметрам фільтрації в Системі (Рисунок 10).

Рисунок 10. Вкладка “Пройдені завдання” – кнопка “Експорт”  

Звіт відображає кількість пройдених курсів користувачами (Рисунок 11). Рисунок 11. Сервіс “Статистика” – вкладка “Пройдені курси” Звіт представлений у вигляді таблиці з наступними полями:

• №;
• поле “Організація” – поле з можливістю сортування;
• поле “Користувач” – поле з можливістю сортування;
• поле “Курс” – поле з можливістю сортування.

Елементи керування:

• фільтр  – дозволяє налаштовувати параметри виводу інформації у звіті і містить такі поля та елементи (Рисунок 12):

Рисунок 12. Вкладка “Пройдені курси” – структура фільтру   ○       поле “Курси” – текстове поле з можливістю пошуку по назві курсу та вибору курсу зі списку. Присутня можливість мультивибору. ○       поле “Організації” – текстове поле зі спадним списком організацій Системи, з можливістю пошуку по назві. Присутня можливість мультивибору. ○       поле “Користувачі” – текстове поле зі спадним списком користувачів Системи з можливістю пошуку. Присутня можливість мультивибору. Фільтр залежить від обраної організації(й). ○       кнопка “Сформувати” – при натисканні запускає в роботу фільтр з відповідними налаштуваннями та закриває його. В результаті, на екрані відображаються лише дані, що відповідають параметрам фільтрації; ○       кнопка “Скинути” – при натисканні скидає налаштування фільтра, чим відміняє задані користувачем параметри фільтрації, та закриває фільтр. В результаті, на екрані відображаються дані за замовчуванням;

• кнопка “Експорт”  – при натисканні здійснює експорт звіту на комп’ютер користувача у вигляді файлу Microsoft Excel (.xlsx). Експортований файл містить дані, що відповідають заданим параметрам фільтрації в Системі (Рисунок 13).

Рисунок 13. Вкладка “Пройдені курси” – кнопка “Експорт”  

Звіт представлений у вигляді графіку динаміки проходження завдань курсу окремим співробітником, або групою співробітників певної організації (Рисунок 14). Рисунок 14. Сервіс “Статистика” – вкладка “Динаміка проходження завдань”   Опис графіку:

• вісь ординат – відображає кількість активностей;
• вісь абсцис – відображає дні проходження активностей у вигляді дат за поточний місяць.

Елементи керування:

• фільтр  – дозволяє налаштовувати параметри виводу інформації у звіті і містить такі поля та елементи (Рисунок 15):

Рисунок 15. Вкладка “Динаміка проходження завдань” – структура фільтру   ○       поле “Курси” – текстове поле з можливістю пошуку по назві курсу та вибору курсу зі списку. ○       поле “Дата” – поле з календарем, що дозволяє задати період часу, що буде виведений у звіті. Необхідно задати початкову та кінцеву дату. За замовчуванням відображаються результати за поточний місяць. ○       поле “Організації” – текстове поле зі спадним списком організацій Системи, з можливістю пошуку по назві. Присутня можливість мультивибору. ○       поле “Користувачі” – текстове поле зі спадним списком користувачів Системи з можливістю пошуку. Присутня можливість мультивибору. Фільтр залежить від обраної організації(й). ○       кнопка “Сформувати” – при натисканні запускає в роботу фільтр з відповідними налаштуваннями та закриває його. В результаті, на екрані відображаються лише дані, що відповідають параметрам фільтрації; ○       кнопка “Скинути” – при натисканні скидає налаштування фільтра, чим відміняє задані користувачем параметри фільтрації, та закриває фільтр. В результаті, на екрані відображаються дані за замовчуванням.

Сервіс представлений у вигляді таблиці зі списком усіх користувачів, що потрапили до Системи в результаті синхронізації даних з обліковою системою Міcrosoft Active Directory Замовника (Рисунок 16). Рисунок 16. Сервіс “Користувачі”
Структура сервісу:

• №;
• Фото;
• поле “ПІБ” – поле з можливістю сортування та пошуку;
• поле “Організація” – поле з можливістю сортування та фільтрації;
• поле “Email” – поле з можливістю сортування та пошуку;
• поле “Роль” – поле з можливістю сортування та фільтрації.

При натисканні на елемент списку таблиці, відкривається профайл користувача, доступний для перегляду (Рисунок 17).
Рисунок 17. Сервіс “Користувачі” – профайл користувача
Структура сторінки:

• Фото профіля;
• поле “ПІБ”;
• поле “Організація”– посилання, здійснює перехід на профайл організації в Системі, до якої належить користувач;
• поле “Посада”;
• поле “Мобільний телефон”;
• поле “Робочий телефон”;
• поле “Email”;
• поле “Facebook”;
• поле “Linkedin”;
• поле “Роль” – поле зі спадним списком ролей Системи;
• кнопка “Зберегти” – зберігає внесені зміни.

Вкладка містить список усіх користувачів, видалених із Міcrosoft Active Directory Замовника. Перехід у вкладку здійснюється за допомогою кнопки “Архів” . Вкладка представлена у вигляді таблиці зі списком користувачів (Рисунок 18). Рисунок 18. Сервіс “Користувачі” – вкладка “Архів”
Структура вкладки:

• №;
• поле “ПІБ” – поле з можливістю сортування та пошуку;
• поле “Організація” – поле з можливістю сортування та фільтрації;
• поле “Email” – поле з можливістю сортування та пошуку;
• поле “Роль” – поле з можливістю сортування та фільтрації.

Сервіс “Сповіщення” доступний з будь-якого розділу системи в будь-який момент часу та відображає кількість нових сповіщень у вигляді числа. При натисканні на значок сервісу, відображаються усі сповіщення користувача, візуально розділені кольором на нові (усі сповіщення за замовчуванням) та прочитані (після перегляду користувачем). В сервісі присутні такі елементи керування (Рисунок 19): Рисунок 19. Сервіс “Сповіщення”

• кнопка “Переглянути всі”  – змінює статус всіх сповіщень на “Переглянуто”;
• кнопка “Переглянути”  – навпроти окремого сповіщення, вибране сповіщення змінює статус на “Переглянуто”.

Список усіх сповіщень користувача відображається у вкладці “Історія сповіщень” сервісу “Профіль користувача”.

Сервіс “Повідомлення” слугує засобом зв’язку користувачів у Системі і доступний з будь–якого розділу Системи в будь–який момент часу. Значок сервісу відображає кількість нових повідомлень у вигляді іконки з числом. При натисканні на значок “Повідомлення”, відкривається сторінка сервісу (Рисунок 20). Рисунок 20. Сервіс “Повідомлення”   Сервіс складається з двох основних блоків:

• блок списку діалогів;
• основна робоча область.

  Блок списку діалогів представлений у вигляді наступних елементів:

• поле пошуку – текстове поле з функцією живого пошуку. При введені імені користувача Система відображає усі чати, в яких знайдено співпадіння;
  • кнопка “Створити чат”  – при натисканні відображає вікно створення нового чату з елементами (Рисунок 21):

Рисунок 21. Сервіс “Повідомлення” – створення нового чату
○     поле “Обрати користувачів” – поле пошуку користувачів зі списку користувачів Системи. Присутня можливість мультивибору. Обов’язкове поле; ○     поле “Назва чату” – текстове поле, що з’являється при виборі більше ніж одного користувача у полі “Обрати користувачів”; ○     поле “Текст повідомлення” – текстове поле для введення тексту повідомлення. Обов’язкове поле; ○     кнопка “Створити” – при натисканні зберігає створений чат, додає його у список діалогів, відкриває чат в основній робочій області та надсилає повідомлення усім його учасникам. ○     кнопка “Скасувати” – при натисканні закриває вікно створення чату без збереження внесених змін.

• блок зі списком діалогів – кожен елемент при натисканні відкриває відповідний діалог в основній робочій області, та має структуру (Рисунок 22):

Рисунок 22. Сервіс “Повідомлення” – блок списку діалогів
○     зображення – графічний елемент, відповідає іконці користувача в Системі, або першій літері назви чату; ○     ПІБ користувача/назва чату – текстовий елемент; ○     перші 42 символи останнього повідомлення в діалозі – текстовий елемент; ○     кнопка “Видалення чату”  – при натисканні відкривається вікно підтвердження видалення чату.
Основна робоча область складається з елементів (Рисунок 23): Рисунок 23. Сервіс “Повідомлення” – редагування чату

• назва чату або ПІБ співрозмовника;
• кнопка “Редагувати”  – навпроти назви чату, при натисканні дозволяє редагувати назву чату;
• кнопка “Учасники діалогу”  – відкриває список учасників діалогу, що містить:

○     поле пошуку зі списку користувачів Системи; ○     кнопка “Додати користувача”  – навпроти поля пошуку, додає вибраного користувача до списку учасників діалогу; ○     зображення та ПІБ користувача; ○     кнопка “Видалити”  – навпроти кожного користувача, при натисканні видаляє вибраного користувача із чату. Дія потребує підтвердження;

• історія діалогу містить блоки повідомлень що складаються з таких елементів (Рисунок 24):

Рисунок 24. Сервіс “Повідомлення” – історія діалогу   ○     ПІБ автора повідомлення – текстовий елемент; ○     текст повідомлення; ○     дата та час повідомлення – інтерактивний елемент, з’являється при наведенні курсору на текст повідомлення; ○     кнопка “Видалити” – навпроти тексту повідомлення, при натисканні видаляє повідомлення з діалогу. Для видалення необхідне підтвердження.

• поле для введення тексту повідомлення;
• кнопка “Надіслати”  – при натисканні надсилає повідомлення учасникам діалогу.

При натисканні на сервіс “Профіль користувача” відкривається меню з елементами керування (Рисунок 25): Рисунок 25. Сервіс “Профіль користувача”

• вкладка “Профіль”;
• вкладка “Історія сповіщень”;
• вкладка “Безпека”;
• кнопка “Вихід”.

Вкладка “Профіль” – відкриває сторінку профілю користувача. Картка користувача заповнюється інформацією, отриманою в результаті синхронізації з Міcrosoft Active Directory Замовника, тому дані можна лише переглядати, крім полів “Посилання на сторінку соцмережі Facebook” та “Посилання на сторінку в Linkedin”, що передбачає заповнення вручну. Картка користувача містить поля (Рисунок 26): Рисунок 26. Вкладка “Профіль користувача”

• фото профілю;
• поле “ПІБ”;
• поле “Організація” – посилання, здійснює перехід на картку організації, до якої належить користувач;
• поле “Посада”;
• поле “Мобільний телефон”;
• поле “Робочий телефон”;
• поле “Email”;
• поле “Посилання на сторінку в Facebook” – заповнюється вручну;
• поле “Посилання на сторінку в Linkedin” – заповнюється вручну;
• кнопка “Додати дані з Facebook” – при натисканні додає значення “ПІБ” та “Email” з аккаунту користувача в мережі Facebook, після чого дозволяє оновлювати додані значення;

○       кнопка “Дані з Facebook” – при натисканні в профілі відображаються поля “ПІБ” та “Email” зі значеннями з аккаунту користувача в мережі Facebook; ○       кнопка “Скасувати зв'язок з Facebook” – при натисканні скасовує зв'язок з аккаунтом користувача в мережі Facebook в результаті чого значення “ПІБ” та “Email” з аккаунту не відображаються в профілі;

• кнопка “Зберегти” – при натисканні зберігає внесені в картку зміни.

Вкладка “Історія сповіщень” – відкриває сторінку зі списком усіх сповіщень користувача (Рисунок 27). Рисунок 27. Вкладка “Історія сповіщень”
Кнопка “Переглянути всі” – дозволяє змінити статус всіх сповіщень на “Переглянуті”. Кнопка “Переглянути”  – навпроти окремого сповіщення, дозволяє змінити статус вибраного сповіщення на “Переглянуте”.
Вкладка “Безпека” – відкриває сторінку “Історія активності”. Сторінка представлена у вигляді списку всіх сесій користувача в Системі (Рисунок 28). Рисунок 28. Вкладка “Історія активності”
Вкладка містить елементи:

• поле “ІР”;
• поле “Опис”;
• поле “Остання активність”;
• кнопка “Завершити всі сеанси” – завершує всі сеанси користувача окрім поточного. Дія потребує підтвердження.

  Кнопка “Вийти” – при натисканні, користувач завершує поточний сеанс та потрапляє на сторінку авторизації в Системі. Дія потребує підтвердження (Рисунок 29). Рисунок 29. Сервіс “Профіль користувача” – кнопка “Вийти”

Функція налаштування мови доступна з будь-якого розділу Системи в будь-який момент часу. Налаштування мови Системи здійснюється за допомогою відповідного меню на верхній панелі користувача (Рисунок 30). Рисунок 30. Меню налаштування мови При натисканні на поле налаштування мови, відкривається спадний список усіх мов в Системі. Після вибору мови, усі поля та елементи Системи відображаються вибраною мовою. В Системі доступні такі мови:

• українська ;
• англійська .

Для входу в Систему користувач повинен у веб-браузері перейти за посиланням https://lms.kyivcity.gov.ua/ та авторизуватись, шляхом введення свого унікального логіну та паролю у відповідну форму (Рисунок 31).
Рисунок 31. Форма авторизації користувача
Після успішної авторизації в Системі, користувач з обліковим записом “Менеджер організації” потрапляє на головну сторінку панелі користувача, де йому доступні такі сервіси Системи (Рисунок 32): Рисунок 32. Головна сторінка панелі користувача

• сервіс “Новини”;
• сервіс “Курси”;
• сервіс “База знань”;
• сервіс “Наради”;
• сервіс “Календар”;
• сервіс “Сповіщення”;
• сервіс “Повідомлення”;
• сервіс “Профіль користувача”;
• меню “Налаштування мови Системи”.

Перехід між сервісами здійснюється за допомогою головного меню у верхній частині сторінки, де також розміщені меню вибору мови та сервіс “Профіль користувача” з додатковими елементами керування. Кнопка “Технічна підтримка” (в нижній частині вікна Системи) доступна як з панелі користувача, так і з адміністративної панелі (Рисунок 33). Рисунок 33. Кнопка “Технічна підтримка”
При натисканні на кнопку відкривається сервіс “Повідомлення” з автоматично створеним діалогом між користувачем та технічною підтримкою (Рисунок 34). Рисунок 34. Сервіс “Повідомлення” – діалог з технічною підтримкою
Структура повідомлення:

• текст повідомлення – вноситься користувачем;
• посилання – при натисканні на кнопку “Технічна підтримка” Система автоматично генерує посилання на сторінку в Системі, з якої користувач звернувся до технічної підтримки.

Сервіс містить список опублікованих новин в Системі, що представлені блоками зі стислою інформацією, та містять: зображення, назву, стислий опис, назву рубрики, дату публікації (Рисунок 35). Рисунок 35. Сервіс “Новини”
В сервісі доступні функції пошуку новин та фільтрації за рубриками (Рисунки 36). Рисунок 36. Сервіс “Новини” – інструменти пошуку і фільтрації новин
Для здійснення пошуку необхідно ввести слово в поле пошуку та натиснути кнопку “Пошук”  або клавішу Enter. Фільтрація новин здійснюється за рубриками. Для цього необхідно натиснути на кнопку фільтру  та задати у вікні фільтру необхідні параметри фільтрації.
При натисканні на блок новини, відкривається сторінка її перегляду, з детальною інформацією новини (Рисунок 37). Рисунок 37. Сторінка перегляду новини
Сторінка перегляду новини складається з наступних елементів:

• кнопка “Назад” – здійснює перехід на основну сторінку сервісу “Новини”;
• назва сервісу;
• зображення;
• назва новини;
• рубрика – клікабельний елемент. При натисканні здійснює перехід на основну сторінку сервісу, де відображаються лише ті новини, що відповідають вибраній рубриці;
• дата опублікування;
• опис;
• 3 останніх новини, опублікованих в Системі. Представлені у вигляді блоків зі структурою:

○       зображення; ○       дата публікації; ○       назва новини; ○       скорочений опис; ○       рубрика – клікабельний елемент. При натисканні здійснює перехід на основну сторінку сервісу, де відображаються лише ті новини, що відповідають вибраній рубриці.  

В сервісі представлені всі курси, що опубліковані в Системі та доступні користувачам. Сервіс містить вкладки (Рисунок 38): Рисунок 38. Сервіс “Курси”

• “Всі” – відображається за замовчуванням;
• “Мої курси”;
• “Вебінари”;
• “Заявки”;
• “Архів”.

В сервісі доступні функція пошуку та фільтрації інформації.

При вході в сервіс відображається вкладка “Всі”, що містить всі курси, опубліковані в Системі. У вкладці доступні функції пошуку та фільтрації серед усіх опублікованих курсів Системи (Рисунок 39): Рисунок 39. Сервіс “Курсі” – вкладка “Всі”, функції пошуку і фільтрації
Для здійснення пошуку необхідно ввести слово в поле пошуку та натиснути кнопку “Пошук”  або клавішу Enter. Для здійснення фільтрації необхідно натиснути на кнопку фільтру  та задати у вікні фільтру необхідні параметри фільтрації.

• За категоріями:

○       “Напрямок”; ○       “Рівень підготовки”.

• Типом курсу:

○       “Закритий”; ○       “Відкритий”.

• Тегами.

Для навігації між сторінками у вкладці, передбачені кнопки з номерами сторінок та кнопки ＜ / ＞ для перемикання на попередню / наступну сторінку відповідно.

При натисканні на блок курсу, відображається сторінка з описом курсу та інтерактивними елементами відповідно до типу курсу. В Системі представлено два типи курсів: закриті та відкриті. Сторінка закритого курсу має структуру (Рисунок 40): Рисунок 40. Сервіс “Курси” – сторінка опису закритого курсу

• загальна інформація:

○       “Викладач”; ○       “Напрямок”; ○       “Рівень підготовки”; ○       Опис; ○       “Сертифікат по завершенню курсу”;

• теги – при натисканні відбувається перехід на сторінку “Всі курси” та відображаються лише ті курси, що мають вибраний тег;
• теми курсу – доступні для загального ознайомлення;
• кнопка “Подати заявку” – генерує заявку користувача на курс в Системі та змінює статус на “Скасувати заявку”. Після повторного натискання – відміняє заявку користувача на курс і змінює статус на “Подати заявку” (Рисунок 41).

  Рисунок 41. Сервіс “Курси” – сторінка закритого курсу після подачі заявки
Після того, як заявку користувача на курс підтвердили, сторінка опису курсу має структуру (Рисунок 42): Рисунок 42. Сервіс “Курси” – сторінка опису закритого курсу після подачі заявки

• загальна інформація:

○       “Викладач”; ○       “Напрямок”; ○       “Рівень підготовки”; ○       опис; ○       “Сертифікат по завершенню курсу”;

• теги – при натисканні відбувається перехід на сторінку “Всі курси” та відображаються лише ті курси, що мають вибраний тег;
• теми курсу – доступні для детального перегляду та виконання завдань:

○       прогрес проходження завдань; ○       загальна кількість балів за курс;

• кількість часу до завершення курсу.

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

• розпочата тема – блакитного кольору;
• нерозпочата тема – оранжевого кольору;
• пройдена тема – зеленого кольору.

Структура сторінки перегляду теми (Рисунок 43): Рисунок 43. Сервіс “Курси” – сторінка перегляду теми

• назва теми;
• кількість занять;
• кількість завдань;
• прогрес виконання завдань;
• кількість отриманих балів із максимально можливої;
• кнопка “Продовжити” – відкриває наступне не пройдене завдання.

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

• текст;
• графіка;
• презентація;
• аудіо;
• відео;
• вебінар;
• тест.

Структура сторінки перегляду завдання (Рисунок 44): Рисунок 44. Сервіс “Курси” – сторінки перегляду завдання

• кнопка “Меню”  – відкриває меню зі структурою поточної теми, де відображаються всі структурні елементи теми. При натисканні на завдання в структурі меню, здійснюється перехід на сторінку обраного завдання;
• назва завдання;
• контент завдання;
• кнопка “Завантажити”  – (не відображається для завдання типу “Тест”) при натисканні здійснює завантаження контенту завдання на комп’ютер користувача у вигляді файлу формату, відповідно до типу завдання;
• елемент пагінації  – здійснює перехід між завданнями в межах заняття.

  Завдання типу “Текст” представлене у вигляді тексту. Може містити зображення та посилання на зовнішні ресурси (Рисунок 45). Рисунок 45. Сервіс “Курси” – Завдання типу “Текст” Завдання типу “Графіка” представлене у вигляді галереї зображень. При натисканні на зображення, воно збільшується, якщо дозволяє роздільна здатність зображення (Рисунок 46). Рисунок 46. Сервіс “Курси” – Завдання типу “Графіка”
Елементи керування при перегляді галереї (Рисунок 47): Рисунок 47. Сервіс “Курси” – перегляд галереї

• кнопки </> – перемикають зображення по черзі, якщо їх більше одного;
• eлемент пагінації  – здійснює перехід між зображеннями;
• кнопка  – закриває режим перегляду зображень “на весь екран”.

Завдання типу “Презентація” відображається за допомогою переглядача файлів формату pdf (Рисунок 48): Рисунок 48. Сервіс “Курси” – завдання типу “Презентація” Вікно перегляду презентації має структуру:

• стрічка змісту документу – містить слайди презентації у зменшеному вигляді. Дозволяє перемикати слайди у довільному порядку, шляхом кліку на відповідний слайд. Містить кнопки керування  та , що дозволяють гортати стрічку слайдів вгору та вниз. При натисненні на слайд в стрічці він з’являється в області відображення слайду;
• область відображення слайду – містить вибраний слайд презентації та кнопки </>, що перемикають зображення по черзі;
• елемент “Сторінка” – відображає номер слайду та загальну кількість слайдів презентації.

  Завдання типу “Відео” відображається програвачем відео-файлів з елементами керування (Рисунок 49): Рисунок 49. Сервіс “Курси” – завдання типу “Відео”
Вікно перегляду відео має структуру:

• кнопка “Відтворити/Пауза”  – дозволяє зупиняти і вмикати відтворення запису;
• індикатор прогресу і ручного перемотування – інтерактивний елемент, відображає скільки інформації, із загальної кількості, відтворено і дозволяє перемотувати запис;
• кнопка “Звук”  – дозволяє вмикати/вимикати звук;
• кнопка “На весь екран”  – при натисканні відкриває програвач на всю ширину екрану. При повторному натисканні (або натисканні кнопки “Esc”) – відміняє повноекранний режим.

  Завдання типу “Аудіо” відображається програвачем аудіо-файлів з елементами керування (Рисунок 50): Рисунок 50. Сервіс “Курси” – завдання типу “Аудіо”

• кнопка “Відтворити/Пауза”  – дозволяє вмикати і зупиняти відтворення запису;
• індикатор прогресу і ручного перемотування – інтерактивний елемент, відображає скільки інформації, із загальної кількості, відтворено і дозволяє перемотувати запис;
• кнопка “Звук”  – дозволяє вмикати/вимикати звук;

  Завдання типу “Вебінар” присутні лише в курсах закритого типу. Якщо вебінар не розпочався, сторінка містить елементи (Рисунок 51): Рисунок 51. Сервіс “Курси” – завдання типу “Вебінар”

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

Якщо вебінар розпочався, сторінка містить елементи (Рисунок 52): Рисунок 52. Сервіс “Курси” – вікно трансляції вебінару

• вікно трансляції вебінару з елементами керування:

○       кнопка “Чат”  – дозволяє учасникам вебінару обмінюватися повідомленнями; ○       кнопка “Учасники”  – відкриває список учасників вебінару; ○       кнопка “Повноекранний режим”  – розгортає вікно перегляду вебінару на всю ширину екрану; ○       кнопка “Виступити на трибуні”  – надсилає ведучому вебінару запит на виступ користувача; ○       кнопка “Звук”  – дозволяє вмикати та вимикати звук трансляції вебінару; ○       кнопка “Демонструвати екран”  – дозволяє демонструвати екран доповідача іншим учасникам вебінару;

• опис – короткий опис вебінару;
• додаткові файли – супровідні файли, доступні для перегляду.

Список усіх вебінарів, у яких користувач може взяти участь, відображається у вкладці “Вебінари” сервісу “Курси”. Завдання типу “Тест” містить наступні елементи на сторінці інформації про тест (Рисунок 53): Рисунок 53. Сервіс “Курси” – завдання типу “Тест”  

• кнопка “Розпочати тест”;
• блок “Опис” містить інформацію:
  • “Кількість спроб”;
  • “Залишилось спроб”;
  • “Завдань”;
  • “Максимальний бал”;
  • “Прохідний бал”;
  • “Час на проходження”;
  • блок “Результати”:
    • результат проходження тесту;
    • час, затрачений на проходження тесту;
    • кількість отриманих балів з максимально можливої;
    • дата проходження тесту.

Сторінка проходження тесту має структуру (Рисунок 54): Рисунок 54. Сервіс “Курси” – структура сторінки проходження тесту

• таймер – динамічний елемент, здійснює зворотній відлік часу, якщо час проходження тесту обмежений;
• кнопка “Завершити”  – завершує проходження тесту зі збереженням результатів. При натисканні відкривається вікно підтвердження дії. Завершення тесту рахується як спроба проходження;
• пагінація між питаннями – при натисканні на номер відкривається відповідне питання. Питання, на яке вже дана відповідь, можна лише переглянути;
• завдання або запитання – текст;
• блок відповідей – вигляд та елементи керування відповідями змінюється в залежності від типу тестового завдання;
• кнопка “Підтвердити відповідь” – зберігає надану відповідь та відкриває наступне питання. Після цього змінити відповідь неможливо. Якщо питання останнє в тесті – здійснює завершення тесту.

  У Системі передбачено 4 типи тестових завдань:

• Вибір відповідей;
• Логічні пари;
• Правильна послідовність;
• Введення короткої відповіді.

Від типу тесту залежать елементи керування відповіддю. Для надання відповіді на питання тесту типу “Вибір відповідей” необхідно натиснути на один чи декілька (в залежності від завдання) блоків варіантів відповідей. Обрані елементи виділяються синім кольором (Рисунок 55); Рисунок 55. Завдання типу “Тест” – питання типу “Вибір відповіді”
Для надання відповіді на питання тесту типу “Логічні пари” необхідно встановити правильну залежність лівої та правої частини. Для цього необхідно перетаскувати елементи по вертикалі, утримуючи на них ліву кнопку миші (Рисунок 56); Рисунок 56. Завдання типу “Тест” – питання типу “Логічні пари”
Для надання відповіді на питання тесту типу “Правильна послідовність” необхідно перетаскувати елементи по вертикалі, утримуючи на них ліву кнопку миші (Рисунок 57); Рисунок 57. Завдання типу “Тест” – питання типу “Правильна послідовність”
Для надання відповіді на питання тесту типу “Введення короткої відповіді” необхідно ввести текст відповіді у текстове поле. Даний тип тесту присутній лише в курсі закритого типу (Рисунок 58). Рисунок 58. Завдання типу “Тест” – питання типу “Введення короткої відповіді”

Відкритий курс не передбачає подачу заявки, тому він не має обмежень у часі і матеріали курсу доступні всім користувачам Системи. Сторінка відкритого курсу має структуру (Рисунок 59): Рисунок 59. Сервіс “Курси” –сторінка опису відкритого курсу

• загальна інформація:

○       “Викладач”; ○       “Напрямок”; ○       “Рівень підготовки”; ○       опис; ○       “Сертифікат по завершенню курсу”;

• теги – при натисканні відбувається перехід на сторінку “Всі курси” та відображаються лише ті курси, що мають вибраний тег;
• теми курсу – недоступні для детального перегляду;
• кнопка “Розпочати навчання” – додає курс у список “Мої курси” користувача в Системі та показує прогрес проходження курсу у відсотках (Рисунок 60).

Рисунок 60. Сервіс “Курси” –сторінка опису відкритого курсу після початку навчання

Вкладка містить список курсів, за якими користувач проходить навчання, та курси, на які підтверджена його заявка. У вкладці доступні функції пошуку та фільтрації інформації за тегами, типом курсу і категоріями “Напрямок” та “Рівень підготовки” (Рисунок 61).
Рисунок 61. Сервіс “Курси” – вкладка “Мої курси”

Вкладка представлена у вигляді списку всіх вебінарів, що входять в структуру курсів, на яких навчається користувач (Рисунок 62).
Рисунок 62. Сервіс “Курси” –вкладка “Вебінари”
Блок вебінару у списку містить елементи:

• назва вебінару;
• назва курсу, до якого входить вебінар;
• динамічний елемент відображення часу – відображає час до початку вебінару, а в день проведення – час початку вебінару. Якщо вебінар вже розпочався – елемент набуває форми “Наживо” (Рисунок 63).

Рисунок 63. Сервіс “Курси” –вкладка “Вебінари”, вебінар розпочато
При натисканні на блок вебінару в списку, відкривається сторінка перегляду вебінару. Якщо вебінар не розпочався, сторінка містить елементи (Рисунок 64): Рисунок 64. Сервіс “Курси” –вкладка “Вебінари”, сторінка перегляду вебінару

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

  Якщо вебінар розпочався, сторінка містить елементи:

• вікно трансляції вебінару з елементами керування (Рисунок 65):

Рисунок 65. Сервіс “Курси” – вкладка “Вебінари”, вікно трансляції вебінару
○       кнопка “Чат”  – дозволяє учасникам вебінару обмінюватися повідомленнями; ○       кнопка “Учасники”  – відкриває список учасників вебінару; ○       кнопка “Повноекранний режим”  – розгортає вікно перегляду вебінару на всю ширину екрану; ○       кнопка “Виступити на трибуні”  – надсилає ведучому вебінару запит на виступ користувача; ○       кнопка “Звук”  – дозволяє вмикати та вимикати звук трансляції вебінару; ○       кнопка “Демонструвати екран”  – дозволяє демонструвати екран доповідача іншим учасникам вебінару;

• опис – короткий опис вебінару;
• додаткові файли – супровідні файли, доступні для перегляду

Вкладка містить список курсів, на які користувач подав заявки, але заявки ще не підтверджені в Системі. У вкладці доступні функції пошуку та фільтрації інформації за тегами, типом курсу і категоріями “Напрямок” та “Рівень підготовки” (Рисунок 66).
Рисунок 66. Сервіс “Курси” – вкладка “Заявки”

Вкладка містить список курсів, на яких користувач вже завершив навчання. Матеріали курсів, що знаходяться в архіві, доступні лише для перегляду. У вкладці доступні функції пошуку та фільтрації інформації за тегами, типом курсу і категоріями “Напрямок” та “Рівень підготовки” (Рисунок 67). Рисунок 67. Сервіс “Курси”  – вкладка “Архів”
 

Сервіс представлений у вигляді списку додаткових матеріалів до курсів Системи (Рисунок 68). Рисунок 68. Сервіс “База знань” Матеріали в сервісі відображаються у вигляді блоків зі стислою інформацією, та містять елементи:

• зображення;
• іконка типу матеріалу;
• назва матеріалу;
• ПІБ автора;
• короткий опис.

В сервісі представлені матеріали 5 типів:

• текст;
• графіка;
• презентація;
• відео;
• аудіо.

В сервісі доступні функції пошуку та фільтрації інформації за тегами, типом матеріалу і категорією “Напрямок” (Рисунок 69). Рисунок 69. Сервіс “База знань”, функції пошуку і фільтрації
Для здійснення пошуку необхідно ввести слово в поле пошуку та натиснути кнопку “Пошук”  або клавішу Enter. Для здійснення фільтрації необхідно натиснути на кнопку фільтру  та задати у вікні фільтру необхідні параметри фільтрації. При натисканні на блок елементу в списку, відкривається сторінка перегляду матеріалу, що містить опис матеріалу та елементи керування в залежності від типу матеріалу (Рисунок 70). Рисунок 70. Сервіс “База знань” – Сторінка перегляду матеріалу типу “Презентація”
Кнопка “Назад”  – дозволяє повернутися до списку матеріалів сервісу “База знань”. Елементи керування матеріалами сервісу “Бази знань” відповідають елементам керування завдань в курсах відповідно до типу контенту (п. 11.1.1).

Сервіс слугує для відображення списку нарад, в яких користувач бере участь і складається з наступних елементів (Рисунок 71): Рисунок 71. Сервіс “Наради”

• назва сервісу;
• кнопка “Створити” – відкриває форму створення наради;
• кнопка “Архів” – відкриває сторінку перегляду нарад, що завершились;
• список нарад – посилання з переходом на сторінку перегляду окремої наради;

  Структура форми створення наради (Рисунок 72): Рисунок 72. Сервіс “Наради” – форма створення наради

• поле “Тема” – текстове поле для введення інформації;
• поле “Дата та час початку” – поле для введення дати та часу початку наради з календаря;
• поле “Опис” – текстове поле для введення інформації;
• поле “Учасники” – поле зі спадним списком користувачів Системи. Можливий мультивибір;
• поле “Файли” – поле для завантаження файлів. Файли можна завантажити, перетягнувши їх в поле, або натиснути в полі на кнопку  і обрати необхідний файл на комп’ютері;
• кнопка “Створити” – при натисканні зберігає внесені зміни і додає нараду у список нарад сервісу;
• кнопка “Скасувати” – при натисканні закриває форму створення наради без збереження змін.

  Блок наради у списку складається з наступних елементів (Рисунок 73): Рисунок 73. Сервіс “Наради” – структура блоку наради

• тема наради;
• опис;
• ведучий (автор) наради;
• динамічний елемент відображення часу – відображає час до початку наради, а в день проведення – час початку наради. Якщо нарада вже розпочався – елемент набуває форми “Наживо”;

При натисканні на блок наради в списку, відкривається сторінка перегляду наради.   Якщо нарада не розпочалася, сторінка містить елементи (Рисунок 74): Рисунок 74. Сервіс “Наради”  – сторінка перегляду наради

• назва наради;
• кнопка “Видалити” – при натисканні видаляє нараду з Системи;
• кнопка “Редагувати” – при натисканні відкриває форму наради в режимі редагування. Поля та елементи керування ідентичні формі створення;
• кнопка “Розпочати” – при натисканні розпочинає нараду: відкривається вікно трансляції наради, кнопка набуває статусу “Завершити” – при натисканні зупиняє трансляцію та закриває вікно проведення наради. Завершені наради переміщуються до архіву. Кнопка відображається для ведучого наради;
• повідомлення про суміжні події – відображається, якщо у користувача, доданого на нараду, в час проведення наради запланована інша нарада;
• динамічний елемент відображення часу – плашка, де відображається час до початку наради, а в день проведення – час початку наради;
• опис – короткий опис наради;
• учасники наради – список користувачів, яких додали на нараду у вигляді фото і ПІБ – при натисканні відкриває профіль користувача. Користувач, що створив нараду, виділений як “Ведучий”;
• прикріплені файли – супровідні файли, доступні для перегляду до початку та після завершення наради.

Якщо нарада розпочалася, сторінка містить елементи (Рисунок 75): Рисунок 75. Сервіс “Наради”  – вікно трансляції наради

• назва наради;
• кнопка “Завершити” – при натисканні зупиняє трансляцію та закриває вікно проведення наради. Кнопка відображається для ведучого наради. Завершення потребує підтвердження. Завершені наради переміщуються до архіву;
• вікно трансляції наради з елементами керування:

○       кнопка “Чат”  – дозволяє учасникам вебінару обмінюватися повідомленнями; ○       кнопка “Учасники”  – відкриває список учасників вебінару; ○       кнопка “Повноекранний режим”  – розгортає вікно перегляду вебінару на всю ширину екрану; ○       кнопка “Виступити на трибуні”  – надсилає ведучому вебінару запит на виступ користувача; ○       кнопка “Звук”  – дозволяє вмикати та вимикати звук трансляції вебінару; ○       кнопка “Демонструвати екран”  – дозволяє демонструвати екран доповідача іншим учасникам вебінару;

• опис – короткий опис наради;
• учасники наради – список користувачів, яких додали на нараду у вигляді фото і ПІБ – при натисканні відкриває профіль користувача. Користувач, що створив нараду, виділений як “Ведучий”;
• прикріплені файли – супровідні файли, доступні для перегляду до початку та після завершення наради.

При натисканні на кнопку “Архів” в сервісі “Наради”, відкривається вкладка архіву нарад, що представлена у вигляді списку нарад, в яких користувач брав участь і які вже були проведені (Рисунок 76). Рисунок 76. Сервіс “Наради” – вкладка “Архів”
Структура вкладки:

• назва вкладки;
• список нарад – посилання з переходом на сторінку перегляду окремої наради.

  Блок наради у списку складається з наступних елементів (Рисунок 77): Рисунок 77. Сервіс “Наради” – структура блоку наради  

• тема наради;
• опис;
• ведучий (автор) наради;
• динамічний елемент відображення часу – відображає час закінчення наради.

При натисканні на блок наради в списку, відкривається сторінка перегляду наради (Рисунок 78). Рисунок 78. Сервіс “Наради”  – сторінка перегляду наради у вкладці “Архів”   Сторінка містить елементи:

• назва наради;
• статус “Нарада завершена”;
• опис – короткий опис наради;
• учасники наради – список користувачів, яких додали на нараду у вигляді фото і ПІБ – при натисканні відкриває профіль користувача. Користувач, що створив нараду, виділений як “Ведучий”;
• прикріплені файли – супровідні файли, доступні для перегляду після завершення наради.

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

• календар – відображає події обраного календарного місяця (Рисунок 79). Відображення вкладки в сервісі за замовчуванням;

Рисунок 79. Сервіс “Календар” – відображення “Місяць”

• розклад – хронологічне відображення подій поточного місяця від найближчих за часом – до найдальших. У списку відображаються лише ті дні, що мають події. (Рисунок 80).

Рисунок 80. Сервіс “Календар” – відображення “Розклад”   Календар відображає три типи подій:

• курс – початок, тривалість та кінець;
• вебінар – назва вебінару, час початку;
• нарада – назва наради, час початку.

Структура відображення сервісу:

• місяць/рік – динамічний елемент, змінюється відповідно до вибраного місяцю/року;
• кнопки вперед  / назад  – дозволяють переглядати майбутні та минулі місяці в календарі;
• кнопка “Сьогодні” – повертає відображення поточного місяця і виділяє поточну дату;
• кнопка “Місяць” – вмикає режим відображення “Календар”;
• кнопка “Розклад” – вмикає режим відображення “Розклад”;
• область відображення календаря або розкладу з подіями;
• події – посилання, при натисканні здійснюють перехід на сторінку відповідної події в Системі;
• типи подій – список типів подій, що відображаються в календарі або розкладі із зазначенням відповідного кольору відображення.

Сервіс “Сповіщення” доступний з будь-якого розділу системи в будь-який момент часу та відображає кількість нових сповіщень у вигляді числа. При натисканні на значок сервісу, відображаються усі сповіщення користувача, візуально розділені кольором на нові (усі сповіщення за замовчуванням) та прочитані (після перегляду користувачем). В сервісі присутні такі елементи керування (Рисунок 81): Рисунок 81. Сервіс “Сповіщення”

• кнопка “Переглянути всі”  – змінює статус всіх сповіщень на “Переглянуто” (Рисунок 82);

Рисунок 82. Сервіс “Сповіщення” – після натискання кнопки “Переглянути всі”

• кнопка “Переглянути”  – навпроти окремого сповіщення, змінює статус вибраного сповіщення на “Переглянуто” (Рисунок 83).

Рисунок 83. Сервіс “Сповіщення” – після натискання кнопки “Переглянути”   Список усіх сповіщень користувача відображається у вкладці “Історія сповіщень” сервісу “Профіль користувача”.

Сервіс “Повідомлення” слугує засобом зв’язку користувачів у Системі і доступний з будь–якого розділу Системи в будь–який момент часу. Значок сервісу відображає кількість нових повідомлень у вигляді іконки з числом. При натисканні на значок “Повідомлення”, відкривається сторінка сервісу (Рисунок 84). Рисунок 84. Сервіс “Повідомлення”   Сервіс складається з двох основних блоків:

• блок списку діалогів;
• основна робоча область.

  Блок списку діалогів представлений у вигляді наступних елементів:

• поле пошуку – текстове поле з функцією пошуку. При введені імені користувача Система відображає усі чати, в яких знайдено співпадіння;
• кнопка “Створити чат”  – при натисканні відображає вікно створення нового чату з елементами (Рисунок 85):

Рисунок 85. Сервіс “Повідомлення” – створення нового чату
○     поле “Обрати користувачів” – поле пошуку користувачів зі списку користувачів Системи. Присутня можливість мультивибору. Обов’язкове поле; ○     поле “Назва чату” – текстове поле, що з’являється при виборі більше ніж одного користувача у полі “Обрати користувачів”; ○     поле “Текст повідомлення” – текстове поле для введення тексту повідомлення. Обов’язкове поле; ○     кнопка “Створити” – при натисканні зберігає створений чат, додає його у список діалогів, відкриває чат в основній робочій області та надсилає повідомлення усім його учасникам. ○     кнопка “Скасувати” – при натисканні закриває вікно створення чату без збереження внесених змін.

• блок зі списком діалогів – кожен елемент при натисканні відкриває відповідний діалог в основній робочій області, та має структуру (Рисунок 86):

Рисунок 86. Сервіс “Повідомлення” – блок списку діалогів   ○     зображення – графічний елемент, відповідає іконці користувача в Системі, або першій літері назви чату; ○     ПІБ користувача/назва чату – текстовий елемент; ○     перші 42 символи останнього повідомлення в діалозі – текстовий елемент; ○       кнопка “Видалення чату”  – при натисканні відкривається вікно підтвердження видалення чату.   Основна робоча область складається з елементів (Рисунок 87): Рисунок 87. Сервіс “Повідомлення” – редагування чату

• назва чату або ПІБ співрозмовника;
• кнопка “Редагувати”  – навпроти назви чату, при натисканні дозволяє редагувати назву чату;
• кнопка “Учасники діалогу”  – відкриває список учасників діалогу, що містить:

○     поле пошуку зі списку користувачів Системи; ○     кнопка “Додати користувача”  – навпроти поля пошуку, додає вибраного користувача до списку учасників діалогу; ○     зображення та ПІБ користувача; ○     кнопка “Видалити”  – навпроти кожного користувача, при натисканні видаляє вибраного користувача із чату. Дія потребує підтвердження;

• історія діалогу містить блоки повідомлень що складаються з таких елементів (Рисунок 88):

Рисунок 88. Сервіс “Повідомлення” – історія діалогу   ○     ПІБ автора повідомлення – текстовий елемент; ○     текст повідомлення; ○     дата та час повідомлення – інтерактивний елемент, з’являється при наведенні курсору на текст повідомлення; ○     кнопка “Видалити” – навпроти тексту повідомлення, при натисканні видаляє повідомлення з діалогу. Для видалення необхідне підтвердження.

• поле для введення тексту повідомлення;
• кнопка “Надіслати”  – при натисканні надсилає повідомлення учасникам діалогу.

При натисканні на сервіс “Профіль користувача” відкривається меню з елементами керування (Рисунок 89): Рисунок 89. Сервіс “Профіль користувача”

• вкладка “Профіль”;
• вкладка “Історія сповіщень”;
• вкладка “Безпека”;
• кнопка “Вихід”.

Вкладка “Профіль” – відкриває сторінку профілю користувача. Картка користувача заповнюється інформацією, отриманою в результаті синхронізації Системи з Міcrosoft Active Directory Замовника, тому дані можна лише переглядати, крім полів “Посилання на сторінку соцмережі Facebook” та “Посилання на сторінку в Linkedin”, що передбачають заповнення вручну. Картка користувача містить поля (Рисунок 90): Рисунок 90. Вкладка “Профіль користувача”  

• фото профілю;
• поле “ПІБ”;
• поле “Організація” – посилання, здійснює перехід на картку організації, до якої належить користувач;
• поле “Посада”;
• поле “Мобільний телефон”;
• поле “Робочий телефон”;
• поле “Email”;
• поле “Посилання на сторінку в Facebook” – заповнюється вручну;
• поле “Посилання на сторінку в Linkedin” – заповнюється вручну;
• кнопка “Додати дані з Facebook” – при натисканні додає значення “ПІБ” та “Email” з аккаунту користувача в мережі Facebook, після чого дозволяє оновлювати додані значення;

○       кнопка “Дані з Facebook” – при натисканні в профілі відображаються поля “ПІБ” та “Email” зі значеннями з аккаунту користувача в мережі Facebook; ○       кнопка “Скасувати зв'язок з Facebook” – при натисканні скасовує зв'язок з аккаунтом користувача в мережі Facebook в результаті чого значення “ПІБ” та “Email” з аккаунту не відображаються в профілі; ○       кнопка “Зберегти” – при натисканні зберігає внесені в картку зміни.   Сторінка перегляду організації користувача містить елементи (Рисунок 91): Рисунок 91. Вкладка “Організації”

• логотип організації (зображення);
• поле “Адреса”;
• поле “Телефон”;
• поле “Еmail”;
• поле “Менеджери”:

○        ПІБ;

• опис;
• блок “Учасники організації”:

○        Фото; ○        ПІБ.
Вкладка “Історія сповіщень” – відкриває сторінку зі списком усіх сповіщень користувача (Рисунок 92). Рисунок 92. Вкладка “Історія сповіщень”
Кнопка “Переглянути всі” – дозволяє змінити статус всіх сповіщень на “Переглянуті”. Кнопка “Переглянути”  – навпроти окремого сповіщення, дозволяє змінити статус вибраного сповіщення на “Переглянуте”.
Вкладка “Безпека” – відкриває сторінку “Історія активності”. Сторінка представлена у вигляді списку всіх сесій користувача в Системі (Рисунок 93). Рисунок 93. Вкладка “Історія активності”
Вкладка містить елементи:

• поле “ІР”;
• поле “Опис”;
• поле “Остання активність”;
• кнопка “Завершити всі сеанси” – завершує всі сеанси користувача окрім поточного. Дія потребує підтвердження.

  Кнопка “Вийти” – при натисканні, користувач завершує поточний сеанс та потрапляє на сторінку авторизації в Системі. Дія потребує підтвердження (Рисунок 94). Рисунок 94. Сервіс “Профіль користувача” – кнопка “Вийти”
 

Функція налаштування мови доступна з будь-якого розділу Системи в будь-який момент часу. Налаштування мови Системи здійснюється за допомогою відповідного меню на панелі користувача (Рисунок 95). Рисунок 95. Меню налаштування мови
При натисканні на поле налаштування мови, відкривається спадний список усіх мов в Системі. Після вибору мови, усі поля та елементи Системи відображаються вибраною мовою. В Системі доступні такі мови:

• українська ;
• англійська .

З метою вдосконалення Системи та запобігання наявності текстових помилок в матеріалах сервісів Системи передбачена можливість фіксування текстових помилок користувачами Системи. Створення запису про помилку Для створення запису про текстову помилку в Системі необхідно виділити текст, в якому знайдено помилку, та натиснути комбінацію клавіш Ctrl+Enter. У спливаючому вікні підтвердити чи скасувати створення запису про помилку (Рисунок 96).
Рисунок 96. Діалогове вікно повідомлення про текстову помилку

Рисунок 1. Форма авторизації користувача. 8 Рисунок 2. Головна сторінка панелі адміністратора. 8 Рисунок 3. Сервіс “Заявки”. 10 Рисунок 4. Сервіс “Заявки” – вікно відхилення заявки з можливістю додати коментар. 11 Рисунок 5. Сервіс “Статистика” – вкладка “Оцінювання”. 12 Рисунок 6. Вкладка “Оцінювання” – структура фільтру. 13 Рисунок 7. Вкладка “Оцінювання”  – кнопка “Експорт”. 14 Рисунок 8. Сервіс ”Статистика” – вкладка “Пройдені завдання”. 14 Рисунок 9. Вкладка “Пройдені завдання” – структура фільтру. 15 Рисунок 10. Вкладка “Пройдені завдання” – кнопка “Експорт”. 16 Рисунок 11. Сервіс “Статистика” – вкладка “Пройдені курси”. 16 Рисунок 12. Вкладка “Пройдені курси” – структура фільтру. 17 Рисунок 13. Вкладка “Пройдені курси” – кнопка “Експорт”. 18 Рисунок 14. Сервіс “Статистика” – вкладка “Динаміка проходження завдань”. 18 Рисунок 15. Вкладка “Динаміка проходження завдань” – структура фільтру. 19 Рисунок 16. Сервіс “Користувачі”. 21 Рисунок 17. Сервіс “Користувачі” – профайл користувача. 22 Рисунок 18. Сервіс “Користувачі” – вкладка “Архів”. 23 Рисунок 19. Сервіс “Сповіщення”. 24 Рисунок 20. Сервіс “Повідомлення”. 25 Рисунок 21. Сервіс “Повідомлення” – створення нового чату. 26 Рисунок 22. Сервіс “Повідомлення” – блок списку діалогів. 27 Рисунок 23. Сервіс “Повідомлення” – редагування чату. 27 Рисунок 24. Сервіс “Повідомлення” – історія діалогу. 28 Рисунок 25. Сервіс “Профіль користувача”. 30 Рисунок 26. Вкладка “Профіль користувача”. 31 Рисунок 27. Вкладка “Історія сповіщень”. 32 Рисунок 28. Вкладка “Історія активності”. 32 Рисунок 29. Сервіс “Профіль користувача” – кнопка “Вийти”. 33 Рисунок 30. Меню налаштування мови. 34 Рисунок 31. Форма авторизації користувача. 35 Рисунок 32. Головна сторінка панелі користувача. 36 Рисунок 33. Кнопка “Технічна підтримка”. 37 Рисунок 34. Сервіс “Повідомлення” – діалог з технічною підтримкою.. 38 Рисунок 35. Сервіс “Новини”. 39 Рисунок 36. Сервіс “Новини” – інструменти пошуку і фільтрації новин. 39 Рисунок 37. Сторінка перегляду новини. 40 Рисунок 38. Сервіс “Курси”. 42 Рисунок 39. Сервіс “Курсі” – вкладка “Всі”, функції пошуку і фільтрації 43 Рисунок 40. Сервіс “Курси” – сторінка опису закритого курсу. 44 Рисунок 41. Сервіс “Курси” – сторінка закритого курсу після подачі заявки. 45 Рисунок 42. Сервіс “Курси” – сторінка опису закритого курсу після подачі заявки. 45 Рисунок 43. Сервіс “Курси” – сторінка перегляду теми. 46 Рисунок 44. Сервіс “Курси” – сторінки перегляду завдання. 47 Рисунок 45. Сервіс “Курси” – Завдання типу “Текст”. 48 Рисунок 46. Сервіс “Курси” – Завдання типу “Графіка”. 49 Рисунок 47. Сервіс “Курси” – перегляд галереї 49 Рисунок 48. Сервіс “Курси” – завдання типу “Презентація”. 50 Рисунок 49. Сервіс “Курси” – завдання типу “Відео”. 51 Рисунок 50. Сервіс “Курси” – завдання типу “Аудіо”. 52 Рисунок 51. Сервіс “Курси” – завдання типу “Вебінар”. 52 Рисунок 52. Сервіс “Курси” – вікно трансляції вебінару. 53 Рисунок 53. Сервіс “Курси” – завдання типу “Тест”. 54 Рисунок 54. Сервіс “Курси” – структура сторінки проходження тесту. 55 Рисунок 55. Завдання типу “Тест” – питання типу “Вибір відповіді”. 56 Рисунок 56. Завдання типу “Тест” – питання типу “Логічні пари”. 56 Рисунок 57. Завдання типу “Тест” – питання типу “Правильна послідовність”. 57 Рисунок 58. Завдання типу “Тест” – питання типу “Введення короткої відповіді”. 57 Рисунок 59. Сервіс “Курси” –сторінка опису відкритого курсу. 58 Рисунок 60. Сервіс “Курси” –сторінка опису відкритого курсу після початку навчання. 59 Рисунок 61. Сервіс “Курси” – вкладка “Мої курси”. 59 Рисунок 62. Сервіс “Курси” –вкладка “Вебінари”. 60 Рисунок 63. Сервіс “Курси” –вкладка “Вебінари”, вебінар розпочато. 60 Рисунок 64. Сервіс “Курси” –вкладка “Вебінари”, сторінка перегляду вебінару. 61 Рисунок 65. Сервіс “Курси” – вкладка “Вебінари”, вікно трансляції вебінару. 61 Рисунок 66. Сервіс “Курси” – вкладка “Заявки”. 62 Рисунок 67. Сервіс “Курси”  – вкладка “Архів”. 63 Рисунок 68. Сервіс “База знань”. 64 Рисунок 69. Сервіс “База знань”, функції пошуку і фільтрації 65 Рисунок 70. Сервіс “База знань” – Сторінка перегляду матеріалу типу “Презентація”. 66 Рисунок 71. Сервіс “Наради”. 67 Рисунок 72. Сервіс “Наради” – форма створення наради. 68 Рисунок 73. Сервіс “Наради” – структура блоку наради. 69 Рисунок 74. Сервіс “Наради”  – сторінка перегляду наради. 69 Рисунок 75. Сервіс “Наради”  – вікно трансляції наради. 71 Рисунок 76. Сервіс “Наради” – вкладка “Архів”. 72 Рисунок 77. Сервіс “Наради” – структура блоку наради. 73 Рисунок 78. Сервіс “Наради”  – сторінка перегляду наради у вкладці “Архів”. 73 Рисунок 79. Сервіс “Календар” – відображення “Місяць”. 75 Рисунок 80. Сервіс “Календар” – відображення “Розклад”. 76 Рисунок 81. Сервіс “Сповіщення”. 77 Рисунок 82. Сервіс “Сповіщення” – після натискання кнопки “Переглянути всі”. 77 Рисунок 83. Сервіс “Сповіщення” – після натискання кнопки “Переглянути”. 78 Рисунок 84. Сервіс “Повідомлення”. 79 Рисунок 85. Сервіс “Повідомлення” – створення нового чату. 80 Рисунок 86. Сервіс “Повідомлення” – блок списку діалогів. 81 Рисунок 87. Сервіс “Повідомлення” – редагування чату. 81 Рисунок 88. Сервіс “Повідомлення” – історія діалогу. 82 Рисунок 89. Сервіс “Профіль користувача”. 83 Рисунок 90. Вкладка “Профіль користувача”. 84 Рисунок 91. Вкладка “Організації”. 85 Рисунок 92. Вкладка “Історія сповіщень”. 86 Рисунок 93. Вкладка “Історія активності”. 86 Рисунок 94. Сервіс “Профіль користувача” – кнопка “Вийти”. 87 Рисунок 95. Меню налаштування мови. 88 Рисунок 96. Діалогове вікно повідомлення про текстову помилку. 89