Техническое задание на разработку веб-сайта компании АО «Авиакомпания АЗИМУТ»
Ростов-на-Дону, 2017
Термины
Предбронирование – процесс выбора пассажиром параметров перелета с последующим направлением параметров в виде POST/GET-запроса на веб-сервис бронирования и оплаты авиабилетов.
Пассажир – пользователь сайта, физическое лицо, являющееся действующим или потенциальным получателем услуг компании.
1. Общие сведения
1.1. Назначение и цели создания сайта
В связи с необходимостью организации работы АО «Авиакомпания АЗИМУТ» в сети Интернет в максимально короткие сроки требуется разработка минимальной версии веб-сайта авиакомпании, основные цели которой:
• Осуществление пассажиром предбронирования;
• Ознакомление с правилами и условиями возврата/обмена авиабилетов, ознакомление с правилами перевозок;
• Представление общей информации о компании, поддержание положительного и современного имиджа.
1.2. Целевая аудитория
Целевая аудитория веб-сайта – пассажиры авиакомпании.
2. Требования к сайту
2.1. Технические требования
Структура сайта и навигация
Сайт должен представлять собой информационную структуру, доступную в сети Интернет под доменным именем azimuth. aero.
Сайт должен состоять из следующих взаимосвязанных разделов и модулей:
• Главная страница
• Онлайн-сервисы:
• Покупка авиабилета
• Онлайн-регистрация
• Пассажирам:
• Бронирование авиабилетов
• Правила и условия возврата
• Правила и условия обмена
• Правила перевозок
• О компании:
• Азимут
• Контакты
• Новости
• Вакансии
• Агентам
• Флот
• Карта полетов
• Конфиденциальность
Пользовательский интерфейс сайта должен обеспечивать наглядное, интуитивно понятное представление структуры размещенной на нем информации, быстрый и логичный переход к разделам и страницам. Навигационные элементы должны обеспечивать однозначное понимание их смысла: ссылки на страницы должны быть снабжены заголовками, условные обозначения должны соответствовать общепринятым. Графические элементы навигации должны быть снабжены альтернативной подписью.
Система должна обеспечивать навигацию по всем доступным пользователю страницам сайта и отображать соответствующую информацию.
Навигацию сайта необходимо реализовать с применением следующего набора навигационных инструментов, но не ограничиваясь им:
• Основное меню (текстовый блок - список гиперссылок, обычно располагается в верхней части сайта);
• «Хлебные крошки» (текстовый блок - список гиперссылок);
• Меню подраздела (текстовый блок - список гиперссылок, обычно располагается в левой или правой колонке основной/контентной части сайта);
• Меню-дублер (текстовый блок - список гиперссылок, обычно располагается в нижней части сайта);
• Поиск по сайту.
При выборе какого-либо из пунктов Основного меню должна загружаться соответствующая информационная страница, Меню подраздела в данном случае должно содержать список подразделов выбранного раздела Основного меню. Текущая информационная страница должна содержаться в списке, но не должна являться гиперссылкой «на себя».
Технологии создания сайта
Для реализации статических страниц и шаблонов должны использоваться языки HTML и CSS. Исходный код должен разрабатываться в соответствии со стандартами W3C (HTML 5.0).
Для реализации интерактивных элементов клиентской части должны использоваться языки JavaScript и DHTML.
Для реализации динамических страниц должен использоваться язык PHP.
Управление сайтом должно осуществляться с помощью Системы управления сайтом (CMS), доступной через веб-интерфейс. Рекомендуемая в использовании CMS – 1СBitriх.
Для управления сайтом от персонала Заказчика не должно требоваться специальных технических навыков, знания технологий или программных продуктов, за исключением общих навыков работы с персональным компьютером и стандартным веб-браузером (например, MS Internet Explorer 9.0 или выше).
В системе управления сайтом должен быть предусмотрен механизм резервного копирования структуры и содержимого базы данных.
Хранение данных
Все данные сайта должны храниться в структурированном виде под управлением реляционной СУБД. Исключения составляют файлы данных, предназначенные для просмотра и скачивания (изображения, видео, документы и т. п.). Такие файлы сохраняются в файловой системе, а в БД размещаются ссылки на них.
Надежность
Сайт должен предусматривать базовую защиту от основных видов атак: межсайтового скриптинга (XSS), SQL-инъекций, CSRF-уязвимостей.
Клиентские устройства
Сайт должен обеспечивать корректное отображение информации на клиентском программном обеспечении:
• Internet Explorer 7.0 и выше, или Firefox 3.5 и выше, или Opera 9.5 и выше, или Safari 3.2.1 и выше, или Chrome 2 и выше.
Сайт должен обеспечивать корректное отображение информации на мобильных устройствах, должен быть разработан на основе адаптивной верстки.
Разграничение доступа
Доступ к ресурсам сайта должен осуществляться на основании трех групп доступа:
1. Пассажир
2. Редактор
3. Администратор
Пассажир имеет доступ только к общедоступной части сайта.
Доступ к административной части имеют пользователи с правами Редактора и Администратора.
Редактор может изменять, добавлять и удалять текстовый, графический и другие виды контента всех страниц общедоступной части сайта, добавлять и удалять элементы списков городов вылета/прилета.
Администратор помимо функций Редактора может управлять пользователями сайта и его структурой.
Детальный набор прав пользователей будет определен при проектировании сайта.
Доступ к административной части должен осуществляться с использованием уникального логина и пароля. Логин выдается администратором сайта. Пароль должен генерироваться автоматически и отправляться пользователю на адрес, указанный при регистрации. В первый раз при попытке войти в административную часть система должна предлагать пользователю сменить пароль (ввести вручную новый пароль). Для обеспечения защиты от несанкционированного доступа к административной части пароли должны удовлетворять стандартным требованиям безопасности (длина, содержание, срок действия).
Наполнение сайта контентом
Страницы всех разделов сайта должны формироваться программным путем на основании информации из базы данных на сервере.
Редактирование содержимого разделов должно осуществляться посредством администраторского веб-интерфейса (системы управления сайтом), который без применения специальных навыков программирования должен предусматривать возможность редактирования информационного содержимого страниц сайта.
Наполнение информацией должно проводиться с использованием шаблонов страниц сайта.
В рамках разработки сайта Исполнитель должен обеспечить ввод представленной Заказчиком информации в создаваемые динамические разделы (с учетом предусмотренной настоящим ТЗ функциональности). Исполнитель должен обеспечить обработку иллюстраций для приведения их в соответствие с техническими требованиями и HTML-верстку подготовленных материалов. При необходимости дополнительной обработки (набор, вычитка, сканирование, ретушь, монтаж, перевод и т. п.) силами Исполнителя может осуществляться в рамках отдельного соглашения с Заказчиком.
После сдачи сайта в эксплуатацию информационное наполнение разделов, включая обработку и подготовку к публикации графических материалов, осуществляется Заказчиком самостоятельно или на основании отдельного договора на поддержку сайта.
2.2. Требования к дизайну
Стиль сайта можно описать как современный, деловой. Оформление сайта не должно быть перегруженным, элементы страниц должны быть визуально отделены друг от друга отступами.
Цветовая схема сайта должна содержать следующие цвета:
• Основной
Panton Orange 021
CMYK 0-70-100-0
RGB 241-79-18
• Дополнительный
Panton 3125
CMYK 90-0-15-0
RGB 0-147-171
• Дополнительный
Panton 286
CMYK 100-70-0-10
RGB 0-63-126
В качестве фонового цвета предпочтительно использовать белый.
Логотип компании
Шрифты
Параметры шрифта текста основного контента:
• Наименование шрифта – Verdana, Arial;
• Размер шрифта – 16 px;
• Цвет шрифта – #555755;
• Межстрочный интервал – 22 px.
Параметры шрифта заголовка (h1):
• Наименование шрифта – Verdana, Arial;
• Размер шрифта – bold 32 px;
• Цвет шрифта – #555755;
• Межстрочный интервал – 19 px.
Параметры шрифта подзаголовка (h2):
• Наименование шрифта – Verdana, Arial;
• Размер шрифта – bold 24 px;
• Цвет шрифта – #555755;
• Межстрочный интервал – 19 px.
Параметры шрифта гиперссылок (a, только внутри текстового контента):
• Наименование шрифта – Verdana, Arial;
• Размер шрифта – 16 px;
• Цвет шрифта – #555755;
• Оформление гиперссылки – Underline.
Примеры сайтов, с подходящим дизайном:
https://www. pobeda. aero/
https://www. s7.ru
Графический контент
Фото/графический контент, используемый в основном поле контента в виде превью в уменьшенном масштабе, при клике должен открываться в модальном окне с затемнением основного окна сайта в реальном размере фото/картинки.
Типовые информационные элементы
• Шапка сайта
• Основное поле контента
• Подвал сайта
Шапка сайта
В шапке сайта необходимо разместить следующие элементы, но не ограничиваясь ими:
• логотип / название компании (логотип – гиперссылка на главную страницу),
• основное меню,
• поиск по сайту,
• контактный телефон компании.
Основное поле контента
Основное поле контента должно располагаться в центре страницы. Стилевое оформление материалов и их элементов (ссылок, заголовков, основного текста, изображений, форм, таблиц и т. п.) должно быть единым для всех страниц сайта.
Подвал сайта
В подвале необходимо разместить следующие элементы, но не ограничиваясь ими:
• меню-дублер,
• контактная информация,
• копирайт.
3. Описание разделов и модулей сайта
В данном разделе описаны основные требования к разделам и модулям сайта.
3.1. Общие требования
На каждой странице сайта в верхней части должна размещаться «шапка сайта», содержащая:
• Логотип компании;
• Основные контакты;
• Основное меню сайта.
3.2. Главная страница
Главная страница должна содержать:
• Форму предбронирования.
Форма заполняется пассажиром, в составе формы следующие поля:
Название поля | Описание |
Откуда | Город вылета. Выбор из списка, список содержит наименования всех городов, список задается Редактором в административной части сайта. |
Куда | Город прилета. Выбор из списка, список формируется в зависимости от значения поля Откуда, список задается Редактором в административной части сайта. |
Туда и обратно | Радио-баттон. Показатель необходимости бронирования авиабилета в город прилета и обратно. При активации открывает доступ к редактированию поля Дата вылета обратного рейса. |
В одну сторону | Радио-баттон. Показатель необходимости бронирования авиабилета только в город прилета. При активации делает доступ к редактированию поля Дата вылета обратного рейса невозможным. |
Дата вылета | По умолчания пустое поле. Выбор даты вылета из календаря. |
Дата вылета обратного рейса | По умолчания пустое поле. Выбор даты вылета из календаря. Активно только в случае активации радио-баттон Туда и обратно. |
Взрослые (от 12 лет) | Значение по умолчанию 1, максимальное значение 9. Увеличение / уменьшение значения производится нажатием соответствующих кнопок + и -. |
Дети (2-12 лет) | Значение по умолчанию 0, максимальное значение 8. Увеличение / уменьшение значения производится нажатием соответствующих кнопок + и -. |
Младенцы (до 2 лет) | Значение по умолчанию 0, максимальное значение равно значению поля Взрослые. Увеличение / уменьшение значения производится нажатием соответствующих кнопок + и -. |
Найти авиабилеты | Кнопка. По нажатию производиться загрузка страницы веб-сервиса бронирования авиабилетов с направленными POST / GET запросом параметрами из формы предбронирования. До заполнения всех полей кнопка не активна. |
Суммарное значение полей Взрослые, Дети, Младенцы не должно превышать 9.
На всех остальных страницах сайта форма предбронирования свернута до состояния кнопки «Купить авиабилет», при нажатии на кнопку форма раскрывается поверх страницы сайта.
• Слайдер спецпредложений.
Список динамически сменяющих друг друга графических элементов с текстовым заголовком. Список задается Редактором в административной части сайта.
• Список анонсов последних новостей (не более 3);
Состав анонса: заголовок новости, краткая аннотация новости, дата публикации. Новости задаются Редактором в административной части сайта.
• УТП компании.
Текстовая информация.
3.3. Онлайн-сервисы
• Купить авиабилет
Гиперссылка на веб-сервис бронирования авиабилетов.
• Онлайн-регистрация
Гиперссылка на веб-сервис онлайн-регистрации.
3.4. Пассажирам
Раздел содержит статические страницы с текстовым, графическим и другими видами контента.
• Бронирование авиабилетов
• Правила и условия возврата
• Правила и условия обмена
• Правила перевозок
3.5. О компании
• Азимут
Статическая страница с текстовым, графическим и другими видами контента.
• Контакты
Статическая страница с текстовым, графическим и другими видами контента.
• Новости компании
Новости отображаются в виде списка. Атрибуты новости:
o Дата
o Заголовок новости
o Анонс новости
Заголовок новости является гиперссылкой. При нажатии на гиперссылку осуществляется переход на страницу с полным текстом новости.
Предполагается ограничить количество выводимых на странице новостей (не более 10), для этого должен использоваться принцип дозагрузки следующего блока новостей. Дозагрузка происходит при достижении/прокрутке/скроллинге до конца страницы.
• Вакансии
Вакансии отображаются в виде списка. Атрибуты вакансии:
o Наименование вакансии
Наименование вакансии является гиперссылкой. При нажатии на гиперссылку осуществляется переход на страницу с полным текстом вакансии.
• Агентам
Статическая страница с текстовым, графическим и другими видами контента.
• Флот
Статическая страница с текстовым, графическим и другими видами контента.
• Карта полетов
Статическая страница с графическим контентом.
• Конфиденциальность
Статическая страница с текстовым, графическим и другими видами контента.
4. Порядок и состав работ
Этапы разработки сайта
№ | Содержание работ | Плановый срок работ, дней |
1 | Согласование ТЗ | 2 |
2 | Разработка прототипов страниц | 5 |
3 | Согласование прототипов страниц | 2 |
4 | Разработка шаблонов дизайна в формате PSD (Adobe Photoshop) для всех типовых страниц сайта | 10 |
5 | Согласование шаблонов дизайна | 2 |
6 | Вёрстка шаблонов дизайна в HTML, разработка таблицы стилей CSS | 10 |
7 | Подключение шаблона дизайна к системе управления сайтом | 1 |
8 | Программирование модулей системы управления сайтом | 10 |
Плановый срок работ является ориентировочным, может меняться за счет проведения доработок на каждом из этапов разработки сайта.
5. Порядок контроля и приемки сайта
Сдача-приемка осуществляется после периода опытной эксплуатации. Если сайт работает корректно и устойчиво в течение 7-и календарных дней, период опытной эксплуатации считается завершенным. Сдача-приемка выполненных работ осуществляется при предъявлении Исполнителем комплектов соответствующих документов и завершаться оформлением акта сдачи-приемки, подписанного Исполнителем и утвержденного Заказчиком.
Приемка сайта проводится приемочной комиссией, в состав которой должны входить представители Заказчика и Исполнителя, в течение трех рабочих дней после завершения периода опытной эксплуатации. Результаты работы комиссии должны оформляться актом, подписанным членами комиссии и утверждённым Заказчиком.
Исполнитель обязуется сопровождать продукт в течение 1-го месяца с начала периода эксплуатации, устранять все недоработки и несоответствия техническому заданию (без изменения состава функций).
Все права на дизайн и программные разработки переходят заказчику.
6. Заключение
Элементы сайта и их стилевое оформление, не оговоренные в данном техническом задании, выполняется на усмотрение Исполнителя.
Основные порталы (построено редакторами)