Как управлять проектами по веб-разработке: пошаговая инструкция

Детализация задачи

Как происходит детализация слона? Сам слон, то есть задача, — это epic, некая большая конечная цель: сайт, лендинг, что угодно. Epic мы разбиваем на stories — задачи поменьше: программирование, вёрстка, дизайн, контент сайта и так далее.

Дальше нужно детализировать процессы на задачи, каждая из которых будет занимать 4–6 часов. Такие задачи называются tasks. Не бойтесь детализировать и составлять большой список задач, это действительно поможет в работе.

Список tasks (синяя иконка) и stories (зелёная иконка) внутри одного epic (неполный список)

Пример. В программе постановки задач Jira мы создали epic под названием «Главная страница». А в ней подзадачи-stories: «прорисовать», «закодить», «написать текст», «подобрать иллюстрации». И в каждой такой задаче — несколько tasks. Это мелкие задачи, которые занимают (в идеале) не более 4 часов. Например, в story «Нарисовать дизайн сайта» у нас будет task «Нарисовать шапку» или «Нарисовать иконки».

Хороший task длится максимум 4 часа и его нельзя разбить на ещё более мелкие задачи. У любой задачи есть ответственные, то есть исполнители.

Если говорить о тексте для главной страницы сайта, то у нас будет такая лестница задач:

  • epic — «Создать главную страницу»;
  • story — «Написать тексты для главной»;
  • а tasks будет очень много: «Заполнить бриф», «Написать тексты», «Защитить тексты перед клиентом», «Отредактировать тексты».

В Jira можно связать крупную задачу (story) с более мелкими (tasks)

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

К чему прилагаются Business Intelligence (BI) — системы для бизнес-анализа?

В предыдущей публикации («Цифровая трансформация: полная свобода самовыражения») обсуждалась важность понимания терминов, которые употребляются в текстах вообще, и в нашем случае на ИТ-тематику. Я предложил обсудить значение наиболее популярных ныне понятий таких, как «бизнес-аналитика» (Business Intelligence, BI), «интеллектуальная система» (Intelligent System, IS) или «искусственный интеллект» (Artificial Intelligence, AI) и, конечно, «большие данные» (Big Data, BD). Темы действительно популярные и, казалось бы, что еще обсуждать? Предлагаю рассмотреть их через призму практического применения этих технологий

Это то, чего не хватает большинству просмотренных мной публикаций, и, которые, возможно, поэтому вызывают бурную полемику специалистов. Вспомним, что «практика-критерий истины». В данной публикации обсуждаю «Бизнес-аналитику». Почему? Просто у одного моего клиента, у которого внедрена автоматизированная система управления предприятием, новый заместитель директора вдруг изъявил желание заняться бизнес-анализом на «новом уровне». До сих пор все потребности заказчика в анализе удовлетворялись средствами внедренной системы. Пришлось разбираться в средствах «бизнес-анализа». Вот, что из этого вышло. Основной темой данного сообщения является ответ на вопрос: можно ли директору предприятия, его заму или, например, экономисту без суфлера разобраться нужен ли им дополнительные инструменты для бизнес-анализа? Думаю, что моё сообщение будет полезно маркетологам и всем, кто связан с продажей BI-систем и услуг по их сопровождению, а именно, возможно они захотят откорректировать свои рекламные сообщения и описания программ. Если, конечно, прочтут текст до конца и узнают цитаты из своих текстов. Цитаты точные, но, чтобы не обижать авторов, я не всегда делал ссылки на источники.

Фаза 3: Дизайн интерфейса

Третья фаза включает в себя:


  • творческие поиски и разработку стиля;
  • создание прототипов;
  • утверждение заказчиком;
  • разработку графики: дизайн баз данных и форм, анимации, оптимизация изображений, обработка в html.

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

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

Продолжайте искать идеи, рисовать и думать. Попробуйте поэкспериментировать с различными эффектами: real audio/vidio, динамический html, необычное использование тегов и т.д.

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

Вообразите себя пользователем и попробуйте смотреть на окружающий мир (Интернет) его глазами. Походите по сайтам, где он может бывать, полистайте его журналы, пообщайтесь с его возможным окружением…

Используйте графический редактор. Очень удобно скопировать окно браузера в Photoshop или Illustrator, а затем накладывать слои композиции прямо на него.

