Файл: КР Приложения для WEB.docx

Задание №1

СТРУКТУРА И ФУНКЦИОНАЛ ИНТЕРНЕТ-ПРЕДСТАВИТЕЛЬСТВА

КОМПАНИИ «_____________________»

(наименование компании)

1. Структура сайта и навигация

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

а) Новости;

б) О Компании;

в) Услуги;

г) Портфолио;

д) Контакты.

Все разделы имеют подразделы, описанные ниже.

2) Ссылки

Все активные ссылки делятся на 3 части:

• на подстраницы;

• на функциональные элементы;

• на файлы для загрузки и перекрёстные ссылки на другие сайты.

3) Типовые страницы

1. Первый уровень – входная страница.

2. Второй уровень (универсальный) – это подразделы любого уровня, вывод результатов поиска, подписки и т.п.

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

4. Дизайн часть проекта

Дизайн страниц выполняется в строгом соответствии с корпоративным стилем компании.

5. Содержание и функционал сайта

Начальная страница

Навигация по разделам и подразделам.

На данной странице осуществляется переход на различные разделы сайта.

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

1. Новости

Новости компании, включая новости всех разделов с переходом на архив новостей.

Текстовое описание + возможность разместить небольшую картинку фиксированного размера.

1.1. Архив новостей

Автоматически формируемый архив новостей.

1.2. Аналитика

Тематические публикации, обзор СМИ.

Реализована возможность добавления статей и даты статьи.

1.2.1 Статья 1

Статья 1.

1.2.2 Статья 2

Статья 2.

1.3. Пресса о нас

Реализована возможность добавления статей и даты статьи.

1.3.1 Статья 1

Статья 1.

1.3.2 Статья 2

Статья 2.

1.4. Интервью

Реализована возможность добавления статей и даты статьи.

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

1.4.1 Статья 1

Статья 1.

1.4.2 Статья 2

Статья 2.

Опрос

На начальной странице присутствует администрируемый опрос по схеме «вопрос и несколько вариантов ответа». Есть возможность просмотреть результаты.

2. О компании

Презентационный раздел.

2.1 Миссия

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

2.2 Команда

Информация о сотрудниках компании с указанием должности, ссылкой на e-mail и размещением фотографии.

2.3 Партнеры

Информация о партнерах. Список партнеров с логотипами.

2.3.1 Партнер 1

Информация о партнере.

2.3.2 Партнер 2

Информация о партнере.

2.4 Вакансии

Список открытых вакансий и онлайновое резюме.

2.5 Сотрудничество

Текстовое описание условий сотрудничества.

2.6. Неофициальная часть

Неофициально об _________. Краткое резюме о пристрастиях, увлечениях, фоторепортажи о наших путешествиях и приключениях.

3. Услуги

Информация о предоставляемых компанией услугах

3.1. Размещение рекламы на светодиодных дисплеях

Прайс-лист и краткие технические данные дисплея в виде таблицы.

3.2. Продажа информационных систем

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

3.2.1 ИС 1 Фото, теххарактеристики

3.2.2 ИС 2 Фото, теххарактеристики

3.3 Продажа мобильных ИС

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

3.3.1 МИС 1

Фото, теххарактеристики

3.3.2 МИС 2

Фото, теххарактеристики

4. Портфолио

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

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

• Студия;

• Видео/текстовый ролик;

• Клиент;

Каждый элемент базы содержит кроме того:

• Заголовок;

• Дату;

• Ролика и скриншот или текст (в случае текстовой реклама);

Описание.

4.1. Видеоролики

По умолчанию открывается первый ролик и список остальных роликов

4.1.1 Видеоролик 1

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

4.1.2 Видеоролик 2

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

4.2. Текстовая реклама

По умолчанию открывается первая реклама

4.2.1 Реклама 1

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

4.2.2 Реклама 2

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

4.3. Клиенты

Информация о клиентах. Список клиентов с логотипами.

4.3.1 Клиент 1

Страница содержит заголовок, логотип, описание.

4.3.2 Клиент 2

Страница содержит заголовок, логотип, описание.

4.4. Дизайн-студии

Информация о дизайн студиях и список студий с логотипами.

4.4.1 Студия 1

Страница содержит заголовок, логотип, описание студии.

4.4.2 Студия 2

Страница содержит заголовок, логотип, описание студии.

5. Реклама на дисплее

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

1. Контакты

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

После его обработки, рассмотрения и ответа выкладывается на сайт и отправляется на указанный e-mail клиента, задавшего этот вопрос.

Поля формы:

1.Имя

2.E-mail

3.Вопрос

Графическое изображение фрагмента карты проезда со схематическим изображением местонахождения фирмы. Адрес. Телефоны. Е-mail

2. Карта сайта и поиск

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

Интерфейсные удобства

(мнемонические объекты)

• Добавить в избранное

• Без графики (Версия для печати)

• Отослать ссылку

• Отключить анимацию

В виде иконок с дубляжом текстом – внизу страницы. Возможно – все текстом.

ПРИЛОЖЕНИЕ 1. Структура сайта.

1. Начальная страница

1. Новости

1. Архив новостей

