(Б-3) Інформаційно-телекомунікаційна система «Єдиний веб-портал територіальної громади міста Києва» : Керівництво користувача

1.1.   Вимоги до рівня підготовки користувача. Користувач повинен володіти основним мінімумом навиків роботи з ПЕОМ в сучасних інтернет-браузерах (Internet Explorer, Mozilla Firefox, Chrome та інших) . 1.2.   Вимоги до ПЕОМ та супутнього програмного забезпечення. Робоче місце Користувача повинне бути під’єднане до загальної мережі Internet з мінімальною пропускною спроможністю каналу 56 kBit/s.
Таблиця 1. Вимоги до ПЕОМ

Для зручного та комфортного використання автоматизованої системи, роздільна здатність монітора повинна бути не нижче ніж - 1280×720. 1.3.   Порядок перевірки працездатності. Перед початком роботи необхідно переконатись в наявності зв’язку з постачальником послуг мережі Інтернет. 1.4.  Реєстрація користувача

1)     Обрати метод реєстрації «ЕЦП» (Рисунок 1. Реєстрація через ЕЦП). Рисунок 1. Реєстрація через ЕЦП 2)     Відбудеться перенаправлення на сторінку web-автентифікації https:%%//%%auth.js.sign.eu.iit.com.ua (Рисунок 2. Автентифікація користувача через ЕЦП). Рисунок 2. Автентифікація користувача через ЕЦП 3)     Виконати наступні дії з використанням ЕЦП, який не був зареєстрований в системі:

• Обрати Тип ЦСК;
• Завантажити особистий ключ ЕЦП;
• Ввести пароль захисту ключа ЕЦП.

4)     Відбудеться перенаправлення до сторінки авторизації.

1)     Обрати метод реєстрації «PrivatBankID» (Рисунок 3. Реєстрація через PrivatBankID). Рисунок 3. Реєстрація через PrivatBankID 2)     Відбудеться перенаправлення на сторінку web-автентифікації https:%%//%%bankid.privatbank.ua (Рисунок 4. Автентифікація через PrivatBankId). Рисунок 4. Автентифікація через PrivatBankId 3)     Виконати наступні дії з аккаунтом Privat24, який не був зареєстрований в системі:

• Обрати ПриватБанк;
• Увійти у Privat24 або зісканувати QR-code для авторизації.

4)     Відбудеться перенаправлення на сторінку авторизації.

1)     Обрати метод реєстрації «NbuBankID» (Рисунок 5. Реєстрація через NbuBankId). Рисунок 5. Реєстрація через NbuBankId 2)     Відбудеться перенаправлення на сторінку web-автентифікації https://id.bank.gov.ua/ (Рисунок 6. Автентифікація через NbuBankId). Рисунок 6. Автентифікація через NbuBankId 3)     Виконати наступни дії з аккаунтом банку, який не був зареєстрований в системі:

• Обрати банк;
• Увійти до банку для авторизації.

4)     Відбудеться перенаправлення до сторінки авторизації.

1)     Обрати метод реєстрації «Facebook» (Рисунок 7. Реєстрація через Facebook). Рисунок 7. Реєстрація через Facebook   2)     Відбудеться перенаправлення на сторінку web-автентифікації https://www.facebook.com 3)     Виконати авторизацію в аккаунті Facebook , який не був зареєстрований в системі та підтвердити доступ до даних нажавши кнопку «Продовжити як …». 4)     Відбудеться перенаправлення до сторінки авторизації.

1)     Обрати метод реєстрації «LinkedIn» (Рисунок 8. Реєстрація через LinkedIn). Рисунок 8. Реєстрація через LinkedIn 2)     Відбудеться перенаправлення на сторінку web-автентифікації https://www.linkedin.com 3)     Виконати авторизацію в аккаунті LinkedIn , який не був зареєстрований в системі та підтвердити доступ до даних нажавши кнопку «Продовжити як …». 4)     Відбудеться перенаправлення до сторінки авторизації.

