Oб'єктна адаптація технології Drag and Drop для компонент інтерфейсу web-системи
DOI:
https://doi.org/10.33216/1998-7927-2021-268-4-7-12Ключові слова:
адаптація об’єкта, Drag and Drop, інформаційна системаАнотація
Сьогодні при розробці інформаційних систем хмарні технології часто використовуються для віддалених обчислень та обробки даних. Існують веб-технології, а на їх основі розроблені бібліотеки та фреймворки для створення веб-додатків та користувальницьких інтерфейсів, призначених для роботи інформаційних систем у браузерах. У статті розглядається сучасний стан методів для реалізації механізму перетягування компонент та пропонується програмний спосіб вдосконалення інтерфейсу шляхом створення класу для елементів перетягування при організації роботи в багатокористувацьких інформаційних веб-системах. Drag'n'Drop - це зручний спосіб покращити інтерфейс. Захоплення елемента мишкою та його візуальне переміщення спрощує багато операцій: від копіювання та переміщення документів (як у файлових менеджерах) до розміщення замовлень в послугах Інтернет-магазину. API перетягування HTML використовує модель події DOM для отримання інформації про перетягнутий елемент та оновлення цього елемента після перетягування. За допомогою обробників подій JavaScript можна перетворити будь-який елемент веб-системи в елемент Drag'n'Drop. Для вирішення цієї проблеми були розроблені об'єктні методи JavaScript, які дозволяють створювати копію об'єкта та обробляти всі події, спрямовані на організацію механізму Drag'n'Drop. Розглянуто програмну реалізацію та представлено результати практичного використання об'єктної адаптації технології Drag and Drop для компонентів інтерфейсу веб-системи - медичної інформаційної системи MedSystem. Результати використання об’єктної адаптації технології Drag and Drop показали, що цей механізм органічно вписується в існуючі технології побудови веб-додатків і має достатній потенціал для полегшення та автоматизації роботи в багатокористувацьких інформаційних системах та веб-сервісах.
Посилання
1. Medvedev A. Cloud technologies: development trends, examples of execution // Modern automation technologies. 2013. No. 2. P. 6-9
2. Papadopoulos A., Katsaros D. A-Tree: Distributed Indexing of Multidimensional Data for Cloud Computing Environments. Third IEEE Intl Conf. on Cloud Computing Technology and Science, 2011, pp. 407-414.
3. Crane D., Pascarello E. Ajax in action. Moscow: Ed. house "Williams", 2006.
4. Ratov D. Architectural paradigm of the interactive interface module in the cloud technology model. Applied Computer Science. 2020. Vol. 16, No. 4. P. 48–55.
5. MVP architecture. Url:http://www.gwtproject.org / articles / mvp-architecture.html (date accessed: 05/15/2021).
6. jQuery. URL: http://jquery.com/ (date of access: 05/15/2021).
7. AngularJS - Superheroic JavaScript MVW Framework. URL: http://angularjs.org/ (date accessed: 05/15/2021).
8. Gamma E., Helm R., Johnson R., Vlissides J. Techniques of object-oriented design. Design patterns. SPb. : Peter, 2001.368 p.
9. HTML 4.01 Specification. Url:https://www.w3.org/ TR / html401 / (date accessed: 05/15/2021).
10. Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification. URL: https://www.w3.org/TR/CSS22/ (date accessed: 05/15/2021).
11. ECMAScript Language Specification - ECMA-262 Edition 5.1. URL: http://www.ecma-international.org/ecma-262/5.1/ (date accessed: 05/15/2021).
12. Stoyan Stefanov. Javascript. Templates. St. Petersburg, 2011, 263 p.
13. Ratov D.V. Model of the module for the interface of the information web-system. Mathematical machines and systems. 2020. No. 4. P. 74–.81.
