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

1  2  3  4

---

2.4 Анализ и выбор средств реализации Web-сайта

 

Для разработки системы информации наиболее рационально применять клиент-серверную архитектуру и создавать Web-приложение.

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

Для того, чтобы выбрать язык программирования нужно определиться с требованиями к области программирования. При анализе требований и классификации, более проектируемой ИАС были выявлены такие запросы к сфере проектирования [26]:

-·кроссплатформенность, необходимая для интеграции с иными подсистемами;

-·гибкость, позволяющая изменять и дорабатывать информационную систему, не прибегая к дополнительным затратам

-·защищенность;

-·язык программирования должен предоставлять широкие возможности для работы с существующими СУБД;

-·обеспечение универсальности клиент-приложений;

— открытость исходного кода, позволяющего динамичное совершенствование ИС и исправление погрешностей;

— легкость программной реализации (удобство работы);

— стоимость

С целью сравнения языков программирования создали таблицу по выше представленным аспектам [4] (таблица 2). Для сравнения представлены самые известные (2019 года) языки программирования для Web-приложений [4]. Оценки выставлены согласно пятибалльной шкале.

PHP обладает наибольшим числом преимуществ в сравнении с иными конкурирующими продуктами, в т. ч.:

-·высокая производительность;

-·наличие интерфейсов к различным системам информационных баз;

— распространение свободное;

-·встроенные библиотеки для решения большого числа общих задач, сопряженных с Web;

-·несложность изучения и использования;

-·доступность исходного кода,

-·переносимость.

Таблица 2 — Сравнение языков программирования

 

Рассмотрим эти преимущества детально:

Производительность. Используя лишь 1-н сервер, возможно обработать более миллиона обращений в день. Результаты тестирования, опубликованные компанией Zend Technologies, говорят о том, что производительность РНР в сравнении с иными конкурирующими продуктами наиболее высокая.

Интеграция с информационными базами. Данный язык обладает встроенной связностью с большим числом систем информационных баз: Sybase, MySQL, InterBase, PostgreSQL, Informix, mSQL, Hyperware, Oracle, dbm, Используя стандарт открытого интерфейса связи с информационными базами (Open Database Connectivity Standard, ODBC), имеется возможность подключаться к каждой базе данных, для которых существует ODBC-драйвер.

Встроенные библиотеки. Поскольку язык РНР создавался для применения при Web-программировании, он обладает большим количеством встроенных функций для выполнения различных полезных задач, связанных с Web-программированием. С его помощью можно создавать PDF-документы, рассылать сообщения по электронной почте, подключаться к иным службам сети, генерировать GIF-изображения и работать с cookie-наборами.

Цена. Распространение пакета РНР бесплатно.

Изучение РНР. Синтаксис РНР основывается на всех языках программирования, на Perl и Си прежде всего.

Переносимость. Применять пакет РНР возможно под управлением множественных различных оперативных систем. Возможно создавать код РНР в сфере следующих бесплатных Unix-похожих ОС, FreeBSD и Linux, служебных версий Unix типа Solaris и IRIX или различных версий Microsoft Windows. Как правило, программы будут работать без возможных изменений в различных сферах с установленным пакетом РНР [4].

Исходный код. Для пользователя открыт доступ к исходному коду РНР. Если имеется необходимость в данном языке что-нибудь изменить либо добавить, то в отличии от закрытых коммерческих продуктов программ, это можно всегда осуществить.

Так, для разработки сайта наиболее всего соответствует язык программирования РНР с использованием Html, СSS и JavaScript.

В этом проекте к системе управления базами данных предъявляются такие особенные требования [18,25]:

— наличие поддержки транзакций,

— наличие поддержки внешних ключей,

— правильная работа с русским языком,

— инструмент управления с графическим интерфейсом,

— способность доступа к информации с помощью языка запросов SQL,

— способность резервного копирования информационной базы.

Проектируемую информационную базу следует использовать для хранения, обрабатывания и накопления информации. Слабое место при проектировании баз данных ИС —  это хранение разных вариантов решений (большое число компонентов). Оптимизация глобального поиска в информационной системе и наличие минимального числа запросов от пользователей ИС дает возможность избежать установки серьезных требований к выполнениям задач производительности систем управления БД. Из этого исходят такие требования к СУБД [17,21]:

— полная совместимость с выбранной сферой разработки (PHP);

— кроссплатформенность систем управления базами данных;

— легкость в использовании и во время внедрения;

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

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

Сравнение СУБД по вышеприведенным аспектам показано в таблице 3 [4].

Принимая во внимание все выше представленное, в качестве СУБД была выбрана среда MySQL – это многопользовательская, многопоточная система управления базами данных, значительными преимуществами которой являются безопасность, быстрота и легкость в использовании. Несмотря на то, что, MySQL не обладает таким большим набором возможностей как Oracle, его использование оправдывает себя благодаря минимальным требованиям, предъявляемым к мощности оборудования и к наибольшей скорости в ходе работы со средним информационным объемом. Используя связку PHP+MySql, возникает возможность устроить принцип мультплатформенности наиболее гибко [15].

