====== キッチンタイマーを作ってみる ======

キッチンタイマーを題材に、状態遷移を使って設計、実装してみます。
{{:kitchen_timer:screenshot.png?nolink|}}

外観は以下の仕様とします。

  * 操作画面には、ウェブブラウザを使う。
  * 最初に分と秒を入力し、開始を押すことでタイマーが開始する。
  * タイマーがゼロになったらTIMEUPと表示し、（ブラウザが対応していれば）アラーム音を鳴らす。
  * 停止を押すことでアラームが停止し、分秒入力に戻る。

実装は以下の仕様とします。

  * アプリケーションは、/usr/local/kitchen_timer 以下に設置する。
  * 実体はひとつであり、たとえ複数のブラウザで操作画面が開かれても、それらは同じ画面を表示する。


[[開発・実行環境の準備]]

[[作成するファイルの概要]]

[[常駐部の開発　モデルベース設計]]

[[常駐部の開発　コーディング]]

[[コントローラの開発]]

[[画面関連ファイルの開発]]

[[クライアントサイドスクリプトの開発]]

[[仕上げ]]

[[まとめ]]

{{:kitchen_timer:kitchen_timer.tgz|kitchen_timer.tgz ダウンロード}}