「インターフェースガイドライン」の版間の差分
提供:MoodleDocs
Mitsuhiro Yoshida (トーク | 投稿記録) (→=URLs) |
Takayuki ISHIKAWA (トーク | 投稿記録) 細 (スペイン語への link) |
||
(他の1人の利用者による、間の27版が非表示) | |||
1行目: | 1行目: | ||
このドキュメントは、信頼できるものではありません。アイディア一覧であり、現在作成中です。 | |||
==シンプルにする== | |||
きっちり仕事をするには、最小限のインターフェースが必須です。 | |||
==標準ページ== | ==標準ページ== | ||
=== | ===活動モジュール=== | ||
*''index.php'' - | *''index.php'' - コース内におけるそのモジュールすべてのインスタンス一覧 | ||
*''view.php'' - | *''view.php'' - 特定のインスタンスを表示 | ||
*''config.html'' - | *''config.html'' - モジュールインスタンスの設定 | ||
===ブロック=== | ===ブロック=== | ||
*''config.html'' - | *''config.html'' - ブロックインスタンスの設定 | ||
== | ==主要な関数/ページに1つのスクリプト== | ||
... | ... | ||
25行目: | 23行目: | ||
==ページレイアウト== | ==ページレイアウト== | ||
# | # print_heading()関数でヘディングをプリントし、IDおよびClassにCSSを使用します。 | ||
# | # print_simple_box()関数でテキストの周囲にボックスをプリントし、IDおよびClassにCSSを使用します。 | ||
==フォームレイアウト== | ==フォームレイアウト== | ||
# | # 重要度の高い設定をトップに表示します。 | ||
# | # それぞれのエントリはラベルを付け、必要であればヘルプファイルを設置してください。 | ||
# | # 10以上のオプションがある場合、オプションを必須および任意/特別/拡張パラメータに分けてください。 | ||
==テーブルの処理== | ==テーブルの処理== | ||
可能な場合、いつでもprint_table()関数を使用してください。 | |||
==標準的なナビゲーションツール== | ==標準的なナビゲーションツール== | ||
# | # すべてのページで、print_header()関数を呼んでください。この関数により、標準的なナビゲーションパスが表示されます。ナビゲーションパスは次のように表示されます: コース >> インデックス >> インスタンス >> サブページ ... | ||
# | # 活動モジュールのページでは、適切なナビゲーションメニューを生成するnavmenu()関数を呼んでください。 | ||
= | =URL= | ||
# | # URL (URI) は可能な限り短くしてください。 | ||
# | # パラメータまたはファイル名にアンダースコア ( _ ) を使用しないでください。 | ||
# | # 1つの単語が使われている場合、2つの単語を使わないでください。 | ||
==ボタン vs リンク== | ==ボタン vs リンク== | ||
これは定義することが難しい内容です ... | |||
Google Web Acceleratorに関する情報は、ここで明らかにいくつかの指針をもたらします: | |||
# | # Moodleの状態 (データファイル、データベース、セッション情報) を変更できるためのアクションは、ボタンを通じて実行されるべきです。 | ||
# | # 最低限でも、リンクのようなインプリメントされたアクションは、ボタンを使用する確認ページにフォーワードされるべきです。 | ||
==CSSネーミング== | ==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 | 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のようなコミュニカティブ・アプローチを思い起こさせます。インターフェースは、コニュニケーションツールのハンドルとして動作します。 | |||
[[Category:開発者]] | [[Category:開発者]] | ||
[[en:Interface_guidelines]] | [[en:Interface_guidelines]] | ||
[[es:Manual de estilo de la interfaz]] |
2008年9月12日 (金) 18:22時点における最新版
このドキュメントは、信頼できるものではありません。アイディア一覧であり、現在作成中です。
シンプルにする
きっちり仕事をするには、最小限のインターフェースが必須です。
標準ページ
活動モジュール
- 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のようなコミュニカティブ・アプローチを思い起こさせます。インターフェースは、コニュニケーションツールのハンドルとして動作します。