ИСПОЛЬЗОВАНИЕ ТЕХНОЛОГИИ DRAG-AND-DROP ПРИ СОЗДАНИИ ВЕБ-ИНТЕРФЕЙСА

Аннотация

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

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

Одну из возможностей решить такую задачу дает применение drag-and-drop. Интересы элемента мышкой и его переноса визуально упростят, например, копирования и перемещения документов (как в файловых менеджерах) оформления заказа («положить в корзину»). Этот метод является базовым для разработки многих игр, тестовых заданий, реорганизация графических элементов, сортировка списков.

Современные веб-технологии имеют различные средства для реализации drag-and-drop. Чаще всего это нативный JavaScript, HTML5 и библиотеки JavaScript. Для веб-разработчика актуален вопрос выбора из этой совокупности одной технологии или их сочетание наиболее эффективной реализации проекта. Ведь от грамотного выбора средств создания зависит скорость разработки, ее стоимость и качество.

В работе рассмотрены возможности языка JavaScript по созданию веб-интерфейса с элементами drag-and-drop и установления наиболее эффективного средства drag-and-drop интерфейса. Рассмотрены перетаскивания элементов с помощью нативного JavaScript, связи HTML5 & JavaScript, JavaScript-библиотек, что позволило обобщить и систематизировать полученные результаты для определения наиболее эффективных средств реализации drag-and-drop интерфейса.

Ключевые слова: веб-интерфейс, drag-and-drop, JavaScript, HTML5, JavaScript-библиотека, систематизация, веб-технологии.