62
Алгоритм можно словесно сформулировать так:
● Пользователь отправляет запрос на отображение данных компонента.
● Контроллер обрабатывает запрос и выбирает необходимый вид.
● Вид отправляет запрос в модель на получение определенных данных.
● Модель, приняв запрос от вида, делает обработку и возвращает
нужные данные обратно в вид.
● Вид, приняв данные от модели, посредством шаблона отображает их
на экране пользователя.
● Контроллер может обращаться сразу в модель, если, например, идет
запрос не на отображение страницы, а запрос на изменение данных.
Листинги программных модулей разработанного веб-сервиса представлены в
приложении Б.
2.4. Контрольный пример реализации проекта и его описание
Тестирование приложения решено проводить на локальном компьютере,
применяя пакет программ Denwer 3 base.
Опишем случай, когда надо с нуля поставить сайт на локальный сервер.
Инструкция будет таковой:
1) Скачать и установить http://www.denwer.ru. Все настройки по умолчанию.
2) В папку C:\WebServers\home\localhost\www распаковать архив
«support.migavia.ru.ru.zip». В результате в папке www должна появится папка
«support.migavia.ru.ru» с файлами.
3) Открыть браузер, перейти по http://localhost/tools/phpmyadmin/
Перейти в раздел «Базы данных» и создать базу данных «support» с
кодировкой utf8_general_ci (рисунок 2.18).
63
Рисунок 2.18 – Создание БД
Надо кликнуть в левой части окна по этой базе «support» – зайти в нее. Когда
зашли в базу, то в самом верху окна должно быть «127.0.0.1 support».
Нажать на кнопку импорта сверху экрана и импортировать все из файла
«support.sql» и нажать на кнопку «ОК» (рисунок 2.19).
Рисунок 2.19 – Импорт БД
Покажем работу спроектированного и реализованного веб-приложения учета
и обработки заявок на ТО и ремонт оргтехники.
64
Для запуска приложения следует перейти по веб-адресу:
http://localhost/support.migavia.ru. Броузер загрузит главную страницу веб-сервиса
(рисунок 2.20).
Рисунок 2.20 – Главная страница веб-сервиса
На главной странице представлена общая информация о компании «РСК
Миг». Также имеются ссылки на страницу создания новой заявки, входа в личный
кабинет, страницу с информацией о сервисе и ответственных лицах за ремонт и
обслуживание оргтехники.
Страница «О сервисе» представлена на рисунке 2.21.
Рисунок 2.21 – Страница «О сервисе»
65
Страница «Ответственные за ремонт и обслуживание» представлена на
рисунке 2.22.
Рисунок 2.22 – Страница «Ответственные за ремонт и обслуживание»
Покажем функционал создания заявки на ремонт и обслуживание
оргтехники. Надо перейти по ссылке «Оставить заявку» (рисунок 2.23).
Укажем адрес/местоположение объекта/участка/цеха, так как у компании их
множество. Также опишем проблему. Пусть это будет поломка МФУ. Приложим
одну фотографию для того, чтобы работник сервисного отдела лучше понял суть
проблемы.
Рисунок 2.23 – Создание заявки на ремонт оргтехники
66
После нажатия на кнопку «Создать заявку» произойдет ее регистрация, а
пользователю выдастся сообщение с ссылкой для просмотра истории работы с
заявкой (рисунок 2.24).
Рисунок 2.24 – Успешное создание новой заявки
Видно, что в ссылке просмотра истории заявки присутствует
сгенерированный хеш-код, который однозначно идентифицирует эту заявку, в то
же время его сложность практически исключает вероятность подбора.
Перейдем по данной ссылке (рисунок 2.25).
Рисунок 2.25 – История вновь созданной заявки
Видно, что в истории заявки присутствует запись «Заявка создана».
67
Можем просмотреть прикрепленный при создании заявки файл (рисунок
2.26).
Рисунок 2.26 – Прикрепленный при создании заявки файл
Теперь покажем работу с ИС от имени работников предприятия. Зайдем от
имени руководителя отдела (рисунок 2.27).
Рисунок 2.27 – Вход от имени руководителя отдела
После успешной авторизации происходит вход в личный кабинет
руководителя отдела по ремонту и обслуживанию оргтехники (рисунок 2.28).
68
Рисунок 2.28 – Личный кабинет руководителя отдела ТО и ремонта
Видно, что создана новая заявка под номером 6.
Для удобства поиска нужных заявок предусмотрена система гибкой
фильтрации записей по таким параметрам:
● Статус заявки
● Тип проблемы
● Дата создания заявки
● Приоритет заявки
● Ответственный сотрудник
● Адрес объекта/цеха предприятия
Выполним редактирование заявки, нажав на ссылку (рисунок 2.29).
69
Рисунок 2.29 – Редактирование заявки на ремонт оргтехники
Руководитель отдела по ремонту и обслуживанию оргтехники должен
назначить исполнителя, а также указать другие параметры работ.
После этого надо сохранить изменения, чтобы заявка стала доступна
работнику службы ремонта Ахметова Евгения Иннокетиевича.
После нажатия на кнопку «Сохранить» происходит сохранение измененных
параметров заявки (рисунок 2.30).
70
Рисунок 2.30 – Сохраненная заявка
Перед переходом в аккаунт работника службы ремонта (техника) следует
отметить, что руководитель отдела (службы) ремонта может также осуществлять
управление пользователями системы, для этого ему надо перейти по
соответствующей ссылке в меню. Загрузится форма управления пользователями
(рисунок 2.31).
Рисунок 2.31 – Форма управления пользователями
Видно, что пароли пользователей скрыты для безопасности.
Для редактирования пользователя надо перейти по ссылке «Редакт-ть»
(рисунок 2.32).
71
Рисунок 2.32 – Редактирование пользователя ИС
Здесь пароль также скрыт. Вообще, следует отметить, что в целях
безопасности система хранит не сами пароли, а их хеш-функции, чтобы человек,
даже взломавший базу данных, не смог подобрать пароль к личным кабинетам
пользователей.
Теперь покажем функционал системы с точки зрения техника по ремонту и
обслуживанию. Для этого надо авторизоваться от его имени (рисунок 2.33).
Рисунок 2.33 – Авторизация под аккаунтом техника по ремонту
После авторизации попадаем в личный кабинет техника (рисунок 2.34).