Этапы разработки сайта

stepsВ своей работе компания Вебсайт применяет поэтапное выполнение проектов. Жизненный цикл разработки сайтов разбивается на последовательно выполняются этапы. Каждый этап имеет жестко заданные сроки реализации и завершается контрольной точкой, которая позволяет контролировать ход выполнения проекта. Подобный подход к организации работы над проектами позволяет заказчикам контролировать ее ход, своевременно вносить необходимые коррективы, а также следить за сроками и качеством выполнения работ, делая процесс разработки «прозрачным». На первом этапе разработки и создания сайта осуществляется проектирование интерфейса будущего ресурса и составление технического задания. Работы на этом этапе во многом опираются на те пожелания, которые заказчик указал еще при заполнении брифа, но техническое задание гораздо подробнее подходит к постановке задач и подробно описывает возможности решения каждой из них. Следовательно, каждый проект проходит следующие этапы жизненного цикла:

Нельзя недооценивать всю важность, которую имеет ТЗ на разработку сайта для будущего ресурса. Грамотно составленное техзадание позволяет избежать недоразумения между заказчиком и исполнителем, что в свою очередь экономит время, затрачиваемое на работу. Поэтому ТЗ — документ, без которого просто не обойтись.

Составление технического задания (ТЗ)

steps-1 Техническое задание — это основа порядка в работе над проектом и главный ориентир. Только по выполнению всех требований, указанных в ТЗ, проект может считаться законченным. Отражение в техзадании находят задачи, которые ставятся перед ресурсом; подробнейшим образом рисуется карта сайта, где указываются все разделы и формат информации, предоставляемой на их страницах. Большое внимание в ТЗ уделяется функционала проекта, который описывается до мелочей, а также навигации сайта. Техническое задание предусматривает указание требований к хостингу, верстці, языки программирования и т.п.. Ко всему прочему, ТЗ должно содержать и сроки выполнения работ. Конечно же, эта часть технического задания прописывается, когда описания всех разделов, функционалов и требований сформированы.

После согласования с заказчиком ТЗ на создание сайта подписывается обеими сторонами. В том случае, если после утверждения и подписания технического задания заказчиком, нужно внести изменения, по согласованию сторон производится коррекция текста технического задания (обязательного приложения к договору на разработку и создание сайта). Новая редакция текста ТЗ заново подписывается сторонами, после чего производится перерасчет стоимости работ по созданию сайта. Помимо составления технического задания для крупных проектов, разрабатывается пользовательский интерфейс сайта (по желанию клиента). С помощью специального программного обеспечения отрисовываются прототипы страниц сайта: размещение функциональных блоков на страницах, система навигации по сайту. В дальнейшем на основе разработанных и утвержденных прототипов формируется дизайн сайта, который будет полностью соответствовать согласованным ранее тз.

Разработка дизайна сайта

steps-2Как и разработка сайта в целом, работа над его дизайном также поэтапной. И первым происходит создание дизайна главной страницы ресурса, начинается которое по разработке концепции. Она создается на основе ТЗ, спроектированного интерфейса, заполненного клиентом брифа и брендбука (при его наличии). Обычно, концепция разрабатывается одна, но при желании заказчика наши специалисты могут предложить на рассмотрение несколько вариантов. По концепции (или по каждой из них) делаются презентации, целью которых является донести до клиента причины того или иного выбора и решения, сделанного дизайнерами, объяснить, в чем его выгода для сайта. Далее происходит согласование концепции с заказчиком и доработки в соответствии с указанными пожеланиями клиента, в ходе которых прорисовываются способы выделения меню, всплывающие окна, выпадающих списки. После доработок происходит утверждение концепции дизайна главной страницы, и дизайнеры приступают к созданию концепций внутренних страниц, которые также проходят этапы согласования, доработки и утверждения.
Если же компания-заказчик не имеет логотип — торговый знак, по которому бы ее идентифицировали,, по которому бы ее узнавали, то компания Вебсайт разработает его. Естественно, что логотип всегда разрабатывается и согласовывается с заказчиком первую очередь, еще до начала воспроизведения концепции дизайна главной страницы. Как Вы понимаете, это происходит потому, что без учета корпоративной символики нельзя создать по-настоящему оригинальный и целостный дизайн. Результат этапа «Разработка дизайна сайта» — утверждены макеты дизайна всех страниц сайта в формате PSD. При необходимости все исходники дизайна предоставляются клиенту на диске.

Верстка страниц сайта

steps-3После утверждения макетов дизайна всех страниц сайта осуществляется их верстка. Вебсайт применяет блочную верстку, так как она предоставляет большие возможности, чем табличная, и позволяет сделать код компактнее, за счет чего увеличивается скорость загрузки веб-страницы. Кроме того, блочная верстка позволяет гораздо эффективнее разрабатывать сайт, который будет корректно отображаться в браузерах. На этапе верстки осуществляется скриптирование элементов дизайна, если оно предусмотрено. Результат, полученный после окончания работ этапа, — сверстанные html-шаблоны всех страниц сайта. Верстка осуществляется в соответствии со всеми современными требованиями, предъявляемым к ней, проходит проверку на валидность и совместимость со следующими браузерами:

  1. Internet Explorer версії 7.0,
  2. Mozila Firefox версії 2.0,
  3. Опера версії 9.0,
  4. Хром 2.0,
  5. Safari версії 3.

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

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

steps-4На основе ТЗ и сверстанных макетов страниц сайта осуществляется программирование функционала, т.е. рождается почти готовый веб-ресурс. Разработка сайта проходит на специально отведенном для этих целей сервере компании вебсайте и начинается с настройки среды разработки (системы управления контентом), где вносятся те или иные изменения в зависимости от планируемого функционала, происходит программирование необходимых модулей. Результатом этапа является готовый сайт, размещен на сервере разработки компании Вебсайт. После окончания работ по программированию пишется отчет по работе с сайтом, в котором клиенту предоставляются доступы к системе управления сайтом, подробно описывается функционал ресурса, а также даются рекомендации по работе с административной частью сайта.

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

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

Перенос на хостинг

steps-6Заключительным этапом разработки сайта является его перенос на хостинг. Компания Вебсайт предлагает Вам переноса на любой хостинг, который Вы выберете. Единственным условием со стороны нашей компании для хостинг-площадки является удовлетворение требованиям программного обеспечения, на котором разрабатывался сайт.

Если ресурс разрабатывался на Wordpress CMS:

  1. Операционная система: ОС Unix (или совместимые);
  2. Веб-сервер: Апаш (+ FastCGI або mod_python або mod_wsgi) або Nginx (+ FastCGI);
  3. СУБД Mysql 5.1 и выше.

 

Если ресурс разрабатывался на Joomla CMS:

  1. Операционная система: ОС Unix (или совместимые);
  2. Веб-сервер: Апаш (+ FastCGI або mod_python або mod_wsgi) або Nginx (+ FastCGI);
  3. СУБД Mysql 5.1 и выше.