Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail: Юркевич Юлия Директор «Аванпорт-дизайн»

Аванпорт-дизайн «Аванпорт-дизайн» работает на рынке веб-разработок с 2000 года. Мы реализовали более 400 интернет-проектов для украинских и российских компаний. Все наши сайты поставляются с системой управления сайтом «1С-Битрикс» ( на основе, которой работают более сайтов. Наша студия золотой сертифицированный партнёр компании «1С- Битрикс». «Аванпорт-дизайн» лидер продаж продукта «1С-Битрикс: Управление сайтом». Опыт, талант и квалификация - залог эффективного решения сложных творческих и технических задач. Креативный дизайн, продуманная структура и профессиональная реализация - рецепт успеха наших клиентов. Каждый проект уникален, мы не используем штампы. Мы практикуем индивидуальный подход к каждому клиенту. Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Кто участвует? Заказчик; Исполнитель. В процессе создания сайта можно выделить 2 основных группы: Интересно, но факт: Если Заказчик заинтересован в проекте, то Исполнитель в завершении проекта. К сожалению, это не всегда одно и тоже. Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

С чего начать? Заказчик: Определить цели и задачи проекта; Определить сроки и бюджет проекта; Выбрать ответственного сотрудника; Выбрать Исполнителя, наиболее соответствующего требованиям. Исполнитель: Сбор данных по проекту; Анализ существующих решений на рынке; Подготовить предложение (смета проекта, предполагаемая структура, план работ, дата начала). Кто не знает, куда направляется, очень удивится, попав не туда - Марк Твен Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Решение принято, что дальше? Процесс разработки сайта состоит из серии последовательных процессов, начиная от определения целей и задач и до внедрения законченного решения. Интересно, но факт: Начиная с момента принятия решения, практически все обстоятельства препятствуют завершению проекта. Определение целей и задач проекта Принятие решения о создании сайта Разработка концепции, проектирование (ТЗ) и постановка задачи Порезка и создание шаблонов страниц Интеграция с системой управления Наполнение содержанием Технический прототип Тестирование Внедрение Результат Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

А Зачем? В значительной степени успех проекта будет зависеть от способности Исполнителя и Заказчика сформировать список Целей / Задач и приоритетов по проекту. Интересно, но факт: В 100 % случаев Заказчик хочет поскорее пройти этот этап. Это точка, когда наиболее целесообразно искать компромисс. Какие цели Заказчик ставит перед проектом? Типичные цели: представление компании в Интернете, сформировать имидж, донести информацию, привлечь новых клиентов, оптимизировать работу с партнерами. Какие задачи нужно решить с помощью сайта? Возможные задачи: продажа товаров и услуг, увеличить продажи, развитие партнерских отношений. Каких пользователей стоит ожидать на сайте и кто из них приоритетней? Возможные группы пользователей: потенциальные покупатели, постоянные покупатели, партнёры, сотрудники компании, представители СМИ, конкуренты. Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Можно приступать к концепции! Концепция сайта – это ведущий замысел, конструктивный принцип сайта. Концепция строится на базе сформулированных Заказчиком целей и задач сайта. Результаты работы над концепцией сайта: Интересно, но факт: Для посетителя есть только два измерения любого сайта – полезное (действие, «движение» на сайте и эмоциональное (связано с приятным времяпрепровождением). Дизайн сайта (веб-дизайн); Техническое задание (данные, логика работы, интерфейс); Предложение по информационному наполнению. Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Будет красиво! То, что мы называем дизайном сайта, состоит из «сетки» и используемых в рамках этой «сетки» визуальных решений и объективно должен удовлетворять только нескольким требованиям: Интересно, но факт: Почти всегда самые большие начальники участвуют в процессе утверждения дизайна и почти никто не читает тексты. Не мешать не мешать читать и ориентироваться в архитектуре, не отвлекать от содержания (только если дизайн не является его основным содержанием). Помогать решать приоритетные задачи Предоставлять пользователю удобный и быстрый доступ к приоритетным для нас сервисам и информации. Нравиться директору. Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Будет удобно! Хорошая привычка перед написанием любого документа или текста задуматься, задать себе вопросы: «А для чего мы его пишем?», а также «Для кого?» и «Кто его будет читать?». ТЗ это документ и текст, который пишет менеджер проекта, пишет его для себя, своего заказчика и своей проектной команды. Формат ТЗ должен хорошо подходить для укладывания и взаимной состыковки всех идей, которые хочет заложить в сайт исполнитель и его заказчик. Отдельные блоки ТЗ обязательны, и формат, и содержимое их в большинстве случаев одинаково. Это, к примеру: 1.Общие положения; 2.Соглашения (общие пояснения по функциональности технического задания); 3.Используемые термины (перечень терминов с расшифровкой); 4.Требования к аппаратному обеспечению (техническая информация); 5.Требования к программному обеспечению (настройки сервера, язык программирования, перечень браузеров, в которых должен правильно отображаться сайт); 6.Требования к комплекту поставки (описание, в каком виде Заказчику передается сайт, курс обучения работе с сайтом, консультации); 7.Требования к документации (веб-сайт комплектуется руководством пользователя); Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Будет удобно! Некоторые из вас отмахнутся от моих размышлений, сказав, что и без того хорошо представляет себе весь процесс создания сайта. Но я, начиная писать эту презентацию, «хорошо представляла себе», что там будет. Однако, в процессе написания я таки пару раз крепко задумалась и переписала несколько блоков. 8.Требования к информационному наполнению (количество языковых версий, сроки передачи информационного наполнения, требования к формату текстовых и графических файлов, передаваемых Заказчиком); 9.Требования к категорированию пользователей (сколько категорий пользователей предполагается на сайте, права пользователей); 10.Структура (структурная схема сайта); 11.Общие элементы страниц сайта (описание общих элементов сайта, которые будут присутствовать на всех типовых страницах); 12.Уникальные элементы страниц сайта (перечень всех разделов сайта с подробным описанием, какая информация и в каком виде будет располагаться на каждой странице сайта); 13.Сервисные модули сайта (описание модулей, предназначенных для управления объектами (например, новостями) в системе управления сайтом); 14.CMS (краткое описание системы, на которой разрабатывается проект); 15.Информационные объекты сайта (техническая информация для верстальщиков). Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Что такое порезка и создание шаблонов? Для того, чтобы интегрировать дизайн с системой управления сайтом, дизайн сайта нужно перевести в код HTML. В процессе верстки дизайн (картинка) делится на отдельные части, в отдельном документе, а затем прописываются стили всех элементов дизайна. Что нужно учитывать при создание шаблонов: Изменяющаяся длина рабочей поверхности; Появление и исчезновение элементов сетки; Масштабирование элементов сетки; Адаптация под минимальное разрешение экрана; Совместимость со всеми популярными браузерами. Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Выбор системы управления сайтами (CMS) CMS, с точки зрения Заказчика – это инструмент, который позволяет управлять сайтом (публиковать новости, размещать новые страницы на сайте и производить другие операции над содержимым через удобный интерфейс). С точки зрения Разработчика – это инструмент, который ускоряет разработку сложных сайтов, позволяя компоновать решения из готовых блоков, изменяя в определенных пределах логику работы и оформление. При выборе CMS для реализации проекта стоит обращать внимание на: Комплексность решения; Безопасность; Доступность, отчуждаемость; Документация, исходные тексты; Обновление системы и поддержка разработчиком. Интересно, но факт: В реальной жизни разработка на базе готовой системы управления потребует большего количества человеко-часов программиста, чем разработка с «нуля» Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Что такое интеграция? На мой взгляд, основной функцией CMS-системы является ускорение работы разработчиков и ее упрощение за счет использования специальных макро-функций, сориентированных под задачи веб-разработки. Проще говоря, разработчик не должен выполнять ту работу, которую можно вписать в стандартные рамки и автоматизировать. «Соединение» программной части и визуальной (HTML) (интеграция шаблона, меню и карты сайта; доработка вывода динамических компонент, настройка включаемых областей и т.д.) Настройки настройки системы управления в соответствии с требованиями реального проекта и предметной области, настройки прав Программирование создание или доработка динамических компонент Интересно, но факт: В реальной жизни разработка на базе готовой системы управления потребует большего количества человеко-часов программиста, чем разработка с «нуля» Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Контент будет! В результате этапа интеграции появляется сайт, но пока он пустой. Затем нужно разместить информационное наполнение (контент). Если контента нет на стадии запуска проекта, с вероятностью 99 % на этапе, когда его надо будет размещать, проект придется приостанавливать. Но кое-что можно сделать: Интересно, но факт: Человек при беглом просмотре материала тратит 1,5 – 2 секунды, чтобы определиться со своим выбором. Наполнять тем, что есть не дожидаясь «обновленного» содержания, писать то, что имеется в наличии. Как правило, после открытия контент очень быстро появляется Останавливать работы Квалифицированный Исполнитель должен категорически отказаться от размещения части контента. Закрыть «пустые» разделы Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Все сделано на 90 % Требуется проверить соответствие функциональности заданным требованиям (ТЗ) и совместимость с различными браузерами, платформами и операционными системами, но помните, что: Интересно, но факт: 99,9 % проектов открываются с ошибками. 100 % «идеальных» сайтов не открываются никогда. Дата открытия превыше всего На этапах тестирования / доработок и внедрения все должно строиться относительно даты открытия (даже если проект придется открывать в «сыром» виде). Применение системы учета багов обязательно Стандартный сайт содержит сотни багов, половина из которых будет дорабатываться по 2 – 3 раза. Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Спасите мой проект! Как минимум 30 % проектов, на различных стадиях разработки нуждаются в спасении Интересно, но факт: Большинство Заказчиков винят во всех проблемах Подрядчика; большинство подрядчиков спокойно делают другие проекты. Признайте наличие проблем и локализуйте их Вне зависимости от того Заказчик вы или Исполнитель вовремя признайте, что проект находится в неуправляемом состоянии, и попытайтесь здраво оценить причины. В 85 % случаев это будет желание «сделать побольше» (или «получше»). Смелее устраняйте причины Важно не только найти и признать наличие проблем, но и решительно их устранить. Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Риски Как минимум 5 % проектов, не доходят до финишной прямой, либо приостанавливаются на каком-то из этапов разработки. Интересно, но факт: Большинство Заказчиков винят во всех проблемах Подрядчика; большинство подрядчиков спокойно делают другие проекты. Непонимание по дизайну; Длительные согласования; Проблемы с информационным наполнением; Изменение целей и задач проекта. Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

А что же дальше? Обучение – очень важный этап работы. От клиента требуется максимальное внимание и готовность обучаться. Разработчик, со своей стороны, обеспечивает заказчику «хорошего учителя», так как для того, чтобы кого-то обучить работать с сайтом, нужно не только хорошо знать систему управления и уметь виртуозно работать с системой управления, нужно уметь просто и доходчиво объяснить порой сложные вещи. Обучение проводится очень подробно. В процессе обучения заказчик и преподаватель разбирают все детали работы. В конце обучения заказчик получает комплект поставки, состоящий из: Интересно, но факт: Технических способов 100% защиты от несанкционированного копирования информации сайта не существует. Диск с проектом; Доступ к управлению сайтом (пароль для CMS); Руководство пользователя системой управления сайтом. Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Сколько стоит? Существует 2 подхода к оценке стоимости разработки сайта: Интересно, но факт: Очень часто Заказчики выбирают третий способ оценки – отказаться от всякой оценки и делать силами своих специалистов. Многим кажется, что так дешевле. от «Стандартного решения» Самая распространенная схема оценки стоимости разработки «несложного» сайта. от «Себестоимости» Применяется в основном для оценки «сложных» (более 1500 человеко-часов) проектов. Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Как выбрать подрядчика? Подрядчик должен быть способен достичь поставленных перед проектом целей и задач: Подрядчик должен понимать Вас Поговорите с потенциальным подрядчиков про Ваш бизнес, про Ваши задачи. Подрядчик должен «разговаривать с Вами на одном языке». Подрядчик должен уметь делать то, чего Вы ожидаете Если Вы хотите дизайн, Ваши вкусы должны совпадать. Если Вы хотите программирования, он должен иметь хороших программистов. Если Вы хотите решить бизнес-задачу, Вы должны быть готовы ему поверить. Он должен соответствовать бюджету Стоимость разработки ничтожна по сравнению с совокупными издержками на проект. Не стоит платить слишком много, но и экономить особого смысла нет. Если ты думаешь как все, ты уже ошибаешься. Все думают по-разному. Если ты думаешь за всех, ты опять ошибаешься. У каждого свои заботы. Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Простые слагаемые успеха! Главные слагаемые успеха - желание и старание! Правильный выбор подрядчика; Понимание целей и задач проекта; Использование готовой Системы управления проектами с большим количеством уже готовых решений; Стандартизация технологических процессов; Готовность к компромиссам. Думай по-своему и за себя, но помни – не думая о других, ты прежде всего не думаешь о себе. Разработка сайта от требований к результату Тел.: (044) Факс: (044) Е-mail:

Вопросы? Спасибо за внимание! Тел.: (044) Факс: (044) Е-mail: Юркевич Юлия Директор «Аванпорт-дизайн»