Разработка Web-сайта предприятия на примере организации ООО «СМУ-54». Часть 4

1  2  3  4

---

3.4 Реализация Web-сайта ООО «СМУ-54»

 

Информационным обеспечением web-приложения являются:

1. БД, в которой сохраняется вся необходимая информация.
2. Документы предприятия, на котором работает web-приложение, на базе которых регламентируется введение информации в БД web-приложении.
3. Требования к БД: поддержка обеспечения целостности данных, соответствие третьей форме нормализации таблиц, оптимизированная структура, контроль и предотвращение занесения неточной информации.
4. Требования к документам: непротиворечивость и полнота информации для ввода ее в БД web-приложения.

Информационными связями web-приложения считаются:

1. Внешние входящие связи: входные документы, вводимые в web-приложение для сохранения в БД и дальнейших манипуляций.
2. Связи с системой контроля и управления доступом: информация, которая о определённым протоколам передаётся на сервер.
3. Внешние исходящие связи: результата поиска данных, экспорт данных в Excel, генерируемые системой.

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

Диаграммой элементов (Рисунок 24) обеспечивается согласованность перехода от логического представления к определённой реализации выпускной квалификационной работы в виде программного кода.

Компонент option.php отвечает за соединение с БД.

Модуль menu.php отвечает за работу главного меню.

Компонент index.php отвечает за работу стартовой страницы.

Компонент about.php отвечает за работу страницы с информацией о службе доставки.

Компонент reg.php отвечает за регистрацию на сайте.

Компонент user.php отвечает за работу c пользователями системы.  Редактирование данных upduser.php. Удаление данных deluser.php.

Компонент district.php отвечает за работу cо строительными площадками. Редактирование данных upddistrict.php. Удаление данных deldistrict.php.

Рисунок 24 – Диаграмма компонентов

Компонент req.php отвечает за работу c заявками организации.  Редактирование данных updreq.php. Удаление данных delreq.php Экспорт данных заявки в excel expreq.php. Экспорт данных с перечнем заявок explst.php

Обработка неправильных действий и ошибок пользователя считается обязательным компонентом любого из проектов.

Любое приложение БД обязано уметь выполнять не менее двух операций:

1) располагать информацией о месторасположении БД, подключаться к данной БД и считывать информацию, которая имеется в таблицах БД;

2) обеспечивать возможность представления и редактирования полученных данных.

Пользователь на экране просматривает данные – это следствие использования комплекта данных [17].

Пользователь принял решение о изменении каких-то данных – он изменит содержащееся в ячейке комплекта данных.

Приложение при закрытии сохраняет все изменения – это комплект данных передаётся для сохранения в БД.

Чтобы проверить обеспечение всех перечисленных функций осуществлён процесс тестирования, который разделяется на 3 этапа:

– проверка в нормальных условиях;

– проверка в экстремальных условиях;

– проверка в исключительных ситуациях.

Проверка в нормальных условиях обязана продемонстрировать, что информационной системой выдаются правильные результаты для характерного комплекса данных. Под проверкой в экстремальных условиях подразумевается проверка граничных объёмов, граничных значений, нулевые примеры. Исключительными ситуациями проверяется реакция программы на данные, которые расположены на границах допустимой области, неверные данные.

Имеются 2 стратегии по тестированию программы: первая — тестирование системы на соответствие своей спецификации; вторая заключается в тестировании управляемой логикой.

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

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

Способы тестирования [22]:

• покрытие операторов, подразумевающий выполнение каждого из операторов, как минимум один раз, и чтобы каждой из точек входа управление передавалось как минимум один раз;
• покрытие решений, при котором каждому решению необходимо принять значение ложь или истина, и каждый из операторов при этом выполнялся бы, как минимум один раз;
• покрытие условий, при котором все потенциальные результаты каждого из условий в решении выполнялись бы, как минимум один раз;
• покрытие решений/условий, считается комбинированным способом, когда все потенциальные результаты каждого из условий в решении выполнялись бы, как минимум один раз, а все потенциальные результаты каждого из решений в решении выполнялись бы, как минимум один раз;
• для комбинаторного покрытия условий необходимо, чтобы все потенциальные комбинации результатов в каждом из решений и все точки входа выполнялись, как минимум один раз.

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

По результатам тестирования ИС во всех условиях было установлено, что программа функционирует правильно, выдаёт прогнозируемые результаты для характерного комплекса данных.

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

В настоящее время имеется множество браузеров и устройств, с которых возможно просматривать web-страницы в интернете. Несмотря на то, что создаваемая система в качестве сайта отвечает w3c спецификациям, невозможно гарантировать, что система будет одинаково отображаться на всех устройствах. Изображение в качестве круговой диаграммы рейтингов браузеров представлено на рисунке 25.