Для того, чтобы разрабатываемая автоматизированная система функционировала, необходим Web-сервер. Web-сервер — специальное программное обеспечение (сервер), принимающее пользовательские HTTP-запросы, как правило, браузеров, и отправляет им HTTP-ответы, совместно с HTML-страницей, файлом, изображением, медиа-потоком либо прочей информацией [8].

Таблица 3 — Сравнение СУБД

Web-сервером называется программное обеспечение, выполняющее функции Web-сервера, так и ПК, на котором действует это ПО. Через Web-интерфейс по URL адресу пользователь получает доступ к серверу. Дополнительными опциями многих Web-серверов являются:

-·ведение серверного журнала об обращениях пользователей к ресурсам;

-·аутентификация пользователей;

-·поддержка HTTPS для защиты соединений с пользователями;

-·поддержка динамично генерирующихся страниц.

Существует 2 наиболее известных в применении Web-сервера:

-·Apache –– это Web-сервер с открытым исходным кодом, часто применяющийся в Unix-аналогичных ОС;

-·IIS –– это Web-сервер, созданный в компании Microsoft, как правило, используется на ОС рода Microsoft Windows.

Ключевыми преимуществами Apache считаются безопасность и гибкость конфигурации. Данный Web-сервер позволяет подключения наружных модулей для предоставления информации, изменять сообщения об ошибках, использовать СУБД для аутентификации пользователей. Недостатком является отсутствие стандартного удобного администраторского интерфейса.

Преимуществом IIS является интеграция с иными продуктами компании Microsoft. Значительный недостаток IIS состоит в трудности интеграции этого сервера с интерпретатором PHP, что в целом усложняет настройку и использование данного Web-сервера.

Значит, более логично применять Web-сервер Apache.

Для применения системы на рабочих пользовательских станциях необходимо установить Web-браузер. В настоящее время большую известность получили браузеры: Firefox, Chrome, Opera, Internet Explorer.

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

Принимая во внимание функциональность и задачи проекта, принято решение осуществить реализацию веб-сервиса с применением следующих технологий: HTML; CSS; JavaScript; PHP; MySQL. На рисунке 11 показано взаимодействие данных технологий между собой.

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

Рисунок 15 – Схема взаимодействия технологий

 

3 ПРОЕКТИРОВАНИЕ И РЕАЛИЗАЦИЯ WEB-САЙТА ООО «СМУ-54»

3.1 Проектирование архитектуры Web-сайта

 

Разрабатываемая система предназначена для автоматизации контроля заявок монтажной компании.

Главной целью выпускной квалификационной работы является создание web-приложения с разделенным доступом в режиме администратора, менеджера, партнера-заказчика и исполнителя.

Основные цели создания web-приложения:

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

В результате разработки необходимо достигнуть таких показателей:

• Организация учёта информации, которая будет основана на применении СУБД.
• Разработка пользовательского интерфейса для работы с web-приложением, которое сможет обеспечить интуитивно-понятные процедуры вызова ключевых функций системы и незамедлительный доступ к БД.
• Надежное сохранение информационных массивов, реализованное при помощи обеспечения целостности данных и разграничения доступа к информации.
• Сокращение времени на проведение основных операций персоналом организации, что, безусловно, должно повлечь за собой качественные улучшения в деятельности предприятия.

Основными функциями web-приложения являются:

• Учет партнеров организации, которым оказываются транспортные услуги;
• Добавление заявок партнеров, смена статуса, назначение исполнителя на доставку груза;
• Учет услуг по доставке, которые оказывает организация;
• Учет пунктов доставки, строительных объектов;
• Экспорт данных в Excel по заявкам на доставку груза;

Регистрация и авторизация пользователей. В систему необходимо также установить библиотеки или драйвера для работы с web-приложением:

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

б) транслятор PHP версии 5.1;

в) web-сервер Apache версии 1.3.

Базой данных должны обеспечиваться: надёжность сохранения информации; предоставляться незамедлительный доступ к ней; целостность данных средствами СУБД. Структура таблиц БД должна быть не избыточной и поддерживать сохранение всех без исключения необходимых параметров. К тому же СУБД обязана обеспечивать интерфейс для работы с приложением.

Входные данные web-приложения:

• Информация о клиентах, сотрудниках, пункта доставки;
• Информация о заявках.

Выходные данные:

• Отчетная excel-форма c перечнем заявок.
• Отчетная excel-форма с данными по выбранной заявке.

В состав системы включены два модуля – БД MySQL и приложение для обеспечения взаимодействия с БД, которое реализовано на языке программирования PHP.

