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

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

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

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

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

○       “Курси”; ○       “База знань”; ○       “Статистика”; ○       “Новини”;

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

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

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

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

Користувачеві з роллю “Викладач” в сервісі доступні лише ті курси, на які він призначений викладачем, та створені ним власноруч. Сервіс призначений для створення та перегляду курсів, за якими здійснюватиметься навчання і представлений у вигляді багаторівневого списку з можливістю керування на кожному окремому рівні (Рисунок 3). Рисунок 3. Сервіс “Курси”   Рівні організації навчальних матеріалів в сервісі “Курси”:

1. курс;
2. тема;
3. заняття;
4. завдання.

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

• №;
• поле “Назва” – поле з можливістю пошуку та сортування;
• поле “Напрямок” – поле з можливістю фільтрації та сортування;
• поле “Викладач” – поле з можливістю фільтрації та сортуванн;
• поле “Рейтинг” – поле з можливістю пошуку та сортування.

Кнопка “Додати курс”  – при натисканні відкриває форму створення курсу (Рисунок 5). Рисунок 5. Форма створення курсу   Форма створення курсу містить такі поля:

• зображення – дозволяє завантажувати зображення формату .jpg, .jpeg, .png;
• поле “Назва” – однорядкове поле для введення інформації. Обов’язкове поле;
• поле “Напрямок” – до якого відноситься курс. Вибір зі спадного списку довідника “Напрямки” з можливістю пошуку. Обов’язкове поле;
• поле “Рівень підготовки” – вибір зі спадного списку довідника “Рівні підготовки” з можливістю пошуку. Обов’язкове поле;
• поле “Викладач” – за замовчуванням містить ПІБ викладача, що створює курс. Викладач не може змінювати значення поля;
• поле “Асистент” – вибір зі спадного списку користувачів із відповідною роллю з можливістю пошуку. Присутня можливість мультивибору;
• поле “Тип” – вибір зі спадного списку типів курсів у Системі. Не редагується. Обов’язкове поле;
• поле “Рейтинг” – числове поле, що дозволяє визначати послідовність відображення курсів у каталозі курсів. Допустимі значення: цілі числа більше нуля. Курси з високим значенням рейтингу відображаються в каталозі першими. Курси з однаковим значенням рейтингу відображаються в алфавітному порядку. Якщо значення рейтингу не задано, курс відображається останнім у списку;
• елемент “Надає сертифікат” – чек–бокс. Вказує, чи передбачена видача сертифікату слухачеві при успішному завершені курсу;
• поле “Опис” – текстове поле для введення інформації;
• поле “Мова” – вибір зі спадного списку мов. За замовчуванням обрано українську. Обов’язкове поле;
• поле “Теги” – вибір зі спадного списку тегів довідника “Теги” з можливістю пошуку та мультивибору. Для створення нового тегу необхідно ввести його назву в поле “Теги”. Усі нові значення тегів відображаються у довіднику “Теги”;
• кнопка “Створити” – додає новий курс до списку усіх курсів останнім елементом списку та відкриває сторінку з функціями керування курсом. Інформація, щодо створення нового елементу, вноситься в “Журнал дій” Системи;
• кнопка “Скасувати” – закриває форму створення курсу без збереження внесених даних. Після натискання необхідне підтвердження.

На сторінці присутні такі елементи керування: Кнопка “Редагувати”  – навпроти назви кожного елементу списку, відкриває сторінку курсу з полями, ідентичними полям форми створення курсу, в режимі редагування. На сторінці присутні елементи керування:

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

Кнопка “Архівувати”  – переміщує курс до архіву. Для архівування необхідне підтвердження.
Після натискання на блок курсу користувач потрапляє на сторінку управління курсом (Рисунок 6). Рисунок 6. Вкладки управління курсом
Управління здійснюється через 3 вкладки:

• “Контент”;
• “Неперевірені завдання”;
• “Розсилка”.

За замовчуванням першою відкривається вкладка “Контент”.

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

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

  Структура курсу має три рівні: тема – заняття – завдання (Рисунок 8): Рисунок 8. Структура курсу

1. рівень теми – містить список тем курсу;
2. рівень заняття – містить список занять, що входять в тему курсу;
3. рівень завдання – містить список завдань, що входять в заняття теми курсу.

  За замовчуванням вкладка представлена списком усіх тем курсу (Рисунок 9). Рисунок 9. Вкладка “Контент” – список тем, що входять в курс
