Разработка корпоративного веб-сайта для "Приморский океанариум - филиал ННЦМБ ДВО РАН"

Размещено на http://www.allbest.ru/

Разработка корпоративного веб-сайта для «Приморский океанариум - филиал ННЦМБ ДВО РАН»

Владивосток

2022

Глоссарий

Термин	Описание
Сайт	Информационная система, предоставляющая пользователям сети Интернет доступ к своему содержимому и функционалу в виде упорядоченного набора взаимосвязанных HTML-страниц
World wide web (WWW, web, веб)	Единое информационное пространство на базе сети Internet, состоящее из совокупности сайтов. Приставка "веб-" может использоваться для обозначения объектов, ориентированных на использование в WWW или использующих типичные для WWW технологии (например, веб- интерфейс - интерфейс на базе веб-страниц)
HTML-страница (веб- страница, страница)	Основной носитель информации в World ide Web. Особым образом сформатированный файл (набор файлов), просматриваемый с помощью www-браузера как единое целое (без перехода по гиперссылкам)
HTML-теги (теги)	Управляющие коды, посредством которых осуществляется форматирование HTML-страницы
Гиперссылка (ссылка, линк)	Активный элемент HTML-страницы, задаваемый специальным тегом. Выделенный фрагмент текста или изображения, позволяющий загрузить другую страницу или выполнить определенное действие
WWW-браузер (браузер)	Клиентская программа, поставляемая третьими сторонами и позволяющая просматривать содержимое HTML-страниц
HTML-форма (форма)	Часть HTML-страницы, предназначенная для взаимодействия с посетителем сайта. Представляет собой набор элементов (текстовых полей, селекторов, выпадающих списков), посредством которых пользователь может ввести какую-либо информацию и отправить ее для обработки на сервере.
Поле (поле БД, поле формы)	Структурный элемент, содержащий однотипную информацию, например, текст, дату, числовые значения и т.п.
Флаг	Особое поле данных, могущее содержать только одно из двух допустимых значений. Позволяет указать на наличие или отсутствие какого-либо события или свойства объекта
Справочник	Вспомогательная структура данных, содержащая список допустимых значений для какого-либо поля основных форм или БД. Справочники подразделяются на фиксированные (неизменяемые и поставляемые Исполнителем вместе с готовым сайтом) и редактируемые (состав которых может изменяться администратором)
Администратор (менеджер, редактор) сайта	Лицо, осуществляющее от имени Заказчика информационную поддержку сайта
Дизайн-шаблон страниц	Файл, содержащий элементы внешнего оформления HTML страниц сайта, а также набор специальных тегов, используемых системой публикации сайта для вывода информации при создании окончательных HTML страниц
Дизайн веб-сайта	Уникальные для конкретного веб-сайта структура, графическое оформление и способы представления информации
Информационные материалы	Информация о деятельности Заказчика. Может включать графические, текстовые, аудио или видео материалы. Предоставляется Заказчиком
Наполнение (контент)	Совокупность информационного наполнения веб-сайта. Включает тексты, изображения, файлы и т.п. предназначенные для пользователей системы
Элемент наполнения (контента)	Отдельная запись в базе данных, внешнее представление которой зависит от управляющего ей программного модуля (например, в модуле «новостная лента» элементом наполнения является отдельная новость)
Система динамического управления наполнением (контентом) сайта	Информационная система, позволяющая авторизованным пользователям производить изменения иерархической структуры и информационного наполнения веб-сайта без использования каких либо дополнительных специальных программных средств
Дамп	Совокупность объектов базы данных, представленная в виде файлов, позволяющая восстановить точную копию структуры исходной базы данных в аналогичной системе управления базами данных
Веб-интерфейс	Совокупность экранов и элементов управления системы, позволяющих пользователю, осуществляющему доступ к системе через веб-браузер, осуществлять поддержку и управление системой.
Шаблона раздела	Особым образом размеченный ASCII-файл, определяющий как графическое оформление страниц раздела, так и их макет (раскладку) - взаимное расположение блоков с наполнением раздела
WYSIWYG редактор	Редактор языка HTML, имеющий возможности по работе в текстовом режиме и в режиме WYSIWYG (What You See Is What You Get). В режиме WYSIWYG элементы HTML страницы при редактировании представляются в том же виде, что и при просмотре
Роль	Класс пользователей системы, обладающих определенным набором прав доступа

Прочая техническая терминология понимается в соответствии с действующими стандартами и рекомендациями международных органов, ответственных за вопросы стандартизации в сети Интернет.

