Этапы проектирования и разработки сайта

Этап 1. Определение основных целей создания сайта.

От правильно поставленных целей зависит успех при создании сайта.

Этап 2. Создание технического задания.

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

• Тип сайта (портал, промо, визитка, корпоративный, магазин и т.д.)

• Функционал сайта (поиск, каталог, лента новостей и т.д.)

• Стиль дизайна (строгий, веселый, мрачный и т.д.)

• Структура сайта (какие страницы должны быть на сайте)

• Структура страниц (какие блоки должны быть на страницах)

Этап заканчивается после утверждения технического задания заказчиком.

Этап 3. Разработка дизайн – проекта

На этом этапе рассматриваются вопросы проектирования интерфейсов, юзабилити и многое другое. Этап делится на несколько подэтапов:

1. Набор идей дизайна предоставляется в виде эскизов с текстовыми пояснениями.

2. Разработка макета дизайна главной страницы.

3. Исправление замечаний заказчика, доработка макета.

4. Разработка внутренних страниц по аналогичному стилю.

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

Этап 4. HTML-верстка. Утверждённый дизайн передаётся html-верстальщику, который «нарезает» графическую картинку на отдельные рисунки, из которых впоследствии складывает html-страницу. В результате создаётся код, который можно просматривать с помощью браузера. А типовые страницы впоследствии будут использоваться как шаблоны.

Этап 5. – разработка программной части

Для начала нужно определиться с системой управления контентом (CMS), которая используется, когда разработка веб-сайта закончена и нужно его обслуживать. Разработка веб-сайта, в котором задействована CMS предоставит в дальнейшем простой способ добавления или редактирования информации на сайте. Можно использовать бесплатные CMS, платные программные разработки сторонних организаций или собственные разработки. Готовые HTML-файлы передают программисту для создания системы управления сайтом. Как минимум создаются две части сайта – клиентская и серверная.

Этап 6. – тестирование сайта

Тестирование направлено на исправление ошибок и неточностей, а также на повышение удобства использования сайта. Веб-дизайн сайта должен адекватно выглядеть в различных браузерах, Internet Explorer, Firefox, Safari, Chrome и Opera.

Эта 7.: Публикация сайта в Интернет

Сначала производится выбор и регистрация доменного имени. Затем осуществляется физическое размещение сайта на сервере провайдера - хостинг. После размещения производят нужные настройки сайта.

Этап 8.: Заполнение сайта материалами

Сайт наполняют контентом — текстами, изображениями, файлами для скачивания и т. д. Тексты составляются либо специалистом студии, либо стороной заказчика.

Этап 9.— продвижение сайта и реклама в интернете

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

Этап 10. Сдача проекта.

Заказчик рассматривает готовый проект и в случае, если все устраивает, то подписывает документы о сдаче проекта. На этом этапе производится также обучение представителя заказчика навыкам работы в администраторской зоне сайта.

Модели проектирования

Для любого проекта важно рассчитать ресурсы и затраты на разработку, качественно выполнить проект и в срок сдать заказчику. Для разработки и создания сайта существует несколько моделей проектирования, которые позволяют поэтапно реализовать проект от идеи до ее воплощения. Практически все модели содержат этапы:

1.Концептуальное проектирование.

2.Логическое проектирование.

3. Физическое проектирование.

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

На этом этапе следует описать следующее:

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

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

На этом этапе следует описать следующее:

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

Результат логического проектирования оформляется в виде блок-схем, структурных диаграмм или другими способами.

Физическое проектирование – это этап, связанный, по большей части, с технической реализацией сайта. На этом этапе следует описать следующее:

a) Технологии, которые будут применяться на сайте.

b) Используемое программное обеспечение.

c) Возможные проблемы и способы их устранения.

d) Как будет обновляться информация.

Затем следует реализация программного обеспечения сайта.

 

Модель водопада

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

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

Спиральная модель

Данная модель использует противоположный подход, нежели модель водопада. Работа начинается с этапа «Планирование и анализ» и по часовой стрелке переходит к этапам выполнения, тестирования полученных результатов и оценки. На следующей итерации все повторяется по новой, но уже с учетом выявленных недочетов проекта. Таким образом, пройдя несколько итераций и повторив все этапы несколько раз, проект избавляется от недостатков, обрастая дополнительными возможностями и преимуществами.

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

К недостаткам модели относится отсутствиечетких критериев на остановку проекта. Это создает определенные сложности для расчета финансовых и временных затрат на выполнение проекта.

Microsoft Solutions Framework (MSF)

Программные продукты Microsoft создаются по этой методологии.

Управление проектами

Управление проектами (англ. project management) — область деятельности, в ходе которой определяются и достигаются поставленные цели при балансировании между объемом работ, ресурсами (время, деньги, труд, материалы), качеством и рисками в рамках разрабатываемых проектов. Существует большое число компьютерных приложений для автоматизации управления проектами.

Microsoft Project. Microsoft Project предоставляет многофункциональное решение, которое позволяет контролировать проекты, выводить на экран таблицы и графики. Microsoft Project интегрируется с Outlook, MS Office и Internet Explorer. MSP не обделен и основным недостатком корпоративных решений – сложностью в использовании.

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