1)     Обрати метод реєстрації «Google» (Рисунок 9. Реєстрація через Google). Рисунок 9. Реєстрація через Google 2)     Відбудеться перенаправлення на сторінку web-автентифікації https://accounts.google.com 3)     Виконати авторизацію в аккаунті Google , який не був зареєстрований в системі та дозволити використання даних аккаунту. 4)     Відбудеться перенаправлення до сторінки авторизації.

Обрати метод реєстрації через номер телефону (Рисунок 10. Реєстрація через номер телефону).

Рисунок 10. Реєстрація через номер телефону 1)     Виконати наступні дії:

• Заповнити поля форми з введенням номеру телефону, який ще не було зареєстровано у системі та паролем;
• Відмітити чекбокс «Згода на обробку даних…»;
• Натиснути на надпис «Моїх персональних даних…».

2)     З’явиться угода (Рисунок 11. Згода на обробку персональних даних). Рисунок 11. Згода на обробку персональних даних 3)     Зачинити вікно натиснувши кнопку «Надаю згоду». 4)     Відбудеться перенаправлення на форму підтвердження реєстрації (Рисунок 12. Підтвердження номера телефона). Користувачу надіслано SMS з кодом підтвердження. Рисунок 12. Підтвердження номера телефона 5)     Ввести код з SMS та натиснути кнопку «Підтвердити номер телефону». 6)     Система успішно реєструє користувача та перенаправляє на форму входу до системи. 7)     З’являється повідомлення з текстом: «ВІТАЄМО! ВИ ЗАРЕЄСТРУВАЛИСЬ У КИЇВ ID. Заходьте та скористайтеся усіма його перевагами.».
Рисунок 13. Повідомлення про успішну реєстрацію

Обрати метод реєстрації через email (Рисунок 14. Реєстрація через email).

Рисунок 14. Реєстрація через email
1)     Виконати наступні дії:

• Заповнити поля форми з введенням email який ще не було зареєстровано у системі та паролем;
• Відмітити чекбокс «Згода на обробку даних…»;
• Натиснути на надпис «Моїх персональних даних…».

2)     З’явиться угода (Рисунок 15. Згода на обробку персональних даних). Рисунок 15. Згода на обробку персональних даних 3)     Зачинити вікно натиснувши кнопку «Надаю згоду». 4)     Система успішно реєструє користувача та відображує повідомлення про успішну реєстрацію з текстом: «ПЕРЕВІРТЕ ЕЛЕКТРОННУ ПОШТУ» (Рисунок 16. Повідомлення про відправлення посилання на електронну пошту). На адресу Вашої електронної пошти було відправлено повідомлення. Перейдіть за наданим посиланням для підтвердження реєстрації у Київ ID. Посилання дійсне 24 години.» Користувачу надіслано email з лінком підтвердження. Рисунок 16. Повідомлення про відправлення посилання на електронну пошту 5)     Виконати перехід по лінку з листа підтвердження. 6)     Пошта підтверджена. Виконується перенаправлення на форму входу до Системи. Система відображує повідомлення про успішну реєстрацію з текстом: «ВІТАЄМО! ВИ ЗАРЕЄСТРУВАЛИСЬ У КИЇВ ID» (Рисунок 17. Повідомлення про успішну реєстрацію). Заходьте та скористайтеся усіма його перевагами». Рисунок 17. Повідомлення про успішну реєстрацію 7)     Виконати перехід по лінку з листа підтвердження повторно. 8)     Система відображує повідомлення з текстом: «РЕЄСТРАЦІЮ У КИЇВ ID БУЛО ПІДТВЕРДЖЕНО РАНІШЕ (Рисунок 18. Повідомлення про повторну спробу реєстрації по посиланню). Ви можете увійти у Київ ID за допомогою свої електронної пошти.». Рисунок 18. Повідомлення про повторну спробу реєстрації по посиланню

