SlideShare a Scribd company logo
1 of 10
Введение
Днепропетровск 2010
 Краткое содержание:
 Определения
 Анализ и планирование
 Разработка
 Аттестация/тестирование
 Запуск, поддержка
Определение целей и задач сайта. Для того, чтобы сделать то, что
мы хотим, мы должны четко себе представлять это до начала
разработки. Изменения функциональности сайта на этапе
разработки возможны, но это увеличит конечную стоимость
проекта.
 На примере сайта-представительства поместной церкви:
 ЦЕЛЬ – познакомить с миссией церкви, пригласить в собрание
 ЗАДАЧИ:
i. Ясно и четко представить церковь, ее историю, миссию, а так же
приветливо представить основные личности.
ii. Способствовать формированию положительного имиджа церкви через
публикацию отчетов о благотворительных акциях.
iii. Привлекательно и доступно представить молитвенный дом, его адрес и
схему проезда
iv. Проинформировать посетителей сайта о расписании собраний, целевых
встреч (например, молодежные собрания, посвященные каким-либо
событиям).
v. Предоставить контактную информацию различных отделов церкви.
Определение функциональных требований
 Каждая задача будет достигнута путем реализации той или
иной функциональности. Например, задача i повлечет за
собой разработку таких разделов, как «История церкви»,
«Наша миссия», «Церковь в лицах». А задача iii будет
реализована в виде разделов «Фотогалерея», «Как нас
найти».
 Все требования необходимо выписать в деталях (причем
следует сконцентрироваться не на содержании разделов, а на
их внешнем виде и функциональности).
 Следует определиться с дизайном – стиль, цветовая гамма,
наличие логотипов, акценты, лейаут (расстановка блоков на
страницах). Здесь помогут «закладки» - выберите 5 сайтов,
которые Вам нравятся, занесите их в «закладки», а затем
выпишете 2-3 вещи, которые Вам нравятся в этих сайтах и 2-3
вещи, которые не нравятся. Попытайтесь понять, почему. Это
очень ускорит процесс согласования дизайна с исполнителем.
 Определение модели разработки – возможны
«классическая (водопад)», «итерационная» и
другие. При выборе «итерационной» для каждой
задачи необходимо проставить приоритет, а затем
перенести этот приоритет на функциональные
требования, чтобы определить в какую итерацию
какая функциональность будет реализована.
 Определение исполнителя: сайт будет
реализовываться локальной командой, либо мы
выступаем в качестве заказчика студии веб-
дизайна и разработки.
 Подготовка и утверждение технического задания (ТЗ) с
учетом (1) модели разработки, (2) целевого исполнителя.
 Оценка технического задания (по функциональным
блокам).
 Оценка дизайна и особенностей лейаута
 Согласование и утверждение бюджета разработки, как
индивидуальной статьи, так и в контексте последующих
расходов по поддержке, рекламе и развитию сайта.
 Набор команды.
 Подписание договора со студией разработки или с
индивидуальными разработчиками
 Когда разработка началась – программисты сели писать код, дизайнеры
создавать графическую оболочку, а тестеры пишут планы по
тестированию, Вы можете сосредоточится на сборе и подготовке
информации, которая будет опубликована на сайте. Здесь найдется
работа маркетологу, копирайтеру, фотографу.
 После предоставления Вам дизайна, будьте объективны при его оценке.
Не забывайте, что целевая аудитория не Вы, а рядовой интернет
пользователь, который ожидает от сайта не только его «красоты», но и
удобства пользования, «легкости» загрузки, отсутствия лишних
элементов, мешающих найти нужную информацию.
 Не забывайте требовать еженедельные отчеты, это поможет Вам
вовремя увидеть задержку, и заодно стимулировать исполнителя
придерживаться согласованного ранее плана.
 Код пишут уже вторую неделю? Привлеките специалиста по оценке
качества и читаемости кода. Это может быть ведущий программист из
другой компании, или из компании конкурента. В некоторых случаях
предоставление кода надо согласовывать на этапе подписания договора.
 Прошло время и исполнитель отчитывается, что вся функциональность
