116
Осуществляет изменение размера
картинок, в зависимости от настроек, тем
самым уменьшает нагрузку на
приложение, увеличивая скорость работы
приложения.
7
Модуль - экспорт
Предоставляет выгрузку информации из
административной панели, к примеру, по
проектам.
8
Модуль – фильтр
Осуществляет фильтрацию данных в
административной панели сайта.
9
Модуль -
шаблонизатор
Позволяет настраивать шаблон страницы
для определенной страницы сайта, в
зависимости от условий или технических
требовани
117
2.4 Контрольный пример реализации проекта и его описание
Рассмотрим пример реализации проекта со стороны пользователя. При
наборе адреса сайта студии корпусной мебели «ВК Мебель» попадаем на
главную страницу. В верхнем правой части сайта представлены контактные
данные – почта и телефон, для связи с компанией. Ниже, представлено
навигационное меню по приложению, на основные страницы. Слева от меню
– логотип компании. В футере представлен перечень категорий проектов,
наиболее популярный среди заказов по производству корпусной мебели. В
основании футера с левой части сайта находится копирайт с наименованием
компании, справа – меню на дополнительные страницы сайта.
В центральной части страницы, по всей высоте, располагается слайдер
избранных работ, для демонстрации пользователям.
Рис. Главная страница
На странице О компании представлен общий шаблон сайта. На сайте
реализован единый шаблон приложения, лишь за исключением,
подключения, определенных виджетов на страницах.
Отличие от Главной страницы заключается в контентном содержании
страницы. Страница визуально делится на две части, в левой представлена
навигационная цепочка (дублирующее меню, «хлебные крошки», англ.
118
Breadcrumbs) — элемент навигации сайта, представляющий собой путь по
нему от корня до текущей страницы, которая в данный момент представлена
пользователю.
Ниже выводится заголовок страницы и контентное содержание данной
страницы. В правой части сайта расположено меню категорий каталога сайта
с возможностью перехода по категориям.
Рис. О компании
119
Страница Услуги аналогична по структуре страницы О компании, отличается
контентная часть.
Рис. Услуги
Страница Контакты имеет схожий шаблон и структуру элементов, в
контентной части расположена контактная информация, ссылки на
социальные сети компании и форма обратной связи.
Рис. Контакты
120
Страница Обратная связь.
Основное отличие от основных страниц сайта в следующем, в правой части
меню отображаются страницы дополнительного меню приложения, обратная
связь, карта сайта и поиск по сайту. В контентной части страницы
представлена форма для заполнения и отправки данных компании. В форме
присутствует валидация данных, проверка на корректность данных и пустые
значения полей.
Рис. Обратная связь и результат работы валидации формы
121
На странице Карты сайта реализован вывод структуры, дерева сайта. Имеет
вложенную систему представления.
Рис. Карта сайта
Страница поиска сайта имеет схожий шаблон и расположение элементов как
на дополнительных страницах приложения. В левой части представлена
форма для поиска данных по сайту. По умолчанию не имеет никаких
результатов и данных для ввода. При нажатии кнопки поиска без ввода
данных в поисковое поле формы – выводится информация “Пустой
поисковой запрос!”. При некорректном вводе данных или если
запрашиваемых данных на сайте не обнаружено, то выводятся
соответствующая информация. При вводе информации, которая присутствует
на сайте представляется в виде перечня страниц, статей или товаров, со
ссылкой на страницу.
122
Рис. Поиск по сайту
Рис. Пустой поисковой запрос
123
Рис. Результат выполнения поиска с отсутствующей информацией на сайте
Рис. Результат выполнения поискового запроса с результатом
Раздел Каталог работ, страницы категорий и карточки проектов, если
таковые имеются находится в этапе разработки, поэтому представлены демо-
данные.
Страница каталога работ наследует общий шаблон сайта, расположение
элементов слегка изменено. С левой части сайта располагается меню
категорий проектов, с правой – навигационная цепочка, наименование
страницы, подробное описание страницы, в контентной части представлен
124
перечень наименований категорий проектов с выборкой последний четырех
работ. У проекта представлено изображение для демонстрации,
наименование проекта и краткое описание. При клике по проекту можно
перейти на детальную страницу.
125
Рис. Каталог работ