Front-end фреймворк для побудови застосунків з адаптивним графічним інтерфейсом засобами машинного навчання

dc.citation.epage267
dc.citation.issue2
dc.citation.journalTitleКомп'ютерні системи та мережі
dc.citation.spage252
dc.citation.volume6
dc.contributor.affiliationНаціональний університет “Львівська політехнка”
dc.contributor.affiliationНаціональний університет “Львівська політехнка”
dc.contributor.affiliationLviv Polytechnic National University
dc.contributor.affiliationLviv Polytechnic National University
dc.contributor.authorЧаус, І. В.
dc.contributor.authorМарусенкова, Т. А.
dc.contributor.authorChaus, I. V.
dc.contributor.authorMarusenkova, T. A.
dc.coverage.placenameЛьвів
dc.coverage.placenameLviv
dc.date.accessioned2025-12-11T11:15:24Z
dc.date.created2024-10-10
dc.date.issued2024-10-10
dc.description.abstractУ статті розглядаються підходи до розробки front-end фреймворку для створення веб-застосунків з адаптивним графічним інтерфейсом, що динамічно підлаштовується під індивідуальні потреби користувачів за допомогою алгоритмів машинного навчання. Актуальність проблеми полягає в необхідності розробки інтерфейсів, здатних одночасно відповідати потребам різних демографічних груп, що вимагає гнучкості в налаштуванні користувацького досвіду (UX) та інтерфейсу (UI) сучасних веб-сайтів. Традиційні методи дизайну інтерфейсів не завжди враховують специфічні потреби кожного користувача, що знижує ефективність взаємодії з сайтом. У статті запропоновано підхід, який викорисовує алгоритми підкріпленого машинного навчання для аналізу взаємодії користувача з інтерфейсом і автоматичної адаптації інтерфейсу на основі поведінкових даних. Це до- воляє підвищити точність персоналізації інтерфейсів та покращити загальний корис- увацький досвід. Метою роботи є розробка інструменту автоматизованої перебудови графічного інтерфейсу веб-застосунків залежно від індивідуальних потреб користувачів для покра- ення їхнього користувацького досвіду. Розроблено алгоритми для оптимізації взаємодії користувачів зі сторінками веб-застосунків та підвищення ефективності роботи з інтерфейсом. Результати дослідження демонструють здатність фреймворку динамічно реагувати на поведінку користувачів, оцінювати їх рівень взаємодії та приймати обґрунтовані рішення щодо адаптації параметрів інтерфейсу, що, в свою чергу, допомагає розробникам зменшити обсяг роботи, необхідної для реалізації персоналізованого інтерфейсу, шляхом усунення потреби в ручній розробці варіантів веб-сайту. Використовуючи цей підхід, оцінене зменшення обсягу коду становить 40-50%.
dc.description.abstractThe article examines approaches to developing a front-end framework for creating web applications with an adaptive graphical interface that dynamically adjusts to the individual needs of users through machine learning algorithms. The relevance of the problem lies in the need to develop interfaces capable of simultaneously meeting the needs of different demographic groups, which requires flexibility in customizing the user experience (UX) and user interface (UI) of modern websites. Traditional interface design methods do not always account for the specific needs of each user, which reduces the effectiveness of interaction with the site. The article proposes an approach that utilizes reinforcement learning algorithms to analyze user interaction with the interface and automatically adapt the interface based on behavioral data. This enhances the accuracy of interface personalization and improves the overall user experience. The goal of the work is to develop a tool that enables the automated restructuring of the graphical interface of web applications based on individual user needs to improve their user experience. The research develops algorithms to optimize user interaction with web application pages and improve interface efficiency. The research results demonstrate the framework’s ability to dynamically respond to user behavior, assess their level of interaction, and make informed decisions regarding interface parameter adaptation, which in turn helps developers to reduce amount of work needed to implement personalized interface by eliminating the need to manually develop website variants. Using this approach the estimated code base reduction is 40-50%.
dc.format.extent252-267
dc.format.pages16
dc.identifier.citationЧаус І. В. Front-end фреймворк для побудови застосунків з адаптивним графічним інтерфейсом засобами машинного навчання / І. В. Чаус, Т. А. Марусенкова // Комп'ютерні системи та мережі. — Львів : Видавництво Львівської політехніки, 2024. — Том 6. — № 2. — С. 252–267.
dc.identifier.citation2015Чаус І. В., Марусенкова Т. А. Front-end фреймворк для побудови застосунків з адаптивним графічним інтерфейсом засобами машинного навчання // Комп'ютерні системи та мережі, Львів. 2024. Том 6. № 2. С. 252–267.
dc.identifier.citationenAPAChaus, I. V., & Marusenkova, T. A. (2024). Front-end freimvork dlia pobudovy zastosunkiv z adaptyvnym hrafichnym interfeisom zasobamy mashynnoho navchannia [Front-end framework for building applications with adaptive user interfaces using machine learning methods]. Computer Systems and Networks, 6(2), 252-267. Lviv Politechnic Publishing House. [in Ukrainian].
dc.identifier.citationenCHICAGOChaus I. V., Marusenkova T. A. (2024) Front-end freimvork dlia pobudovy zastosunkiv z adaptyvnym hrafichnym interfeisom zasobamy mashynnoho navchannia [Front-end framework for building applications with adaptive user interfaces using machine learning methods]. Computer Systems and Networks (Lviv), vol. 6, no 2, pp. 252-267 [in Ukrainian].
dc.identifier.doiDOI: https://doi.org/10.23939/csn2024.02.252
dc.identifier.urihttps://ena.lpnu.ua/handle/ntb/123985
dc.language.isouk
dc.publisherВидавництво Львівської політехніки
dc.publisherLviv Politechnic Publishing House
dc.relation.ispartofКомп'ютерні системи та мережі, 2 (6), 2024
dc.relation.ispartofComputer Systems and Networks, 2 (6), 2024
dc.relation.references1. Nilakshi Jain. (2023) UI Design : Key to Captivate User Understanding, вересень 2023. 173 ст. ISBN:8195131948.
dc.relation.references2. John Albert Balansag, Rommel A. Canoy, Troyd B. Puquiz, Honey Marjey V. Curay, Denver F. Divino, Luz Clarisse E. Pejera, Mark Van M. Buladaco.(2021) User Engagement and User Design on Online Shopping Apps. International Journal of Advanced Trends in Computer Science and Engineering Volume 10, 3077–3083. https://doi.org./10.30534/ijatcse/2021/011062021
dc.relation.references3.Zhiyong Chen. (2023). Research on the application of ergonomics in UI interface design. Applied Mathematics and Nonlinear Sciences. https://doi.org/10.2478/amns.2023.2.00338.
dc.relation.references4.Khalid Krayza, Nor Azman Ismail, Layla Hasan, Wad Ghaban, Nadhmi A. Gazem, Maged Nasser. (2023) Adaptable Web Search User InterfaceModel for the Elderly. KSII Transactions on Internet and Information Systems,2436 – 2457. http://doi.org/10.3837/tiis.2023.09.008.
dc.relation.references5.Ahmad Muktamar, Cindy Sandra Lumingkewas, Agus Rofi’i. (2023). The Implementation of User Centered Design Method in Developing UI/UX. JISTE Journal of Information System, Technology and Engineering, 26–31.https://doi.org/10.1017/CBO9781107415324.004.
dc.relation.references6.Sadik Khan. (2023) Role of Generative AI for Developing Personalized Content Based Websites. International Journal of Innovative Science and Research Technology, volume 8, Issue 9, 1–5. http://doi.org/10.5281/zenodo.8328205.
dc.relation.references7.Daniel Gaspar-Figueiredo, Silvia Abrahao, Marta Fernandez-Diego, Emilio Insfran. (2023). A Comparative Study on Reward Models for UI Adaptation with Reinforcement Learning.
dc.relation.references8.Ilan Kirsh. (2021). Visualizing Web Users’ Attention to Text With Selection Heatmaps. ICWE 2021, 517–520.https://doi.org/10.1007/978-3-030-74296-6_42.
dc.relation.references9. Ilan Kirsh. (2020). Directions and Speeds of Mouse Movements on a Website and Reading Patterns: A Web Usage Mining Case Study. 10th International Conference on Web Intelligence, Mining and Semantics (WIMS’20).https://doi.org/10.1145/3405962.3405982
dc.relation.references10. Ilan Kirsh. (2020). Using Mouse Movement Heatmaps to Visualize User Attention to Words. 11th Nordic Conference on Human-Computer Interaction. https://doi.org/10.1145/3419249.3421250.
dc.relation.references11. Jörn Hurtienne, Maximilian Landeck. (2014). Beyond Eye Tracking Analogies: Cursor Trajectories as Subtle Cues to Detect Distracting UI Elements. CHI ’14 Extended Abstracts on Human Factors in Computing Systems.http://doi.org/10.1145/2559206.2581363.
dc.relation.references12. Ana Kešelj Dilberović, Mario Milicevic, Krunoslav Zubrinic, Željka Car. (2022). The Application of Deep Learning for the Evaluation of User Interfaces. http://doi.org/10.3390/s22239336
dc.relation.references13. Jakob Nielsen. (1993). Iterative User-Interface Design. https://doi.org/10.1109/2.241424
dc.relation.referencesen1. Nilakshi Jain. (2023) UI Design : Key to Captivate User Understanding, veresen 2023. 173 p. ISBN:8195131948.
dc.relation.referencesen2. John Albert Balansag, Rommel A. Canoy, Troyd B. Puquiz, Honey Marjey V. Curay, Denver F. Divino, Luz Clarisse E. Pejera, Mark Van M. Buladaco.(2021) User Engagement and User Design on Online Shopping Apps. International Journal of Advanced Trends in Computer Science and Engineering Volume 10, 3077–3083. https://doi.org./10.30534/ijatcse/2021/011062021
dc.relation.referencesen3.Zhiyong Chen. (2023). Research on the application of ergonomics in UI interface design. Applied Mathematics and Nonlinear Sciences. https://doi.org/10.2478/amns.2023.2.00338.
dc.relation.referencesen4.Khalid Krayza, Nor Azman Ismail, Layla Hasan, Wad Ghaban, Nadhmi A. Gazem, Maged Nasser. (2023) Adaptable Web Search User InterfaceModel for the Elderly. KSII Transactions on Internet and Information Systems,2436 – 2457. http://doi.org/10.3837/tiis.2023.09.008.
dc.relation.referencesen5.Ahmad Muktamar, Cindy Sandra Lumingkewas, Agus Rofi’i. (2023). The Implementation of User Centered Design Method in Developing UI/UX. JISTE Journal of Information System, Technology and Engineering, 26–31.https://doi.org/10.1017/CBO9781107415324.004.
dc.relation.referencesen6.Sadik Khan. (2023) Role of Generative AI for Developing Personalized Content Based Websites. International Journal of Innovative Science and Research Technology, volume 8, Issue 9, 1–5. http://doi.org/10.5281/zenodo.8328205.
dc.relation.referencesen7.Daniel Gaspar-Figueiredo, Silvia Abrahao, Marta Fernandez-Diego, Emilio Insfran. (2023). A Comparative Study on Reward Models for UI Adaptation with Reinforcement Learning.
dc.relation.referencesen8.Ilan Kirsh. (2021). Visualizing Web Users’ Attention to Text With Selection Heatmaps. ICWE 2021, 517–520.https://doi.org/10.1007/978-3-030-74296-6_42.
dc.relation.referencesen9. Ilan Kirsh. (2020). Directions and Speeds of Mouse Movements on a Website and Reading Patterns: A Web Usage Mining Case Study. 10th International Conference on Web Intelligence, Mining and Semantics (WIMS’20).https://doi.org/10.1145/3405962.3405982
dc.relation.referencesen10. Ilan Kirsh. (2020). Using Mouse Movement Heatmaps to Visualize User Attention to Words. 11th Nordic Conference on Human-Computer Interaction. https://doi.org/10.1145/3419249.3421250.
dc.relation.referencesen11. Jörn Hurtienne, Maximilian Landeck. (2014). Beyond Eye Tracking Analogies: Cursor Trajectories as Subtle Cues to Detect Distracting UI Elements. CHI ’14 Extended Abstracts on Human Factors in Computing Systems.http://doi.org/10.1145/2559206.2581363.
dc.relation.referencesen12. Ana Kešelj Dilberović, Mario Milicevic, Krunoslav Zubrinic, Željka Car. (2022). The Application of Deep Learning for the Evaluation of User Interfaces. http://doi.org/10.3390/s22239336
dc.relation.referencesen13. Jakob Nielsen. (1993). Iterative User-Interface Design. https://doi.org/10.1109/2.241424
dc.relation.urihttps://doi.org./10.30534/ijatcse/2021/011062021
dc.relation.urihttps://doi.org/10.2478/amns.2023.2.00338
dc.relation.urihttp://doi.org/10.3837/tiis.2023.09.008
dc.relation.urihttps://doi.org/10.1017/CBO9781107415324.004
dc.relation.urihttp://doi.org/10.5281/zenodo.8328205
dc.relation.urihttps://doi.org/10.1007/978-3-030-74296-6_42
dc.relation.urihttps://doi.org/10.1145/3405962.3405982
dc.relation.urihttps://doi.org/10.1145/3419249.3421250
dc.relation.urihttp://doi.org/10.1145/2559206.2581363
dc.relation.urihttp://doi.org/10.3390/s22239336
dc.relation.urihttps://doi.org/10.1109/2.241424
dc.rights.holder© Національний університет „Львівська політехніка“, 2024
dc.rights.holder© Чаус І.В., Марусенкова Т.А. 2024
dc.subjectfront-end
dc.subjectадаптивний інтерфейс
dc.subjectвеб-дизайн
dc.subjectкористувацький довід
dc.subjectмашинне навчання
dc.subjectadaptive interface
dc.subjectfront-end
dc.subjectmachine learning
dc.subjectuser experience
dc.subjectweb design
dc.subject.udc004.5
dc.titleFront-end фреймворк для побудови застосунків з адаптивним графічним інтерфейсом засобами машинного навчання
dc.title.alternativeFront-end framework for building applications with adaptive user interfaces using machine learning methods
dc.typeArticle

Files

Original bundle

Now showing 1 - 1 of 1
Loading...
Thumbnail Image
Name:
2024v6n2_Chaus_I_V-Front_end_framework_for_252-267.pdf
Size:
2.15 MB
Format:
Adobe Portable Document Format

License bundle

Now showing 1 - 1 of 1
Loading...
Thumbnail Image
Name:
license.txt
Size:
1.79 KB
Format:
Plain Text
Description: