インターフェースガイドライン
提供：MoodleDocs
このドキュメントは、信頼できるものではありません。アイディア一覧であり、現在作成中です。
シンプルにする
きっちり仕事をするには、最小限のインターフェースが必須です。
標準ページ
活動モジュール
- index.php - コース内におけるそのモジュールすべてのインスタンス一覧
- view.php - 特定のインスタンスを表示
- config.html - モジュールインスタンスの設定
ブロック
- config.html - ブロックインスタンスの設定
主要な関数/ページに1つのスクリプト
...
ページレイアウト
- print_heading()関数でヘディングをプリントし、IDおよびClassにCSSを使用します。
- print_simple_box()関数でテキストの周囲にボックスをプリントし、IDおよびClassにCSSを使用します。
フォームレイアウト
- 重要度の高い設定をトップに表示します。
- それぞれのエントリはラベルを付け、必要であればヘルプファイルを設置してください。
- 10以上のオプションがある場合、オプションを必須および任意/特別/拡張パラメータに分けてください。
テーブルの処理
可能な場合、いつでもprint_table()関数を使用してください。
標準的なナビゲーションツール
- すべてのページで、print_header()関数を呼んでください。この関数により、標準的なナビゲーションパスが表示されます。ナビゲーションパスは次のように表示されます: コース >> インデックス >> インスタンス >> サブページ ...
- 活動モジュールのページでは、適切なナビゲーションメニューを生成するnavmenu()関数を呼んでください。
URL
- URL (URI) は可能な限り短くしてください。
- パラメータまたはファイル名にアンダースコア ( _ ) を使用しないでください。
- 1つの単語が使われている場合、2つの単語を使わないでください。
ボタン vs リンク
これは定義することが難しい内容です ...
Google Web Acceleratorに関する情報は、ここで明らかにいくつかの指針をもたらします:
- Moodleの状態 (データファイル、データベース、セッション情報) を変更できるためのアクションは、ボタンを通じて実行されるべきです。
- 最低限でも、リンクのようなインプリメントされたアクションは、ボタンを使用する確認ページにフォーワードされるべきです。
CSSネーミング
- テーマスタンダードをご覧ください。
ヘルプへのリンク
- ヘルプボタンは、入力欄等の右側に置くべきです (入力欄等が右詰めにしてある場合、左側に置くことができます。)。
関連情報
Robin Good's Latest News. "Interaction Design Meets Online Real Estate" 1 Mar. 2005 (英文) http://www.masternewmedia.org/news/2005/03/01/interaction_design_meets_online_real.htm
この記事は、人間の行為に焦点を合わせたバーチャルスペースの表示方法に関して書かれています。これは、Moodleのようなコミュニカティブ・アプローチを思い起こさせます。インターフェースは、コニュニケーションツールのハンドルとして動作します。
