[論文レビュー] SAM: A Modular Framework for Self-Adapting Web Menus

Camille Gobert, Kashyap Todi+2 more|HAL (Le Centre pour la Communication Scientifique Directe)|Jan 24, 2019

Personal Information Management and User Behavior参考文献 22被引用数 5

ひとこと要約

SAMは、自己適応型Webメニューを可能にするオープンソースでクライアントサイドのJavaScriptフレームワークであり、ユーザー行動に基づいてメニュー項目をスコアリングする「ターゲットポリシー」と、視覚的に項目を変更する「適応スタイル」（例：再順序化や強調表示）を分離することで、それらを独立して利用可能にします。ローカルログ記録、プライバシー保護型の適応、実際のWebページへのシームレスな統合をサポートしており、研究者が適応技術を実験し、実務家がサーバーサイドの変更なしにパーソナライズされたメニューを導入できるようにします。

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.

研究の動機と目的

• 自己適応型Webメニューの展開可能で再利用可能なフレームワークの欠如に応えるため。
• 研究者が実際のWebページを用いた生態的環境で、さまざまな組み合わせの適応ポリシーとスタイルを実験できるようにするため。
• 実務家が既存のWebサイトに最小限のコード変更で適応型メニューを容易に統合できるようにするため。
• エンドユーザーが技術的知識なしでブラウザ拡張機能を通じて静的Webメニューを動的にカスタマイズできるようにするため。
• モジュラーでオープンソースなフレームワークを提供することで、適応型インタフェース研究の再現可能性、生態的妥当性、および移行性を促進するため。

提案手法

• ターゲットポリシー（相互作用履歴に基づいてメニュー項目をスコアリング）と適応スタイル（再順序化や強調表示などの視覚的変更）を分離し、それぞれを独立して探査可能にします。
• 文献に登場するポリシー（例：頻度ベース、ランクベース）とスタイル（例：再順序化、強調表示、拡大表示）をプラグイン可能なコンponentとして実装します。
• すべての適応ロジック、データログ記録、計算処理を、ローカルストレージまたはIndexedDBを用いてブラウザ内でローカルに実行することで、ユーザーのプライバシーを確保し、サーバーサイドの依存関係を排除します。
• CSSセレクタを用いてメニュー、グループ、項目の要素を指定するDOMベースの初期化を提供し、`SAM.fromSelectors()`を介して実行します。
• インターフェース（`TargetPolicy`、`AdaptationStyle`）と抽象基底クラスを提供することで、開発者が新しいポリシーやスタイルを最小限のコードで実装できるようにします。
• エンドユーザーがWebサイトのコードを変更せず、フレームワークとドメイン固有の初期化スクリプトを注入するブラウザ拡張機能を通じて、適応型メニューをアクティブ化できるようにします。

実験結果

リサーチクエスチョン

• RQ1 実世界のWeb環境で、適応ポリシーとスタイルの独立した探査を可能にするモジュラーなフレームワークは、どのように設計できるか？
• RQ2 クライアントサイドでプライバシーを保護するフレームワークは、研究者が実際のWebページ上で適応型メニュー技術をベンチマークし、再現可能にするのにどの程度有効か？
• RQ3 軽量でオープンソースのJavaScriptフレームワークは、最小限のコード変更で実務家が適応型メニューを効果的に展開できるか？
• RQ4 エンドユーザーは技術的知識なしに、ブラウザ拡張機能を用いて静的Webメニューを動的にカスタマイズできるか？
• RQ5 Wikipediaのような実世界の環境で、複数のポリシーとスタイルを組み合わせた場合のパフォーマンスオーバーヘッドはどの程度か？

主な発見

• SAMは、6つの公開済みの適応ポリシーと4つの視覚的スタイルを組み合わせることで、24種類の異なる適応型メニューのバリエーションを生成可能であり、広範なコンポジション性を示している。
• 数百個の項目を含むメニューにおいて、適応処理の実行時間が100ms未満に抑えられており、Wikipediaでの実世界のベンチマークでは、ページロードあたり平均77msの性能を達成している。
• ローカル実行により、すべてのデータログ記録、スコアリング、レンダリングがクライアントサイドで完結するため、ユーザーのプライバシーが完全に保証される。
• 最小限のコード変更（CSSファイルとJavaScriptライブラリの読み込み、DOMロード後に`SAM.fromSelectors()`を呼び出す）で、既存のWebサイトへのシームレスな統合が可能である。
• ブラウザ拡張機能により、エンドユーザーが技術的知識なしに、どのWebページでもフレームワークとドメイン固有の初期化スクリプトを注入することで、適応型メニューを有効化できる。
• 抽象基底クラスとインターフェースの使用により、新しいポリシーやスタイルの実装負荷が軽減され、迅速な拡張と再利用が可能になっている。