Рисунок 25 — Рейтинг браузеров [24]

Учитывая выше сказанное, можно прийти к выводу: чтобы систему посещало максимальное количество пользователей, необходимо прежде всего осуществить проверку отображения системы в 3-х наиболее распространенных браузерах, поскольку вероятность того, что система будет открыта именно с данных браузеров, является наиболее высокой.

Вследствие этого и тестирование на корректность отображения осуществлялось в этих браузерах. Процесс тестирования продемонстрировал, что сайт отображается корректно во всех 3-х браузерах. Использование стандартизированных технологий без привязки к определенной ОС и специфичным технологиям, дает возможность предположить, что данная система будет корректно работать в большинстве современных браузеров. Корректным отображением системы считают работу без ошибок, реализацию всех функций, идентичность отображения во всех браузерах [13].

Можно считать, что разработанная система соответствует абсолютно всем требованиям. Тест считается пройденным.

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

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

На рисунке 26 показана главная страница web-приложения.

Рисунок 26 – Главная страница web-приложения

Ошибка авторизации представлена на рисунке 27. Данная ошибка возникает из-за неверного веденного сочетания логина и пароля или проблем с интернет-соединением, вызванных различными причинами.

Рисунок 27 – Ошибка авторизации

После авторизации клиента под логином yui и паролем 123, выводится список всех заявок (Рисунок 28) авторизованного клиента, добавление заявки показано на рисунке 29.

Рисунок 28 – Заявки авторизованного клиента

Рисунок 29 – Добавление заявки

Фильтр данных показан на рисунке 30.

Рисунок 30 – Фильтр данных в режиме клиента

После авторизации в режиме менеджера (qwe, 123), выводится список всех заявок, Рисунок 31. Возможно редактирование заявок, назначение исполнителя.

Рисунок 31 – Заявки клиентов в режиме менеджера

Редактирование заявки и назначение исполнителя показаны на рисунке 32.

Рисунок 32 – Редактирование заявки

Сведения о клиенте и исполнители показаны на рисунке 33, 34.

Рисунок 33 – Сведения о клиенте

Рисунок 34 – Сведения о исполнителе

Экспорт данных о заявках представлен на рисунках 35, 36.

Рисунок 35 – Экспорт данных о заявке

Рисунок 36 – Перечень заявок

После авторизации в режиме исполнителя, выводится список всех заявок исполнителя, Рисунок 37. Возможно редактирование статуса заявок и печать (рисунки 38).

Рисунок 37 – Заявки исполнителю

Рисунок 38 – Экспорт заявки

В режиме администратора (admin, master) доступен для редактирования список всех пользователей web-приложения, Рисунок 39.

Рисунок 39 – Список пользователей

Добавление, редактирование и удаление пользователей представлено на рисунках 40-42.

Рисунок 40 – Добавление пользователя

Рисунок 41 – Редактирование пользователя

Рисунок 42 – Удаление пользователя

На странице «О сайте» представлена информация о ООО «СМУ-54», Рисунок 43.

Рисунок 43 – О сайте

 

ЗАКЛЮЧЕНИЕ

 

В рамках ВКР разработан web-сайт с целью автоматизации контроля заявок монтажной компании.

В ходе выполнения работы решены задачи исследования организационно-экономической характеристики предприятия, обоснованы необходимость и цели применения вычислительной техники в целях решения задачи, проведен анализ имеющихся разработок и аргументирован выбор технологии проектирования, определена архитектура и проведено инфологическое проектирование БД, разработана база данных и интерфейс программных модулей.

В ходе выполнения ВКР решены такие задачи:

1. Исследована организационно-экономическая характеристика предприятия;
2. Обоснованы необходимость и цели применения вычислительной техники в целях решения задачи;
3. Проведен анализ имеющихся разработок и аргументирован выбор технологии проектирования;
4. Определена архитектуру и проведена инфологическое проектирование БД;
5. Разработана база данных и интерфейс программных модулей.

Web приложение разработано на основе таких программных требований к системе:

а) сервер БД с установленной MySQL 5.5.25;

б) web-сервер с такой конфигурацией ПО:

1) ОС – Windows 7/10;

2) транслятор PHP версии 5.3.13;

3) http-сервер Apache версии 2.2.22.

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

Целесообразность разработки данной ИС обуславливается обширным диапазоном решаемой ею задач и возможностью получить максимальную выгоду от применения такой системы.

 

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

 