Адаптація інтерфейсу сайту для мобільних пристроїв (Android, iOS) Користувач відкриває будь-який розділ порталу (наприклад, «Головна сторінка»).Усі елементи графічного інтерфейсу (текст, кнопки, фото, чекбокси та ін.) коректно відображаються на мобільному пристрої (Рисунок 19. Відображення головної сторінки веб-порталу на мобільному пристрої).
Рисунок 19. Відображення головної сторінки веб-порталу на мобільному пристрої
Навігації за допомогою клавіатури комп’ютера. Користувач відкриває будь-який розділ порталу[ЕД4]  (наприклад, «Головна сторінка»). Користувач має змогу прогортати сторінку за допомогою навігаційних клавіш, переключатись на різні розділи, поля та інші елементи інтерфейсу за допомогою клавіші «Tab», прогортати до кінця/початку сторінки за допомогою клавіш «Page UP» та «Page DOWN»

1. 2.      Верхнє меню

Меню надає наступні можливості: Реалізовано можливість доступу до інформації для користувачів з вадами слуху у відповідності до Наказу Президента від 16.02.2015 № 24/26 «Про затвердження Змін до Порядку функціонування веб-сайтів органів виконавчої влади», а саме:

• інформація на Порталі[ЕД5]  передбачатиме можливість використання комп’ютерних програм екранного доступу, які забезпечують виведення даних у звуковій або рельєфно-крапковій формі;
• є можливість додавати до відеоматеріалів текстовий опис, еквівалентний інформації, що містить відеозапис;
• інформація відображається в зручній формі, немає рухомих стрічок, що ускладнює сприйняття інформації, є можливість описувати графічні та мультимедійні матеріали за допомогою звичайного тексту;
• реалізовано зручну навігацію за допомогою клавіатури комп’ютера;
•  на порталі[ЕД6]  не допускаються застосування часових обмежень щодо виконання функцій навігації та/або інтерактивної взаємодії користувача з Порталом.
• перехід до Особистого Кабінету Киянина – Користувач має доступ до реєстрації/авторизації а Особистому Кабінеті Киянина, при цьому натискається кнопка «Особистий Кабінет Киянина» (Рисунок 20. Вхід до Особистого Кабінету Киянина).

Рисунок 20. Вхід до Особистого Кабінету Киянина

• пошук по сайту [ЕД7] [ЛП8] – Користувач вводить пошукові дані в полі пошуку та натискає клавішу «Enter» (Рисунок 21. Пошук даних).
• Пошук здійснюється згідно механізму ElasticSearch. Elasticsearch  - тиражується вільна програмна пошукова система. Вільне програмне забезпечення - програмне забезпечення , користувачі якого мають права («свободи») на його необмежену установку, запуск, вільне використання, вивчення, поширення і зміна (вдосконалення), а також поширення копій і результатів зміни. Якщо на програмне забезпечення є виняткові права, то свободи оголошуються за допомогою вільних ліцензій . Пошукова система-це спеціальний веб вузол, призначений для пошуку інформації[ЕД9]  .

Рисунок 21. Пошук даних

• посилання на соціальні мережі – при натисненні на кнопки  відбувається перехід до відповідних соціальних мереж на аккаунт КМДА.

Можливість переходу до альтернативної версії порталу за допомогою гіперпосилання в хедері. Користувач відкриває головну сторінку Порталу. У хедері натискає на кнопку «Стара версія» (Рисунок 22.  Кнопка «Стара версія»). Відкривається стара версія сайту. Рисунок 22.  Кнопка «Стара версія»

1. 3.      Інформаційний блок

Інформаційний блок Єдиного веб-порталу міста Києва поділяється на наступні розділи: Київ та міська влада – в даному розділі Користувач має можливість перейти до інформації розміщеної на пов’язаних ресурсах (Рисунок 23. Блок «Київ та міська влада»): −       Київський міський голова; −       Про Київ −       Керівництво −       Структура −       Рішення та розпорядження −       Рішення Київради −       Контактна інформація −       Графік роботи та прийому громадян −       Вакансії −       Статистика −       Звернення громадян −       Регуляторна діяльність −       Боротьба з корупцією −       Промисловість і наука Києва −       Підприємства, установи, організації Рисунок 23. Блок «Київ та міська влада»

