Технології та інжиніринг

Розробка адаптивного web-інтерфейсу для додатку керування особистими фінансами

Мета. Створення адаптивного web-інтерфейсу для додатку керування та обліку особистих фінансів. Методика. Використовуються методи побудови web-інтерфейсів, мова розмітки гіпертексту (HTML), каскадна мова стилю сторінок (CSS), інструменти дослідження web-додатків. Результати. Проаналізовано вимоги до адаптивних web-інтерфейсів, що дозволяють використовувати їх на пристроях з різними параметрами екранів. Визначено складові елементи webінтерфейсу додатку для обліку та аналізу використання особистих фінансів. Розроблено три варіанти компоновки цих елементів для екранів персональних комп’ютерів, планшетів та смартфонів. Запропоновані варіанти компоновки дозволяють уникнути появи горизонтальної прокрутки на екрані та працювати з інформацією без використання функції масштабування. Встановлено, що медіа запити, які входять до специфікації CSS3, дозволяють гнучко керувати взаємним розміщенням елементів інтерфейсу та їх зовнішнім виглядом. Перетворення табличної інформації у форму списків для відображення на вузьких екранах смартфонів здійснено за рахунок зміни HTML розмітки. Створено та розміщено у мережі Інтернет прототип запропонованого додатку. Наукова новизна. Проаналізовано можливості медіа запитів, що входять до специфікації CSS3, з точки зору керування взаємним положенням компонентів web-інтерфейсів. Практична значимість. Розроблено прототип web-інтерфейсу додатку керування та обліку особистих фінансів, що дозволяє уникнути появи горизонтальної прокрутки на екрані та працювати з інформацією без використання функції масштабування

web-додаток; web-інтерфейс; HTML; CSS; JavaScript; фреймворк