- [[29037393:index|(Б-25) Система управління навчанням]]
  - [[.|(Б-25) Система управління навчанням]]
======  (Б-25) Система управління навчанням : Керівництво Асистент  ======
\\
====== ВСТУП ======
Система управління навчанням (Learning Management System, LMS) та тематичного цільового контенту до неї (далі – Система або Система дистанційного навчання) – програмне забезпечення, призначене для організації навчального процесу та моніторингу навчання слухачів, що будується на основі централізованої програмно-технологічної платформи з уніфікацією програмно–технічних засобів розробки прикладної функціональності з використанням сучасних веб–портальних та сервісно-орієнтованих технологій. Система дистанційного навчання є сучасним та зручним інструментом, який надає можливість дистанційного навчання та підвищення рівня кваліфікації співробітників структурних підрозділів виконавчого органу Київської міської ради (Київської міської державної адміністрації), районних у місті Києві державних адміністрацій та підприємств, установ і організацій, що належать до комунальної власності територіальної громади міста Києва.
Додатково Система забезпечує вирішення таких питань:
  * підвищення ефективної взаємодії між керівництвом і співробітниками підприємства в питаннях покращення умов праці, навчання тощо;
  * можливість проведення нарад у форматі вебкастів між співробітниками які знаходяться в різних офісах.
Метою постачання Системи дистанційного навчання є отримання сучасного та зручного інструменту, який надасть можливість дистанційного навчання та підвищення рівня кваліфікації співробітників структурних підрозділів виконавчого органу Київської міської ради (Київської міської державної адміністрації), районних у місті Києві державних адміністрацій та підприємств, установ і організацій, що належать до комунальної власності територіальної громади міста Києва.
\\
\\
====== ПАНЕЛЬ АДМІНІСТРАТОРА ======
====== 1. Вхід в панель адміністратора ======
Для входу в Систему користувач повинен у веб–браузері перейти за посиланням https://admin-lms.kyivcity.gov.ua/ та авторизуватись, шляхом введення свого унікального логіну та паролю у відповідну форму авторизації (Рисунок 1).
\\
{{:29038119.png}}
//Рисунок// //1. Форма авторизації користувача//
\\
Після успішної авторизації в Системі, користувач з обліковим записом “Адміністратор” потрапляє на головну сторінку панелі адміністратора (Рисунок 2).
{{:29038118.png}}
//Рисунок// //2. Головна сторінка панелі адміністратора//
\\
**Головна сторінка має структуру:**
  * логотип – здійснює перехід на головну сторінку порталу;
  * головне меню містить сервіси:
    * “Курси”;
    * “База знань”;
    * “Статистика”;
  * меню верхньої панелі містить сервіси:
    * “Сповіщення”;
    * “Повідомлення”;
    * “Профіль користувача”;
    * “Меню налаштування мови”;
  * вкладка “Динаміка проходження завдань” сервісу “Статистика”.
Головне меню та меню верхньої панелі стаціонарно закріплені в Системі та дозволяють здійснювати перехід у необхідний сервіс з будь-якої сторінки Системи.
\\
====== 2. Сервіс “Курси” ======
Користувачеві з роллю “Асистент” в сервісі доступні лише ті курси, на які він призначений асистентом. Сервіс призначений для створення та перегляду курсів, за якими здійснюватиметься навчання і представлений у вигляді багаторівневого списку (Рисунок 3).
{{:29037820.png}}
//Рисунок// //3. Сервіс “Курси”//
** **
Рівні організації навчальних матеріалів в сервісі “Курси”:
  - курс;
  - тема;
  - заняття;
  - завдання.
Перший рівень сервісу “Курси” представлений **вкладкою “Курси”,** в//ідображається за замовчуванням// (Рисунок 4).
{{:29037819.png}}
//Рисунок// //4. Вкладка “Курси”//
// //
Сервіс відображається у вигляді таблиці зі списком усіх доступних користувачеві курсів.
**Структура таблиці:**
  * №;
  * поле “Назва” – поле з можливістю пошуку та сортування;
  * поле “Напрямок” – поле з можливістю фільтрації та сортування;
  * поле “Викладач” – поле з можливістю фільтрації та сортуванн;
  * поле “Рейтинг” – поле з можливістю пошуку та сортування.
\\
Після натискання на блок курсу, користувач потрапляє на сторінку управління курсом (Рисунок 5).
{{:29037822.png}}
//Рисунок// //5. Сторінка управління курсом//
\\
Для користувача з роллю “Асистент” доступна лише вкладка “Контент”, де він має змогу додавати завдання у структуру курсу.
** **
===== 2.1 Вкладка “Контент” =====
Вкладка слугує для відображення структури курсу, керування структурними елементами курсу та наповнення курсу текстовими та мультимедійними матеріалами (Рисунок 6).
{{:29037821.png}}
//Рисунок// //6. Вкладка “Контент”//
\\
Структура курсу має три рівні: тема – заняття – завдання (Рисунок 7):{{:29037816.png}}
//Рисунок// //7. Структура курсу//
\\
  - рівень теми – містить список тем курсу;
  - рівень заняття – містить список занять, що входять в тему курсу;
  - рівень завдання – містить список завдань, що входять в заняття теми курсу.
За замовчуванням вкладка представлена списком усіх тем курсу (Рисунок 8).
{{:29037815.png}}
//Рисунок// //8. Вкладка “Контент” – список тем, що входять в курс//
\\
При натисканні на тему відображається список занять, що входить в тему (Рисунок 9).
{{:29037818.png}}
//Рисунок// //9. Вкладка “Контент” – список занять, що входять в тему//
\\
При натисканні на заняття відкривається список завдань, що входять в заняття (Рисунок 10).
{{:29037817.png}}
//Рисунок// //10. Вкладка “Контент” – список завдань, що входять в заняття//
\\
==== 2.1.1 Рівень “Теми курсу” ====
Теми курсу відображаються у вигляді списку і доступні лише для перегляду. Для кожної теми в структурі курсу доступний елемент перегляду (Рисунок 11):
{{:29037828.png}}
//Рисунок// //11. Вкладка “Контент” –перегляд// //тем// //курсу//
\\
  * кнопка “Розгорнути/Згорнути” – біля назви теми, при натисканні відображає усі заняття, що входять у вибрану тему. При повторному натисканні – відображає лише назви тем. За замовчуванням відображаються лише назви тем.
\\
==== 2.1.2 Рівень “Заняття курсу” ====
Заняття курсу відображаються у вигляді списку і доступні лише для перегляду. Для кожного заняття в структурі курсу доступний елемент перегляду (Рисунок 12):
{{:29037827.png}}
//Рисунок// //12. Вкладка “Контент” –перегляд занять//
\\
  * кнопка “Розгорнути/Згорнути” – біля назви заняття, при натисканні відображає усі завдання, що входять у вибране заняття. При повторному натисканні – відображає лише назву заняття. За замовчуванням відображаються лише назви занять.
\\
==== 2.1.3 Рівень “Завдання курсу” ====
Наповнення курсу контентом здійснюється шляхом створення і додавання різних типів завдань (Рисунок 13).
{{:29037830.png}}
//Рисунок// //13. Вкладка “Контент” – додавання завдання//
 
Поле “Додати завдання”  – в структурі заняття, слугує для створення нового завдання.
  * Кнопка “Додати” – з’являється навпроти поля створення нового завдання, зберігає внесені зміни та додає нове завдання до списку завдань заняття останнім елементом списку. При натисканні з’являється меню зі списком типів занять у Системі (Рисунок 14):
    * текст;
    * відео
    * графіка;
    * презентація;
    * вебінар;
    * аудіо;
    * тест.
//В залежності від типу вибраного завдання, відкривається сторінка роботи з контентом завдання.//
  * Кнопка “Скасувати” – з’являється навпроти поля створення нового завдання, закриває поле без збереження змін.
//Рисунок// //14. Вкладка “Контент” – вибір типу завдання//
{{:29037829.png}}
Для кожної теми в структурі курсу доступні такі елементи керування (Рисунок 15):
{{:29037824.png}}
//Рисунок// //15. Вкладка “Контент” – елементи керування завданнями//
\\
  * кнопка “Перемістити” – навпроти назви завдання, дозволяє змінювати порядок завдань в структурі заняття методом перетягування (“Drag–and–drop”);
  * кнопка “Редагувати” – навпроти назви завдання, при натисканні відкриває вікно вибраного завдання в режимі редагування;
  * кнопка “Видалити” – видаляє обране завдання зі списку завдань. //Для видалення необхідне підтвердження.//
\\
=== 2.1.3.1 Типи завдань, передбачені у Системі ===
  - **Текст** – завдання, представлене у вигляді текстового матеріалу. Текстові матеріали додаються за допомогою текстового редактору безпосередньо у Систему користувачем, що має відповідні права (Рисунок 16).
  - {{:29037823.png}}
//Рисунок// //16. Вкладка “Контент” – створення завдання типу “Текст”//
\\
Текстове завдання може містити графічні елементи (.jpeg, .jpg, .png) та гіперпосилання.
Сторінка створення завдання типу “Текст” представлена елементами:
  * текстове завдання – поле для внесення за допомогою текстового редактора типізованої інформації. //Максимальна кількість символів для заповнення:120 000//;
  * кнопка “Назад” – повертає користувача на попередню сторінку;
  * кнопка “Зберегти” – зберігає доданий у завдання контент.
\\
  - **Графіка** – завдання представлене одним, або набором графічних елементів (зображень), що завантажуються у вигляді файлів формату .jpeg, .jpg, .png.
Сторінка створення завдання типу “Графіка” представлена елементами (Рисунок 17):
{{:29037826.png}}
//Рисунок// //17. Вкладка “Контент” – створення завдання типу “Графіка”//
 
  * форма відображення графіки – дозволяє налаштувати відображення графічних елементів на панелі користувача і представлений у вигляді радіо–кнопок з такими значеннями:
    * 1 елемент в ряд;
    * 2 елементи в ряд;
    * 3 елементи в ряд.
  * блок роботи з завантаженими графічними елементами:
    * функція зміни порядку файлів для відображення за допомогою перетягування (“Drag–and–drop”);
    * кнопка  – видаляє файл;
  * поле для завантаження файлів – файли можна завантажити, перетягнувши їх в поле, або натиснути в полі на кнопку і обрати необхідний файл на комп’ютері. //Після завантаження, файл буде відображено в блоці роботи з завантаженими графічними файлами.//
  * кнопка “Назад” – повертає користувача на попередню сторінку;
  * кнопка “Зберегти” – зберігає доданий контент у завдання.
\\
  - **Презентація** – містить область для завантаження презентації у вигляді окремого файлу PDF.
Сторінка створення завдання типу “Презентація” представлена елементами (Рисунок 18):
{{:29037825.png}}
//Рисунок// //18. Вкладка “Контент” – створення завдання типу “Графіка”//
 
  * поле для завантаження файлу – файл можна завантажити, перетягнувши його в поле, або натиснути в полі на кнопку і обрати необхідний файл на комп’ютері.
  * кнопка “Видалити” – видаляє файл;
  * кнопка “Назад” – повертає користувача на попередню сторінку;
  * кнопка “Зберегти” – зберігає доданий контент у завдання.
\\
  - **Відео** – містить відео–файл формату mp4.
Сторінка створення завдання типу “Відео” представлена елементами (Рисунок 19):
{{:29037804.png}}
//Рисунок// //19. Вкладка “Контент” – створення завдання типу “Відео”//
 
  * поле для завантаження файлу – файл можна завантажити, перетягнувши його в поле, або натиснути в полі на кнопку і обрати необхідний файл на комп’ютері.
  * кнопка “Видалити” – видаляє файл;
  * кнопка “Назад” – повертає користувача на попередню сторінку;
  * кнопка “Зберегти” – зберігає доданий контент у завдання.
\\
  - **Аудіо** – містить аудіо–файл формату mp3.
Сторінка створення завдання типу “Аудіо” представлена елементами (Рисунок 20):
{{:29037803.png}}
//Рисунок// //20. Вкладка “Контент” – створення завдання типу “Аудіо”//
 
  * поле для завантаження файлу – файл можна завантажити, перетягнувши його в поле, або натиснути в полі на кнопку і обрати необхідний файл на комп’ютері.
  * кнопка “Видалити” – видаляє файл;
  * кнопка “Назад” – повертає користувача на попередню сторінку;
  * кнопка “Зберегти” – зберігає доданий контент у завдання.
