[논문 리뷰] SAM: A Modular Framework for Self-Adapting Web Menus

Camille Gobert, Kashyap Todi외 2명|HAL (Le Centre pour la Communication Scientifique Directe)|2019. 01. 24.

Personal Information Management and User Behavior참고 문헌 22인용 수 5

한 줄 요약

SAM은 사용자 행동 기반으로 메뉴 항목을 평가하는 타겟 정책과 시각적 변경(예: 재정렬 또는 강조 표시)을 제공하는 적응 스타일을 분리함으로써 자가 적응형 웹 메뉴를 가능하게 하는 오픈소스 클라이언트 사이드 자바스크립트 프레임워크입니다. 로컬 로깅, 개인정보 보호를 고려한 적응, 실제 웹 페이지에의 원활한 통합을 지원하여 연구자들이 적응 기법을 실험하고 실무자들이 서버 측 변경 없이 개인화된 메뉴를 배포할 수 있도록 합니다.

ABSTRACT

This paper presents SAM, a modular and extensible JavaScript framework for self-adapting menus on webpages. SAM allows control of two elementary aspects for adapting web menus: (1) the target policy, which assigns scores to menu items for adaptation, and (2) the adaptation style, which specifies how they are adapted on display. By decoupling them, SAM enables the exploration of different combinations independently. Several policies from literature are readily implemented, and paired with adaptation styles such as reordering and highlighting. The process - including user data logging - is local, offering privacy benefits and eliminating the need for server-side modifications. Researchers can use SAM to experiment adaptation policies and styles, and benchmark techniques in an ecological setting with real webpages. Practitioners can make websites self-adapting, and end-users can dynamically personalise typically static web menus.

연구 동기 및 목표

• 자기 적응형 인터페이스에 대한 수십 년에 걸친 연구에도 불구하고, 구현 가능하고 재사용 가능한 프레임워크의 부족을 해소하기 위해.
• 연구자들이 실제 웹페이지에서 생태학적 환경에서 다양한 조합의 적응 정책과 스타일을 실험할 수 있도록 하기 위해.
• 실제 웹사이트에 적응형 메뉴를 최소한의 코드 변경으로 쉽게 통합할 수 있도록 실무자들을 지원하기 위해.
• 기술적 전문 지식 없이도 브라우저 확장 프로그램을 통해 최종 사용자가 정적 웹 메뉴를 동적으로 개인화할 수 있도록 하기 위해.
• 모듈화된 오픈소스 프레임워크를 제공함으로써 적응형 인터페이스 연구의 재현 가능성, 생태학적 타당성, 이식 가능성 향상을 위해.

제안 방법

• 타겟 정책(상호작용 이력 기반으로 메뉴 항목 평가)과 적응 스타일(재정렬 또는 강조 표시와 같은 시각적 변경)을 분리하여 독립적인 탐색을 가능하게 합니다.
• 문헌에서 기반으로 한 정책(예: 빈도 기반, 순위 기반)과 스타일(예: 재정렬, 강조 표시, 확대)을 플러그 가능한 컴포넌트로 구현합니다.
• 모든 적응 로직, 데이터 로깅, 계산을 브라우저 내부에서 로컬 스토리지 또는 IndexedDB를 사용해 수행함으로써 사용자 개인정보 보호와 서버 측 의존성 제거를 보장합니다.
• CSS 선택자로 메뉴, 그룹, 항목 요소를 지정하는 방식으로 DOM 기반 초기화를 제공합니다. `SAM.fromSelectors()`를 사용합니다.
• 인터페이스(`TargetPolicy`, `AdaptationStyle`)와 추상 기반 클래스를 통해 확장성을 제공하여 개발자가 새로운 정책과 스타일을 최소한의 코드로 쉽게 구현할 수 있도록 합니다.
• 브라우저 확장 프로그램을 통해 웹사이트 코드를 수정하지 않고도 프레임워크와 초기화 스크립트를 주입함으로써 최종 사용자가 메뉴를 활성화할 수 있도록 지원합니다.

실험 결과

연구 질문

• RQ1 실제 웹 환경에서 적응 정책과 스타일을 독립적으로 탐색할 수 있도록 하는 모듈화된 프레임워크는 어떻게 설계할 수 있는가?
• RQ2 클라이언트 사이드이자 개인정보 보호를 고려한 프레임워크는 연구자들이 실제 웹페이지에서 적응형 메뉴 기법을 벤치마킹하고 재현할 수 있도록 어느 정도 지원할 수 있는가?
• RQ3 경량이며 오픈소스인 자바스크립트 프레임워크는 실무자들이 최소한의 코드 변경으로 적응형 메뉴를 효과적으로 배포하는 데에 사용될 수 있는가?
• RQ4 기술적 전문 지식 없이도 브라우저 확장 프로그램을 통해 최종 사용자가 정적 웹 메뉴를 어떻게 동적으로 개인화할 수 있는가?
• RQ5 위키피디아와 같은 실제 웹 환경에서 여러 정책과 스타일을 결합할 경우 성능 오버헤드는 어느 정도인가?

주요 결과

• SAM은 6개의 공개된 적응 정책과 4개의 시각적 스타일을 조합하여 총 24종의 다양한 적응형 메뉴 변형을 생성할 수 있으며, 광범위한 조합 가능성을 입증합니다.
• 수백 개의 항목을 포함한 메뉴에서 100ms 이내의 적응 성능을 달성하며, 위키피디아에서의 실제 벤치마크 평균은 페이지 로드당 77ms입니다.
• 로컬 실행 덕분에 모든 데이터 로깅, 평가, 렲시가 클라이언트 측에서만 이루어져 서버 스토리지나 통신이 필요 없어 사용자 개인정보 보호가 완전히 보장됩니다.
• 최소한의 코드 변경(스타일 시트와 자바스크립트 라이브러리 포함, DOM 로드 후 `SAM.fromSelectors()` 호출)으로 기존 웹사이트에 원활하게 통합이 가능합니다.
• 브라우저 확장 프로그램을 통해 사용자는 웹사이트 코드를 수정하지 않고도 프레임워크와 도메인 전용 초기화 스크립트를 주입하여 어떤 웹페이지에서나 적응형 메뉴를 활성화할 수 있습니다.
• 추상 기반 클래스와 인터페이스의 사용으로 새로운 정책과 스타일을 구현하는 데 드는 부담이 감소하여 신속한 확장과 재사용이 가능해졌습니다.