Царик, Владислав ЮрійовичГнатушенко, Вікторія Володимирівна2022-06-212022-06-212022Царик В. Ю., Гнатушенко Вікт. В. Дослідження методів виділення графічних об’єктів на вебсайтах для оцінки якості інтерфейсу. Системні технології. Дніпро, 2022. Т. 3. № 140. С. 143–154. DOI: 10.34185/1562-9945-3-140-2022-12.1562-9945 (Print)2707-7977 (Online)https://journals.nmetau.edu.ua/index.php/st/issue/view/121/88http://eadnurt.diit.edu.ua/jspui/handle/123456789/15382В. Царик: ORCID 0000-0001-6449-8037; Вік. Гнатушенко: ORCID 0000-0001-5304-4144UKR: У роботі розглянуто питання автоматизації тестування інтерфейсу користувача на прикладі вебсторінок як графічних зображень. Виділено основні характеристики, на які слід звертати увагу під час тестування графічного інтерфейсу користувача: форма, розмір, яскравість, колір, направлення та розташування елементів зображення. Для оцінки якості в роботі визначено ключові блоки вебсторінки – поля меню, текстові та графічні блоки з вихідного зображення, тобто задача зводиться до задачі сегментації зображення. Розглянуто основний підхід до сегментації – методи порогової бінарізації та більш сучасний метод JSEG, який включає два етапи (квантування кольорів та просторову сегментацію за текстурною ознакою). Наведено результати практичного аналізу зображення вебсторінки: аналіз яскравості зображення – з використанням гістограми яскравості, аналіз кількості використаних кольорів – з застосуванням переходу до індексованого зображення та дослідження статистики використання кожного кольору з заданої палітри, проведено виділення об’єктів методами порогової бінарізації та JSEG. За результатами проведених досліджень зроблено висновок, що методи порогової бінарізації не надають бажаних результатів сегментації – наявні проблеми з злиттям графічних об’єктів, що знаходяться поруч та виокремленням символів в текстових блоках. Алгоритм JSEG включає операції кольорового квантування і просторової сегментації, за рахунок чого результат виділення об’єктів краще, проте все одно вимагає подальших налаштувань.ENG: Formulation of the problem. An actual problem when creating web resources is the testing of the designed design, which is the direction of testing the user interface. This paper considers ways to automate the analysis of the interface of web pages in terms of visual perception of man. The aim of the work. The aim of the work is to improve the quality of automated testing of the graphical user interface based on the use of methods of analysis of color digital images and detection of graphic objects. Methods of selecting objects on digital images. The traditional method of segmentation is described – threshold binarization, which results in a binary image. The JSEG algorithm is more advanced. According to this method, instead of estimating the parameters of the texture model, the homogeneity of each image fragment is checked, which leads to a reduction in the amount of computation. Website interface evaluation methods. In order to qualitatively evaluate the user interface, it is necessary to identify the basic principles on which designers rely when designing interfaces. Basic principles of interface construction: shape, size, brightness, color, direction, location. Determining the brightness characteristics of the image. To estimate the brightness parameters, you can use the estimation of the image histogram, which displays the brightness value. The optimal type of brightness histogram is the normal distribution. Determining the number of primary colors in the image. Performed by constructing a histogram for an indexed image on a given color map. It is optimal to use no more than 3 primary colors. Selectionobjects in the image. The methods of image segmentation described above are implemented and the imperfection of these methods is shown. The application of the JSEG algorithm gave a more positive result, but requires additional adaptation to our tasks. Conclusions. The study and comparative analysis of digital image processing methods to automate the process of assessing the quality of the graphical user interface. It is concluded that the application of the classical approach to image segmentation did not give the desired result for image analysis of web pages, namely there are problems of inability to separate adjacent graphics at the threshold binarization, and combine text characters into one block. The JSEG algorithm includes color quantization and spatial segmentation operations, due to which the result of object selection is better, but still requires further settings.uk-UAтестування інтерфейсуюзабіліті-тестуваннясегментація зображеньобробка зображеньпорогова бінарізаціяJSEGКІТСArticle