Выберите 3 законченных варианта: ваш любимый, несколько экстравагантный и консервативный, который, вы уверены, понравится заказчику. Создайте для них прототипы, которые он сможет посмотреть и одобрить. Прототип — черновой вариант связанных между собой основных страниц сайта. Не обязательно писать код для этих страниц, вы прекрасно можете обойтись использованием такого объекта как image map. Порежьте страницы на части и свяжите графику. Не тратьте время на ее оптимизацию, и объясните заказчику, что она немного потеряет в качестве при дальнейшей обработке. Задача прототипов — хорошо смотреться в окне браузера и понравится заказчику.

Программирование

Зачем нужно программирование? Вроде ж уже дизайнеры всё прорисовали, верстальщики перевели эскизы в HTML – адаптировали макет сайта под Всемирную сеть. Что дальше-то? А дальше на сцену выходит программист, который оживляет картинки. Тут лучше объяснить на примере кнопки призыва. Сделал её дизайнер прямоугольной и зеленого цвета, поместил в неё зазывающий лозунг (допустим, «Забронировать билеты сейчас»). Все это хорошо. Но ведь нужно сделать кнопку активной! Чтобы посетитель сразу попадал на заветную страницу бронирования билета, а не бился в истерике, видя, что от кликания мышки чуда не происходит.

В общем, программист – это тот, кто все сделанные дизайнером и собранные верстальщиком атрибуты сайта прописывает на определенном языке программирования (PHP, Java, JavaScript, Python или технологии ASP.NET).

Иногда этап верстки и программирования выполняют одновременно. Если, конечно, позволяют масштабы проекта.

Trello

Удобная система управления проектами, простой и универсальный онлайн-инструмент в виде  веб-версии trello.com, мобильных приложений для Android и IOS, а также расширения для браузера Google Chrome. О Trello написано много (в том числе и на страницах нашего журнала), приложение остается самым удобным и легковесным решением для командной работы и в 2019 году. Сервис реализован по принципу канбан-доски: пользователь создает доску, на ней списки, внутри которых карточки.

Канбан-доска — принцип представления задач и управления проектом. Идея в том, что задачи представляются карточками на доске, расположенными в несколько столбцов, означающих этапы разработки (производства). В процессе разработки карточка перемещается из столбца в столбец, пока не достигнет последнего, списка “Готово”. Таким образом, визуально контролируется равномерное распределение нагрузки на каждом этапе.

Плюсы Trello


Простота, универсальность и многофункциональность. За это его любят профессиональные руководители проектов и продакт-менеджеры (если хотите примкнуть к таким – посмотрите неплохие курсы от Skillbox по этой тематике).

  • понятный интерфейс;
  • доски и списки настраиваются под проект в любой сфере;
  • карточкам можно назначать ответственных;
  • к карточке прикрепляются ссылки, изображения, файлы, чеклисты, пользователи могут комментировать карточку;
  • Web-clipper позволяет создавать карточку в Trello, подтягивая в нее название веб-страницы, ссылку и иллюстрацию текущего сайта;
  • доступно подключение к Trello сторонних сервисов и надстроек: календарь, Gmail, Google.Drive, Dropbox и другие — о многих сервисах автоматизации мы писали в другой нашей статье;
  • в бесплатной версии нет ограничений по количеству пользователей и персональных досок.

Web Clipper — расширение для браузера, которое сохраняет содержимое сайтов напрямую в сервис, которому принадлежит, не покидая страницу сайта. Может сохранять текст, адрес сайта, иллюстрации.

Недостатки Trello

В этой системе управления проектами по умолчанию нет диаграммы Ганта, невозможно оценить прогресс во времени. Это решается подключением плагина Planyway Team Planner (подробнее все в той же статье про Trello) или календаря;

  • в бесплатной версии к каждой доске можно подключить только один сервис, к разным доскам разные;
  • неудобен для крупных проектов: в большом количестве карточек и списков легко запутаться.

Диаграмма Ганта — диаграмма в виде полос, расположенных на оси времени. Используется для планирования проектов и графика работ. Каждая строка диаграммы это этап работ, который начинается, когда заканчивается этап на строке выше. Визуально диаграмма похожа на лестницу.

Тарифы Trello

Бесплатный

  • неограниченное количество персональных досок, списков и карточек в доске;
  • подключение 1 плагина к доске;
  • вложение в карточку — до 10Мб
  • 10 групповых досок.

Business Class — $9.99 в месяц за 1 пользователя

  • неограниченное количество персональных досок, списков и карточек в доске;
  • неограниченное количество плагинов к доске;
  • вложение в карточку — до 250Мб;
  • неограниченное количество групповых досок;
  • дополнительный уровень доступа для пользователей без возможности редактировать, только комментировать;
  • коллекции досок;

