«Зарплаточка и точка!»

Давайте я вам сначала покажу наш 50-секундный ролик, а потом отвечу на ваш немой вопрос:

— Саня, это, конечно, интересно, но что тут, чёрт возьми, происходит?!

Дальше попробую рассказать с разных ракурсов:

1. Что это и почему оно появилось?
2. Техническая сторона вопроса: как мы делали упомянутый в ролике продукт?
3. Философская сторона: зачем этот видос понадобился?

Если повезёт, я даже вывод сделаю. Но это не точно.

Что за «Зарплаточка»? О чём видео?

Если вам интереснее объяснение зачем это видео создавалось в принципе, то лучше сразу переходите к следующему пункту в этой статье. Здесь я кратко расскажу о том, чему именно был посвящен этот видеоролик :)

Напомню ещё разочек: у нас ИТ компания. Аналитики, разработчики, тестировщики, дизайнеры и всякие там ПМы (да что уж там, я сам — бывший разработчик по сердцу, душе, призванию и образованию).

И есть у меня идея в развитии своей команды.

Идея в том, чтобы выстраивать наш процесс обучения играючи, кооперируясь в небольшие группы, которыми мы решаем задачи, устраиваем мозгоштурмы, реализуем проекты, делаем небольшие продукты (всё, конечно же, в IT смысле). Качественно, пассионарно, но с юмором, лёгкостью.

Все задумки попадают в наш бэклог (backlog, давайте называть его "список дел").

Мы этот списочек периодически ворошим, делаем расклад таро, голосуем, смотрим на звёзды, кидаем кубики и, в итоге, выбираем следующую задачу в работу.

Критерии простые:

• У задачи должна быть ценность для окружающих.
• В ней должен быть вызов для участников:
  — кто-то прокачает свой управленческий скилл (например: «целюсь в технического руководителя, хочу попробовать себя в этом»),
  — кто-то освоит новые технологии («я раньше ни разу не работал с MVVM паттерном, давайте попробуем?»)
  — кто-то может попробовать себя в новой роли (например, тестировщик — аналитиком или разработчиком).

В микрокоманду принимаем любых желающих, с горящими глазами, готовностью брать на себя инициативу и, что называется, "не ссать".

Ну, собственно, вот.

В какой-то момент мы вытащили из нашего бэклога задачу (проблему) и решили её реализовать.

Задача-проблема заключалась в следующем: от нашей бухгалтерии руководителю группы или отдела раз в месяц приходит электронное письмо. В письме — сводная зарплатная ведомость по отделу, которую он, руководитель, рассылает индивидуально каждому. Приходит в эта «расчётка» табличном формате (excel).

Кругом боль:

• Руководителю большого отдела надо всю эту фигню разослать индивидуально (у меня, например, 50+ бойцов в команде)
• Сотрудник получает довольно замысловатое представление в табличке из 30+ столбцов.

Здорово, фиксируем потребности:

— Пусть оно само рассылается (не хочу работать)

— Пусть оно красиво выглядит у сотрудника (не хочу вникать).

— Каждый должен видеть и динамику своего финансового года и конкретно сколько он или она заработали в этом месяце.

Теперь наши ведомости будут выглядеть примерно так:

Это Excel-файл, который будет приходить на рабочую почту сотрудника. В дашборде можно поиграться с динамическими фильтрами, посмотреть детали. На "расчётном" листе — сырые данные — расчётка от бухгалтерии как она есть

А видео зачем?

В общем, ребята сделали программу. Сделали и сделали. Но её же надо передать в эксплуатацию целевым пользователям.

Я стоял перед выбором: просто уведомим ответственных за рассылку, что их жизнь стала проще или сделаем это в авангардной форме?

Я прямо задал вопрос в чатик команды: "Ребята, ЩИТ или МЕЧ?":

Вот момент зачатия этого клипа

За пять минут здесь же, в чате, из меня вывалилась идея видеоролика.
В такие моменты в голове будто мутнеет, и я буквально представляю себе результат: смотрю в пустоту, а картинки несутся перед глазами.

Так-с, идея родилась, что дальше? 
Дальше — как у Сталина — кадры решают всё. Засекаем время. Кто нам нужен?

Иду за товарищем, с которым мы в юношестве снимали кучу дебильных видео на цифровые фотоаппараты-мыльницы наших родителей — он тоже умеет генерить потешные идеи и весёлые ходы.

Иду за ещё несколькими коллегами — пусть отыгрывают всю драму в кадре: боль, борьбу, преодоление, катарсис.

На доске мы быстро рисуем маркерами план сцен: "Вас не задолбало получать непонятную зарплатную ведомость?..." и т.д. 

По каждой сцене добиваем содержанием. В переговорке, в шумном споре и перебиваниях друг друга рождаются мысли и идеи, весёлые ходы, вся мизансцена.

Классно появился вот этот спецэффект: в офисе лежат мои барабанные палочки. Ноутбук мы расположили на двух палочках — как на рельсах — и третьей палочкой, по команде, я медленно выталкивал эту пачку долларов :)

Теперь реквизит

Тут всё просто: идём и вынимаем из офисной аптечки бинты, пачку баксов, воздушные шарики (ха-ха!).

На ноуте находим скрины с ошибками (сами мы ошибок не делаем, само собой) — для сцены где "мы соединили передовые технологии..." ну и фальшивое письмо с очепятками для стартовой сцены:

Перед началом видео я слал это письмо Даше, чтобы у неё на ноуте выскочило уведомление :) Очепятки призваны подчеркнуть тяжесть и боль восприятия старой "расчётки".