2. Аналитика

   1. Статья 1

   2. Статья 2

1.3 Пресса о нас

1.3.1 Статья 1

1.3.2 Статья 2

1.4 Интервью

1.4.1 Статья 1

1.4.2 Статья 2

2. О компании

1. Миссия (общая информация)

2. Команда (офис, фото офиц.)

3. Партнеры

   1. Партнер 1

   2. Партнер 2

4. Вакансии (онлайновое резюме)

5. Сотрудничество

3. Услуги

3.1 Размещение рекламы на светодиодных дисплеях

3.2 Изготовление рекламных роликов

3.3 Продажа информационных систем

3.3.1 Дисплей 1

3.3.2 Дисплей 2

3.4 Продажа мобильных ИС

3.4.1 МИС 1

3.4.2 МИС 2

3.5 Аренда МИС
4. Портфолио

4.1 Видеоролики

4.1.1 Ролик 1

4.1.2 Ролик 2

4.2 Текстовая реклама

4.2.1 Текстовая реклама 1

4.2.2 Текстовая реклама 2

4.3 Клиенты

4.3.1 Клиент 1

4.3.2 Клиент 2

4.4 Дизайн-студии

4.4.1 Студия 1

4.4.2 Студия 2

5. Контакты

Задание №2

САЙТ КОНДИТЕРСКОГО КОМБИНАТА

«_______________»

(наименование)

1. Структура сайта и навигация

О компании

• Общая информация (эта страница открывается по умолчанию);

• Награды;

• Вакансии.

Новости

Наша продукция

• Праздничные торты;

• Торты на каждый день;

• Весовые торты и рулеты;

• Продукция длительного хранения;

• Элитные пирожные;

• Пирожные;

• Наборы пирожных.

Торты на заказ (примерная структура, планируется расширение)

• День рождения (рабочее название)

• Свадьба (рабочее название)

• Детский праздник (рабочее название)

• Любимому мужчине (рабочее название)

• День рождения фирмы (рабочее название)

Магазины

• Фирменные магазины

• Магазины по районам или Магазины города (рабочее название)

Отзывы

Контакты

2. Описание разделов (страниц) сайта

1. Главная страница

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

• Идентификационные данные

К идентификационным относятся данные, позволяющие отождествить сайт с компанией «_________»:

• Логотип

• Слоган компании: «Торжество вкуса» (должна быть обеспечена возможность замены слогана)

• Копирайт

• Краткую информацию о компании + ссылка на страницу «О компании»

• Блок «Голосование»

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

Пример:

Как часто Вы покупаете торты?

• Раз в неделю

• Раз в месяц

• По праздникам

ОК >>>

• Блок анонсов новостей

На главной странице предполагается публиковать анонсы последних новостей компании. Максимальное количество анонсов – _______. Анонс имеет следующую структуру:

• Дата

• Заголовок (может отсутствовать)

• Краткая аннотация (может отсутствовать)

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

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

3. Внутренние страницы (общие требования)

Все внутренние страницы сайта должны содержать следующие элементы:

• Идентификационные данные

• Логотип

• Слоган компании: «Торжество вкуса» (должна быть обеспечена возможность замены слогана)

• Копирайт (текст не определен)

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

Предполагается наличие идентификатора с названием (заголовком) текущего раздела сайта в виде текста в верхней части страницы. Заголовки разделов и подразделов должны быть оформлены тегами h. С целью повышения релевантности страниц допускается более полная формулировка текста заголовка в идентификаторе по сравнению с названием пункта навигации. Например: «Наша продукция» (навигация) и «Продукция комбината «_________» (идентификатор).

• Навигация по разделам 2-го уровня

На странице должны присутствовать ссылки на разделы 2-го уровня, соответствующие текущему разделу. Ссылка на текущий (выбранный) раздел должна быть выделена относительно других. Внешний вид и положение относительно страницы произвольные.

Необходимо предусмотреть возможность последующего расширения перечня разделов 2-го уровня.

Необходимо предусмотреть ситуацию, когда разделы 2-го уровня отсутствуют.

4. Новости

Новости отображаются в виде списка.

Атрибуты новости:

• Дата;

• Заголовок;

• Анонс (может отсутствовать);

• Полный текст новости.

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

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

[1-10] [11-20] [21-30] [31-34]

Дополнительно в верхней части страницы отображается ссылка «Вернуться к списку новостей».

5. О компании

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

Раздел содержит ссылки на следующие разделы 2-го уровня:

– Награды;

– Вакансии.

6. Награды

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

– Изображение;

– Название;

– Краткое описание.

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

Дополнительно в верхней части страницы отображается ссылка «Вернуться к списку наград».

7. Вакансии

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

– Фамилия, Имя, Отчество;

– Ваш e-mail;

– Название вакансии;

– Текст сообщения.

Поля «Фамилия, Имя, Отчество», «Название вакансии» и «Текст сообщения» обязательны для заполнения и должны быть выделены (цветом, шрифтом, пиктограммой или иным способом). Форма может предваряться дополнительным текстом.

Также форма содержит следующие кнопки:

– Отправить

– Очистить.

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

8. Наша продукция (каталог товаров)

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