\\
  - **Вебінар** – містить: назву, короткий опис та прикріплені документи.
Сторінка створення завдання типу “Вебінар” представлена елементами (Рисунок 21):
{{:29037806.png}}
//Рисунок// //21. Вкладка “Контент” – створення завдання типу “Вебінар”//
 
  * опис – текстовий редактор;
  * поле для завантаження супровідних файлів – файли можна завантажити, перетягнувши його в поле, або натиснути в полі на кнопку і обрати необхідний файл на комп’ютері. Формати файлів: .mp4, .pdf, .jpeg, .jpg, .png, .mp3.
  * кнопка “Видалити”  – видаляє файл.
  * кнопка “Назад” – повертає користувача на попередню сторінку;
  * кнопка “Зберегти” – зберігає доданий контент у завдання;
Після створення вебінару, йому необхідно призначити дату та час проведення у вкладці “Навчальний план”.
\\
  - **Тест** – завдання для перевірки знань слухачів.
Кожен тест складається із необмеженої кількості тестових завдань.
Структура сторінки завдання типу “Тест” представлена на Рисунку 22.
{{:29037805.png}}
//Рисунок// //22. Вкладка “Контент” – створення завдання типу “Тест”//
\\
Сторінка створення завдання типу “Тест” представлена елементами:
  * кнопка “Налаштування” – при натисканні відкриває сторінку налаштувань тестування із параметрами (Рисунок 23):
{{:29037800.png}}
//Рисунок// //23. Вкладка “Контент” – налаштування параметрів завдання типу// //“Тест”//
\\
  * поле “Час проходження (хв)” – числове поле, що дозволяє обмежити час проходження тесту;
  * поле “Необхідна кількість балів” – числове поле, де задається мінімальна кількість балів для проходження завдання. Максимальна кількість балів формується автоматично та являє собою суму балів за усі тестові завдання;
  * поле “Кількість спроб” – числове поле, дозволяє обмежити кількість спроб проходження тесту;
  * поле “За який час” – вибір із списку періоду часу, в який можна використати кількість вказаних спроб: за годину; за 8 годин; за 12 годин; за день; за весь час;
  * кнопка “Зберегти” – зберігає налаштування;
  * кнопка “Скасувати” – відміняє налаштування.
\\
  * кнопка “Додати” – при натисканні відкриває меню типів тестових завдань (Рисунок 24):
  * {{:29037799.png}}
//Рисунок// //24. Вкладка “Контент” – додавання тестового завдання//
 
  * “Вибір відповідей” – можливість створення тестів із однією або декількома правильними відповідями;
  * “Логічні пари” – можливість створення тестів із вказанням логічних пар //(наприклад: поняття–визначення)//;
  * “Правильна послідовність” – тест із вказанням набору відповідей, які необхідно встановити у правильній послідовності;
  * “Введення короткої відповіді” – тест із відкритою відповіддю, що потребує перевірки викладачем.
\\
**Додавання тестових завдань**
В Системі передбачено 4 типи тестових завдань:
  * вибір відповідей;
  * логічні пари;
  * правильна послідовність;
  * введення короткої відповіді.
\\
**Тип “Вибір відповідей”** – сторінка має структуру (Рисунок 25):
{{:29037802.png}}
//Рисунок// //25. Вкладка “Контент” – створення тестового завдання типу “Вибір відповідей”//
\\
  * поле “Кількість балів” – числове поле для введення кількості балів за тестове завдання. //Обов’язкове поле;//
  * поле “Питання” – текстовий редактор для введення питання. //Обов’язкове поле;//
  * блок “Введіть відповіді та відзначте правильну” – блок введення варіантів відповідей з елементами:
    * поле “Варіант відповіді” – текстове поле для введення варіантів відповіді. //За замовчуванням// у блоці відображається 2 поля вводу варіантів відповіді. Правильна відповідь (відповіді) мають бути відмічені чек-боксом у полі відповідного варіанту. //Присутня можливість мультивибору. Обов’язкові поля;//
    * кнопка “Додати варіант” – при натисканні додає поле “Варіант відповіді”;
    * кнопка “Видалити” – навпроти варіантів відповідей, при натисканні видаляє варіант відповіді.
  * кнопка “Зберегти” – зберігає внесені зміни;
  * кнопка “Назад” – повертає користувача на сторінку додавання тестових завдань без збереження внесених змін.
\\
**Тип “Логічні пари”** – сторінка має структуру (Рисунок 26):
{{:29037801.png}}
//Рисунок// //26. Вкладка “Контент” – створення тестового завдання типу “Логічні пари”//
 
  * поле “Кількість балів” – числове поле для введення кількості балів за тестове завдання. //Обов’язкове поле;//
  * поле “Питання” – текстовий редактор для внесення питання. //Обов’язкове поле;//
  * блок введення відповідей – //за замовчуванням// у блоці відображається 2 стовпці для вводу варіантів відповіді з елементами:
    * поле “Варіант відповіді” – текстове поле для введення варіанту відповіді. //Обов’язкове поле;//
    * кнопка “Додати варіант” – при натисканні додає поле “Варіант відповіді”;
    * кнопка “Перемістити” – навпроти варіантів відповідей у правому стовпці, дозволяє переміщати поля в межах стовпця методом перетягування;
    * кнопка “Видалити” – навпроти варіантів відповідей, при натисканні видаляє варіант відповіді.
Правильні пари відповідей мають бути розташовані напроти одне одного;
  * кнопка “Зберегти” – зберігає внесені зміни;
  * кнопка “Назад” – повертає користувача на сторінку додавання тестових завдань без збереження внесених змін.
\\
**Тип “Правильна послідовність”** – сторінка містить (Рисунок 27):
{{:29037812.png}}
//Рисунок// //27. Вкладка “Контент” – створення тестового завдання типу “Правильна послідовність”//
 
  * поле “Кількість балів” – цифрове поле для введення кількості балів за тестове завдання. //Обов’язкове поле;//
  * поле “Питання” – текстовий редактор для введення питання. //Обов’язкове поле;//
  * блок відповідей – блок введення варіантів відповідей з елементами:
    * поле “Варіант відповіді” – текстове поле для введення варіантів відповіді. //За замовчуванням// у блоці відображається 2 поля вводу варіантів відповіді. //Послідовність варіантів відповідей задає правильну послідовність відповідей тестового завдання. Обов’язкові поля;//
    * кнопка “Додати варіант” – при натисканні додає поле “Варіант відповіді”;
    * кнопка “Перемістити” – навпроти варіантів відповідей, дозволяє переміщати поля методом перетягування;
    * кнопка “Видалити” – навпроти варіантів відповідей, при натисканні видаляє варіант відповіді;
  * кнопка “Зберегти” – зберігає внесені зміни;
  * кнопка “Назад” – повертає користувача на сторінку додавання тестових завдань без збереження внесених змін.
** **
**Тип “Введення короткої відповіді”** – сторінка містить (Рисунок 28):
{{:29037811.png}}
//Рисунок// //28. Вкладка “Контент” – створення тестового завдання типу “Введення короткої відповіді”//
 
  * поле “Кількість балів” – цифрове поле для введення кількості балів за тестове завдання. //Обов’язкове поле;//
  * поле “Питання” – текстовий редактор для внесення питання. //Обов’язкове поле;//
  * кнопка “Зберегти” – зберігає внесені зміни;
  * кнопка “Назад” – повертає користувача на сторінку додавання тестових завдань без збереження змін.
Зміна порядку тестових завдань та порядку відповідей у тестових завданнях здійснюється автоматично у довільному порядку при кожному запуску тестування користувачем.
\\
====== 3. Сервіс “База знань” ======
Сервіс призначений для створення та керування довідковими матеріалами до курсів Системи. Користувач з првами “Асистент” має доступ лише до тих матеріалів модулю, що були створені ним власноручно. Сервіс представлений у вигляді таблиці всіх доданих користувачем одиниць контенту (Рисунок 29).
{{:29037814.png}}
//Рисунок// //29. Сервіс “База знань”//
\\
**Структура сервісу:**
  * №;
  * поле “Назва” – поле з можливістю сортування та пошуку;
  * поле “Напрямок” – поле з можливістю сортування та фільтрації;
  * поле “Тип контенту” – поле з можливістю сортування та фільтрації;
  * поле “Статус” – поле з можливістю сортування та фільтрації;
  * поле “Ким створений” – поле з можливістю сортування та фільтрації;
  * поле “Дата редагування” – поле з можливістю сортування та фільтрації.
\\
Для кожного елементу сторінки передбачено функції, представлені відповідними елементами керування:
Кнопка “Додати”  – при натисканні відкриває форму створення одиниці контенту з наступними полями (Рисунок 30):
{{:29037813.png}}
//Рисунок// //30. Сервіс “База знань” – форма створення одиниці контенту//
 
  * поле “Зображення” – дозволяє завантажувати зображення формату .jpg, .jpeg, .png. Файли можна завантажити, перетягнувши їх в поле, або натиснути в полі на кнопку і обрати необхідний файл на комп’ютері;
  * поле “Назва – однорядкове поле для введення інформації. //Обов’язкове поле;//
  * поле “Тип контенту” – тип, до якого відноситься одиниця контенту. //Вибір зі спадного списку типів контенту в Системі. Обов’язкове поле;//
  * поле “Напрямок” – до якого відноситься одиниця контенту. //Вибір зі спадного списку довідника “Напрямки”.// //Обов’язкове поле;//
  * поле “Теги” – вибір зі спадного списку тегів – довідник “Теги”. Для створення нового тегу необхідно ввести його назву в поле “Теги”. Всі нові значення тегів відображаються у довіднику “Теги”. //Присутня можливість мультивибору;//
  * поле “Автори” – однорядкове поле для введення інформації;
  * поле “Опис” – текстове поле для введення інформації;
  * поле “Мова” – мова, якою буде відображатися одиниця контенту. //Вибір зі спадного списку. За замовчуванням обрано українську;//
  * кнопка “Створити” – додає можливість завантаження контенту або файлу обраного типу:
    * текст – текстовий редактор;
    * відео – завантаження файлів у форматі .mp4;
    * графіка – завантаження файлів у форматі .jpeg, .jpg, .png;
    * презентація – завантаження файлів у форматі .pdf;
    * аудіо – завантаження файлів у форматі .mp3;
  * кнопка “Скасувати” – закриває форму створення елементу без збереження внесених даних.
\\
**Елементи керування контентом вкладки** (Рисунок 31):
{{:29037808.png}}
//Рисунок// //31. Вкладка “База знань” – елементи керування контентом//
\\
  * кнопка “Редагувати” – навпроти назви одиниці контенту, при натисканні відкриває профайл одиниці контенту в режимі редагування;
  * кнопка “Архівувати” – при натисканні переміщує одиницю контенту до архіву. //Для архівування необхідне підтвердження.//
При натисканні на блок елементу відкривається профайл одиниці контенту в режимі перегляду з полями, ідентичними полям форми створення одиниці контенту, як показано на рисунку 30. При перегляді є можливість перейти в режим редагування за допомогою кнопки “Редагувати”  (Рисунок 32).
\\
{{:29037807.png}}
//Рисунок// //32. Сервіс “База знань” – перегляд одиниці контенту//
\\
В режимі редагування одиниці контенту доступні такі елементи керування (Рисунок 33):
{{:29037810.png}}
//Рисунок// //33. Сервіс “База знань” – режим редагування одиниці контенту//
\\
  * поле “Зображення” – дозволяє завантажувати зображення формату .jpg, .jpeg, .png. Файл можна завантажити, перетягнувши його в поле, або натиснути в полі на кнопку і обрати необхідний файл на комп’ютері;
  * поле “Назва – однорядкове поле для введення інформації. //Обов’язкове поле;//
  * поле “Тип контенту” – тип, до якого відноситься одиниця контенту. //Вибір зі спадного списку типів контенту в Системі. Обов’язкове поле;//
  * поле “Мова” – мова, якою буде відображатися одиниця контенту. //Вибір зі спадного списку. За замовчуванням обрано українську;//
  * поле “Напрямок” – до якого відноситься одиниця контенту. //Вибір зі спадного списку довідника “Напрямки”.// //Обов’язкове поле;//
  * поле “Теги” – вибір зі спадного списку тегів – довідник “Теги”. Для створення нового тегу необхідно ввести його назву в поле “Теги”. Всі нові значення тегів відображаються у довіднику “Теги”. //Присутня можливість мультивибору;//
  * поле “Автори” – однорядкове поле для введення інформації;
  * поле “Опис” – текстове поле для введення інформації;
  * поле з контентом типу текст, відео, графіка,презентація, аудіо;
    * кнопка “Зберегти” – зберігає внесені у профайл елементу зміни;
    * кнопка “Скасувати” – повертає користувача до списку усіх створених в системі одиниць контенту без збереження внесених змін. //Дія потребує підтвердження//.