Работу с системой осуществляют при помощи любого браузера, для чего потребуется установка локального сервера в локальной сети предприятия, где также будет расположена и БД. Доступ к БД реализовывается набором адреса в адресной строке браузера. Архитектура сайта представлена на рис. 16.

Рисунок 16 — Архитектура сайта

Диаграмма вариантов применения играет ключевую роль в моделировании поведения ИС или подсистемы (Рисунок 17). Ею отображается множество прецедентов, пользователей, а также связи между ними. Данный вид диаграмм облегчает понимание системы, подсистемы либо класса, представляя взгляд на то, что эти компоненты могут применять в соответствующем контексте.

На диаграмме вариантов применения изображены следующие пользователи:

— Администратор;

— Менеджер;

— Исполнитель;

— Клиент.

На диаграмме вариантов применения изображены работы:

1) Работа с пользователями (режим администратора);

2) Работа с заявками;

2.1) Добавление заявки (режим клиента);

2.3) Печать ведомости (режим менеджера);

2.4) Смена статуса (режим исполнителя, менеджера);

2.5) Печать заявки (режим исполнителя, менеджера);

3) Регистрация (режим клиента);

4) Работа с районами (режим менеджера).

Рисунок 17 — Диаграмма вариантов применения

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

Данная диаграмма, как правило, используется на стадии анализа, чтобы выделить общие роли и обязанности сущностей, которыми обеспечивается требуемое поведение системы. Диаграмма классов используется для того, чтобы передать структуру классов, которыми формируется архитектура системы. Диаграмма выполнена в среде проектирования программного комплекса MS Visio (Рисунок 18).

Были выделены следующие классы:

— Request – заявка клиента на предоставление услуг курьерской службы;

— Client – клиент курьерской службы;

— District – районы курьерской службы;

— Worker – сотрудник курьерской службы.

Рисунок 18 – Диаграмма классов

Методы классов реализуются программно и описаны в таблице 4.

Таблица 4 — Методы классов

 

Диаграмма размещения в UML моделирует физическое развертывание артефактов на узлах.

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

Как модель доступа к данным была избрана модель удалённого доступа. Предполагаемое построение архитектуры аппаратной платформы – клиент-серверное, которое изображено на рисунке 18.

Рисунок 18 — Диаграмма размещения

В состав серверной части включены:

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

б) транслятор PHP версии 5.1;

в) web-сервер Apache версии 1.3.

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

 

3.2 Проектирование и разработка БД Web-сайта

 

Итогом построения концептуальной модели считается диаграмма сущностей, которая изображена на рисунке 19.

Рисунок 19 — Диаграмма сущностей

Описание логической модели данных можно представить, как диаграмму «сущность-связь» (ER — диаграмма).

ER-диаграмма данных представлена на рисунке 20.

Рисунок 20 — ER-диаграмма

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

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

Признаки принадлежности к нормальным формам:

Первая нормальная форма: все атрибуты должны быть атомарными.

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

Третья нормальная форма – выполнение условий второй нормальной формы. Каждый из не ключевых атрибутов не транзитивно зависит от первичного ключа.

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

Диаграмма физической модели данных генерируется программой Data Modeler в автоматическом режиме (Рисунок 21).

Рисунок 21 — Физическая модель данных

В таблицах 5-8 приведено описание физической модели.

Таблица 8 – Структура таблицы request

Таблица 6 – Структура таблицы client

Таблица 7 – Структура таблицы worker

Таблица 8 – Структура таблицы district

 

3.3 Разработка основных алгоритмов Web-сайта

 

Рассмотрим наиболее важные алгоритмы работы программы, которыми считаются:

— Алгоритм вывода отфильтрованных данных;

— Алгоритм удаления и редактирования данных.

На рисунке 22 изображён алгоритм вывода отфильтрованных данных.

Начинается вывод данных с вывода шапки таблицы. Потом считывается признак фильтра данных и значение поля поиска.

Вследствие анализа параметров реализовываются 3 варианта SQL запроса SELECT:

select * from table – фильтр данных отсутствует;

select * from table where $field = $field- фильтр с пустым значением поля поиска;

select * from table where $field LIKE ‘%$value1%’ – фильтр данных по значению поля поиска.

Рисунок 22 — Алгоритм вывода отфильтрованных данных

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

На рисунке 23 изображён алгоритм удаления и редактирования данных.

Вследствие анализа параметров выполняются 3 варианта SQL запроса редактирования данных:

INSERT INTO table (attr1, attr2…) VALUES (attrval1, attrval2…))  – в поля attr подставляются значения attrval;

UPDATE table SET attr1= attrval1, attr2= attrval2 —  в поля attr вносятся значения attrval;

DELETE FROM table WHERE id=idval – из таблицы удаляется строка данных, id которой равняется idval.

Рисунок 23 — Алгоритм редактирования и удаления данных

---

1  2  3  4