![Page 1: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/1.jpg)
Поддержка масштабного сайта
на примере megafon.ru
усилиями агентств
Белошапка Михаил ДАЛЕЕ, генеральный директор
Кобыченко Дмитрий МегаФон, главный редактор megafon.ru
![Page 2: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/2.jpg)
• Сайты площадок — посещаемые, нагруженные, обслуживаются большими командами, обычно — inhouse
• Сайты компаний — не настолько посещаемые, делаются и обслуживаются агентствами
Введение
Несколько лет назад
![Page 3: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/3.jpg)
•Сайты компаний зачастую обладают не меньшим масштабом, функциональностью и посещаемостью, чем сайты площадок
•Часто продолжают обслуживаться агентствами
•megafon.ru, наш кейс — один из таких сайтов
Введение
Сейчас
![Page 4: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/4.jpg)
Введение
У megafon.ruБольшой объем контента —
более 100 000 страниц на 81 региональном сайте
1
![Page 5: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/5.jpg)
Введение
8 500 000 уникальных посетителей в месяц 40 000 000 просмотров страниц в месяц
2
![Page 6: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/6.jpg)
Введение
интеграция с Личным Кабинетоми интернет-магазином, сложные разделы «Тарифы» и «Роуминг», SMS/MMS, устройства
Большой объемфункциональности
3
![Page 7: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/7.jpg)
Введение
Cерьезная серверная инфраструктура — 2 фронтенда, 4 бекенда. 2 сервера баз данных, 1 вспомогательный
megafon.ru это
Большой объем задач — более 100 задач на разработку в месяц, более 400 контентных задач в месяц
![Page 8: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/8.jpg)
Выделенная команда поддержки в МФ и в ДАЛЕЕ
Введение
megafon.ru это
Несколько подрядчиков — проектирование/UX, дизайн, верстка, интеграция, сервисы: баннерная система, карты, аналитика
![Page 9: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/9.jpg)
с несколькими подрядчикамипо одному проекту
Особенности работы
с ключевым подрядчиком — подрядчиком по интеграции
Особенностивзаимодействия
![Page 10: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/10.jpg)
Возможность привлекать лучших
Возможность реализовыватьбольший класс задач,
Снижение рисков
Работа с несколькими подрядчиками
+ Плюсы Минусы-Выше цена (единый подрядчик может дать «оптовую» цену)
Выше сроки общего исполнения задач (время на коммуникацию)
Необходимость контроля за взаимодействием агентств
![Page 11: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/11.jpg)
• Подрядчики на UX и дизайн
• Подрядчики на верстку
• Подрядчик на разработкуи контент megafon.ru — ДАЛЕЕ
• Отдельные подрядчикина отдельные сервисы (зона покрытия, баннерная система)
• Внутренний подрядчик на разработку ЛК
• Внутренний подрядчик на разработку ИМ
В megafon.ru
Работа с несколькими подрядчикамиРабота с несколькими подрядчиками
![Page 12: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/12.jpg)
• Подрядчик на интеграцию — ключевой подрядчик. Он собирает входящие данные от всех других и обеспечивает непосредственный запуск фич
• Четко выстроенное взаимодействие с подрядчиком на интеграцию позволит иногда сглаживать менее четко выстроенное взаимодействие с другими подрядчиками
• HTML-верстку, тестирование, контент — лучше отдавать подрядчику на разработку
Взаимодействие с подрядчиком на интеграцию
![Page 13: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/13.jpg)
Выделенная команда
Планирование и коммуникация
Организация разработки
Тестирование и процесс деплоев
Работа с контентом
Взаимодействие с подрядчиком на интеграцию
Основные моменты!
![Page 14: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/14.jpg)
Меньше стоимость
Меньше рисков
Взаимодействие с подрядчиком на интеграцию
Выделеннаякоманда
![Page 15: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/15.jpg)
Релизная система (один релиз раз в N недель)
JIRA, только JIRA
Заказчики, проджекты и исполнители —в одной системе
Планирование
Взаимодействие с подрядчиком на интеграцию
и коммуникация
![Page 16: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/16.jpg)
Четкий прогноз по запуску фич
Возможность четкого планирования ресурсов на деплои
Возможность проведения полноценного регрессионного тестирования.
Взаимодействие с подрядчиком на интеграцию
Релизная система
![Page 17: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/17.jpg)
внешние подразделения заказчика
заказчик (digital-подразаделение)
менеджеры подрядчиков (всех)
исполнители подрядичков (по необходимости)
Взаимодействие с подрядчиком на интеграцию
в которой сосуществуют:
Jira — платформадля единой экосистемы
![Page 18: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/18.jpg)
Board менеджеров заказчика и менеджеров агентства (scrum) — планирование задач в релизах (спринтах)
Взаимодействие с подрядчиком на интеграцию
![Page 19: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/19.jpg)
Board менеджеров агентства и исполнителей (canban) — управление приоритетами
Взаимодействие с подрядчиком на интеграцию
![Page 20: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/20.jpg)
GIT, активное применение веток
Четырехуровневая система окружений (ветка, dev, staging, live)
code review, мердж веток — только руководителем команды
Организация разработки
Взаимодействие с подрядчиком на интеграцию
![Page 21: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/21.jpg)
Перед каждым релизом — полное регресс-тестирование
Применение автоматического тестирования (jUnit, Cucumber)
Автоматические деплои (capistrano)
Взаимодействие с подрядчиком на интеграцию
Тестированиеи процесс деплоев
![Page 22: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/22.jpg)
Взаимодействие с подрядчиком на интеграцию
Работа с контентомРоли: руководитель тим-лид аудитор контент-менеджер
Все задачи поступают руководителю, он же — трафик-менеджер
Большая часть задач проверяется аудитором
![Page 23: Поддержка масштабного сайта усилиями агентств](https://reader034.vdocuments.mx/reader034/viewer/2022042615/55aa34bb1a28ab6c4c8b458c/html5/thumbnails/23.jpg)
Cпасибо за внимание