「ことわけWeb(仮称)」 画面デザイン

「ことわけWeb」
画面イメージ概観
(実際のアプリとは異なります)
平成18年5月19日 第3版
東京大学理学部生物化学図書室
前田 朗
画面遷移図
ログイン
画面
プロジェクト
管理
画面
クラスタ
リング結果
画面
文書登録
画面
用語管理
画面
クラスタ
リング設定
画面
画面共通イメージ
logoff
エラーメッセージがあるときはここへ
Logoffは基本的にど
の画面にも右上に入
れる
• エラーメッセージを表
示するときは、画面最
上部で
ログイン画面
新規プロジェクト申請
ことわけWebログイン
プロジェクト名
パスワード
・・・・・
ログイン
クリア
ことわけWebは、用語群を分野の近いもの同士で
分類(クラスタリング)するサイトです。
すべての操作はWeb上で無料で行えますが、
ご利用にはご自身のプロジェクトの申請が必要です。
最初のかたは、画面右上の「新規プロジェクト登録」を
すませ、その上で「ことわけWeb」にログインください。
なお、ここで得た利用者情報を他で利用することは
いたしません。
• ログイン画面
• ログインはユーザで
はなく、プロジェクト単
位で行う
• 下段に紹介を入れる
プロジェクト管理画面
logoff
プロジェクトの管理画面
*プロジェクトID
*プロジェクト名
*メールアドレス
氏名
所属
コメント
確定
クリア
新規にクラスタリング
前回のクラスタリング
• プロジェクトの登録画面
• 新規作成の場合は、ロ
グインなしでアクセス
• 新規プロジェクト登録
→ メールを登録者に送
信 → 指定URLへのア
クセスではじめて利用可
能に
文書登録(メイン)画面
• 画面を3段に分ける
単語文書行列作成
• 上段は単語文書行列
の説明
文書を必要なだけ登録したら次へ
• 中段は文書の登録
参照
文書登録と用語抽出
クリア
• 下段は登録済み用語
リスト
登録済み文書リスト
logoff
プロジェクト名
用語クラスタリングは、用語をその関連性に基づき、
いつくかのグループ(クラスタ)に分割するものです。
まずは、事前準備として、文書とその用語のリスト
(単語文書行列)を作成しましょう。 もっと詳しく
編集 削除 文書A.TXT
編集 削除 文書C.TXT
・・・
文書を必要なだけ登録したら次へ
クラスタリング設定画面
logoff
プロジェクト名
前に作成した単語文書行列を元にクラスタリングを
行います。説明を読みつつ設定を行ってください。
もっと詳しく
距離関数選択
プルダウンメニュー
WARD法、ほかの説明
クラスタ数選択
プルダウンメニュー
用語クラスタリングの実行
前のステップに戻る
• 画面を3段に分ける
• 上段はクラスタリング
の説明
• 中段は設定
• 下段は実行ボタンと
戻るためのリンク
• クラスタリング実行中
にWaitメッセージを出
す(DHTML)
用語管理画面
logoff
プロジェクト名
文書名
メイン画面に戻る
用語A
用語
頻度(TF)
確定
編集
最低頻度を
チェック
用語Aの頻度
キャンセル
用語
編集
用語A
編集
用語B
• 各用語について、追
加、編集、削除する
• 編集ボタンをクリック
すると編集用の上画
面ウインドウに用語を
セット出す
頻度(TF)
用語Aの頻度
• 削除ボタンをクリック
用語Bの頻度
すると、チェックボック
スにチェックした用語
をまとめて削除
クラスタリング結果
1
2
3
プロジェクト名
ダウンロード
前ページ
次ページ
用語A
用語E
用語G
4
クラスタ1
• 上部メニューでクラス
タごとに表示
• 用語リストはページ切
り替え可に
• 結果のダウンロードを
可能に
ダウンロード画面
logoff
プロジェクト名
ダウンロード
フォーマット選択
プルダウンメニュー
ダウンロードの実行
前のステップに戻る
• フォーマット(CSV, タ
ブ区切り)を選択可に
• 画面下にAjaxを使い
ダウンロード結果テキ
スト(一時ファイル)へ
のリンクを出す
その他
• 細かいダイアログなども追加で必要
– たとえば、同じ文書名のものを登録しようとし
たときなど。
– パスワード変更用画面も必要
– これらは、随時作成