1. Общие положения

1.1 Предмет разработки

Предметом разработки является создание Интернет-сайта «филиал ННЦМБ ДВО РАН» и разработка его адаптивной версии, управление наполнением на базе веб-интерфейса.

1.2 Назначение документа

В настоящем документе приводится полный набор требований к реализации сайта «филиал ННЦМБ ДВО РАН» и его адаптивной версий сайта. Подпись Заказчика и Исполнителя на настоящем документе подтверждает их согласие с нижеследующими фактами и условиями:

1. Заказчик подготовил и разработал настоящий документ, именуемый Техническое Задание, который содержит перечень требований к выполняемым работам.

2. Заказчик и Исполнитель согласны со всеми положениями настоящего Технического Задания.

3. Заказчик не вправе требовать от Исполнителя выполнения работ либо оказания услуг, прямо не описанных в настоящем Техническом Задании.

4. Исполнитель обязуется выполнить работы в объёме, указанном в настоящем Техническом Задании.

5. Заказчик не вправе требовать от Исполнителя соблюдения каких-либо форматов и стандартов, если это не указано в настоящем Техническом Задании.

6. Все неоднозначности, выявленные в настоящем Техническом задании после его подписания, подлежат двухстороннему согласованию между Сторонами. В процессе согласования могут быть разработаны дополнительные требования, которые оформляются дополнительным соглашением к Договору и соответствующим образом оцениваются.

2. Функциональные требования

2.1 Классы пользователей

1) Гость - неавторизованный пользователь, обладает правами просматривать статические разделы, элементы разделов, видео и фото. Также доступна форма регистрации. Для неавторизованных пользователей нет доступа к разделу «Личный кабинет»;

2) Администратор - пользователь, авторизованный в интерфейсе администрирования сайта. Имеет полный доступ ко всем функциональным возможностям администрирования системы: просмотр, добавление, переименование и редактирование разделов, страниц, фото и видео контента.

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

2.2 Требования к форме регистраций

На сайте должны быть реализована форма регистрации:

1)Регистрация через электронную почту:

· Пользователь вводит электронную почту

· На почту высылается письмо с подтверждением

· Пользователь вводит новый пароль

2.3 Требования к представлению сайта

Каждая страница сайта имеет три неизменных элемента: шапку, контент, футер. Отступ справа и слева на всех страницах.

шапка сайта: в шапке сайта на фоне логотипа находятся:

- облегченная навигационная панель, которая обеспечивает переход к основным пунктам меню сайта («Океанариум», «Научный центр», «Афиша», «3D-тур», «Контакты» «Магазин»);

- кнопки меню сайта с раскрывающимся списком страниц сайта;

- логотип с ссылкой на главную страницу;

- кнопка «Купить билет»

- кнопка «Личный кабинет»

- выбор языка из выпадающего меню

- Контент страницы - возможно размещение массива текста, блока перехода на подразделы, галереи.

- Футер сайта: на однородном фоне расположены:

- ссылки на разделы («Океанариум», «Пользовательское соглашение», «Противодействие терроризму», «Противодействие коррупции», «Закупки», «Правила посещения», «Доступный океанариум»);

- Иконки социальных сетей с ссылкой на страницы сообществ (Вконтакте).

3. Требования к представлению главной страницы сайта

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

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

Контентная область первой страницы должна делиться на следующие разделы:

- слайдер - на слайдере может быть размещен контент, баннеры, видео.

- баннеры - блоки с размещенным контентом. При нажатии на баннер происходит переход на соответствующий раздел или статью на сайте.

- новости - содержит ссылку на раздел «новости» и несколько последних новостей (анонсы) в формате: заголовок, лид, изображение.

Во время работы с сайтом при разрешении экрана не менее 1280х720 пикселей не должна появляться горизонтальная полоса прокрутки. При увеличенном разрешении функциональные блоки расширяются в соответствующих пропорциях, заполняя всю рабочую область экрана браузера.

При работе с мобильной версией сайта на устройствах типа смартфон или планшет, функциональные блоки распределяются в соответствующих пропорциях.

Графическая оболочка внутренних страниц (общая для всех подразделов)

Графическая оболочка внутренних страниц должна делиться на следующие разделы:

- графическая шапка (активная, осуществляет переход на основные страницы сайта)

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

- поле для отображения контента выбранной страницы сайта;

4. Требования к структуре сайта