1. Александр Жадаев: PHP для начинающих, — Москва, Издательство: Питер, 2014 г., 288 стр.
2. Брайан Хоган: HTML5 и CSS3. Веб-разработка по стандартам нового поколения, — Москва, Издательство: Питер, 2014 г., 320 стр.
3. Вадим Дунаев: HTML, скрипты и стили, — Москва, Издательство: BHV, 2015 г., 824 стр.
4. Вигерс, Битти: Разработка требований к программному обеспечению, — Москва, Издательство: BHV, 2014 г., 736 стр.
5. Голдстайн, Лазарис, Уэйл: HTML5 и CSS3 для всех, — Москва, Издательство: Эксмо-Пресс, 2013 г., 368 стр.
6. Дженнифер Роббинс: HTML5, CSS3 и JavaScript. Исчерпывающее руководство, — Москва, Издательство: Эксмо, 2014 г., 528 стр.
7. Джон Дакетт: HTML и CSS. Разработка и дизайн веб-сайтов, — Москва, Издательство: Эксмо, 2013 г., 480 стр.
8. Каллум Хопкинс: PHP. Быстрый старт, — Москва, Издательство: Эксмо-Пресс, 2014 г., 160 стр.
9. Кузин А. В., С. В. Левонисова, Базы данных, — Москва, Издательство: Академия, 2014 г., 320 стр.
10. Кумскова И. А., Базы данных, — Москва, Издательство: КноРус, 2014 г., 488 стр.
11. Астахова И. Ф. «СУБД: язык SQL в примерах и задачах», г. Москва, изд. «Физматлит», 2013г.
12. Астахова И. Ф., Толстобров А. П. , Мельников В. М. SQL в примерах и задачах: Учеб. пособие.- Мн.: Новое знание, 2014.
13. Вендров А.М. Проектирование программного обеспечения экономических информационных систем. – М.: Финансы и статистика, 2012.
14. Глушаков С. В., Ломотько Д. В. Базы данных, 2014. 415 с.
15. Голицына О. Л., Максимов Н. В., Попов И. И. Базы данных: Учебное пособие. – М.: ФОРУМ: ИНФРА-М, 2013. 268 с.
16. Информационные технологии в управлении предприятием. Антология. – М.: Три квадрата, 2014.
17. Мишинин А. И. Теория экономических информационных систем, М.: Финансы и статистика, 4-е издание 2013.
18. Петров В.Н. Информационные системы. С-П: Питер, 2013.
19. Сапков В. В. Инфор мационные технологии и компьютеризация делопроизводства: учебное пособие. Киев: ACADEMIA, 2013.
20. Смирнова Г. Н., Сорокин А. А., Тельнов Ю. Ф. Проектирование экономических информационных систем, 2014.
21. Дюбуа, Поль MySQL; М.: Вильямс; Издание 2-е — Москва, 2014. —909
22. Кузнецов М., Симдянов И. Объектно-ориентированное программирование на PHP; БХВ-Петербург — Москва, 2011. — 608 c.
23. Кузнецов Максим , Симдянов Игорь MySQL 5; БХВ-Петербург — Москва, 2013. —644
24. Маркин А. В., Шкарин С. С. Основы Web-программирования на PHP; Диалог-МИФИ — , 2014. — 256 c.
25. Пауэрс Дэвид Adobe Dreamweaver, CSS, Ajax и PHP; БХВ-Петербург — Москва, 2013. —928
26. Симдянов, И.В.; Кузнецов, М.В. MySQL 5; БХВ-Петербург — Москва, 2016. —747
27. Ульман, Ларри MySQL; М.: ДМК Пресс — Москва, 2014. — 352 c.
28. ООО «СМУ-54» [Электронный ресурс], URL: https://sbis.ru/contragents/7808032895/784001001 (дата обращения 12.12.2019).
29. АИС «Учет товаров и услуг. Профессионал» [Электронный ресурс], URL: http://usu.kz/programma_ais.php (дата обращения 12.01.2018).
30. Программа «Производство Услуги Бухгалтерия» для системы «1С Предприятие» [Электронный ресурс], URL: https://1c.ru/rus/products/1c/predpr/proizv-usl-buh/ (дата обращения 12.01.2018).
31. 10 языков программирования для изучения в 2018 году [Электронный ресурс], URL: https://icanchoose.ru/blog/10-yazykov-programmirovaniya-dlya-izucheniya-v-2018-godu/ (дата обращения 12.12.2019).
32. Сравнение современных СУБД [Электронный ресурс], URL: http://drach.pro/blog/hi-tech/item/145-db-comparison (дата обращения 12.12.2019).
33. Самый быстрый браузер для Windows среди 10 лучших браузеров [Электронный ресурс], URL: http://softcatalog.info/ru/obzor/vybiraem-luchshiy-brauzer (дата обращения 12.12.2019).

---

1  2  3  4