Enterprise — $20.83 в месяц за 1 пользователя

  • неограниченное количество персональных досок, списков и карточек в доске;
  • неограниченное количество плагинов к доске;
  • вложение в карточку — до 250Мб;
  • неограниченное количество групповых досок;
  • дополнительный уровень доступа для пользователей без возможности редактировать, только комментировать;
  • коллекции досок;
  • дополнительные возможности администрирования досок, прав доступа и индивидуальная адаптация сотрудников. Легкость в освоении сразу же снискала славу у легкообучаемых представителей поколения Z – мы уже писали об этом в нашей статье о поколении Z.

05.02.2020 Информация по работе с подсистемой «Бюджетное планирование» ГИИС «Электронный бюджет».

Для ГРБС Алтайского края:

Инструкция по заключению соглашений с ЮРЛИЦАМИ

Форма заявки для регистрации сотрудников ГРБС для работы с Перечнем источников доходов Формирование отчетности по соглашениям о предоставлении межбюджетного трансферта из бюджета субъекта Российской Федерации местному бюджету 14.04.2019 Вебинар Министерства финансов РФ о работе с паспортами проектов РУКОВОДСТВО ПО ФОРМИРОВАНИЮ И СОГЛАСОВАНИЮ ПАСПОРТОВ РЕГИОНАЛЬНЫХ ПРОЕКТОВ РУКОВОДСТВО ПО ЗАКЛЮЧЕНИЮ СОГЛАШЕНИЙ О РЕАЛИЗАЦИИ РЕГИОНАЛЬНОГО ПРОЕКТА (часть 1) РУКОВОДСТВО ПО ЗАКЛЮЧЕНИЮ СОГЛАШЕНИЙ О РЕАЛИЗАЦИИ РЕГИОНАЛЬНОГО ПРОЕКТА (часть 2) Форма заявки для регистрации сотрудников ГРБС для работы с проектами и соглашениям по ним Форма заявки для регистрации сотрудников ГРБС для работы с соглашениями по субсидиям Руководство по заключению соглашений по субсидиям между ГРБС и ОМС Руководство по формированию дополнительных соглашений о расторжении соглашений по субсидиям Руководство по заключению соглашений о субсидиях между ФОИВ и ГРБС (вер. 2019.1) Руководство по формированию отчетов о расходах 28.12.2018 Вебинар Министерства финансов РФ о формирование соглашений по региональным проектам и паспортов проектов 12.02.2018 Вебинар Министерства финансов РФ о формирование соглашений по субсидиям между ГРБС и ОМС

Для муниципальных районов и городов:

18.06.2020 Вебинар Министерства финансов АК о работе на ЕПБС 19.06.2020 Методические рекомендации Министерства финансов АК по работе на ЕПБС Форма заявки для регистрации сотрудников ОМС для публикации информации на ЕПБС Формирование отчетности по соглашениям о предоставлении межбюджетного трансферта из бюджета субъекта Российской Федерации местному бюджету Форма заявки для регистрации сотрудников ОМС для заключения соглашений о предоставлении субсидий Руководство по заключению соглашений ОМС

Для поселений:

Форма заявки для регистрации поселений для заключения соглашений о предоставлении субсидий

Ведомственная отчетность, Минфин АК в том числе Энергоэффективность

[ +конкурс ] Новый релиз Acronis True Image 2021 — комплексная киберзащита и новые возможности

Привет, Хабр! У нас настало время очередного релиза Acronis True Image, нашего флагманского продукта для персональных пользователей. Версия 2021 года вышла действительно особенной, потому что она сочетает в себе и обширные возможности по защите данных, и новые средства для обеспечения безопасности информационных систем. Мы работаем над этим продуктом с 2007 года и каждый раз стараемся сделать его максимально удобным и функциональным для конечных пользователей. Под катом — подробная информация об отличиях True Image 2021, а также о новых технологиях, использованных в последней версии и небольшой розыгрыш лицензий.

Фаза 2: Тактическое планирование. Разработка структуры

Вторая фаза разработки включает в себя:

  • проектирование карты сервера;
  • подготовку контента — создание и редактирование;
  • обзор материалов;
  • подготовку технических спецификаций (тактическая сторона);
  • разработку навигации и разметки страниц.

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

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

Очень важно получить согласие заказчика на «карту», и отметить любые изменения в структуре, такие как удаление или добавление страниц, что может повлиять на бюджет проекта


