76
Оформление заказа
Администратор Подсистема управления веб ресурсом Клиент
Этап
Переместить услугу в
счет
БД системы
Обработать и
выполнить заказ
Изменить статус заказа
Просмотр
выполненных заказов
Выбрать услугу для
просмотраl
данные
Нажать кнопку
«Заказать»
Еще добавить
услугу
да
Перейти в счет
нет
Нажать кнопку
«Оформить заказ»
Выдать форму
оформления
Заполнить поля формы
Имя
Фамилия
E-mail
Адрес
комментарий
Нажать кнопку
«Оформить заказ»
Данные по заказу
Предоставить
информацию о
заказе
Данные по выполненному заказу
Рис. 42 - Алгоритм работы при оформлении заказа
Выполнив построение сценариев диалога и, определив содержимое
программных средств, в ходе выполнения работы было представлено общее
описание программное обеспечение веб ресурса автоматизации
технологических процессов.
2.4 Контрольный пример реализации проекта и его описание
Пользователь, имеющий права администратора веб ресурса, входит в
панель администратора, которая представлена на рисунке 43. Для этого
пользователь должен в адресной строке браузера набрать
http://itcompany/admin.php. При входе в администрирующую часть пользователь
должен указать соответствующий логин – admin и ранее заданный пароль.
Как видно, панель администратора содержит необходимые элементы
управления и позволяет управлять следующими разделами веб ресурса:
– каталогом;
77
– заказами;
– информационным наполнением;
– настройками;
– системой.
Рис. 43 - Панель администратора
При входе администратору предоставляется табло событий, в котором
отображается статистика по поступившим заказам и имеющимся услугам.
Администратор добавляет новости сайта с помощью разработанных
инструментов. При добавлении новостей, для формирования текста новости, ее
форматирования, используется элемент, по своей функциональности схожий с
оболочкой известного текстового редактора Word. В данной оболочке можно
изменить шрифт, форматирование абзацев, вставить картинку, отобразить
список (рис.44).
Аналогичным образом происходит добавление статей. Наличие
качественно подобранного информационного контента, интересные актуальные
новости и статьи, привлекут внимание клиентов. Имеющиеся инструменты
позволяют эффективно и своевременно добавлять новости, что делает сайт
«живым».
78
Рис.44 - Добавление новостей
Для упорядоченного представления услуг необходимо выполнить
добавление категорий. На рисунке 45 представлена форма добавления
категорий.
Рис. 45 - Добавление категории
79
Необходимо отметить, что в представленном примере отображается
добавление подкатегории, ее родительская категория выбирается из ранее
созданных категорий.
На рисунке 46 представлено добавление услуги в каталог. При
добавлении услуги администратор веб ресурса заполняет такие поля:
– категория услуги;
– исполнитель услуги (создается ранее);
– название услуги;
– стоимость услуги;
– артикул;
– изображение услуги;
– краткое описание;
– полное описание.
Рис. 46 - Добавление услуги
80
После добавления услуг администратор может видеть, перечень услуг
ИТ компании, данные отображаются в следующем виде (рис. 47).
Рис. 47 - Перечень созданных услуг
Администратору веб ресурса доступна возможность ввода начальных
информационных данных, которые обеспечивают работу сайта автоматизации
технологических процессов компании. На рисунке 48 представлена форма
добавления данных.
Рис. 48 - Форма ввода начальных данных
81
Администратор может задать следующие данные:
– контактные данные;
– представление главной страницы;
– о компании;
– сервисную информацию;
– on-line контакты.
Представленные формы дают представление о работе административной
части веб сайта автоматизации технологических процессов. Для входа клиенту в
веб ресурс необходимо набрать в адресной строке http://itcompany, ему будет
представлена следующая главная страница (рис. 49).
Рис. 49 - Главная страница веб ресурса
Страница представлена блоками, каждый из которых имеет свой
функционал, меню навигации позволяет переходить между разделами. В целом
разработанная форма соответствует макету, который был спроектирован.
Клиенту предоставляется каталог услуг (рис. 50).
82
Рис. 50 - Каталог услуг
Клиент может ознакомиться, что представляет собой услуга, выбрав ту,
которая его заинтересовала (рис. 51).
Рис. 51 - Информация по услуге
Раздел «О компании» предоставляет клиенту важную информацию –
информирует о деятельности, предоставляет информацию о контактных
данных, графике работы (рис.52).
83
Рис. 52 - Раздел «О компании»
Раздел «Новости» имеет следующий вид (рис.53).
Рис. 53 - Раздел «Новости»
Клиент может воспользоваться системой поиска, на рисунке 54
представлен результат выполнения запроса на поле «Интернет».
84
Рис. 54 - Результат поиска
В случае, если клиент заинтересован в услугах ИТ компании, он может
выбрать услугу и занести ее в электронный счет. На рисунке 55 представлено
состояние счета. Для перемещения услуги в счет, клиент должен нажать
соответствующую кнопку «Выбрать для заказа», которая расположена возле
услуги.
Рис. 55 - Электронный счет
85
Как видно из рисунка, из счета можно вернуться к каталогу, выполнить
пересчет или оформить заказ. На рисунке 56 представлено оформление заказа.
При заказе ус луги обязательно необходимо заполнить соответствующую форму.
Рис. 56 - Оформление заказа
После оформления формируется информация о заказе (рис. 57).
Рис. 57 - Оформленный заказ