Это статья об основах программирования. На канале я рассказываю об опыте перехода в IT с нуля, структурирую информацию и делюсь мнением.
Хой, джедаи и амазонки!
Эта статья о моём первом опыте командной разработки. Работали мы не в Go, но этот интересный опыт в плане комбинации удалённой работы и очных встреч, взаимодействия внутри команд, работы с заказчиком - в целом, работа больше похожа на стартап, а не на фриланс.
Go! Go! Go!
1. Предыстория
В одной из прошлых статей я рассказывал, что в 2021-2022 годах обучал ребят из инженерного класса. Суть в чём - наше предприятие, где я сейчас работаю, подбирает школьников 10-11 классов, с которыми работают специалисты завода: обучают и передают опыт, чтобы школьники подготовили и защитили проекты на ежегодной научно-практической конференции.
Сегодня расскажу историю о моём проекте с ребятами из инженерного класса в 2022-2023 году по двум направлениям:
- Разработка бренд-бука и логотипа для компании с применением нейросетей;
- Разработка сайта компании.
Предприятие для которого ребята разрабатывали бренд-бук и веб-сайт, скажем так, режимное, и аккуратно относится к публикуемой о них вовне информации. Поэтому сайт мы не захостили, и показывать итоговый продукт даже в виде скриншотов проблематично. С бренд-буком та же штука. Чтобы хоть немного дать понять о чём речь, покажу скриншот домашней страницы сайта ниже:
Работа над проектами длилась в период с осени 2022 (октябрь-ноябрь) и закончилась 14 апреля 2023. Т.е. длилась пол года, из них только вторая половина - регулярная работа с еженедельной отчётностью.
Сразу отмечу, что часть иллюстраций для сайта, в т.ч. для домашней страницы - чужая интеллектуальная собственность, взятая не со стоковых или собственных баз фото, а просто из интернета.
В случае, если сайту дадут зелёный свет - понадобится переработка в части замены некоторых иллюстраций. В частности, выше на домашней странице, показаны горы Сихоте-Алинь из нашего края. Я бы другую иллюстрацию и не ставил - а связался с автором с целью получить разрешение. К тому же ребята открыты к партнёрским отношениям:
2. Работа
2.1. Начало занятий
Приступили к занятиям мы по осени 2022 г. В группе по разработке сайта у меня собрались пять парней, четверо - 11й класс, один из 10го класса. В группе по бренд-буку и логотипу были две девушки 10й класс.
С парнями начали заниматься активно с октября, с девчатами - с декабря 2022го.
Изначальная гипотеза, которая послужила толчком проекта веб-сайт:
Есть технологическая компания с оборотом 1 млрд рублей в год без сайта. Сайт им обязательно нужен.
Остался только вопрос - зачем нужен сайт.
Первая задача, которая стояла перед группой разработчиков веб-сайта: провести серию проблемных интервью с руководителями компании, для которых решили разработать веб-сайт.
Контакты руководителей я дал ребятам, плюс дал задачу изучить книгу, которую мне рекомендовали на курсах технологических лидеров "Вектор":
Книга о том, как спрашивать, чтобы получать настоящие, а не надуманные ответы. Например, приведу диалог:
Стартап: У вашей компании нет сайта - это проблема?
Компания: Да, это проблема. У всех компаний сейчас есть сайты, а мы как-то не обзавелись.
Из этого диалога стартап может сделать вывод, что компании обязательно нужен сайт - но так ли это? Давайте продолжим диалог:
Стартап: А к чему приводит проблема отсутствия сайта и какие ресурсы вы тратили на решение этой задачи: деньги, работа людей и т.д.?
Компания: Да ни к чему не приводит и ресурсов мы никаких не тратили.
Вывод: отсутствие сайта - не проблема, т.к. компания ничего особого не теряет и не тратит ресурсов для появления сайта.
Ребята, изучив книгу, составили список вопросов - чтобы выяснить какие есть реальные проблемы у компании, и далее выбрать те - которые может помочь решить веб-сайт. А затем построить разработку сайта с акцентом на решение этих проблем. Такая была идея проекта.
Сама книга "Спроси маму" небольшая, но можно ещё сократить - почитав конспект на неё.
2.2. Концепция веб-сайта
Итак, проблемы определены. Мы выбрали следующие три основные проблемы и задачи, которые будет решать веб-сайт:
- Привлечение заказчиков вне контура ГК Ростех;
- Привлечение инженерных кадров;
- Мотивация персонала.
Первая проблема обусловлена тем, что необходим приток денег извне корпорации. Вторая - в команде предприятия дефицит инженеров. Третья проблема - те, кто работают - недостаточно замотивированы.
Далее ребята проанализировали структуру сайтов около 30 технологических или просто успешных компаний. Чтобы быть в тренде:
Итак, представление о том, как должны выглядеть сайты успешных компаний получено, ТЗ сформировано на основе проблем - далее разработка.
2.3. Обучение IT
Изучали мы HTML и CSS на сайте Stepik. Я немного уже обладал, ребята - пришли с нуля. Изучили, получили сертификаты - и по ходу реализовывали концепцию сайта на практике.
Пример задачи из обучения - сделать клон страницы города Хьюстон из Википедии. По ходу ребята освоили дополнительные инструменты и научились работать в IDE. Пример кода ребят ниже:
2.4. Взаимодействие с командой бренд-бука
Пока с парнями разрабатывали веб-сайт, девчата изучали доступную информацию о бренд-буках, логотипах и т.д.
Вкратце о проекте: у той же компании нет собственного фирменного стиля и логотипа, который бы они могли размещать на официальных письмах или выставках.
Девчата создали концепт логотипа в нейросети MidJourney, доработали его в графическом редакторе. Также создали талисман (маскот), и разработали бренд-бук. Он делится на две части:
- Концептуальное описание компании, её ценности, миссия и т.д. - на основе тех знаний и принципах работы компании, что я дал.
- Конкретика по визуальной составляющей фирменного стиля: как можно размещать логотип и нельзя, какие фирменные шрифты, цвета и т.д.
Команда разработчиков сайта активно взаимодействовала с командой разработчиков бренд-бука в части применения фирменных цветов на сайте, шрифтов, а также логотипа.
Например было интересно наблюдать, как решение изменения фирменного цвета влекло негодование разработчиков сайта. Или так - был запрос предоставить не просто образцы фирменных цветов, а их коды в HEX-формате.
Пример использования фирменных шрифтов и цветов во вкладке "Карьера":
В целом, команды активно взаимодействовали. Моя роль на этом этапе была - выдавать задачи на неделю, отслеживать их выполнение и возвращать на доработку, решать конфликтные ситуации, утверждать или отклонять новые концептуальные идеи.
2.5. Дополнительный инструментарий
Ребята изучили основы JS и на одной из вкладок сделали планировщик задач, который сохраняет в локальной памяти компьютера информацию. Пример этого планировщика:
Так эта вкладка выглядит в среде разработчика:
2.6. Ход работы
Сперва я устраивал еженедельные созвоны: видеоконференции пробовали в Zoom, Discord, Telegram. Остановились на Telegram.
Далее решил, что эффективнее собираться вместе в одном месте. Переговорил с администрацией городской библиотеки - они дали нам добро на встречи в компьютерном зале. Просто так :)
Такие встречи длились 1,5-2 часа и оказались эффективным продвижением работы: я смотрел, что сделали ребята, отвечал на их вопросы и давал задачи на следующую неделю. Своего рода, работа спринтами.
Исходя из этой практики, я сделал вывод: полезно комбинировать удалённую работу и периодические очные встречи.
3. Итоги
Готовыми проектами я крайне доволен. Веб-сайт содержал решение требуемых задач:
- Мы дали информацию о компании: прежде было даже трудно найти email и телефон компании в интернете, а те что находились - вели почему-то в другую организацию. Теперь на компанию легко выйти (если запустить сайт, конечно): email, карта, несколько телефонов;
- Показали примеры оборудования и примеры продукции - чтобы было понятно, предприятие имеет большие возможности;
- Создали перечень конкурсов для инженерно-технических работников. Другими словами, рассказали - что нужно сделать, чтобы получить денежную премию.
- Рассказали о вакансиях на предприятии для привлечения инженеров.
- Дали информацию об истории возникновения компании, и многое другое.
В целом, ребята освоили следующие направления:
- Hard-skills: HTML, CSS, UX/UI-дизайн;
- Soft-skills: общение с заказчиком, работа в команде, работа с другой командой.
Бренд-бук получился на мой взгляд профессиональным и более приближенным к компании, чем если заказать его со стороны - в нём изложена концепция, приближенная к "железу". В обоих смыслах.
Девчата получили знания в области литейного производства, нейросетей, общения с командой разработчиков. Улучшили навыки работы в графических редакторах, таких как Photoshop и IbisPaint.
На итоговой конференции обе команды получили призовые места. Я также получил призовое место, но уже в другой "весовой" категории и по проекту, связанному с основной работой, а не IT. Общее фото ниже:
Далее попробую продвинуть эти проекты для реального применения, а о ребятах рассказать крупнейшему ВУЗу на Дальнем Востоке. Посмотрим, что из этого выйдет.
Бро, ты уже здесь? 👉 Подпишись на канал для новичков «Войти в IT» в Telegram, будем изучать IT вместе 👨💻👩💻👨💻