При натисканні на тему відображається список занять, що входить в тему (Рисунок 10). Рисунок 10. Вкладка “Контент” – список занять, що входять в тему
При натисканні на заняття відкривається список завдань, що входять в заняття (Рисунок 11). Рисунок 11. Вкладка “Контент” – список завдань, що входять в заняття  

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

• кнопка “Додати”  – з’являється навпроти поля створення нової теми, зберігає внесені зміни та додає нову тему до списку тем курсу останнім елементом списку;
• кнопка “Скасувати”  – з’являється навпроти поля створення нової теми, закриває поле без збереження змін;

Для кожної теми в структурі курсу доступні такі елементи керування (Рисунок 14): Рисунок 14. Вкладка “Контент” – елементи керування темами

• кнопка “Перемістити”  – навпроти назви теми, дозволяє змінювати порядок тем в структурі курсу методом перетягування (“Drag–and–drop”);
• кнопка “Редагувати”  – навпроти назви теми, дозволяє редагувати назву теми;
• кнопка “Опублікувати/Зняти з публікації”  – дозволяє налаштовувати доступність тем для користувачів. При натисканні публікує тему, після чого вона стає доступною для роботи користувачам, після повторного натискання – знімає тему з публікації і робить її невидимою для користувачів. За замовчуванням новостворена тема неопублікована та користувачі не мають доступу до даної теми;
• кнопка “Видалити”  – видаляє обрану тему з усім контентом зі списку тем курсу. Для видалення необхідне підтвердження.
• кнопка “Розгорнути/Згорнути”  – біля назви теми, при натисканні відображає усі заняття, що входять у вибрану тему. При повторному натисканні – відображає лише назви тем. За замовчуванням відображаються лише назви тем.

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

• поле “Додати заняття” – в структурі теми, поле для введення назви заняття курсу;
  • кнопка “Додати”  – з’являється навпроти поля створення нового заняття, зберігає внесені зміни та додає нове заняття до списку занять теми останнім елементом списку;
  • кнопка “Скасувати”  – з’являється навпроти поля нового заняття, закриває поле без збереження змін;
  • кнопка “Перемістити”  – навпроти назви заняття, дозволяє змінювати порядок занять в структурі теми курсу методом перетягування (“Drag–and–drop”);
  • кнопка “Редагувати”  – навпроти назви заняття, дозволяє редагувати назву заняття;
  • кнопка “Опублікувати/Зняти з публікації”  – дозволяє налаштовувати доступність занять для слухачів. При натисканні публікує заняття після чого воно стає доступним для слухачів у структурі курсу. Після повторного натискання – знімає заняття з публікації і робить його невидимим для слухачів. За замовчуванням новостворене заняття невидиме для слухачів;
  • кнопка “Видалити”  – видаляє заняття з усім контентом із списку занять. Для видалення необхідне підтвердження.
    • кнопка “Розгорнути/Згорнути”  – біля назви заняття, при натисканні відображає усі завдання, що входять у вибране заняття. При повторному натисканні – відображає лише назву заняття. За замовчуванням відображаються лише назви занять.

Наповнення курсу контентом здійснюється шляхом створення і додавання різних типів завдань (Рисунок 16). Рисунок 16. Вкладка “Контент” – додавання завдання
Поле “Додати завдання”  – в структурі заняття, слугує для створення нового завдання.

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

○       текст; ○       відео ○       графіка; ○       презентація; ○       вебінар; ○       аудіо; ○       тест. В залежності від типу вибраного завдання, відкривається сторінка роботи з контентом завдання.

• Кнопка “Скасувати”  – з’являється навпроти поля створення нового завдання, закриває поле без збереження змін.

Рисунок 17. Вкладка “Контент” – вибір типу завдання
Для кожної теми в структурі курсу доступні такі елементи керування (Рисунок 18): Рисунок 18. Вкладка “Контент” – елементи керування завданнями