Basecamp. Basecamp признаётся лучшей платформой для организации управления проектами и совместной работы над ними. Basecamp задумывался как средство управления проектами в небольших компаниях, состоящих из трёх-четырёх человек. Здесь есть смена цветовой гаммы и логотипа системы, просмотр общей информации о клиентах и проектах на одном экране, назначение и отслеживание задач, загрузка, категоризация и отслеживание версий файлов, форумы для обсуждения задач и проектов, ведение расписания и управление ключевыми точками проекта, отслеживание потраченного времени, получение основной информации о проекте на одном экране, добавление сообщений и комментариев. Сервис платный, но дешевый. Часто используемая программа Springloops – это SVN браузер с возможностью добавления функционала для управления проектами посредством интеграции с BaseCamp За нововведениями можно следить в корпоративном блоге, посвящённом продукции компании.

Lighthouse. Lighthouse – это приложение для отслеживания багов и запросов на изменение. Создание проекта занимает несколько минут – для этого требуется лишь ввести его название и описание. Lighthouse хорошо подходит для небольших групп веб-разработчиков. В комбинации с SVN Lighthouse представляет собой практически полнофункциональную систему по управлению проектами. В самом простом случае сервис бесплатен. SVN(Subversion) это система управления версиями, применяемая в Unix –сістемах.

Jumpchart – это приложение, предназначенное для планирования навигации по веб-сайту посредством создания и перетаскивания страниц. В созданные странички можно добавить текст и форматирование, а по завершению работы экспортировать CSS файлы и sitemap. Кроме функционала планирования страничек здесь присутствуют и опции для отслеживания задач. Бесплатный набор возможностей простейшего варианта небольшой, поэтому для больших проектов следует ориентироваться на платные планы.

Trac Project. Trac Project – это бесплатная система для управления проектами, которая кроме базовой функциональности вики-приложений, обладает SVN браузером, возможностями отслеживания тикетов, статуса билдов, таймлайном и т.д. Отличительная черта Trac это наличие большого количества плагинов для него, например плагинов для web administration, аутентификации, управления документацией кода, тикетами, тестированием, пользователями и контроля версий.

Pbwiki. Pbwiki – одно из наиболее простых вики-приложений, которое позволяет совместно использовать файлы вместе с другими пользователями, разграничивать доступ к отдельным файлам и папкам, добавлять пользователей, отслеживать изменения версий файлов. Установка программы очень быстрая, как и освоение принципов работы самой программы. Создание папок и страниц, а также их редактирование осуществляется максимально простым путём. К каждой странице можно добавить комментарий, а также одним кликом получить её версию для печати. Ещё более упрощают использование приложения набор темплейтов для стандартных страниц. Кроме того предусмотрены и различные темы для дизайна самой Pbwiki. Бесплатный план сервиса предполагает использование приложения максимум тремя пользователями.

JIRA. JIRA гораздо сложнее и обладает большим количеством возможностей по отслеживанию багов и всевозможных запросов на изменение. JIRA обладает продвинутыми возможностями по репортингу, отображению процесса разработки (маппингу) и организации отслеживания изменений и запросов. Кроме того, JIRA предлагает пользователям большое количество плагинов, посредством которых можно добавить дополнительный функционал по управлению проектом, управлению временем, календарь, интеграцию с Bamboo и т.д. Главная проблема JIRA – это её цена.

Перечислим несколько других программных средств для управления веб-проектами:

Easy Projects.NET — система для управления проектами, написанная на.NET.

eGroupWare бесплатное ПО для управления проектами.

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

OpenProj — бесплатная, открытая альтернатива Microsoft Project.

Project Kaiser — Веб-ориентированная система управления проектами и задачами с поддержкой wiki и развитыми средствами взаимодействия пользователей

Redmine - бесплатный многопользовательский веб-сервис, ориентированный на специфику IT-проектов и разработчиков.

TrackStudio Enterprise — система управления задачами. Есть экспорт в MS Project.

Google Code запустил сервис хостинга проектов, в рамках которого предоставляет свободным проектам систему управления версиями (Subversion, Git или Mercurial), а также систему отслеживания ошибок, вики-систему для документации и файловый архив (с ограничением в 100 Мб на размер одного файла). Сервис доступен и бесплатен для использования. Возможности Google Code:

• Система управления версиями (вкладка source). Доступные системы контроля версий — Subversion, Git и Mercurial. В системе управления версиями есть репозиторий для хранения исходного кода, и можно посмотреть любую версию исходного кода. Также можно просмотреть разницу (diff) между двумя последовательными версиями.

• Обзоры кода (code review). Комментирование чужого кода, указывая недостатки прямо участков кода.

• Страницы с описанием проекта (вкладка wiki). Создаются с помощью вики-подобной разметки.

• Файлы для загрузки (вкладка downloads). Например, бинарные файлы для конечного пользователя.

• Cистема баг-трекинга (вкладка issues). Если в программе была найдена ошибка, то ее можно там зарегистрировать с описанием, менеджер проекта может назначить ее исправление определенному разработчику, а тот исправить.

• Управление доступом (вкладка administer). Кто может делать commit, а кто управлять пользователями. Есть возможность уведомления по e-mail или через запрос HTTP POST.