• Міські сервіси - в даному розділі Користувач має можливість перейти до сервісів, що розміщені в розділі веб-порталу «Міські сервіси» (Рисунок 24. Блок «Міські сервіси»), а саме:

−       Будинок та комунальні послуги −       Пільги, субсидії та соціальний захист −       Паспорт, свідоцтва та довідки −       Лікарні та медицина −       Освіта та навчальні заклади −       Дороги, транспорт та парковки −       Навколишнє середовище міста −       Містобудування та земельні ділянки −       Культура, спорт, дозвілля −       Бізнес та ліцензування −       Фінанси та бюджет −       Безпека та правопорядок −       Ритуальні послуги −       Іноземцям / For foreigners −       Публічна інформація −       Для ЗМІ

Рисунок 24. Блок «Міські сервіси»

• Громадськості- в даному розділі Користувач має можливість перейти до інформації розміщеної на пов’язаних ресурсах (Рисунок 25. Блок «Громадськості»):

−       Реєстр громадських об'єднань; −       Громадські слухання −       Місцеві ініціативи −       Ініціатива Kyiv Smart City −       Громадська експертиза −       Громадський бюджет −       Консультації з громадськістю −       Громадська рада −       Петиції −       Відкритий бюджет −       Контактний центр −       Допомога учасникам АТО
Рисунок 25. Блок «Громадськості»

• Публічна інформація - в даному розділі Користувач має можливість перейти до інформації розміщеної на пов’язаних ресурсах (Рисунок 26. Блок «Публічна інформація»):

−       Доступ до публічної інформації −       Система обліку публічної інформації −       Інформація з обмеженим доступом −       Подати запит онлайн −       Проекти нормативно-правових та інших актів −       Нормативна база −       Питання і відповіді про публічну інформацію −       Відкриті дані −       Звіти про опрацювання запитів −       Порядок оскарження рішень, дій чи бездіяльності розпорядників інформації −       Інформація для споживачів Рисунок 26. Блок «Публічна інформація»

• Для ЗМІ - в даному розділі Користувач має можливість перейти до інформації розміщеної на пов’язаних ресурсах (Рисунок 27. Блок «Для ЗМІ»):

−       Новини та Анонси −       Медіагалерея −       Порядок акредитації ЗМІ −       Як подати запит ЗМІ −       Контакти для ЗМІ −       Реагування на критику Рисунок 27. Блок «Для ЗМІ»
Можливість повнотекстового пошуку, що враховує морфологічні особливості мови і для запиту, і для документів з урахуванням відмінку слів, однини/множини. Користувач відкриває головну сторінку Порталу. На панелі навігації порталу натискає на кнопку «Пошук» (Рисунок 28. Пошук матеріалів).  У полі «Пошук» вводить дані для пошукового запиту. Пошук здійснюється згідно механізму ElasticSearch. Elasticsearch  - тиражується вільна програмна пошукова система. Вільне програмне забезпечення - програмне забезпечення , користувачі якого мають права («свободи») на його необмежену установку, запуск, вільне використання, вивчення, поширення і зміна (вдосконалення), а також поширення копій і результатів зміни. Якщо на програмне забезпечення є виняткові права, то свободи оголошуються за допомогою вільних ліцензій . Пошукова система-це спеціальний веб вузол, призначений для пошуку інформації 
Рисунок 28. Пошук матеріалів
На сторінці результатів пошуку відображаються матеріали, які відповідають вказаному пошуковому запиту (Рисунок 29. Сторінка результатів пошуку). Рисунок 29. Сторінка результатів пошуку
Онлайн-форма подачі запиту «Подати запит від ЗМІ» [ЕД28] (Рисунок 30. Форма подачі запиту від ЗМІ). Користувач відкриває розділ Порталу «Подати запит ЗМІ» та натискає на кнопку «Подати запит від ЗМІ» для заповнення форми подачі запиту. У формі подачі запиту користувач заповнює обов’язкові поля довільними валідними значеннями та натискає на кнопку «Подати запит від ЗМІ» для відправки запиту.   Рисунок 30. Форма подачі запиту від ЗМІ
Після відправки форми інформація потрапляє у відповідний розділ Системи керування контентом Порталу, та дублюється на адресу електронної пошти uizdpi@kievcity.gov.ua.
Онлайн-форма [ЕД29] [ЛП30] подачі запиту «Подати запит на інформацію[ЕД31] » (Рисунок 31. Форма подачі запиту на інформацію). Користувач відкриває розділ Порталу «Публічна інформація» та натискає на кнопку «Подати запит на інформацію» для заповнення форми подачі запиту  https:%%//%%kyivcity.gov.ua/media_ta_zmi/publichna_informatsiya_111968.html. [ЕД32] [ЛП33] [ЛП34] [ЛП35] [ЕД36] У формі подачі запиту користувач заповнює обов’язкові поля довільними валідними значеннями та натискає на кнопку «Подати запит на інформацію» для відправки запиту.   Рисунок 31. Форма подачі запиту на інформацію
Після відправки форми інформація потрапляє у відповідний розділ Системи керування контентом Порталу та дублюється на адресу електронної пошти uizdpi@kievcity.gov.ua.