• кнопка “Перемістити”  – навпроти назви завдання, дозволяє змінювати порядок завдань в структурі заняття методом перетягування (“Drag–and–drop”);
• кнопка “Редагувати”  – навпроти назви завдання, при натисканні відкриває вікно вибраного завдання в режимі редагування;
• кнопка “Опублікувати/Зняти з публікації”  – дозволяє налаштовувати доступність завдань для користувачів. При натисканні публікує завдання та воно стає доступним для роботи користувачам, після повторного натискання – знімає завдання з публікації і робить його невидимим для користувачів. За замовчуванням новостворене завдання неопубліковане та користувачі не мають доступу до даного завдання. Завдання не може бути опубліковане, якщо воно не містить контенту;
• кнопка “Видалити”  – видаляє обране завдання зі списку завдань. Для видалення необхідне підтвердження.

1. Текст – завдання, представлене у вигляді текстового матеріалу. Текстові матеріали додаються за допомогою текстового редактору безпосередньо у Систему користувачем, що має відповідні права (Рисунок 19). Текстове завдання може містити графічні елементи (.jpeg, .jpg, .png) та гіперпосилання. Рисунок 19. Вкладка “Контент” – створення завдання типу “Текст”
Сторінка створення завдання типу “Текст” представлена елементами:

• текстове завдання – поле для внесення за допомогою текстового редактора типізованої інформації. Максимальна кількість символів для заповнення:120 000;
• кнопка “Назад”  – повертає користувача на попередню сторінку;
• кнопка “Зберегти” – зберігає доданий у завдання контент.

2. Графіка – завдання представлене одним, або набором графічних елементів (зображень), що завантажуються у вигляді файлів формату .jpeg, .jpg, .png. Сторінка створення завдання типу “Графіка” представлена елементами (Рисунок 20): Рисунок 20. Вкладка “Контент” – створення завдання типу “Графіка”

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

○       1 елемент в ряд; ○       2 елементи в ряд; ○       3 елементи в ряд.

• блок роботи з завантаженими графічними елементами:

○       функція зміни порядку файлів для відображення за допомогою перетягування (“Drag–and–drop”); ○       кнопка    – видаляє файл;

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

3. Презентація – містить область для завантаження презентації у вигляді окремого файлу PDF. Сторінка створення завдання типу “Презентація” представлена елементами (Рисунок 21): Рисунок 21. Вкладка “Контент” – створення завдання типу “Графіка”

• поле для завантаження файлу – файл можна завантажити, перетягнувши його в поле, або натиснути в полі на кнопку  і обрати необхідний файл на комп’ютері.
• кнопка “Видалити”  – видаляє файл;
• кнопка “Назад”  – повертає користувача на попередню сторінку;
• кнопка “Зберегти” – зберігає доданий контент у завдання.

4. Відео – містить відео–файл формату mp4. Сторінка створення завдання типу “Відео” представлена елементами (Рисунок 22): Рисунок 22. Вкладка “Контент” – створення завдання типу “Відео”

• поле для завантаження файлу – файл можна завантажити, перетягнувши його в поле, або натиснути в полі на кнопку  і обрати необхідний файл на комп’ютері.
• кнопка “Видалити”  – видаляє файл;
• кнопка “Назад”  – повертає користувача на попередню сторінку;
• кнопка “Зберегти” – зберігає доданий контент у завдання.

5. Аудіо – містить аудіо–файл формату mp3. Сторінка створення завдання типу “Аудіо” представлена елементами (Рисунок 23): Рисунок 23. Вкладка “Контент” – створення завдання типу “Аудіо”

• поле для завантаження файлу – файл можна завантажити, перетягнувши його в поле, або натиснути в полі на кнопку   і обрати необхідний файл на комп’ютері.
• кнопка “Видалити”  – видаляє файл;
• кнопка “Назад”  – повертає користувача на попередню сторінку;
• кнопка “Зберегти” – зберігає доданий контент у завдання.

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

• опис – текстовий редактор;
• поле для завантаження супровідних файлів – файли можна завантажити, перетягнувши його в поле, або натиснути в полі на кнопку  і обрати необхідний файл на комп’ютері. Формати файлів: .mp4, .pdf, .jpeg, .jpg, .png, .mp3.
• кнопка “Видалити”   – видаляє файл.
• кнопка “Назад”  – повертає користувача на попередню сторінку;
• кнопка “Зберегти” – зберігає доданий контент у завдання;