готова и сайт можно заполнять. В зависимости от предварительных
договоренностей это будет делать он, либо Ваша команда.
 На этом этапе обычно начинается тестирование сайта. Не стоит ожидать
идеально работающего сайта на данном этапе. Возможны ошибки,
однако, они не должны блокировать доступ к какой-либо
функциональности (например, отсутствие ссылки на раздел
«Фотогалерея» блокирует тестирование этого раздела). Критериями
тестирования является Ваше ТЗ и согласованная спецификация.
 На этапе «Бета», когда, например, все серьезные ошибки исправлены и
содержимое сайта заполнено, Вы можете привлечь 5-10 «бета-тестеров»
- Ваших друзей и коллег, которые с интересом походят по сайту и
пришлют свои комментарии, или сообщат об ошибках. Сразу попросите
описывать ошибки по определенному шаблону, а также обращать
внимание на те или иные детали. Это сократит время «перевода» языка
пользователя на язык разработчика и отсеет ненужные комментарии.
 Запуск
 Все ошибки высокой и средней серьезности
исправлены, сайт доступен под его настоящим
доменом и тестирование закончено.
 Позаботьтесь о том, что Вы разместили все
нужные коды сторонних систем (счетчики,
баннеры), а так же сообщили об открытии
сайта тем, кто так долго этого ждал.
 Теперь сайт готов к переходу в стадию
поддержки и развития.
 Запуск
 Все ошибки высокой и средней серьезности
исправлены, сайт доступен под его настоящим
доменом и тестирование закончено.
 Позаботьтесь о том, что Вы разместили все
нужные коды сторонних систем (счетчики,
баннеры), а так же сообщили об открытии
сайта тем, кто так долго этого ждал.
 Теперь сайт готов к переходу в стадию
поддержки и развития.

More Related Content

Viewers also liked (20)

2014 2
2014 22014 2
2014 2
 
12
1212
12
 
2014 7
2014 72014 7
2014 7
 
2012 2
2012 22012 2
2012 2
 
Svitlo zh 2013 5
Svitlo zh 2013 5Svitlo zh 2013 5
Svitlo zh 2013 5
 
история молитвенной недели
история молитвенной неделиистория молитвенной недели
история молитвенной недели
 
Богу не нужны твои результаты
Богу не нужны твои результатыБогу не нужны твои результаты
Богу не нужны твои результаты
 
Евангелизм и IT
Евангелизм и ITЕвангелизм и IT
Евангелизм и IT
 
6
66
6
 
2 2008new
2 2008new2 2008new
2 2008new
 
Svitlo zh 2013 9
Svitlo zh 2013 9Svitlo zh 2013 9
Svitlo zh 2013 9
 
сам. вести 13
сам. вести 13сам. вести 13
сам. вести 13
 
первая заповедь
первая заповедьпервая заповедь
первая заповедь
 
сам. вести 12
сам. вести 12сам. вести 12
сам. вести 12
 
Svitlo zh 2012 9
Svitlo zh 2012 9Svitlo zh 2012 9
Svitlo zh 2012 9
 
5 2007new
5 2007new5 2007new
5 2007new
 
Svitlo zh 2011 4
Svitlo zh 2011 4Svitlo zh 2011 4
Svitlo zh 2011 4
 
сам. вести 9
сам. вести 9сам. вести 9
сам. вести 9
 
сам. вести 33
сам. вести 33сам. вести 33
сам. вести 33
 
Архитектура компьютера
Архитектура компьютераАрхитектура компьютера
Архитектура компьютера
 

Similar to Процесс разработки веб-проекта

Процесс разработки веб-проекта
Процесс разработки веб-проектаПроцесс разработки веб-проекта
Процесс разработки веб-проектаMaksym Balaklytskyi
 
Процесс разработки веб-проекта
Процесс разработки веб-проектаПроцесс разработки веб-проекта
Процесс разработки веб-проектаMaksym Balaklytskyi
 
