Front-end фреймворк для побудови застосунків з адаптивним графічним інтерфейсом засобами машинного навчання
| dc.citation.epage | 267 | |
| dc.citation.issue | 2 | |
| dc.citation.journalTitle | Комп'ютерні системи та мережі | |
| dc.citation.spage | 252 | |
| dc.citation.volume | 6 | |
| dc.contributor.affiliation | Національний університет “Львівська політехнка” | |
| dc.contributor.affiliation | Національний університет “Львівська політехнка” | |
| dc.contributor.affiliation | Lviv Polytechnic National University | |
| dc.contributor.affiliation | Lviv Polytechnic National University | |
| dc.contributor.author | Чаус, І. В. | |
| dc.contributor.author | Марусенкова, Т. А. | |
| dc.contributor.author | Chaus, I. V. | |
| dc.contributor.author | Marusenkova, T. A. | |
| dc.coverage.placename | Львів | |
| dc.coverage.placename | Lviv | |
| dc.date.accessioned | 2025-12-11T11:15:24Z | |
| dc.date.created | 2024-10-10 | |
| dc.date.issued | 2024-10-10 | |
| dc.description.abstract | У статті розглядаються підходи до розробки front-end фреймворку для створення веб-застосунків з адаптивним графічним інтерфейсом, що динамічно підлаштовується під індивідуальні потреби користувачів за допомогою алгоритмів машинного навчання. Актуальність проблеми полягає в необхідності розробки інтерфейсів, здатних одночасно відповідати потребам різних демографічних груп, що вимагає гнучкості в налаштуванні користувацького досвіду (UX) та інтерфейсу (UI) сучасних веб-сайтів. Традиційні методи дизайну інтерфейсів не завжди враховують специфічні потреби кожного користувача, що знижує ефективність взаємодії з сайтом. У статті запропоновано підхід, який викорисовує алгоритми підкріпленого машинного навчання для аналізу взаємодії користувача з інтерфейсом і автоматичної адаптації інтерфейсу на основі поведінкових даних. Це до- воляє підвищити точність персоналізації інтерфейсів та покращити загальний корис- увацький досвід. Метою роботи є розробка інструменту автоматизованої перебудови графічного інтерфейсу веб-застосунків залежно від індивідуальних потреб користувачів для покра- ення їхнього користувацького досвіду. Розроблено алгоритми для оптимізації взаємодії користувачів зі сторінками веб-застосунків та підвищення ефективності роботи з інтерфейсом. Результати дослідження демонструють здатність фреймворку динамічно реагувати на поведінку користувачів, оцінювати їх рівень взаємодії та приймати обґрунтовані рішення щодо адаптації параметрів інтерфейсу, що, в свою чергу, допомагає розробникам зменшити обсяг роботи, необхідної для реалізації персоналізованого інтерфейсу, шляхом усунення потреби в ручній розробці варіантів веб-сайту. Використовуючи цей підхід, оцінене зменшення обсягу коду становить 40-50%. | |
| dc.description.abstract | The 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.extent | 252-267 | |
| dc.format.pages | 16 | |
| dc.identifier.citation | Чаус І. В. Front-end фреймворк для побудови застосунків з адаптивним графічним інтерфейсом засобами машинного навчання / І. В. Чаус, Т. А. Марусенкова // Комп'ютерні системи та мережі. — Львів : Видавництво Львівської політехніки, 2024. — Том 6. — № 2. — С. 252–267. | |
| dc.identifier.citation2015 | Чаус І. В., Марусенкова Т. А. Front-end фреймворк для побудови застосунків з адаптивним графічним інтерфейсом засобами машинного навчання // Комп'ютерні системи та мережі, Львів. 2024. Том 6. № 2. С. 252–267. | |
| dc.identifier.citationenAPA | Chaus, 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.citationenCHICAGO | Chaus 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.doi | DOI: https://doi.org/10.23939/csn2024.02.252 | |
| dc.identifier.uri | https://ena.lpnu.ua/handle/ntb/123985 | |
| dc.language.iso | uk | |
| dc.publisher | Видавництво Львівської політехніки | |
| dc.publisher | Lviv Politechnic Publishing House | |
| dc.relation.ispartof | Комп'ютерні системи та мережі, 2 (6), 2024 | |
| dc.relation.ispartof | Computer Systems and Networks, 2 (6), 2024 | |
| dc.relation.references | 1. Nilakshi Jain. (2023) UI Design : Key to Captivate User Understanding, вересень 2023. 173 ст. ISBN:8195131948. | |
| dc.relation.references | 2. 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.references | 3.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.references | 4.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.references | 5.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.references | 6.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.references | 7.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.references | 8.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.references | 9. 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.references | 10. 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.references | 11. 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.references | 12. 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.references | 13. Jakob Nielsen. (1993). Iterative User-Interface Design. https://doi.org/10.1109/2.241424 | |
| dc.relation.referencesen | 1. Nilakshi Jain. (2023) UI Design : Key to Captivate User Understanding, veresen 2023. 173 p. ISBN:8195131948. | |
| dc.relation.referencesen | 2. 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.referencesen | 3.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.referencesen | 4.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.referencesen | 5.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.referencesen | 6.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.referencesen | 7.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.referencesen | 8.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.referencesen | 9. 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.referencesen | 10. 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.referencesen | 11. 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.referencesen | 12. 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.referencesen | 13. Jakob Nielsen. (1993). Iterative User-Interface Design. https://doi.org/10.1109/2.241424 | |
| dc.relation.uri | https://doi.org./10.30534/ijatcse/2021/011062021 | |
| dc.relation.uri | https://doi.org/10.2478/amns.2023.2.00338 | |
| dc.relation.uri | http://doi.org/10.3837/tiis.2023.09.008 | |
| dc.relation.uri | https://doi.org/10.1017/CBO9781107415324.004 | |
| dc.relation.uri | http://doi.org/10.5281/zenodo.8328205 | |
| dc.relation.uri | https://doi.org/10.1007/978-3-030-74296-6_42 | |
| dc.relation.uri | https://doi.org/10.1145/3405962.3405982 | |
| dc.relation.uri | https://doi.org/10.1145/3419249.3421250 | |
| dc.relation.uri | http://doi.org/10.1145/2559206.2581363 | |
| dc.relation.uri | http://doi.org/10.3390/s22239336 | |
| dc.relation.uri | https://doi.org/10.1109/2.241424 | |
| dc.rights.holder | © Національний університет „Львівська політехніка“, 2024 | |
| dc.rights.holder | © Чаус І.В., Марусенкова Т.А. 2024 | |
| dc.subject | front-end | |
| dc.subject | адаптивний інтерфейс | |
| dc.subject | веб-дизайн | |
| dc.subject | користувацький довід | |
| dc.subject | машинне навчання | |
| dc.subject | adaptive interface | |
| dc.subject | front-end | |
| dc.subject | machine learning | |
| dc.subject | user experience | |
| dc.subject | web design | |
| dc.subject.udc | 004.5 | |
| dc.title | Front-end фреймворк для побудови застосунків з адаптивним графічним інтерфейсом засобами машинного навчання | |
| dc.title.alternative | Front-end framework for building applications with adaptive user interfaces using machine learning methods | |
| dc.type | Article |