DENJOY

Наверх
Разработка сайтов и web-интерфейсов | Denjoy Group

Web development

Создание сайтов и web-интерфейсов
Денис Отрыванов
Project Manager
27.03.2017

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

Что такое веб-разработка?

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

1. Определение целей и задач

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

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

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

В техническом задании следует отразить следующую информацию:

  • Глоссарий (список терминов и определений, как правило связанных с веб-разработкой, используемые в ТЗ и требующие истолкования).
  • Общие положения (цели, задачи и краткое описание предмета, идеи, проекта или сервиса, которую сайт должен воплотить).
  • Требования к дизайну (основные цвета, формы, загруженность, соответствия, адаптивность и кроссбраузерность, порядок утверждения дизайн-концепции, и т.д.).
  • Требования к функционалу (описание основных сценариев работы сайта, описание и способы взаимодействия модулей сайта, интеграция сайта со сторонними сервисами)
  • Требования к структуре (структура всех типовых страниц сайта, описание информационных блоков)
  • Другие требования (к администрированию, информационному обеспечению, техническому обеспечению, надежности, безопасности, наполнению контентом)
  • Порядок сдачи и приемки работ (список основных этапов работ, сроки и порядок приемки, условия передачи готового проекта заказчику, условия технического и информационного обслуживания).

Рекомендации по составлению технического задания:

  • Избегайте субъективной и неоднозначной оценки. Не должно быть «красивого дизайна», «в кратчайшие сроки», «не менее 7 дней» и т.п.
  • Все требования в техническом задании лучше всего согласовать обоим сторонам путем переговоров.
  • Если возникают трудности с описанием функционала или дизайна сайта, прикладывайте ссылки с примерами уже реализованных проектов.
  • Обязательно определите ответственных лиц за сдачу и приемку тех или иных этапов работ.
  • Обсудите порядок и сроки передачи контента от заказчика для первичного наполнения сайта. Если первичным наполнением должен заняться исполнитель, это также должно быть отражено.

2. Создание прототипа и дизайн-концепции

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

3. Создание макетов страниц сайта (разработка дизайна)

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

4. Вёрстка, программирование и тестирование

На данном этапе большую часть работы выполняют два специалиста – front-end и back-end разработчики. Когда front-end разработчик занимается версткой, back-end разработчик настраивает сервер, базы данных и формирует архитектуру сайта с учетом необходимого функционала.
Сейчас во многом большую часть работы back-end’a решают системы управления сайтом (CMS). Существует большое количество платных и бесплатных движков для управления содержимым сайта, самыми популярными и чаще всего используемыми считаются: Битрикс, Wordpress, Drupal, Joomla. На официальных сайтах и специализированных форумах этих систем управления и в независимых статьях Вы сможете найти все плюсы и минусы, а также подобрать при необходимости подходящую CMS.
Самая сложная задача для CMS – сохранить в себе удобство работы как для разработчика, так и для заказчика. На наш взгляд, готовые движки следует использовать в проектах средней сложности, где может быть оправдан выбор пакета готовых решений для оптимизации разработки.
Поэтому для узконаправленных или очень простых сайтов используются самописные CMS или вовсе конструкторы сайтов.
Для сложных сайтов и комплексных веб-приложений чаще всего используется набор фреймворков. Такой подход считается более гибким и мощным, но требует определенных знаний в программировании и опыта работы с фреймворками.

5. Наполнение контентом и внутренняя оптимизация

Вместе с заполнением основного контента сайта, советуем сразу уделить внимание его оптимизации. Хотя SEO-оптимизация зачастую заказывается отдельно от создания сайта, разработчику необходимо подготовить фундамент для правильной индексации сайта.
В этот комплекс работ входит:

  • Прописать мета-теги;
  • Настроить перелиновку;
  • Сформировать файлы robots.txt и sitemap.xml.

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

6. Публикация сайта

Публикация сайта в сети подразумевает под собой выбор адреса сайта (доменного имени) и аренду мощностей сервера с доступом в Интернет (хостинг).
Следует понимать, что обычно при заказе комплексных услуг по созданию сайта регистрация доменного имени и размещение сайта на хостинге производится за счет исполнителя (должно быть обговорено в договоре или техническом задании). Однако учитывайте, что домен и хостинг имеют арендный характер (если вы только не владеете сервером), поэтому каждый год за свой счет необходимо продлевать «подписку». Продление домена в зоне .ru стоит примерно 500 рублей в год, а услуги хостинга для небольшого сайта с посещением до 100 чел. в день – 2-4 тыс. рублей.
После публикации сайта попросите разработчика или сами зарегистрируйте Ваш сайт на Яндекс.Метрике и Google Analytics для анализа статистики посещений.

7. Поддержка сайта и обслуживание

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

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

Хотите заказать сайт прямо сейчас? Компания Denjoy Group оказывает полный комплекс услуг по созданию сайтов и веб-приложений любой сложности. Не упустите возможность, позвоните нам +7 (499) 579-89-79 или напишите на почту i@denjoy.ru и мы с радостью ответим на все Ваши вопросы!