36
собственным опытом ведения Интернет-разработок, то для открытия Интернет-
магазина ей лучше всего использовать подход аутсорсинга.
9
Из описанных выше вариантов разработки, был принят вариант
разработки с использованием прототипа. Помимо того, что прототип
автоматически даѐт некоторую базу для системы, сокращая время разработки,
это даѐт преимущество в поддержке, благодаря существующим стандартам
работы с конкретной системой.
1.4. Обоснование проектных решений
1.4.1. Обоснование проектных решений по информационному обеспечению
Для реализации ввода и вывода данных в ИС должны применяться
экранные формы, позволяющие пользователю взаимодействовать с системой.
Для разных пользователей должны быть реализованы разные виды экранных
форм, так как они взаимодействуют с разной информацией и имеют
отличающиеся полномочия на доступ к ней.
Для формирования заявки на оказание услуг строится единая форма,
которая включает в себя все необходимые данные для корректного создания
заявки, а именно: ФИО клиента, телефон, адрес электронной почты, удобное
время для звонка, желаемая услуга. Все поля, кроме услуги, могут быть
представлены в виде текстовых полей ввода. При этом поле для ввода времени
для звонка следует организовать таким образом, чтобы в него можно было
ввести только корректный временной интервал. Выбор услуги же удобнее всего
реализовать списком, который будет формироваться динамически исходя из
того перечня услуг, который будет указываться директорами в панели
управления информационной системой.
Экранная форма управления заявкой может быть представлена в виде
переключателя или набора переключателей, управляющих состоянием заявки.
Эта форма должна предоставлять полную информацию, которую клиент
сообщил компании через форму создания заявки на оказание услуг. При этом,
9
Чудинов И.Л. Информационные системы и технологии: учебное пособие / И.Л. Чудинов, В.В.
Осипова; Томский политехнический университет. – Томск: Изд-во Томского политехнического университета,
2015. – 145 с.
37
на этой же экранной форме целесообразно расположить элементы управления
нарядом на выполнение данной заявки, так как они напрямую связаны. При
назначении сотрудников на выполнение заявки, должен быть обеспечен
множественный выбор из числа сотрудников организации с указанием их
бригады.
Помимо формы управления заявками в системе должна быть
реализована экранная форма управления нарядами, которая позволит
сотрудникам изменять состав и завершать выполнения нарядов. На этой форме
должно быть отображено состояние нарядов, а также элементы управления,
позволяющие его изменить.
10
Исходя из того факта, что проектируемая система является веб-сайтом,
наиболее распространѐнным вариантом базы данных является реляционная база
данных, так как использование локальных файлов приводит к необходимости
разработки программных модулей, ответственных за внесение изменение в
файлы, что приводит к снижению эффективности проекта автоматизации.
1.4.2. Обоснование проектных решений по программному обеспечению
Для реализации требуемого функционала была выбрана система
управления контентом (Content Management System, CMS) WordPress. Такие
системы позволяют быстро произвести установку на большинство веб-
хостингов, также просты при установке и настройке на личный или облачный
сервер. Помимо этого, преимуществом WordPress является переносимость
системы, что позволяет легко сменить хостинг и разместить сайт у другого
провайдера при изменении финансовых или иных условий содержания
текущего провайдера.
Эта CMS является самой популярной по количеству работающих на ней
сайтов на 2019 год: 35% всех сайтов используют WordPress, 22% из первых
100000 самых популярных сайтов используют WordPress. Что же касается
поддержки программного продукта, то время выхода новой мажорной версии
10
Чистов Д.В. Проектирование информационных систем: учебник и практикум для академического
бакалавриата. М.: Издательство Юрайт, 2017. – 258 с. – Серия: Бакалавр. Академический курс.
38
уже долгое время составляет в среднем менее полугода, что означает, что
новый функционал появляется достаточно регулярно. Исправления и
небольшие улучшения вводятся постепенно и с большей частотой.
11
Удобство WordPress легко заметить как при использовании конечными
пользователями, так и при разработке собственного функционала: удобный
редактор страниц Gutenberg, введѐнный в версии 5, позволяет даже не
имеющим представления о вѐрстке страниц пользователям создавать блоги,
которые удобно и приятно читать, а возможность использования плагинов и
тем, устанавливаемых прямо из панели управления сайтом, делает процесс
настройки простым для администраторов и программистов.
Для разработки собственных плагинов можно воспользоваться
официальным руководством, содержащим основные принципы и алгоритмы
создания плагина для WordPress. Плагины позволяют реализовать функции,
необходимые заказчику, которые нельзя реализовать при помощи
существующих плагинов или функций CMS. Собственные настраиваемые
формы и виджеты обычно добавляются на сайт именно в виде плагинов.
12
WordPress работает на PHP и по умолчанию использует БД MySQL для
хранения данных. Язык PHP был создан в 1995 году и активно поддерживается
до сих пор, благодаря широкой аудитории веб-программистов, использующей
его. Он является интерпретируемым мультипарадигмальным языком
программирования со слабой динамической типизацией. Интерпретатор PHP
является свободным программным обеспечением с открытым исходным кодом.
За последние 5 лет язык получил большой прирост производительности и
много новых возможностей, позволяющих писать более надѐжный и
поддерживаемый код.
13
11
WordPress Stats: Your Ultimate List of WordPress Statistics (Data, Studies, Facts – Even the Little-Known)
[Электронный ресурс] // CodeinWP. URL: https://www.codeinwp.com/blog/wordpress-statistics/ (дата обращения:
10.03.2020).
12
Introduction to Plugin Development [Электронный ресурс] // WordPress Developer Resources | Official
WordPress Developer Resources. URL: https://developer.wordpress.org/plugins/intro/ (дата обращения: 03.03.2020).
13
Никсон Р. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5
[Книга]: Учебник – СПб.: Питер, 2017. – 768 с.
39
MySQL в свою очередь является наиболее распространѐнной
реляционной базой данных для использования в веб-приложениях благодаря
удобной СУБД PhpMyAdmin и простому процессу установки и настройки как
на Windows, так и на Linux-системы.
14
WordPress поддерживает обе основные версии MySQL – 5.7 и 8.
Последняя отличается приростом производительности в некоторых задачах и
новым функционалом, содержащим обобщѐнные табличные выражения для
написания более гибких запросов к нескольким таблицам, улучшение работы с
регулярными выражениями, улучшение функционала работы с JSON, создание
собственных ролей для пользователей, а также смена кодировки по умолчанию
на utf8mb4, что позволяет без дополнительной настройки хранить Unicode-
строки в БД и использовать многобайтные символы, такие как Emoji.
15
При использовании PHP по его прямому назначению – для создания
динамических сайтов – код внедряется в HTML-разметку. HTML – язык
разметки гипертекста. Он используется во Всемирной паутине для создания
сайтов путѐм связывания различных гипертекстовых страниц ссылками. В этом
заключается основная идея HTML – создание документов, состоящих из
связанных частей.
16
Гипертекст позволяет расширить возможности обычного текста по
представлению информации: при его использовании становятся доступными
графические объекты, различного рода списки, таблицы, ссылки, формы,
фреймы. Кроме того, HTML предлагает различные виды блоков для
составления иерархической структуры документа. Например, существуют
блоки для абзацев, секций, программного кода и заголовков. Существуют также
правила, по которым эти элементы должны располагаться на странице.
14
Попов И. И., Максимов Н. В., Голицына О. Л. Базы данных – М.: ФОРУМ: Инфра-М, 2016 г. – 352 с.
15
Крейг С. Маллинс Администрирование баз данных. Полное справочное руководство по методам и
процедурам: Руководство / Пер. с англ. – М.: КУДИЦ-Образ, 2013. –752 с.
16
PHP: Documentation [Электронный ресурс]. URL: http://php.net/docs.php (Дата обращения: 25.04.2020).
40
Стандарт HTML5 значительно расширяет возможности гипертекста,
позволяя использовать в документах различные медиа – объекты, такие как
аудиозаписи, видеоролики и холсты.
В наше время на сайтах используется не только HTML-разметка.
Внешний вид сайта также создаѐтся при помощи CSS и JavaScript. CSS –
Cascading Stylesheet (Каскадные Таблицы Стилей) – язык описания внешнего
вида документа, написанного с использованием языка разметки. CSS
используется преимущественно при создании веб-сайтов для задания
стилизации HTML-элементам, но может также быть использован и с другими
типами XML-разметки, например, SVG. CSS использует селекторы и свойства
для описания внешнего вида элементов.
Селектором называется правило, по которому элементы выбираются из
документа. Они могут учитывать иерархию элементов, значения их атрибутов и
их расположение в дереве документа относительно других элементов.
Само описание внешнего вида производится при помощи пар свойство –
значение, записываемых через двоеточие. Список свойств, заключѐнный в
фигурный скобки, стоящие после селектора, называется правилом. С помощью
наборов таких правил и создаются стили для всего документа.
Кроме обычных правил в CSS существуют @-правила. Они начинаются
с символа «@» и выполняют дополнительные функции. Например, правило
«@font-face» позволяет определить новый шрифт на странице, указав его
название и ссылку на файл этого шрифта.
Другим популярным @-правилом является «@media». Оно позволяет
определить, при каких условиях будут применяться находящиеся внутри него
правила. С его помощью можно задать стили для разных размеров экранов,
разной ориентации экрана, стили для печати и экранных дикторов. Именно на
этих правилах основана адаптивная верстка. @-правила являются частью
спецификации CSS3.
Последний стандарт CSS3 определяет множество новых правил
возможностей, которые сильно упрощают жизнь разработчикам. Например, он
41
вводит функцию «calc()», которая позволяет использовать простые
математические выражения для расчѐта значений, которые неизвестны на
момент написания стилей, но могут быть вычислены во время выполнения.
Кроме этого, теперь элементы можно анимировать, создавать у них
закруглѐнные углы, добавлять тени, переходы, изменять поведение фона.
17
Одним из главных нововведений в CSS3 является Flex – раскладка. Она
позволяет упростить создание адаптивных страниц путѐм задания правил
поведения и расположения элементов. Самый новый вид раскладки элементов –
CSS Grid Layout, описанный в соответствующей спецификации, которая с 14
декабря 2017 года имеет статус рекомендации кандидата, то есть, точно будет
переведена в текущий стандарт CSS.
18
Для добавления интерактивных элементов на страницы обычно
используют язык JavaScript. Он был создан в 1995 году и реализует
спецификацию ECMA-262. На самом деле язык называется ECMAScript, так
как JavaScript является торговой маркой, зарегистрированной корпорацией
Oracle. Для того, чтобы не поднимать споров о принадлежности названия языка
тем, было решено назвать его спецификацию ECMAScript.
Язык JavaScript реализует объектно-ориентированный подход с
прототипным наследованием, что может вызывать трудности у некоторых
программистов при его изучении, также, как и замыкания и асинхронные
действия, например, AJAX-запросы. Но несмотря на это, JavaScript – крайне
многофункциональный язык, который позволяет программисту оживлять веб-
страницы и придавать им интерактивность.
JavaScript часто используется для работы с объектной моделью
документа (DOM – Document Object Model). С его помощью можно управлять
структурой документа, изменять, добавлять, удалять и перемещать узлы дерева
документа, а также манипулировать их атрибутам и стилями.
17
Веру Л. Секреты CSS. Идеальные решения ежедневных задач – СПб.: Питер, 2016. – 336 с.
18
Дунаев В.В. HTML, скрипты и стили: Руководство – СПб.: БХВ-Петербург, 2015. – 643 с.
42
События являются очень важным аспектом этого языка. В основном,
события используются для обработки действий браузера или пользователя.
Например, в JavaScript можно отслеживать события загрузки документа.
Отправки AJAX-запроса, а также события элементов – клики, наведения
указателя мыши, взятие в фокус, движение мыши и многие другие.
Одной из главных особенностей языка JavaScript является его
событийная ориентированность. Выполнение кода JavaScript происходит в
бесконечном цикле, в котором интерпретатор последовательно исполняет
инструкции, стоящие в очереди.
Асинхронность в JavaScript достигается за счѐт цикла событий. Каждое
асинхронное действие может зарегистрировать код в виде функции, которая
должна выполниться при завершении действия.
Например, при выполнении AJAX – запроса код функции – обработчика
будет помещѐн в очередь после того, как запрос будет завершѐн, а также будут
завершены все действия, стоящие в очереди перед этой функцией. Это значит,
что движок JavaScript не будет ждать завершения запроса для того, чтобы
перейти к следующей строке кода, что экономит время и позволяет выполнять
другой код во время ожидания ответа на запрос.
19
Всѐ перечисленное программное обеспечение распространяется
свободно, что означает минимизацию затрат на программные средства,
требуемые для работы готовой системы.
1.4.3. Обоснование проектных решений по техническому обеспечению
Техническое обеспечение, необходимое для функционирования
системы, можно разделить на две части: клиентскую и серверную. К серверной
части любого веб-сервиса применяются более строгие требования, чем к
клиентской, так как разработчик не может влиять на то, с каких устройств и
платформ пользователи заходят на сайт. А имея непосредственное отношение к
организации серверной части системы, разработчик может существенно
19
Прохоренок П.А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера – СПб.:
БХВ-Петербург, 2015. – 768.с.
43
улучшить еѐ производительность путѐм подбора технического обеспечения с
оптимальными характеристиками. При этом, имея инструменты для сбора
статистики по активности на сайте, существует возможность отслеживать
использование доступных ресурсов сервера и своевременно принимать
решения о необходимости смены хостинга или перехода на другие тарифы.
Использование личного физического сервера в данном случае
нецелесообразно, так как это требует специализированного персонала для
поддержки его работоспособности, что включает в себя сетевое и системное
администрирование системы. Помимо этого, требуется дополнительно
заключать договор о предоставлении выделенных IP-адресов для сервера,
чтобы к нему можно было обращаться из глобальной сети, а также аренда
домена и привязка его к полученному от Интернет-провайдера IP-адресу. Всех
этих манипуляций можно избежать, используя облачный хостинг, который
предоставляет административную панель, в которой имеется возможность
настройки всех сетевых параметров сервера. Также в таких панелях часто
предоставляется возможность быстрой установки, настройки и управления
сервером, что обеспечивает удобство поддержки готовой системы.
20
Существуют два основных вида облачных хостингов: провайдеры,
предоставляющие виртуальные выделенные сервера (Virtual Dedicated Server,
VDS) и разделяемые сервера (shared hosting). Они предоставляют разные
уровни контроля за сервером, но в некоторых задачах могут быть почти
одинаковыми по выполняемым задачам.
VDS является более функциональной и дорогостоящей версией
облачного хостинга. Здесь заказчику предоставляется собственный
виртуальный сервер и все возможные права доступа к его системе.
Администратор может удалѐнно подключиться к серверу и произвести
необходимые процедуры на нѐм посредством подключения по протоколу SSH
(Secure Shell). SSH является сетевым протоколом, позволяющим производить
20
Чистов Д.В. Проектирование информационных систем: учебник и практикум для академического
бакалавриата. М.: Издательство Юрайт, 2017. – 258 с. – Серия: Бакалавр. Академический курс.
44
удалѐнное управления операционной системой и туннелирование TCP-
соединений для передачи файлов. Весь передаваемый трафик шифруется, что
сделало протокол очень популярным благодаря разнообразию поддерживаемых
алгоритмов шифрования. SSH-клиенты существуют для всех систем семейств
Linux, Windows, FreeBSD и многих других, так как возможность удалѐнного
управления системой является важной частью администрирования любой
операционной системы.
В отличие от VDS, разделяемый сервер не предоставляет прямого
доступа к операционной системе, хотя может предоставлять гибкие
возможность для настройки запускаемых на нѐм программ и сценариев. При
этом установка дополнительного ПО на сервер либо невозможна, либо
ограничена набором плагинов, доступных для установки через
административную панель хостинга.
Разделяемый сервер делит свои ресурсы между клиентами согласно их
тарифным планам, но все они существуют в одной операционной системе, что
может влиять на производительность при высокой загруженности физического
сервера. Имея в виду вышеперечисленные характеристики хостинг-
провайдеров разных типов, был сделан вывод о необходимости использования
разделяемого хостинга на первый месяц после внедрения системы, что
позволит собрать статистику использования ресурсов сервера и выявить, при
наличии, необходимость в переносе системы на выделенный сервер.
45
II Проектная часть
2.1. Разработка проекта автоматизации
2.1.1. Этапы жизненного цикла проекта автоматизации
Жизненный цикл ИС – это период времени, который начинается с
момента возникновения потребности в ИС и заканчивается моментом еѐ
полного выхода из эксплуатации. В соответствии с этим определением, модель
жизненного цикла ИС – структура, определяющая последовательность
выполнения и взаимосвязи процессов, действий и задач на протяжении
жизненного цикла.
Для разработки проекта автоматизации была выбрана модель
жизненного цикла в соответствии с ГОСТ 34.601-90
21
, который устанавливает
стадии и этапы создания автоматизированной системы (АС), приведѐнные в
таблице 8.
Таблица 8.
Стадии и этапы создания АС
Стадии
Этапы работ
1. Формирование
требований к АС
1.1. Обследование объекта и обоснование необходимости
создания АС.
1.2. Формирование требований пользователя к АС.
1.3. Оформление отчѐта о выполненной работе и заявки
на разработку АС (тактико-технического задания)
2. Разработка
концепции АС
2.1. Изучение объекта.
2.2. Проведение необходимых научно-исследовательских
работ.
2.3. Разработка вариантов концепции АС,
удовлетворяющего требованиям пользователя.
2.4. Оформление отчѐта о выполненной работе.
3. Техническое
задание
Разработка и утверждение технического задания на
создание АС.
4. Эскизный проект
4.1. Разработка предварительных проектных решений по
системе и еѐ частям.
4.2. Разработка документации на АС и еѐ части.
21
ГОСТ 34.601-90 Информационная технология. Комплекс стандартов на автоматизированные системы
[Электронный ресурс] // Электронный фонд правовой и нормативно-технической документации. URL:
http://docs.cntd.ru/document/gost-34-601-90 (дата обращения: 10.03.2020).