79
Была построена ER-диаграмма по разработанной базе данных (рис. 11). БД
состоит из 5 основных таблиц WordPress (wp_ser, wp-price, wp_contact,
wp_diagnosis, wp_discount. В базе данных так же хранятся таблицы, созданные
расширениями, но они рассматриваться в данной работе не будут. Рассмотрим
значения основных таблиц:
Характеристика каждой таблицы базы данных приведена ниже, в
таблицах 2.4-2.8.
Таблица 2.8
Таблица Услуги
Наименование поля
Идентификатор
поля
Тип поля
Длина поля
Прочее
Код услуги
serid
строка
5
ключевое поле
Название услуги
Nameser
строка
20
Код контакты
contactid
строка
20
Код цены
Priceid
строка
20
Код акции
Discountid
строка
20
Код страницы
Contentid
строка
20
Таблица 2.3
Таблица Цены
Наименование поля
Идентификатор
поля
Тип поля
Длина поля
Прочее
Код цены
Price
строка
20
ключевое поле
Дата вступления в
действие
dateregPr
дата
6
Цена
Pricechar
строка
8
Дата окончания
действия
datePr
дата
6
Код страницы
Contentid
строка
20
Таблица 2.4
Таблица Акции
Наименование поля
Идентификатор
поля
Тип поля
Длина поля
Прочее
Код акции
Discountid
строка
20
Ключевое поле
Дата начала акции
dateregdis
дата
6
Дата окончания акции
datedis
дата
6
80
Наименование поля
Идентификатор
поля
Тип поля
Длина поля
Прочее
Название услуги
Namedis
строка
20
Процент скидки по
акции
dischar
строка
3
Код страницы
Contentid
строка
20
Таблица 2.5
Таблица Виды диагностик
Наименование поля
Идентификатор
поля
Тип поля
Длина поля
Прочее
Код вида диагностик
diagid
строка
20
ключевое поле
Условия проведения
диагностики
usldiag
строка
150
Название диагностики
Namediag
строка
20
Код контакты
contactid
строка
20
Код цены
Priceid
строка
20
Код акции
Discountid
строка
20
Код страницы
Contentid
строка
20
Таблица 2.6
Таблица Контакты
Наименование поля
Идентификатор
поля
Тип поля
Длина поля
Прочее
Код контакты
contactid
строка
20
ключевое поле
Адрес
adress
строка
50
Телефон
Tel
строка
15
Адрес электронной
почты
Mail
строка
20
Адрес вконтакте
vk
строка
20
Адрес фейсбук
fb
строка
20
Адрес твитер
tv
строка
20
Адрес инстаграм
inst
строка
20
Код страницы
Contentid
строка
20
2.3.3 Структурная схема пакета (дерево вызова программных модулей)
Структурная схема пакета представлена на рисунке 2.7.
81
Модуль инициализации
программ
Модуль безопасности
Модуль главного меню
Модуль Справочники Модуль Регистрация Модуль Пользователи
Модуль работы с БД
Модуль Отчеты
Рисунок 2.7 Структурная схема пакета
Таблица 2.7
Описание функций модулей
Наименование
модуля
Функции модуля
Модуль безопасности
Содержит процедуры и функции, обеспечивающие
ввод и проверку пароля, вход пользователей в
систему, автоматический выход из системы через
определенный промежуток времени
Модуль
инициализации
программы
После успешного входа в систему, запускает
программу, используя настройки прав доступа для
учетной записи пользователя
Модуль
взаимодействия с
базой данных
Содержит процедуры и функции, используемые для
установления соединения с базой данных ИС, а также
управляющие операциями чтения, записи и
редактирования данных
Модуль справочной
системы
Содержит процедуры и функции, необходимые для
отображения справочной информации
Модуль главного
меню
Содержит главное меню, из которого осуществляется
вызов остальных экранных форм
Модуль «Отчеты»
Содержит процедуры и функции для ввода
параметров запроса, просмотра и печати отчетов
82
Наименование
модуля
Функции модуля
Модуль
«Справочники»
Содержит процедуры функции, позволяющие
просматривать содержимое справочников системы, и
редактировать их (если позволяют права доступа)
Модуль
«Пользователи»
Содержит процедуры функции, позволяющие
управлять списками пользователей (если позволяют
права доступа)
Модуль
«Регистрация»
Содержит процедуры и функции, позволяющие
регистрировать документы
2.3.4 Описание программных модулей
Все управление в Wordpress происходит через консоль (рис. 8). Вкладка
“Записи” отвечает за добавление новых записей на страницу. С помощью
вкладки “Медиафайлы” можно загрузить на страницу фотографии и видео, в
ней же они и хранятся. С помощью вкладки “Страницы” можно добавлять и
редактировать страницы, на которых в дальнейшем будут размещаться записи и
медиафайлы. Во вкладке “Комментарии” отображены все комментарии,
которые ожидают проверки. При написании комментария пользователем, он
оставляет свои данные, которые и отображаются рядом с его комментарием в
данной вкладке. На разрабатываемом WEB-сайте комментарии отключены. В
дальнейшем будет выделена отдельная тема, где пользователи смогут общаться
между собой и администраторами сайта, с помощью специального модуля.
Модуль уже установлен на сайте, но в данный момент не используется. Вкладка
“Внешний вид ” отвечает за скачивание, активацию и редактирование внешнего
вида WEB-сайта. После скачивания темы, её отдельное меню появляется под
этой вкладкой. В данном случае это вкладка “Sana” – название темы, которая
была применена. В этой вкладке есть возможность полностью отредактировать
тему. Во вкладке “Плагины” устанавливаются расширения и модули. В ней же
есть и поисковик модулей. После установки модуля его настройки появляются
в отдельной вкладке в меню внизу (в данном случае это вкладки “mTouchQuiz”,
отвечающая за составление и проверку тестов, и вкладка “WassUp” в которой
собираются электронные данные пользователей). Во вкладке
83
“Пользователи”отображаются все зарегистрированные и незарегистрированные
пользователи, которые когда-либо посещали вашу страницу. В ней можно
отредактировать личную информацию о них, заменить пароль или
заблокировать. Во вкладке “Инструменты” хранятся плагины, упрощающие
работу с WEB-сайтом, а во вкладке “Настройки” можно полностью поменять
все настройки WEB-сайта.
Рисунок 8. Консоль Wordpress
Рассмотрим порядок работы некоторых модулей системы, используя
методологию UML.
На рисунке 9 изображена блок-схема.
84
Рисунок 8. Блок-схема
Конец цикла по
услугам
Начало
Установка
соединения с
сервером БД
Фильтр таблицы
PRICES (type=3)
Вывод name,
cost, time
Цикл по услугам
J=1, j<=COUNT (erces)
J++
Закрытие таблиц
Конец
85
2.4 Контрольный пример реализации проекта и его описание
На первой странице сайта находится меню и кнопка о компании, также
контакты (Рисунок 2.6). Контакты идут сквозь всю страницу, чтобы клиент не
тратил время на поиск контактов и не ушел с сайта. В главном меню отражены
самые популярные разделы для клиентов, самые кликабельные. Для
брендированияи узнаваемости компании размещен логотип.
Рисунок 2.1Главная страница
При прокручивание вниз страницы появляются разделы, посвященные
кузовному (Рисунок 2.7) и слесарному ремонту и техническому обслуживанию,
на них можно нажать и перейти прочитать подробнее.
86
Рисунок 2.7Продолжение главной страницы
При нажатии на раздел Мерседес ТО или с главной страницы в блоке
Техническое обслуживание нажать на кнопку ПРОЙТИ ТО, то переходим в
раздел технического обслуживания. Где находится полная информация
(Рисунок 2.8), а также регламент в виде таблицы (Рисунок 2.0). И также при
прокручивание остается зафиксированным на экране меню и контакты для
удобства потенциальных клиентов.
Рисунок 2.8 Страница ТО
87
Рисунок 2.9 Страницы Регламент ТО
При нажатии на разделаКонтактыпоявляется фрагмент
Яндекс.Карты(Рисунок 2.10) с указанием на карте адреса АвтоТехЦентра, для
удобства прям с сайта можно проложить маршрут от места нахождения клиента
до сервиса, клиенту не придется тратить время и заходить на другой сайт,
чтобы понять как проехать и сколько займет это времени.
Рисунок 2.10 Страница контакты
Если листать дальше контакты, то появляется дополнительно адрес
электронной почты, а также контакты Генерального директора (Рисунок 2.11).
88
Для ориентира на картинке изображен Крымский мост. И так как мы живем в
21 веке ссылке на различные социальные сети.
Рисунок 2.11 Страница контакты
При ведение мышки по разделам меню появляются подразделы.
Например при ведение на услуги, появляются: кузовной ремонт, диагностика,
развал-схождение, шиномонтаж и так далее (Рисунок 2.12). Если клиента
заинтересует одна из услуг он может кликнуть и узнать подробнее о ней, ну или
просто позвонить по телефону менеджеру и проконсультироваться, в
зависимости от типа клиента.