Онлайн-форми подачі запиту «Онлайн-форма акредитації[ЕД37] » (Рисунок 32. Форма подачі запиту на акредитацію). Користувач відкриває на Порталі подію, яка містить онлайн-акредитацію, та натискає на кнопку «Онлайн акредитація» для заповнення форми подачі запиту. У формі подачі запиту користувач заповнює обов’язкові поля довільними валідними значеннями та натискає на кнопку «зареєструватись на подію» для відправки запиту. Рисунок 32. Форма подачі запиту на акредитацію .
Після відправки форми інформація потрапляє у відповідний розділ Системи керування контентом Порталу та дублюється на адресу електронної пошти uizdpi@gmail.com.uizdpi@gmail.com

1. 4.      Блок «ТОП новини»

В даному блоці (Рисунок 33. Блок «ТОП новини») Користувачу відображаються найактуальніші новини, при натисненні на новину відбувається перехід до розкритої інформації стосовно новини. Повне найменування новини розміщено під фото новини  у його межах. Тег новини та назва заголовку «клікабельні». Перехід здійснюється на відповідний розділ сайту, який відкривається у поточному вікні браузера. Колір тегу підсвічується при наведенні на нього курсором мишки.

  Рисунок 33. Блок «ТОП новини»

1. 5.      Інформаційні розділи

В даному розділі у Користувача є доступ до наступних блоків (Рисунок 34. Інформаційний розділ): −       Новини −       Анонси −       Оголошення −       Рішення та розпорядження −       Медіа
Рисунок 34. Інформаційний розділ
Відображення інформеру у вигляді кількісного показника в розділі «Анонси» для інформування про нові події Біля вкладки «Анонси» відображається числовий інформер, який відповідає кількості створених нових анонсів (Рисунок 35. Відображення кількісного показника в розділі «Анонси» для інформування про нові події).
Рисунок 35. Відображення кількісного показника в розділі «Анонси» для інформування про нові події
Функціональності розділу «Рішення та Розпорядження». На сторінці «НПА» відображаються усі поля пошуку без необхідності «клікати» на «Розширений пошук» (Рисунок 36. Сторінка «НПА»). Нормативно-правові документи у розділі відсортовані у відповідності до їх реєстраційного номеру та дати створення. Відображається повне найменування нормативно-правового документу (максимальна кількість символів 512).
Рисунок 36. Сторінка «НПА»
Відображення не актуального на поточну дату матеріалу у розділі «Анонси» та «Оголошення», як неактивного (Рисунок 37. Сторінка Анонсів). Текст такого матеріалу відображається сірим кольором» Анонси та оголошення, у яких закінчився термін проведення, відображаються у тексті як неактивні та позначаються у списку сірим кольором. Рисунок 37. Сторінка Анонсів

1. 6.      Розділ «Вакансії»

