УДК 004

СОЗДАНИЕ ИНТЕРАКТИВНЫХ ВЕБ-ПРИЛОЖЕНИЙ НА HTML, УПРАВЛЯЕМЫХ ДАННЫМИ

№12,

Технические науки

Мытников Александр Николаевич
Мытникова Екатерина Анатольевна


Ключевые слова: ДАННЫЕ; САЙТ; ВЕБ-СТРАНИЦА; ВЕБ-ПРИЛОЖЕНИЕ; ПОЛЬЗОВАТЕЛЬ; ТЕГ; БАЗЫ ДАННЫХ; ИНТЕРФЕЙС; DATA; WEBSITE; WEB PAGE; WEB APP; THE USER; A TAG; A DATABASE; AN INTERFACE.


Аннотация: В статье рассматриваются и оцениваются возможности нового языка Mavo, который дополняет синтаксис HTML новыми тегами, чтобы пользователи могли определять данные схем и добавлять постоянство и интерактивность.

Существует большое количество людей, которые создают веб-страницы, используя только HTML и CSS. В настоящее время трудно определить количество людей, которые используют и создают веб-страницы, однако быстрый рост и большая популярность визуальных (WYSIWYG) редакторов и инструментов для генерирования статических веб-страниц, а также большое количество хостинг провайдеров, хранящих только веб-сайты только из простых страниц (к примеру, Github-страницы), свидетельствуют о большой популярности таких сервисов.

Веб-приложения являются намного более мощными, чем простые веб-страницы, состоящие из одних веб-страниц, так как реагируют динамически на пользовательские действия, а через интерфейс веб-приложения пользователь имеет доступ к серверным данным и вычислениям. К примеру, даже такое базовое приложение, как «Список текущих дел» имеет отзывчивый интерфейс, поддерживающий создание, удаление и редактирование записей, а также имеет функциональность, которая реагирует на установление выбранных флажков. Создание таких приложений на данный момент требует знания JavaScript или других языков программирования, которые поддерживают интеграцию и взаимодействия с системой управления данными, а также понимание некоторых форматов обмена данными, например, JSON или реляционные базы данных.

Существует много платформ и библиотек, стремящихся упростить создание веб-приложений, тем не менее, веб-программистам все еще требуется писать значительные объемы кода, чтобы веб-приложение было полнофункциональным и отвечало всем нынешним требованиям информационной безопасности [1, 2]. Большинство людей, которые используют только HTML и CSS, не обладают навыками программирования или не имеют большого опыта в программировании. Такие люди часто для решения своих задач используют CMS (систему управления содержимым). Однако исследования указывают, что существует очень высокий уровень неудовлетворенности использования CMS. Одной из причин неудовлетворенности от CMS является то, что он ограничивает изменение внешнего вида веб-страницы. Когда пользователь хочет изменить внешний вид некоторых областей веб-страницы, то он вынужден разобраться в серверной части CMS для необходимого результата. Ситуация становится еще проблематичней, когда пользователь CMS хочет вывести на страницу информацию из разных таблиц с помощью различных плагинов. Интерфейсы плагинов часто основываются на специальных типах данных, которые не позволяют редактировать необходимые данные на веб-странице. Вместо этого они требуют изменение содержимого страницы, во встроенных визуальных редакторах CMS. Основным недостатком CMS для простых пользователей является ряд таких действий при создании сайта, как установка, конфигурирование базы данных, аренда хостинг провайдера для размещения собственно самого сайта.

Обзор технологии Mavo.

Простое добавление нескольких тегов HTML позволяет пользователям преобразовывать любой статический HTML документ в динамическое приложение для управления сохраненными данными. Содержание страницы становится редактируемым непосредственно на странице, добавятся возможности создания, удаления, обновления записей и текстов сайта, благодаря появлению визуального графического интерфейса. Пользователю Mavo никогда не придется планировать и определять бизнес-логику приложения отдельно от клиентской части, а также продумывать доступ к базе данных. Кроме всех перечисленных возможностей пользователи языка смогут дополнять теги описанием для того, чтобы HTML элементы могли быть редактируемыми, то есть описание тега будет являться встроенной бизнес-логикой. Используя только несколько тегов из языка Mavo, появляется возможность иметь на сайте данные из таблиц, которые в реляционных базах данных были бы связаны между собой внешними ключами. Дополнительным преимуществом тегов Mavo HTML является то, что они являются частью стандарта HTML RDF (среда описания ресурса), из этого следует, что сайты, созданные с помощью Mavo, будут считаться валидными.

Mavo основана на принципе прямого манипулирования для создания модели данных, лежащей в основе приложения. В процессе создания приложения вместо того, чтобы создавать модели данных, разрабатывать функции редактирования, пользователь Mavo создает визуальный макет, автоматически подразумевающий модель данных, которая будет управлять создаваемым приложением. Кроме того, Mavo не требует от пользователя создания отдельного интерфейса для редактирования данных. Пользователи созданного сайта могут просто переключать режим редактирования в браузере, нажатием на кнопку редактировать, который Mavo будет встраивать в сайт автоматически. Также Mavo добавляет на сайт визуальный редактор для изменения любых данных, вызов окон редактирования можно вывести нажатием на элементы сайта, помоченных как данные. Mavo может сохранять данные локально или передавать их в любую поддерживаемую облачную службу, такую как Dropbox или Github. Переключение между серверными компонентами хранения данных происходит с помощью изменения значения только одного из атрибутов. В дополнение к функциональности методологии CRUD, рассматриваемая технология обеспечивает простой табличный синтаксис выражений, позволяющий создавать начинающим создателям сайтов создавать богатые и отзывчивые сайты, соответствующие требованиям к современным веб-приложениям. Подход создания сайтов с Mavo представляет новый способ преобразования статических сайтов в динамические веб-приложения с поддержкой данных без программирования или явного определения взаимодействия с базой данных. С одной стороны, это делает технологию Mavo клиентской CMS, где вся функциональность настраивается внутри HTML-страницы. В соответствии с видением HTML как декларативного языка описания содержимого веб-страниц, Mavo расширяет HTML специальными тегами. Описанная в статье технология является полностью портативной и независимой от конкретной веб-инфраструктуры, и таким образом может интегрироваться с любой системой.


Список литературы

  1. Егорова Ю.Н., Мытникова Е.А., Мытников А.Н., Егорова О.А. Программный комплекс оценки угроз информационной безопасности информационных систем как эффективное средство формирования профессиональных компетентностей бакалавров по дисциплине «Информационная безопасность»//Современные наукоемкие технологии. — 2016. — № 4-1. — С. 109-113.
  2. Иванов С.О., Ильин Д.В., Ильина Л.А., Назарова О.В. Имитационное моделирование средств защиты информации, соответствующих общим критериям международного стандарта ISO/IEC 15408 // Вестник Чувашского университета. — 2016. — № 3. — С. 194-200.