Как создать государственный интернет-ресурс
Как создать государственный интернет-ресурсКак создать государственный интернет-ресурс
Как создать государственный интернет-ресурсDEFA
 
Разработка сайта в www.hotwebstudio.ru
Разработка сайта в www.hotwebstudio.ruРазработка сайта в www.hotwebstudio.ru
Разработка сайта в www.hotwebstudio.ruhotwebstudio.ru
 
Как стать электронной компанией в Спб. Часть 3
Как стать электронной компанией в Спб. Часть 3Как стать электронной компанией в Спб. Часть 3
Как стать электронной компанией в Спб. Часть 3GooVape
 
Разработка интернет-магазина: от идеи до реализации
Разработка интернет-магазина: от идеи до реализацииРазработка интернет-магазина: от идеи до реализации
Разработка интернет-магазина: от идеи до реализацииsportgid
 
составляющие профессионального сайта или перестаньте позорить церковь божью!
составляющие профессионального сайта   или перестаньте позорить церковь божью!составляющие профессионального сайта   или перестаньте позорить церковь божью!
составляющие профессионального сайта или перестаньте позорить церковь божью!Maksym Balaklytskyi
 
презентация сайтостроение
презентация сайтостроениепрезентация сайтостроение
презентация сайтостроениеPalados
 
комерческое предложение
комерческое предложениекомерческое предложение
комерческое предложениеMike Balandin
 
Создаем Drupal дистрибутив: от идеи до сопровождения
Создаем Drupal дистрибутив: от идеи до сопровожденияСоздаем Drupal дистрибутив: от идеи до сопровождения
Создаем Drupal дистрибутив: от идеи до сопровожденияOvadiah Myrgorod
 
Роман Симачевский, 1Step projects "Почему проектирование сайта – отдельная ...
Роман  Симачевский, 1Step projects "Почему проектирование сайта –  отдельная ...Роман  Симачевский, 1Step projects "Почему проектирование сайта –  отдельная ...
Роман Симачевский, 1Step projects "Почему проектирование сайта – отдельная ...web2win
 
введение в SharePoint
введение в SharePointвведение в SharePoint
введение в SharePointIvan Padabed
 
Проектирование интернет-сайтов и систем в Redsoft
Проектирование интернет-сайтов и систем в RedsoftПроектирование интернет-сайтов и систем в Redsoft
Проектирование интернет-сайтов и систем в RedsoftRedsoft
 
Qualium Systems – Introduction
Qualium Systems – IntroductionQualium Systems – Introduction
Qualium Systems – IntroductionKostiantyn Levin
 

Similar to Процесс разработки веб-проекта (20)

Процесс разработки веб-проекта
Процесс разработки веб-проектаПроцесс разработки веб-проекта
Процесс разработки веб-проекта
 
Процесс разработки веб-проекта
Процесс разработки веб-проектаПроцесс разработки веб-проекта
Процесс разработки веб-проекта
 
Как создать государственный интернет-ресурс
Как создать государственный интернет-ресурсКак создать государственный интернет-ресурс
Как создать государственный интернет-ресурс
 
Разработка сайта в www.hotwebstudio.ru
Разработка сайта в www.hotwebstudio.ruРазработка сайта в www.hotwebstudio.ru
Разработка сайта в www.hotwebstudio.ru
 
Как стать электронной компанией в Спб. Часть 3
Как стать электронной компанией в Спб. Часть 3Как стать электронной компанией в Спб. Часть 3
Как стать электронной компанией в Спб. Часть 3
 
Разработка интернет-магазина: от идеи до реализации
Разработка интернет-магазина: от идеи до реализацииРазработка интернет-магазина: от идеи до реализации
Разработка интернет-магазина: от идеи до реализации
 
Comm predl
Comm predlComm predl
Comm predl
 
составляющие профессионального сайта или перестаньте позорить церковь божью!
составляющие профессионального сайта   или перестаньте позорить церковь божью!составляющие профессионального сайта   или перестаньте позорить церковь божью!
составляющие профессионального сайта или перестаньте позорить церковь божью!
 
