Типовые навигационные и информационные элементы
Термины и определения
Администратор сайта -специалист владеющий навыками администрирования системы управления контентом.
Браузер -программа-клиент (Internet Explorer, FireFox, Opera, Safari, Chrome и т.п.), предоставляющая пользователю возможности навигации по сайтам, просмотру сайтов и скачивания файлов.
Веб-страница -HTML-документ сайта, отображаемый браузером пользователя и имеющий уникальный URL-адрес.
Верстка страницы - процесс формирования html страницы, состоящей из программного кода на языках html, javascript, стилей оформления и подгружаемых картинок и фонов, на которые специальным образом разбивается макет, в соответствии с дизайном.
Внутренняя страница сайта - любая страница сайта, кроме главной страницы сайта.
Главная страница - первая страница, которую видит пользователь при входе на сайт (при вводе доменного имени сайта в адресную строку браузера).
Домен -адрес сайта в интернет.
Сайт - набор веб-страниц, объединенных общей тематикой, графическим оформлением, навигацией и ссылками. Сайт является информационной единицей, доступной для просмотра пользователям через интернет.
Система администрирования (CMS — «Content Management Software») - система, предназначенная для управления сайтом.
Содержимое сайта (контент) - текстовая, графическая или табличная информация, размещаеная на сайте, без учета оформления страниц.
Структура сайта - иерархическое дерево страниц сайта. Страницы сайта привязаны к разделам и подразделам. Вся совокупность разделов, подразделов и связанных с ними страниц и образует структуру сайта.Хостинг - площадка (сервер) для размещения сайта в интернет.
Общие сведения
Заказчиком по данной работе выступает ФГБОУ «КалмГУ», ЭФ, кафедра БИСЭ (Дербенов Ч.Ю.) (далее Заказчик).
Исполнителем по данной работе выступает команда №2 (далее Исполнитель).
2.1. Название сайта
Настоящее Техническое задание определяет требования и порядок разработки веб-сайта «Мир Детства».
2.2. Плановые сроки начала и окончания разработки сайта
Начало работ: 01.09.2016 г.
Окончание работ: 15.12.2016 г.
Содержание и длительность отдельных этапов работ приведены в календарном плане по созданию сайта. Сроки, состав и очередность работ являются ориентировочными и могут изменяться по согласованию с руководителем проекта.
2.3. Перечень документов, на основании которых создается сайт
- Договор;
- Техническое задание;
- Устав проекта;
- Календарный план;
-Стандарты проектирования;
-Технические регламенты.
2.4. Состав и содержание работ по созданию сайта
Основные стадии создания и этапы разработки сайта:
· Организация проекта.
· Формирование требований к сайту.
· Разработка концепции сайта.
· Техническое задание.
· Эскизный проект.
· Технический проект.
· Ввод в действие.
Таблица 1
Организация проекта
Этапы работ | Результат | Дней |
Заключение контракта | Контракт на разработку сайта заключен | |
Согласование процедур управления | Процедуры управления проектом и устав проекта согласованы | |
Сбор команды проекта | Команда проекта сформирована |
Таблица 2
Формирование требований и разработка технического задания
Этапы работ | Результат | Дней |
Сбор требований к проекту, проведение анкетирования, опроса | Проведено анкетирование · | |
Анализ и обработка полученной информации | · Определены требования к проекту | |
Разработка технического задания | Техническое задание | |
Согласование и утверждение | Согласованное и утвержденное техническое задание |
Таблица 3
Эскизный проект
Этапы работ | Результат | Дней |
Выбор программного обеспечения | Программное обеспечение выбрано | |
Выбор цветовой гаммы и дизайн сайта | · Внешний вид сайта | |
Разработка эскизов страниц сайта | Эскизы страниц |
Таблица 4
Технический проект
Этапы работ | Результат | Дней |
Разработка шаблонов страниц, логотипа проекта | Дизайн сайта | |
Верстка сайта | Готовые шаблоны страниц сайта | |
Наполнение сайта | Контент сайта |
Таблица 5
Ввод в действие
Этапы работ | Результат | Дней |
Публикация сайта | Готовый сайт в сети | |
Проведение предварительных испытаний | Испытание сайта на работоспособность. Устранение ошибок. Доработка сайта | |
Проведение приёмочных испытаний | Акт сдачи-приемки |
2.5. Порядок оформления и предъявления результатов работ
Связь с Заказчиком осуществляется с помощью электронной почты и совещаний, на которых согласовываются детали состава работ. Сдача сайта происходит в виде презентации. Сайт на момент сдачи презентации установлен на хостинг и имеет доменное имя.
Назначение и цели сайта
3.1. Назначение сайта
Сайт должен представлять компанию «Мир Детства» в Интернете, поддерживать ее положительный и современный имидж, знакомить посетителей с продукцией компании.
3.2 Цели создания сайта
Цель сайта – познакомить посетителей с компанией, направлениями ее деятельности и продукцией, предоставить информацию о способах приобретения продукции.
3.3 Целевая аудитория сайта
В целевой аудитории сайта можно выделить следующие группы:
1. Покупатели;
2. Партнеры.
Требования к сайту
4.1 Требования к сайту в целом
Сайт должен представлять собой информационную структуру, доступную в сети Интернет.
Сайт должен состоять из взаимосвязанных разделов с четко разделенными функциями.
Для поддержания сайта и эксплуатации веб-интерфейса системы управления сайтом (CMS) от сотрудников не должно требоваться специальных технических навыков, знания технологий или программных продуктов, за исключением общих навыков работы с персональным компьютером и стандартным веб-браузером.
Информация, размещаемая на сайте, является общедоступной.
Пользователей сайта можно разделить на 3 части в соответствии с правами доступа:
1.Посетители
2.Редактор (сотрудник Заказчика)
3.Администратор (сотрудник Исполнителя)
Посетители имеют доступ только к общедоступной части сайта.
Доступ к административной части имеют пользователи с правами редактора и администратора.
Редактор может редактировать материалы разделов.
Администратор может выполнять все те же действия, что и Редактор, и кроме того:
- добавлять пользователей с правами Редактора;
- добавлять и удалять разделы сайта.
Доступ к административной части должен осуществляться с использованием уникального логина и пароля. Логин выдается администратором сайта.
4.2 Требования к функциям (задачам), выполняемым сайтом
4.2.1 Основные требования
4.2.1.1 Структура сайта
Сайт должен состоять из следующих разделов:
- Главная страница;
- Каталог;
- Бонусная программа и акции;
- Контакты.
4.2.1.2 Навигация
Пользовательский интерфейс сайта должен обеспечивать наглядное, интуитивно понятное представление структуры размещенной на нем информации, быстрый и логичный переход к разделам и страницам. Навигационные элементы должны обеспечивать однозначное понимание пользователем их смысла: ссылки на страницы должны быть снабжены заголовками, условные обозначения соответствовать общепринятым. Графические элементы навигации должны быть снабжены альтернативной подписью.
Система должна обеспечивать навигацию по всем доступным пользователю ресурсам и отображать соответствующую информацию. Меню должно представлять собой текстовый блок (список гиперссылок) в верхней части страницы.
Для разделов, содержащих подразделы, должно быть предусмотрено выпадающее подменю.
При выборе какого-либо из пунктов меню пользователем должна загружаться соответствующая ему информационная страница (новостная лента, форма обратной связи и пр.), а в блоке меню (или в основной части страницы в зависимости от утвержденного дизайна) открываться список подразделов выбранного раздела.
4.2.1.3 Наполнение сайта (контент)
Изменение содержимого разделов должна осуществляться посредством администраторского веб-интерфейса (системы управления сайтом), который должен предусматривать возможность редактирования информационного содержимого страниц сайта. Наполнение информацией должно проводиться с использованием шаблонов страниц сайта. Шаблоны страниц сайта приведены на рис.2, рис.3.
В рамках разработки сайта Исполнитель должен обеспечить ввод представленной Заказчиком статической информации в создаваемые динамические разделы (с учетом предусмотренной настоящим ТЗ функциональности).
После сдачи сайта в эксплуатацию информационное наполнение разделов, включая обработку и подготовку к публикации графических материалов, должно осуществляться Заказчиком самостоятельно или на основании отдельного договора на поддержку сайта.
4.2.1.4 Система навигации (карта сайта)
Взаимосвязь между разделами и подразделами сайта (карта сайта) представлена на рис. 1.
\\\
Рис.1. Карта сайта
4.2.2 Требования к функциональным возможностям
4.2.2.1 Типовые статические страницы
Типовые страницы могут изменяться, редактироваться или дополняться в административной части сайта.
Для каждой типовой статической страницы в административной части заполняются такие поля:
1.Заголовок.
2.Полный текст страницы.
4.2.2.2 Функциональные возможности разделов
На главной странице должна быть представлена следующая информация:
- Информация о сфере и направлении деятельности компании.
- Ссылки на страницы «Каталог», «Бонусная программа и акции», «Контакты».
- Форма регистрации и входа.
В разделе «Каталог» должна содержаться информация о продукции компании, сопровождаемая иллюстрациями.
В разделе «Бонусная программа и акции» должна содержаться информация о клубных карт и накопительных скидок на представленную продукцию компании, информация о скидках и акциях на представленную продукцию компании.
«Каталог» - это типовая статическая страница. Она может редактироваться и дополняться в административной части сайта.
В разделе «Контакты» должна быть представлена контактная информация компании:
- Адрес, телефоны, факс.
- Адреса электронной почты.
- Карта проезда.
- Ссылки на социальные сети.
«Контакты» - это типовая статическая страница. Она может редактироваться и дополняться в административной части сайта.
4.2.3 Требования к дизайну
4.2.3.1. Общие требования
Стиль сайта можно описать как современный, деловой.
Оформление не должно ущемлять информативность: хотя на сайте и должно быть довольно много графики, он должен быть удобен пользователям в плане навигации и интересен для многократного посещения.
Типовые навигационные и информационные элементы
- Шапка сайта;
- Основное меню;
- Боковое меню;
- Основное поле контента;
- Подложка.
Шапка сайта
Шапка сайта должна содержать логотип и название компании, изображение (коллаж), а также контактную информацию. Логотип является ссылкой на главную страницу сайта.
Основное и боковое меню
Основное меню должно располагаться в верхней части окна (под шапкой) и содержать ссылки на все разделы первого уровня.
Боковое меню должно располагаться в левой или правой части окна (в зависимости от утвержденного дизайн-макета) и содержать ссылки на разделы, связанные тематически с текущим, если таковые существуют для выбранного раздела первого уровня.
4.2.3.5 Эскизы страниц
В верхней части типовой страницы должна располагаться шапка и навигационное меню сайта; левая часть страницы представляет собой основную контентную часть; в правой боковой области расположены тематические ссылки, прайс-лист (ссылка на скачивание), информация о компании. В нижней части должна быть подложка. Типовая страница представлена на рис. 2.
Главная страница сайта (рис. 3) должна содержать, помимо стандартных элементов, краткую информацию о компании, направлении ее деятельности. В правой части страницы должны быть представлены заголовки двух последних новостей и форма входа и регистрации.
|
![](images/image-003-641.gif)
Рис.2. Типовая страница
|
![](images/image-004-1055.gif)
|
|
![](images/image-008-823.gif)
Рис.3. Главная страница