Все названия разделов сайта, приведенные ниже, являются условными и могут корректироваться по согласованию в ходе проектирования. При помощи системы управления сайтом 1С Битрикс структура и состав разделов сайта в дальнейшем могут быть изменены и дополнены.

Первоначальная структура сайта должна иметь следующий вид:

1. Главная

2. Океанариум

2.1 Отдых и развлечения

2.1.1 Территория

2.1.2 Экскурсии

2.1.3 Мастер-классы

2.1.4 Кафе

2.1.5 Квесты

2.1.6 День рождения в океанариуме

2.2 Экспозиции

2.2.1 Страница экспозиции

2.3 Наши животные

2.3.1 Страница животного

2.4 Доступный океанариум

2.4.1 Социальные программы

2.4.2 Страница волонтёрства

2.4.3 Благотворительная акция

2.5 Фотоальбом. Раздел сайта с каталогом фотоальбомов. При переходе на раздел открывается страница с галереей фотографий. К фото должна быть возможность сделать подпись. Редактируется через панель администратора.

3. Наука

3.1 Услуги

3.2 Оборудование

3.3 Новости

3.4 Правовая информация

3.5 Методики

4. Образование

4.1 Школа морей и океанов

4.1.1 Каталог обучающих онлайн программ

4.1.1.1 Онлайн программа

4.1.1.1.1 Страница с видео

4.1.1.1.2 Страница с тестированием

5. Афиша

6. 3D-тур (за основу может быть взят существующий 3D-тур или доработан, но должен соответствовать настоящему Техническому заданию и действующему законодательству в отношении системы управления сайта).

7. для государственных структур.

8. Контакты

9. Магазин

10. Правовая информация

10.1 Закупки

10.2 Антимонопольный комплекс

10.3 Пользовательское соглашение

10.4 Противодействие терроризму

10.5 Противодействие коррупции



5. Требования к системе управления сайтом

Требования к управлению разделами сайта

Для управления разделами сайта должны быть предусмотрены следующие функции:

- создание подраздела 1 уровня;

- создание подраздела 2 (и далее) уровня;

- редактирование контента страницы;

- удаление раздела;

- редактирование названия страницы и разделов

- перемещение раздела вверх в списке;

- перемещение раздела вниз в списке;

- признак показа (show) или не показа (hide) страницы в клиентской части сайта;

- отображение списка подразделов выбранного уровня.

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

Для управления наполнением сайта должны быть предусмотрены следующие блоки:

1. поле элемента контента, может быть одного из следующих типов:

- строка;

- дата;

- ссылка на файл;

- многострочный текст;

2. элемент контента - состоит из набора полей элемента контента;

3. список элементов контента - состоит из набора элементов контента.

4. Поле элемента контента типа «Текст» должно редактироваться на отдельной странице в редакторе многострочного текста (данный редактор допускает включение в текст изображений или видео ролика).

5. Для каждого элемента контента должен определяться требуемый набор полей.

6. Список элементов контента должен позволять:

* перейти к редактированию полей элемента списка;

* удалить элемент списка;

* определить порядок элементов списка вывода в клиентской части;

* указать признак hide\show.

6. Требования к текстовому разделу сайта

Гипертекстовая информация с возможностью использования, при наполнении, тегов HTML: текст, изображения, видео, списки, таблицы и пр.

Возможность прикреплять PDF документы для текстовых разделов сайта.

Просмотр информации раздела по умолчанию доступен всем посетителям портала, но может быть ограничен пользователями группы «Администраторы».

Создание раздела, редактирование его свойств и содержащейся в нём информации, доступно пользователям группы «Администраторы».

Создание и редактирование свойств раздела производится с использованием формы, состоящей из полей:

· Родительский раздел - селектор (выпадающий список существующих разделов сайта)

· Название - текстовое поле

· Гиперссылка - текстовое поле

· Позиция сортировки - текстовое поле

· Открыть ссылку в - селектор (новом окне, самом верхнем окне, родительском окне, текущем окне)

· Отображение - флаг (видимый, невидимый)

Разделы с не установленным флагом «Отображение» не включаются в контент-меню.

Значение поля «Название раздела» используется в конент-меню пользовательской части сайта.

Изменение содержимого раздела может производиться путем ввода простого

(неформатированного) текста в форму, состоящую из полей, соответствующую типовым элементам страниц:

· Заголовок страницы - текстовое поле

· Ключевые слова - текстовое поле

· Описание страницы - текстовое поле

· Флаг индексировать/не индексировать

· Контент - текстовое поле.

Значение поля «Заголовок страницы» используется для формирования тэга <TITLE> на страницах соответствующего раздела.