Делаем работу. Всё получается практически с одного дубля.

В моей папке с исходниками до сих пор лежит ВЕСЬ отснятый материал — 18 видеофайлов:

Снимали буквально в перерыве. На выходе - 18 видосиков "на айфон" для передачи в "продакшен"

Слушайте, и снова я вспоминаю эту цитату про "кадры решают всё..."

Я уже рассказывал в другой своей статье про творческую самореализацию в музыке, что коллектив у нас разносторонний.
У нас, например, есть отличный QA-инженер (тестировщик, он же инженер по контролю качества) Денис, который, помимо прочего, увлекается озвучкой. 
Ещё у нас есть мастер на все руки Ринат, который любит видеомонтаж (и не только). Обращаюсь к ним за помощью:

1. Денису-QA пишу, что нужна его помощь в озвучке (да, именно его бархатный баритон вы услышали в релизе). Работал Денис, кстати, как и монтажник с сырыми кадрами.
2. Ринату отдаю папку с исходниками с просьбой "Сделать как надо".
   Для него задача вообще звучала размыто: «сделай, чтоб угарно».

Обращаюсь к ним за помощью:

1. Денису-QA пишу, что нужна его помощь в озвучке (да, именно его бархатный баритон вы услышали в релизе). Работал Денис, кстати, как и монтажник с сырыми кадрами.
2. Ринату отдаю папку с исходниками с просьбой "Сделать как надо".

Ребята поддержали, каждый получил ТЗ и папочку с исходниками с нумерацией их порядка в монтаже.

На самом деле, и Денис и Ринат получили одинаковое ТЗ: нумерацию исходников для монтажа и вот такую постановочку:

ТЗ было реализовано бархатным баритоном Дениса, который донёс до нас ключевые ценности "Зарплаточки"

Видео и озвучка были готовы буквально за ночь. 

К обеду я уже получил релиз, который мне не терпелось вставить в нашу рассылку новостей внутри компании. 

Я даже "кликбейтную" картинку-превью для дайджеста сделал. Чтоб люди нажимать хотели (шучу):

Хотелось спровоцировать людей на просмотры такой эпической штуки

В общем, видосик был сделан молниеносно, без лишней фигни, суеты. На одном дыхании.

И это, ребята, чертовски круто.

А что там с процессом разработки?

Не хочется вдаваться в подробности. Поэтому я просто пройдусь по основным точкам процесса разработки и перейду к выводам с философией.

В общем, мы пошли от быстрого запуска MVP (от английского "Minimum Viable Produt" или "Минимально жизнеспособный продукт") и выделения основной ценности.

Цели для прототипа к сентябрю поставили следующие:

• "Зарплаточка" должна уметь отправлять письма по шаблону, используя SMTP сервер компании.
• Справочник сотрудников должен кэшироваться и обновляться из нашей CRM системы с помощью REST API.

Зарплатная ведомость должна быть шаблонной - каждый ответственный за рассылку может настроить под себя визуализацию письма и ведомости, которые будут рассылаться сотрудникам.

• Вносить изменения в код приложения для этого не нужно.
• Мы должны использовать gitlab + бранч стратегию maser-develop-feature branch.
• Делаем десктопное приложение .Net WinForms. Приложение должно иметь инсталлятор.
• Архитектура приложения: MVVM. Слой компонентов WinForms не должен хранить в себе бизнес-логику. Вдохновлялись старой статьёй о правильном подходе к созданию Winforms приложения: https://www.cyberforum.ru/windows-forms/thread1558189.html
• В качестве бонуса мы не просто презентуем Зарплаточку, но и снимем убойный-бомба-тизер-ролик. Просто для веселья.
• Экран загрузки должен содержать *** попыт ***.

Дальше процесс шёл по привычному подходу:

• Стартовое совещание, формруем бэклог задач для работы над приложением, определяем функциональность MVP.
• Создаём доску для учёта задач - по привычке взяли Trello.
• Создаём рабочий чатик в Telegram.
• Создаём репо с кодом и будущей тикет системой на gitlab.
• Рисуем диаграмму классов приложения, обсуждаем его стопицот раз и идём работать.
• Аналитики “причёсывают скоуп”, тестировщики пишут тестовую документацию.

Накиданные тезисы под карточкой

Какие тут могут быть выводы?

Не смотря на то, что я старался добавить в статью каких-то технических подробностей она, в целом, про творческую сторону и коллективную работу.

Вспоминая тот период, я, что тогда, что сейчас, снова убеждаюсь в одном очень важном наблюдении:

Ключ к хорошим и значимым вещам лежит в совместной работе.

Особый кайф здесь — это сделать мысль осязаемой. 

Вдумайтесь. Из ничего родилась мысль. Из мысли развилась идея. Идея побудила порыв. От порыва ребята смогли воплотить идею в жизнь. Воплощенное решение принесло пользу: "Зарплаточкой" я и другие руководители пользуемся во всю.

Да, пускай сложность приложения минимальна. Но не в этом суть :)

Я поработал с разными командами и понял, что самые стоящие вещи создаются там, где собрались правильные, идейные и заинтересованные люди.

Тогда многие "менеджерские боли" исчезают ( не нужно никого "микроконтролить" и "дожимать" до результата — все и так на него нацелены) и ты внутренне ощущаешь "да, здесь кашу получится сварить".

Самое главное здесь расслабиться, выдохнуть, и напомнить самому себе: вокруг собрались люди, чью экспертность ты ценишь и признаешь. И каждый из них способен привнести в решение что-то своё.

В общем, ребята, кадры решают всё.