Планирование контекста происходит в тесном сотрудничестве с заказчиком. Возможно, у него уже есть готовые материалы; другие должны быть модифицированы, переписаны или созданы с нуля. Необходимо четко разграничить обязанности между вами. Кто за что будет отвечать? Если заказчик поставляет весь материал, составьте ему расписание. Передача текстов вечно занимает больше времени, чем мы рассчитываем и часто именно заказчик виновен в растягивании сроков проекта.

Определитесь с текстом для каждой страницы до начала работы над дизайном. Навигация сайта будет напрямую зависеть от количества и глубины содержания, а его стиль и тон окажут влияние на визуальный язык композиции.

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

  • Будут ли страницы генерироваться «на лету» из базы данных?
  • Будут ли использоваться Cascading Style Sheets (CSS)?
  • Потребуется ли наличие подключаемого модуля (plug-in) или специального управляющего элемента на машине пользователя?
  • Под какой минимум необходимо оптимизировать цветовую палитру?
  • Вы будете писать код сами или использовать WYSIWYG-редактор (программа для редактирования текстов, работающая по принципу «Что вижу, то и получаю» — например, Dreamweaver)?
  • Будут ли использованы DHTML, Channels, Push технологии?

Затем вы должны определиться с навигацией. Как будет посетитель продвигаться по сайту? Какая связь существует между страницами, откуда и куда можно попасть и т.д. Для большинства проектов нет нужды придумывать новые невигационные схемы. Учитесь на сайтах, которые вам нравятся больше всего: проще — лучше. Подгоните существующую удачную модель под нужды своего проекта и используйте ее. Людям необходима возможность легко передвигаться по сайту, только и всего.

Пошаговая инструкция и советы

  1. Разбейте основные задачи на максимально детализированные подзадачи.
  2. Назначьте исполнителей на основные и детализированные задачи.
  3. Назначьте прогнозируемое время на каждую задачу.
  4. Отмечайте фактически затраченное время по каждой задаче.
  5. Не забывайте закладывать время на этап тестирования.

Сроки задач

Для каждой задачи мы выставляем два дедлайна. Внутренний дедлайн называется redline («красная черта»). В этот срок работа должна быть сделана внутри компании, но ещё остаётся время на доработки перед показом клиенту. Deadline — крайний срок демонстрации результатов клиенту. Он несдвигаемый.

Используйте redline — это значительно снижает стресс и повышает качество итоговой работы

Контроль своих и чужих задач

Программы вроде Jira позволяют быстро находить свои и чужие задачи с помощью фильтров: по имени, срокам, проекту. По всем фильтрам можно делать «напоминалки»: вы будете получать письма про задачи с определёнными параметрами.

Примеры почтовых рассылок по событиям для контроля изменений в Jira

Как ставить задачи, которые так и хочется выполнять

Как придумывать удобные и полезные названия задач? Название хорошей задачи отвечает на вопрос «что делать». «Сверстать страницу о компании», «Написать текст для страницы о нас», «Показать клиенту анимацию кнопок X».

Правильное название задачи описывает не процесс, а результат: не «Подумать над ускорением сайта», а «Ускорить сайт до 90 баллов по Google PageSpeed». Результат выполнения задачи измерим и выражается либо в цифрах, либо в конкретных действиях.

Не надо так Надо так!
Подумать над ускорением сайта Ускорить сайт до 90 баллов по Google PageSpeed
Протестировать вёрстку Записать в файл с багами все проблемы вёрстки
Посмотреть текст на сайт Оставить комментарии в Google Документе к тексту от копирайтера

Помогают шаблоны. Используйте один и тот же термин — например, «сверстать» — для типовых задач. Выработайте типовые критерии того, что результат достигнут.

Не надо так Надо так!
Сделать вёрстку о компании alta-profil.ru: сверстать страницу «О компании»
Реализовать вёрстку страницы услуги alta-profil.ru: сверстать страницу «Услуги»
Верстать главную alta-profil.ru: сверстать страницу «Главная»

Описание задач

Задачи от epic до task нужно описывать максимально подробно. Пишите всё, что знаете о задаче. Иначе всё, что вы не скажете, гарантированно потеряется, забудется, не будет учтено или будет понято неверно. Расписывайте все мысли по задаче, но не в режиме потока сознания, а структурировано.

Используйте маркированные и нумерованные списки. Расставляйте приоритеты. Выделяйте графически важные вещи. И ещё раз: обязательно назначайте ответственных и наблюдателей. Назначайте сроки.

