Automated grouping of UI elements based on functional similarity can improve the efficiency of UI testing for complex business web applications. However, existing UI clustering approaches have primarily focused on mobile applications or simple interfaces, limiting their applicability to complex web environments. This study proposes a web UI element clustering system based on multidimensional DBSCAN. The system consists of a browser-based Collector that extracts UI elements and their relevant attributes from the HTML DOM and a server-side Agent that clusters the extracted elements according to functional similarity. The proposed system was evaluated on two representative layouts of a university information system, achieving clustering success rates of 97.6% and 99.4% with average processing times of 69 ms and 42 ms, respectively. These results demonstrate the effectiveness and computational efficiency of the proposed approach for automated UI testing. The findings also indicate that consistent application of well-defined UI standards is essential for achieving reliable clustering accuracy.
한국어
업무용 웹 UI의 복잡한 요소를 기능적 유사성에 따라 자동으로 그룹화하면 UI 구조 이해와 자동화 테스트의 효율성을 높일 수 있다. 기존 UI 요소 군집화 연구는 주로 모바일 앱이나 단순 화면을 대상으로 하여 복잡한 업무용 웹 애플리케이션에 적용하기 어렵다는 한계가 있다. 본 연구는 이를 해결하기 위해 다차원 DBSCAN 기반 웹 UI 요소 군집화 시스템을 제안하였다. 시스템은 브라우저 확장 프로그램인 Collector와 서버 프로그램인 Agent로 구성되며, Collector가 HTML DOM에서 UI 요소와 군집화 속성을 추출하면 Agent가 다차원 DBSCAN을 이용해 기능적 유사성에 따라 요소를 군집화한다. 대학 종합정보시스템의 대표적인 두 레이아웃을 대상으로 검증한 결과, 각각 97.6%와 99.4%의 군집화 성공률, 평균 69ms와 42ms의 처리시간을 기록하여 UI 테스트 자동화에 활용 가능한 정확성과 성능을 확인하였다. 다만 높은 군집화 성능을 유지하기 위해서는 엄격한 UI 표준의 수립과 적용이 필요한 것으로 나타났다.
목차
요약 Abstract 1. 서론 2. 관련 연구 2.1 웹 UI 요소 식별 2.2 웹 UI 요소 군집화를 위한 속성 2.3 AI 알고리즘을 이용한 UI 요소 군집화 3. 테스트 자동화를 위한 웹 UI 요소 군집화 3.1 웹 UI 요소 식별 및 속성 추출 3.2 웹 UI 요소 군집화를 위한 다차원 DBSCAN 4. 구현 및 검증 4.1 구현 4.2 검증 5. 결론 REFERENCES