УДК 004.415.2 К.С. Витковский, студент, Е.С. Чухланцев, старший преподаватель

УДК 004.415.2
К.С. Витковский, студент,
Е.С. Чухланцев, старший преподаватель
Ижевский государственный технический университет имени М.Т. Калашникова
АНАЛИЗ ВОЗМОЖНОСТЕЙ ИСПОЛЬЗОВАНИЯ СОВРЕМЕННЫХ ВЕБТЕХНОЛОГИЙ ДЛЯ АВТОМАТИЗАЦИИ ПРОЦЕССА СОЗДАНИЯ ЛВС
В статье рассмотрены различные способы автоматизации бизнеспроцессов предприятия с использованием современных информационных
технологий.
Приведен
пример
автоматизации
процесса
создания
и
экономического обоснования локально-вычислительной сети в офисном
помещении.
Ключевые
слова:
инновация,
автоматизация
бизнес-процессов,
локально-вычислительные сети, информационные технологии.
Сложно представить современное общество без интернета – за последние
20 лет он стал частью нашей жизни: мы используем его для общения, поиска
информации, развлечения. Но могут ли веб-технологии помочь человеку
решать важные задачи, встающие перед ним? Анализ тенденций в мире
информационных
технологий
показал,
что
количество
пользователей
использующих интернет как инструмент ведения бизнеса в последнее время
стремительно растет, кроме того, большинство производителей программного
обеспечения стремится к переводу пользовательских вычислений «в облако»,
следовательно, его применение для решения серьезных задач реально.
Попробуем подтвердить это утверждение, рассмотрев пример использования
веб-технологий при решении реальной проблемы.
Применение
локально-вычислительных
сетей
(ЛВС)
в
офисных
помещениях при организации работы предприятия позволяет грамотно
автоматизировать многие бизнес-процессы. Однако, для создания ЛВС в
офисном помещении необходимо привлечение специалистов в этой области со
стороны, что требует огромных затрат от предприятия, при этом современные
способы проектирования ЛВС не лишены недостатков: шаблонность методов
проектирования ЛВС приводит к нерациональному использованию сетевого
оборудования, отсутствию возможности проектирования качественной ЛВС в
офисном помещении с нестандартной планировкой, а также значительные
временные затраты на проведение предварительных экономических расчетов и
составление эскизной документации. Учитывая то, что высвобождаемые на
этапе развития или реорганизации любого бизнеса средства определяют
направление дальнейшего развития предприятия и ряд проблем текущих
методов
проектирования
ЛВС,
возникает
необходимость
в
создании
инструмента автоматизации процесса проектирования ЛВС, который был бы
лишен обозначенных проблем.
Для более четкого представления ряда задач, которые нужно решить для
достижения
поставленной
цели,
необходимо
рассмотреть
процессы,
возникающие при проектировании ЛВС. Сначала проводится анализ чертежа
офисного помещения, затем выбирается сетевое оборудование (витая пара,
сетевые коммутаторы), которое бы оптимально подходило для использования в
данном помещении, расстановка оборудования, составление сметы затрат на
необходимое оборудование и проведение работ. Таким образом, система
должна принимать пользовательские данные (чертеж, входные параметры),
производить расчеты и визуализацию в ходе работы программы и выводить
результаты.
Из всего разнообразия веб-технологий необходимо выбрать инструменты,
которые бы позволили реализовать весь необходимый функционал и
обеспечили возможность использования программного продукта на любом
устройстве с доступом к интернету и веб-браузером, т.е. обеспечивали
кроссплатформенность программного обеспечения.
Язык гипертекстовой разметки HTML в паре с языком стилей CSS
позволяет создать удобный и приятный пользовательский интерфейс. В
стандарт языка HTML5 включена поддержка различных элементов для работы
с мультимедиа информацией: аудио, видео, графикой; в рамках данной работы
особенно интересен элемент для работы с графикой – Canvas. Благодаря
интерфейсу прикладного программирования языка JavaScript, позволяющему
работать с геометрическими примитивами (линии, геометрические фигуры) и
растровыми
изображениями
(вывод
изображения,
изменение
размера,
масштабирования, сохранение содержимого «холста»), элемент Canvas можно
использовать для визуализации процесса работы с информационной системой и
вывода
результата
работы
с
системой.
Функционал
языка
HTML5
поддерживается большинством современных браузеров.
Язык программирования JavaScript – это объектно-ориентированный язык
программирования высокого уровня, широко использующийся при разработке
клиентских
веб
приложений
(приложений,
производящих
вычисления
используя ресурсы компьютера пользователя). Клиентский JavaScript включает
в себя интерпретатор JavaScript и объектную модель документа (DOM),
определяемую веб-браузером. Документы могут содержать JavaScript-сценарии,
которые в свою очередь могут использовать модель DOM для модификации
документа или управления способом его отображения. Другими словами можно
сказать,
что
клиентский
позволяет
JavaScript
определить
поведение
статического содержимого веб-страниц [2, C.23].
При проектировании программного обеспечения разработчики продукта
ориентируются на использование схемы MVC (модель, вид, контроллер). Схема
MVC состоит из объектов трех видов. Модель – это объект приложения, а вид –
экранное представление. Контроллер описывает, как интерфейс реагирует на
управляющие воздействия пользователя. До появления схемы MVC эти
объекты в пользовательских интерфейсах смешивались. MVC отделяет вид от
модели,
устанавливая
«подписка/оповещение».
между
Вид
ними
должен
протокол
гарантировать,
взаимодействия
что
внешнее
представление отражает состояние модели. При каждом изменении внутренних
данных модель оповещает все зависящие от нее виды, в результате чего вид
обновляет себя. Такой подход позволяет присоединить к одной модели
несколько видов, обеспечив тем самым различные представления [1, C.18].
В рамках практической работы по исследованию инструментов создания
автоматизированных онлайн систем был реализован необходимый для
выполнения требуемых действий функционал. Написана библиотека на языке
JavaScript реализующая объектное представление элементов системы: описаны
объекты, которыми оперирует система в ходе работы, а также методы их
взаимодействия. Данная библиотека описывает «модель» системы. Созданный
при помощи языков разметки и стилей пользовательский интерфейс является
«видом» системы, он состоит из рабочей поверхности редактора, а также
элементов управления редактором. Внешний
вид
пользовательского
интерфейса представлен на рисунке 1. «Контроллером» является объект
обработки событий, определяющий ответные реакции на взаимодействие с
интерфейсом редактора.
Рис. 1. Пользовательский интерфейс системы.
Для начала проектирования плана ЛВС пользователь загружает чертеж
помещения в растровом формате и указывает ряд параметров: масштаб плана,
параметры помещения, желаемое оборудование. При помощи соответствующих
элементов управления пользователь добавляет и связывает между собой
элементы будущей ЛВС (рис. 2). На выходе пользователь получает план
будущей ЛВС и итоговую смету затрат на разведение сети, содержащую список
оборудования с его примерной стоимостью, примерную стоимость расходных
материалов и работ по установке сетевого оборудования (рис. 3).
Рис. 2. Окно редактирования ЛВС.
Рис. 3. Вывод результатов работы программы.
Таким образом, на примере представленной системы можно сделать
вывод о том, современные веб-технологии позволяю создать полноценный
программный продукт, позволяющий использовать функционал почти на
любом устройстве с доступом к интернету, в том числе и для автоматизации
различных бизнес-процессов.
Библиографические ссылки
1. Гамма Э., Хелм Р., Джонсон Р. Приемы ООП. Паттерны проектирования.//
Питер – 2001. – 368с.
2. Флэнаган Д. JavaScript. Подробное руководство // Символ – 2008. – 992с.
3. Щекотуров И.М., Чухланцев Е.С. Методика создания автоматизированной
системы проектирования локально-вычислительных сетей. // Издательство
ИжГТУ – 2013. – 232с.