Значения полей «Ключевые слова» и «Описание страницы» используются системой для автоматического формирования соответствующих атрибутов тега <META> на страницах раздела.

Поле «Контент» предоставляет возможность использования, при наполнении, тегов HTML: текст, изображения, списки, таблицы и пр. Для редактирования этого поля может быть использован инструмент, входящий в состав ядра системы управления, обеспечивающий визуальное форматирование текста (выделения фрагментов шрифтом, цветом, вставки иллюстраций, гиперссылок, ссылок на разделы и документы портала и т.п.). Предусмотрена возможность загрузки иллюстраций или файлов с локального компьютера на сервер. Загрузка осуществляется встроенными средствами поддерживаемых браузеров с использованием стандартных возможностей передачи файлов протоколов HTTP. Все страницы, не описанные каким-либо из остальных типов, представляются данным типом разделов.

7. Функциональные требования

Интернет магазин

Страница содержит:

· Баннер с предложениями океанариума:

· Категории товаров и несколько предложений из них:

o Серым цветом на макете отображены рекламные баннеры

· Текущие акционные товары (4 товара с изображением):



· Благотворительность (4 блока):

· Кнопка «Смотреть весь каталог» - разворачивает дополнительные блоки каталога

· 3 разворачиваемые информационные статьи:

o Как купить

o Условия доставки

o Обмен и возврат

Раздел магазин

Содержит кнопки:

· Избранное - список товаров добавленные зарегистрированным пользователем

· Корзина - товары, добавленные зарегистрированным пользователем в корзину

· Выпадающий список «Категория» - содержит сортировку по товарам:

o Футболки

o Кружки

o Сувениры

o Магниты

o Игрушки

· Сортировка по цене - переключатель с указанием диапазона цены

· Скидки и акции - сортировка по товарам, которые продаются по сниженной цене

· Благотворительные товары - сортировка по товарам, которые относятся к разделу благотворительность

Содержит сетку товаров с указанием:

· Название

· Изображение

· Цена

В разделе предполагается онлайн оплата, которая будет реализована через интеграцию платежного модуля банка-партнера, который будет выбран Заказчиком. Также через плагины будет реализована возможность доставки покупок из интернет-магазина. Выбор компании-партнера и интеграция плагина будет произведена после подписания договора на данную услугу между Заказчиком и партнёром.

В нижней части страницы:

· Кнопка «Смотреть весь каталог» - разворачивает дополнительные блоки каталога

· 3 разворачиваемые информационные статьи:

o Как купить

o Условия доставки

o Обмен и возврат

Карточка товара

Страница содержит:

· Название товара

· Несколько переключаемых изображений товара

· Цена товара

· Кнопки:

o Добавить в избранное - добавляет в раздел «Избранное» для авторизованного пользователя

o Купить - переход в систему оплаты

o Купить в один клик - переход в систему оплат

o Хочу в подарок - переход на страницу с условиями получения

o Оставить отзыв - переход к странице отзывов

· Описание товара

· 3 последних оставленных отзыва о товаре

· Кнопка «Показать еще» - разворачивает дополнительно 3 комментария



В нижней части страницы:

· 3 разворачиваемые информационные статьи:

o Как купить

o Условия доставки

o Обмен и возврат

Избранное

Раздел содержит список товаров, добавленных из магазина. Каждый товар содержит:

· Название товара

· Миниатюрное изображение товара

· Цену товара

· Кнопки:

o Купить

o Купить в один клик

o Хочу в подарок

o В правом верхнем углу карточки товара «х» - удалить товар из списка



· 3 разворачиваемые информационные статьи:

o Как купить

o Условия доставки

o Обмен и возврат

Корзина

Страница содержит информацию о добавленных товарах и покупателе. Блоки:

· Карточки товаров:

o Название товара

o Изображение товара

o Цена

o Количество (шт)

o Кнопка «х» в правом верхнем углу каждой карточки - удалить из списка



· Информация о покупателе:

o ФИО покупателя - поле для текстового ввода

o Номер телефона - поле для текстового ввода

o E-mail покупателя - поле для текстового ввода

· Информация о доставке:

o Город доставки - поле для текстового ввода

o Адрес доставки - поле для текстового ввода

Кнопка «Оплатить» - переносит пользователя на страницу оплаты.

· 3 разворачиваемые информационные статьи:

o Как купить

o Условия доставки

o Обмен и возврат

Океанариум

Страница океанариум

Содержит блоки:

· Баннер с информацией