Після створення вебінару, йому необхідно призначити дату та час проведення у вкладці “Навчальний план”.
7. Тест – завдання для перевірки знань слухачів. Кожен тест складається із необмеженої кількості тестових завдань. Структура сторінки завдання типу “Тест” представлена на Рисунку 25. Рисунок 25. Вкладка “Контент” – створення завдання типу “Тест”
Сторінка створення завдання типу “Тест” представлена елементами:

• кнопка “Налаштування” – при натисканні відкриває сторінку налаштувань тестування із параметрами (Рисунок 26):

  Рисунок 26. Вкладка “Контент” – налаштування параметрів завдання типу “Тест”
○       поле “Час проходження (хв)” – числове поле, що дозволяє обмежити час проходження тесту; ○       поле “Необхідна кількість балів” – числове поле, де задається мінімальна кількість балів для проходження завдання. Максимальна кількість балів формується автоматично та являє собою суму балів за усі тестові завдання; ○       поле “Кількість спроб” – числове поле, дозволяє обмежити кількість спроб проходження тесту; ○       поле “За який час” – вибір із списку періоду часу, в який можна використати кількість вказаних спроб: за годину; за 8 годин; за 12 годин; за день; за весь час; ○       кнопка “Зберегти” – зберігає налаштування; ○       кнопка “Скасувати” – відміняє налаштування.

• Кнопка “Додати”  – при натисканні відкриває меню типів тестових завдань (Рисунок 27):

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

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

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

• поле “Кількість балів” – числове поле для введення кількості балів за тестове завдання. Обов’язкове поле;
• поле “Питання” – текстовий редактор для введення питання. Обов’язкове поле;
• блок “Введіть відповіді та відзначте правильну” – блок введення варіантів відповідей з елементами:

○        поле “Варіант відповіді” – текстове поле для введення варіантів відповіді. За замовчуванням у блоці відображається 2 поля вводу варіантів відповіді. Правильна відповідь (відповіді) мають бути відмічені чек-боксом у полі відповідного варіанту. Присутня можливість мультивибору. Обов’язкові поля; ○        кнопка “Додати варіант” – при натисканні додає поле “Варіант відповіді”; ○        кнопка “Видалити”  – навпроти варіантів відповідей, при натисканні видаляє варіант відповіді.

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

Тип “Логічні пари” – сторінка має структуру (Рисунок 29): Рисунок 29. Вкладка “Контент” – створення тестового завдання типу “Логічні пари”

• поле “Кількість балів” – числове поле для введення кількості балів за тестове завдання. Обов’язкове поле;
• поле “Питання” – текстовий редактор для внесення питання. Обов’язкове поле;
• блок введення відповідей – за замовчуванням у блоці відображається 2 стовпці для вводу варіантів відповіді з елементами:

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

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

Тип “Правильна послідовність” – сторінка містить (Рисунок 30): Рисунок 30. Вкладка “Контент” – створення тестового завдання типу “Правильна послідовність”

• поле “Кількість балів” – цифрове поле для введення кількості балів за тестове завдання. Обов’язкове поле;
• поле “Питання” – текстовий редактор для введення питання. Обов’язкове поле;
• блок відповідей – блок введення варіантів відповідей з елементами:

○        поле “Варіант відповіді” – текстове поле для введення варіантів відповіді. За замовчуванням у блоці відображається 2 поля вводу варіантів відповіді. Послідовність варіантів відповідей задає правильну послідовність відповідей тестового завдання. Обов’язкові поля; ○        кнопка “Додати варіант” – при натисканні додає поле “Варіант відповіді”; ○        кнопка “Перемістити”  – навпроти варіантів відповідей, дозволяє переміщати поля методом перетягування; ○        кнопка “Видалити”  – навпроти варіантів відповідей, при натисканні видаляє варіант відповіді;

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

  Тип “Введення короткої відповіді” – сторінка містить (Рисунок 31): Рисунок 31. Вкладка “Контент” – створення тестового завдання типу “Введення короткої відповіді”

• поле “Кількість балів” – цифрове поле для введення кількості балів за тестове завдання. Обов’язкове поле;
• поле “Питання” – текстовий редактор для внесення питання. Обов’язкове поле;
• кнопка “Зберегти” – зберігає внесені зміни;
• кнопка “Назад”  – повертає користувача на сторінку додавання тестових завдань без збереження змін.

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