\\
\\
====== 4. Сервіс “Статистика” ======
Сервіс призначено для побудови та експортування звітів з навчання слухачів Системи, до яких має доступ користувач.
Сервіс представлено у вигляді 4 автономних звітів:
  - “Зведений звіт з результатів проміжних оцінювань та підсумкових оцінювань” (вкладка “Оцінювання”).
  - “Зведений звіт по кількості пройдених завдань” (вкладка “Пройдені завдання”).
  - “Зведений звіт по кількості пройдених курсів” (вкладка “Пройдені курси”).
  - “Зведений звіт з динаміки проходження завдань” (вкладка “Динаміка проходження завдань”).
\\
===== 4.1 Вкладка “Оцінювання”: “Зведений звіт з результатів проміжних оцінювань та підсумкових оцінювань” =====
Звіт відображає результати проходження курсу користувачами (Рисунок 34).
{{:29037809.png}}
//Рисунок// //34. Сервіс “Статистика” – вкладка “Оцінювання”//
 
Звіт Представлений у вигляді таблиці зі структурою:
  * по вертикалі:
    * “Організація” – назва організації, до якої належить користувач;
    * “ПІБ” – повне ім`я користувача.
  * по горизонталі:
    * перелік занять, які групуються в теми курсу. Комірки містять бали за тестові завдання, що входять у одне заняття. Достатня кількість балів відображається зеленим кольором у таблиці, недостатня – червоним;
    * сума балів за курс за результатами кожного користувача та середнє значення результатів користувачів кожної організації.
\\
**Елементи керування:**
  * фільтр **–** дозволяє налаштовувати параметри виводу інформації у звіті і містить такі поля та елементи (Рисунок 35):
  * {{:29037788.png}}
//Рисунок// //35. Вкладка “Оцінювання” – структура фільтру//
** **
  * поле “Курси” – текстове поле з можливістю пошуку по назві курсу та вибору одного курсу зі списку. //Обов’язкове поле//.
  * поле “Організації” – текстове поле зі спадним списком організацій Системи, з можливістю пошуку по назві. //Присутня можливість мультивибору//.
  * поле “Користувачі” – текстове поле зі спадним списком користувачів Системи з можливістю пошуку. //Присутня можливість мультивибору//. Фільтр залежить від обраної організації(й).
  * кнопка “Сформувати” – при натисканні запускає в роботу фільтр з відповідними налаштуваннями та закриває його. В результаті, на екрані відображаються лише дані, що відповідають параметрам фільтрації;
  * кнопка “Скинути” – при натисканні скидає налаштування фільтра, чим відміняє задані користувачем параметри фільтрації, та закриває фільтр. В результаті, на екрані відображаються дані за замовчуванням;
  * кнопка “Експорт” **–** при натисканні здійснює експорт звіту на комп’ютер користувача у вигляді файлу Microsoft Excel (.xlsx). Експортований файл містить дані, що відповідають заданим параметрам фільтрації в Системі (Рисунок 36).
  * {{:29037787.png}}
//Рисунок// //36. Вкладка “Оцінювання”  – кнопка “Експорт”//
// //
===== 4.2 Вкладка “Пройдені завдання”: “Зведений звіт по кількості пройдених завдань” =====
Звіт відображає кількість пройдених користувачем завдань із загальної кількості завдань, в межах обраного курсу (Рисунок 37).
{{:29037790.png}}
//Рисунок// //37. Сервіс ”Статистика” – вкладка “Пройдені завдання”//
\\
Звіт представлений у вигляді таблиці з наступними полями:
  * №;
  * поле “Організація” – поле з можливістю сортування;
  * поле “Користувач” – поле з можливістю сортування;
  * поле “Курс” – поле з можливістю сортування;
  * поле “Кількість” – містить кількість пройдених завдань із загальної кількості. Поле з можливістю сортування.
** **
** **
**Елементи керування:**
  * фільтр **–** дозволяє налаштовувати параметри виводу інформації у звіті і містить такі поля та елементи (Рисунок 38):
  * {{:29037789.png}}
//Рисунок// //38. Вкладка “Пройдені завдання” – структура фільтру//
** **
  * поле “Курси” – текстове поле з можливістю пошуку по назві курсу та вибору курсу зі списку. //Присутня можливість мультивибору//.
  * поле “Організації” – текстове поле зі спадним списком організацій Системи, з можливістю пошуку по назві. //Присутня можливість мультивибору//.
  * поле “Користувачі” – текстове поле зі спадним списком користувачів Системи з можливістю пошуку. //Присутня можливість мультивибору//. Фільтр залежить від обраної організації(й).
  * кнопка “Сформувати” – при натисканні запускає в роботу фільтр з відповідними налаштуваннями та закриває його. В результаті, на екрані відображаються лише дані, що відповідають параметрам фільтрації;
  * кнопка “Скинути” – при натисканні скидає налаштування фільтра, чим відміняє задані користувачем параметри фільтрації, та закриває фільтр. В результаті, на екрані відображаються дані за замовчуванням;
  * кнопка “Експорт” **–** при натисканні здійснює експорт звіту на комп’ютер користувача у вигляді файлу Microsoft Excel (.xlsx). Експортований файл містить дані, що відповідають заданим параметрам фільтрації в Системі (Рисунок 39).
  * {{:29037784.png}}
//Рисунок// //39. Вкладка “Пройдені завдання” – кнопка “Експорт”//
// //
===== 4.3 Вкладка “Пройдені курси”: “Зведений звіт по кількості пройдених курсів” =====
Звіт відображає кількість пройдених курсів користувачами (Рисунок 40).
{{:29037783.png}}
//Рисунок// //40. Сервіс// //“Статистика”// //– вкладка “Пройдені курси”//
Звіт представлений у вигляді таблиці з наступними полями:
  * №;
  * поле “Організація” – поле з можливістю сортування;
  * поле “Користувач” – поле з можливістю сортування;
  * поле “Курс” – поле з можливістю сортування.
\\
**Елементи керування:**
  * фільтр **–** дозволяє налаштовувати параметри виводу інформації у звіті і містить такі поля та елементи (Рисунок 41):
  * {{:29037786.png}}
//Рисунок// //41. Вкладка “Пройдені курси” – структура фільтру//
** **
  * поле “Курси” – текстове поле з можливістю пошуку по назві курсу та вибору курсу зі списку. //Присутня можливість мультивибору//.
  * поле “Організації” – текстове поле зі спадним списком організацій Системи, з можливістю пошуку по назві. //Присутня можливість мультивибору//.
  * поле “Користувачі” – текстове поле зі спадним списком користувачів Системи з можливістю пошуку. //Присутня можливість мультивибору//. Фільтр залежить від обраної організації(й).
  * кнопка “Сформувати” – при натисканні запускає в роботу фільтр з відповідними налаштуваннями та закриває його. В результаті, на екрані відображаються лише дані, що відповідають параметрам фільтрації;
  * кнопка “Скинути” – при натисканні скидає налаштування фільтра, чим відміняє задані користувачем параметри фільтрації, та закриває фільтр. В результаті, на екрані відображаються дані за замовчуванням;
  * кнопка “Експорт” **–** при натисканні здійснює експорт звіту на комп’ютер користувача у вигляді файлу Microsoft Excel (.xlsx). Експортований файл містить дані, що відповідають заданим параметрам фільтрації в Системі (Рисунок 42).
  * {{:29037785.png}}
//Рисунок// //42. Вкладка “Пройдені курси” – кнопка “Експорт”//
// //
===== 4.4 Вкладка “Динаміка проходження завдань”: “Зведений звіт з динаміки проходження завдань” =====
Звіт представлений у вигляді графіку динаміки проходження завдань курсу окремим співробітником, або групою співробітників певної організації (Рисунок 43).
{{:29037796.png}}
//Рисунок// //43. Сервіс “Статистика” – вкладка “Динаміка проходження завдань”//
** **
**Опис графіку:**
  * вісь ординат – відображає кількість активностей;
  * вісь абсцис – відображає дні проходження активностей у вигляді дат за поточний місяць.
\\
**Елементи керування:**
  * фільтр **–** дозволяє налаштовувати параметри виводу інформації у звіті і містить такі поля та елементи (Рисунок 44):
  * {{:29037795.png}}
//Рисунок// //44. Вкладка “Динаміка проходження завдань” – структура фільтру//
** **
  * поле “Курси” – текстове поле з можливістю пошуку по назві курсу та вибору курсу зі списку.
  * поле “Дата” – поле з календарем, що дозволяє задати період часу, що буде виведений у звіті. Необхідно задати початкову та кінцеву дату. За замовчуванням відображаються результати за поточний місяць.
  * поле “Організації” – текстове поле зі спадним списком організацій Системи, з можливістю пошуку по назві. //Присутня можливість мультивибору//.
  * поле “Користувачі” – текстове поле зі спадним списком користувачів Системи з можливістю пошуку. //Присутня можливість мультивибору//. Фільтр залежить від обраної організації(й).
  * кнопка “Сформувати” – при натисканні запускає в роботу фільтр з відповідними налаштуваннями та закриває його. В результаті, на екрані відображаються лише дані, що відповідають параметрам фільтрації;
  * кнопка “Скинути” – при натисканні скидає налаштування фільтра, чим відміняє задані користувачем параметри фільтрації, та закриває фільтр. В результаті, на екрані відображаються дані за замовчуванням.
\\
\\
====== 5. Сервіс “Сповіщення” ======
Сервіс “Сповіщення” доступний з будь-якого розділу системи в будь-який момент часу та відображає кількість нових сповіщень у вигляді числа. При натисканні на значок сервісу, відображаються усі сповіщення користувача, візуально розділені кольором на нові (усі сповіщення за замовчуванням) та прочитані (після перегляду користувачем).
В сервісі присутні такі елементи керування (Рисунок 45):
{{:29037798.png}}
//Рисунок// //45. Сервіс “Сповіщення”//
 
  *  кнопка “Переглянути всі” – змінює статус всіх сповіщень на “Переглянуто”;
  * кнопка “Переглянути” – навпроти окремого сповіщення, вибране сповіщення змінює статус на “Переглянуто”.
Список усіх сповіщень користувача відображається у вкладці “Історія сповіщень” сервісу “Профіль користувача”.
\\
====== 6. Сервіс “Повідомлення” ======
Сервіс “Повідомлення” слугує засобом зв’язку користувачів у Системі і доступний з будь–якого розділу Системи в будь–який момент часу. Значок сервісу відображає кількість нових повідомлень у вигляді іконки з числом. При натисканні на значок “Повідомлення”, відкривається сторінка сервісу (Рисунок 46).
{{:29037797.png}}
//Рисунок// //46. Сервіс “Повідомлення”//
** **
**Сервіс складається з двох основних блоків:**
  *  блок списку діалогів;
  *  основна робоча область.
** **
**Блок списку діалогів представлений у вигляді наступних елементів:**
  * поле пошуку – текстове поле з функцією живого пошуку. При введені імені користувача Система відображає усі чати, в яких знайдено співпадіння;
  *  кнопка “Створити чат” – при натисканні відображає вікно створення нового чату з елементами (Рисунок 47):
  * {{:29037792.png}}
//Рисунок// //47. Сервіс “Повідомлення” – створення нового чату//
 
  *  поле “Обрати користувачів” – поле пошуку користувачів зі списку користувачів Системи. //Присутня можливість мультивибору. Обов’язкове поле//;
  *  поле “Назва чату” – текстове поле, що з’являється при виборі більше ніж одного користувача у полі “Обрати користувачів”;
  *  поле “Текст повідомлення” – текстове поле для введення тексту повідомлення. //Обов’язкове поле//;
  *  кнопка “Створити” – при натисканні зберігає створений чат, додає його у список діалогів, відкриває чат в основній робочій області та надсилає повідомлення усім його учасникам.
  *  кнопка “Скасувати” – при натисканні закриває вікно створення чату без збереження внесених змін.
  *  блок зі списком діалогів – кожен елемент при натисканні відкриває відповідний діалог в основній робочій області, та має структуру (Рисунок 48):
  * {{:29037791.png}}
//Рисунок// //48. Сервіс “Повідомлення” – блок списку діалогів//
 
  *  зображення – графічний елемент, відповідає іконці користувача в Системі, або першій літері назви чату;
  *  ПІБ користувача/назва чату – текстовий елемент;
  *  перші 42 символи останнього повідомлення в діалозі – текстовий елемент;
  *  кнопка “Видалення чату” – при натисканні відкривається вікно підтвердження видалення чату.
 
**Основна робоча область складається з елементів** (Рисунок 49):
{{:29037794.png}}
//Рисунок// //49. Сервіс “Повідомлення” – редагування чату//
\\
  *  назва чату або ПІБ співрозмовника;
  *  кнопка “Редагувати” – навпроти назви чату, при натисканні дозволяє редагувати назву чату;
  *  кнопка “Учасники діалогу” – відкриває список учасників діалогу, що містить:
    *  поле пошуку зі списку користувачів Системи;
    *  кнопка “Додати користувача” – навпроти поля пошуку, додає вибраного користувача до списку учасників діалогу;
    *  зображення та ПІБ користувача;
    *  кнопка “Видалити” – навпроти кожного користувача, при натисканні видаляє вибраного користувача із чату. Дія потребує підтвердження;
  *  історія діалогу містить блоки повідомлень що складаються з таких елементів (Рисунок 50):
  * {{:29037793.png}}
//Рисунок// //50. Сервіс “Повідомлення” – історія діалогу//
// //
  *  ПІБ автора повідомлення – текстовий елемент;
  *  текст повідомлення;
  *  дата та час повідомлення – інтерактивний елемент, з’являється при наведенні курсору на текст повідомлення;
  *  кнопка “Видалити” – навпроти тексту повідомлення, при натисканні видаляє повідомлення з діалогу. //Для видалення необхідне підтвердження.//
  *  поле для введення тексту повідомлення;
  *  кнопка “Надіслати” – при натисканні надсилає повідомлення учасникам діалогу.
\\
 
====== 7. Сервіс “Профіль користувача” ======
При натисканні на сервіс “Профіль користувача” відкривається меню з елементами керування (Рисунок 51):
{{:29037772.png}}
//Рисунок// //51. Сервіс “Профіль користувача”//
\\
  *  вкладка “Профіль”;
  *  вкладка “Історія сповіщень”;
  *  вкладка “Безпека”;
  *  кнопка “Вихід”.
 
**Вкладка “Профіль”** – відкриває сторінку профілю користувача. Картка користувача заповнюється інформацією, отриманою в результаті синхронізації з Міcrosoft Active Directory Замовника, тому дані можна лише переглядати, крім полів “Посилання на сторінку соцмережі Facebook” та “Посилання на сторінку в Linkedin”, що передбачає заповнення вручну.
**Картка користувача містить поля** (Рисунок 52):
{{:29037771.png}}
//Рисунок// //52. Вкладка “Профіль користувача”//
 
  *  фото профілю;
  *  поле “ПІБ”;
  *  поле “Організація” – посилання, здійснює перехід на картку організації, до якої належить користувач;
  *  поле “Посада”;
  *  поле “Мобільний телефон”;
  *  поле “Робочий телефон”;
  *  поле “Email”;
  *  поле “Посилання на сторінку в Facebook” – заповнюється вручну;
  *  поле “Посилання на сторінку в Linkedin” – заповнюється вручну;
  * кнопка “Додати дані з Facebook” – при натисканні додає значення “ПІБ” та “Email” з аккаунту користувача в мережі Facebook, після чого дозволяє оновлювати додані значення;
    * кнопка “Дані з Facebook” – при натисканні в профілі відображаються поля “ПІБ” та “Email” зі значеннями з аккаунту користувача в мережі Facebook;
    * кнопка “Скасувати зв'язок з Facebook” – при натисканні скасовує зв з аккаунтом користувача в мережі Facebook в результаті чого значення “ПІБ” та “Email” з аккаунту не відображаються в профілі;
  *  кнопка “Зберегти” – при натисканні зберігає внесені в картку зміни.
\\
**Вкладка “Історія сповіщень”** – відкриває сторінку зі списком усіх сповіщень користувача (Рисунок 53).
{{:29037774.png}}
//Рисунок// //53. Вкладка “Історія сповіщень”//
 
Кнопка “Переглянути всі” – дозволяє змінити статус всіх сповіщень на “Переглянуті”.
Кнопка “Переглянути”  – навпроти окремого сповіщення, дозволяє змінити статус вибраного сповіщення на “Переглянуте”.
\\
**Вкладка “Безпека”** – відкриває сторінку “Історія активності”. Сторінка представлена у вигляді списку всіх сесій користувача в Системі (Рисунок 54).
{{:29037773.png}}
//Рисунок// //54. Вкладка “Історія активності”//
\\
Вкладка містить елементи:
  *  поле “ІР”;
  *  поле “Опис”;
  *  поле “Остання активність”;
  * кнопка “Завершити всі сеанси” – завершує всі сеанси користувача окрім поточного. Дія потребує підтвердження.
// //
**Кнопка “Вийти”** – при натисканні, користувач завершує поточний сеанс та потрапляє на сторінку авторизації в Системі. Дія потребує підтвердження (Рисунок 55).
{{:29037768.png}}
//Рисунок// //55. Сервіс “Профіль користувача” – кнопка “Вийти”//
 
====== 8. Налаштування мови Системи ======
Функція налаштування мови доступна з будь-якого розділу Системи в будь-який момент часу. Налаштування мови Системи здійснюється за допомогою відповідного меню на верхній панелі користувача (Рисунок 56).
{{:29037767.png}}
//Рисунок// //56. Меню налаштування мови//
При натисканні на поле налаштування мови, відкривається спадний список усіх мов в Системі. Після вибору мови, усі поля та елементи Системи відображаються вибраною мовою.
В Системі доступні такі мови:
  * українська ;
  * англійська .
\\
 
====== ПАНЕЛЬ КОРИСТУВАЧА ======
====== 9. Вхід в панель користувача ======
Для входу в Систему користувач повинен у веб–браузері перейти за посиланням https://lms.kyivcity.gov.ua/ та авторизуватись, шляхом введення свого унікального логіну та паролю у відповідну форму (Рисунок 57).
{{:29037770.png}}
//Рисунок// //57. Форма авторизації користувача//
\\
Після успішної авторизації в Системі, користувач з обліковим записом “Асистент” потрапляє на головну сторінку панелі користувача, де йому доступні такі сервіси Системи (Рисунок 58):
{{:29037769.png}}
//Рисунок// //58. Головна сторінка панелі користувача//
\\
  * сервіс “Новини”;
  * сервіс “Курси”;
  * сервіс “База знань”;
  * сервіс “Наради”;
  * сервіс “Календар”;
  * сервіс “Сповіщення”;
  * сервіс “Повідомлення”;
  * сервіс “Профіль користувача”;
  * меню “Налаштування мови Системи”.
Перехід між сервісами здійснюється за допомогою головного меню у верхній частині сторінки, де також розміщені меню вибору мови та сервіс “Профіль користувача” з додатковими елементами керування.
Кнопка “Технічна підтримка” (в нижній частині вікна Системи) доступна як з панелі користувача, так і з адміністративної панелі (Рисунок 59).
{{:29037780.png}}
//Рисунок// //59. Кнопка “Технічна підтримка”//
\\
При натисканні на кнопку відкривається сервіс “Повідомлення” з автоматично створеним діалогом між користувачем та технічною підтримкою (Рисунок 60).
{{:29037779.png}}
//Рисунок// //60. Сервіс “Повідомлення” – діалог з технічною підтримкою//
\\
**Структура повідомлення:**
  * текст повідомлення – вноситься користувачем;
  * посилання – при натисканні на кнопку “Технічна підтримка” Система автоматично генерує посилання на сторінку в Системі, з якої користувач звернувся до технічної підтримки.
\\
\\
====== 10. Сервіс “Новини” ======
Сервіс містить список опублікованих новин в Системі, що представлені блоками зі стислою інформацією, та містять: зображення, назву, стислий опис, назву рубрики, дату публікації (Рисунок 61).
{{:29037782.png}}
//Рисунок// //61. Сервіс “Новини”//
\\
В сервісі доступні функції пошуку новин та фільтрації за рубриками (Рисунки 62).
{{:29037781.png}}
//Рисунок// //62. Сервіс “Новини” – інструменти пошуку і фільтрації новин//
\\
Для здійснення пошуку необхідно ввести слово в поле пошуку та натиснути кнопку “Пошук”  або клавішу Enter.
Фільтрація новин здійснюється за рубриками. Для цього необхідно натиснути на кнопку фільтру  та задати у вікні фільтру необхідні параметри фільтрації.
\\
При натисканні на блок новини, відкривається сторінка її перегляду, з детальною інформацією новини (Рисунок 63).
{{:29037776.png}}
//Рисунок// //63. Сторінка перегляду новини//
 
**Сторінка перегляду новини** складається з наступних елементів:
  * кнопка “Назад” – здійснює перехід на основну сторінку сервісу “Новини”;
  * назва сервісу;
  * зображення;
  * назва новини;
  * рубрика – клікабельний елемент. При натисканні здійснює перехід на основну сторінку сервісу, де відображаються лише ті новини, що відповідають вибраній рубриці;
  * дата опублікування;
  * опис;
  * 3 останніх новини, опублікованих в Системі. Представлені у вигляді блоків зі структурою:
    * зображення;
    * дата публікації;
    * назва новини;
    * скорочений опис;
    * рубрика – клікабельний елемент. При натисканні здійснює перехід на основну сторінку сервісу, де відображаються лише ті новини, що відповідають вибраній рубриці.
// //
//\\
//
// //
====== 11. Сервіс “Курси” ======
В сервісі представлені всі курси, що опубліковані в Системі та доступні користувачам. Сервіс містить вкладки (Рисунок 64):
{{:29037775.png}}
//Рисунок// //64. Сервіс “Курси”//
  * “Всі” – відображається за замовчуванням;
  * “Мої курси”;
  * “Вебінари”;
  * “Заявки”;
  * “Архів”.
В сервісі доступні функція пошуку та фільтрації інформації.
\\
===== 12.1 Вкладка “Всі” =====
При вході в сервіс відображається вкладка “Всі”, що містить всі курси, опубліковані в Системі. У вкладці доступні функції пошуку та фільтрації серед усіх опублікованих курсів Системи (Рисунок 65):
{{:29037778.png}}
//Рисунок// //65. Сервіс “Курсі” – вкладка “Всі”, функції пошуку і фільтрації//
 
Для здійснення пошуку необхідно ввести слово в поле пошуку та натиснути кнопку “Пошук”  або клавішу Enter.
Для здійснення фільтрації необхідно натиснути на кнопку фільтру  та задати у вікні фільтру необхідні параметри фільтрації.
  * **За категоріями:**
    * “Напрямок”;
    * “Рівень підготовки”.
  * **Типом курсу:**
    * “Закритий”;
    * “Відкритий”.
  * **Тегами.**
Для навігації між сторінками у вкладці, передбачені кнопки з номерами сторінок та кнопки ＜ / ＞ для перемикання на попередню / наступну сторінку відповідно.
\\
\\
==== 12.1.1 Закритий курс ====
При натисканні на блок курсу, відображається сторінка з описом курсу та інтерактивними елементами відповідно до типу курсу. В Системі представлено два типи курсів: закриті та відкриті. Сторінка закритого курсу має структуру (Рисунок 66):
{{:29037777.png}}
//Рисунок// //66. Сервіс “Курси” – сторінка опису закритого курсу//
  * загальна інформація:
    * “Викладач”;
    * “Напрямок”;
    * “Рівень підготовки”;
    * Опис;
    * “Сертифікат по завершенню курсу”;
  * теги – при натисканні відбувається перехід на сторінку “Всі курси” та відображаються лише ті курси, що мають вибраний тег;
  * теми курсу – доступні для загального ознайомлення;
  * кнопка “Подати заявку” – генерує заявку користувача на курс в Системі та змінює статус на “Скасувати заявку”. Після повторного натискання – відміняє заявку користувача на курс і змінює статус на “Подати заявку” (Рисунок 67).
// {{:29037756.png}}//
//Рисунок// //67. Сервіс “Курси” – сторінка закритого курсу після подачі заявки//
\\
Після того, як заявку користувача на курс підтвердили, сторінка опису курсу має структуру (Рисунок 68):
{{:29037755.png}}
//Рисунок// //68. Сервіс “Курси” – сторінка опису закритого курсу після подачі заявки//
 
  * загальна інформація:
    * “Викладач”;
    * “Напрямок”;
    * “Рівень підготовки”;
    * опис;
    * “Сертифікат по завершенню курсу”;
  * теги – при натисканні відбувається перехід на сторінку “Всі курси” та відображаються лише ті курси, що мають вибраний тег;
  * теми курсу – доступні для детального перегляду та виконання завдань:
    * прогрес проходження завдань;
    * загальна кількість балів за курс;
  * кількість часу до завершення курсу.
\\
В залежності від активності користувача, теми курсу мають три типи відображення:
  * розпочата тема – блакитного кольору;
  * нерозпочата тема – оранжевого кольору;
  * пройдена тема – зеленого кольору.
\\
**Структура сторінки перегляду теми** (Рисунок 69):
{{:29037758.png}}
//Рисунок// //69. Сервіс “Курси” – сторінка перегляду теми//
 
  * назва теми;
  * кількість занять;
  * кількість завдань;
  * прогрес виконання завдань;
  * кількість отриманих балів із максимально можливої;
  * кнопка “Продовжити” – відкриває наступне не пройдене завдання.
\\
При натисканні на завдання, відкривається сторінка перегляду або виконання завдання з елементами керування, відповідно до типу завдання.
\\
В структурі курсів передбачено 7 типів завдань, а саме:
  * текст;
  * графіка;
  * презентація;
  * аудіо;
  * відео;
  * вебінар;
  * тест.
 
**Структура сторінки перегляду завдання** (Рисунок 70):
{{:29037757.png}}
//Рисунок// //70. Сервіс “Курси” – сторінки перегляду завдання//
\\
  * кнопка “Меню” – відкриває меню зі структурою поточної теми, де відображаються всі структурні елементи теми. При натисканні на завдання в структурі меню, здійснюється перехід на сторінку обраного завдання;
  * назва завдання;
  * контент завдання;
  * кнопка “Завантажити” – (не відображається для завдання типу “Тест”) при натисканні здійснює завантаження контенту завдання на комп’ютер користувача у вигляді файлу формату, відповідно до типу завдання;
  * елемент пагінації – здійснює перехід між завданнями в межах заняття.
** **
**Завдання типу “Текст”** представлене у вигляді тексту. Може містити зображення та посилання на зовнішні ресурси (Рисунок 71).
{{:29037752.png}}
//Рисунок// //71. Сервіс “Курси” –// //завдання типу “Текст”//
**Завдання типу “Графіка”** представлене у вигляді галереї зображень. При натисканні на зображення, воно збільшується, якщо дозволяє роздільна здатність зображення (Рисунок 72).
{{:29037751.png}}
//Рисунок// //72. Сервіс “Курси” –// //завдання типу “Графіка”//
 
Елементи керування при перегляді галереї (Рисунок 73):
{{:29037754.png}}
//Рисунок// //73. Сервіс “Курси” – перегляд галереї//
  * кнопки </> – перемикають зображення по черзі, якщо їх більше одного;
  * eлемент пагінації – здійснює перехід між зображеннями;
  * кнопка – закриває режим перегляду зображень “на весь екран”.
**Завдання типу “Презентація”** відображається за допомогою переглядача файлів формату pdf (Рисунок 74):
{{:29037753.png}}
//Рисунок// //74. Сервіс “Курси” – завдання типу “Презентація”//
Вікно перегляду презентації має структуру:
  * стрічка змісту документу – містить слайди презентації у зменшеному вигляді. Дозволяє перемикати слайди у довільному порядку, шляхом кліку на відповідний слайд. Містить кнопки керування та , що дозволяють гортати стрічку слайдів вгору та вниз. При натисненні на слайд в стрічці він з’являється в області відображення слайду;
  * область відображення слайду – містить вибраний слайд презентації та кнопки </>, що перемикають зображення по черзі;
  * елемент “Сторінка” – відображає номер слайду та загальну кількість слайдів презентації.
// //
**Завдання типу “Відео”** відображається програвачем відео-файлів з елементами керування (Рисунок 75):
{{:29037764.png}}
//Рисунок// //75. Сервіс “Курси” – завдання типу “Відео”//
\\
Вікно перегляду відео має структуру:
  * кнопка “Відтворити/Пауза” – дозволяє зупиняти і вмикати відтворення запису;
  * індикатор прогресу і ручного перемотування – інтерактивний елемент, відображає скільки інформації, із загальної кількості, відтворено і дозволяє перемотувати запис;
  * кнопка “Звук” – дозволяє вмикати/вимикати звук;
  * кнопка “На весь екран” – при натисканні відкриває програвач на всю ширину екрану. При повторному натисканні (або натисканні кнопки “Esc”) – відміняє повноекранний режим.
** **
**Завдання типу “Аудіо”** відображається програвачем аудіо-файлів з елементами керування (Рисунок 76):
{{:29037763.png}}
//Рисунок// //76. Сервіс “Курси” – завдання типу “Аудіо”//
  * кнопка “Відтворити/Пауза” – дозволяє вмикати і зупиняти відтворення запису;
  * індикатор прогресу і ручного перемотування – інтерактивний елемент, відображає скільки інформації, із загальної кількості, відтворено і дозволяє перемотувати запис;
  * кнопка “Звук” – дозволяє вмикати/вимикати звук;
// //
**Завдання типу “Вебінар”** присутні лише в курсах закритого типу.
Якщо вебінар не розпочався, сторінка містить елементи (Рисунок 77):
{{:29037766.png}}
//Рисунок// //77. Сервіс “Курси” – завдання типу “Вебінар”//
 
  * назва вебінару;
  * динамічний елемент відображення часу – плашка, де відображається час до початку вебінару, а в день проведення – час початку вебінару;
  * опис – короткий опис вебінару;
  * додаткові файли – супровідні файли, доступні для перегляду.
\\
Якщо вебінар розпочався, сторінка містить елементи (Рисунок 78):
{{:29037765.png}}
//Рисунок// //78. Сервіс “Курси” – вікно трансляції вебінару//
 
  * вікно трансляції вебінару з елементами керування:
    * кнопка “Чат” – дозволяє учасникам вебінару обмінюватися повідомленнями;
    * кнопка “Учасники” – відкриває список учасників вебінару;
    * кнопка “Повноекранний режим” – розгортає вікно перегляду вебінару на всю ширину екрану;
    * кнопка “Виступити на трибуні” – надсилає ведучому вебінару запит на виступ користувача;
    * кнопка “Звук” – дозволяє вмикати та вимикати звук трансляції вебінару;
    * кнопка “Демонструвати екран” – дозволяє демонструвати екран доповідача іншим учасникам вебінару;
  * опис – короткий опис вебінару;
  * додаткові файли – супровідні файли, доступні для перегляду.
Список усіх вебінарів, у яких користувач може взяти участь, відображається у вкладці “Вебінари” сервісу “Курси”.
 
// //
**Завдання типу “Тест”** містить наступні елементи на сторінці інформації про тест (Рисунок 79):
{{:29037760.png}}
//Рисунок// //79. Сервіс “Курси” – завдання типу “Тест”//
// //
  * кнопка “Розпочати тест”;
  * блок “Опис” містить інформацію:
    * “Кількість спроб”;
    * “Залишилось спроб”;
    * “Завдань”;
    * “Максимальний бал”;
    * “Прохідний бал”;
    * “Час на проходження”;
  * блок “Результати”:
    * результат проходження тесту;
    * час, затрачений на проходження тесту;
    * кількість отриманих балів з максимально можливої;
    * дата проходження тесту.
\\
Сторінка проходження тесту має структуру (Рисунок 80):
{{:29037759.png}}
//Рисунок// //80. Сервіс “Курси” – структура сторінки проходження тесту//
 
  * таймер – динамічний елемент, здійснює зворотній відлік часу, якщо час проходження тесту обмежений;
  * кнопка “Завершити” – завершує проходження тесту зі збереженням результатів. При натисканні відкривається вікно підтвердження дії. Завершення тесту рахується як спроба проходження;
  * пагінація між питаннями – при натисканні на номер відкривається відповідне питання. Питання, на яке вже дана відповідь, можна лише переглянути;
  * завдання або запитання – текст;
  * блок відповідей – вигляд та елементи керування відповідями змінюється в залежності від типу тестового завдання;
  * кнопка “Підтвердити відповідь” – зберігає надану відповідь та відкриває наступне питання. Після цього змінити відповідь неможливо. Якщо питання останнє в тесті – здійснює завершення тесту.
 
У Системі передбачено 4 типи тестових завдань:
  * Вибір відповідей;
  * Логічні пари;
  * Правильна послідовність;
  * Введення короткої відповіді.
\\
Від типу тесту залежать елементи керування відповіддю.
Для надання відповіді на питання тесту типу “Вибір відповідей” необхідно натиснути на один чи декілька (в залежності від завдання) блоків варіантів відповідей. Обрані елементи виділяються синім кольором (Рисунок 81);
{{:29037762.png}}
//Рисунок// //81. Завдання типу “Тест” – питання типу// //“Вибір відповіді”//
 
Для надання відповіді на питання тесту типу “Логічні пари” необхідно встановити правильну залежність лівої та правої частини. Для цього необхідно перетаскувати елементи по вертикалі, утримуючи на них ліву кнопку миші (Рисунок 82);
{{:29037761.png}}
//Рисунок// //82. Завдання типу “Тест” – питання типу// //“Логічні пари”//
\\
Для надання відповіді на питання тесту типу “Правильна послідовність” необхідно перетаскувати елементи по вертикалі, утримуючи на них ліву кнопку миші (Рисунок 83);
{{:29037740.png}}
//Рисунок// //83. Завдання типу “Тест” – питання типу “Правильна послідовність”//
\\
Для надання відповіді на питання тесту типу “Введення короткої відповіді” необхідно ввести текст відповіді у текстове поле. Даний тип тесту присутній лише в курсі закритого типу (Рисунок 84).
{{:29037739.png}}
//Рисунок// //84. Завдання типу “Тест” – питання типу “Введення короткої відповіді”//
\\
==== 12.1.2 Відкритий курс ====
Відкритий курс не передбачає подачу заявки, тому він не має обмежень у часі і матеріали курсу доступні всім користувачам Системи. Сторінка відкритого курсу має структуру (Рисунок 85):
{{:29037742.png}}
//Рисунок// //85. Сервіс “Курси” –сторінка опису відкритого курсу//
 
  * загальна інформація:
    * “Викладач”;
    * “Напрямок”;
    * “Рівень підготовки”;
    * опис;
    * “Сертифікат по завершенню курсу”;
  * теги – при натисканні відбувається перехід на сторінку “Всі курси” та відображаються лише ті курси, що мають вибраний тег;
  * теми курсу – недоступні для детального перегляду;
  * кнопка “Розпочати навчання” – додає курс у список “Мої курси” користувача в Системі та показує прогрес проходження курсу у відсотках (Рисунок 86).
{{:29037741.png}}
//Рисунок// //86. Сервіс “Курси” –// //сторінка опису відкритого курсу після початку навчання//
 
===== 12.2 Вкладка “Мої курси” =====
Вкладка містить список курсів, за якими користувач проходить навчання, та курси, на які підтверджена його заявка. У вкладці доступні функції пошуку та фільтрації інформації за тегами, типом курсу і категоріями “Напрямок” та “Рівень підготовки” (Рисунок 87).
{{:29037736.png}}
//Рисунок// //87.// //Сервіс “Курси” – вкладка “Мої курси”//
\\
** **
===== 12.3 Вкладка “Вебінари” =====
Вкладка представлена у вигляді списку всіх вебінарів, що входять в структуру курсів, на яких навчається користувач (Рисунок 88).
{{:29037735.png}}
//Рисунок// //88. Сервіс “Курси” –вкладка “Вебінари”//
\\
**Блок вебінару у списку містить елементи:**
  * назва вебінару;
  * назва курсу, до якого входить вебінар;
  * динамічний елемент відображення часу – відображає час до початку вебінару, а в день проведення – час початку вебінару. Якщо вебінар вже розпочався – елемент набуває форми “Наживо” (Рисунок 89).
  * {{:29037738.png}}
//Рисунок// //89. Сервіс “Курси” –вкладка “Вебінари”, вебінар розпочато//
\\
При натисканні на блок вебінару в списку, відкривається сторінка перегляду вебінару.
Якщо вебінар не розпочався, сторінка містить елементи (Рисунок 90):
{{:29037737.png}}
//Рисунок// //90. Сервіс “Курси” –вкладка “Вебінари”, сторінка перегляду вебінару//
 
  * назва вебінару;
  * динамічний елемент відображення часу – плашка, де відображається час до початку вебінару, а в день проведення – час початку вебінару;
  * опис – короткий опис вебінару;
  * додаткові файли – супровідні файли, доступні для перегляду до початку вебінару.
// //
Якщо вебінар розпочався, сторінка містить елементи:
  * вікно трансляції вебінару з елементами керування (Рисунок 91):
  * {{:29037748.png}}
//Рисунок// //91. Сервіс “Курси” – вкладка “Вебінари”, вікно трансляції вебінару//
 
  * кнопка “Чат” – дозволяє учасникам вебінару обмінюватися повідомленнями;
  * кнопка “Учасники” – відкриває список учасників вебінару;
  * кнопка “Повноекранний режим” – розгортає вікно перегляду вебінару на всю ширину екрану;
  * кнопка “Виступити на трибуні” – надсилає ведучому вебінару запит на виступ користувача;
  * кнопка “Звук” – дозволяє вмикати та вимикати звук трансляції вебінару;
  * кнопка “Демонструвати екран” – дозволяє демонструвати екран доповідача іншим учасникам вебінару;
  * опис – короткий опис вебінару;
  * додаткові файли – супровідні файли, доступні для перегляду
 
===== 12.4 Вкладка “Заявки” =====
Вкладка містить список курсів, на які користувач подав заявки, але заявки ще не підтверджені в Системі. У вкладці доступні функції пошуку та фільтрації інформації за тегами, типом курсу і категоріями “Напрямок” та “Рівень підготовки” (Рисунок 92).
{{:29037747.png}}
//Рисунок// //92. Сервіс “Курси” – вкладка “Заявки”//
\\
===== 12.5 Вкладка “Архів” сервісу “Курси” =====
Вкладка містить список курсів, на яких користувач вже завершив навчання. Матеріали курсів, що знаходяться в архіві, доступні лише для перегляду. У вкладці доступні функції пошуку та фільтрації інформації за тегами, типом курсу і категоріями “Напрямок” та “Рівень підготовки” (Рисунок 93).
{{:29037750.png}}
//Рисунок// //93. Сервіс “Курси”  – вкладка “Архів”//
\\
** **
====== 13. Сервіс “База знань” ======
Сервіс представлений у вигляді списку додаткових матеріалів до курсів Системи (Рисунок 94).
{{:29037749.png}}
//Рисунок// //94. Сервіс “База знань”//
\\
Матеріали в сервісі відображаються у вигляді блоків зі стислою інформацією, та містять елементи:
  * зображення;
  * іконка типу матеріалу;
  * назва матеріалу;
  * ПІБ автора;
  * короткий опис.
В сервісі представлені матеріали 5 типів:
  * текст;
  * графіка;
  * презентація;
  * відео;
  * аудіо.
В сервісі доступні функції пошуку та фільтрації інформації за тегами, типом матеріалу і категорією “Напрямок” (Рисунок 95).
{{:29037744.png}}
//Рисунок// //95. Сервіс “База знань”, функції пошуку і фільтрації//
 
Для здійснення пошуку необхідно ввести слово в поле пошуку та натиснути кнопку “Пошук”  або клавішу Enter.
Для здійснення фільтрації необхідно натиснути на кнопку фільтру  та задати у вікні фільтру необхідні параметри фільтрації.
При натисканні на блок елементу в списку, відкривається сторінка перегляду матеріалу, що містить опис матеріалу та елементи керування в залежності від типу матеріалу (Рисунок 96).
{{:29037743.png}}
//Рисунок// //96. Сервіс “База знань” – Сторінка перегляду матеріалу типу “Презентація”//
\\
Кнопка “Назад”  – дозволяє повернутися до списку матеріалів сервісу “База знань”.
Елементи керування матеріалами сервісу “Бази знань” відповідають елементам керування завдань в курсах відповідно до типу контенту (п. 12.1.1).
 
====== 14. Сервіс “Наради” ======
Сервіс слугує для відображення списку нарад, в яких користувач бере участь і складається з наступних елементів (Рисунок 97):
{{:29037746.png}}
//Рисунок// //97. Сервіс “Наради”//
  *  назва сервісу;
  *  кнопка “Створити” – відкриває форму створення наради;
  *  кнопка “Архів” – відкриває сторінку перегляду нарад, що завершились;
  *  список нарад – посилання з переходом на сторінку перегляду окремої наради;
// //
**Структура форми створення наради** (Рисунок 98):
{{:29037745.png}}
//Рисунок// //98. Сервіс “Наради” – форма створення наради//
 
  *  поле “Тема” – текстове поле для введення інформації;
  *  поле “Дата та час початку” – поле для введення дати та часу початку наради з календаря;
  *  поле “Опис” – текстове поле для введення інформації;
  *  поле “Учасники” – поле зі спадним списком користувачів Системи. //Можливий мультивибір;//
  *  поле “Файли” – поле для завантаження файлів. Файли можна завантажити, перетягнувши їх в поле, або натиснути в полі на кнопку і обрати необхідний файл на комп’ютері;
  *  кнопка “Створити” – при натисканні зберігає внесені зміни і додає нараду у список нарад сервісу;
  *  кнопка “Скасувати” – при натисканні закриває форму створення наради без збереження змін.
** **
**Блок наради у списку складається з наступних елементів** (Рисунок 99):
{{:29037724.png}}
//Рисунок// //99. Сервіс “Наради” – структура блоку наради//
 
  *  тема наради;
  *  опис;
  *  ведучий (автор) наради;
  *  динамічний елемент відображення часу – відображає час до початку наради, а в день проведення – час початку наради. Якщо нарада вже розпочався – елемент набуває форми “Наживо”;
При натисканні на блок наради в списку, відкривається сторінка перегляду наради.
** **
Якщо нарада не розпочалася, сторінка містить елементи (Рисунок 100)**:**
**{{:29037723.png}}**
//Рисунок// //100. Сервіс “Наради”  – сторінка перегляду наради//
 
  *  назва наради;
  *  кнопка “Видалити” – при натисканні видаляє нараду з Системи;
  *  кнопка “Редагувати” – при натисканні відкриває форму наради в режимі редагування. Поля та елементи керування ідентичні формі створення;
  *  кнопка “Розпочати” – при натисканні розпочинає нараду: відкривається вікно трансляції наради, кнопка набуває статусу “Завершити” – при натисканні зупиняє трансляцію та закриває вікно проведення наради. Завершені наради переміщуються до архіву. Кнопка відображається для ведучого наради;
  *  повідомлення про суміжні події – відображається, якщо у користувача, доданого на нараду, в час проведення наради запланована інша нарада;
  *  динамічний елемент відображення часу – плашка, де відображається час до початку наради, а в день проведення – час початку наради;
  *  опис – короткий опис наради;
  *  учасники наради – список користувачів, яких додали на нараду у вигляді фото і ПІБ – при натисканні відкриває профіль користувача. Користувач, що створив нараду, виділений як “Ведучий”;
  *  прикріплені файли – супровідні файли, доступні для перегляду до початку та після завершення наради.
\\
Якщо нарада розпочалася, сторінка містить елементи (Рисунок 101):
{{:29037726.png}}
//Рисунок// //101. Сервіс “Наради”  – вікно трансляції наради//
 
  *  назва наради;
  *  кнопка “Завершити” – при натисканні зупиняє трансляцію та закриває вікно проведення наради. Кнопка відображається для ведучого наради. //Завершення потребує підтвердження. Завершені наради переміщуються до архіву;//
  *  вікно трансляції наради з елементами керування:
    * кнопка “Чат” – дозволяє учасникам вебінару обмінюватися повідомленнями;
    * кнопка “Учасники” – відкриває список учасників вебінару;
    * кнопка “Повноекранний режим” – розгортає вікно перегляду вебінару на всю ширину екрану;
    * кнопка “Виступити на трибуні” – надсилає ведучому вебінару запит на виступ користувача;
    * кнопка “Звук” – дозволяє вмикати та вимикати звук трансляції вебінару;
    * кнопка “Демонструвати екран” – дозволяє демонструвати екран доповідача іншим учасникам вебінару;
  *  опис – короткий опис наради;
  *  учасники наради – список користувачів, яких додали на нараду у вигляді фото і ПІБ – при натисканні відкриває профіль користувача. Користувач, що створив нараду, виділений як “Ведучий”;
  *  прикріплені файли – супровідні файли, доступні для перегляду до початку та після завершення наради.
// //
===== 14.1 Вкладка “Архів” сервісу “Наради” =====
При натисканні на кнопку “Архів” в сервісі “Наради”, відкривається вкладка архіву нарад, що представлена у вигляді списку нарад, в яких користувач брав участь і які вже були проведені (Рисунок 102).
{{:29037725.png}}
//Рисунок// //102. Сервіс “Наради” – вкладка “Архів”//
\\
**Структура вкладки:**
  *  назва вкладки;
  *  список нарад – посилання з переходом на сторінку перегляду окремої наради.
** **
Блок наради у списку складається з наступних елементів (Рисунок 103):
{{:29037720.png}}
//Рисунок// //103. Сервіс “Наради” – структура блоку наради//
** **
  *  тема наради;
  *  опис;
  *  ведучий (автор) наради;
  *  динамічний елемент відображення часу – відображає час закінчення наради.
 
При натисканні на блок наради в списку, відкривається сторінка перегляду наради (Рисунок 104).
{{:29037719.png}}
//Рисунок// //104. Сервіс “Наради”  – сторінка перегляду наради у вкладці “Архів”//
** **
**Сторінка містить елементи:**
  *  назва наради;
  *  статус “Нарада завершена”;
  *  опис – короткий опис наради;
  *  учасники наради – список користувачів, яких додали на нараду у вигляді фото і ПІБ – при натисканні відкриває профіль користувача. Користувач, що створив нараду, виділений як “Ведучий”;
  *  прикріплені файли – супровідні файли, доступні для перегляду після завершення наради.
\\
 
====== 15. Сервіс “Календар” ======
Сервіс представлений у вигляді календаря з відображенням подій, в яких користувач бере участь. За замовчуванням календар відображає поточний місяць.
\\
**Календар підтримує два режими відображення:**
  * календар – відображає події обраного календарного місяця (Рисунок 105). //Відображення вкладки в сервісі за замовчуванням//;
  * {{:29037722.png}}
//Рисунок// //105. Сервіс “Календар” – відображення “Місяць”//
\\
  * розклад – хронологічне відображення подій поточного місяця від найближчих за часом – до найдальших. У списку відображаються лише ті дні, що мають події. (Рисунок 106).
  * {{:29037721.png}}
//Рисунок// //106. Сервіс “Календар” – відображення “Розклад”//
 
**Календар відображає три типи подій:**
  * курс – початок, тривалість та кінець;
  * вебінар – назва вебінару, час початку;
  * нарада – назва наради, час початку.
\\
**Структура відображення сервісу:**
  * місяць/рік – динамічний елемент, змінюється відповідно до вибраного місяцю/року;
  * кнопки вперед / назад  – дозволяють переглядати майбутні та минулі місяці в календарі;
  * кнопка “Сьогодні” – повертає відображення поточного місяця і виділяє поточну дату;
  * кнопка “Місяць” – вмикає режим відображення “Календар”;
  * кнопка “Розклад” – вмикає режим відображення “Розклад”;
  * область відображення календаря або розкладу з подіями;
  * події – посилання, при натисканні здійснюють перехід на сторінку відповідної події в Системі;
  * типи подій – список типів подій, що відображаються в календарі або розкладі із зазначенням відповідного кольору відображення.
 
** **
====== 16. Сервіс “Сповіщення” ======
Сервіс “Сповіщення” доступний з будь-якого розділу системи в будь-який момент часу та відображає кількість нових сповіщень у вигляді числа. При натисканні на значок сервісу, відображаються усі сповіщення користувача, візуально розділені кольором на нові (усі сповіщення за замовчуванням) та прочитані (після перегляду користувачем).
В сервісі присутні такі елементи керування (Рисунок 107):
{{:29037732.png}}
//Рисунок// //107. Сервіс “Сповіщення”//
\\
  * кнопка “Переглянути всі” – змінює статус всіх сповіщень на “Переглянуто” (Рисунок 108);
  * {{:29037731.png}}
//Рисунок// //108. Сервіс “Сповіщення” – після натискання кнопки “Переглянути всі”//
  * кнопка “Переглянути” – навпроти окремого сповіщення, змінює статус вибраного сповіщення на “Переглянуто” (Рисунок 109).
  * {{:29037734.png}}
//Рисунок// //109. Сервіс “Сповіщення” – після натискання кнопки “Переглянути”//
// //
Список усіх сповіщень користувача відображається у вкладці “Історія сповіщень” сервісу “Профіль користувача”.
\\
 
====== 17. Сервіс “Повідомлення” ======
Сервіс “Повідомлення” слугує засобом зв’язку користувачів у Системі і доступний з будь–якого розділу Системи в будь–який момент часу. Значок сервісу відображає кількість нових повідомлень у вигляді іконки з числом. При натисканні на значок “Повідомлення”, відкривається сторінка сервісу (Рисунок 110).
{{:29037733.png}}
//Рисунок// //110. Сервіс “Повідомлення”//
** **
**Сервіс складається з двох основних блоків:**
  * блок списку діалогів;
  * основна робоча область.
** **
**Блок списку** діалогів представлений у вигляді наступних елементів:
  * поле пошуку – текстове поле з функцією пошуку. При введені імені користувача Система відображає усі чати, в яких знайдено співпадіння;
  *  кнопка “Створити чат” – при натисканні відображає вікно створення нового чату з елементами (Рисунок 111):
  * {{:29037728.png}}
//Рисунок// //111. Сервіс “Повідомлення” – створення нового чату//
 
  *  поле “Обрати користувачів” – поле пошуку користувачів зі списку користувачів Системи. //Присутня можливість мультивибору. Обов’язкове поле//;
  *  поле “Назва чату” – текстове поле, що з’являється при виборі більше ніж одного користувача у полі “Обрати користувачів”;
  *  поле “Текст повідомлення” – текстове поле для введення тексту повідомлення. //Обов’язкове поле//;
  *  кнопка “Створити” – при натисканні зберігає створений чат, додає його у список діалогів, відкриває чат в основній робочій області та надсилає повідомлення усім його учасникам.
  *  кнопка “Скасувати” – при натисканні закриває вікно створення чату без збереження внесених змін.
  * блок зі списком діалогів – кожен елемент при натисканні відкриває відповідний діалог в основній робочій області, та має структуру (Рисунок 112):
  * {{:29037727.png}}
//Рисунок// //112. Сервіс “Повідомлення” – блок списку діалогів//
// //
  *  зображення – графічний елемент, відповідає іконці користувача в Системі, або першій літері назви чату;
  *  ПІБ користувача/назва чату – текстовий елемент;
  *  перші 42 символи останнього повідомлення в діалозі – текстовий елемент;
  * кнопка “Видалення чату” – при натисканні відкривається вікно підтвердження видалення чату.
** **
**Основна робоча область складається з елементів** (Рисунок 113):
{{:29037730.png}}
//Рисунок// //113. Сервіс “Повідомлення” – редагування чату//
 
  *  назва чату або ПІБ співрозмовника;
  *  кнопка “Редагувати” – навпроти назви чату, при натисканні дозволяє редагувати назву чату;
  *  кнопка “Учасники діалогу” – відкриває список учасників діалогу, що містить:
    *  поле пошуку зі списку користувачів Системи;
    *  кнопка “Додати користувача” – навпроти поля пошуку, додає вибраного користувача до списку учасників діалогу;
    *  зображення та ПІБ користувача;
    *  кнопка “Видалити” – навпроти кожного користувача, при натисканні видаляє вибраного користувача із чату. Дія потребує підтвердження;
  *  історія діалогу містить блоки повідомлень що складаються з таких елементів (Рисунок 114):
  * {{:29037729.png}}
//Рисунок// //114. Сервіс “Повідомлення” – історія діалогу//
// //
  *  ПІБ автора повідомлення – текстовий елемент;
  *  текст повідомлення;
  *  дата та час повідомлення – інтерактивний елемент, з’являється при наведенні курсору на текст повідомлення;
  *  кнопка “Видалити” – навпроти тексту повідомлення, при натисканні видаляє повідомлення з діалогу. //Для видалення необхідне підтвердження.//
  *  поле для введення тексту повідомлення;
  * кнопка “Надіслати” – при натисканні надсилає повідомлення учасникам діалогу.
// //
** **
====== 18. Сервіс “Профіль користувача” ======
При натисканні на сервіс “Профіль користувача” відкривається меню з елементами керування (Рисунок 115):
{{:29037709.png}}
//Рисунок// //115. Сервіс “Профіль користувача”//
\\
  *  вкладка “Профіль”;
  *  вкладка “Історія сповіщень”;
  *  вкладка “Безпека”;
  *  кнопка “Вихід”.
 
**Вкладка “Профіль”** – відкриває сторінку профілю користувача. Картка користувача заповнюється інформацією, отриманою в результаті синхронізації Системи з Міcrosoft Active Directory Замовника, тому дані можна лише переглядати, крім полів “Посилання на сторінку соцмережі Facebook” та “Посилання на сторінку в Linkedin”, що передбачають заповнення вручну.
**Картка користувача містить поля** (Рисунок 116):
{{:29037708.png}}
//Рисунок// //116. Вкладка “Профіль користувача”//
** **
  *  фото профілю;
  *  поле “ПІБ”;
  *  поле “Організація” – посилання, здійснює перехід на картку організації, до якої належить користувач;
  *  поле “Посада”;
  *  поле “Мобільний телефон”;
  *  поле “Робочий телефон”;
  *  поле “Email”;
  *  поле “Посилання на сторінку в Facebook” – заповнюється вручну;
  *  поле “Посилання на сторінку в Linkedin” – заповнюється вручну;
  * кнопка “Додати дані з Facebook” – при натисканні додає значення “ПІБ” та “Email” з аккаунту користувача в мережі Facebook, після чого дозволяє оновлювати додані значення;
    * кнопка “Дані з Facebook” – при натисканні в профілі відображаються поля “ПІБ” та “Email” зі значеннями з аккаунту користувача в мережі Facebook;
    * кнопка “Скасувати зв'язок з Facebook” – при натисканні скасовує зв'язок з аккаунтом користувача в мережі Facebook в результаті чого значення “ПІБ” та “Email” з аккаунту не відображаються в профілі;
    * кнопка “Зберегти” – при натисканні зберігає внесені в картку зміни.
** **
**Сторінка перегляду організації користувача містить елементи** (Рисунок 117):
{{:29037711.png}}
//Рисунок// //117. Вкладка “Організації”//
 
  * логотип організації (зображення);
  * поле “Адреса”;
  * поле “Телефон”;
  * поле “Еmail”;
  * поле “Менеджери”:
    * ПІБ;
  * опис;
  * блок “Учасники організації”:
    * Фото;
    * ПІБ.
\\
**Вкладка “Історія сповіщень”** – відкриває сторінку зі списком усіх сповіщень користувача (Рисунок 118).
{{:29037710.png}}
//Рисунок// //118. Вкладка “Історія сповіщень”//
\\
Кнопка “Переглянути всі” – дозволяє змінити статус всіх сповіщень на “Переглянуті”.
Кнопка “Переглянути”  – навпроти окремого сповіщення, дозволяє змінити статус вибраного сповіщення на “Переглянуте”.
\\
**Вкладка “Безпека”** – відкриває сторінку “Історія активності”. Сторінка представлена у вигляді списку всіх сесій користувача в Системі (Рисунок 119).
{{:29037705.png}}
//Рисунок// //119. Вкладка “Історія активності”//
 
Вкладка містить елементи:
  *  поле “ІР”;
  *  поле “Опис”;
  *  поле “Остання активність”;
  * кнопка “Завершити всі сеанси” – завершує всі сеанси користувача окрім поточного. Дія потребує підтвердження.
// //
**Кнопка “Вийти”** – при натисканні, користувач завершує поточний сеанс та потрапляє на сторінку авторизації в Системі. Дія потребує підтвердження (Рисунок 120).
{{:29037704.png}}
//Рисунок// //120. Сервіс “Профіль користувача” – кнопка “Вийти”//
 
** **
====== 19. Налаштування мови Системи ======
Функція налаштування мови доступна з будь-якого розділу Системи в будь-який момент часу. Налаштування мови Системи здійснюється за допомогою відповідного меню на панелі користувача (Рисунок 121).
{{:29037707.png}}
//Рисунок// //121. Меню налаштування мови//
При натисканні на поле налаштування мови, відкривається спадний список усіх мов в Системі. Після вибору мови, усі поля та елементи Системи відображаються вибраною мовою.
В Системі доступні такі мови:
  * українська ;
  * англійська .
\\
// //
====== 20. Повідомлення про текстові помилки ======
З метою вдосконалення Системи та запобігання наявності текстових помилок в матеріалах сервісів Системи передбачена можливість фіксування текстових помилок користувачами Системи.
**Створення запису про помилку**
Для створення запису про текстову помилку в Системі необхідно виділити текст, в якому знайдено помилку, та натиснути комбінацію клавіш Ctrl+Enter. У спливаючому вікні підтвердити чи скасувати створення запису про помилку (Рисунок 122).
{{:29037706.png}}
//Рисунок// //122. Діалогове вікно повідомлення про текстову помилку//
 
 
====== СПИСОК РИСУНКІВ ======
[[#_Toc522622299|Рисунок 1. Форма авторизації користувача. 8]]
[[#_Toc522622300|Рисунок 2. Головна сторінка панелі адміністратора. 8]]
[[#_Toc522622301|Рисунок 3. Сервіс “Курси”. 10]]
[[#_Toc522622302|Рисунок 4. Вкладка “Курси”. 10]]
[[#_Toc522622303|Рисунок 5. Сторінка управління курсом. 11]]
[[#_Toc522622304|Рисунок 6. Вкладка “Контент”. 12]]
[[#_Toc522622305|Рисунок 7. Структура курсу. 12]]
[[#_Toc522622306|Рисунок 8. Вкладка “Контент” – список тем, що входять в курс. 13]]
[[#_Toc522622307|Рисунок 9. Вкладка “Контент” – список занять, що входять в тему. 13]]
[[#_Toc522622308|Рисунок 10. Вкладка “Контент” – список завдань, що входять в заняття. 14]]
[[#_Toc522622309|Рисунок 11. Вкладка “Контент” –перегляд тем курсу. 14]]
[[#_Toc522622310|Рисунок 12. Вкладка “Контент” –перегляд занять. 15]]
[[#_Toc522622311|Рисунок 13. Вкладка “Контент” – додавання завдання. 16]]
[[#_Toc522622312|Рисунок 14. Вкладка “Контент” – вибір типу завдання. 17]]
[[#_Toc522622313|Рисунок 15. Вкладка “Контент” – елементи керування завданнями. 17]]
[[#_Toc522622314|Рисунок 16. Вкладка “Контент” – створення завдання типу “Текст”. 18]]
[[#_Toc522622315|Рисунок 17. Вкладка “Контент” – створення завдання типу “Графіка”. 19]]
[[#_Toc522622316|Рисунок 18. Вкладка “Контент” – створення завдання типу “Графіка”. 20]]
[[#_Toc522622317|Рисунок 19. Вкладка “Контент” – створення завдання типу “Відео”. 21]]
[[#_Toc522622318|Рисунок 20. Вкладка “Контент” – створення завдання типу “Аудіо”. 21]]
[[#_Toc522622319|Рисунок 21. Вкладка “Контент” – створення завдання типу “Вебінар”. 22]]
[[#_Toc522622320|Рисунок 22. Вкладка “Контент” – створення завдання типу “Тест”. 23]]
[[#_Toc522622321|Рисунок 23. Вкладка “Контент” – налаштування параметрів завдання типу “Тест”. 23]]
[[#_Toc522622322|Рисунок 24. Вкладка “Контент” – додавання тестового завдання. 24]]
[[#_Toc522622323|Рисунок 25. Вкладка “Контент” – створення тестового завдання типу “Вибір відповідей”. 25]]
[[#_Toc522622324|Рисунок 26. Вкладка “Контент” – створення тестового завдання типу “Логічні пари”. 26]]
[[#_Toc522622325|Рисунок 27. Вкладка “Контент” – створення тестового завдання типу “Правильна послідовність”. 27]]
[[#_Toc522622326|Рисунок 28. Вкладка “Контент” – створення тестового завдання типу “Введення короткої відповіді”. 28]]
[[#_Toc522622327|Рисунок 29. Сервіс “База знань”. 29]]
[[#_Toc522622328|Рисунок 30. Сервіс “База знань” – форма створення одиниці контенту. 30]]
[[#_Toc522622329|Рисунок 31. Вкладка “База знань” – елементи керування контентом. 31]]
[[#_Toc522622330|Рисунок 32. Сервіс “База знань” – перегляд одиниці контенту. 32]]
[[#_Toc522622331|Рисунок 33. Сервіс “База знань” – режим редагування одиниці контенту. 32]]
[[#_Toc522622332|Рисунок 34. Сервіс “Статистика” – вкладка “Оцінювання”. 34]]
[[#_Toc522622333|Рисунок 35. Вкладка “Оцінювання” – структура фільтру. 35]]
[[#_Toc522622334|Рисунок 36. Вкладка “Оцінювання”  – кнопка “Експорт”. 36]]
[[#_Toc522622335|Рисунок 37. Сервіс ”Статистика” – вкладка “Пройдені завдання”. 36]]
[[#_Toc522622336|Рисунок 38. Вкладка “Пройдені завдання” – структура фільтру. 37]]
[[#_Toc522622337|Рисунок 39. Вкладка “Пройдені завдання” – кнопка “Експорт”. 38]]
[[#_Toc522622338|Рисунок 40. Сервіс “Статистика” – вкладка “Пройдені курси”. 38]]
[[#_Toc522622339|Рисунок 41. Вкладка “Пройдені курси” – структура фільтру. 39]]
[[#_Toc522622340|Рисунок 42. Вкладка “Пройдені курси” – кнопка “Експорт”. 40]]
[[#_Toc522622341|Рисунок 43. Сервіс “Статистика” – вкладка “Динаміка проходження завдань”. 40]]
[[#_Toc522622342|Рисунок 44. Вкладка “Динаміка проходження завдань” – структура фільтру. 41]]
[[#_Toc522622343|Рисунок 45. Сервіс “Сповіщення”. 43]]
[[#_Toc522622344|Рисунок 46. Сервіс “Повідомлення”. 44]]
[[#_Toc522622345|Рисунок 47. Сервіс “Повідомлення” – створення нового чату. 45]]
[[#_Toc522622346|Рисунок 48. Сервіс “Повідомлення” – блок списку діалогів. 46]]
[[#_Toc522622347|Рисунок 49. Сервіс “Повідомлення” – редагування чату. 46]]
[[#_Toc522622348|Рисунок 50. Сервіс “Повідомлення” – історія діалогу. 47]]
[[#_Toc522622349|Рисунок 51. Сервіс “Профіль користувача”. 49]]
[[#_Toc522622350|Рисунок 52. Вкладка “Профіль користувача”. 50]]
[[#_Toc522622351|Рисунок 53. Вкладка “Історія сповіщень”. 51]]
[[#_Toc522622352|Рисунок 54. Вкладка “Історія активності”. 51]]
[[#_Toc522622353|Рисунок 55. Сервіс “Профіль користувача” – кнопка “Вийти”. 52]]
[[#_Toc522622354|Рисунок 56. Меню налаштування мови. 53]]
[[#_Toc522622355|Рисунок 57. Форма авторизації користувача. 54]]
[[#_Toc522622356|Рисунок 58. Головна сторінка панелі користувача. 55]]
[[#_Toc522622357|Рисунок 59. Кнопка “Технічна підтримка”. 56]]
[[#_Toc522622358|Рисунок 60. Сервіс “Повідомлення” – діалог з технічною підтримкою.. 57]]
[[#_Toc522622359|Рисунок 61. Сервіс “Новини”. 58]]
[[#_Toc522622360|Рисунок 62. Сервіс “Новини” – інструменти пошуку і фільтрації новин. 58]]
[[#_Toc522622361|Рисунок 63. Сторінка перегляду новини. 59]]
[[#_Toc522622362|Рисунок 64. Сервіс “Курси”. 61]]
[[#_Toc522622363|Рисунок 65. Сервіс “Курсі” – вкладка “Всі”, функції пошуку і фільтрації 62]]
[[#_Toc522622364|Рисунок 66. Сервіс “Курси” – сторінка опису закритого курсу. 63]]
[[#_Toc522622365|Рисунок 67. Сервіс “Курси” – сторінка закритого курсу після подачі заявки. 64]]
[[#_Toc522622366|Рисунок 68. Сервіс “Курси” – сторінка опису закритого курсу після подачі заявки. 64]]
[[#_Toc522622367|Рисунок 69. Сервіс “Курси” – сторінка перегляду теми. 65]]
[[#_Toc522622368|Рисунок 70. Сервіс “Курси” – сторінки перегляду завдання. 66]]
[[#_Toc522622369|Рисунок 71. Сервіс “Курси” – завдання типу “Текст”. 67]]
[[#_Toc522622370|Рисунок 72. Сервіс “Курси” – завдання типу “Графіка”. 68]]
[[#_Toc522622371|Рисунок 73. Сервіс “Курси” – перегляд галереї 68]]
[[#_Toc522622372|Рисунок 74. Сервіс “Курси” – завдання типу “Презентація”. 69]]
[[#_Toc522622373|Рисунок 75. Сервіс “Курси” – завдання типу “Відео”. 70]]
[[#_Toc522622374|Рисунок 76. Сервіс “Курси” – завдання типу “Аудіо”. 71]]
[[#_Toc522622375|Рисунок 77. Сервіс “Курси” – завдання типу “Вебінар”. 71]]
[[#_Toc522622376|Рисунок 78. Сервіс “Курси” – вікно трансляції вебінару. 72]]
[[#_Toc522622377|Рисунок 79. Сервіс “Курси” – завдання типу “Тест”. 73]]
[[#_Toc522622378|Рисунок 80. Сервіс “Курси” – структура сторінки проходження тесту. 74]]
[[#_Toc522622379|Рисунок 81. Завдання типу “Тест” – питання типу “Вибір відповіді”. 75]]
[[#_Toc522622380|Рисунок 82. Завдання типу “Тест” – питання типу “Логічні пари”. 75]]
[[#_Toc522622381|Рисунок 83. Завдання типу “Тест” – питання типу “Правильна послідовність”. 76]]
[[#_Toc522622382|Рисунок 84. Завдання типу “Тест” – питання типу “Введення короткої відповіді”. 76]]
[[#_Toc522622383|Рисунок 85. Сервіс “Курси” –сторінка опису відкритого курсу. 77]]
[[#_Toc522622384|Рисунок 86. Сервіс “Курси” – сторінка опису відкритого курсу після початку навчання. 78]]
[[#_Toc522622385|Рисунок 87. Сервіс “Курси” – вкладка “Мої курси”. 78]]
[[#_Toc522622386|Рисунок 88. Сервіс “Курси” –вкладка “Вебінари”. 79]]
[[#_Toc522622387|Рисунок 89. Сервіс “Курси” –вкладка “Вебінари”, вебінар розпочато. 79]]
[[#_Toc522622388|Рисунок 90. Сервіс “Курси” –вкладка “Вебінари”, сторінка перегляду вебінару. 80]]
[[#_Toc522622389|Рисунок 91. Сервіс “Курси” – вкладка “Вебінари”, вікно трансляції вебінару. 80]]
[[#_Toc522622390|Рисунок 92. Сервіс “Курси” – вкладка “Заявки”. 81]]
[[#_Toc522622391|Рисунок 93. Сервіс “Курси”  – вкладка “Архів”. 82]]
[[#_Toc522622392|Рисунок 94. Сервіс “База знань”. 83]]
[[#_Toc522622393|Рисунок 95. Сервіс “База знань”, функції пошуку і фільтрації 84]]
[[#_Toc522622394|Рисунок 96. Сервіс “База знань” – Сторінка перегляду матеріалу типу “Презентація”. 85]]
[[#_Toc522622395|Рисунок 97. Сервіс “Наради”. 86]]
[[#_Toc522622396|Рисунок 98. Сервіс “Наради” – форма створення наради. 87]]
[[#_Toc522622397|Рисунок 99. Сервіс “Наради” – структура блоку наради. 88]]
[[#_Toc522622398|Рисунок 100. Сервіс “Наради”  – сторінка перегляду наради. 88]]
[[#_Toc522622399|Рисунок 101. Сервіс “Наради”  – вікно трансляції наради. 90]]
[[#_Toc522622400|Рисунок 102. Сервіс “Наради” – вкладка “Архів”. 91]]
[[#_Toc522622401|Рисунок 103. Сервіс “Наради” – структура блоку наради. 92]]
[[#_Toc522622402|Рисунок 104. Сервіс “Наради”  – сторінка перегляду наради у вкладці “Архів”. 92]]
[[#_Toc522622403|Рисунок 105. Сервіс “Календар” – відображення “Місяць”. 94]]
[[#_Toc522622404|Рисунок 106. Сервіс “Календар” – відображення “Розклад”. 95]]
[[#_Toc522622405|Рисунок 107. Сервіс “Сповіщення”. 96]]
[[#_Toc522622406|Рисунок 108. Сервіс “Сповіщення” – після натискання кнопки “Переглянути всі”. 96]]
[[#_Toc522622407|Рисунок 109. Сервіс “Сповіщення” – після натискання кнопки “Переглянути”. 97]]
[[#_Toc522622408|Рисунок 110. Сервіс “Повідомлення”. 98]]
[[#_Toc522622409|Рисунок 111. Сервіс “Повідомлення” – створення нового чату. 99]]
[[#_Toc522622410|Рисунок 112. Сервіс “Повідомлення” – блок списку діалогів. 100]]
[[#_Toc522622411|Рисунок 113. Сервіс “Повідомлення” – редагування чату. 100]]
[[#_Toc522622412|Рисунок 114. Сервіс “Повідомлення” – історія діалогу. 101]]
[[#_Toc522622413|Рисунок 115. Сервіс “Профіль користувача”. 102]]
[[#_Toc522622414|Рисунок 116. Вкладка “Профіль користувача”. 103]]
[[#_Toc522622415|Рисунок 117. Вкладка “Організації”. 104]]
[[#_Toc522622416|Рисунок 118. Вкладка “Історія сповіщень”. 105]]
[[#_Toc522622417|Рисунок 119. Вкладка “Історія активності”. 105]]
[[#_Toc522622418|Рисунок 120. Сервіс “Профіль користувача” – кнопка “Вийти”. 106]]
[[#_Toc522622419|Рисунок 121. Меню налаштування мови. 107]]
[[#_Toc522622420|Рисунок 122. Діалогове вікно повідомлення про текстову помилку. 108]]
\\
\\
\\