Analysis of the Generator and Consistency of General Web Page Layout Structure Using Matching Algorithm Based on Set Difference

Abstract

According to the website quality of the organization dimension and website usability, the consistency of the layout of the web page is how the general layout elements format is common to all pages. Consistency can make it easier for users in terms of navigation. In this study, researchers used a case study on the East Kalimantan High Prosecutors’ website (http://www.kejati-kaltim.go.id/). The inequality location of the layout makes inconsistency. In this research, web page layout structure data was collected using a Chrome Extension called HTML Tree Generator by adding additional functions according to semantic elements, so that automatically downloads HTML elements in the Document Object Model (DOM). Then, the general layout structure generator only took the semantic elements from the most common layout as its input. Matching Algorithm used to solve the problem of inconsistency in general layout structure, by looking for differences of structure using set difference. Combination functions are used to determine the comparison of each page. Set difference produce “false” if there are one or more differences. Research on the consistency of web page layout structure from case studies yields a consistency score of 92.1%. This score indicates an inconsistency in the web page layout. However, after fixed inconsistent pages, the recalculation score can produce a consistent web page layout.