презентация сайтостроение
презентация сайтостроениепрезентация сайтостроение
презентация сайтостроение
 
комерческое предложение
комерческое предложениекомерческое предложение
комерческое предложение
 
6767
67676767
6767
 
Pj 2013 4
Pj 2013 4Pj 2013 4
Pj 2013 4
 
Создаем Drupal дистрибутив: от идеи до сопровождения
Создаем Drupal дистрибутив: от идеи до сопровожденияСоздаем Drupal дистрибутив: от идеи до сопровождения
Создаем Drupal дистрибутив: от идеи до сопровождения
 
Роман Симачевский, 1Step projects "Почему проектирование сайта – отдельная ...
Роман  Симачевский, 1Step projects "Почему проектирование сайта –  отдельная ...Роман  Симачевский, 1Step projects "Почему проектирование сайта –  отдельная ...
Роман Симачевский, 1Step projects "Почему проектирование сайта – отдельная ...
 
1steppro inetexpo14
1steppro inetexpo141steppro inetexpo14
1steppro inetexpo14
 
введение в SharePoint
введение в SharePointвведение в SharePoint
введение в SharePoint
 
Проектирование интернет-сайтов и систем в Redsoft
Проектирование интернет-сайтов и систем в RedsoftПроектирование интернет-сайтов и систем в Redsoft
Проектирование интернет-сайтов и систем в Redsoft
 
Qualium Systems – Introduction
Qualium Systems – IntroductionQualium Systems – Introduction
Qualium Systems – Introduction
 
Site dev 1
Site dev 1Site dev 1
Site dev 1
 
Site dev 1
Site dev 1Site dev 1
Site dev 1
 

More from Maksym Balaklytskyi

За кого воює Всевишній.pdf
За кого воює Всевишній.pdfЗа кого воює Всевишній.pdf
За кого воює Всевишній.pdfMaksym Balaklytskyi
 
медіа укр протестантів.pdf
медіа укр протестантів.pdfмедіа укр протестантів.pdf
медіа укр протестантів.pdfMaksym Balaklytskyi
 
Українське-християнство-в-цифровому_монографія.pdf
Українське-християнство-в-цифровому_монографія.pdfУкраїнське-християнство-в-цифровому_монографія.pdf
Українське-християнство-в-цифровому_монографія.pdfMaksym Balaklytskyi
 
Сергей Гаврюк. План "Б": путь к свободе
Сергей Гаврюк. План "Б": путь к свободеСергей Гаврюк. План "Б": путь к свободе
Сергей Гаврюк. План "Б": путь к свободеMaksym Balaklytskyi
 
Любовь Ряничева. Мой путь к Христу и со Христом
Любовь Ряничева. Мой путь к Христу и со ХристомЛюбовь Ряничева. Мой путь к Христу и со Христом
Любовь Ряничева. Мой путь к Христу и со ХристомMaksym Balaklytskyi
 
Meagan Clark. Why Religion Reporting Matters
Meagan Clark. Why Religion Reporting MattersMeagan Clark. Why Religion Reporting Matters
Meagan Clark. Why Religion Reporting MattersMaksym Balaklytskyi
 
Протестантизм в Україні. Волинь
Протестантизм в Україні. ВолиньПротестантизм в Україні. Волинь
Протестантизм в Україні. ВолиньMaksym Balaklytskyi
 
РЕФОРМАЦІЯ ЯК СУСПІЛЬНЕ ЯВИЩЕ
РЕФОРМАЦІЯ ЯК СУСПІЛЬНЕ ЯВИЩЕРЕФОРМАЦІЯ ЯК СУСПІЛЬНЕ ЯВИЩЕ
РЕФОРМАЦІЯ ЯК СУСПІЛЬНЕ ЯВИЩЕMaksym Balaklytskyi
 

More from Maksym Balaklytskyi (20)

За кого воює Всевишній.pdf
За кого воює Всевишній.pdfЗа кого воює Всевишній.pdf
За кого воює Всевишній.pdf
 
