DEVELOPMENT OF ADAPTIVE WEB INTERFACE FOR PERSONAL FINANCE MANAGEMENT APPLICATION

Abstract

Purpose. Creation of an adaptive web interface for a personal finance management and accounting application.

Methodology. Methods of building web interfaces, hypertext markup language (HTML), cascading style page language (CSS), web application research tools are used.

Results. The requirements for adaptive web-interfaces, which allow their use on devices with different screen parameters, have been analyzed. The components of the application web interface for accounting and analysis of personal finances use are defined. Three layout options for these elements have been developed for the screens of personal computers, tablets and smartphones. The proposed layout options allow you to avoid the appearance of horizontal scrolling on the screen and work with information without using the zoom function. It has been established that media requests, which are included in the CSS3 specification, allows to flexibly manage the relative placement of interface elements and their appearance. The transformation of tabular information into the form of lists for display on narrow smartphone screens was carried out by changing the HTML markup. A prototype of the proposed application was created and placed on the Internet.

Scientific novelty. The possibilities of media queries included in the CSS3 specification were analyzed from the point of view of managing the relative position of web interface components.

Practical significance. A prototype of the personal finance web interface management and accounting application has been developed, which allows you to avoid the appearance of horizontal scrolling on the screen and work with information without using the zoom function.