2008.6.6-

給食のカロリー

弘前大学教育学部附属教育実践総合センター小山 智史
弘前大学教育学部附属特別支援学校高谷 純子

□ 概要

 メニューを選びながら給食のカロリーを計算します。

 WindowsのIE6, IE7, FireFox2.0で動作を確認しています。

□ 使い方

 上のボタンを押すと下図の画面が現れます。

 ご飯、みそ汁、牛乳、...のように、メニューの画像をマウスのドラッグ操作でトレーに移動します。トレー上のカロリーが表示されます。カロリー表示欄の背景色は、630kCal〜830kCalはグリーン、830kCal以上ではオレンジになります。

 印刷する場合はを押します。なお、InternetExplorerで文字の背景色を白地にして印刷するには、メニューバーの[ツール][インターネットオプション]の「詳細設定」タブで、設定項目末尾の「背景の色とイメージを印刷する」にチェックを入れてください。

□ データ

 画像(20ドット/cmのgifファイル)を用意し、imgフォルダに入れます。ファイル名はWebでの利用を考慮し、英数字にします。

 データは、表計算ソフトやメモ帳を使ってcsvファイル(ここではfood.csv)を作成します。各列は

になっています。

 csv2jsを使い、csvファイルからjavascriptのデータファイルを作成します。

 動作に必要なファイルは

です。


koyama@cc.hirosaki-u.ac.jp