目次

  1. Webとなめらかなインタフェース
  2. なめらかなインタフェースとは
  3. 直接操作インタフェース
  4. Ben Shneiderman
  5. Shneiderman氏のUI教科書
  6. 直接操作の例
  7. 動的検索
  8. インクリメンタル検索
  9. Demo: Emacsのインクリメンタル検索
  10. Demo: タグクラウドのインクリメンタル検索
  11. 直接操作でないもの
  12. 実世界のインタフェース
  13. 例: なめらかなインタフェース
  14. Demo: WING
  15. Demo: LensBar
  16. Webで多い操作
  17. ページ移動の何が駄目か
  18. ハイパーテキストの迷子問題
  19. ブラウザの基本動作
  20. 問題になるところ
  21. Webのインタフェース
  22. リッチインターネットアプリケーション (RIA)
  23. RIAの要件
  24. Web上でなめらかなインタフェースを実現する方法
  25. 似たページを利用して遷移する
  26. 似たページを利用して遷移する
  27. e.g. ディスク容量視覚化
  28. ページ内容の一部を動的に書き換える
  29. ページの内容を書き換える例
  30. ソース
  31. Ajax
  32. AJAX
  33. 非同期通信とは
  34. 同期通信
  35. インタフェースと並列性
  36. 半二重通信 = 極端な同期通信
  37. 大型計算機のキーボード
  38. 現在の端末
  39. 全二重通信
  40. Ajaxの原理
  41. 簡単なAjaxの例
  42. 非同期的にサーバに画像位置を通知
  43. 複雑なAjaxの例
  44. Ajaxの問題点
  45. プラグインを利用する
  46. プラグインによるなめらかなインタフェース
  47. Flashによるなめらかなインタフェース
  48. Demo: Flash版LensBar
  49. サーバからの非同期データ受信
  50. 例: チャットシステム
  51. Comet
  52. サーバの実装
  53. AJAXとComet
  54. まとめ
  55. 実習について
  56. 実習内容
  57. End