Мета проєкту:
Створення інтерактивної онлайн-мапи соціальних послуг міста, яка дозволить
користувачам швидко отримувати інформацію про установи соціальної підтримки, медичні
заклади, освітні установи та громадські організації.
Інтерактивна карта повинна бути вбудована та повністю працювати на сайті громадської організації,
створеному на платформі Gamma.
2. Вихідні матеріали
Замовник надає виконавцю:
PDF файл мапи соціальних послуг
JPEG файл мапи (основа для інтерактивної карти)
таблицю установ (18 організацій)
логотип організації.
Логотип надається у форматі PNG або SVG.
3. Функціональні вимоги
На мапі повинні бути розміщені 18 клікабельних маркерів, що відповідають розташуванню
установ.
При натисканні на маркер повинно відкриватися інформаційне вікно, яке містить:
назву установи
адресу
телефон
графік роботи
Категорії послуг
Маркери повинні мати різний колір залежно від категорії.
Категорія Колір маркера
Соціальний захист синій
Правова допомога фіолетовий
Медичні та реабілітаційні послуги червоний
Освітні та інклюзивні послуги рожевий
Громадські та благодійні організації зелений
5. Елементи дизайну
На інтерактивній карті повинні бути відображені:
назва мапи
легенда категорій
назви районів
логотип організації
інформаційний напис про можливу зміну даних в умовах воєнного стану
Дизайн карти повинен максимально відповідати наданому PDF макету.
6. Функціонал карти
Карта повинна підтримувати:
масштабування (zoom)
переміщення карти (drag)
відкриття інформації при натисканні на маркер
коректну роботу на мобільних пристроях
7. Технологічні вимоги
Рекомендовані технології реалізації:
HTML5
CSS3
JavaScript
Leaflet.js або аналогічна бібліотека
Основа карти - растрове зображення JPEG.
8. Адміністративна панель
Інтерактивна мапа повинна містити адміністративну панель, яка дозволяє замовнику
самостійно керувати інформацією.
Адміністратор повинен мати можливість:
додавати нові організації
редагувати інформацію
видаляти записи
додавати нові категорії послуг
модерувати дані
Для кожної установи повинна бути можливість редагувати:
назву
адресу
телефон
графік роботи
категорію
розташування точки на карті.
9. Доступ до адміністративної панелі
Доступ до адмінпанелі здійснюється через:
логін
пароль
Адміністративна панель повинна працювати через веб-браузер.
10. Інтеграція карти на сайт
Сайт організації створений на платформі Gamma.
Виконавець повинен:
1. Розмістити інтерактивну карту на веб-хостингу.
2. Забезпечити доступ до карти через публічне посилання.
3. Вбудувати карту на сайт організації через iframe або embed.
4. Перевірити коректну роботу карти на сайті.
Після завершення робіт карта повинна повністю функціонувати на сайті організації.
11. Адаптивність
Інтерактивна карта повинна коректно працювати:
на комп’ютерах
на планшетах
на мобільних пристроях.
12. Результат виконання робіт
Після завершення робіт виконавець передає замовнику:
працюючу інтерактивну карту
посилання на карту
карту, інтегровану на сайт організації
повний доступ до адміністративної панелі
логін і пароль адміністратора
вихідні файли проєкту.
Передача доступів та інструкції
користування
Після завершення робіт виконавець зобов’язаний передати замовнику:
логін та пароль адміністратора до адміністративної панелі
доступ до хостингу або сервера, де розміщена інтерактивна карта
вихідні файли проєкту
коротку інструкцію користування адміністративною панеллю.
Інструкція повинна містити:
порядок входу до адміністративної панелі
порядок додавання нової установи
порядок редагування інформації
порядок видалення записів.
Інструкція надається у форматі PDF або Word.