Идеальная задача та, к которой нет ни одного уточняющего комментария от исполнителя.

Задача определена, когда из неё полностью понятны исполнителю:

  • сайт или объект, для которого нужно выполнить задачу;
  • объём работ в часах и серии подзадач;
  • трудозатраты на задачу (фиксированные или «от». Если «от», то когда надо остановиться?);
  • сроки исполнения;
  • исполнитель;
  • описание задачи максимально понятное и подробное;
  • все файлы, документы, картинки, таблицы приложены к задаче. Если это ссылка, то доступ исполнителю открыт.

Пример подробного описания задачи

Цель создания сайта

И последний этап при планировании сайта – это определение правильной цели. Надо подумать, для чего Вам нужен сайт? Прогресс движется вперед, человеку свойственно развиваться и узнавать что-то новое.

Сам процесс создания сайта приносит новые знания. Многие имеют сайты, но, когда вы выполняете планирование сайта, стоит все-таки задуматься – для чего он нужен?

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

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

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

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

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

Поэтому такие сайты и называются для людей и на создание именно такого сайта нужно ориентироваться при планировании.


Даже сайт-визитку можно трансформировать в сайт для людей. Чтобы это было не просто, как в магазине – человек зашел, видит товар, дал деньги и все.

Всегда на сайте можно создать, например, раздел «Статьи» и разместить в нем несколько статей на тему с полезным материалом. А внизу можно разместить и рекламу по теме статьи.

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

Тестирование

Хоть после каждого этапа разработки ресурс проверяют на предмет «работает – не работает», без финального тестирования не обойтись. А вдруг где-то затерялась битая ссылка, некорректно отображается информация или всплывающее окно не выскакивает на экран? Недоработки во время тестирования обнаруживаются самые разные и команда их сразу устраняет. Как правило, для тестирования и демонстрации сайт размещают на специальной площадке. Позднее, когда же все погрешности устранены, проект со всеми файлами переносят на его постоянное место прописки в Интернете – хостинг. Но и тут ещё не всё. После переноса ресурс снова тестируют.

Стратегия

Определите цель вашего сайта, чего вы хотите достичь с помощью него и какие инструменты вам в этом помогут. Цели у бизнес-ресурса могут быть абсолютно разные:

  • продавать (для e-commerce);
  • привлекать клиентов;
  • презентовать продукт или линейку товаров;
  • рассказать об услуге;
  • собирать лиды (контактные данные);
  • рассказать о вашей компании;
  • выстроить долгосрочные отношения с клиентами;
  • информировать ЦА;
  • повысить охват и узнаваемость бренда, используя digital-каналы.

Один сайт может подходить сразу для нескольких целей, существуют также сложные индивидуальные проекты, которые выполняют каждую из перечисленных задач

Очень важно правильно определить, какой именно результат нужен и на основе этой информации формировать остальные этапы работы над созданием сайта

Верстка

После завершения работы дизайнер отправляет макет на утверждение заказчику и только потом передает на адаптивную верстку. Она подразумевает перевод эскизов в HTML, т. е. адаптацию изображения сайта под любой браузер и устройство (ПК, планшет, смартфон и прочие гаджеты).

Это как раз тот случай, когда «семь раз отмерь, один отрежь». Лучше 7 раз прорисовывать дизайн сайта и один – его сверстать в HTML, нежели отправить на верстку первый же вариант, а потом бесконечно вносить правки и переверстывать. И тут должен быть внимательным прежде всего заказчик. Именно он утверждает концепцию сайта. Чем активнее заказчик участвует в обсуждении дизайна, тем вероятнее он получит ресурс, соответствующий его ожиданиям.

Google говорит, университеты больше не нужны

Перевод

На этой неделе корпорация Google объявила о введении новых сертификатов профессионального образования, которые можно получить после шести месяцев обучения. Эта инициатива призвана дать американцам дополнительные возможности для карьерного роста. Также представители компании дали кандидатам понять, что будут рассматривать эти сертификаты, которые выдаются без оглядки на опыт работы и наличие высшего образования, наравне с дипломами бакалавра. Для многострадального образовательного сектора, который и без того осаждают проблемы вроде спада в числе абитуриентов, черепашьего темпа изменения учебных программ, затруднений с переходом на дистанционное обучение и слишком высокой стоимости, этот ход со стороны Google и его сотрудников, возможно станет началом давно назревающего цифрового переворота.


С этим читают