· Текстовая информация об океанариуме

· Блоки с кнопками перехода к другим страницам раздела «Океанариум»



Страница Отдых и развлечения

Содержит блоки:

· Текстовое описание океанариума и фото

· Меню дополнительной информации:

o Погулять

o Экскурсии

o Мастер-классы

o Кафе

o День рождения в Океанариуме

o Квесты в Океанариуме

Погулять

При выборе из меню этого пункта информация ниже изменяется на данные из соответствующего блока.

Блок «Погулять» содержит:

· Текстовое описание раздела

· Карта территории океанариума

· Информация как добраться до океанариума:

o Интерактивная карта

o Адрес

o Все контактные данные

o Расписание работы шаттлов (автобусов на территории)

Экскурсии

При выборе из меню этого пункта информация ниже изменяется на данные из соответствующего блока.

Блок «Экскурсии» содержит:

· Текстовое описание блока

· Карточки доступных экскурсий, которые содержат:

o Название экскурсии

o Описание

o Кнопка «Подробнее» - разворачивает полное текстовое описание экскурсии и 3 последних отзыва об экскурсии. При развернутом описании добавляется кнопка «Свернуть»

o Возрастные ограничения

o Количество участников

o Длительность экскурсии

o Кнопка «Записаться»

· Информация как добраться до океанариума:

o Интерактивная карта

o Адрес

o Все контактные данные

o Расписание работы шаттлов (автобусов на территории)



Мастер-классы

При выборе из меню этого пункта информация ниже изменяется на данные из соответствующего блока.

Блок «Мастер-классы» содержит:

· Текстовое описание блока

· Карточки доступных мастер-классов, которые содержат:

o Название мастер-класса

o Описание

o Кнопка «Подробнее» - разворачивает полное текстовое описание мастер-класса и 3 последних отзыва об мастер-классе. При развернутом описании добавляется кнопка «Свернуть»

o Возрастные ограничения

o Количество участников

o Длительность мастер-класса

o Кнопка «Записаться»

· Информация как добраться до океанариума:

o Интерактивная карта

o Адрес

o Все контактные данные

o Расписание работы шаттлов (автобусов на территории)

Кафе

При выборе из меню этого пункта информация ниже изменяется на данные из соответствующего блока.

Блок «Кафе» содержит:

· Текстовое описание кафе

· Фотография кафе

· Кнопка «Просмотреть меню» - переносит пользователя на страницу меню. Меню кафе с позициями, ценами и описанием. У данного раздела должна быть возможность редактирования через панель администратора.

· Информация как добраться до океанариума:

o Интерактивная карта

o Адрес

o Все контактные данные

o Расписание работы шаттлов (автобусов на территории)

Экспозиции

Блок «Экспозиции» содержит:

· Карточки с выбором текущих экспозиций:

o Название

o Изображение экспозиции

· Информация как добраться до океанариума:

o Интерактивная карта

o Адрес

o Все контактные данные

o Расписание работы шаттлов (автобусов на территории)

Карточка экспозиции

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

Карточка содержит:

· Текстовое описание

· Фотографии экспозиции

· Информация как добраться до океанариума:

o Интерактивная карта

o Адрес

o Все контактные данные

o Расписание работы шаттлов (автобусов на территории)

Наши животные

Страница содержит информацию о животных океанариума.

Блоки страницы:

· Текстовое описание блока

· Сетка карточек животных океанариума

· Информация как добраться до океанариума:

o Интерактивная карта

o Адрес

o Все контактные данные

o Расписание работы шаттлов (автобусов на территории)

Карточка животного

При выборе из сетки в разделе «Наши животные» пользователь попадает в карточку животного с информацией о нем.

Карточка содержит:

· Имя животного

· Фотография животного

· Текстовое описание

· Тренера прикрепленные к животному - содержит имя тренера и фотографию

· Галерея фотографий животного и кнопка «Перейти в альбом»

· Галерея видео животного и кнопка «Перейти в альбом»

· Общие факты о животном

· Афиша животного - содержит информацию о выступлениях животного



· Информация как добраться до океанариума:

o Интерактивная карта

o Адрес

o Все контактные данные

o Расписание работы шаттлов (автобусов на территории)

Доступный океанариум

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

Блоки страницы:

· Текстовое описание страницы

· Карточки социальных программ:

o Название

o Краткое описание программы

o Кнопка «Подробнее» - разворачивает описание программы. После разворачивания отображается дополнительная кнопка «Свернуть»

o Кнопка «Записаться»

· Информация как добраться до океанариума:

