22
Формы ㅤ интерактивного ㅤ взаимодействия ㅤ с ㅤ клиентами ㅤ – ㅤ позволяют ㅤ
получать ㅤ информацию ㅤ от ㅤ клиента ㅤ и ㅤ отправлять ㅤ ее ㅤ на ㅤ сервер ㅤ для ㅤ обработки. ㅤ
Служат ㅤ для ㅤ установления ㅤ обратной ㅤ связи ㅤ с ㅤ клиентами ㅤ компании.
Панель ㅤ управления ㅤ содержимым ㅤ сайта ㅤ – ㅤ используется ㅤ для ㅤ
редактирования, ㅤ удаления ㅤ и ㅤ добавления ㅤ контента ㅤ сайта, ㅤ изменения ㅤ
структуры ㅤ меню ㅤ и ㅤ способа ㅤ навигации ㅤ по ㅤ сайту. ㅤ Позволяет ㅤ сотрудникам ㅤ
компании ㅤ оперативно ㅤ изменять ㅤ информацию ㅤ на ㅤ сайте ㅤ без ㅤ привлечения ㅤ
сторонних ㅤ специалистов, ㅤ что ㅤ позволяет ㅤ избежать ㅤ дополнительных ㅤ затрат ㅤ на ㅤ
сопровождение ㅤ сайта ㅤ и ㅤ поддерживать ㅤ актуальность ㅤ представленной ㅤ
информации.
Организация ㅤ безопасности ㅤ – ㅤ обеспечение ㅤ безопасности ㅤ работы ㅤ в ㅤ
системе. ㅤ Модуль ㅤ авторизации ㅤ позволяет ㅤ ограничить ㅤ доступ ㅤ к ㅤ панели ㅤ
управления ㅤ сайтом, ㅤ а ㅤ также ㅤ разграничить ㅤ права ㅤ пользователей. ㅤ В ㅤ частности, ㅤ
будет ㅤ организовано ㅤ две ㅤ группы ㅤ пользователей ㅤ с ㅤ предоставлением ㅤ им ㅤ
различных ㅤ возможностей ㅤ доступа. ㅤ Группе ㅤ администраторов ㅤ предоставляется ㅤ
полный ㅤ доступ ㅤ к ㅤ панели ㅤ управления ㅤ с ㅤ возможностью ㅤ полного ㅤ изменения ㅤ
Интернет-сайта, ㅤ группе ㅤ менеджеров ㅤ отдела ㅤ маркетинга ㅤ предоставляется ㅤ
частичный ㅤ доступ ㅤ с ㅤ возможностью ㅤ изменения ㅤ контента ㅤ сайта ㅤ и ㅤ
возможностью ㅤ работы ㅤ с ㅤ базой ㅤ клиентов ㅤ компании.
Профили ㅤ клиента ㅤ – ㅤ содержат ㅤ информацию ㅤ из ㅤ базы ㅤ данных ㅤ клиентов ㅤ
компании. ㅤ Предоставляют ㅤ возможность ㅤ просмотра ㅤ информации ㅤ о ㅤ клиентах ㅤ
компании. ㅤ Содержат ㅤ формы ㅤ для ㅤ ввода ㅤ данных ㅤ о ㅤ договорах ㅤ заключенных ㅤ с ㅤ
клиентами. ㅤ Введенная ㅤ информация ㅤ заносится ㅤ в ㅤ базу ㅤ данных ㅤ клиентов, ㅤ что ㅤ
обеспечивает ㅤ возможность ㅤ ее ㅤ последующего ㅤ просмотра.
2.2.
ㅤ
Выбор
ㅤ
инструментальных
ㅤ
программных
ㅤ
средств
ㅤ
разработки
Учитывая ㅤ поставленные ㅤ выше ㅤ задачи, ㅤ в ㅤ качестве ㅤ основного ㅤ
инструментального ㅤ программного ㅤ средства ㅤ для ㅤ разработки ㅤ интерактивного ㅤ
Интернет-сайта ㅤ выбрана ㅤ система ㅤ управления ㅤ содержимым ㅤ сайта ㅤ Joostina. ㅤ
23
Системы ㅤ управления ㅤ содержимым ㅤ сайта, ㅤ или ㅤ система ㅤ управления ㅤ
контентом ㅤ (Content ㅤ Management ㅤ System, ㅤ CMS) ㅤ – ㅤ это ㅤ программный ㅤ комплекс, ㅤ
позволяющий ㅤ создавать ㅤ web-сайты ㅤ практически ㅤ любого ㅤ уровня ㅤ сложности ㅤ с ㅤ
максимальной ㅤ экономией ㅤ времени. ㅤ Кроме ㅤ того, ㅤ система ㅤ управления ㅤ сайтом ㅤ
позволяет ㅤ конечным ㅤ пользователям ㅤ сайта ㅤ самостоятельно ㅤ осуществлять ㅤ
поддержку ㅤ сайта ㅤ и ㅤ управлять ㅤ его ㅤ содержимым ㅤ без ㅤ необходимости ㅤ знания ㅤ
web-технологий ㅤ [9].
Выбор ㅤ CMS ㅤ Joostina ㅤ обусловлен ㅤ следующими ㅤ характеристиками ㅤ
данной ㅤ системы:
Доступны ㅤ бесплатные ㅤ версии ㅤ Joostina ㅤ 1.3.0.4 ㅤ Stable ㅤ и ㅤ ㅤ Joostina ㅤ
1.2.0 ㅤ на ㅤ сайте ㅤ ㅤ http://www.joostina.ru/.
CMS ㅤ Joostina ㅤ имеет ㅤ встроенную ㅤ панель ㅤ управления ㅤ сайтом, ㅤ что ㅤ
позволяет ㅤ конечным ㅤ пользователям ㅤ легко ㅤ управлять ㅤ содержимым ㅤ сайта ㅤ без ㅤ
специальных ㅤ знаний ㅤ программирования ㅤ и ㅤ html-верстки;
Важной ㅤ особенностью ㅤ системы ㅤ является ㅤ минимальный ㅤ набор ㅤ
инструментов ㅤ при ㅤ начальной ㅤ установке, ㅤ который ㅤ обогащается ㅤ по ㅤ мере ㅤ
необходимости. ㅤ Это ㅤ снижает ㅤ загромождение ㅤ административной ㅤ панели ㅤ
ненужными ㅤ элементами, ㅤ а ㅤ также ㅤ снижает ㅤ нагрузку ㅤ на ㅤ сервер ㅤ и ㅤ экономит ㅤ
место ㅤ на ㅤ хостинге;
Функциональность ㅤ системы ㅤ можно ㅤ расширять ㅤ с ㅤ помощью ㅤ
дополнительных ㅤ модулей;
CMS ㅤ Joostina ㅤ не ㅤ требовательна ㅤ к ㅤ ресурсам ㅤ сервера ㅤ - ㅤ для ㅤ нее ㅤ
подойдет ㅤ практически ㅤ любой ㅤ хостинг ㅤ с ㅤ поддержкой ㅤ php ㅤ и ㅤ mysql;
Высокая ㅤ управляемость ㅤ и ㅤ гибкость. ㅤ При ㅤ администрировании ㅤ
Joostina ㅤ CMS ㅤ доступен ㅤ большой ㅤ перечень ㅤ настроек, ㅤ относящихся ㅤ к ㅤ самым ㅤ
различным ㅤ аспектам ㅤ управления ㅤ системой;
CMS ㅤ Joostina ㅤ имеет ㅤ открытый ㅤ код, ㅤ что ㅤ позволяет ㅤ изменять ㅤ систему ㅤ
и ㅤ самостоятельно ㅤ дописать ㅤ необходимые ㅤ расширения, ㅤ не ㅤ являющиеся ㅤ
стандартными ㅤ и ㅤ поэтому ㅤ не ㅤ поддерживаемые ㅤ системами ㅤ управления ㅤ сайтом.
24
Кроме ㅤ того ㅤ необходимы ㅤ следующие ㅤ дополнительные ㅤ
инструментальные ㅤ программные ㅤ средства: ㅤ язык ㅤ программирования ㅤ PHP5 ㅤ и ㅤ
его ㅤ расширения, ㅤ локальный ㅤ сервер ㅤ Apache, ㅤ система ㅤ управления ㅤ базами ㅤ
данных ㅤ MySQL. ㅤ
MySQL ㅤ является ㅤ относительно ㅤ небольшой ㅤ и ㅤ быстрой ㅤ реляционной ㅤ
системой ㅤ управления ㅤ базами ㅤ данных ㅤ (СУБД) ㅤ основанной ㅤ на ㅤ традициях ㅤ
Hughes ㅤ Technologies ㅤ Mini ㅤ SQL ㅤ (mSQL). ㅤ СУБД ㅤ предоставляет ㅤ средства ㅤ для ㅤ
контроля ㅤ доступа ㅤ к ㅤ данным, ㅤ обеспечения ㅤ целостности ㅤ данных, ㅤ управления ㅤ
контроллируемым ㅤ параллелизмом ㅤ и ㅤ восстановления ㅤ БД ㅤ [3].
PHP ㅤ - ㅤ это ㅤ серверный ㅤ язык ㅤ создания ㅤ сценариев ㅤ общего ㅤ назначения, ㅤ
интенсивно ㅤ применяющийся ㅤ для ㅤ разработки ㅤ web-приложений. ㅤ В ㅤ настоящее ㅤ
время ㅤ поддерживается ㅤ подавляющим ㅤ большинством ㅤ хостинг-провайдеров ㅤ и ㅤ
является ㅤ одним ㅤ из ㅤ лидеров ㅤ среди ㅤ языков ㅤ программирования, ㅤ
применяющихся ㅤ для ㅤ создания ㅤ динамических ㅤ web-сайтов ㅤ [4]. ㅤ
PHP5 ㅤ и ㅤ СУБД ㅤ MySQL ㅤ необходимы ㅤ для ㅤ обеспечения ㅤ
работоспособности ㅤ CMS ㅤ Joostina ㅤ на ㅤ локальном ㅤ компьютере, ㅤ а ㅤ также ㅤ для ㅤ
разработки ㅤ собственных ㅤ дополнительных ㅤ расширений ㅤ и ㅤ таблиц ㅤ базы ㅤ данных ㅤ
для ㅤ решения ㅤ специфичных ㅤ задач. ㅤ Использование ㅤ локального ㅤ сервера ㅤ Apache ㅤ
вызвано ㅤ необходимостью ㅤ возможности ㅤ предварительного ㅤ просмотра ㅤ и ㅤ
тестирования ㅤ разработанного ㅤ Интернет-сайта ㅤ до ㅤ размещения ㅤ его ㅤ на ㅤ
хостинге. ㅤ
Все ㅤ перечисленные ㅤ инструментальные ㅤ средства ㅤ имеют ㅤ свободную ㅤ
лицензию ㅤ и ㅤ распространяются ㅤ бесплатно, ㅤ что ㅤ позволяет ㅤ избежать ㅤ
дополнительных ㅤ затрат ㅤ на ㅤ разработку. ㅤ
2.3.
ㅤ
Разработка
ㅤ
контента
ㅤ
сайта
Контент ㅤ (англ. ㅤ content ㅤ ㅤ - ㅤ содержимое) ㅤ - ㅤ любое ㅤ информационно ㅤ
значимое ㅤ наполнение ㅤ Интернет-сайта ㅤ [6]. ㅤ Основными ㅤ составляющими ㅤ
контента ㅤ являются ㅤ тексты, ㅤ графические ㅤ изображения ㅤ (картинки, ㅤ
фотографии), ㅤ табличные ㅤ данные, ㅤ любые ㅤ ссылки.
25
Разработка ㅤ контента ㅤ интерактивного ㅤ Интернет-сайта ㅤ отдела ㅤ
маркетинга ㅤ теннисного ㅤ центра ㅤ проводилась ㅤ с ㅤ учетом ㅤ следующих ㅤ
требований ㅤ заказчика:
1. Содержание ㅤ и ㅤ выбранный ㅤ стиль ㅤ изложения ㅤ текстового ㅤ материала ㅤ
должен ㅤ соответствовать ㅤ конкретной ㅤ целевой ㅤ аудитории ㅤ и ㅤ учитывать ㅤ её ㅤ
специфику. ㅤ Поскольку ㅤ основными ㅤ клиентами ㅤ компании ㅤ являются ㅤ
производственные ㅤ предприятия ㅤ и ㅤ научные ㅤ организации, ㅤ стиль ㅤ
изложения ㅤ текстового ㅤ материала ㅤ должен ㅤ быть ㅤ строгим, ㅤ четким ㅤ и ㅤ
информативным;
2. Тексты ㅤ должны ㅤ максимально ㅤ полно ㅤ излагать ㅤ всю ㅤ необходимую ㅤ
клиентам ㅤ информацию. ㅤ При ㅤ этом ㅤ тексты ㅤ не ㅤ должны ㅤ быть ㅤ чрезмерно ㅤ
объемными ㅤ и ㅤ не ㅤ должны ㅤ содержать ㅤ информации ㅤ не ㅤ связанной ㅤ
напрямую ㅤ с ㅤ деятельностью ㅤ компании;
3. Тексты ㅤ должны ㅤ быть ㅤ тщательно ㅤ проверены ㅤ на ㅤ наличие ㅤ
орфографических ㅤ ошибок, ㅤ соответствие ㅤ с ㅤ действительностью ㅤ и ㅤ
актуальность;
4. Графические ㅤ изображения ㅤ на ㅤ страницах ㅤ не ㅤ должны ㅤ превышать ㅤ объем ㅤ
текста, ㅤ обязательно ㅤ должны ㅤ нести ㅤ информационную ㅤ нагрузку;
5. Размер ㅤ графических ㅤ изображений ㅤ должен ㅤ не ㅤ превышать ㅤ 50 ㅤ кб, ㅤ
поскольку ㅤ слишком ㅤ большой ㅤ размер ㅤ графических ㅤ изображений ㅤ
увеличит ㅤ время ㅤ загрузки ㅤ сайта;
6. Для ㅤ посетителя, ㅤ принявшего ㅤ решение ㅤ о ㅤ контакте ㅤ с ㅤ фирмой, ㅤ на ㅤ сайте ㅤ в ㅤ
удобной ㅤ форме ㅤ должны ㅤ содержаться ㅤ контактные ㅤ сведения.
После ㅤ тщательного ㅤ отбора ㅤ необходимой ㅤ информации, ㅤ было ㅤ произведено ㅤ ее ㅤ
разбиение ㅤ на ㅤ смысловые ㅤ разделы. ㅤ На ㅤ основе ㅤ полученных ㅤ разделов ㅤ было ㅤ
разработана ㅤ структурная ㅤ схема ㅤ сайта, ㅤ представленная ㅤ на ㅤ рисунке ㅤ 7.
26
Рисунок ㅤ 7 ㅤ – ㅤ Структурная ㅤ схема ㅤ сайта
На ㅤ главной ㅤ странице ㅤ отображается ㅤ краткая ㅤ основная ㅤ информация ㅤ о ㅤ
компании. ㅤ
Страница ㅤ «О ㅤ центре» ㅤ содержит ㅤ полную ㅤ информацию ㅤ о ㅤ спортивном ㅤ
комплексе, ㅤ такую ㅤ как ㅤ дата ㅤ основания, ㅤ информация ㅤ о ㅤ директоре ㅤ компании, ㅤ
основные ㅤ направления ㅤ деятельности, ㅤ основные ㅤ достижения.
Страница ㅤ «Услуги ㅤ центра» ㅤ содержит ㅤ общую ㅤ краткую ㅤ информацию ㅤ о ㅤ
продукции ㅤ и ㅤ услугах ㅤ центра. ㅤ Также ㅤ на ㅤ данной ㅤ странице ㅤ содержатся ㅤ ссылки ㅤ
на ㅤ две ㅤ основные ㅤ категории: ㅤ групповые ㅤ ㅤ и ㅤ индивидуальные ㅤ занятия.
На ㅤ странице ㅤ «Услуги ㅤ центра» ㅤ содержится ㅤ следующая ㅤ информация:
«Стоимость ㅤ групповых ㅤ занятий
Детские ㅤ группы ㅤ (4-15 ㅤ лет) ㅤ ㅤ 12 ㅤ занятий/1час ㅤ ㅤ 3900 ㅤ р.
Детские ㅤ группы ㅤ (4-15 ㅤ лет) ㅤ ㅤ 10 ㅤ занятий/1час ㅤ ㅤ 3250 ㅤ р.
Разовое ㅤ посещение ㅤ ㅤ ㅤ ㅤ ㅤ ㅤ ㅤ ㅤ ㅤ ㅤ ㅤ ㅤ ㅤ ㅤ ㅤ ㅤ ㅤ 1 ㅤ занятие/1час ㅤ ㅤ ㅤ ㅤ ㅤ 600 ㅤ р.
Стоимость ㅤ индивидуальных ㅤ занятий ㅤ с ㅤ тренером
Главная ㅤ
страница
Набор ㅤ в ㅤ
группы
Услуги ㅤ
центра
О ㅤ центре
Контакты
Новости
Индивидуал. ㅤ
занятия
Группов. ㅤ
занятия
Занятия
Разовое ㅤ
посещение
Детские ㅤ
группы
Аренда
Прочее
Прокат
27
1 ㅤ час ㅤ — ㅤ 600 ㅤ р. ㅤ + ㅤ аренда ㅤ корта
Аренда ㅤ корта
Аренда ㅤ закрытого ㅤ корта ㅤ (за ㅤ 1 ㅤ час):
с ㅤ 07.00 ㅤ до ㅤ 14.00 ㅤ — ㅤ 650 ㅤ р.
с ㅤ 14.00 ㅤ до ㅤ 22.00 ㅤ — ㅤ 1000 ㅤ р.
Выходные ㅤ и ㅤ праздничные ㅤ дни ㅤ — ㅤ 1000 ㅤ р.
Прокат ㅤ (1 ㅤ шт./час)
Аренда ㅤ ракеток ㅤ 100 ㅤ руб.
Аренда ㅤ мячей ㅤ 10 ㅤ руб.».
На ㅤ странице ㅤ “набор ㅤ в ㅤ группы” ㅤ содержится ㅤ следующая ㅤ информация:
«Теннисный ㅤ центр ㅤ «Жемчужина» ㅤ проводит ㅤ набор ㅤ детей ㅤ от ㅤ 5 ㅤ лет ㅤ до ㅤ 15 ㅤ
лет ㅤ в ㅤ группы ㅤ для ㅤ занятию ㅤ большим ㅤ теннисом. ㅤ На ㅤ наших ㅤ кортах ㅤ Ваш ㅤ ребенок ㅤ
получит ㅤ заряд ㅤ энергии, ㅤ здоровья ㅤ и ㅤ хорошего ㅤ настроения. ㅤ Наши ㅤ тренера ㅤ
имеют ㅤ многолетний ㅤ опыт ㅤ работы ㅤ с ㅤ детьми ㅤ и ㅤ будут ㅤ для ㅤ юных ㅤ спортсменов ㅤ не ㅤ
только ㅤ наставниками, ㅤ но ㅤ и ㅤ друзьями. ㅤ Правильная ㅤ организация ㅤ занятий ㅤ
поможет ㅤ маленьким ㅤ спортсменам ㅤ стать ㅤ настоящими ㅤ чемпионами! ㅤ Группы ㅤ
количеством ㅤ 8-10 ㅤ детей, ㅤ занятия ㅤ проводятся ㅤ 3 ㅤ раза ㅤ в ㅤ неделю, ㅤ длительностью ㅤ
1 ㅤ час.».
Страница ㅤ «Новости» ㅤ содержит ㅤ информацию ㅤ о ㅤ последних ㅤ событиях ㅤ и ㅤ
новостях ㅤ компании.
Страница ㅤ «Контакты» ㅤ содержит ㅤ подробные ㅤ контактные ㅤ сведения ㅤ ТЦ ㅤ
«ЖЕМЧУЖИНА», ㅤ такие ㅤ как ㅤ адрес, ㅤ телефон, ㅤ e-mail, ㅤ карту ㅤ проезда. ㅤ Кроме ㅤ
того, ㅤ на ㅤ данной ㅤ странице ㅤ сдержится ㅤ форма ㅤ обратной ㅤ связи, ㅤ позволяющая ㅤ
клиентам ㅤ связаться ㅤ с ㅤ компанией.
2.4.
ㅤ
Разработка
ㅤ
дизайна
ㅤ
сайта
Разработка ㅤ дизайна ㅤ сайта ㅤ включает ㅤ в ㅤ себя ㅤ создание ㅤ графических ㅤ
элементов ㅤ макета ㅤ сайта ㅤ и ㅤ элементов ㅤ навигации ㅤ [8].
28
Разработка ㅤ дизайна ㅤ интерактивного ㅤ сайта ㅤ отдела ㅤ маркетинга ㅤ ТЦ ㅤ
«ЖЕМЧУЖИНА» ㅤ проводилась ㅤ в ㅤ соответствии ㅤ со ㅤ следующими ㅤ требованиями ㅤ
заказчика:
- ㅤ Дизайн ㅤ сайта ㅤ должен ㅤ соответствовать ㅤ конкретной ㅤ целевой ㅤ аудитории ㅤ
и ㅤ учитывать ㅤ её ㅤ специфику, ㅤ а ㅤ также ㅤ специфику ㅤ деятельности ㅤ компании;
- ㅤ Все ㅤ страницы ㅤ должны ㅤ быть ㅤ оформлены ㅤ в ㅤ одном ㅤ стиле, ㅤ чтобы ㅤ у ㅤ
посетителя ㅤ создавалось ㅤ впечатление ㅤ от ㅤ сайта, ㅤ как ㅤ от ㅤ источника ㅤ информации, ㅤ
а ㅤ не ㅤ разрозненных ㅤ разноплановых ㅤ страниц;
- ㅤ Дизайн ㅤ сайта ㅤ обязан ㅤ учитывать ㅤ физиологические ㅤ особенности ㅤ
изменённого ㅤ цветовосприятия ㅤ отдельных ㅤ людей ㅤ и ㅤ разрабатываться ㅤ с ㅤ учётом ㅤ
того, ㅤ что ㅤ существует ㅤ дальтонизм ㅤ и ㅤ цветовая ㅤ слепота;
- ㅤ Система ㅤ навигации ㅤ должна ㅤ быть ㅤ легкой ㅤ и ㅤ простой, ㅤ интуитивно ㅤ
понятной ㅤ посетителям ㅤ сайта;
- ㅤ Недопустимым ㅤ является ㅤ применение, ㅤ только ㅤ графических ㅤ пунктов ㅤ
меню ㅤ - ㅤ при ㅤ отключенной ㅤ графике ㅤ посетитель ㅤ не ㅤ разберется ㅤ в ㅤ навигации ㅤ на ㅤ
сайте;
- ㅤ Сайт ㅤ компании ㅤ должен ㅤ быть ㅤ удобным ㅤ для ㅤ просмотра ㅤ на ㅤ мониторах ㅤ
разного ㅤ размера ㅤ и ㅤ качества. ㅤ Основной ㅤ режим ㅤ мониторов, ㅤ на ㅤ которых ㅤ будет ㅤ
просматриваться ㅤ сайт: ㅤ 15 ㅤ разрядов ㅤ цветов ㅤ и ㅤ выше ㅤ (число ㅤ цветов ㅤ 65536 ㅤ и ㅤ
выше);
- ㅤ Дизайн ㅤ сайта ㅤ должен ㅤ обеспечивать ㅤ возможность ㅤ быстрой ㅤ загрузки ㅤ
сайта ㅤ даже ㅤ на ㅤ медленных ㅤ каналах ㅤ связи.
Поскольку ㅤ основными ㅤ клиентами ㅤ компании ㅤ являются ㅤ научные ㅤ
организации ㅤ и ㅤ производственные ㅤ предприятия, ㅤ посетителей ㅤ сайта ㅤ можно ㅤ
отнести ㅤ к ㅤ старшей ㅤ возрастной ㅤ группе. ㅤ В ㅤ связи ㅤ с ㅤ этим ㅤ было ㅤ принято ㅤ решение ㅤ
о ㅤ разработке ㅤ простого ㅤ и ㅤ строгого ㅤ дизайна, ㅤ чтобы ㅤ не ㅤ отвлекать ㅤ посетителя ㅤ от ㅤ
основного ㅤ информационного ㅤ содержания ㅤ сайта. ㅤ Также ㅤ было ㅤ принято ㅤ
решение ㅤ использовать ㅤ классические, ㅤ спокойные ㅤ цветовые ㅤ гаммы, ㅤ с ㅤ четким ㅤ
контрастом ㅤ между ㅤ фоном ㅤ и ㅤ текстом ㅤ страниц ㅤ сайта. ㅤ Основная ㅤ цветовая ㅤ гамма ㅤ
сайта ㅤ – ㅤ светлые, ㅤ но ㅤ не ㅤ яркие ㅤ оттенки ㅤ синего ㅤ цвета. ㅤ Общий ㅤ фон ㅤ сайта ㅤ белый, ㅤ
29
что ㅤ обеспечит ㅤ легкое ㅤ восприятие ㅤ текста ㅤ сайта ㅤ даже ㅤ для ㅤ людей ㅤ страдающих ㅤ
дальтонизмом ㅤ и ㅤ цветовой ㅤ слепотой.
Кроме ㅤ того, ㅤ при ㅤ разработке ㅤ дизайна ㅤ сайта ㅤ была ㅤ использована ㅤ палитра ㅤ
безопасных ㅤ цветов. ㅤ Безопасные ㅤ цвета ㅤ всегда ㅤ неизменные ㅤ при ㅤ переходе ㅤ от ㅤ
одного ㅤ браузера ㅤ к ㅤ другому ㅤ или ㅤ от ㅤ одной ㅤ платформы ㅤ к ㅤ другой, ㅤ от ㅤ одного ㅤ
монитора ㅤ к ㅤ другому ㅤ с ㅤ их ㅤ различными ㅤ возможностями ㅤ цветоотображения ㅤ и ㅤ
разрешениями ㅤ [6].
Для ㅤ обеспечения ㅤ высокой ㅤ скорости ㅤ загрузки ㅤ страниц ㅤ количество ㅤ
графических ㅤ элементов ㅤ дизайна ㅤ должно ㅤ быть ㅤ минимальным.
Основной ㅤ диапазон ㅤ разрешения ㅤ мониторов, ㅤ на ㅤ которых ㅤ будет ㅤ
просматриваться ㅤ сайт ㅤ от ㅤ 600х800 ㅤ до ㅤ 1240х1024 ㅤ пикселей ㅤ (от ㅤ 15" ㅤ ЭЛТ ㅤ до ㅤ 19" ㅤ
ЭЛТ ㅤ или ㅤ 17" ㅤ LCD). ㅤ Это ㅤ обеспечит ㅤ возможность ㅤ просмотра ㅤ сайта ㅤ на ㅤ
большинстве ㅤ существующих ㅤ мониторов.
Для ㅤ обеспечения ㅤ удобства ㅤ навигации ㅤ по ㅤ сайту ㅤ было ㅤ принято ㅤ решение ㅤ
использовать ㅤ две ㅤ панели ㅤ навигации: ㅤ горизонтальную ㅤ и ㅤ вертикальную. ㅤ На ㅤ
горизонтальной ㅤ панели ㅤ будет ㅤ располагаться ㅤ основное ㅤ меню, ㅤ содержащее ㅤ
ссылки ㅤ на ㅤ все ㅤ разделы ㅤ сайта, ㅤ что ㅤ позволит ㅤ посетителям ㅤ с ㅤ любой ㅤ страницы ㅤ
сайта ㅤ перейти ㅤ на ㅤ главную ㅤ страницу, ㅤ в ㅤ любой ㅤ раздел ㅤ меню. ㅤ На ㅤ вертикальной ㅤ
панели ㅤ будут ㅤ располагаться ㅤ ссылки ㅤ на ㅤ объекты ㅤ интерактивного ㅤ
взаимодействия ㅤ с ㅤ пользователем, ㅤ а ㅤ также ㅤ ссылка ㅤ на ㅤ страницу ㅤ поиска.
В ㅤ верхней ㅤ части ㅤ сайта ㅤ будет ㅤ расположен ㅤ логотип ㅤ и ㅤ название ㅤ фирмы, ㅤ
являющиеся ㅤ более ㅤ яркими ㅤ по ㅤ сравнению ㅤ с ㅤ остальным ㅤ дизайном ㅤ сайта, ㅤ что ㅤ
обеспечит ㅤ возможность ㅤ их ㅤ легкого ㅤ запоминания.
2.5.
ㅤ
Проектирование
ㅤ
пользовательского
ㅤ
интерфейса
ㅤ
панели
ㅤ
управления
ㅤ
сайтом
Пользовательский ㅤ интерфейс ㅤ панели ㅤ управления ㅤ сайтом ㅤ должен ㅤ
соответствовать ㅤ общепринятым ㅤ в ㅤ настоящее ㅤ время ㅤ нормам. ㅤ К ㅤ таким ㅤ
требованиям, ㅤ обеспечивающим ㅤ максимальное ㅤ удобство ㅤ пользователям, ㅤ
относятся ㅤ [5]:
30
- ㅤ минимальное ㅤ время ㅤ ожидания;
- ㅤ удобство ㅤ и ㅤ простота ㅤ в ㅤ освоении;
- ㅤ возможность ㅤ одновременной ㅤ работы ㅤ с ㅤ другими ㅤ приложениями;
- ㅤ возможность ㅤ получения ㅤ помощи ㅤ (доступ ㅤ к ㅤ справочной ㅤ информации) ㅤ
в ㅤ процессе ㅤ работы ㅤ в ㅤ любой ㅤ момент ㅤ времени;
- ㅤ эргономичность;
- ㅤ предоставление ㅤ пользователю ㅤ информации ㅤ о ㅤ текущей ㅤ выполняемой ㅤ
работе.
Так ㅤ как ㅤ разработка ㅤ панели ㅤ управления ㅤ производится ㅤ на ㅤ основе ㅤ системы ㅤ
управления ㅤ сайтом ㅤ Joostina, ㅤ то ㅤ дополнительно ㅤ к ㅤ этому ㅤ необходимо ㅤ при ㅤ
разработке ㅤ учитывать ㅤ принятые ㅤ конструкторские ㅤ решения ㅤ и ㅤ следовать ㅤ стилю ㅤ
разрабатываемых ㅤ форм. ㅤ Это ㅤ позволит ㅤ интерфейс ㅤ разрабатываемых ㅤ задач ㅤ
органично ㅤ вписать ㅤ в ㅤ интерфейс ㅤ существующей ㅤ системы.
Основным ㅤ элементом ㅤ графического ㅤ интерфейса ㅤ пользователя ㅤ является ㅤ
иерархическое ㅤ меню. ㅤ Порядок ㅤ проектирования ㅤ меню ㅤ следующий:
- ㅤ проектирование ㅤ содержания ㅤ меню;
- ㅤ проектирование ㅤ формы ㅤ меню;
- ㅤ программное ㅤ обеспечение ㅤ меню.
Выбор ㅤ пункта ㅤ меню ㅤ может ㅤ завершаться:
- ㅤ появлением ㅤ на ㅤ экране ㅤ меню ㅤ следующего ㅤ уровня;
- ㅤ выполнением ㅤ команды ㅤ (например, ㅤ выход ㅤ из ㅤ программы);
- ㅤ выполнением ㅤ процедуры ㅤ (например, ㅤ процедуры ㅤ ввода ㅤ или ㅤ вывода ㅤ
информации, ㅤ функциональной ㅤ обработки).
Так ㅤ как ㅤ в ㅤ данной ㅤ разработке ㅤ имеются ㅤ разграничения ㅤ прав ㅤ доступа ㅤ к ㅤ
панели ㅤ управления ㅤ сайтом, ㅤ то ㅤ содержание ㅤ и ㅤ структура ㅤ пользовательского ㅤ
меню ㅤ будет ㅤ различной, ㅤ в ㅤ зависимости ㅤ от ㅤ уровня ㅤ доступа ㅤ пользователя.
В ㅤ системе ㅤ организованы ㅤ две ㅤ основные ㅤ группы ㅤ пользователей ㅤ с ㅤ
различными ㅤ правами ㅤ доступа ㅤ для ㅤ этих ㅤ групп: ㅤ администраторы, ㅤ менеджеры.
Поскольку ㅤ администратору ㅤ будет ㅤ доступна ㅤ возможность ㅤ полного ㅤ
изменения ㅤ Интернет-сайта, ㅤ в ㅤ качестве ㅤ пользовательского ㅤ меню ㅤ
31
администратора ㅤ будет ㅤ использовано ㅤ стандартное ㅤ меню ㅤ панели ㅤ управления ㅤ
CMS ㅤ Joostina, ㅤ его ㅤ структура ㅤ представлена ㅤ на ㅤ рисунке ㅤ 8. ㅤ
Разработка структуры пользовательского меню для группы менеджеров
производилась на основе стандартного меню с учетом прав доступа данной
группы пользователей, а именно возможности изменения контента сайта и
структуры навигации, а также возможности работы с базой клиентов
компании. Структура пользовательского меню менеджера в графическом
виде представлены на рисунке 9.