Сучасні фреймворки для створення користувацького інтерфейсу в технологіях електронних видань
DOI:
https://doi.org/10.20535/2077-7264.3(85).2024.293209Ключові слова:
технології електронних видань, веб-сайти, програмні продукти, UI фреймворки, React, Angular, Vue.js, Svelte, Material-UI, Ant Design, Foundation, BootstrapАнотація
Розробка веб-сайтів є значною частиною сучасних технології електронних видань. Користувацький інтерфейс є одним з важливих компонентів сучасного сайту. В роботі розглядаються сучасні фреймворки для створення користувацького інтерфейсу в технологіях електронних видань. Вибір між цими фреймворками може бути складним через наступні чинники: різноманітність вимог веб-додатку, технічний рівень розробників, спільнота та підтримка фреймворку, масштабованість в контексті майбутніх потреб, вимоги до дизайну та інтерфейсу, оновлення та реалізація нових функцій, ліцензійні або комерційні обмеження. Вибір залежить від конкретних особливостей веб-додатку та команди. Тому важливо провести докладний аналіз та вибрати фреймворк, який найкраще підходить для обраних потреб. Розробка UI фреймворків спрямована на вирішення наступних задач: прискорення розробки, консистентності готового продукту, можливостей адаптивного дизайну, оновлення та підтримки та легкості вивчення і використання. Розглянуті найрозповсюджені фреймворки з різними функціональними можливостями, підходами та, які спрямовані на різні типи веб-додатків. Розглянуті фреймворки поділені на дві групи: CSS фреймворки та JavaScript фреймворки. Важливими аспектами CSS фреймворків є: тип дизайну, набір компонент, гнучкість налаштування, адаптивний дизайн, оновлення та підтримка, легкість вивчення та використання. Важливими аспектами Javascript фреймворків є: продуктивність та швидкодія, реактивність (збереження стану), розмір разом з бібліотеками, оновлення та підтримка, легкість вивчення та використання. Проведений короткий аналіз наступних фреймворків: React, Angular, Vue.js, Svelte, Material-UI, Ant Design, Foundation та Bootstrap. Сучасні фрейворки забезпечують вирішення завдань призначених прискорити розробку, поліпшити якість та забезпечити консистентний інтерфейс. Вибір між цими фреймворками залежить від вимог до кінцевого продукту, рівня досвіду, розміру проєкту та особистих вподобань.
Посилання
Schramm, A. et al. (October 3–8, 2010). Rapid UI development for enterprise applications: Combining manual and model-driven techniques. Proc. Model Driven Engineering Languages and Systems: 13th International Conference, MODELS 2010, Part I 13, 271–285. Retrieved from https://www.semanticscholar.org/paper/Rapid-UI-development-for-enterprise-applications%3A-Schramm-Preu%C3%9Fner/73efe89eb8d502f42fa41af4fc7752c0fd8514e6.
Malik, S. et al. (2023). Reimagining Application User Interface (UI) Design using Deep Learning Methods: Challenges and Opportunities. arXiv preprint arXiv:2303.13055. Retrieved from https://www.researchgate.net/publication/369476884_Reimagining_Application_User_Interface_UI_Design_using_Deep_Learning_Methods_Challenges_and_Opportunities.
Levlin, M. (2020). DOM benchmark comparison of the front-end JavaScript frameworks React, Angular, Vue, and Svelte, 33–36. Retrieved from https://www.doria.fi/bitstream/handle/10024/177433/levlin_mattias.pdf.
Saks, E. (2019). JavaScript Frameworks: Angular vs React vs Vue, 101–106. Retrieved from https://www.theseus.fi/handle/10024/261970?show=full.
(1 Aug., 2023). World Wide Web Consortium, ‘HTML’. Retrieved from https://www.w3.org/html/.
Elrom, E. (2021). Starter React Project and Friends. React and Libraries: Your Complete Guide to the React Ecosystem, 21–51. DOI: 10.1007/978-1-4842-6696-0.
Nguyen, M. (2023). Full-stack crud application: User management system, 19–22. Retrieved from https://www.theseus.fi/handle/10024/792892.
Fourie, P. J. (2017). Normative media theory in the digital media landscape: from media ethics to ethical communication. South African Journal for Communication Theory and Research, 43(2), 109–127. DOI: 10.1080/02500167.2017.1331927.
Otto, C., et al. (2021). Predicting knowledge gain during web search based on multimedia resource consumption. Proc. International Conference on Artificial Intelligence in Education. Cham: Springer International Publishing, 194–198. DOI: 10.48550/arXiv.2106.06244.
Peláez, C. A., et al. (July 26–31, 2019). Methodologies and trends in multimedia systems: a systematic literature review. In: Social Computing and Social Media. Design, Human Behavior and Analytics: 11th International Conference, SCSM 2019, Held as Part of the 21st HCI International Conference, HCII 2019, Proc., Part I 21, 88–92. DOI: 10.1007/978-3-030-21902-4_9.
##submission.downloads##
Опубліковано
Як цитувати
Номер
Розділ
Ліцензія
Авторське право (c) 2024 Михайло Петрович Горський, Михайло Олегович Огірко, Ірина Василівна Солтис, Олександр Володимирович Дуболазов, Олександр Григорович Ушенко, Вікторія Валеріївна Морфлюк-Щур, Лілія Станіславівна Слоцька
Ця робота ліцензується відповідно до Creative Commons Attribution 4.0 International License.
Наше видання використовує положення про авторські права Creative Commons CC BY для журналів відкритого доступу.
Автори, які публікуються у цьому журналі, погоджуються з наступними умовами:
1. Автори залишають за собою право на авторство своєї роботи та передають журналу право першої публікації цієї роботи на умовах ліцензії Creative Commons CC BY, котра дозволяє іншим особам вільно розповсюджувати опубліковану роботу з обов’язковим посиланням на авторів оригінальної роботи та першу публікацію роботи у цьому журналі.
2. Автори мають право укладати самостійні додаткові угоди щодо неексклюзивного розповсюдження роботи у тому вигляді, в якому вона була опублікована цим журналом (наприклад, розміщувати роботу в електронному сховищі установи або публікувати у складі монографії), за умови збереження посилання на першу публікацію роботи у цьому журналі.