o Интерактивная карта

o Адрес

o Все контактные данные

o Расписание работы шаттлов (автобусов на территории)

Образование

Страница образование

Содержит переход на страницы с информацией.

Блоки на странице:

· Текстовое описание

· Изображение раздела

· Переход на страницы с информацией (тексто-графические страницы с целями и описанием):

o Школа морей и океанов

o Программа «Морской урок»

o Растем в океанариуме

o Лаборатория исследовательских и проектных идей



Школа морей и океанов

Страница содержит информацию о курсах.

Блоки на странице:

· Изображение раздела

· Текстовое описание

4 курса

· Кнопка «Смотреть все курсы» - разворачивает список доступных курсов

Все курсы представляют сетку из доступных курсов:

Карточка активного курса

После приобретения курса пользователю доступна страница с материалами курса.

Страница содержит блоки:

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

· Разделы с материалами курса:

o При нажатии на раздел разворачивается выпадающий список материалов

o Кнопка «Пройти тест»

o Последний раздел «Итоговое тестирование»

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

При просмотре материалов открывается дополнительная страница, которая содержит:

· Видеоматериал

· Текстовое описание

· Кнопку «Поставить оценку»

Морской урок

Страница «Морской урок» содержит:

· Текстовое описание блока

· Сортировку по возрастным группам:

· Карточки доступных уроков, которые содержат:

o Название программы

o Описание

o Кнопка «Подробнее» - разворачивает полное текстовое описание программы и 3 последних отзыва о программе. При развернутом описании добавляется кнопка «Свернуть»

o Возрастные ограничения

o Кнопка «Записаться»

· Информация как добраться до океанариума:

o Интерактивная карта

o Адрес

o Все контактные данные

o Расписание работы шаттлов (автобусов на территории)

Растем с океанариумом

Страница «Растем с океанариумом» содержит:

· Текстовое описание блока

· Карточки доступных уроков, которые содержат:

o Название программы

o Описание

o Кнопка «Подробнее» - разворачивает полное текстовое описание программы и 3 последних отзыва о программе. При развернутом описании добавляется кнопка «Свернуть»

o Возрастные ограничения

o Кнопка «Записаться»

· Информация как добраться до океанариума:

o Интерактивная карта

o Адрес

o Все контактные данные

o Расписание работы шаттлов (автобусов на территории)

Афиша

Наполнение раздела происходит через панель администратора посредством размещения графического, видео и тестового контента.

Страница Афиша

Содержит информацию о мероприятиях.

Блоки страницы афиша:

· Календарь с текущим месяцем в виде таблицы

· Кнопки переключения между ближайшими датами:

o Сегодня

o Завтра

o Выходные

o Выбрать дату

· Сетка ближайших мероприятий



· Информация как добраться до океанариума:

o Интерактивная карта

o Адрес

o Все контактные данные

o Расписание работы шаттлов (автобусов на территории)

Страница мероприятия

Страница содержит информацию о мероприятии.

Переход на страницу производится через выбор мероприятия на сайте.

Блоки на странице:

· Текстовое описание

· Галерея фотографий мероприятия

· Кнопка «Купить билет»

· Информация как добраться до океанариума:

o Интерактивная карта

o Адрес

o Все контактные данные

o Расписание работы шаттлов (автобусов на территории)



Наука

Страница наука

Содержит информацию о научной работе океанариума.

Блоки страницы:

· Текстовое описание

· Изображение раздела

· 4 карточки для перехода на страницы



· Раздел «Наши новости»:

o Кнопка «Больше новостей»

o 3 новостных блока с указанием заголовка новости и изображением

Страница Услуги

Содержит список предоставляемых услуг.

Каждая карточка содержит:

· Название услуги

· Описание услуги

· Кнопка «Подробнее», чтобы развернуть полное описание. В развернутом виде кнопка «Свернуть»



Страница Оборудование

Содержит список оборудования.

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

Таким образом, Исполнитель разрабатывает систему бронирования, которая будет через панель администратора сайта модерироваться в плане отображения свободного оборудования. Модерация временных слотов и актуальная информация по бронированию должна будет отображаться в панели у пользователя с нужными правами доступа. Также запись на использование оборудования необходимо будет интегрировать в личный кабинет пользователя: история использования.

Каждая карточка содержит:

· Название оборудования

· Изображение оборудования

· Описание оборудования

· Переход на страницу «Календарь использования»

· Кнопка «Подробнее», чтобы развернуть полное описание. В развернутом виде кнопка «Свернуть»