Розділ «Вакансії» в Системі керування контентом Порталу (Рисунок 38. Розділ “Вакансії”).

• § змінено візуальне відображення розділу «Вакансії» на головній сторінці сайту (на рівні розділів «Новини», «Анонси», «Оголошення», «Рішення та Розпорядження», «Медіа»);[ЕД51] 
• § реалізовано можливість зміни кольору публікацій у розділі «Вакансії», які вже не актуальні на поточну дату;
• § створено інформаційну картку для відображення вакансії із стандартними полями для введення інформації;
• § реалізовано можливість створювати та додавати поля до інформаційної картки вакансії, зазначати обов’язковість введення інформації, здійснювати вибір через довідник значень;
• § реалізовано можливість пошуку вакансій на Порталі за допомогою фільтрів;
• § видалено відображення дати оприлюднення вакансії на Порталі.

Рисунок 38. Розділ «Вакансії»  

1. 7.      Блок «Онлайн трансляції»

Створено на головній сторінці Порталу «вікно» з можливістю перегляду поточної трансляції брифінгів з можливістю переключення на іншу трансляцію, що проводяться у КМДА та для відслідковування початку брифінгів з можливістю переходу на канал КМДА у YouTube //(Рисунок 39. Блок онлайн трансляції на головній сторінці).//  
Рисунок 39. Блок онлайн трансляції на головній сторінці

1. 8.      Суб-веб сторінка КМР 

Cуб-веб сторінку КМР наведено окремою закладкою «Київська міська рада» в розділі «Київ та міська влада»  головного меню Порталу (Рисунок 40. Суб-веб сторінка КМР).
Рисунок 40. Суб-веб сторінка КМР  

1. 9.      Блок ТОП сервіси 

Топ-сервісів на головній сторінці (Рисунок 41. Блок ТОП-сервісів).
Рисунок 41. Блок ТОП-сервісів
10. Міські сервіси В даному розділі відображено міські сервіси згруповані по темам, при виборі сервісу відбувається перехід до сервісів, що стосуються даної теми (Рисунок 42. Міські сервіси), а саме: −       Київ та міська влада (Київський міський голова, Структура, Керівництво та інше); −       Пільги,  субсидії та соціальний захист (Субсидії, Пільги, Допомога учасникам АТО та інше); −       Фінанси та бюджет (Бюджет та інше); −       Будинок та комунальні послуги (Утримання будинку; Водопостачання; Опалення та інше); −       Містобудування та земельні ділянки (Статус об'єкта, що будується; Землекористування); −       Паспорт, свідоцтва та довідки (Паспорт громадянина України; Свідоцтва та посвідчення; Свідоцтво про народження та інше); −       Освіта та навчальні заклади (Дитячі садки; Освітня карта; Позашкільні заклади та освітні центри та інше) ; −       Лікарні та медицина (Знайти поліклініку, лікаря; Медичні довідки; Щеплення та інше); −       Бізнес та ліцензування (Як відкрити бізнес; Отримати дозвіл/ліцензію; Закупівлі та інше). Рисунок 42. Міські сервіси 11. Підписка на розсилку  Якщо Користувач хоче отримувати повідомлення про актуальні події він вводить свій номер телефону або свою електронну адресу та натискає кнопку «Наступний крок», після чого відбувається перехід на реєстрацію/авторизацію в Особистому Кабінеті Киянина (Рисунок 43. Підписка на інформування). Рисунок 43. Підписка на інформування   Керування всіма підписками Користувача виконується у відповідному розділі Особистого Кабінету Киянина. 12. Футер веб-порталу Користувачу у футері веб-порталу відображається контактна інформація та карта  веб-порталу (Рисунок 44. Футер). Рисунок 44. Футер
Перехід з футеру Порталу до блоку «Міські сервіси». Після натискання на посилання «Міські сервіси» відбувається перехід до блоку «Міські сервіси» на головній сторінці (Рисунок 45. «Міські сервіси» у футері). Рисунок 45. «Міські сервіси» у футері

rest_documentconversion_latest_conversion_thumbnail_29036084_1