Вкладка передбачена для закритих курсів і містить відповіді слухачів курсу на завдання типу “Тест: введення короткої відповіді”. Вкладка представлена у вигляді таблиці зі списком відповідей (Рисунок 32). Рисунок 32 Вкладка “Неперевірені завдання”
Структура вкладки:

• №;
• поле “Тест” – назва тесту в курсі. Поле з можливістю сортування в алфавітному порядку;
• поле “Користувач” – ПІБ користувача, що виконав завдання. Поле з можливістю сортування в алфавітному порядку;
• поле “Дата подання” – дата, коли користувач надіслав завдання. Поле з можливістю сортування по даті.

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

• поле “Назва тесту”;
• поле “Текст питання”;
• поле “Відповідь слухача”;
• блок оцінювання відповіді:

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

Вкладка містить усі перевірені завдання з відкритою відповіддю в межах курсу (Рисунок 34). Рисунок 34. Вкладка “Архів тестових завдань”
Вкладка представлена у вигляді таблиці зі списком опрацьованих відповідей користувачів на завдання типу “Тест: введення короткої відповіді” (Рисунок 35). Рисунок 35. Структура вкладки “Архів тестових завдань”
Структура вкладки:

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

Вкладка слугує засобом для розсилки інформації на електронні адреси слухачів поточного навчального плану курсу. Вкладка представлена у вигляді таблиці зі списком усіх розсилок курсу (Рисунок 36). Рисунок 36. Вкладка “Розсилка” Структура вкладки:

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

Кнопка “Створити розсилку”  – при натисканні відкриває форму створення розсилки з наступними полями (Рисунок 37): Рисунок 37. Вкладка “Розсилка” – створення розсилки

• поле “Тема” – текстове поле для введення інформації. Обов’язкове поле;
• поле “Текст” – текстовий редактор для введення інформації. Обов’язкове поле;
• поле “Файл” – поле для завантаження файлів форматів .mp4, .pdf, .jpeg, .jpg, .png, .mp3 об’ємом до 20 МБ. Файли можна завантажити, перетягнувши їх в поле, або натиснути в полі на кнопку  і обрати необхідний файл на комп’ютері;
• кнопка “Відправити” – при натисканні надсилає інформацію на електронні адреси слухачів поточного навчального плану курсу.

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

• блок повідомлення містить:

○     тема розсилки; ○     відправник, дата та час відправлення; ○     текст розсилки;

• блок “Список отримувачів” містить:

○     фото та ПІБ користувачів, що отримали розсилку.

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

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

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

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

○       текст – текстовий редактор; ○       відео – завантаження файлів у форматі .mp4; ○       графіка – завантаження файлів у форматі .jpeg, .jpg, .png; ○       презентація – завантаження файлів у форматі .pdf; ○       аудіо – завантаження файлів у форматі .mp3;

• кнопка “Скасувати” – закриває форму створення елементу без збереження внесених даних.

Елементи керування контентом вкладки (Рисунок 41): Рисунок 41. Вкладка “База знань” – елементи керування контентом

• кнопка “Редагувати”  – навпроти назви одиниці контенту, при натисканні відкриває профайл одиниці контенту в режимі редагування;
• кнопка “Архівувати”  – при натисканні переміщує одиницю контенту до архіву. Для архівування необхідне підтвердження.

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

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

○       кнопка “Зберегти” – зберігає внесені у профайл елементу зміни; ○       кнопка “Скасувати” – повертає користувача до списку усіх створених в системі одиниць контенту без збереження внесених змін. Дія потребує підтвердження.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сервіс представлений у вигляді таблиці створених користувачем новин у Системі. (Рисунок 55). Рисунок 55. Сервіс “Новини”
Структура сервісу:

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

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

• кнопка “Додати новину”  – відкриває форму створення новини з наступними полями (Рисунок 56):

