Самостоятельное создание сайта
Самостоятельная раскрутка и продвижение сайта

Техническое задание (ТЗ) сайта

Если Вы собираетесь серьезно подойти к созданию сайта освоить принципы организации работы по веб разработки тогда эта статья для Вас. Сам я начинал разработку сайтов без всякого понимания, из каких направлений состоит организация процесса. Точнее основные цели понятны: написать HTML код, создать PHP скрипты, слепить все вместе, а потом дописывать, переделывать, модернизировать и т.д. Для тех, у кого нет технического образования, вопрос организации процесса веб разработки долгое время остается загадкой. Ведь статей по этому вопросу почти нет, каждый делает по своему, и часто спросить особо не у кого. Я начинал с самостоятельного освоения веб программирования, и только когда трудоустроился в небольшую IT компанию, узнал о ТЗ (техническом задании). Возможно, Вам это и не нужно, если Вашей целью является создание личного сайта для собственных нужд и профессиональное создание сайтов Вас мало интересует.

Мой вечный вопрос при создании нового сайта: Что делать первым?

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

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

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

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

1. создание концепции сайта;
2. создание технической документации (техническое задание);
3. выполнение дизайнерских работ согласно технической документации и по результатам общения заказчика с дизайнером. Основной критерий для дизайнера:
 - создание веб дизайна с учетом правил HTML разметки;
4. выполнение работ по верстке дизайна. Дизайн плавно превращается в связку файлов с HTML и CSS кодами. Основные критерии для верстальщика:
 - точное воспроизведение дизайна в виде HTML страниц;
 - полная кросс-браузерность, идентичное отображение всех частей дизайна в разных браузерах;
5. выполнение задач по программированию:
    5.1. на стороне сервера
    5.2. на стороне клиента

Более внимательно останавливаться на всех этапах кроме одного “создание технической документации” я не буду. Так как основной целью своей статьи я  выбрал именно обсуждение технического задания.

Очень часто веб мастера пропускают 2-й этап. И все моменты по сайту обговариваются с клиентом в процессе подготовки и по ходу работ. С дизайном также, 3-й и 4-й этапы плавно перетекают в перекопированние HTML+СSS блоков с понравившихся сайтов. И получается сборный дизайн, который экономит время и деньги.
Собственно, это неплохой вариант для небольших сайтов у которых:
- простая структура сайта;
- используется CMS со стандартными модулями и плагинами (статьи, новости, блоги, списки);
- на сайте не требуется наличие специальных возможностей.

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

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

Техническое задание для каждого сайта индивидуально. Поэтому я остановлюсь только на основных составляющих технического задания:

1. Вступительная часть:
    1.1. разработка концепции сайта
           1.1.1. название сайта и название домена
           1.1.2. создание логотипа
           1.1.3. определение задач и целей сайта;
           1.1.4. анализ аудитории сайта;
           1.1.5. сроки по разработке и план-график выполнения работ
2. Технические требования:
    2.1. требования к хостингу
    2.2. требования к базе данных
    2.3. требования к защите данных
    2.4. требования к соединениям, маршрутизации, георасположению
3. Дизайнерская часть:
    3.1. описание концепции дизайна:
          3.1.1. цвета и тона
          3.1.2. виды и тип графики (аниме, линии и блоки, фотографика)
          3.1.3. тематика графики
    3.2. стили шрифтов
    3.3. оформление (меню, блоков, комментариев, новостей, статей  и т.д.)
    3.4. требования к браузерам
4. Программная часть:
    4.1. данные:
           4.1.1. типы и виды данных
           4.1.2. хранение данных, детальная структура таблиц в базе данных и взаимосвязи (отношения) между таблицами
    4.2. мультиязычность
    4.3. пользователи
           4.3.1 виды и типы
           4.3.2. возможности и права
    4.4. описание структуры сайта (древовидная структура) по разделам и описание разделов:
           4.4.1. формы
           4.4.2. таблицы представления информации
           4.4.3. блоки
           4.4.4. функции
           4.4.5. процедуры
5. Прочее:
    5.1. формулы и расчеты для обработки данных
    5.2. критерии обработки данных
    5.3. термины

На основе вышеперечисленных пунктов Вы можете составить свое техническое задание. А также, внимательно ознакомитесь со списком примеров уже готовых технических заданий:

  1. пример Технического задания по созданию книжного интернет-магазина
  2. пример Технического задания по созданию сайта-визитки гостиницы «Гешефт»
  3. пример Технического задания по созданию сайта-визитки предприятия «Канцелярия-М»
  4. пример Технического задания по созданию автомобильного сайта
656
2.2 18
Рейтинг: +2.2 , голосов 18
Вы еще не голосовали!
Добавить комментарий
Удалить ответ

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

Комментариев еще нет, Вы будете первым!

Дополнительно

пример создания сайтов

» С чего начать сайт?

» Установка программ

» Пример создания сайта

» Хостинг и домен

» Оптимизация сайта

» Раскрутка сайта

» Заработок web-мастера

» Примеры PHP/Javascript

» Блог и мои записки

Последние новости

Статьи по рейтингу

» Особенности покупки контента 5.0 1
» Выбор хостинга 4.8 5
» Поисковые системы 4.7 9
» Курс молодого web-мастера 4.6 21
» Где взять бесплатные ссылки 4.5 11
» Что такое сниппеты 4.5 6
» Addstudio - SEO модуль 4.5 4
» Отладка js и CSS 4.4 14
» Стратегия дохода на Sape.ru 4.3 3
» Каталоги и биржи статей 4.3 4

Дополнительно

Продвижение и создание сайтов