джерела.pdf
джерела.pdfджерела.pdf
джерела.pdf
 
медіа укр протестантів.pdf
медіа укр протестантів.pdfмедіа укр протестантів.pdf
медіа укр протестантів.pdf
 
Українське-християнство-в-цифровому_монографія.pdf
Українське-християнство-в-цифровому_монографія.pdfУкраїнське-християнство-в-цифровому_монографія.pdf
Українське-християнство-в-цифровому_монографія.pdf
 
Сергей Гаврюк. План "Б": путь к свободе
Сергей Гаврюк. План "Б": путь к свободеСергей Гаврюк. План "Б": путь к свободе
Сергей Гаврюк. План "Б": путь к свободе
 
Coronavac
CoronavacCoronavac
Coronavac
 
Ukraine2020
Ukraine2020Ukraine2020
Ukraine2020
 
Sermon
SermonSermon
Sermon
 
Script
ScriptScript
Script
 
Scene
SceneScene
Scene
 
Rules
RulesRules
Rules
 
Любовь Ряничева. Мой путь к Христу и со Христом
Любовь Ряничева. Мой путь к Христу и со ХристомЛюбовь Ряничева. Мой путь к Христу и со Христом
Любовь Ряничева. Мой путь к Христу и со Христом
 
Meagan Clark. Why Religion Reporting Matters
Meagan Clark. Why Religion Reporting MattersMeagan Clark. Why Religion Reporting Matters
Meagan Clark. Why Religion Reporting Matters
 
Cuccaro case
Cuccaro caseCuccaro case
Cuccaro case
 
Think
ThinkThink
Think
 
Testim
TestimTestim
Testim
 
Oparin
OparinOparin
Oparin
 
50
5050
50
 
Протестантизм в Україні. Волинь
Протестантизм в Україні. ВолиньПротестантизм в Україні. Волинь
Протестантизм в Україні. Волинь
 
РЕФОРМАЦІЯ ЯК СУСПІЛЬНЕ ЯВИЩЕ
РЕФОРМАЦІЯ ЯК СУСПІЛЬНЕ ЯВИЩЕРЕФОРМАЦІЯ ЯК СУСПІЛЬНЕ ЯВИЩЕ
РЕФОРМАЦІЯ ЯК СУСПІЛЬНЕ ЯВИЩЕ
 

