3.2.5.1. Проектирование сайта.

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

Было принято решение создать сайт ссо следующими возможностями: быстрая скорость загрузки страниц, упрощение пользовательского интерфейса, on-line калькулятор, динамически отображающий результаты калькуляции с возможностью оставления заявки на сайте. Схема работы сайта в приложении 1.

3.2.5.2. Дизайн

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

Рис. 1. Первая версия дизайн-макета сайта

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

3.2.5.3. Верстка

На основании дизайн-макета сайта была сделана верстка сайта с применением технологий HTML5 и CSS3. Особенностями данной верстки является так называемая «адаптивная верстка» - динамическое изменение верстки страницы на стороне клиента в зависимости от окна браузера.

Рис 2. Законченная верстка. Полная ширина сайта.

Рис 3. Законченная верстка. Половинная ширина сайта.

Рис 4. Законченная верстка. Минимальная ширина сайта.

3.2.5.4. Программирование

На основании требований имеющихся материалов и программ (Приложение 2) была разработана Web-система для расчета стоимости заказа. Так, стоимость издания книги зависит от множеств параметров, общими из которых являются следующие:

• Тираж;

• Количество страниц;

• Формат листа;

• Плотность бумаги;

• Тип переплета;

• Цветность (количество цветных страниц в книге);

• Тиснение;

• Лакировка;

• Стоимость расходных материалов.

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

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

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