Разработка интерактивного веб-сервиса (карты) и его интеграция на сайт
Мета проєкту:
Создание интерактивной онлайн-карты социальных услуг города, которая позволит
пользователям быстро получать информацию об учреждениях социальной поддержки, медицинских
учреждениях, образовательных учреждениях и общественных организациях.
Интерактивная карта должна быть встроена и полностью работать на сайте общественной организации,
созданном на платформе 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.
-
5076 21 0 1 Привет! 👋
Я профессиональный веб-разработчик с более чем 7-летним опытом в бэкенд-разработке 🚀
Имею глубокую экспертизу и большой практический опыт работы с современными веб-технологиями, в частности:
⚙️ HTML, CSS, JavaScript, PHP, Laravel, CodeIgniter, Yii2, CakePhp, Symfony
✅ Wordpress, WooCommerce, OpenCart, PrestaShop, Magento, Webflow, Weblium
🐍 Python (Django, Flask)
🟢 NodeJS
🧩 React JS, Vue JS, Angular
🗄 MySQL, PostgreSQL
… 🔧 Git, REST API и интеграции
🧠 Последние проекты:
🔗 https://omgfirms.com/
🔗 https://homenly.com/
🔗 https://domainsforequity.com/
🔗 https://novobudova.pro/
🔗 https://confidence-tech.com/
🔗 https://youeasystart.com/
🔗 https://ukrfix.com/
🔗 https://crazyprice-carpets.co.uk/
🔗 https://stxtrade.com/
🔗 https://aquahub.org.ua
🔗 https://boostylabs.com
🔗 https://ol.zp.ua/
🔗 https://smt-industry.com/
🔗 https://butams.com
🔗 http://han.2doweb.org/
🔗 https://emporio-sports.cz
✅ Гарантируем быстрое и качественное выполнение задач
🔌 Интеграция сторонних API и сервисов
🤝 Гибкое сотрудничество и ответственный подход
Мы всегда готовы взяться за реализацию ваших идей 💡 и превратить их в успешные, масштабируемые веб-решения 🌐🔥
Буду рад сотрудничеству! 😊
-
1762 19 0 1 Здравствуйте, Людмила!
Наша IT-компания создает и дорабатывает веб-сайты, которые работают стабильно, быстро и решают конкретные бизнес-задачи клиента. Мы занимаемся разработкой веб-сайтов «с нуля», а также усовершенствованием существующих решений, повышая их производительность и удобство использования для ваших пользователей.
У нас есть опыт в:
- разработке адаптивных и быстрых сайтов на различных платформах (WordPress, OpenCart, Shopify, WIX);
- интеграциях с платежными системами, CRM-системами, внешними сервисами и внутренними системами;
- оптимизации производительности и безопасности сайтов;
- настройке аналитики и базовых SEO-инструментов;
… - разработке программного обеспечения и автоматизации бизнес-процессов: управление клиентской базой, учет ресурсов, автоматизация повторяющихся задач, интеграции со сторонними системами;
После выполнения проекта мы предоставляем 14 дней технической поддержки, в течение этого срока помогаем адаптировать систему к вашим конечным бизнес-процессам и консультируем по любым вопросам, касающимся области выполненных работ. Благодаря бесплатной поддержке выполненного проекта, это позволяет вам быть уверенными, что разработанное решение работает стабильно с момента запуска и не требует других дополнительных настроек.
Мы работаем структурировано, ответственно - на результат, который соответствует вашим бизнес-целям.
-
3631 17 0 Здравствуйте! 🗺️
У меня есть опыт разработки интерактивных карт, админ-панелей и встроенных веб-решений для сайтов организаций. Я смогу реализовать интерактивную карту на основе JPEG/PDF макета с цветными маркерами, всплывающими окнами, зумом/перетаскиванием, адаптивностью и отдельной веб-админкой для управления учреждениями, категориями и точками без вмешательства в код. Также обеспечу размещение на хостинге, публичную ссылку и корректное встраивание на сайт в Gamma через iframe/embed.
Используемый стек (рекомендуемый):
Backend: Python (Django) или Node.js, PostgreSQL / SQLite
Интеграции: Leaflet.js, iframe/embed для Gamma, админ панель, авторизация (логин/пароль)
…
Frontend: HTML5, CSS3, JavaScript, адаптивный интерфейс карты
Инфраструктура: хостинг/VPS, Docker (при необходимости), передача доступов и исходных файлов
Готов обсудить детали проекта в личных сообщениях и готов приступить к работе.
С уважением, Андрей
-
726 9 1 Здравствуйте! Ознакомившись с вашим проектом, я готов приступить к его выполнению. Давайте обсудим детали для наилучшего результата.
-
12912 67 0 Здравствуйте! Выполню вашу задачу быстро и качественно. Имею опыт работы.
Мое портфолио: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишите, начну сегодня работать. Буду рад сотрудничеству с Вами!
-
390 Доброго дня! 👋
У меня есть опыт разработки интерактивных веб-сервисов, включая карты, админ-панели и интеграцию на сторонние платформы. Работал с подобными задачами: Leaflet/Google Maps, кастомные маркеры, фильтрация, а также CRUD-админки для управления данными.
Опыт в подобных проектах
Реализовывал:
— интерактивные карты (Leaflet.js) с кастомными маркерами и категориями
… — привязку точек к координатам и открытие info-popup
— админ-панели для управления объектами (добавление / редактирование / удаление)
— сохранение данных в БД (PostgreSQL / Firebase)
— адаптивность и корректную работу на мобильных
— интеграцию через iframe / embed на сторонние сайты
Как реализую ваш проект
1. Построение карты
— использую Leaflet.js на базе вашего JPEG
— размещу 18 маркеров с привязкой к координатам
— реализую цветовую систему категорий
— добавлю pop-up со всей информацией
2. UI и дизайн
— воспроизведу макет максимально близко к PDF
— добавлю легенду, названия районов, логотип
— реализую zoom, drag и mobile-friendly UX
3. Админ-панель
— отдельная web-панель с авторизацией
— CRUD для организаций
— управление категориями
— редактирование координат прямо из интерфейса
4. Backend (приоритет — Python)
— FastAPI / Django для API и админки
— база данных для хранения организаций
— простая и понятная логика для дальнейшего масштабирования
5. Интеграция
— деплой на хостинг
— подготовка embed (iframe)
— проверка работы на платформе Gamma
Результат
— полностью готовая интерактивная карта
— админка для самостоятельного управления
— интеграция на сайт
— доступы + инструкция (PDF/Word)
Формат работы
— поэтапная реализация
— регулярный фидбек
— демонстрация промежуточных результатов
— чистый и поддерживаемый код
Готов просмотреть ваши материалы (PDF, таблицу) и предложить оптимальную реализацию с оценкой по срокам и бюджету 👍
-
1082 7 0 Готова разработать функционал карты с использованием технологий html js css
Бек на базе php + mysql
Собственная админка, все будет редактироваться как указано в тз
Карты на базе google maps или openstate
Добавление точек и описания через долготу и широту или прямо визуальным точечным добавлением на карте
Вставка через iframe на ваш сайт
На все 5 дней и 10 000 грн
Поддержка после с корректировками и доработками
-
280 Добрый день!
Ознакомился с ТЗ — задача понятна, это не просто карта, а небольшая веб-система с админ-панелью и возможностью масштабирования в будущем.
Могу реализовать интерактивную карту с использованием Leaflet.js (или аналогичного решения), с полной соответствием вашему макету, адаптивностью и корректной работой на всех устройствах. Также реализую удобную админ-панель для управления учреждениями, категориями и маркерами прямо из браузера.
Перед тем как точно оценить стоимость и сроки, хочу уточнить несколько моментов:
Нужно ли сохранять историю изменений (кто и когда редактировал данные)?
…
Планируется ли расширение количества учреждений в будущем (важно для архитектуры)?
Есть ли уже готовая структура категорий, или она может изменяться?
Нужен ли поиск или фильтрация по категориям на карте?
Где планируется размещение (хостинг уже есть или нужно помочь с подбором)?
Со своей стороны обеспечу:
– полностью работающую интерактивную карту
– админ-панель с логином/паролем
– размещение на хостинге и интеграцию через iframe
– адаптивность (ПК / планшет / мобильные)
– передачу всех доступов и исходных файлов
– инструкцию по пользованию
После уточнения деталей смогу четко описать объем работ, стоимость и сроки.
Также могу взять на себя дальнейшую поддержку и доработку проекта.
-
184 Добрый день! Мы с коллегой профессионально занимаемся веб-разработкой и автоматизацией социальных проектов более 4 лет, поэтому мы поможем вашей общине получить современный инструмент информирования жителей, который полностью соответствует предоставленному PDF-шаблону и вашим функциональным требованиям, мы реализуем архитектуру карты на HTML5/JavaScript, внедрим легенду категорий, логотип и все необходимые текстовые блоки, а также настроим систему авторизации для доступа к панели управления, наш опыт 4 года подтвержден проектами drkukharevich.rivne.ua, crave-agency.com.ua, jk-solution.com.ua
-
1175 13 0 3 Сообщение Gemini
Здравствуйте! Мы с напарником (дизайнер + full-stack) более 4 лет специализируемся на разработке интерактивных картографических решений и систем управления данными, поэтому мы реализуем для вашей организации полнофункциональную карту социальных услуг на базе Leaflet.js с использованием вашего JPEG-макета в качестве растровой подложки, мы разработаем кастомную логику координат для точного размещения 18 кликабельных маркеров с цветовым кодированием по категориям, настроим информационные окна со всеми необходимыми данными и обеспечим идеальную работу функций zoom/drag даже на мобильных устройствах, наш опыт в разработке 4 года, посмотрите на наши работы с точки зрения визуализации и интерфейсов: hyperfi.tech, espressolab.com.ua, hudi.com.ua. Мы создадим отдельную защищенную админ-панель на PHP/Node.js, где вы сможете самостоятельно редактировать точки на карте простым кликом, обновлять графики работы и добавлять новые организации, после чего мы бесшовно интегрируем готовую карту на ваш сайт в Gamma через iframe, обеспечив стабильную работу на стороннем хостинге, стоимость реализации проекта согласно вашему ТЗ составит от $450, а срок выполнения вместе с подготовкой инструкций — 10–12 дней.
-
4873 107 0 Здравствуйте, Людмила.
Быстро выполню вашу задачу согласно описанию, предоставлю гарантии, детали по работе и видеоинструкцию при необходимости. Но есть некоторые уточнения.
Готов обсудить детали и начать выполнение. Окончательная цена/срок после всех уточнений.
Профиль:Freelancehunt
Отзывы:Freelancehunt
-
6590 56 1 2 Добрый день, готов выполнить ваш проект. Пишите в личные сообщения, обсудим подробнее. Спасибо.
-
3006 27 0 Добрый день!
Последние работы!
https://wall-master.artbud.pro/
https://www.cardanmash.com.ua/
http://floridagardendesigns.com/
https://sugacards.com/
https://advilion.com
… http://axiomaplus.com.ua/
https://maxinstal.ch/
http://otpad.com.ua/
http://spectrum.net.ua/
Подробное обсуждение, советы, предпочтения, оценка в личных обсуждениях.
С уважением, Василий
-
Денис Михайльо Coderfy
Доброго дня
скажіть а чи пробували ви реалізувати це безпосередньо через функціонал Google Maps?
Там здається є можливість створити цю карту самостійно і потім вбудувати її на сайт
Оскільки Gamma сама по собі платформа nocode - цікаво як вони будуть взаємодіяти -
Актуальные фриланс-проекты в категории Веб-программирование
Создание сайта для бухгалтерской фирмы на WordPress (на готовом шаблоне)
25 000 UAH
Добрый день. Мы бухгалтерская фирма - хотим создать сайт для бухгалтерской фирмы на WordPress (на готовом шаблоне) на двух языках. Он будет оптимизирован под поиск Google и SEO. Веб-программирование ∙ 1 день 5 часов назад ∙ 97 ставок |
Доработка системы учёта рабочего времени на ASP.NETНужен .NET-разработчик для небольшого проекта — системы подсчёта зарплаты сотрудников. Три задачи: Развернуть систему на нашем поддомене (домен и доступы дадим). Аудит формы логина + доработка по безопасности при необходимости. Реализовать закрытое API для выгрузки данных в… Веб-программирование ∙ 1 день 5 часов назад ∙ 35 ставок |
Необходимо сделать современный сайт для компании натяжных потолков в Польше
28 501 UAH
Нужен современный премиальный дизайн, адаптация под мобильные устройства, быстрое загрузка, SEO, анимации, калькулятор, портфолио, форма заявки. Желателен опыт создания сайтов в Польше, лендингов для строительных или ремонтных компаний. Обязательно отправьте примеры своих работ. HTML и CSS верстка, Веб-программирование ∙ 1 день 7 часов назад ∙ 146 ставок |
Редизайн и SEO-оптимизация сайта на платформе Prom.uaТехническое задание Сайт: protone.com.uaОсновная цель Необходимо сделать сайт современным, визуально привлекательным, удобным для пользователя и максимально подготовленным к продвижению в поисковых системах и внутри маркетплейса Prom.ua. Основной акцент — улучшение дизайна,… Веб-программирование, Дизайн сайтов ∙ 1 день 10 часов назад ∙ 26 ставок |
Нужен разработчик Drupal для правок на нескольких сайтах.Нужен разработчик Drupal для правок на нескольких сайтах. Сайт раздувается и заполняет весь хостинг .. HTML и CSS верстка, Веб-программирование ∙ 1 день 14 часов назад ∙ 37 ставок |