Календарь использования оборудования

Страница содержит информацию об использовании.

Блоки страницы:

· Выбор оборудования - выпадающий список

· Выбор месяца - выпадающий список месяцев

· Таблица с календарем использования

· Кнопка «Список оборудования»

Страница Методики

Страница содержит текстовое описание методик.

Блоки страницы:

· Текстовое описание

Страница Правовая информация

Страница содержит ссылки на документы правовой информации.

Блоки страницы:

· Ссылки на документы, представленные в виде текста.

Личный кабинет

Содержит разделы:

· Общая информация

· История покупок

· Прогресс обучения

· История использования оборудования

Общая информация

Содержит поля для ввода:

· Информация о пользователе

o ФИО пользователя

o Номер телефона

o E-mail

o Кнопку «Редактировать»

· Информация о доставке

o Город

o Адрес

o Кнопку «Редактировать»



История покупок

Содержит информацию о покупках и статусе заказа в виде списка.

Карточки заказа содержат:

· Номер заказа

· Дата заказа

· Кнопка «Подробнее» - разворачивает полную карточку заказа:

o Список товаров - название товара и изображение

o Цена товара

o Адрес доставки

o Статус оплаты

o Кнопка «Свернуть»

Карточки «Покупка билетов» содержат:

· Номер заказа

· Дата заказа

· Кнопка «Подробнее» - разворачивает полную карточку заказа:

o Цена билета

o Статус оплаты

o Кнопка «Свернуть»

Покупка билета

Покупка билета производится с помощью виджетов, встраиваемых в код страницы. Страница должна поддерживать использование javascript и иметь возможность кастомизации.

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

Прогресс обучения

Страница содержит информацию о курсах.

Блоки страницы:

· Заголовок раздела

· Ссылка на курс

· Изображение курса

Варианты заголовков:

· Пройденные курсы

· Курсы в прохождении

· Полученные достижения



8. Требования к разделению доступа

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

9. Требования к видам обеспечения

9.1 Требования к информационному обеспечению

Требования к хранению данных

Все данные сайта должны храниться в структурированном виде под управлением реляционной СУБД. Исключения составляют файлы данных, предназначенные для просмотра и скачивания (изображения, видео, документы и т.п.). Такие файлы сохраняются в файловой системе, а в БД размещаются ссылки на них. Наполнение различных сайтов, функционирование которых поддерживается одной и той же инсталляцией системы, должно храниться под управлением единой СУБД.

Требования к языкам программирования

Система управления сайтом будет реализована на платформе 1С-Битрикс CMS в версии Бизнес. Лицензия приобретается Заказчиком.

Реализация обмена данными в интернет магазине/платформе будет осуществляться за счет интеграции 1С-Склад.

Требования к организации гиперссылок

Все ссылки на сайте должны быть относительными (за исключением внешних).

Требования к иллюстрациям

Все рисунки и фото объемом более 1 kb (кроме элементов дизайна страницы) должны быть выполнены с замещающим текстом. Все рисунки должны быть в формате gif или jpg.

Требования к объему одной страницы

Объем одной стандартной загружаемой страницы сайта в среднем не должен превышать 170 kb.

10. Требования к программному обеспечению

Указывает Исполнитель.

Клиентская часть:

Любой из перечисленный ниже браузеров (указана минимальная версия) с включенным интерпретатором JavaScript, Страницы сайта должны быть выполнены в соответствии с последними

действующими версиями стандартов HTML 4, 5 и CSS 2, 3;

· Mozilla -последние 3 версии;

· Opera 9 -последние 3 версии;

· Chrome -последние 3 версии;

· Yandex -последние 3 версии;

· Safari - последние 3 версии;

· Edge - последние 3 версии.

11. Требования к лингвистическому обеспечению

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

интернет-сайт веб-интерфейс

12. Требования к эргономике и технической эстетике

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

13. Требования к приемке-сдаче проекта

13.1 Требования к наполнению информацией

Общие требования к информационному наполнению

В рамках работ по данному проекту Исполнитель обеспечивает наполнение разделов сайта предоставленными Заказчиком материалами в порядке, указанном в п. 6. Исполнитель обеспечивает обработку иллюстраций для приведения их в соответствие с техническими требованиями и HTML-верстку подготовленных материалов. Сканирование, набор и правка-вычитка текстов, ретушь, монтаж, перевод и другие работы могут быть выполнены Исполнителем на основании дополнительного соглашения (после просмотра имеющихся у заказчика материалов). После сдачи системы в эксплуатацию информационное наполнение разделов, осуществляется на основании договора на поддержку сайта. Объем текста и количество иллюстраций в других типах разделов определяется предусмотренной настоящим ТЗ структурой данных и уточняется на этапе согласования дизайн-концепции.