Рисунок 56. Сервіс “Новини” - форма створення новини
○       поле “Зображення” – дозволяє завантажувати зображення форматів .jpg, .jpeg, .png. Файл можна завантажити, перетягнувши його в поле, або натиснути в полі на кнопку  і обрати необхідний файл на комп’ютері; ○       поле “Заголовок” – однорядкове поле для введення інформації. Обов’язкове поле; ○       поле “Опис” – текстове поле для введення інформації; ○       поле “Рубрика” – вибір зі спадного списку довідника “Рубрики”; ○       поле “Опублікована” – поле для введення дати, можливість ручного вводу або вибір дати в календарі. За замовчуванням Система записує поточну дату; ○       поле “Текст” – текстовий редактор, для внесення інформації новини, з можливістю додати графічний елемент, посилання на зовнішній чи внутрішній ресурс; ○       поле “Мова” – мова, якою буде відображатися одиниця контенту. Вибір зі спадного списку. За замовчуванням обрано українську; ○       кнопка “Створити” – зберігає додану інформацію; ○       кнопка “Скасувати” – закриває форму створення новини без збереження внесених даних. Після натискання – необхідне підтвердження.
Після створення новини у Системі, вона, за замовчуванням, має статус “В роботі” і не відображається на панелі користувача веб–порталу. При натисканні на поле елементу в таблиці, вибраний елемент відкривається в режимі перегляду (Рисунок 57). Рисунок 57. Сервіс “Новини” – перегляд новини
З режиму перегляду є можливість перейти в режим редагування, натиснувши на кнопку “Редагувати”. Елементи керування новинами (Рисунок 58): Рисунок 58. Сервіс “Новини” – елементи керування новинами

• кнопка “Редагувати”  – навпроти назви кожного елемента. Відкриває вікно редагування інформації новини. Містить поля, ідентичні полям форми створення.

○       Кнопка “Зберегти” – зберігає додану інформацію, або зміни; ○       Кнопка “Скасувати” – закриває форму редагування новини без збереження внесених даних;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Тегами.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• кнопка “Завершити” (в курсах, де користувача призначено викладачем) – припиняє трансляцію вебінару.
• вікно трансляції вебінару з елементами керування (Рисунок 105):

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

○        ПІБ;

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

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

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

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

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

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

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

