ウェブアプリケーションであなたのビジネスをお手伝いする「おまかせコム」へようこそ

基本的には、先行公開された「APF計算ツール」の画面デザイン＆インターフェイスを踏襲する形で進めました。

入力画面のインターフェイス

計算に使用するパラメータは、運転形式などの選択によってさまざまに変化します。
この様な入力＆選択が必要な場面では、一般に

1. 「次へ」「次へ」で進むウィザード形式による入力・選択操作
2. 選択内容等によって入力フォームが動的に変化する入力・選択操作

の２つの手法が考えられました。

１の「ウィザード形式」は、その場面での操作項目を１つか２つに絞ることによって入力＆選択が行い易くなる反面、全体感が掴みづらく相互の影響もわかり難くなるなどのデメリットがあります。
それに対して２の「入力フォームの動的変化」では、たくさんの入力＆選択項目が一気に表示されて圧倒されることもある反面、全体的な見通しが良く、「これを選択するとこちらの入力が不要になる」などの相互の関係もわかりやすくなるメリットがあります。

それぞれの特性と今回の計算に必要なパラメータを検討した結果、入力画面においては、ユーザの選択によって必要な入力フォームが動的に変化するインターフェイスを採用することにしました。

グラフ描画へ合わせての計算エンジン作成

JIS規格上のAPFpの計算は、整数値で定められた温度領域毎に計算を行う様に規定されています。
そのため、「-5[℃]の時は～」、「2[℃]の時は～」の様に表形式でその温度の場合の計算を行ってAPFpを算定することが可能です。

y=f(tj) …… tjは整数値[℃]

しかし、グラフを描画するためには、運転領域の境界点を判定したり各性能値の交点を求める必要があるため、小数点以下となる温度に対しても計算を行う必要があります。

y=f(t) …… tは小数点以下も含む値[℃]

そのため、各種の計算は整数値を採る温度tjだけでなく、リニアに変化する温度tに対して計算を行える様に対応しました。

グラフ専用ライブラリの開発

今回描画するグラフは、「線グラフ」と「棒グラフ」でした。

「線グラフ」は、何層にもレイヤーを重ねる必要があったり、運転領域の境界で特殊な描画が必要だったりと、単純な y=f(x) 形式では描画できないグラフでした。

PHPで動的にグラフを描画するためには、有償・無償合わせてさまざまなライブラリが存在していますが、各種ライブラリと今回の要求仕様を検討した結果、今回はPHP（GD）にグラフ描画のための専用ライブラリを独自に実装することにしました。

専用ライブラリでは、各軸の算定やラベル、補助線や凡例などをライブラリ化した他、特殊な描画を行う曲線も前述した計算エンジンを活用して関数化し、将来の発展性も含んだ制作を行うことができました。