Процесс разработки веб-проекта

  • 2.  Краткое содержание:  Определения  Анализ и планирование  Разработка  Аттестация/тестирование  Запуск, поддержка
  • 3. Определение целей и задач сайта. Для того, чтобы сделать то, что мы хотим, мы должны четко себе представлять это до начала разработки. Изменения функциональности сайта на этапе разработки возможны, но это увеличит конечную стоимость проекта.  На примере сайта-представительства поместной церкви:  ЦЕЛЬ – познакомить с миссией церкви, пригласить в собрание  ЗАДАЧИ: i. Ясно и четко представить церковь, ее историю, миссию, а так же приветливо представить основные личности. ii. Способствовать формированию положительного имиджа церкви через публикацию отчетов о благотворительных акциях. iii. Привлекательно и доступно представить молитвенный дом, его адрес и схему проезда iv. Проинформировать посетителей сайта о расписании собраний, целевых встреч (например, молодежные собрания, посвященные каким-либо событиям). v. Предоставить контактную информацию различных отделов церкви.
  • 4. Определение функциональных требований  Каждая задача будет достигнута путем реализации той или иной функциональности. Например, задача i повлечет за собой разработку таких разделов, как «История церкви», «Наша миссия», «Церковь в лицах». А задача iii будет реализована в виде разделов «Фотогалерея», «Как нас найти».  Все требования необходимо выписать в деталях (причем следует сконцентрироваться не на содержании разделов, а на их внешнем виде и функциональности).  Следует определиться с дизайном – стиль, цветовая гамма, наличие логотипов, акценты, лейаут (расстановка блоков на страницах). Здесь помогут «закладки» - выберите 5 сайтов, которые Вам нравятся, занесите их в «закладки», а затем выпишете 2-3 вещи, которые Вам нравятся в этих сайтах и 2-3 вещи, которые не нравятся. Попытайтесь понять, почему. Это очень ускорит процесс согласования дизайна с исполнителем.
  • 5.  Определение модели разработки – возможны «классическая (водопад)», «итерационная» и другие. При выборе «итерационной» для каждой задачи необходимо проставить приоритет, а затем перенести этот приоритет на функциональные требования, чтобы определить в какую итерацию какая функциональность будет реализована.  Определение исполнителя: сайт будет реализовываться локальной командой, либо мы выступаем в качестве заказчика студии веб- дизайна и разработки.
  • 6.  Подготовка и утверждение технического задания (ТЗ) с учетом (1) модели разработки, (2) целевого исполнителя.  Оценка технического задания (по функциональным блокам).  Оценка дизайна и особенностей лейаута  Согласование и утверждение бюджета разработки, как индивидуальной статьи, так и в контексте последующих расходов по поддержке, рекламе и развитию сайта.  Набор команды.  Подписание договора со студией разработки или с индивидуальными разработчиками
  • 7.  Когда разработка началась – программисты сели писать код, дизайнеры создавать графическую оболочку, а тестеры пишут планы по тестированию, Вы можете сосредоточится на сборе и подготовке информации, которая будет опубликована на сайте. Здесь найдется работа маркетологу, копирайтеру, фотографу.  После предоставления Вам дизайна, будьте объективны при его оценке. Не забывайте, что целевая аудитория не Вы, а рядовой интернет пользователь, который ожидает от сайта не только его «красоты», но и удобства пользования, «легкости» загрузки, отсутствия лишних элементов, мешающих найти нужную информацию.  Не забывайте требовать еженедельные отчеты, это поможет Вам вовремя увидеть задержку, и заодно стимулировать исполнителя придерживаться согласованного ранее плана.  Код пишут уже вторую неделю? Привлеките специалиста по оценке качества и читаемости кода. Это может быть ведущий программист из другой компании, или из компании конкурента. В некоторых случаях предоставление кода надо согласовывать на этапе подписания договора.
  • 8.  Прошло время и исполнитель отчитывается, что вся функциональность готова и сайт можно заполнять. В зависимости от предварительных договоренностей это будет делать он, либо Ваша команда.  На этом этапе обычно начинается тестирование сайта. Не стоит ожидать идеально работающего сайта на данном этапе. Возможны ошибки, однако, они не должны блокировать доступ к какой-либо функциональности (например, отсутствие ссылки на раздел «Фотогалерея» блокирует тестирование этого раздела). Критериями тестирования является Ваше ТЗ и согласованная спецификация.  На этапе «Бета», когда, например, все серьезные ошибки исправлены и содержимое сайта заполнено, Вы можете привлечь 5-10 «бета-тестеров» - Ваших друзей и коллег, которые с интересом походят по сайту и пришлют свои комментарии, или сообщат об ошибках. Сразу попросите описывать ошибки по определенному шаблону, а также обращать внимание на те или иные детали. Это сократит время «перевода» языка пользователя на язык разработчика и отсеет ненужные комментарии.
  • 9.  Запуск  Все ошибки высокой и средней серьезности исправлены, сайт доступен под его настоящим доменом и тестирование закончено.  Позаботьтесь о том, что Вы разместили все нужные коды сторонних систем (счетчики, баннеры), а так же сообщили об открытии сайта тем, кто так долго этого ждал.  Теперь сайт готов к переходу в стадию поддержки и развития.
  • 10.  Запуск  Все ошибки высокой и средней серьезности исправлены, сайт доступен под его настоящим доменом и тестирование закончено.  Позаботьтесь о том, что Вы разместили все нужные коды сторонних систем (счетчики, баннеры), а так же сообщили об открытии сайта тем, кто так долго этого ждал.  Теперь сайт готов к переходу в стадию поддержки и развития.