Структура программного продукта.
Структура клиентского программного продукта
Используя основные элементы дизайна и определенные стандарты, был создан удобный интерфейс для пользователей данного веб-сайта.
Для навигации имеется главное меню (Рисунок 3), которое присутствует на всех страницах сайта, для создания эффекта единого образа интерфейса.
Структура основного меню:
Главная страница;
Работники месяца;
Наш форум;
Создать тему;
Задать вопрос администрации.
Банк данных;
Быстрая панель:
Новости;
Фото-галерея.
Рисунок 3 – «Главное меню»
Сайт разбит на 7 основных частей (разделов):
Основная страница (главная);
Презентация работников месяца;
Форум предприятия;
Информационный репозиторий;
Раздел новостей;
Фото-галерея.
Стоит рассмотреть несколько наиболее важных для сотрудников разделов.
Информационный репозиторий является одним из ключевых разделов сайта. В нем производится выбор необходимой для сотрудника информации, также организован удобный поиск. Для навигации по репозиторию создано специальное вспомогательное меню, находящееся в левой части окна, ниже главного меню, что позволяет с легкостью выбрать необходимый раздел данных (Рисунок 4).
Рисунок 4 – «Информационный репозиторий»
Следующий из ключевых разделов- это раздел новостей (Рисунок 5). Данный блок состоит из двух частей:
Новости предприятия;
РИА-Новости.
Рисунок 5 – «Новости предприятия»
Выбор разделов реализован на использовании технологии AJAX, для экономии трафика и более гибкого дизайна, с возможностями возврата к предыдущим разделам.
РИА-Новости подгружаются со стороннего ресурса, являющегося официальным источником новостей.
Рисунок 6 – «РИА новости»
Новости предприятия хранятся в базе данных, благодаря чему можно просмотреть всю иерархию событий предприятия.
В раздел новостей добавлена опция «Обсудить на форуме», что позволяет пользователю заинтересовавшую его новость обсудить на форуме предприятия.
Также стоит рассмотреть форум предприятия, являющийся одним из больших разделов сайта. Форум позволяет пользователям создавать темы и обсуждать их. Форум состоим из списка тем, разбитых на страницы, содержащие десять тем (Рисунок 7).
Рисунок 7 – «Форум: выбор темы»
Выбрав интересующую тему, пользователю выдается список постов к данной теме (Рисунок 8).
Рисунок 8 – «Форум: посты»
В конце страницы сформирована специальная форма с возможностью добавления своего комментария (Рисунок 9). При создании нового поста имеется опция «цитировать» собеседника. При нажатии на данную кнопку, в окно ввода текста поста добавляется специальный код цитаты с текстом выбранного пользователя.
При отображении поста с цитатой, цитата будет выделена в полупрозрачном блоке красного цвета, с ключевым словом «Цитата».
Рисунок 9 – «Форум: добавить пост»