Команда разработки интерфейсов поиска состоит из 50 человек и находится в четырёх разных городах России и Украины: в Москве, в Санкт-Петербурге, в Киеве и в Симферополе. В докладе рассказывается, как была организована разработка интерфейсов поиска распределенной командой, а также про методологию написания кода, процесс взаимодействия с командой, настройку системы контроля версий и обмен информацией внутри отдела.

1. Разработка
интерфейсов в
распределенной
команде
Сергей Пузанков
руководитель группы разработки
поисковых интерфейсов
Я.Субботник в Киеве, 27 апреля 2013

2. Зачем?

3. Зачем распределенная команда
• Дополнительный рынок разработчиков
3

4. Зачем распределенная команда
• Дополнительный рынок разработчиков
• Кластеризация
4

5. Зачем распределенная команда
• Дополнительный рынок разработчиков
• Кластеризация - работать на Бали :)
5

6. Зачем распределенная команда
• Дополнительный рынок разработчиков
• Кластеризация - работать на Бали :)
• Удешевление разработки
6

7. Команда

8. Команда
Отдел разработки интерфейсов поисковых сервисов:
• 50 человек (Поисковая выдача ~20-25)
• 2 страны: Россия, Украина
• 4 города: Москва, Санкт-Петербург, Симферополь, Киев
• Еще множество разработчиков из других отделов
8

9. «Всего одна страница»

10. Search Engine Result Page10

11. Поиск по картинкам11

12. Поиск по видео12

13. Новости13

14. Поиск по блогам14

15. Поиск по людям15

16. Поиск по авто16

17. Поиск по недвижимости17

18. Различные устройства
• Десктопы
• Планшеты
• Мобильные (touch)
• Старые мобильные
18

19. Как это работает?

20. Процесс
Как это работает?

21. Роли
21
Менеджер
Дизайнер
Frontend-разработчикBackend-разработчик
Тестировщик

22. Дежурство
22
Дежурный frontend разработчик
Релиз инженер (frontend)
Релиз инженер (backend)

23. Еженедельное планирование
23
Пн. Планы на неделю
Ср. Смотрим/Корректируем
Пт. Сдаем/подводим итоги

24. Четкий процесс

25. Коммуникации
• JIRA
• Репозиторий
• Почта, джабер, телефон
• Видео-переговорки, skype
• Командировки
25

26. VCS
• git + svn
• Enterprise github
• Зафиксированный процесс
26

27. VCS
27
http://clck.ru/8cn-q

28. Обмен знаниями
Как это работает?

29. Всеобъемлющая документация29

30. Мероприятия
• Внешние Я.Субботники
30

31. Мероприятия
• Внешние Я.Субботники
• Внутренние пЯТЬницы
31

32. Мероприятия
• Внешние Я.Субботники
• Внутренние пЯТЬницы
• Очень внутренние Четверги
32

33. Мероприятия
• Внешние Я.Субботники
• Внутренние пЯТЬницы
• Очень внутренние Четверги
• Видео Среда
33

34. Мероприятия
• Внешние Я.Субботники - 2 раза в квартал
• Внутренние пЯТЬницы - 2 раза в квартал
• Очень внутренние Четверги - 2 раза в квартал
• Видео Среда - 2 раза в месяц
34

35. Регулярные встречи
Встречи руководителей групп - 2 раза в месяц
35

36. Регулярные встречи
Встречи группы - 1 раз в неделю
36

37. Регулярные встречи
Личные встречи - 1 раз в месяц
37

38. Регулярные встречи
Личные встречи - 1 раз в месяц
• Технологии
• Проекты
• Люди
38

39. Код
Как это работает?

40. Код
• Единая методология написания кода
40

42. Для разработчика
• Упрощение разработки и поддержки
• Переключения между проектами/задачами
• Повторное использовании кода
42

43. Для командной работы
• Быстрое подключение человека к команде
• Совместная работа с кодом разных специалистов
• Независимая работа над частями проекта
43

44. Библиотеки блоков
• Общепортальные: шапка, подвал, контролы, выпадушки...
44

45. Библиотеки блоков
• Общепортальные: шапка, подвал, контролы, выпадушки...
• Поисковые: поисковые блоки, ajax, счетчики, global...
45

46. Библиотеки блоков
• Общепортальные: шапка, подвал, контролы, выпадушки...
• Поисковые: поисковые блоки, ajax, счетчики, global...
• Contribs: maps, images, market, taxi, translate....
46

47. Contrib z-taxi
47
blocks
.bem
level.js
b-menu
_type
b-menu_type_taxi-switcher.css
z-taxi
z-taxi.bemhtml
z-taxi.css
z-taxi.deps.js
z-taxi.ie.css
z-taxi.js
z-taxi.priv.js
GNUmakefile

48. Единая экосистема
• Все технологии в BEM терминах
• Библиотека блоков
• Шаблонизатор
• Инструменты (создание, сборка, оптимизация)
48

49. 49
bem.info

50. Комьюнити
• @bem_ru
• fb.com/groups/bem.info
• github.com/bem
50

51. Code review
51

52. Code review
52
http://clck.ru/8cmzq

53. Code style
53

54. Code style
54
http://clck.ru/8cn-Q

55. Парное программирование
55

56. Парное программирование
56
http://clck.ru/8cn-k

57. • HTML+CSS
• JS (client, server)
• Templates
• Build
• Десктопы
• Планшеры
• Мобильные (touch)
57

58. • HTML+CSS
• JS (client, server)
• Templates
• Build
• Десктопы
• Планшеры
• Мобильные (touch)
58

59. Итого

60. Процесс
• Четкие роли
• Рабочий процесс
• Удобные коммуникации
• Налаженный VCS flow
60

61. Обучение
• Документация
• Внешние и внутренние конференции/презентации
• Обмен информацией между группами
61

62. Код
• Единая методология разработки
• Code review, code style
62

64. руководитель группы
разработки поисковых
интерфейсов
puzaknov@yandex-team.ru
@puzankovcom
Спасибо
Сергей Пузанков