Задача:
Создать информационный портал для любителей активного отдыха, с интерактивной картой объектов: маршрутов, мест и событий. На карте пользователи смогут изучать описания, просматривать фотографии, читать отзывы, знакомиться с маршрутами и ближайшими достопримечательностями, а также находить точки интереса (сервисы, АЗС, кафе, гостиницы и т.д.). Портал позволит загружать свои треки и скачивать маршруты в формате .GPX-файлов, опубликованные другими пользователями, включая все отмеченные точки и интересные места по пути.Технологии и инструменты:
1С-Битрикс: Управление сайтом, API Яндекс.Карты, Vue.JsПроцесс работы:
1. Начало работ и исходные данные
- Вводное ТЗ: Мы начали с базового технического задания, предоставленного заказчиком, с примерами и скриншотами интерфейсов, включающих работу с интерактивной картой, треками и объектами.
- Определение целей: Основная задача заключалась в создании портала с интерактивной картой, поддерживающей загрузку .GPX-файлов, управление публикациями и взаимодействие с контентом других пользователей.
2. Анализ системных требований
- Анализ и выбор технологий: Рассматривались решения MAPBOX и Яндекс.Карты. Учитывая стоимость и ограничения MAPBOX как зарубежного платного сервиса, было принято решение о разработке на Яндекс.Картах.
- Определение ключевых функций: Портал должен был автоматически определять длину трека, считывать ключевые точки маршрута, распознавать иконки GARMIN, а также обеспечивать подписку, редактирование и управление публикациями.
3. Проектирование и разработка интерфейса
- Дизайн и UX/UI улучшения: Мы полностью переработали логику и дизайн проекта, сделав его более интуитивным для пользователей. Были вынесены административные функции, включая панель модератора, в публичную часть сайта, что значительно повысило удобство работы с контентом.
- Разработка интерфейсов для карты и объектов: Проектирование интерфейсов карты и объектов позволило пользователям легко загружать, редактировать и просматривать треки, добавлять точки интереса и делиться своими маршрутами.
4. Сборка проекта и программирование
- Реализация интерактивной карты: Мы реализовали систему загрузки .GPX-файлов с автоматическим определением длины трека и распознаванием иконок GARMIN, а также добавили возможность редактирования точек маршрута и делиться ссылками на треки.
- Уникальная оптимизация треков: Разработан собственный метод автоматической оптимизации загружаемых файлов треков. При этом система сокращает количество координат по заданному шагу, не теряя при этом визуальных и функциональных характеристик отображения и навигации.
5. Анализ и улучшения
- Выявление проблем и доработки: В ходе разработки были обнаружены и устранены недостатки модели. Мы предложили клиенту улучшения по оптимизации функционала и внесли соответствующие изменения.
- Конвертация и сборка треков: Реализовали полноценное конвертирование и загрузку файлов с треками в базу данных, а также сборку файлов для экспорта с учетом всех изменений, внесенных на сайте.
6. Совместная работа с клиентом
- Создание фокус-группы: Для оперативного тестирования и получения обратной связи была организована фокус-группа, которая помогала проверять новые функции и доработки. Это позволило своевременно вносить изменения на основе реальных потребностей пользователей.
- Регулярные встречи и корректировки: Постоянные встречи с заказчиком и обсуждения с фокус-группой позволили корректировать функционал и интерфейс проекта по мере его развития.
7. Оптимизация производительности
- Отложенная обработка операций: Мы внедрили систему отложенной обработки операций конвертирования и оптимизации на агенты 1С-Битрикс. Это снизило единовременную нагрузку на сервер и минимизировало требования к техническим характеристикам инфраструктуры.
- Снижение серверной нагрузки: Благодаря использованию отложенной обработки, мы значительно уменьшили требования к серверу и повысили стабильность работы системы при одновременной загрузке большого объема данных.
8. Тестирование и запуск
- Полное тестирование функций: Все ключевые функции, включая загрузку треков, их оптимизацию, подписку на публикации и систему комментариев, были тщательно протестированы для обеспечения стабильной работы на всех устройствах и браузерах.
- Запуск и сбор обратной связи: Портал был запущен, и начался сбор отзывов, что позволило внести дополнительные улучшения в пользовательский интерфейс и функционал.
9. Дальнейшее развитие
- Продолжение работ и развитие проекта: Проект продолжает активно развиваться. Мы продолжаем работу с фокус-группой, совершенствуем функционал карты, добавляем новые возможности и улучшаем взаимодействие с контентом на основе отзывов пользователей.
Итог:
Все задачи клиента были успешно выполнены. Более того:
- Мы полностью переработали логику и дизайн проекта.
- Повысили UX/UI, вынеся административные функции в публичную часть сайта.
- Разработали уникальный метод автоматической оптимизации треков без потери качества.
- Реализовали конвертацию и сборку файлов треков с возможностью экспорта пользователям.
- Внедрили отложенную обработку для снижения нагрузки на сервер и уменьшения требований к инфраструктуре.
Этот комплексный подход позволил создать высококачественный продукт, который продолжает улучшаться и адаптироваться к запросам пользователей.