13.2 Требования к верстке страниц

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

Стандарт разработки: HTML5/CSS3 HTML

кодировка -utf-8;

код валидный и проходит валидацию;

верстка на основе Фреймворка Bootstrap;

адаптивность под 4 разрешения: <768px, ?768px, ?992px и ?1200px;

на любом разрешение текст должен быть читаем, дизайн предсказуем;

структурный, комментируемый код (обозначается начало/конец крупных блоков).

отбивка табами или двойными пробелами или четырехкратными пробелами (нужно выбрать один стиль и придерживаться его во всем проекте);

семантическая разметка проходит валидациюю Yandex и Google;

грамотное использование тегов h1.h6 и т.д.

имена классов и идентификаторов - осмысленные;

классы служат для привязки оформления, идентификаторы - скриптов;

использовать CSS в коде HTML запрещено;

версия для печати (всего сайта) максимально близко соответствует верстке.

html-документ должен соответствовать стандарту w3c в xHTML Strict, и быть сверстан с применением CSS.

html-документ сайта должен иметь блочную верстку (верстку div'ами), вложенные блоки следует отмечать отступами, для отступов использовать табуляцию.

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

Страница должна максимально идентично отображается во всех современных браузерах: Internet Explorer 11.0 и выше, Mozila FireFox 83.0 и выше, Opera 73.0 и выше, Google Chrome последние 3 версий, Yandex последние 3 версий и при разрешениях монитора от 1024x768 до 1920х1080.

Все стили следует вынести в файл styles.css, определение стилей непосредственно на странице недопустимо.

Все java-скрипты следует хранить в папке /js/, вставка скриптов непосредственно в html-код недопустима, за исключением кода счетчика Google Analytics и ситуаций, когда вынос скриптов в отдельный файл невозможен.

Результат требуется представить в следующей структуре файлов:

* /index.html - файл с вёрсткой страницы

* /styles.css - файл стилей сайта

* /images/ - каталог с графическими файлами дизайна сайта

* /js/ -- файлы c js-скриптами.

Все названия стилей должны быть английскими (без русских слов на латинице).

Все тэги должны быть написаны в нижнем регистре.

У всех ссылок должен быть прописан параметр title="".

У всех картинок должен быть прописан параметр alt="".

Не следует использовать на странице заголовки h2 если нет заголовка h1 (это касается всех уровней заголовков).

Не использовать на странице более одного заголовка h1.

Порядок предоставления информационного наполнения

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

В каждой директории размещается набор документов в формате MS Word - по одному документу на каждый информационный модуль, информационные блоки которого опубликованы в соответствующем разделе. Не допускается размещение текста в виде графических изображений или иных нетекстовых элементов.

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

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

Материалы для первоначального наполнения разделов должны быть полностью представлены Исполнителю в сроки, установленные планом-графиком работ. Допускается передача материалов частями, в нескольких zip-файлах, соответствующих приведенным требованиям.

Передача материалов в объеме и формате, соответствующем настоящему ТЗ закрепляется подписанием Акта о передаче информационного наполнения.

Существенные изменения информационного наполнения силами Исполнителя после подписания данного Акта допускаются только на основании отдельного соглашения за дополнительную плату.

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

14. Требования к документации

В момент сдачи проекта заказчику предоставляется следующий набор документов:

· Краткое руководство по переносу системы на другую хостинг - площадку.

· Документация по стандартным модулям системы управления сайтом 1С-Битрикс.

· Краткое руководство (справочная информация) пользователя в административной части сайта.

15. Требования к персоналу

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

Администратор, оператор: уверенный пользователь сети Интернет, знание Microsoft Word.

Прочие пользователи: уверенный пользователь сети Интернет.

16. Порядок переноса сайта на технические средства заказчика

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

Перед осуществлением переноса Заказчик обеспечивает удаленный shell-доступ к веб-серверу и доступ к базе данных сайта.

Дополнительные требования

Требования к безопасности

Требуется защитить исходный код общей части сайта. Не должно быть возможности считать php-код скриптов. Требуется разграничение доступа. Пароли пользователей хранятся в зашифрованном виде.

На уровне СУБД должно быть реализовано разграничение доступа к данным в БД.

Требования к надежности

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

Размещено на Allbest.ru

...