Рисунок 1. Форма авторизації користувача. 8 Рисунок 2. Головна сторінка панелі адміністратора. 8 Рисунок 3. Сервіс “Курси”. 10 Рисунок 4. Вкладка “Курси”. 11 Рисунок 5. Форма створення курсу. 12 Рисунок 6. Вкладки управління курсом. 14 Рисунок 7. Вкладка “Контент”. 14 Рисунок 8. Структура курсу. 15 Рисунок 9. Вкладка “Контент” – список тем, що входять в курс. 16 Рисунок 10. Вкладка “Контент” – список занять, що входять в тему. 16 Рисунок 11. Вкладка “Контент” – список завдань, що входять в заняття. 17 Рисунок 12. Вкладка “Контент” – елементи керування на рівні теми. 17 Рисунок 13. Вкладка “Контент” – додавання теми. 18 Рисунок 14. Вкладка “Контент” – елементи керування темами. 18 Рисунок 15. Вкладка “Контент” – елементи керування заняттями. 19 Рисунок 16. Вкладка “Контент” – додавання завдання. 20 Рисунок 17. Вкладка “Контент” – вибір типу завдання. 21 Рисунок 18. Вкладка “Контент” – елементи керування завданнями. 21 Рисунок 19. Вкладка “Контент” – створення завдання типу “Текст”. 22 Рисунок 20. Вкладка “Контент” – створення завдання типу “Графіка”. 23 Рисунок 21. Вкладка “Контент” – створення завдання типу “Графіка”. 24 Рисунок 22. Вкладка “Контент” – створення завдання типу “Відео”. 25 Рисунок 23. Вкладка “Контент” – створення завдання типу “Аудіо”. 25 Рисунок 24. Вкладка “Контент” – створення завдання типу “Вебінар”. 26 Рисунок 25. Вкладка “Контент” – створення завдання типу “Тест”. 27 Рисунок 26. Вкладка “Контент” – налаштування параметрів завдання типу “Тест”. 27 Рисунок 27. Вкладка “Контент” – додавання тестового завдання. 28 Рисунок 28. Вкладка “Контент” – створення тестового завдання типу “Вибір відповідей”. 29 Рисунок 29. Вкладка “Контент” – створення тестового завдання типу “Логічні пари”. 30 Рисунок 30. Вкладка “Контент” – створення тестового завдання типу “Правильна послідовність”. 31 Рисунок 31. Вкладка “Контент” – створення тестового завдання типу “Введення короткої відповіді”. 32 Рисунок 32 Вкладка “Неперевірені завдання”. 33 Рисунок 33. Вкладка “Неперевірені завдання” – сторінка перегляду та оцінювання завдання. 33 Рисунок 34. Вкладка “Архів тестових завдань”. 34 Рисунок 35. Структура вкладки “Архів тестових завдань”. 34 Рисунок 36. Вкладка “Розсилка”. 35 Рисунок 37. Вкладка “Розсилка” – створення розсилки. 36 Рисунок 38. Вкладка “Розсилка” – перегляд розсилки. 36 Рисунок 39. Сервіс “База знань”. 37 Рисунок 40. Сервіс “База знань” – форма створення одиниці контенту. 38 Рисунок 41. Вкладка “База знань” – елементи керування контентом. 39 Рисунок 42. Сервіс “База знань” – перегляд одиниці контенту. 40 Рисунок 43. Сервіс “База знань” – режим редагування одиниці контенту. 40 Рисунок 44. Сервіс “Статистика” – вкладка “Оцінювання”. 42 Рисунок 45. Вкладка “Оцінювання” – структура фільтру. 43 Рисунок 46. Вкладка “Оцінювання”  – кнопка “Експорт”. 44 Рисунок 47. Сервіс ”Статистика” – вкладка “Пройдені завдання”. 44 Рисунок 48. Вкладка “Пройдені завдання” – структура фільтру. 45 Рисунок 49. Вкладка “Пройдені завдання” – кнопка “Експорт”. 46 Рисунок 50. Сервіс “Статистика” – вкладка “Пройдені курси”. 46 Рисунок 51. Вкладка “Пройдені курси” – структура фільтру. 47 Рисунок 52. Вкладка “Пройдені курси” – кнопка “Експорт”. 48 Рисунок 53. Сервіс “Статистика” – вкладка “Динаміка проходження завдань”. 48 Рисунок 54. Вкладка “Динаміка проходження завдань” – структура фільтру. 49 Рисунок 55. Сервіс “Новини”. 51 Рисунок 56. Сервіс “Новини” - форма створення новини. 52 Рисунок 57. Сервіс “Новини” – перегляд новини. 53 Рисунок 58. Сервіс “Новини” – елементи керування новинами. 53 Рисунок 59. Сервіс “Сповіщення”. 55 Рисунок 60. Сервіс “Повідомлення”. 56 Рисунок 61. Сервіс “Повідомлення” – створення нового чату. 57 Рисунок 62. Сервіс “Повідомлення” – блок списку діалогів. 58 Рисунок 63. Сервіс “Повідомлення” – редагування чату. 58 Рисунок 64. Сервіс “Повідомлення” – історія діалогу. 59 Рисунок 65. Сервіс “Профіль користувача”. 61 Рисунок 66. Вкладка “Профіль користувача”. 62 Рисунок 67. Вкладка “Історія сповіщень”. 63 Рисунок 68. Вкладка “Історія активності”. 63 Рисунок 69. Сервіс “Профіль користувача” – кнопка “Вийти”. 64 Рисунок 70. Меню налаштування мови. 65 Рисунок 71. Форма авторизації користувача. 66 Рисунок 72. Головна сторінка панелі користувача. 67 Рисунок 73. Кнопка “Технічна підтримка”. 68 Рисунок 74. Сервіс “Повідомлення” – діалог з технічною підтримкою.. 69 Рисунок 75. Сервіс “Новини”. 70 Рисунок 76. Сервіс “Новини” – інструменти пошуку і фільтрації новин. 70 Рисунок 77. Сторінка перегляду новини. 71 Рисунок 78. Сервіс “Курси”. 73 Рисунок 79. Сервіс “Курсі” – вкладка “Всі”, функції пошуку і фільтрації 74 Рисунок 80. Сервіс “Курси” – сторінка опису закритого курсу. 75 Рисунок 81. Сервіс “Курси” – сторінка закритого курсу після подачі заявки. 76 Рисунок 82. Сервіс “Курси” – сторінка опису закритого курсу після подачі заявки. 76 Рисунок 83. Сервіс “Курси” – сторінка перегляду теми. 77 Рисунок 84. Сервіс “Курси” – сторінки перегляду завдання. 78 Рисунок 85. Сервіс “Курси” – Завдання типу “Текст”. 79 Рисунок 86. Сервіс “Курси” – Завдання типу “Графіка”. 80 Рисунок 87. Сервіс “Курси” – перегляд галереї 80 Рисунок 88. Сервіс “Курси” – завдання типу “Презентація”. 81 Рисунок 89. Сервіс “Курси” – завдання типу “Відео”. 82 Рисунок 90. Сервіс “Курси” – завдання типу “Аудіо”. 83 Рисунок 91. Сервіс “Курси” – завдання типу “Вебінар”. 83 Рисунок 92. Сервіс “Курси” – вікно трансляції вебінару. 84 Рисунок 93. Сервіс “Курси” – завдання типу “Тест”. 85 Рисунок 94. Сервіс “Курси” – структура сторінки проходження тесту. 86 Рисунок 95. Завдання типу “Тест” – питання типу “Вибір відповіді”. 87 Рисунок 96. Завдання типу “Тест” – питання типу “Логічні пари”. 87 Рисунок 97. Завдання типу “Тест” – питання типу “Правильна послідовність”. 88 Рисунок 98. Завдання типу “Тест” – питання типу “Введення короткої відповіді”. 88 Рисунок 99. Сервіс “Курси” –сторінка опису відкритого курсу. 89 Рисунок 100. Сервіс “Курси” –сторінка опису відкритого курсу після початку навчання. 90 Рисунок 101. Сервіс “Курси” – вкладка “Мої курси”. 90 Рисунок 102. Сервіс “Курси” –вкладка “Вебінари”. 91 Рисунок 103. Сервіс “Курси” –вкладка “Вебінари”, вебінар розпочато. 91 Рисунок 104. Сервіс “Курси” –вкладка “Вебінари”, сторінка перегляду вебінару. 92 Рисунок 105. Сервіс “Курси” – вкладка “Вебінари”, вікно трансляції вебінару. 93 Рисунок 106. Сервіс “Курси” – вкладка “Заявки”. 94 Рисунок 107. Сервіс “Курси”  – вкладка “Архів”. 94 Рисунок 108. Сервіс “База знань”. 95 Рисунок 109. Сервіс “База знань”, функції пошуку і фільтрації 96 Рисунок 110. Сервіс “База знань” – Сторінка перегляду матеріалу типу “Презентація”. 97 Рисунок 111. Сервіс “Наради”. 98 Рисунок 112. Сервіс “Наради” – форма створення наради. 99 Рисунок 113. Сервіс “Наради” – структура блоку наради. 100 Рисунок 114. Сервіс “Наради”  – сторінка перегляду наради. 100 Рисунок 115. Сервіс “Наради”  – вікно трансляції наради. 102 Рисунок 116. Сервіс “Наради” – вкладка “Архів”. 103 Рисунок 117. Сервіс “Наради” – структура блоку наради. 104 Рисунок 118. Сервіс “Наради”  – сторінка перегляду наради у вкладці “Архів”. 104 Рисунок 119. Сервіс “Календар” – відображення “Місяць”. 106 Рисунок 120. Сервіс “Календар” – відображення “Розклад”. 107 Рисунок 121. Сервіс “Сповіщення”. 108 Рисунок 122. Сервіс “Сповіщення” – після натискання кнопки “Переглянути всі”. 108 Рисунок 123. Сервіс “Сповіщення” – після натискання кнопки “Переглянути”. 109 Рисунок 124. Сервіс “Повідомлення”. 110 Рисунок 125. Сервіс “Повідомлення” – створення нового чату. 111 Рисунок 126. Сервіс “Повідомлення” – блок списку діалогів. 112 Рисунок 127. Сервіс “Повідомлення” – редагування чату. 112 Рисунок 128. Сервіс “Повідомлення” – історія діалогу. 113 Рисунок 129. Сервіс “Профіль користувача”. 114 Рисунок 130. Вкладка “Профіль користувача”. 115 Рисунок 131. Вкладка “Організації”. 116 Рисунок 132. Вкладка “Історія сповіщень”. 117 Рисунок 133. Вкладка “Історія активності”. 117 Рисунок 134. Сервіс “Профіль користувача” – кнопка “Вийти”. 118 Рисунок 135. Меню налаштування мови. 119 Рисунок 136. Діалогове вікно повідомлення про текстову помилку. 120